@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;background:#fff;position:relative;letter-spacing:1px;}
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
p{letter-spacing:1px;}
ul,li{list-style:none;}
a:link,a:visited{text-decoration: none;}
img{border:none;}
.public{width:1425px;height:auto;margin:0 auto;position:relative;}
.clear{clear:both;}


#header{width:100;height:auto;margin:0 auto;}
#main{width:100;height:auto;margin:0 auto;}
#footer{width:100;height:auto;margin:0 auto;}
/*top*/
.top{width:100%;height:30px;line-height:30px;background:#f5f5f5;clear:both;}
.top p{width:100%;height:100%;color:#777;font-size:13px;}
.top p a{display:block;width:80px;height:30px;line-height:30px;float:right;color:#777;text-align:left;}
.top p a span{float:right;text-align:center;display:block;width:20px;height:30px;} 
.top p a:hover{color:#f29a1e;}
.top p a:hover span{color:#f29a1e;}
/*logo*/
.logo{width:100%;height:130px;margin:0 auto;clear:both;}
.logo a{display:block;width:735px;height:130px;float:left;}
.logo p{width:250px;height:70px;color:#e56232;font-size:19px;font-weight:bold;float:left;line-height: 35px;letter-spacing:2px;top: 30px;left: 70px;position:relative;}
.logo span{width:250px;height:40px;color:#a1a0a0;font-size:12px;font-weight:normal;clear:both;float:left;letter-spacing:2px;}
.logo .phone{width:300px;height:100px;float:right;position:relative;top:25px;}
.logo .phone .img{width:66px;height:72px;float:left;position:relative;top:0px;}
.logo .phone .img img{width:66px;height:72px;}
.logo .phone h1{width:230px;float:left;color:#666;font-size:13px;line-height:30px;font-weight:normal;}
.logo .phone h2{width:230px;float:left;color:#e56232;font-size:30px;line-height:30px;font-weight:normal;}
.logo .phone h3{width:230px;float:left;color:#969292;font-size:16px;line-height:30px;font-weight:normal;text-align:center;}

/*nav*/
.nav{width:100%;height:50px;background:#2c57b1;margin:0 auto;clear:both;}
.nav ul{width:100%;height:100%;margin:0 auto;}
.nav ul li{width:150px;height:50px;float:left;margin-left:25px;}
.nav ul li a{display:block;width:100%;height:100%;line-height:50px;color:#fff;text-align:center;font-size:15px;}
.nav ul .first{background:#fd9b09;}
/* Rectangle Out */
.hvr-rectangle-out {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-rectangle-out:before { content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #fd9b09;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {  color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {  -webkit-transform: scale(1);  transform: scale(1);}

/*banner*/
.banner { position: relative; height:825px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;clear:both; }
.slider{ width:100%; height:825px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:825px; background:url(../images/shadow.png) bottom center no-repeat;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:825px;}
.slider .slides div{ width:100%; height:825px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:825px; text-align:center; vertical-align:middle; position:relative; left:-50% !important; }
.av{ background:url(img/bac2.png) no-repeat center top  !important;width:24px !important;height:24px !important;}
.slidetip{ position:fixed; z-index:99; bottom:50px; left:48%;}
.slidetip a{display:block;width:24px;height:24px;background:url(img/bac.png) no-repeat center top;}


.zh{width:100%;height:600px;clear:both;margin:0 auto;background:url(img/zh.jpg) no-repeat center top;clear:both;}
.zh ul{width:100%;height: 460px;position: relative;top: 70px;}
.zh ul li{width:265px;height:460px;float:left;margin-left: 50px;margin-right: 40px;}
.zh ul li .img{width:250px;height:250px;margin:0 auto;position:relative;background:url(img/z2.png) no-repeat center top;display:block;overflow:hidden}
.zh ul li .img img{width:240px;height:240px;margin:0 auto;border:solid #fff 3px;position: relative;top:0px;left: 2px;}
.zh ul li h1{width:100%;height:80px;line-height:80px;text-align:center;color:#000000;font-size:20px;font-weight:bold;margin:0 auto;}
.zh ul li p{width:100%;line-height:2;text-align:center;color:#bcbbbb;font-size:14px;margin:0 auto;}
.zh ul li:hover .img{background:url(img/z1.png) no-repeat center top;}
.zh ul li:hover h1{color:#ff9900;}
.zh ul li:hover p{color:#666;}
 .keleyi {width: 220px;height: 220px; margin: 0 auto; -webkit-background-size: 220px 220px; -moz-background-size: 220px 220px;  background-size: 220px 220px;   -webkit-border-radius: 110px;    border-radius: 110px;      -webkit-transition: -webkit-transform 2s ease-out;   -moz-transition: -moz-transform 2s ease-out;   -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; }  
.keleyi:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}  
.zh ul li:hover .keleyi{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}





/*????????????*/
.product{width:100%;height:1130px;background:#f5f5f5;margin:0 auto;clear:both;}
.tit{width:100;height:150px;margin:0 auto;position:relative;}
.tit .img{position:absolute;left: 540px;top: 70px;}
.tit .img img{width:320px;height:310px;}
.tit .text{margin:0 auto;position:relative;width:100%;height:100%;top:85px;}
.tit .text h1{width:100%;height:50px;line-height:50px;font-size:"????????????";text-align:center;color:#9e9e9e;font-size:44px;font-weight:normal;letter-spacing:5px;}
.tit .text h2{width:100%;height:55px;line-height:55px;text-align:center;color:#ff9900;font-size:28px;font-weight:normal;letter-spacing:2px;}
.tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;margin:0 auto;}
.tit .text span{width:50px;height:3px;background:#afafaf;margin:0 auto;position:relative;top:-3px;display:block;}
.product .mm{width:100%;height:500px;margin:0 auto;clear:both;position: relative;top: 80px;}
/* slideTxtBox2 */
.slideTxtBox2{width:1425px;height:960px;margin:0 auto;margin-top:10px;background:url(../images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height:850px;width:280px;float:left;}
.slideTxtBox2 .hd ul h1{width:100%;height:100px;line-height:100px;font-size:28px;text-align:center;display:block;color:#fff;}
.slideTxtBox2 .hd ul h1 a{color:#fff;}
.slideTxtBox2 .hd ul{height:850px;width:280px;background:url(img/ptb.jpg) no-repeat right top;float:right;}
.slideTxtBox2 .hd ul li{float:left;width:280px;height:45px;text-align:center;font-weight:bold;cursor:pointer;border-bottom:dotted #fff 1px;}
.slideTxtBox2 .hd ul li a{color:#fff;display:block;width:240px;height:45px;line-height:45px;float:right;text-align:left;}
.slideTxtBox2 .hd ul li a:hover{text-decoration:none;}
.slideTxtBox2 .hd ul li.on{color:#fff;background:url(img/pt.png) no-repeat;height:60px;line-height:60px;font-weight:bold;border:none;}
.slideTxtBox2 .hd ul li.on a{color:#fff;line-height:60px;}

.slideTxtBox2 .bd{width:1130px;height:850px;line-height:25px;text-align:center;float:right;}
.slideTxtBox2 .bd ul{width:100%;height:850px;overflow: hidden;}
.slideTxtBox2 .bd .hceg{width:265px;height:415px;margin-left:15px;background:#fff;margin-bottom:20px;position: relative;float: left;}
.slideTxtBox2 .bd .hceg .img{display:block;width:245px;height:330px;}
.slideTxtBox2 .bd .hceg .img img{width:245px;height:330px;margin: 10px 10px 0px 10px;}
.slideTxtBox2 .bd .hceg .text{width:100%;height:75px;background:#fff;margin:0 auto;display:block;}
.slideTxtBox2 .bd .hceg .text h1{width:245px;height:35px;line-height:35px;margin:0 auto;color:#121212;font-size:16px;text-align:left;position: relative;top: 12px;}
.slideTxtBox2 .bd .hceg .text h1 .img{width:30px;height:30px;float:right;position:relative;top: -8px;background:url(../image s/pmt2.png) no-repeat center top;display:block;}
.slideTxtBox2 .bd .hceg .text p{width:245px;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:12px;text-align:left;position: relative;top: 15px;}
.slideTxtBox2 .bd .hceg .text h2{width:245px;height:0px;o;color:#fff;font-size:0px;text-align:left;line-height:25px;margin:0 auto;}
.slideTxtBox2 .bd .hceg .text h2 span{display:block;width:245px;font-size:0px;text-align:left;}
.slideTxtBox2 .bd .hceg:hover .text{width:100%;height:130px;margin:0 auto;background:url(img/pm.png) no-repeat center top;transition:width 0.9s,height 0.9s,background-images 0.9s;position:absolute;bottom:0px;left:0px;}
.slideTxtBox2 .bd .hceg:hover .text h1{color:#fff;height:50px;line-height:50px;border-bottom:dotted #fff 1px;}
.slideTxtBox2 .bd .hceg:hover .text h1 .img{background:url(img/pmt.png) no-repeat center top;position:relative;top:0px;}
.slideTxtBox2 .bd .hceg:hover .text p{height:0px;font-size:0px;}
.slideTxtBox2 .bd .hceg:hover .text h2{width:245px;height:auto;color:#fff;font-size:14px;text-align:left;line-height:25px;margin:0 auto;margin-top:22px;}
.slideTxtBox2 .bd .hceg:hover .text h2 span{display:block;width:245px;font-size:24px;text-align:left;}








/*????????????*/
.ys{width:100%;height:790px;clear:both;margin:0 auto;clear:both;}

.ys .tit{width:100;height:150px;margin:0 auto;position:relative;}
.ys .tit .img{position:absolute;left:260px;top: 70px;}
.ys .tit .img img{width:320px;height:310px;}
.ys .tit .text{margin:0 auto;position:relative;width:100%;height:100%;top:85px;}
.ys .tit .text h1{width:100%;height:50px;line-height:50px;font-size:"????????????";text-align:center;color:#9e9e9e;font-size:44px;font-weight:normal;letter-spacing:5px;}
.ys .tit .text h2{width:100%;height:55px;line-height:55px;text-align:center;color:#ff9900;font-size:28px;font-weight:bold;letter-spacing:2px;}
.ys .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;margin:0 auto;}
.ys .tit .text span{width:50px;height:3px;background:#afafaf;margin:0 auto;position:relative;top:-3px;display:block;}
.ys .mm{width:100%;height:auto;margin:0 auto;margin-top:100px;}
.ys .mm ul{width:100%;height:520px;margin:0 auto;position:relative;}
.ys .mm ul .first{width:470px;height:160px;float:left;}
.ys .mm ul .first img{width:130px;height:115px;float:left;padding-top: 20px;}
.ys .mm ul .first h1{width:260px;height:50px;color:#fff;font-size:18px;line-height:50px;float: left;padding-top: 15px;}
.ys .mm ul .first p{width:260px;height:auto;color:#fff;font-size:12px;line-height:1.8;float: left;}
.ys .mm ul .sec{width:470px;height:160px;float:right;}
.ys .mm ul .sec img{width:130px;height:115px;float:right;padding-top: 20px;}
.ys .mm ul .sec h1{width:260px;height:50px;color:#343232;font-size:18px;line-height:50px;float:right;padding-top: 15px;}
.ys .mm ul .sec p{width:260px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float:right;}
.ys .mm ul .three{width:470px;height:160px;float:left;margin-top:180px;clear: both;}
.ys .mm ul .three img{width:130px;height:115px;float:left;padding-top: 20px;}
.ys .mm ul .three h1{width:260px;height:50px;color:#343232;font-size:18px;line-height:50px;float: left;padding-top: 15px;}
.ys .mm ul .three p{width:260px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float: left;}
.ys .mm ul .four{width:470px;height:160px;float:right;margin-top:180px;}
.ys .mm ul .four img{width:130px;height:115px;float:right;padding-top: 20px;}
.ys .mm ul .four h1{width:260px;height:50px;color:#343232;font-size:18px;line-height:50px;float:right;padding-top: 15px;}
.ys .mm ul .four p{width:260px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float:right;}
.ys .mm ul .ysd{width:460px;height:530px;position:absolute;top:0px;left: 450px;}
.ys .mm ul li:hover img{position:relative;top:-10px;}
.ys .mm ul li:hover h1{position:relative;top:-10px;}
.ys .mm ul li:hover p{position:relative;top:-10px;}



/*??????????????????*/
.mid{width:100%;height:305px;margin:0 auto;background:url(img/mid.jpg) no-repeat center top;}
.mid p{width:640px;height:130px;line-height:45px;color:#fff;font-size:32px;letter-spacing:2px;position: relative;top: 120px;float:left;}
.mid p span{color:#fff;font-size:14px;clear:both;display: block;width: 100%;}
.mid .tphone{width:400px;height:130px;float:right;position: relative;top: 90px;}
.mid .tphone img{width:80px;height:80px;float:left;}
.mid .tphone h1{width:320px;float:left;font-size:16px;color:#fff;font-weight:normal;line-height:40px;}
.mid .tphone h2{width:320px;float:left;font-size:30px;color:#fff;font-weight:normal;}


/*??????????????????*/
.about{width:100%;height:800px;margin:0 auto;background:url(img/about.jpg) no-repeat center top;clear:both;}
.about .tit{width:530px;;height:150px;float:left;position:relative;}
.about .tit .img{position:absolute;left:0px;top: 60px;}
.about .tit .img img{width: 185px;height: 195px;}
.about .tit .text{float:left;position:relative;width:330px;height:100%;top:70px;}
.about .tit .text h1{width:330px;height:50px;line-height:50px;font-size:"????????????";color:#9e9e9e;font-size:44px;font-weight:normal;letter-spacing:5px;float:left;text-align: left;margin-left: 130px;}
.about .tit .text h2{width:330px;height:55px;line-height:55px;color:#ff9900;font-size:28px;font-weight:bold;letter-spacing:2px;float:left;text-align: left;margin-left: 130px;}
.about .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;float:left;margin-left: 130px;}
.about .tit .text span{width:50px;height:3px;background:#afafaf;position:relative;top: -1px;left: -120px;display:block;float:left;}
.about .mm{width:100%;height:auto;margin:0 auto;clear: both;position: relative;top: 80px;}
.about .mm .text{width:840px;height:240px;float:left;position:relative;left:50px;}
.about .mm .text p{width:840px;height:auto;color:#706e6e;line-height:2.6;letter-spacing:1px;font-size:15px;}
.about .mm .pic{width:385px;height:490px;position: absolute;top: -320px;right: 0px;}
.about .mm .pic p img{width:385px;height:490px;}
.about .mm .pic a{display:block;width:385px;height:100px;margin:0 auto;font-size:19px;font-weight:bold;color:#020202;line-height:53px;top: 40px;position: relative;}
.about .mm .pic a img{width:136px;height:53px;float:left;margin-left:10px;margin-right:20px;}
.about .mm .pic a:hover{color:#ff9900;}
.about .mm .hor{width:1280px;height:240px;margin:0 auto;position: relative;top: 55px;clear:both;}
.about .mm .hor li{width:190px;height:240px;float:left;margin-left: 35px;margin-right: 30px;}
.about .mm .hor li .pic2{width:190px;height:180px;display:block;margin: 0 auto; }
.about .mm .hor li h1{width:100%;height:60px;line-height:60px;}
.about .mm .hor li h1 a{color:#333333;font-size:18px;text-align:center;width:100%;height:100%;display:block;font-weight:normal;}
.about .mm .hor li:hover .pic2{background-position: 0% 100% !important;transition:width 0.9s,height 0.9s,background-images 0.9s;}
.about .mm .hor li:hover h1 a{color:#999}






/*????????????*/
.news{width:100%;height:805px;margin:0 auto;background:#f9f9f9;}
.news .tit{width:530px;;height:150px;float:left;position:relative;}
.news .tit .img{position:absolute;left:0px;top: 60px;}
.news .tit .img img{width: 185px;height: 195px;}
.news .tit .text{float:left;position:relative;width:330px;height:100%;top:70px;}
.news .tit .text h1{width:330px;height:50px;line-height:50px;font-size:"??????????????????";color:#9e9e9e;font-size:44px;font-weight:normal;letter-spacing:5px;float:left;text-align: left;}
.news .tit .text h2{width:330px;height:55px;line-height:55px;color:#ff9900;font-size:28px;font-weight:bold;letter-spacing:2px;float:left;text-align: left;}
.news .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;float:left;}
.news .tit .text span{width:50px;height:3px;background:#afafaf;position:relative;top: -1px;left: -120px;display:block;float:left;}
.news .tit2 {width:405px;height:70px;float:right;position: relative;top: 70px;}
.news .tit2 li{width:130px;height:60px;float:left;}
.news .tit2 li a {display:block;width:100%;height:100%;color:#333;font-size:16px;line-height:60px;text-align:center;letter-spacing:2px;}
.news .tit2 li:hover{background:url(img/news.png) no-repeat center top;}
.news .tit2 .first{background:url(img/news.png) no-repeat center top;}
.news .mm{width:1425px;height:480px;margin:0 auto;padding-top: 90px;clear:both;}
.news .mm .left{width:710px;height:480px;float:left;}
.news .mm .left ul{width:100%;height:100%;margin:0 auto;}
.news .mm .left ul li{width:335px;height:225px;float:left;position:relative;margin-right:11px;margin-top:15px;}
.news .mm .left ul li .img{width:335px;height:225px;display:block;}
.news .mm .left ul li .img img{width:335px;height:225px;}
.news .mm .left ul li .text{width:160px;height:115px;position:absolute;right:0px;bottom:0px;background: #fff;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;  -webkit-transition-property: color;  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.news .mm .left ul li .text span{width:145px;height:20px;margin:0 auto;line-height:20px;color:#9b9999;font-size:12px;display:block;margin:0 auto;}
.news .mm .left ul li .text h1{width:145px;height:auto;margin:0 auto;line-height:1.6;color:#4f4d4d;font-size:14px;font-weight:normal;}
.news .mm .left ul li .text p{width:145px;height:auto;margin:0 auto;line-height:1.2;color:#9b9a9a;font-size:12px;display: block;margin: 0 auto;}
.news .mm .left ul li .text:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#3f70d7; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.news .mm .left ul li .text:hover, .news .mm .left ul li .text:focus, .news .mm .left ul li .text:active {color: white;}
.news .mm .left ul li .text:hover:before, .news .mm .left ul li .text:focus:before, .news .mm .left ul li .text:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);}
.news .mm .left ul li .text:hover h1{color:#fff;}
.news .mm .left ul li .text:hover p{color:#fff;}
.news .mm .left ul li .text:hover span{color:#fff;}
.news .mm .right{width:710px;height:480px;float:right;}
.news .mm .right ul{width:100%;height:100%;float:left;}
.news .mm .right ul li{width:100%;height:135px;float:left;background:#fff;margin-top:15px;margin-bottom: 10px;}
.news .mm .right ul li .img2{display:block;width:190px;height:135px;float:left;}
.news .mm .right ul li .img2 img{width:190px;height:135px;}
.news .mm .right ul li .text2{width:520px;height:135px;float:left;display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.news .mm .right ul li .text2 span{width:80px;height:70px;float:right;text-align:center;line-height:70px;color:#9b9999;font-size:12px;display:block;padding-right: 20px;}
.news .mm .right ul li .text2 h1{width:340px;height:70px;float:left;line-height:70px;color:#4f4d4d;font-size:14px;font-weight:normal;padding-left: 10px;}
.news .mm .right ul li .text2 p{width:425px;height:auto;margin:0 auto;line-height:1.4;color:#9b9a9a;font-size:12px;display: block;margin: 0 auto;clear:both;}
.news .mm .right ul li .text2:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.news .mm .right ul li .text2:hover, .news .mm .right ul li .text2:focus, .news .mm .right ul li .text2:active {color: white;background: #3f70d7;}
.news .mm .right ul li .text2:hover:before, .news .mm .right ul li .text2:focus:before, .news .mm .right ul li .text2:active:before {-webkit-transform: scaleY(0); transform: scaleY(0);}
.news .mm .right ul li .text2:hover h1{color:#fff;}
.news .mm .right ul li .text2:hover p{color:#fff;}
.news .mm .right ul li .text2:hover span{color:#fff;}


#footer{width:100%;height:430px;background:url(img/footer.jpg) no-repeat center top;}
#footer .left{width:360px;height:330px;float:left;text-align:center;margin-top: 30px;}
#footer .left .flogo{width:360px;height:100px;margin:0 auto;}
#footer .left .er{width:175px;height:175px;margin:0 auto;}
#footer .left p{width:100%;height:40px;line-height:40px;color:#fff;text-align:center;}
#footer .right{width:1030px;height:330px;float:right;margin-top: 40px;}
#footer .right .ptit{width:660px;height:170px;float:left;}
#footer .right .ptit li{width:165px;height:30px;float:left;}
#footer .right .ptit li a{display:block;width:180px;height:30px;color:#9d9d9d;line-height:30px;}
#footer .right .ptit li a img{width:30px;height:30px;float:left;position:relative;top:1px;}
#footer .right .ptit h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .ptit h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .contact {width:340px;height:auto;float:right;}
#footer .right .contact h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .contact h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .contact li{width:100%;height:auto;line-height:30px;float:left;color:#9d9d9d;}
#footer .right .link {width:400px;height: auto;;float:left;clear:both;position: relative;top: -40px;}
#footer .right .link h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .link h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .link li{width:130px;height:30px;float:left;background:#292929;border-right:solid #000000 1px;}
#footer .right .link li a{display:block;width:100%;height:100%;text-align:center;color:#9d9d9d;font-size:14px;line-height: 30px;}
#footer .right p{width:580px;line-height:30px;color:#9d9d9d;float:right;margin-top: 20px}
#footer .right p a{color:#9d9d9d;}
#footer .foot{width:100%;height:70px;background:#1e1e1e;margin:0 auto;clear:both;}
#footer .foot ul{width:1250px;height:30px;margin:0 auto;position:relative;top:20px;}
#footer .foot ul li{width:155px;height:30px;border-left:solid #b5b5b5 1px;float:left;display:block;text-align:center;}
#footer .foot ul li a{color:#b5b5b5;font-size:16px;line-height:30px;text-align:center;}
#footer .foot ul .first{border:none;}



/*??????????????????*/
.yb_conct{position:fixed;z-index:9999999;top:150px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar ul li a{color:#fff;}
.yb_bar ul li a:visited{color:#fff;}
.yb_bar .yb_top{background:#3155bc url(img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3155bc url(img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3155bc url(img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3155bc url(img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}






@media screen and (max-width:1440px) {
	

.public{width:1300px;height:auto;margin:0 auto;position:relative;}
.clear{clear:both;}


#header{width:100;height:auto;margin:0 auto;}
#main{width:100;height:auto;margin:0 auto;}
#footer{width:100;height:auto;margin:0 auto;}
/*top*/
.top{width:100%;height:30px;line-height:30px;background:#f5f5f5;clear:both;}
.top p{width:100%;height:100%;color:#777;font-size:13px;}
.top p a{display:block;width:80px;height:30px;line-height:30px;float:right;color:#777;text-align:left;}
.top p a span{float:right;text-align:center;display:block;width:20px;height:30px;} 
.top p a:hover{color:#f29a1e;}
.top p a:hover span{color:#f29a1e;}
/*logo*/
.logo{width:100%;height:130px;margin:0 auto;clear:both;}
.logo a{display:block;width: 680px;height: 120px;float:left;}
.logo a img{width: 680px;height: 120px;}
.logo p{width:250px;height:70px;color:#e56232;font-size:16px;font-weight:bold;float:left;line-height: 35px;letter-spacing:2px;top: 30px;left:50px;position:relative;}
.logo span{width:250px;height:40px;color:#a1a0a0;font-size:12px;font-weight:normal;clear:both;float:left;letter-spacing:2px;}
.logo .phone{width:300px;height:100px;float:right;position:relative;top:25px;}
.logo .phone .img{width:60px;height:65px;float:left;position:relative;top:0px;}
.logo .phone .img img{width:60px;height:65px;}
.logo .phone h1{width:230px;float:left;color:#666;font-size:13px;line-height:30px;font-weight:normal;}
.logo .phone h2{width:230px;float:left;color:#e56232;font-size:26px;line-height:26px;font-weight:normal;}
.logo .phone h3{width:230px;float:left;color:#969292;font-size:14px;line-height:26px;font-weight:normal;text-align:center;}

/*nav*/
.nav{width:100%;height:45px;background:#2c57b1;margin:0 auto;clear:both;}
.nav ul{width:100%;height:100%;margin:0 auto;}
.nav ul li{width: 135px;height:45px;float:left;margin-left:25px;}
.nav ul li a{display:block;width:100%;height:100%;line-height:45px;color:#fff;text-align:center;font-size:15px;}
.nav ul .first{background:#fd9b09;}
/* Rectangle Out */
.hvr-rectangle-out {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-rectangle-out:before { content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #fd9b09;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {  color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {  -webkit-transform: scale(1);  transform: scale(1);}

/*banner*/
.banner { position: relative; height:619px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;clear:both; }
.slider{ width:100%; height:619px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:619px; background:url(../images/shadow.png) bottom center no-repeat;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:619px;}
.slider .slides div{ width:100%; height:619px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1440px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1440px !important; height:619px; text-align:center; vertical-align:middle; position:relative; left:-50% !important; }
.av{ background:url(img/bac2.png) no-repeat center top !important;width:24px !important;height:24px !important;}
.slidetip{ position:fixed; z-index:99; bottom:50px; left:48%;}
.slidetip a{display:block;width:24px;height:24px;background:url(img/bac.png) no-repeat center top;}



/*??????????????????*/
.zh{width:100%;height:500px;clear:both;margin:0 auto;background:url(img/zh.jpg) no-repeat center top;clear:both;}
.zh ul{width:100%;height: 399px;position: relative;top: 55px;}
.zh ul li{width:230px;height:399px;float:left;margin-left: 50px;margin-right: 40px;}
.zh ul li .img{width:220px;height:220px;margin:0 auto;position:relative;background:url(img/z2.png) no-repeat 0px 0px;display:block;background-size: contain;overflow:hidden}
.zh ul li .img img{width:210px;height:210px;margin:0 auto;border:solid #fff 3px;position: relative;top:0px;left: 2px;}
.zh ul li h1{width:100%;height:60px;line-height:60px;text-align:center;color:#000000;font-size:18px;font-weight:bold;margin:0 auto;}
.zh ul li p{width:100%;line-height:2;text-align:center;color:#bcbbbb;font-size:12px;margin:0 auto;}
.zh ul li:hover .img{background:url(img/z1.png) no-repeat right bottom;background-size: contain;}
.zh ul li:hover h1{color:#ff9900;}
.zh ul li:hover p{color:#666;}
 .keleyi {width: 220px;height: 220px; margin: 0 auto; -webkit-background-size: 220px 220px; -moz-background-size: 220px 220px;  background-size: 220px 220px;   -webkit-border-radius: 110px;    border-radius: 110px;      -webkit-transition: -webkit-transform 2s ease-out;   -moz-transition: -moz-transform 2s ease-out;   -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; }  
.keleyi:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}  
.zh ul li:hover .keleyi{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}






/*????????????*/
.product{width:100%;height:1100px;background:#f5f5f5;margin:0 auto;clear:both;}
.tit{width:100;height:150px;margin:0 auto;position:relative;}
.tit .img{position:absolute;left:330px;top: 70px;}
.tit .img img{width: 260px;height: 252px;}
.tit .text{margin:0 auto;position:relative;width:100%;height:100%;top:85px;}
.tit .text h1{width:100%;height:40px;line-height:40px;font-size:"????????????";text-align:center;color:#9e9e9e;font-size:35px;font-weight:normal;letter-spacing:5px;}
.tit .text h2{width:100%;height:45px;line-height:45px;text-align:center;color:#ff9900;font-size:20px;font-weight:normal;letter-spacing:2px;}
.tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;margin:0 auto;}
.tit .text span{width:50px;height:3px;background:#afafaf;margin:0 auto;position:relative;top:-3px;display:block;}
.product .mm{width: 1300px;height:760px;margin:0 auto;clear:both;position: relative;top: 80px;}

/* slideTxtBox2 */
.slideTxtBox2{width:1300px;height:760px;margin:0 auto;margin-top:10px;background:url(../images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height:760px;width:250px;float:left;}
.slideTxtBox2 .hd ul h1{width:100%;height:100px;line-height:100px;font-size:28px;text-align:center;display:block;color:#fff;}
.slideTxtBox2 .hd ul h1 a{color:#fff;}
.slideTxtBox2 .hd ul{height:760px;width:240px;background:url(img/ptb.jpg) no-repeat right top;float:right;}
.slideTxtBox2 .hd ul li{float:left;width:240px;height:45px;text-align:center;font-weight:bold;cursor:pointer;border-bottom:dotted #fff 1px;}
.slideTxtBox2 .hd ul li a{color:#fff;display:block;width:220px;height:45px;line-height:45px;float:right;text-align:left;}
.slideTxtBox2 .hd ul li a:hover{text-decoration:none;}
.slideTxtBox2 .hd ul li:hover{color:#fff;background:url(img/pt.png) no-repeat;height:60px;line-height:60px;font-weight:bold;border:none;background-size: contain;position:relative;left:-5px;}
.slideTxtBox2 .hd ul li.hover a{color:#fff;line-height:60px;}



.slideTxtBox2 .bd {width:1030px;height:760px;line-height:25px;text-align:center;float:right;}
.slideTxtBox2 .bd ul{width:1030px;height:760px;overflow: hidden;}
.slideTxtBox2 .bd  .hceg{width:230px;height:370px;margin-left:10px;margin-right:10px;background:#fff;margin-bottom:20px;position: relative;float: left;}
.slideTxtBox2 .bd  .hceg .img{display:block;width:210px;height:285px}
.slideTxtBox2 .bd  .hceg .img img{width:210px;height:285px;margin: 10px 10px 0px 10px;}
.slideTxtBox2 .bd  .hceg .text{width:100%;height:75px;background:#fff;margin:0 auto;display:block;margin-top: 15px;}
.slideTxtBox2 .bd  .hceg .text h1{width:200px;height:35px;line-height:35px;margin:0 auto;color:#121212;font-size:16px;text-align:left;position: relative;top: 12px;}
.slideTxtBox2 .bd  .hceg .text h1 .img{width:30px;height:30px;float:right;position:relative;top: 3px;background:url(img/pmt3.png) no-repeat center top;display:block;}
.slideTxtBox2 .bd  .hceg .text p{width: 90%;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:12px;text-align:left;position: relative;top: 15px;}
.slideTxtBox2 .bd  .hceg .text h2{width: 90%;height:0px;color:#fff;font-size:0px;text-align:left;line-height:25px;margin:0 auto;}
.slideTxtBox2 .bd  .hceg .text h2 span{display:block;width:245px;font-size:0px;text-align:left;}
.slideTxtBox2 .bd  .hceg:hover .text{width:100%;height:120px;margin:0 auto;background:url(img/pm.png) no-repeat center top;transition:width 0.9s,height 0.9s,background-images 0.9s;position:absolute;bottom:0px;left:0px;background-size:contain;}
.slideTxtBox2 .bd  .hceg:hover .text h1{color:#fff;height:50px;line-height:50px;border-bottom:dotted #fff 1px;}
.slideTxtBox2 .bd  .hceg:hover .text h1 .img{background:url(img/pmt.png) no-repeat center top;position:relative;top:0px;}
.slideTxtBox2 .bd  .hceg:hover .text p{height:0px;font-size:0px;}
.slideTxtBox2 .bd  .hceg:hover .text h2{width:200px;height:auto;color:#fff;font-size:14px;text-align:left;line-height:25px;margin:0 auto;margin-top:22px;}
.slideTxtBox2 .bd  .hceg:hover .text h2 span{display:block;width:245px;font-size:24px;text-align:left;}
.slideTxtBox2 .bd  .hceg:hover .text h1{width: 90%;color:#fff;height:35px;line-height:35px;border-bottom:dotted #fff 1px;}
.slideTxtBox2 .bd  .hceg:hover .text h1 .img{background:url(img/pmt.png) no-repeat center top;position:relative;top:0px;background-size: contain;}
.slideTxtBox2 .bd  .hceg:hover .text p{height:0px;font-size:0px;}
.slideTxtBox2 .bd  .hceg:hover .text h2{width: 90%;height:auto;color:#fff;font-size:12px;text-align:left;line-height:25px;margin:0 auto;margin-top:22px;}
.slideTxtBox2 .bd  .hceg:hover .text h2 span{display:block;width:230px;font-size:20px;text-align:left;}











/*????????????*/
.ys{width:100%;height:790px;clear:both;margin:0 auto;clear:both;}


.ys .tit{width:100;height:150px;margin:0 auto;position:relative;}
.ys .tit .img{position:absolute;left:330px;top: 70px;}
.ys .tit .img img{width: 260px;height: 252px;}
.ys .tit .text{margin:0 auto;position:relative;width:100%;height:100%;top:85px;}
.ys .tit .text h1{width:100%;height:40px;line-height:40px;font-size:"????????????";text-align:center;color:#9e9e9e;font-size:35px;font-weight:normal;letter-spacing:5px;}
.ys .tit .text h2{width:100%;height:45px;line-height:45px;text-align:center;color:#ff9900;font-size:20px;font-weight:normal;letter-spacing:2px;}
.ys .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;margin:0 auto;}
.ys .tit .text span{width:50px;height:3px;background:#afafaf;margin:0 auto;position:relative;top:-3px;display:block;}


.ys .mm{width:100%;height:auto;margin:0 auto;margin-top:100px;}
.ys .mm ul{width:100%;height:520px;margin:0 auto;position:relative;}
.ys .mm ul .first{width: 425px;height: 145px;float:left;background-size: contain !important;}
.ys .mm ul .first img{width: 110px;height: 97px;float:left;padding-top: 20px;}
.ys .mm ul .first h1{width:230px;height:50px;color:#fff;font-size:16px;line-height:50px;float: left;padding-top: 15px;}
.ys .mm ul .first p{width:230px;height:auto;color:#fff;font-size:12px;line-height:1.8;float: left;}
.ys .mm ul .sec{width: 425px;height: 145px;float:right;background-size: contain !important;}
.ys .mm ul .sec img{width: 110px;height: 97px;float:right;padding-top: 20px;}
.ys .mm ul .sec h1{width:230px;height:50px;color:#343232;font-size:16px;line-height:50px;float:right;padding-top: 15px;}
.ys .mm ul .sec p{width:230px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float:right;}
.ys .mm ul .three{idth: 425px;height: 145px;float:left;background-size: contain !important;margin-top:180px;clear: both;}
.ys .mm ul .three imgwidth: 110px;height: 97px;float:left;padding-top: 20px;}
.ys .mm ul .three h1{width:230px;height:50px;color:#343232;font-size:16px;line-height:50px;float: left;padding-top: 15px;}
.ys .mm ul .three p{width:230px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float: left;}
.ys .mm ul .four{width: 425px;height: 145px;float:right;background-size: contain !important;margin-top:180px;}
.ys .mm ul .four img{width: 110px;height: 97px;float:right;padding-top: 20px;}
.ys .mm ul .four h1{width:230px;height:50px;color:#343232;font-size:16px;line-height:50px;float:right;padding-top: 15px;}
.ys .mm ul .four p{width:230px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float:right;}
.ys .mm ul .ysd{width: 400px;height: 461px;position:absolute;top:0px;left: 450px;}
.ys .mm ul li:hover img{position:relative;top:-10px;}
.ys .mm ul li:hover h1{position:relative;top:-10px;}
.ys .mm ul li:hover p{position:relative;top:-10px;}



/*??????????????????*/
.mid{width:100%;height:240px;margin:0 auto;background:url(img/mid.jpg) no-repeat center top;}
.mid p{width:640px;height:130px;line-height:45px;color:#fff;font-size:24px;letter-spacing:2px;position: relative;top: 80px;float:left;}
.mid p span{color:#fff;font-size:12px;clear:both;display: block;width: 100%;}
.mid .tphone{width:400px;height:130px;float:right;position: relative;top: 50px;}
.mid .tphone img{width:60px;height:60px;float:left;}
.mid .tphone h1{width:320px;float:left;font-size:14px;color:#fff;font-weight:normal;line-height:40px;}
.mid .tphone h2{width:320px;float:left;font-size:24px;color:#fff;font-weight:normal;}


/*??????????????????*/
.about{width:100%;height:700px;margin:0 auto;background:url(img/about.jpg) no-repeat center top;clear:both;background-size: contain;}
.about .tit{width:530px;height:110px;float:left;position:relative;}
.about .tit .img{position:absolute;left:0px;top: 40px;}
.about .tit .img img{width: 160px;height: 169px;}
.about .tit .text{float:left;position:relative;width:330px;height:100%;top:40px;}
.about .tit .text h1{width:330px;height:40px;line-height:40px;font-size:"????????????";color:#9e9e9e;font-size:35px;font-weight:normal;letter-spacing:5px;float:left;text-align: left;margin-left: 110px;}
.about .tit .text h2{width:330px;height:45px;line-height:45px;color:#ff9900;font-size:20px;font-weight:bold;letter-spacing:2px;float:left;text-align: left;margin-left: 130px;}
.about .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;float:left;margin-left: 130px;}
.about .tit .text span{width:50px;height:3px;background:#afafaf;position:relative;top: -1px;left: -120px;display:block;float:left;}
.about .mm{width:100%;height:auto;margin:0 auto;clear: both;position: relative;top: 80px;}
.about .mm .text{width:720px;height:240px;float:left;position:relative;left:50px;}
.about .mm .text p{width:720px;height:auto;color:#706e6e;line-height:2.2;letter-spacing:1px;font-size:14px;}
.about .mm .pic{width:300px;height:450px;position: absolute;top: -300px;right: 30px;}
.about .mm .pic img{width:300px;height:450px;}
.about .mm .pic a{display:block;width:300px;height:80px;margin:0 auto;font-size:16px;font-weight:bold;color:#020202;line-height:53px;top: 20px;position: relative;background-size: contain;}
.about .mm .pic a img{width:136px;height:53px;float:left;margin-left:10px;margin-right:20px;}
.about .mm .pic a:hover{color:#ff9900;}
.about .mm .hor{width:1280px;height:240px;margin:0 auto;position: relative;top:0px;clear:both;}
.about .mm .hor li{width:190px;height:240px;float:left;margin-left: 35px;margin-right: 30px;}
.about .mm .hor li .pic2{width:190px;height:180px;display:block;margin: 0 auto; }
.about .mm .hor li h1{width:100%;height:60px;line-height:60px;}
.about .mm .hor li h1 a{color:#333333;font-size:18px;text-align:center;width:100%;height:100%;display:block;font-weight:normal;}
.about .mm .hor li:hover .pic2{background-position: 0% 100% !important;transition:width 0.9s,height 0.9s,background-images 0.9s;}
.about .mm .hor li:hover h1 a{color:#999}






/*????????????*/
.news{width:100%;height:705px;margin:0 auto;background:#f9f9f9;}
.news .tit{width:530px;height:150px;float:left;position:relative;}
.news .tit .img{position:absolute;left:0px;top: 60px;}
.news .tit .img img{width: 185px;height: 195px;}
.news .tit .text{float:left;position:relative;width:330px;height:100%;top:70px;}
.news .tit .text h1{width:330px;height:40px;line-height:40px;font-size:"??????????????????";color:#9e9e9e;font-size:35px;font-weight:normal;letter-spacing:5px;float:left;text-align: left;}
.news .tit .text h2{width:330px;height:45px;line-height:45px;color:#ff9900;font-size:20px;font-weight:bold;letter-spacing:2px;float:left;text-align: left;}
.news .tit .text p{width:120px;height:1px;border-top:solid #afafaf 1px;float:left;}
.news .tit .text span{width:50px;height:3px;background:#afafaf;position:relative;top: -1px;left: -120px;display:block;float:left;}
.news .tit2 {width:405px;height:70px;float:right;position: relative;top: 70px;}
.news .tit2 li{width:130px;height:60px;float:left;}
.news .tit2 li a {display:block;width:100%;height:100%;color:#333;font-size:16px;line-height:60px;text-align:center;letter-spacing:2px;}
.news .tit2 li:hover{background:url(img/news.png) no-repeat center top;}
.news .tit2 .first{background:url(img/news.png) no-repeat center top;}
.news .mm{width:1300px;height:480px;margin:0 auto;padding-top: 40px;clear:both;}
.news .mm .left{width:650px;height:480px;float:left;}
.news .mm .left ul{width:100%;height:100%;margin:0 auto;}
.news .mm .left ul li{width: 310px;height: 208px;float:left;position:relative;margin-right: 15px;margin-top:13px;}
.news .mm .left ul li .img{width: 310px;height: 208px;display:block;}
.news .mm .left ul li .img img{width: 310px;height: 208px;}
.news .mm .left ul li .text{width:160px;height:115px;position:absolute;right:0px;bottom:0px;background: #fff;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;  -webkit-transition-property: color;  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.news .mm .left ul li .text span{width:145px;height:20px;margin:0 auto;line-height:20px;color:#9b9999;font-size:12px;display:block;margin:0 auto;}
.news .mm .left ul li .text h1{width:145px;height:auto;margin:0 auto;line-height:1.6;color:#4f4d4d;font-size:14px;font-weight:normal;}
.news .mm .left ul li .text p{width:145px;height:auto;margin:0 auto;line-height:1.2;color:#9b9a9a;font-size:12px;display: block;margin: 0 auto;}
.news .mm .left ul li .text:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#3f70d7; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.news .mm .left ul li .text:hover, .news .mm .left ul li .text:focus, .news .mm .left ul li .text:active {color: white;}
.news .mm .left ul li .text:hover:before, .news .mm .left ul li .text:focus:before, .news .mm .left ul li .text:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);}
.news .mm .left ul li .text:hover h1{color:#fff;}
.news .mm .left ul li .text:hover p{color:#fff;}
.news .mm .left ul li .text:hover span{color:#fff;}
.news .mm .right{width:650px;height:480px;float:right;}
.news .mm .right ul{width:100%;height:100%;float:left;}
.news .mm .right ul li{width:100%;height:122px;float:left;background:#fff;margin-top:15px;margin-bottom: 10px;}
.news .mm .right ul li .img2{display:block;width:190px;height:127px;float:left;}
.news .mm .right ul li .img2 img{width:190px;height:127px;}
.news .mm .right ul li .text2{width:460px;height:127px;float:left;display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.news .mm .right ul li .text2 span{width:80px;height:70px;float:right;text-align:center;line-height:70px;color:#9b9999;font-size:12px;display:block;padding-right: 20px;}
.news .mm .right ul li .text2 h1{width:340px;height:70px;float:left;line-height:70px;color:#4f4d4d;font-size:14px;font-weight:normal;padding-left: 10px;}
.news .mm .right ul li .text2 p{width:425px;height:auto;margin:0 auto;line-height:1.4;color:#9b9a9a;font-size:12px;display: block;margin: 0 auto;clear:both;}
.news .mm .right ul li .text2:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.news .mm .right ul li .text2:hover, .news .mm .right ul li .text2:focus, .news .mm .right ul li .text2:active {color: white;background: #3f70d7;}
.news .mm .right ul li .text2:hover:before, .news .mm .right ul li .text2:focus:before, .news .mm .right ul li .text2:active:before {-webkit-transform: scaleY(0); transform: scaleY(0);}
.news .mm .right ul li .text2:hover h1{color:#fff;}
.news .mm .right ul li .text2:hover p{color:#fff;}
.news .mm .right ul li .text2:hover span{color:#fff;}


#footer{width:100%;height:370px;background:url(img/footer.jpg) no-repeat center top;}
#footer .left{width:300px;height:320px;float:left;text-align:center;margin-top: 30px;}
#footer .left .flogo{width: 300px;height: 83px;margin:0 auto;}
#footer .left .er{width:150px;height:150px;margin:0 auto;}
#footer .left p{width:80%;height:40px;line-height:40px;color:#fff;text-align:center;}
#footer .right{width:1000px;height:330px;float:right;margin-top: 40px;}
#footer .right .ptit{width:560px;height:170px;float:left;margin-left: 55px;}
#footer .right .ptit li{width:140px;height:30px;float:left;}
#footer .right .ptit li a{display:block;width:180px;height:30px;color:#9d9d9d;line-height:30px;}
#footer .right .ptit li a img{width:30px;height:30px;float:left;position:relative;top:1px;}
#footer .right .ptit h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .ptit h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .contact {width:280;height:auto;float:right;}
#footer .right .contact h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .contact h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .contact li{width:100%;height:auto;line-height:30px;float:left;color:#9d9d9d;}
#footer .right .link {width:300px;height: auto;;float:left;clear:both;position: relative;top: -40px;left:55px;}
#footer .right .link h1{display:block;width:100%;height:40px;float:left;margin-bottom:20px;}
#footer .right .link h1 a{display:block;width:100%;height:100%;background:url(img/ptt.png) no-repeat left top;color:#d9d9da;font-size:16px;line-height:40px;}
#footer .right .link li{width:95px;height:30px;float:left;background:#292929;border-right:solid #000000 1px;}
#footer .right .link li a{display:block;width:100%;height:100%;text-align:center;color:#9d9d9d;font-size:14px;line-height: 30px;}
#footer .right p{width:580px;line-height:30px;color:#9d9d9d;float:right;margin-top: 20px}
#footer .right p a{color:#9d9d9d;}
#footer .foot{width:100%;height:55px;background:#1e1e1e;margin:0 auto;clear:both;}
#footer .foot ul{width:1150px;height:30px;margin:0 auto;position:relative;top:12px;}
#footer .foot ul li{width:140px;height:30px;border-left:solid #b5b5b5 1px;float:left;display:block;text-align:center;}
#footer .foot ul li a{color:#b5b5b5;font-size:14px;line-height:30px;text-align:center;}
#footer .foot ul .first{border:none;}
	



/*??????????????????*/
.yb_conct{position:fixed;z-index:9999999;top:150px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar ul li a{color:#fff;}
.yb_bar ul li a:visited{color:#fff;}
.yb_bar .yb_top{background:#3155bc url(img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3155bc url(img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3155bc url(img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3155bc url(img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


	
}