@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#0768d3;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*首页顶部*/
.header{height:44px; background-color: #f4f5f6; position: relative;line-height: 44px;color:#999;}
.header .w1200{overflow: visible;}
.header .header_a .line{color:#999; line-height: 44px; margin: 0px 10px; float: left;}
.header .header_a a{display:block; width: 100%; height: 100%; color: #999;}
.header .header_a{color:#999; line-height: 44px; float:right;}
.header .header_a .a.one{background: url(../images/header_img.jpg) no-repeat; width: 16px; height: 14px; background-position:center 0px; float: left;  margin-top: 15px; margin-right: 5px;}
.header .header_a .a.two{background: url(../images/header_img.jpg) no-repeat; width: 16px; height: 14px; background-position:center -28px; float: left; margin-top: 15px; margin-right: 5px;}
.header .header_a .a.three{background: url(../images/header_img.jpg) no-repeat; width: 16px; height: 14px; background-position:center -56px; float: left; margin-top: 15px; margin-right: 5px; animation:swing 2s linear infinite;-webkit-animation:swing 2s linear infinite;}
.header .header_a a:hover .a.one{background-position:center -14px;}
.header .header_a a:hover .a.two{background-position:center -42px;}
.header .header_a a:hover{ color:#0768d3;}
.header .header_a a:hover img{opacity:1;filter: alpha(opacity=100);z-index: 5;}
.header .tel{ color: #e20313;font-weight: 600;font-size: 22px; float: right;}
.weixin .ewm_code{ margin-left: 0px;width:90px;height:90px;position:absolute;top:50px;display:none;z-index:999;}
.shouji .ewm_code{ margin-left: -10px;width:90px;height:90px;position:absolute;top:50px;display:none;z-index:999;}
/*导航*/
.header_b{ height:120px; overflow: visible;}
.header_b .logo{ height:91px; width:208px;}
.header_b .logo a{ display:block; width: 100%; height: 100%;}
.header_b .logo a img{ margin-top:15px;}
.nav{ overflow: visible;height:120px; width:840px;} 
.nav .nLi{width:120px; height:120px;float:left; text-align:center; position: relative; }
.nav .nLi .nav_a{ display:block; width:120px; height:110px;color:#333; font-size: 16px; transition: .3s; padding-top: 10px;}
.nav .nLi .nav_a div{ height:18px; line-height: 18px;}
.nav .nLi .nav_a img{display:block;opacity: 0;filter: alpha(opacity=0);transition: .3s; }
.nav .nLi:hover img{ opacity: 1;filter: alpha(opacity=100); }
.nav .nLi:hover .nav_a{color:#fff; background-color: #0768d3; padding-top: 30px; height: 90px;}
.nav .nLi.on img{ opacity: 1;filter: alpha(opacity=100); }
.nav .nLi.on .nav_a{color:#fff; background-color: #0768d3; padding-top: 30px; height: 90px;}
.nav .sub.a{ height:412px; width:586px; position: absolute; z-index:999; display: none;}
.nav .sub.a .z{background-color:#39b1f9; opacity: .9;filter: alpha(opacity=90); height:412px; width:586px; position: absolute; left: 0px; top:0px; z-index: 1;}
.nav .sub.a .one{ width:570px; height: 340px; position: absolute; top: 20px; left: 20px; z-index: 2;}
.nav .sub.a .one li{ width:166px; height: 150px; margin-right: 20px; margin-bottom: 20px; float: left;}
.nav .sub.a .one li a{display:block; width:100%; height: 100%;}
.nav .sub.a .one li .pic{ width:166px; height: 110px; overflow: hidden;}
.nav .sub.a .one li .pic img{transition:.3s;}
.nav .sub.a .one li .font{height:40px; line-height: 40px; background-color:#f7f7f7; font-size: 16px; color: #333; }
.nav .sub.a .one li:hover .font{color:#0768d3;}
.nav .sub.a .one li:hover .pic img{ transform:scale(1.1,1.1);}
.nav .sub.a .two{ width:560px; height: 32px; position: absolute; top: 360px; left: 20px; z-index: 2;}
.nav .sub.a .two li{ width:97px; height: 32px; margin-right: 15px;  float: left;}
.nav .sub.a .two li a{display:block; width:100%; height: 100%; font-size: 16px; color: #333; text-align: center; line-height: 32px; transition: .3s;background-color:#f7f7f7;}
.nav .sub.a .two li:hover a{color:#0768d3;}
.nav .sub.b { width:120px; position: absolute; z-index: 999; height: auto; background:#39b1f9; overflow: hidden; display: none; opacity: .9;filter: alpha(opacity=90);}
.nav .sub.b li{width:120px; height: 52px; border-top:1px solid #5cbffb;}
.nav .sub.b li a{display:block; width:100%; height: 100%; line-height: 52px;text-align: center; color: #fff; transition: .3s;}
.nav .sub.b li:hover a{background-color:#0190ea;color: #fff;}
/*轮播图*/
.banner{width:100%;height:600px;overflow:hidden;position:relative;}
.banner .bd{position:relative;height:600px;z-index:0;}
.banner .bd li{width:100%;height:600px;zoom:1;vertical-align:middle;}
.banner .bd li .pic_a{display:block;width:100%;height:100%;}
.banner .bd li .pic_a .w1200{height: 600px;position: relative;}
.banner .bd .pic1{background: url(../images/banner1.jpg) no-repeat center center;}
.banner .bd .pic2{background: url(../images/banner2.jpg) no-repeat center center;}
.banner .bd .pic3{background: url(../images/banner3.jpg) no-repeat center center;}
.banner .hd{position:absolute;z-index:1;bottom:70px;overflow:visible;float:left; left:50%; margin-left: -120px; width: 240px; height: 3px;}
.banner .hd ul{zoom:1;overflow:visible; width: 240px;}
.banner .hd ul li{float:left;width:60px;height:2px; margin:0px 10px;text-align:center; background-color: #ffffff; position: relative; overflow: visible; transition: .3s;}
.banner .hd ul li.on{ background-color: #0768d3;}
.banner .hd ul li:hover{ cursor:pointer; height:3px;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd ul li .img{position:absolute; background:url(../images/banner_img1.png) no-repeat; width: 100px; height: 35px; top:-50px; left: -20px; display: none;}
.banner .hd ul li .img img{ margin-top:2px;}
.banner .hd ul li:hover .img{display:block;}
.banner .tel_pic{width: 197px;height: 19px;position: absolute;left:35px;bottom: 175px}
/*搜索*/
.search{ width:1200px; height: 80px; box-shadow: 0px 0px 20px 0px #f1f1f1; position: absolute; left: 50%; margin-left: -600px; top: 724px; z-index: 9999; background-color: #fff;}
.search .left{ height:80px; width:220px;}
.search .left a{display:block; height:80px; width:220px; padding:17px 0px;}
.search .left a img{display:block; margin: 0px auto;}
.search .left a:hover{ background:#f1f1f1;}
.search .line{ width:2px; height: 50px; margin: 15px 20px; background-color: #f1f1f1;}
.search .right{ height:80px; margin-right: 20px; width:900px;}
.search .right .a{ max-width: 600px; overflow: hidden; line-height: 80px; font-size: 16px;}
.search .right .a span{color:#666666; margin-right: 22px;}
.search .right .a a{color:#888888; margin-right: 22px; transition: .3s;} 
.search .right .a a:hover{color:#00549d;} 
.search .right .b{ width:290px; height: 40px;  margin-top: 20px;  background-color: #FFFFFF; transition: .3s; position: relative;}
.search .right .b input{width:200px; height: 30px; color:#c9c9c9; border: 5px solid #f2f2f2;border-radius: 20px; padding: 0px 60px 0px 20px; line-height: 30px;}
.search .right .b input:hover{border: 5px solid  #D7D5D5;}
.search .right .b input:focus{border: 5px solid  #D7D5D5;}
.search .right .b input.yys_hei{ color:#666666;}
.search .right .b span{ width:50px; height: 30px; background-color:#0768d3; border-radius: 0px 20px 20px 0px; position: absolute; top: 5px; right:5px;}
.search .right .b span img{ margin-left:17px; margin-top: 6px;}
.search .right .b span:hover{ cursor:pointer;}
/*产品推荐*/
.product{ /*height:1120px;*/ margin-top: 60px;padding-bottom: 50px}
.all_title{ height:63px; width:100%;}
.all_title img{display:block; margin: 0px auto;}
.slideGroup_a{ width: 1200px; /*height: 920px;*/ margin-top: 40px; overflow: hidden;}
.slideGroup_a .hd{ height:142px; width:1200px; position: relative;}
.slideGroup_a .hd .pro{width:1038px;height: 142px;overflow: hidden; }
.slideGroup_a .hd ul{height:51px; width: 1038px; font-size: 16px; overflow: hidden;margin-bottom: 20px;}
.slideGroup_a .hd ul li{float:left;cursor:pointer; margin: 0px 14px 0px 2px; text-align: center; line-height: 51px; background-position: top; color: #333;  overflow: hidden;width: 157px; height: 51px;}
.slideGroup_a .hd ul li a{display:block; padding: 0px 15px;width: 127px; height: 51px; overflow: hidden;background: url(../images/pro_hd_back.png) no-repeat;transition: .2s;}
.slideGroup_a .hd ul li a:hover{ background-position: bottom; color: #fff;}
.slideGroup_a .hd a.one{top:0px; right: 0px;display: block;background: url(../images/pro_hd_back.png) no-repeat; width: 157px; height: 51px; text-align: center; line-height: 51px; background-position: top; color: #333; position: absolute; font-size: 16px; transition: .2s;}
.slideGroup_a .hd a.one:hover{background-position: bottom; color: #fff;}
.slideGroup_a .hd a.two{top:71px; right: 0px;display: block;background: url(../images/pro_hd_back.png) no-repeat; width: 157px; height: 51px; text-align: center; line-height: 51px; background-position: top; color: #333; position: absolute; font-size: 16px;transition: .2s;}
.slideGroup_a .hd a.two:hover{background-position: bottom; color: #fff;}
.slideGroup_a .bd{ /*height:780px;*/ width:1200px;float: right;}
.slideGroup_a .bd .tempWrap{height:780px; width:1200px!important;}
.slideGroup_a .bd ul{ width:1240px; height: 780px; }
.slideGroup_a .bd ul li{width:300px; height: 376px; float: left; position: relative;}
.slideGroup_a .bd ul li .center{width:270px; height: 316px; margin-top:30px; position: absolute; z-index: 1; box-shadow: 0px 0px 10px 2px #f0f1f3; transition: .3s; margin-left: 15px; }
.slideGroup_a .bd ul li .center .down{height:70px;text-align: center; background-color: #ffffff; padding-top: 30px;}
.slideGroup_a .bd ul li .center .down .a{ color:#333333; display: block; line-height: 16px; height: 16px;width:260px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-size: 16px;}
.slideGroup_a .bd ul li .center .down .b{ color:#999999; display: block; line-height: 14px; margin-top: 10px; height: 14px; width:260px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.slideGroup_a .bd ul li .center_hover{ position: absolute; z-index: 1; top: 0px; box-shadow: 0px 0px 10px 2px #f0f1f3; opacity: 0;filter: alpha(opacity=0); transition: .3s;}
.slideGroup_a .bd ul li .center_hover .pic{ width:300px; height: 240px; overflow: hidden;}
.slideGroup_a .bd ul li .center_hover .blue{width: 300px; height: 240px; position: absolute; opacity: .8;  filter: alpha(opacity=80); background-color: #0768d3; top:0px;}
.slideGroup_a .bd ul li .center_hover .font{width: 300px; height: 240px; position: absolute; top: 0px;}
.slideGroup_a .bd ul li .center_hover .font .tit{ height:20px; font-size: 18px; text-align: center; line-height:20px; color: #fff; margin-bottom: 16px; margin-top: 50px;width:290px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.slideGroup_a .bd ul li .center_hover .font a{ margin:5px auto;}
.slideGroup_a .bd ul li .center_hover .font .all_ask{width:168px;}
.slideGroup_a .bd ul li .center_hover .font .all_ask .f{width:168px;}
.slideGroup_a .bd ul li .center_hover .font .all_ask .f img{margin-left:35px;}
.slideGroup_a .bd ul li .center_hover .font .all_ask .color{width:168px;}
.slideGroup_a .bd ul li .center_hover .font .more{display:block; width: 168px; height:40px; border: 1px solid #5191d3; position: relative; text-align: center;}
.slideGroup_a .bd ul li .center_hover .font .more .f{ width:168px; height: 40px; line-height: 40px; position: absolute; z-index: 2; color: #d1dfee; font-size: 16px;}
.slideGroup_a .bd ul li .center_hover .font .more .color{ width:168px; height: 40px; background-color: #fff; opacity: 0;filter: alpha(opacity=0); z-index: 1; transition: .3s; position: absolute;}
.slideGroup_a .bd ul li .center_hover .font .more:hover .color{ opacity:.2;filter: alpha(opacity=20);}
.slideGroup_a .bd ul li .center_hover .font .more:focus .color{ opacity:1;filter: alpha(opacity=100);}
.slideGroup_a .bd ul li .center_hover .font .more:focus .f{color:#0768d3;}
.slideGroup_a .bd ul li .center_hover div.bottom{height:136px; background-color: #ffffff; padding-left: 30px;}
.slideGroup_a .bd ul li .center_hover div.bottom div.z{ height:70px; width: 80px;float: left; margin-top: 33px; text-align: center;}
.slideGroup_a .bd ul li .center_hover .bottom .z div{line-height: 20px; margin-top: 5px; color:#666666; text-align: center; width: 80px; height: 20px; overflow: hidden;}
.slideGroup_a .bd ul li:hover .center_hover{ opacity:1; filter: alpha(opacity=100);}
.slideGroup_a .bd ul li:hover .center{ opacity:0; filter: alpha(opacity=0);}
.product .pro_more{width:1200px; height: 46px;}
.product .pro_more a{display:block; width:198px; height: 44px; border: 1px solid #e8e8e8; margin: 0px auto; color: #999; text-align: center; line-height: 44px; transition: .3s;}
.product .pro_more a:hover{ border:1px solid #0768d3; color: #fff; background-color: #0768d3;}
/*关于我们*/
.about{ height:840px; background-color: #f4f5f6;}
.about .top{ height:348px; background:url(../images/about_top_back.png) no-repeat 0px 40px; padding-top: 40px; position: relative;}
.about .top .font{ height:168px; overflow: hidden; width: 640px; line-height: 24px; float: left; margin-top: 80px; color: #444; margin-left: 560px;}
.about .top .more{display:block;width: 170px;   height: 46px; background: url(../images/more_ico.png) no-repeat 50px center; float: right;  margin-top: 20px; transition: .3s;  overflow: hidden; border:1px solid #e0e0e0; margin-right: 2px; text-align: center;}
.about .top .more span{display: none; color: #fff; transition: .3s; font-size: 18px; line-height: 46px;}
.about .top .more:hover{    background: url(../images/more_ico_hover.png) no-repeat 140px center; background-color: #0768d3;}
.about .top .more:hover span{display:block;}
.about .top .title{position:absolute; left: 430px; top: 60px; }
.about .top .title .t{ height:42px; font-size: 40px; color: #0768d3; font-weight: 600;}
.about .top .title .d{ height:20px; font-size: 18px; color: #0768d3; margin-top: 20px;}
.about .top .title .line{ height:1px; width:25px; background-color:#0768d3; margin-top: 5px;}
.about .blue{ height:90px; background-color: #0768d3; padding: 30px 0px;}
.about .blue ul{ height:90px; width:1200px;}
.about .blue ul li{ float:left; width:299px; height: 90px; border-right:1px solid #2d78cb;}
.about .blue ul li.no{ border:none;}
.about .blue ul li .t{ height:66px; color: #fff; text-align: center;}
.about .blue ul li .t .a{font-size:50px; line-height: 66px; }
.about .blue ul li .t .b{ vertical-align:top;}
.about .blue ul li .d{ height:24px; line-height: 24px; text-align: center; color: #b2d4fa; font-size: 16px;}
.slideGroup{ width: 1200px; height: 210px; margin-top: 40px;}
.slideGroup .parHd{ width:112px; height: 134px; float: left; margin-top: 35px;}
.slideGroup .parHd ul{ width:110px; height: 132px; border:1px solid #0768d3;}
.slideGroup .parHd ul li{color: #0768d3; font-size: 16px; width: 110px; height: 66px; line-height: 66px; text-align: center;}
.slideGroup .parHd ul li.on{ background-color:#0768d3; color: #fff;}
.slideGroup .parHd ul li:hover{ cursor:pointer;}
.slideGroup .bd.a{ height:210px; width:1064px; float: right;}
.slideGroup .parBd{ height:210px; width:1064px;float: right;}
.slideGroup .slideBox{ height:210px; width:1064px; position: relative;}
.slideGroup .slideBox .tempWrap{ width:1080px!important; height: 210px; }
.slideGroup .slideBox ul{ width:1080px; height: 210px; }
.slideGroup .slideBox ul li{ height:210px; width:254px; float: left; margin-right: 16px;}
.slideGroup .slideBox ul li a{display:block; width: 100%; height: 100%;}
.slideGroup .slideBox ul li .img{ width:244px; height: 185px;border:5px solid #e0e8f0; overflow: hidden;}
.slideGroup .slideBox ul li .img img{ transition:.3s;}
.slideGroup .slideBox ul li .font{ height:40px; line-height: 40px; text-align: center;}
.slideGroup .slideBox ul li:hover .img img{ transform:scale(1.1,1.1);}
.slideGroup .slideBox .sPrev{ position: absolute; bottom: 184px;  overflow: hidden; display:block; background:url(../images/box_ico.png) no-repeat;  opacity: 0;filter: alpha(opacity=0); top: 80px;background-position:top left; left: 0px; float: left; width:40px; height: 40px;}
.slideGroup .slideBox .sNext { position: absolute; bottom: 184px;  overflow: hidden; display:block; background:url(../images/box_ico.png) no-repeat; opacity: 0;filter: alpha(opacity=0); top: 80px;background-position:top right; right:0px; float: left; width:40px; height: 40px;}
.slideGroup .slideBox .sPrev:hover{ background-position:bottom left;}
.slideGroup .slideBox .sNext:hover{ background-position:bottom right;}
.slideGroup .slideBox:hover .sPrev{opacity:1;filter: alpha(opacity=100);}
.slideGroup .slideBox:hover .sNext{opacity:1;filter: alpha(opacity=100);}
/*项目案例*/
.case{ height:740px; margin-top: 60px; overflow: hidden;}
.case_box{ height:500px; width: 100%; position: relative; margin-top: 40px;overflow: hidden !important;}
.case_box .bd{ width:100%; height: 500px;}
.case_box .bd .case_con{ height:500px;width:100%; position: relative; background: url(../images/case_box_back.jpg) no-repeat center center; overflow: hidden;}
.case_box .bd .case_con .pic{ width:692px; height: 451px; overflow: hidden;}
.case_box .bd .case_con .right{ width:460px; height: 300px; margin-top: 110px;}
.case_box .bd .case_con .right .tit{ height:80px; font-size: 24px; color: #333; line-height: 80px; background:url(../images/about_tit_back.png) no-repeat 0px 0px; padding-left: 45px; overflow: hidden;}
.case_box .bd .case_con .right .font{ height:100px; line-height: 25px; color: #666; overflow: hidden; margin-top: 30px;}
.case_box .bd .case_con .right .more{display:block;width: 170px;   height: 46px; background: url(../images/more_ico.png) no-repeat 50px center; float: left;  margin-top: 35px; transition: .3s;  overflow: hidden; border:1px solid #e0e0e0; text-align: center;}
.case_box .bd .case_con .right .more span{display: none; color: #fff; transition: .3s; font-size: 18px; line-height: 46px;}
.case_box .bd .case_con .right .more:hover{    background: url(../images/more_ico_hover.png) no-repeat 140px center; background-color: #0768d3;}
.case_box .bd .case_con .right .more:hover span{display:block;}
.case_box .bd .case_con .img{ position:absolute; width: 258px; height: 217px; overflow: hidden; border: 5px solid #fff; top:224px;}
.case_box .hd{ position:absolute; top:397px; left: 50%; width: 108px; height: 54px; margin-left: 33px; }
.case_box .hd .prev{display:block; background:url(../images/case_hd_ico.png) no-repeat; float: left;background-position:top left; width:54px; height: 54px;}
.case_box .hd .next{display:block; background:url(../images/case_hd_ico.png) no-repeat; float: left;background-position:top right; width:54px; height: 54px;}
.case_box .hd .prev:hover{ background-position:bottom left;}
.case_box .hd .next:hover{ background-position:bottom right;}
.case .down{width:1200px; height: 46px; margin-top: 40px;}
.case .down a{display:block; width:198px; height: 44px; border: 1px solid #e8e8e8; margin: 0px auto; color: #999; text-align: center; line-height: 44px; transition: .3s;}
.case .down a:hover{ border:1px solid #0768d3; color: #fff; background-color: #0768d3;}
/*合作伙伴*/
.partner{  height: 618px; padding-top: 60px; position: relative;}
.partner .w1200{width: 1200px; height: 618px; position: absolute; z-index: 2; top: 60px; left: 50%; margin-left: -600px;}
.partner ul{width:1200px; height:450px; margin-top: 50px;}
.partner ul li{ width:190px; height: 80px; margin:5px; float: left;}
.partner ul li:hover img{ transform:rotateY(360deg); transition:.6s;}
.partner .back{ position:absolute; top:0px; left: 0px;overflow: hidden; width: 100%; height: 678px; z-index: 1;}
.partner .back .img{background:url(../images/partner_back.jpg) no-repeat center center;height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:auto;-webkit-animation-name:'amplify';-webkit-animation-duration:12s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}
@keyframes amplify{
	0%{opacity:1;filter: alpha(opacity=100);transform:scale(1.3,1.3)}
	100%{opacity:1;filter: alpha(opacity=100);transform:scale(1.0,1.0)}
    }
/*新闻资讯*/
.news{ height:700px; margin-top: 60px;}
.news .all_title{margin-bottom:40px;}
.news .news_left{width:610px; height: 540px; padding: 0px 30px; box-shadow: 0px 0px 15px 0px #eaf3fe;}
.news .news_left .hd{ width:610px; height: 73px; margin-bottom: 20px;}
.news .news_left .hd ul{ width:610px; height:72px; border-bottom: 1px solid #e8e8e8;}
.news .news_left .hd ul li{width:105px; padding: 0px 10px 0px 25px; margin: 0px 31px; float: left; text-align: center; line-height: 70px; height: 70px; font-size: 16px; color: #444; font-weight: 600;}
.news .news_left .hd ul li.on{ border-bottom:2px solid #0768d3; color: #0768d3;}
.news .news_left .hd ul li.a{background:url(../images/news_hd1.png) no-repeat 20px 0px;}
.news .news_left .hd ul li.a.on{background:url(../images/news_hd1.png) no-repeat 20px -70px;}
.news .news_left .hd ul li.b{background:url(../images/news_hd2.png) no-repeat 17px 0px;}
.news .news_left .hd ul li.b.on{background:url(../images/news_hd2.png) no-repeat 17px -70px;}
.news .news_left .hd ul li.c{background:url(../images/news_hd3.png) no-repeat 20px 0px;}
.news .news_left .hd ul li.c.on{background:url(../images/news_hd3.png) no-repeat 20px -70px;}
.news .news_left .hd ul li:hover{cursor:pointer;}
.news .news_left .bd{ height:430px;}
.news .news_left .bd .news_con{ height:430px; width:610px; }
.news .news_left .bd .news_con .top{ height:199px; width: 610px;}
.news .news_left .bd .news_con .top a{display:block; width: 100%; height: 100%;}
.news .news_left .bd .news_con .top .pic{ height:199px; width: 250px; float: left; overflow: hidden;}
.news .news_left .bd .news_con .top .pic img{ transition:.3s;}
.news .news_left .bd .news_con .top .font{ width:310px; float: left; height: 110px; padding: 44px 30px 45px 20px; background-color: #f4f5f6;}
.news .news_left .bd .news_con .top .font .t{ height:18px; font-size: 16px; line-height: 18px; color: #333; overflow: hidden; transition: .3s;}
.news .news_left .bd .news_con .top .font .d{ height:75px; line-height: 25px; color: #888888; overflow: hidden; margin-top: 15px;}
.news .news_left .bd .news_con .top .font .d span{color:#0768d3;}
.news .news_left .bd .news_con .top:hover .t{color:#0768d3;}
.news .news_left .bd .news_con .top:hover .pic img{transform:scale(1.1,1.1);}
.news .news_left .bd .news_con ul{height:164px; width:610px; overflow: hidden; margin-top: 10px;}
.news .news_left .bd .news_con ul li{ height:54px; border-bottom: 1px solid #f0f0f0; line-height: 54px; width: 610px; }
.news .news_left .bd .news_con ul li a{ display:block; padding-left: 20px; width: 590px; height: 100%;background:url(../images/news_ico1.png) no-repeat 0px center; transition: .3s;}
.news .news_left .bd .news_con ul li .fl{max-width:480px; overflow: hidden; font-size: 16px; color: #666; height: 54px; transition: .3s;}
.news .news_left .bd .news_con ul li .fr{color:#999; }
.news .news_left .bd .news_con ul li:hover a{ background:url(../images/news_ico2.png) no-repeat 0px center;}
.news .news_left .bd .news_con ul li:hover .fl{ color:#0768d3;}
.news .news_left .bd .news_con .more{ background: url(../images/news_more.png) no-repeat center center; height: 18px; line-height: 18px; text-align: center; margin-top: 10px;}
.news .news_left .bd .news_con .more a{ color:#444; transition: .3s;}
.news .news_left .bd .news_con .more a:hover{ color:#0768d3;}
.news .news_right{width:440px; height: 540px; padding: 0px 30px;box-shadow: 0px 0px 15px 0px #eaf3fe;overflow: hidden;}
.news .news_right .top{ height:72px;margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
.news .news_right .top .tit{ height:70px; line-height: 70px; width:auto; border-bottom:2px solid #0768d3; float: left; color: #0768d3; font-size: 16px; font-weight: 600;}
.news .news_right .top .tit a{display: block;width: 100%;height: 100%;color: #444}
.news .news_right .top .tit:hover a{color: #0768d3}
.news .news_right .top .tit img{ float:left; margin-right: 5px;}
.news .news_right .top .tel{ line-height:70px; color: #666; float: right; height: 70px;}
.news .news_right .top .tel span{color:#0768d3;}
.news .news_right .bd{ width:440px; height: auto;/* height: 440px; */}
.news .news_right .bd ul{ /* height:440px; */height:auto; width: 440px;}
.news .news_right .bd ul li{width:440px; height: 78px; margin-bottom: 32px;}
.news .news_right .bd ul li a{display:block; width: 100%; height: 100%;}
.news .news_right .bd ul li .left{ float:left; width:78px; height: 78px;background: url(../images/news_right1.png) no-repeat center;}
.news .news_right .bd ul li:nth-child(4n+1) .left{background: url(../images/news_right1.png) no-repeat center;}
.news .news_right .bd ul li:nth-child(4n+2) .left{background: url(../images/news_right2.png) no-repeat center;}
.news .news_right .bd ul li:nth-child(4n+3) .left{background: url(../images/news_right3.png) no-repeat center;}
.news .news_right .bd ul li:nth-child(4n+4) .left{background: url(../images/news_right4.png) no-repeat center;}
.news .news_right .bd ul li .right{ width:340px; margin-left: 20px; float: left;}
.news .news_right .bd ul li .right .t{ height:18px; line-height: 18px; color: #666; font-weight: 600; margin-top: 8px; transition: .3s; overflow: hidden;}
.news .news_right .bd ul li .right .d{ height:44px; line-height: 22px; overflow: hidden; color: #888; margin-top: 5px;}
.news .news_right .bd ul li:hover .t{color:#0768d3;}
/*联系我们*/
.contact{ background:url(../images/contact_back.jpg) no-repeat center center; height: 189px;}
.contact .title{ background:url(../images/contact_line.png) no-repeat 0px center; width:160px; height: 81px; margin-top: 38px; padding-top: 31px; float: left;}
.contact .title .a{ font-size:20px; line-height: 20px; height: 20px; text-align: center; color: #0768d3;}
.contact .title .b{ font-size:16px; line-height: 16px; height: 16px; text-align: center; color: #999; margin-top: 14px;}
.contact .font{ width:auto; overflow: hidden; float: left; margin-left: 200px; margin-top: 38px;}
.contact .font .a{ font-size:14px; line-height: 14px; height: 14px; color: #d1dfee;}
.contact .font .b{ font-size:28px; line-height: 32px; height:32px; color: #f0f3f7; font-weight: 800;}
.contact .all_ask{margin-top:20px;}
.all_ask{display:block; width: 130px; height:40px; border: 1px solid #5191d3; position: relative; font-size: 16px;}
.all_ask .f{ width:130px; height: 40px; line-height: 40px; position: absolute; z-index: 2; color: #d1dfee; }
.all_ask .f img{float:left; margin-left: 25px; margin-right: 5px;}
.all_ask .color{ width:130px; height: 40px; background-color: #fff; opacity: 0;filter: alpha(opacity=0); z-index: 1; transition: .3s;position: absolute;}
.all_ask:hover .color{ opacity:.2;filter: alpha(opacity=20);}
.all_ask:focus .color{ opacity:1;filter: alpha(opacity=100);}
.all_ask:focus .f{color:#0768d3;}
/*快速通道*/
.channel{ margin-top: 60px;}
.channel .title{ background:url(../images/channel_tit.png) no-repeat center center; height: 58px; font-size: 28px; color: #0768d3; text-align: center; line-height: 58px;}
.channel ul{ height:120px; width:1200px; margin-top: 30px;}
.channel ul li{ height:40px; width:1200px; line-height: 40px; background: url(../images/channel_ico.png) no-repeat 0px center; }
.channel ul li .left{font-size:18px; color: #333; width: 160px; margin-left: 30px;font-weight: 600;}
.channel ul li .font{width:900px; height: 40px; overflow: hidden;}
.channel ul li .font a{display:block; float:left; color: #666; margin-right: 40px; transition: .3s;}
.channel ul li .more{display: block; float: right; color:#555; transition: .3s;}
.channel ul li a:hover{color:#0768d3;}
/*友情链接*/
.links{ height:auto; overflow: hidden;background: url(../images/channel_ico.png) no-repeat 0px 10px; line-height: 40px;}
.links .left{font-size:18px; color: #333; width: 160px; margin-left: 30px;font-weight: 600;}
.links .font{width:1010px; height: auto; overflow: hidden;}
.links .font a{display:block; float:left; color: #666; margin-right: 40px; transition: .3s;}
.links .font a:hover{color:#0768d3;}
/*底部*/
.footer{ height:400px; margin-top: 60px;}
.footer .top{background:url(../images/footer_back.jpg) no-repeat center center; height: 286px;}
.footer .top .footer_logo{ background:url(../images/footer_logo.png) no-repeat center center; width: 209px; height: 69px; margin: 108px 50px; float: left;}
.footer .top .two{ height:180px; width: 440px; margin-top: 50px; float: left; margin-left: 105px;}
.footer .top  .tit{ height:16px;line-height: 16px;}
.footer .top  .tit .a{ color:#333; font-size: 16px;}
.footer .top  .tit .b{ color:#c5c4c4;}
.footer .top  .line{ height:1px; width: 110px; background-color:#e4e4e4; margin: 10px 0px;}
.footer .top .two .font{ height:150px; line-height: 25px; overflow: hidden; color: #666;}
.footer .top .three{ height:180px; width:auto; margin-top: 50px; float: right; overflow: hidden;}
.footer .top .three .pic{ width:101px; height: 135px;margin-right: 15px;}
.footer .top .three .pic.g{margin-right: 0}
.footer .top .three .pic img{ display:block; width: 95px; height: 95px; border:3px solid #fff;}
.footer .top .three .pic .d{ height:40px; line-height: 40px; text-align: center;color: #afafaf;}
.footer .down{ height:114px; background-color: #1a1e29;}
.footer .down .t{ height:70px;}
.footer .down .t ul{ width:630px; height: 70px; float: left;}
.footer .down .t ul li{ width:90px; height: 70px; line-height: 70px; float: left;}
.footer .down .t ul li a{display:block; width:100%; height: 100%; color: #d3d8e5; transition: .3s;}
.footer .down .t ul li:hover a{ color:#0768d3; }
.footer .down .t ul li.on a{ color:#0768d3; }
.footer .down .t .pic{ height:70px; width:auto; overflow: hidden; float: right;}
.footer .down .t .pic img{display:block; float: left; margin: 17px 5px;}
.footer .down .d{height:20px; line-height: 20px;color:#5b6170;}
.footer .down .d a{ color:#5b6170; transition: .3s;}
.footer .down .d a:hover{ color:#fff;}
/*车间实景*/
.list_banner{height: 250px;}
.list_banner .t{ font-size:26px; height: 30px; line-height: 30px; margin-left: 50px; overflow: hidden; margin-top: 95px;}
.list_banner .d{ font-size:14px; height: 18px; line-height: 18px; margin-left: 50px; overflow: hidden; margin-top: 10px;}
.list_banner.a{background:url(../images/inner1.jpg) no-repeat center center;}
.list_banner.b{background:url(../images/inner2.jpg) no-repeat center center;}
.list_banner.c{background:url(../images/inner3.jpg) no-repeat center center; }
.work_nav{ height:100px; overflow: visible; margin-top: -50px;}
.work_nav ul{ height:100px; overflow: visible; width: auto; float: right;}
.work_nav ul li{ width:100px; height: 100px; margin-left: 15px; float: left;}
.work_nav ul li a{display:block; width: 90px; height:60px; padding: 20px 5px; border-radius: 50px; box-shadow:0px 4px 15px 0px #e1e1e1; text-align: center; font-size: 16px; color: #555; transition: .3s; background-color:#fff;}
.work_nav ul li a .one{ width:90px; height: 60px;line-height: 60px; overflow: hidden; text-align: center;}
.work_nav ul li a .two{ width:90px; height: 60px;line-height: 30px; overflow: hidden; text-align: center;}/*圈内为两行字时使用*/
.work_nav ul li a:hover{ background-color:#0768d3; color: #fff;box-shadow:0px 4px 15px 0px #d1d1d1;}
.work_nav ul li.on a{background-color:#0768d3; color: #fff;box-shadow:0px 4px 15px 0px #d1d1d1;}
.list_tit{ height:71px; margin-top: 25px;}
.list_tit .top{height:40px; line-height: 40px;}
.list_tit .line{width:225px; height:1px; background-color:#ededed;}
.list_tit .top .a{ font-size:24px; color: #2f373f;}
.list_tit .top .b{ color: #c4c4c4;}
.list_tit .down{ color:#888; background:url(../images/list_tit_ico.jpg) no-repeat 0px center; padding-left: 16px; height: 30px; line-height: 30px;}
.list_tit .down a{color:#888; transition: .3s;}
.list_tit .down a:hover{color:#0768d3;}
.work_ul{ height:auto; overflow: hidden; width:1220px; padding-bottom: 20px;}
.work_ul li{ width:285px; height:260px; float: left; margin-right: 20px; margin-top: 35px; position: relative;}
.work_ul li a{display:block; width:100%; height: 100%;}
.work_ul li a .img{ width:285px; height: 216px; overflow: hidden;}
.work_ul li a .img img{ transition:.3s;}
.work_ul li a .font{height:44px; overflow: hidden; line-height: 44px;  color: #555; padding: 0px 40px 0px 15px; width:230px; background:url(../images/work_ico3.png) no-repeat 260px center; background-color:#fafafa; font-size: 16px;}
.work_ul li .hover{ position:absolute; top:0px; left: 0px; background-color:#0768d3; opacity:0;filter: alpha(opacity=0); width:285px; height: 216px; transition: .3s;}
.work_ul li .hover_j{ background:url(../images/work_ico1.png) no-repeat center center; width:50px; height: 50px; position: absolute; top:-50px; left: 117px; transition: .3s;}
.work_ul li:hover .hover{opacity: .6;filter: alpha(opacity=60);}
.work_ul li:hover .hover_j{top:83px;}
.work_ul li:hover .img img{ transform:scale(1.1,1.1);}
.work_ul li:hover .font{ color: #0768d3; background:url(../images/work_ico2.png) no-repeat 260px center;background-color:#fff;}
.work_ul li:hover { box-shadow: 0px 0px 10px 2px #f0f1f3;}
/*翻页*/
.page{font-size:16px; height: 48px;line-height: 44px;text-align: center; margin: 40px auto;}
.page .nolink{color:#b0b0b0; width:42px; height: 42px ;display: inline-block; overflow: hidden;text-decoration:none; margin:0px 2px;border:1px solid #f1f1f1;}
.page a{color:#777; width:42px; height: 42px ;display: inline-block; overflow: hidden;text-decoration:none;transition: .3s; margin:0px 2px; border:1px solid #d5d5d5;}
.page .cur { width:42px; height: 42px; display: inline-block; overflow: hidden;background-color:#0768d3;   color:#FFF;    margin:0px 2px;border:1px solid #0768d3; }
.page a:hover {background-color: #0768d3; color:#FFF;border:1px solid #0768d3;}
.page .n{ width:auto; height: 42px; display: inline-block;overflow: hidden;  margin-left: 4px; color: #b0b0b0; font-size: 16px;border:1px solid #d5d5d5; padding: 0px 20px;}
.page .p{font-size:20px; line-height: 42px;}
.page .l{width:56px; height: 42px ;}
/*项目案例*/
.case_ul{ height:auto; overflow: hidden; margin-top: 20px;}
.case_ul li{ height:318px; width:1200px; overflow: hidden; position: relative; margin-bottom: 40px;}
.case_ul li a{display:block; width:100%; height: 100%;}
.case_ul li .line{width:1155px; height: 300px; position: absolute; z-index: 1; bottom: 0px;}
.case_ul li .line.a{left: 0px;}
.case_ul li .line.b{ right: 0px;}
.case_ul li .line .border{width:1149px; height: 294px; border:3px solid #ebebeb;}
.case_ul li .line .blue{ width:3px; height: 3px; background-color:#0768d3; position: absolute; transition: .5s;}
.case_ul li .line .blue.one{top:0px; }
.case_ul li .line .blue.one.a{ left:0px;}
.case_ul li .line .blue.one.b{ right:0px;}
.case_ul li .line .blue.two{top:0px; }
.case_ul li .line .blue.two.a{ left:0px;}
.case_ul li .line .blue.two.b{ right:0px;}
.case_ul li .line .blue.three{bottom:0px; }
.case_ul li .line .blue.three.a{ right:0px;}
.case_ul li .line .blue.three.b{ left:0px;}
.case_ul li .line .blue.four{bottom:0px; }
.case_ul li .line .blue.four.a{ right:0px;}
.case_ul li .line .blue.four.b{ left:0px;}
.case_ul li .img{ width:413px; height: 294px; position: absolute; z-index: 2;top:0px; transition: .5s;}
.case_ul li .img.a{ right: 0px;}
.case_ul li .img.b{ left: 0px;}
.case_ul li .font{ width:650px; height: 220px; position: absolute; z-index: 2; top: 65px;}
.case_ul li .font.a{left:60px;}
.case_ul li .font.b{right:60px;}
.case_ul li .font .t{ height:26px; font-size: 24px; line-height: 26px; color: #333;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; text-align: center;}
.case_ul li .font .l{ width:60px; height: 1px; background-color:#eeeeee; margin: 10px auto;}
.case_ul li .font .time{ height:16px; line-height: 16px; margin-top: 13px; color: #999; text-align: center;}
.case_ul li .font .f{ height:60px; line-height: 30px; color: #666; text-align: center; overflow: hidden;}
.case_ul li .font .more{display:block;width: 170px;   height: 46px; background: url(../images/more_ico.png) no-repeat 50px center;  transition: .3s;  overflow: hidden; border:1px solid #e0e0e0; text-align: center; margin: 15px auto;}
.case_ul li .font .more span{display:none;color: #fff; transition: .3s; font-size: 18px; line-height: 46px;}
.case_ul li .font .more:hover{    background: url(../images/more_ico_hover.png) no-repeat 140px center; background-color: #0768d3;}
.case_ul li .font .more:hover span{display:block;}
.case_ul li:hover .img.a{ top:21px; right:48px;}
.case_ul li:hover .img.b{ top:21px; left:48px;}
.case_ul li:hover .blue.one{width:3px; height: 100%;}
.case_ul li:hover .blue.two{width:100%; height: 3px;}
.case_ul li:hover .blue.three{width:3px; height: 100%;}
.case_ul li:hover .blue.four{width:100%; height: 3px;}
.case_ul li:hover .font .t{ color:#0768d3;}
/*新闻内容*/
.con_news{ height:auto; margin-top: 35px; }
.con_news .title{height:115px;text-align: center;}
.con_news .title h1{height:30px; line-height: 30px; font-size: 24px; color: #444; overflow: hidden;}
.con_news .title .time{color:#999999; margin-top: 30px; line-height: 28px; height: 28px; text-align: center}
.con_news .title .time div{margin-right:25px;display: inline;}
.con_news .title .time .four div{margin-right:0px;}
.four .bdshare-button-style0-16 a,.four .bdshare-button-style0-16 .bds_more{float: none !important}
.con_news .content{height:auto; padding-top:25px;padding-bottom: 70px;border-bottom: 1px solid #e5e5e5; line-height: 200%; color:#333333; border-top: 1px solid #e5e5e5; }
.link_b{width: 1200px; height: 121px; margin: 30px auto;}
.link_b ul{width: 1202px; overflow: hidden;}
.link_b ul li{width: 598px; height: 121px; float: left; margin-right: 2px; background: #f5f5f5;transition:.3s ease 0s;color: #999;    }
.link_b ul li a{display: block;width:100%; height:100%; color: #666;}
.link_b .left_s{ width: 30px; height: 13px; float: left; background: url(../images/p11.png) no-repeat;
                background-position: 0 0;margin: 54px 0px 0px 30px;}
.link_b .left_ss{ width: 30px; height: 13px; float: right;background: url(../images/p11.png) no-repeat;
                background-position: 0px -13px;margin: 54px 30px 0px 0px;}
.link_b .left_c{float: left; width:494px; height: 121px; margin-left: 21px;}
.link_b .left_c .one2{/*width:464px;*/width:278px; height: 121px; line-height: 121px; padding-right: 26px;transition:.3s ease 0s;
                    white-space:nowrap;text-overflow:ellipsis; overflow: hidden; text-indent: 5px;}
.link_b .left_c .two{/*width:0;*/width: 164px; height: 121px; overflow: hidden;}
.link_b .left_c .two img{width: 138px;height: 90px;margin: 15px auto 16px }                   
.link_b .left_c .one1{/*width:464px;*/width:278px; height: 121px; line-height: 121px; padding-left: 6px;transition:.3s ease 0s;
                    white-space:nowrap;text-overflow:ellipsis; overflow: hidden; text-indent: 5px;}
.link_b ul li a:hover{background:#0768d3; transition:.3s ease 0s;}
 .link_b ul li a:hover .one2{color: #fff;transition:.3s ease 0s;text-indent: 10px;}
.link_b ul li a:hover .one1{color: #fff;transition:.3s ease 0s;text-indent: 0;}
/*.link_b ul li a:hover .two{width: 164px;transition:.3s ease 0s;} */
.link_b ul li a:hover .left_s{background-position: -30px 0;}
.link_b ul li a:hover .left_ss{background-position: -30px -13px;}
.page_c{ height:auto; overflow: hidden; margin-bottom: 60px;}
.page_c .title{ height:60px; line-height: 60px;border-bottom:1px solid #e5e5e5;}
.page_c .title .a{color:#2f373f; font-size:24px;}
.page_c .title .b{color:#c4c4c4;}
.page_c ul{ height:auto; width:1380px; overflow: hidden;}
.page_c ul li{ height:54px; border-bottom: 1px solid #f0f0f0; line-height: 54px; padding-left: 20px; width: 490px; background:url(../images/news_ico1.png) no-repeat 0px center; margin-right:180px; float: left;}
.page_c ul li a{ display:block; width: 100%; height: 100%;}
.page_c ul li .fl{max-width:400px; overflow: hidden; font-size: 16px; color: #666; transition: .3s; height: 54px;}
.page_c ul li .fr{color:#999; }
.page_c ul li:hover{ background:url(../images/news_ico2.png) no-repeat 0px center;}
.page_c ul li:hover .fl{ color:#0768d3;}
/*联系我们*/
.chaoan{ height:auto; overflow: hidden; margin-top: 50px;}
.chaoan .title{ background:url(../images/channel_tit.png) no-repeat center center; height: 58px; font-size: 28px; color: #0768d3; text-align: center; line-height: 58px; }
.chaoan .font{ height:auto; overflow: hidden; color: #666; line-height: 200%; margin-top: 30px;}
.chaoan ul{ height:260px; width:1753px; margin: 40px auto;}
.chaoan ul li{width:260px; height: 260px; background-color: #e8f1fa; border-radius: 130px; position: relative; float: left;margin-right: 53px;}
.chaoan ul li .img{ width:240px; height: 240px; border-radius: 120px; position: absolute; left: 10px; top: 10px; overflow: hidden;}
.chaoan ul li .img .a{ background:url(../images/chaoan_img.jpg) no-repeat center center; width:240px; height: 240px;}
.chaoan ul li .img .b{ background:url(../images/chaoan_img2.jpg) no-repeat center center; width:240px; height: 240px;}
.chaoan ul li .img .c{ background:url(../images/chaoan_img3.jpg) no-repeat center center; width:240px; height: 240px;}
.chaoan ul li .img .d{ background:url(../images/chaoan_img4.jpg) no-repeat center center; width:240px; height: 240px;}
.chaoan ul li .font_a{ position:absolute; text-align: center; width:170px; left: 45px; top:72px; height: 110px;}
.chaoan ul li .font_a .t{ height:24px; font-size: 22px; color: #fff; line-height: 24px;}
.chaoan ul li .font_a .line{height:1px; width:40px; background-color:#b7c9dd; margin: 10px auto;}
.chaoan ul li .font_a .d{ height:75px; overflow: hidden; line-height: 25px; font-size: 16px; color: #fff;}
.contact_us{ height:600px; background:url(../images/contact_us_back.jpg) no-repeat center 0px; padding-top: 60px;}
.contact_us .w1200{ overflow:visible;}
.contact_us .title{background: url(../images/contact_us_title.jpg) no-repeat center center; height: 58px;font-size: 28px;color: #fff;text-align: center;line-height: 58px;}
.contact_us .con{ width:1200px; height: 500px; border-radius: 5px; box-shadow: 0px 0px 10px 0px #eef7f8; background-color:#fff; margin-top: 40px;}
.contact_us .con .left{float:left; width: 377px; margin-left:50px; height:420px; margin-top: 50px;}
#map{width:700px;	height: 500px;float: right;border-radius: 0px 5px 5px 0px;}
.contact_us .con .left .t{ width:271px; height: 60px; border:1px solid #ededed; margin-bottom: 15px; padding: 13px 52px;}
.contact_us .con .left .t div{display:block; width:60px; height:60px; float: left; margin: 0px 15px; position: relative;}
.contact_us .con .left .t div a{display:block; width:100%; height: 100%;background:url(../images/wx_ico.png) no-repeat center center;}
.contact_us .con .left .t .a a{ background-position: 0px 0px;}
.contact_us .con .left .t .b a{ background-position: -60px 0px;}
.contact_us .con .left .t .c a{ background-position: -120px 0px;}
.contact_us .con .left .t .a a:hover{ background-position: 0px -60px;}
.contact_us .con .left .t .b a:hover{ background-position: -60px -60px;}
.contact_us .con .left .t .c a:hover{ background-position: -120px -60px;}
.contact_us .con .left .t .ewm_code{width: 90px;height: 90px;position: absolute;display: none;z-index: 999; top: 60px; left: -30px;}
.contact_us .con .left .z{ width:290px; height: 50px; border:1px solid #ededed; margin-bottom: 15px; padding:18px 5px 18px 80px; line-height: 25px;}
.contact_us .con .left .z.a{ background:url(../images/tel_ico.png) no-repeat 40px center;}
.contact_us .con .left .z.b{ background:url(../images/add_ico1.png) no-repeat 40px center;}
.contact_us .con .left .z.c{ background:url(../images/add_ico2.png) no-repeat 40px center;}
/*产品展示*/
.list_pro{height:auto; margin-top: 40px;}
.list_pro .ul_t{height:auto; width: 1216px; font-size: 16px; overflow: hidden;}
.list_pro .ul_t li{float:left; margin: 0px 8px 20px 0px;  width: 165px; height: 51px; text-align: center; line-height: 51px;  overflow: hidden;}
.list_pro .ul_t li a{display:block; width: 135px; height: 51px;background: url(../images/pro_hd_back.png) no-repeat;color: #333;  padding: 0px 15px;background-position: top;}
.list_pro .ul_t li.on a{ background-position: bottom; color: #fff;}
.list_pro .ul_t li a:hover{ background-position: bottom; color: #fff;}
.list_pro .ul_d{ width:1240px; height: auto; }
.list_pro .ul_d li{width:300px; height: 376px; float: left; position: relative;}
.list_pro .ul_d li .center{width:270px; height: 316px; margin-top:30px; position: absolute; z-index: 1; box-shadow: 0px 0px 10px 2px #f0f1f3; transition: .3s; margin-left: 15px; }
.list_pro .ul_d li .center .down{height:70px;text-align: center; background-color: #ffffff; padding-top: 30px;}
.list_pro .ul_d li .center .down .a{ color:#333333; display: block; line-height: 16px; height: 16px;width:260px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-size: 16px;;}
.list_pro .ul_d li .center .down .b{ color:#999999; display: block; line-height: 14px; margin-top: 10px; height: 14px; width:260px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.list_pro .ul_d li .center_hover{ position: absolute; z-index: 1; top: 0px; box-shadow: 0px 0px 10px 2px #f0f1f3; opacity: 0;filter: alpha(opacity=0); transition: .3s;}
.list_pro .ul_d li .center_hover .pic{ width:300px; height: 240px; overflow: hidden;}
.list_pro .ul_d li .center_hover .blue{width: 300px; height: 240px; position: absolute; opacity: .8;filter: alpha(opacity=80);  background-color: #0768d3; top:0px;}
.list_pro .ul_d li .center_hover .font{width: 300px; height: 240px; position: absolute; top: 0px;}
.list_pro .ul_d li .center_hover .font .tit{ height:20px; font-size: 18px; text-align: center; line-height:20px; color: #fff; margin-bottom: 16px; margin-top: 50px;width:290px; padding: 0px 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.list_pro .ul_d li .center_hover .font a{ margin:5px auto;}
.list_pro .ul_d li .center_hover .font .all_ask{width:168px;}
.list_pro .ul_d li .center_hover .font .all_ask .f{width:168px;}
.list_pro .ul_d li .center_hover .font .all_ask .color{width:168px;}
.list_pro .ul_d li .center_hover .font .all_ask .f img{margin-left:35px;}
.list_pro .ul_d li .center_hover .font .more{display:block; width: 168px; height:40px; border: 1px solid #5191d3; position: relative; text-align: center;}
.list_pro .ul_d li .center_hover .font .more .f{ width:168px; height: 40px; line-height: 40px; position: absolute; z-index: 2; color: #d1dfee; font-size: 16px;}
.list_pro .ul_d li .center_hover .font .more .color{ width:168px; height: 40px; background-color: #fff; opacity: 0;filter: alpha(opacity=0); z-index: 1; transition: .3s; position: absolute;}
.list_pro .ul_d li .center_hover .font .more:hover .color{ opacity:.2;filter: alpha(opacity=20);}
.list_pro .ul_d li .center_hover .font .more:focus .color{ opacity:1;filter: alpha(opacity=100);}
.list_pro .ul_d li .center_hover .font .more:focus .f{color:#0768d3;}
.list_pro .ul_d li .center_hover div.bottom{height:136px; background-color: #ffffff; padding-left: 30px;}
.list_pro .ul_d li .center_hover div.bottom div.z{ height:70px; width: 80px;float: left; margin-top: 33px; text-align: center;}
.list_pro .ul_d li .center_hover .bottom .z div{line-height: 20px; margin-top: 5px; color:#666666; text-align: center; width: 80px; height: 20px; overflow: hidden;}
.list_pro .ul_d li:hover .center_hover{ opacity:1; filter: alpha(opacity=100,style=100);}
.list_pro .ul_d li:hover .center{ opacity:0; filter: alpha(opacity=0,style=0);}
/*产品详情*/
.pro_con{ height:auto; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.pro_con .tit{ height:80px; line-height: 80px; text-align: center;  color: #0f5aad; font-size: 24px; background: url(../images/pro_con.png) no-repeat center bottom;}
.pro_con .article_body{color: #333; line-height: 200%; margin-top: 30px;height:auto; overflow: hidden;}
.pro_con img{ display:block; margin: 10px auto;}
.page_d{ height:auto; overflow: hidden;}
.page_d .title{ height:60px; line-height: 60px;border-bottom:1px solid #e5e5e5;}
.page_d .title .a{color:#2f373f; font-size:24px;}
.page_d .title .b{color:#c4c4c4;}
.page_d ul{ height:auto; width:1216px; margin-top: 30px;}
.page_d ul li{ width:287px; height: 285px; float: left; margin-right: 17px;}
.page_d ul li a{display:block; width:285px; height: 283px; border:1px solid #e5e5e5;}
.page_d ul li .pic{width:285px; height: 228px; overflow: hidden;}
.page_d ul li .pic img{ transition:.3s;}
.page_d ul li .font{width:275px; padding: 0px 5px; height: 55px; line-height: 55px; text-align: center; color: #666;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; transition:.3s;}
.page_d ul li:hover .pic img{ transform:scale(1.1,1.1);}
.page_d ul li:hover .font{ color:#0768d3;}

.pro_top{height:530px; margin-top: 25px;}
#preview{text-align:center;width:540px;height:530px; float: left;}
.jqzoom{ width:540px; height: 432px;  position:relative;}
.list-h li{ float:left;}
#spec-n5{width:540px; height:60px; overflow:hidden; margin-top: 15px;}
#spec-left{ background:url(../images/preview_ico.png) no-repeat; width:12px; height:25px; float:left; cursor:pointer; margin-top:23px; background-position: top left;}
#spec-left:hover{background-position:bottom left;}
#spec-right{background:url(../images/preview_ico.png) no-repeat; width:12px; height:25px; float:left;cursor:pointer; margin-top:23px; background-position: top right;}
#spec-right:hover{ background-position:bottom right;}
#spec-list{ width:490px; float:left; overflow:hidden;display:inline; margin: 0px 13px;}
#spec-list ul{ float:left; overflow:hidden;}
#spec-list ul li{ float:left;  display:inline; width:60px; padding: 0px 5px;}
#spec-list ul li img{ padding:2px ; border:1px solid #eaeaea; width:54px; height:54px;}
.pro_top .right{width:600px; height: auto; overflow: hidden; float: right;}
.pro_top .right .t{ height:66px; border-bottom:1px solid #e3e3e3; line-height: 66px;}
.pro_top .right .t h1{ font-size:28px; color: #333; float: left;}
.pro_top .right .t a{ color: #999; border: 1px solid #e4e3e3; float: right;display: block; width: auto; height: 30px; margin-top: 17px; line-height: 30px;padding: 0px 5px; transition: .3s;}
.pro_top .right .t a:hover{ border:1px solid #fff; background-color:#0768d3; color: #fff;}
.pro_top .right ul{ height:130px; width: 600px; margin-top: 25px;}
.pro_top .right ul li{ width:300px; height: 23px; margin-bottom: 20px; float: left; line-height: 23px;overflow: hidden;}
.pro_top .right ul li span.l{display:block; background: url(../images/pro_top_ico.png) no-repeat center center;background-size: 100% 23px; /* width:49px; */ height: 23px; overflow: hidden; float: left; font-size: 16px; color: #0768d3; text-align: center;padding: 0 8px; margin-right: 5px;}
.pro_top .right ul li span.r{display:block; max-width:215px; height: 23px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; float: left; color: #555;}
.pro_top .right .font{color:#999; height:20px; line-height: 20px; overflow: hidden;}
.pro_top .right .gray{ height:120px; width:520px; padding: 40px; background-color:#f4f5f6; margin-top: 50px;}
.pro_top .right .gray .one{ float:left; width:auto;}
.pro_top .right .gray .one .tel{ background:url(../images/pro_tel_img.png) no-repeat 0px center; height:43px; padding-left: 46px;}
.pro_top .right .gray .one .tel .a{color:#0666; height:15px; line-height: 15px; }
.pro_top .right .gray .one .tel .b{color:#0768d3; height:28px; line-height: 28px; font-size: 26px; font-weight: 600;}
.pro_top .right .gray .one a{display:block; background:url(../images/all_ask_ico.png) no-repeat 30px center; padding-left: 55px; width:100px; height: 56px; background-color:#0768d3; color:#fff; font-size: 18px; line-height: 56px; margin-top: 18px; transition: .3s;}
.pro_top .right .gray .one a:hover{background-color:#0659b4;}
.pro_top .right .gray .pic{ height:140px; width:110px; overflow: hidden;}
.pro_top .right .gray .pic div{ height:30px; line-height: 30px;color: #888; padding-left: 40px;}
.pro_top .right .gray .pic div.a{ background:url(../images/pro_ico1.png) no-repeat 15px center;} 
.pro_top .right .gray .pic div.b{ background:url(../images/pro_ico2.png) no-repeat 15px center;} 
.pro_top .right .gray .pic.fl{ margin-left:30px;}
/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:640px;height:426px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
/*preview-->css END*/
/*新闻资讯*/
.list_news{ height:auto; width:1230px; overflow: hidden; padding-bottom: 20px;}
.list_news li{width:585px; height: 270px; margin-right: 30px; float: left; margin-top: 30px;}
.list_news li a{display:block; width:505px; height: 190px; padding: 40px; overflow: hidden; transition: .3s; position: relative; background-color: #f8f8f8;}
.list_news li a .tit{ height:20px; line-height: 20px; font-size: 18px; color: #333; width:501px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-weight: 600;}
.list_news li a .time{ color:#999; height: 18px; line-height: 18px; margin: 15px 0px;}
.list_news li a .f{height:50px; line-height: 25px; color: #666; overflow: hidden; }
.list_news li a .f span{ color:#444;}
.list_news li a .more{width: 170px;   height: 46px; background: url(../images/more_ico.png) no-repeat 50px center; float: right;  margin-top: 20px; transition: .3s;  overflow: hidden; border:1px solid #e0e0e0; margin-right: 2px; text-align: center;}
.list_news li a .more span{display:none; color: #fff; transition: .3s; font-size: 18px; line-height: 46px;}
.list_news li a .more:hover{    background: url(../images/more_ico_hover.png) no-repeat 140px center; background-color: #0768d3;}
.list_news li a .more:hover span{display:block;}
.list_news li:hover .tit{ color:#0768d3;}
.list_news li a .blue{ width:3px; height: 3px; background-color:#f8f8f8; position: absolute; transition: .5s;}
.list_news li a .blue.one{top:0px; }
.list_news li a .blue.one.a{ left:0px;}
.list_news li a .blue.one.b{ right:0px;}
.list_news li a .blue.two{top:0px; }
.list_news li a .blue.two.a{ left:0px;}
.list_news li a .blue.two.b{ right:0px;}
.list_news li a .blue.three{bottom:0px; }
.list_news li a .blue.three.a{ right:0px;}
.list_news li a .blue.three.b{ left:0px;}
.list_news li a .blue.four{bottom:0px; }
.list_news li a .blue.four.a{ right:0px;}
.list_news li a .blue.four.b{ left:0px;}
.list_news li:hover .blue.one{width:3px; height: 100%;background-color:#0768d3;}
.list_news li:hover .blue.two{width:100%; height: 3px;background-color:#0768d3;}
.list_news li:hover .blue.three{width:3px; height: 100%;background-color:#0768d3;}
.list_news li:hover .blue.four{width:100%; height: 3px;background-color:#0768d3;}
.list_news li:hover a{ margin-top:-5px;}
.list_news li:hover .f span{color:#0768d3;}

.video {
position: relative;
padding-bottom: 50px;
width: 800px;
height: 400px;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}