@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.head{background: rgba(0,0,0,0.6); height: 90px; position: fixed; top: 0; width: 100%; z-index: 99}
.zylogo{float: left; padding-top: 20px; padding-top: 25px; padding-left: 5%;}
.menu{float: left; padding-left: 10%;}
.menu ul li{float: left;padding: 0px 20px; position: relative; font-size: 18px; height: 87px;line-height: 87px;}
.menu ul li.on{border-bottom: 3px solid red;}
.menu ul li a{color: #fff;}
.menu ul li ul{position: absolute;background: #333; width: 100%; left: 0; z-index: 99;top: 90px;display: none;}
.menu ul li ul li{float: none; width: 100%; padding: 0; font-size: 16px;text-align: center; height: 36px;line-height: 36px;}
.menu ul li ul li:hover{background: #000;}

#nav{width: 65px; height: 100%; position: fixed; left: 0; top: 0; background: #000000; z-index: 29;}
.nav_buttom{height: 65px; background: #fd9514; text-align: center; color: #FFFFFF; padding-top: 8px; line-height: 22px;cursor:pointer;}
.nav_buttom:hover{}
.nav_buttom span{display: block; font-size: 35px; line-height: 30px;}

@media (max-width:1550px) {
	.search{display: none;}
}
#nav{width: 65px; height: 100%; position: fixed; left: 0; top: 0; background: #000000; z-index: 29;}
.nav_buttom{height: 65px; background: #fd9514; text-align: center; color: #FFFFFF; padding-top: 8px; line-height: 22px;cursor:pointer;}
.nav_buttom:hover{}
.nav_buttom span{display: block; font-size: 35px; line-height: 30px;}
/* 本例子css */
		.m1{ width: 100%; height: 100%;  }
		.m1 .hd{ height:15px;  position:absolute; right:5px; bottom:155px; z-index:9; left: 50%; }
		.m1 .hd ul{ zoom:1; float:left;  }
		.m1 .hd ul li{ float:left; margin-right:15px; width: 5px; height: 5px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer; transition: all 0.2s; }
		.m1 .hd ul li.on{ background:none; color:#fff; width: 16px; height: 6px; border: 2px solid #FFFFFF; border-radius: 5px; position: relative; top: -3px;  }
	.m1 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height: 100%;  }
	.m1 .bd ul{ width:100% !important;  height:100%; }
	.m1 .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center;  transition: all 0.3s; }
	.m1 .bd li:hover{transform:scale(1.1,1.1);}
	.m1 .bd li a{ display:block; height:100%; }
.logo{position: absolute; z-index: 20; top: 20px; left: 95px;}
.nav_ul{width: 240px; height: 100%; background: #06468d; position: fixed; z-index: 19; top: 0; left: -240px; transition: all 0.3s;}
.nav_ul ul{padding-top: 120px;}
.nav_ul ul li{min-height: 48px; line-height: 48px; padding-left: 30px; padding-right: 30px; transition: all 0.5s;cursor:pointer;}
.nav_ul ul li:hover{cursor:pointer}
.nav_ul ul li a{color: #FFFFFF; font-size: 18px;}
.nav_ul ul li span{float: right;}
.nav_ul ul li ul{padding: 0; height: 0; overflow: hidden; transition: all 0.3s;}
.nav_ul ul li ul li{height: 26px; line-height: 26px; font-size: 16px;}
.nav_ul ul li:hover{background: #0077AA;}
/*.nav_ul ul li:hover ul{height: 140px;}*/
.search{position: absolute; right: 37px; top: 33px; z-index: 29; border: 1px solid #FFFFFF; width: 243px; height: 36px;}
.s1{width: 172px; height: 36px; float: left; background: none; border: 0; padding-left: 22px; float: left;outline:none; color: #FFFFFF;}
.s1::-webkit-input-placeholder { /* WebKit browsers */
 color: #FFFFFF;
}

.s1::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #FFFFFF;
}

.s1:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #FFFFFF;
}
.s2{height: 36px; width: 47px; background: url(../img/s2.png) center no-repeat; border: 0; float: right;}
.m1_foot{height: 130px; background: rgba(0,0,0,0.3); width: 100%; position: absolute; bottom: 0; z-index: 20;}
.m1pc{height: 100%;}
.m1wap{height: 100%;}
.m1_l{width: 50%; float: left;color: #FFFFFF;}
.m1_l img{float: left; padding-top: 35px; padding-right: 10px;}
.m1_l h3{font-size: 38px; font-family: Impact; font-style: italic; line-height: 38px; padding-top: 30px;}
.m1_l span{letter-spacing: 12px;}
.m1_m{color: #FFFFFF; float: left; width: 300px;}
.m1_m a{color: #ffffff}
.m1_m img{float: left; padding-top: 35px; padding-right: 10px;}
.m1_m h3{font-size: 24px;line-height: 32px; padding-top: 30px;}
.m1_m span{font-size: 16px;}
.m1_r{color: #FFFFFF; float: right; padding-top: 20px;}
.m1_r ul li{float: left; text-align: center; width: 110px; margin-right: 20px;}
.m1_r ul li img{display: inline-block;}
.m1_r ul li span{display: block; text-align: center; font-size: 13px;}

.m2{background: url(../img/m2.jpg) center;}
.m2l{width: 22%; float: left;}
.title{position: relative; padding-left: 10px; padding-bottom: 50px;}
.title h3{font-size: 26px; color: #FFFFFF;}
.title span{font-size: 22px; font-weight: bold; color: rgba(255,255,255,0.05); line-height: 27px; position: absolute; left:102px; top: 0;}
.title a{float: right; font-size: 18px; color: rgba(255,255,255,0.2);}
.title a:hover{color: rgba(255,255,255,1);}
.title2{position: relative; margin-left: 5%; padding-bottom: 50px;}
.title2 h3{font-size: 26px; color: #FFFFFF;}
.title2 span{font-size: 22px; font-weight: bold; color: rgba(255,255,255,0.05); line-height: 27px; position: absolute; left:92px; top: 0;}
.title2 a{float: right; font-size: 18px; color: rgba(255,255,255,0.2);}
.title2 a:hover{color: rgba(255,255,255,1);}
.m2lcon ul{padding-left: 15px;}
.m2lcon ul li{margin-top: 12px; padding-left: 27px;}
.m2lcon ul li a{color: #FFFFFF; font-size: 15px;}
.m2lcon ul li:hover{background: url(../img/m2li.jpg) right;}
.m2l_2{padding-top: 80px;}
.m2lcon2{height: 105px;  color: #FFFFFF; padding-top: 0px;}
.m2lcon2 a{color: #ffffff;}
.m2lcon2 img{display: block; padding-right: 30px; float: left; padding-left: 25px; }
.m2lcon2 span{float: left; font-size: 20px; padding-top: 18px;}
.m2r{float: right; width: 75%;}
.m2rcon{border-left: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); height: 580px; overflow: auto; padding-left: 5%; padding-right: 5%; }
.m2rcon ul li{width: 30%; text-align: center; float: left; margin: 0px 1.5%; height: 250px; margin-top: 40px; }
.m2img{width: 100%; height: 200px; background: rgba(255,255,255,0.6);  overflow: hidden;}
.m2img img{transition: all 0.3s;}
.m2rcon ul li:hover img{transform:scale(1.1,1.1);}
.m2rcon ul li h3{color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 50px;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: rgba(255,255,255,0.6);
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
	width: 3px;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #fd9514;
	width: 3px;
  }
.m3{background: url(../img/m3.jpg) center;}
.m3l{width: 614px; float: left; padding-left: 110px;}
.m3t{color: #FFFFFF; background: url(../img/t3.png) no-repeat; padding-left: 20px; background-position:0px 11px;}
.m3t a{float: right; color: rgba(255,255,255,0.5); font-size: 16px; padding-top: 5px;}
.m3t h3{font-size: 28px; font-weight: bold; line-height: 30px;}
.m3t span{font-size: 16px;}
.m3con{color: #FFFFFF; line-height: 30px; padding-top: 20px;}
.m3b{width: 600px; margin-top: 40px; height: 100px; background: #08a4cc; color: #FFFFFF; padding-top: 23px; padding-left: 15px; padding-right: 15px;}
.m3b table{width: 100%;}
.m3b table tr td{text-align: center; line-height: 30px;}
.m3b table tr td span{font-size: 32px; font-weight: bold;}
.m4{background: url(../img/m4.jpg) center;}
.title4{position: relative; margin-left: 1%; padding-bottom: 50px;}
.title4 h3{font-size: 26px; color: #FFFFFF;}
.title4 span{font-size: 22px; font-weight: bold; color: rgba(255,255,255,0.05); line-height: 27px; position: absolute; left:92px; top: 0;}
.title4 a{float: right; font-size: 18px; color: rgba(0,0,0,0.4); margin-right: 1%;}
.title4 a:hover{color: rgba(0,0,0,1);}
.m4lib{height: 230px; background: rgba(255,255,255,0.2); color: #FFFFFF;transition: all 0.3s;}
.m4con{position: relative;}
.m4con .bd ul li{float: left; width: 23%; margin: 0px 10px;}
.m4lit{overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; height: 250px;}
.m4con .bd ul li img{display: block; transition: all 0.3s;}
.m4con .bd ul li:hover img{transform:scale(1.1,1.1);}
.m4con .bd ul li h3{font-size: 18px; font-weight: bold; padding-left: 18px; padding-right: 18px; line-height: 50px; padding-top: 20px;}
.m4con .bd ul li p{ padding-left: 30px; padding-right: 30px; font-size: 15px; line-height: 26px; padding-bottom: 30px;}
.m4a{width: 150px; height: 40px; line-height: 40px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; margin: auto;}
.m4con .bd ul li:hover .m4lib{background: #08a4cc;}

.m4con{ width: 100%; height: 100%;  }
		.m4con .hd{ height:15px; width: 100px;  margin: auto; margin-top: 50px; }
		.m4con .hd ul{ zoom:1; float:left; text-align: center; }
		.m4con .hd ul li{ margin-right:15px; width: 5px; height: 5px; border-radius: 50%; text-align:center; background:#fff; transition: all 0.2s; display: inline-block; overflow: hidden;}
		.m4con .hd ul li.on{ background:none; color:#fff; width: 16px; height: 6px; border: 2px solid #FFFFFF; border-radius: 5px; position: relative; top: 3px;  }
.m5{background: url(../img/m5.jpg) center;}

.title5{position: relative; margin-left: 1%; padding-bottom: 50px;}
.title5 h3{font-size: 26px; color: #FFFFFF;}
.title5 span{font-size: 22px; font-weight: bold; color: rgba(255,255,255,0.05); line-height: 27px; position: absolute; left:92px; top: 0;}
.title5 .hd{width: 375px; height: 45px; border-radius: 23px; background: #08a4cc; float: right;}
.title5 .hd ul li{width: 125px; float: left;text-align: center; line-height: 45px;}
.title5 .hd ul li a{color: #ffffff;}
.title5 .hd ul li.on{background:  linear-gradient(#38d0f7, #2280c6); border-radius: 23px;}
.m5con ul li{height: 150px; border: 1px solid #b5bdc4; width: 100%; color: #FFFFFF; margin-top: 15px;}
.m5con ul li a{color: #FFFFFF;}
.m5con ul li img{width: 245px; height: 150px; float: left; padding-right: 35px;}
.m5con ul li h3{font-size: 22px; font-weight: bold; line-height: 32px; padding-top: 25px; padding-bottom: 10px;}
.m5con ul li p{ font-size: 16px;}
.m5con ul li span{font-size: 16px;;}
.m5con ul li:hover{background: #FFFFFF; }
.m5con ul li:hover a{color: #333;}
.m6{height: 530px;}
.m6nav{background: #08a4cc;}
.m6nav ul{text-align: center;}
.m6nav ul li{display: inline-block; padding: 0px 50px; background: url(../img/li.png) right no-repeat; height: 70px; line-height: 70px;}
.m6nav ul li a{color: #FFFFFF; font-size: 16px;}
.m6nav ul li:nth-last-child(1){background: none;}
#foot{background: #111111; height: 460px;}
.foot{height: 530px; position: relative;}

.foot1{height: 259px; border-bottom: 1px solid #434343;}
.foot1l{width: 420px; height: 70px; line-height: 70px; float: left;}
.foot1l img{display: inline-block; padding-top: 100px; padding-left: 125px;}
.foot1m{ height: 70px;float: left; color: #FFFFFF; font-size: 14px; line-height: 33px; margin-top: 80px;}
.foot1m span{font-size: 25px; float: left; line-height: 33px; padding-right: 13px;}
.foot1m table tr td{border-left: 1px solid #434343; padding-left: 60px;padding-right: 60px;}
.foot1r{text-align: center; color: #FFFFFF; padding-top: 63px; width: 114px; float: right; padding-right: 128px;}
.foot1r img{display: inline-block;}
.foot1r p{font-size: 15px;}
.foot2{height: 70px; line-height: 70px; text-align: center; font-size: 14px; color: #FFFFFF;}
#zybanner{height: 330px; background: url(../img/about.jpg) center;}
.zyhead{height: 330px; position: relative;}
.zyhead h3{font-size: 43px; font-weight: bold; color: #FFFFFF; padding-top: 100px;}
.zyhead span{font-size: 110px; font-weight: bold; color: #fd9514; position: absolute; bottom: -94px;}
#zynav2{height: 120px; background: #333333; color: #FFFFFF; font-size: 20px;}
#zynav2 span{padding-top: 50px; display: block; float: left;}
.dqwz{float: right; font-size: 14px; line-height: 30px; padding-top: 80px;}
.dqwz img{display: inline-block; float: left; padding-top: 5px; padding-right: 5px;}
.dqwz a{color: #FFFFFF;}
.zytitle{height: 60px; border-bottom: 1px solid #e5e5e5; padding-left: 27px; padding-top: 68px; font-size: 20px;}
.zytitle a{display: block; float: left; line-height: 56px; padding-left: 5px; padding-right: 5px; margin-right: 50px; font-size: 20px; color: #333333;}
.zytitle a.on{border-bottom: 4px solid #333333;}
.zycon{padding: 20px; min-height: 500px;}
.arclist ul{padding-bottom: 50px;}
.arclist ul li{height: 300px; margin-top: 50px;}
.arclist ul li .tp{width: 300px; height: 300px; float: left; overflow: hidden;background-position: center; background-repeat: no-repeat; background-size: contain;}
.arclist ul li .tp img{width: 550px; height: 300px;transition: all 0.3s;}
.arclist ul li:hover .tp img{transform:scale(1.1,1.1);}
.arclist ul li .wz{float: right; width: 785px; padding-right: 38px;}
.arclist ul li h3{font-size: 25px; font-weight: bold; color: #333333; padding-top: 50px;}
.arclist ul li p{font-size: 18px; color: #888888; line-height: 27px; height: 54px; margin-bottom: 60px;}
.arclist ul li span{display: block; width: 160px; height: 42px; text-align: center; line-height: 42px; background: #fd9514; color: #FFFFFF;}

.prolist{min-height: 500px;}
.prolist ul{margin-left: -16px; padding-bottom: 50px;}
.prolist ul li{width: 389px; text-align: center; float: left; margin-left: 16px; margin-top: 40px;}
.prolist ul li .proimg{width: 389px; height: 292px; overflow: hidden;}
.prolist ul li .proimg img{transition: all 0.3s;width: 389px; height: 292px;}
.prolist ul li:hover .proimg img{transform:scale(1.1,1.1);}
.prolist ul li span{padding-top: 20px; display: inline-block; font-size: 17px;}

.prolist ul li .proimg .img{background-position: center; background-repeat: no-repeat; background-size: contain; width: 389px; height: 292px;}
/* 新闻中心 */
.news li{height: 170px; box-shadow: 0px 0px 10px #cfcfcf; padding-left: 40px; background: url(../img/newsli.jpg) left no-repeat; margin-top: 30px;}
.news>li>a>h3{color: #333333; font-size: 18px; border-bottom: 1px solid #f0f0f0; line-height: 50px; padding-top: 25px; display: block; font-weight: normal;}
.news li .shijian{display: block; float: right; width: 160px; padding-left: 50px; text-align: center; background: #FFFFFF; height: 170px;}
.news li .shijian h3{font-size: 54px; font-weight: normal; line-height: 54px; padding-top: 45px;}
.news li p{font-size: 14px; color: #888888; line-height: 24px; padding-top: 15px;}

/* 手机 */
@media (max-width:768px){
	.menu{display: none}
	#zynav2{height: 50px; background: #333333; color: #FFFFFF; font-size: 20px;}
	#zynav2 span{padding-top: 0px; display: none; float: left;}
	.dqwz{float: right; font-size: 12px; line-height: 50px; padding-top: 0px;}
	.dqwz img{display: inline-block; float: left; padding-top: 15px; padding-right: 5px;}
	.dqwz a{color: #FFFFFF;}
	.zytitle{height: 60px; border-bottom: 1px solid #e5e5e5; padding-left: 27px; padding-top: 0px;}
	.prolist ul{margin-left: 0px; padding-bottom: 50px;}
	.prolist ul li{width: calc(100% - 32px); text-align: center; float: left; margin-left: 16px; margin-top: 20px;}
	.prolist ul li .proimg{width: 100%; height: auto; overflow: hidden;}
	.prolist ul li .proimg img{transition: all 0.3s;width: 100%; height: auto;}
	.prolist ul li span{padding-top: 10px; display: inline-block; font-size: 17px;}
	.sjfoot{background: #111111; padding-top: 20px; padding-bottom: 20px;}
	.foot2 {
	    height: auto;
	    line-height: 30px;
	    text-align: center;
	    font-size: 14px;
	    color: #FFFFFF;
	}
	.sjfoot2{width: 100%;height: 48px;color: #FFF;}
	.sjfoot2 a{color: #FFF;}
	.sjfoot2 .menu{background: #000;;width: 100%;height: 65px;font-size: 14px;padding:  0; position: fixed; bottom: 0}
	.sjfoot2 .menu .iconfont{font-size: 20px;}
	
	.pull-left{width: 25%; float: left; text-align: center;}
	.zyhead{height: 330px; position: relative; text-align: center;}
	
	
	.zycon{padding: 15px; min-height: 500px;}
	.arclist ul{padding-bottom: 50px;}
	.arclist ul li{height: auto; margin-top: 50px;}
	.arclist ul li .tp{width: 100%; height: auto; float: none; overflow: hidden;}
	.arclist ul li .tp img{width: 100%; height: auto;transition: all 0.3s;}
	.arclist ul li:hover .tp img{transform:scale(1.1,1.1);}
	.arclist ul li .wz{float: none; width: 100%; padding-right: 0px;}
	.arclist ul li h3{font-size: 25px; font-weight: bold; color: #333333; padding-top: 0px;}
	.arclist ul li p{font-size: 18px; color: #888888; line-height: 27px; height: 54px; margin-bottom: 20px;}
	.arclist ul li span{display: block; width: 160px; height: 42px; text-align: center; line-height: 42px; background: #fd9514; color: #FFFFFF;}
	
	.m2l{width: 100%; float: none;}
	.m3l{width: 100%; float: none; padding-left: 0px;}
	
	.m4lib{height: 230px; background: rgba(255,255,255,0.2); color: #FFFFFF;transition: all 0.3s;}
	.m4con-wap{position: relative;}
	.m4con-wap .bd ul li{float: left; width: 100%; margin: 0px 10px;}
	.m4lit{overflow: hidden;}
	.m4con-wap .bd ul li img{display: block; transition: all 0.3s;}
	.m4con-wap .bd ul li:hover img{transform:scale(1.1,1.1);}
	.m4con-wap .bd ul li h3{font-size: 18px; font-weight: bold; padding-left: 18px; padding-right: 18px; line-height: 50px; padding-top: 20px;}
	.m4con-wap .bd ul li p{ padding-left: 30px; padding-right: 30px; font-size: 15px; line-height: 26px; padding-bottom: 30px;}
	.m4a{width: 150px; height: 40px; line-height: 40px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; margin: auto;}
	.m4con-wap .bd ul li:hover .m4lib{background: #08a4cc;}
	
	.m4con-wap{ width: 100%; height: 100%;  }
	.m4con-wap .hd{ height:15px; width: 100px;  margin: auto; margin-top: 50px; }
	.m4con-wap .hd ul{ zoom:1; float:left; text-align: center; }
	.m4con-wap .hd ul li{ margin-right:15px; width: 5px; height: 5px; border-radius: 50%; text-align:center; background:#fff; transition: all 0.2s; display: inline-block; overflow: hidden;}
	.m4con-wap .hd ul li.on{ background:none; color:#fff; width: 16px; height: 6px; border: 2px solid #FFFFFF; border-radius: 5px; position: relative; top: 3px;  }
	
	.m5con ul li{height: auto; border: 1px solid #b5bdc4; width: calc(100% - 20px); color: #FFFFFF; margin-top: 15px; padding-left: 20px;}
	.m5con ul li a{color: #FFFFFF;}
	.m5con ul li img{width: 245px; height: 150px; float: left; padding-right: 35px; display: none;}
	.m5con p{display: none;}
	.title5{position: relative; margin-left: 1%; padding-bottom: 50px; }
	#foot{height: auto;}
	.foot{background: #111111; height: 250px;}
	.foot1{height: auto; border-bottom: 1px solid #434343;}
	.foot1l{width: 100%; height: 120px; line-height: 70px; float: none; text-align: center;}
	.foot1l img{display: inline-block; padding-top: 20px; padding-left:0px;}
	.foot1m{ height: 70px;float: none; color: #FFFFFF; font-size: 14px; line-height: 33px; margin-top: 80px;}
	.foot1m span{font-size: 25px; float: left; line-height: 33px; padding-right: 13px;}
	.foot1m table tr td{border-left: 1px solid #434343; padding-left: 60px;padding-right: 60px;}
	.foot1r{text-align: center; color: #FFFFFF; padding-top: 63px; width: 114px; float: none; padding-right:0px;}
	.foot1r img{display: inline-block;}
	.foot1r p{font-size: 15px;}
	.foot2{height: 70px; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF;}

	.news li{height: auto; box-shadow: 0px 0px 10px #cfcfcf; padding-left: 40px; background: url(../img/newsli.jpg) left no-repeat; margin-top: 30px;}
.news>li>a>h3{color: #333333; font-size: 18px; border-bottom: 1px solid #f0f0f0; line-height: 50px; padding-top: 25px; display: block; font-weight: normal;}
.news li .shijian{display: none; float: right; width: 160px; padding-left: 50px; text-align: center; background: #FFFFFF; height: 170px;}
.news li .shijian h3{font-size: 54px; font-weight: normal; line-height: 54px; padding-top: 45px;}
.news li p{font-size: 14px; color: #888888; line-height: 24px; padding-top: 15px;}

}