@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.w1200{width: 1200px;margin:0 auto;}
.content{width: 1400px;margin:0 auto;}
dd { display: block; margin-inline-start: 0;}
em , i{font-style:normal;}
/*.pr {position: relative;}*/

.flexslider{margin:0 auto 0;position:relative;width:100%;height:680px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:680px;display:block}

/*统一使用的标题*/
.pubtit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;height: 120px;}
.pubtit span{ display: block; font-size: 40px; color: #0073c4; line-height: 46px; font-weight: 600;}
.pubtit i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #999999;letter-spacing: 4px;}
.pubtit1{text-align: center;font-weight: normal;font-size: 0;line-height: 0;height: 120px;}
.pubtit1 span{ display: block; font-size: 40px; color: #58bf6e; line-height: 46px; font-weight: 600;}
.pubtit1 i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #eee;letter-spacing: 4px;}

/*header start*/
.header{width: 100%;}
.header .head_top{height:120px;}
.header .head_top .tel_box{width: 260px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;width: 248px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;padding-left: 24px;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:40px;font-size: 16px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #0073c4;font-family: arial;font-weight: bold;}
.header .head_top .logo{width: 539px;height:120px;}
.header .head_top .logo img{width:539px;height:120px;}
.header .head_nav{border-top: 3px solid #fff;background-color: #0073c4}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;font-weight: 600;}
.header .head_nav ul li:hover{background: #eee;height:50px;}
.header .head_nav ul li:hover a{color: #58bf6e;border-top: 3px solid #58bf6e;position: absolute;top: -3px}

/*产品*/
.pro{padding:80px 0; }
.pro-nav{width:270px;}
.pro-nav .pro-tit{height: 142px; text-align: center;background: url(../images/ptbg.png) no-repeat center;}
.pro-nav .pro-tit a{display: block;height:102px;padding-top:24px; box-sizing: border-box;}
.pro-nav .pro-tit span{line-height:68px;font-size: 30px; color:#FFFFFF; font-weight: bold;}
.pro-nav .pro-tit em{display: block; height:20px; line-height: 20px;font-size: 18px; color:rgba(255,255,255,0.35); font-family: "arial"; text-transform: uppercase;letter-spacing: 2px;}

/*一级标题*/
.pro-nav .pro-con{padding: 19px 15px 6px 15px; box-sizing: border-box;}
.pro-nav .pro-con a.first-tit{ display:block;  font-size:16px; color:#333;height:35px;margin-bottom:12.4px;line-height:35px;border-radius:6px;padding-left:16px;padding-right: 36px;background:#efefef url(../images/pro-icon.png) no-repeat 90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: 1px solid #ccc;}
.pro-nav .pro-con a.first-tit.cur{margin-bottom: 0;background:#58bf6e url(../images/pro-icon_h.png) no-repeat 90%;}
.pro-nav .pro-con a.first-tit:hover{background:#58bf6e url(../images/pro-icon_h.png) no-repeat 90%;}
.pro-nav .pro-con ul{margin-bottom: 11px;}
.pro-nav .pro-con ul li{line-height: 34px; border-bottom:1px dashed #d1d0d0;padding-left:28px; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a{display: block;padding-left:22px; font-size: 15px; color:#666;background:url(../images/pro-jt1.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a:hover{color: #0073c4;background:url(../images/pro-jt2.png) no-repeat left;}
.pro-nav .pro-con ul li:last-child{border-bottom:0;}
.pro-nav .pro-bot{height:151px; background:url(../images/pro-lxbj.jpg) no-repeat center;box-sizing: border-box;padding-top: 32px; box-sizing: border-box; width: 270px;}
.pro-nav .pro-bot i{display: block; width:145px; height:29px;margin-bottom: 9px;    margin: 0 auto;}
.pro-nav .pro-bot i img{width:100%;}
.pro-nav .pro-bot span{display: block; }
.pro-nav .pro-bot span em{display: block; text-align: center; line-height: 32px; font-size: 16px; color:#FFFFFF;}
.pro-nav .pro-bot span p{text-align: center;line-height: 30px;font-size: 30px; color:#FFFFFF; font-family: "arial"}
/*右侧*/
.pro-bd{width:1095px;}
.pro-bd ul li{float:left;width:352px; margin: 0 19px 22px 0;}
.pro-bd ul li .pimg{display: block; width:350px; height:262.5px; overflow: hidden;border:1px solid #e1e1e1;}
.pro-bd ul li .pimg img{width:100%; height:100%;transition: 1s;}
.pro-bd ul li em{display:block;white-space:nowrap; overflow:hidden;padding-right: 41px; text-overflow:ellipsis;line-height: 40px; font-size:15px; color:#333; padding-left:15px; background:#f1f1f1 url(../images/pro-jt3.png) no-repeat 97%;}
.pro-bd ul li:nth-child(3n){margin-right: 0;float: right;}
.pro-bd ul li:hover .pimg{border:1px solid #58bf6e;}
.pro-bd ul li:hover em{background:#58bf6e url(../images/pro-jt3.png) no-repeat 97%;color: #fff;}
.pro-bd ul li:hover .pimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.proadv{width: 1095px;height:240px;margin-bottom: 30px;}
.proadv img{width: 100%;height: 100%;}

/*关于*/
.ab_bg{background:url(../images/bg.png) no-repeat center top;overflow: hidden;padding:40px  0;}
.about{width: 975px;/}
.about dl{width: 922px;margin: 0 auto;padding: 20px 0 0;}
.about dl dt{width: 922px;height: 352px;line-height: 0;overflow: hidden;}
.about dl dt img{width: 922px;height: 352px;}
.about dl dd{padding: 23px 24px 14px 24px;margin: 0 auto;background: #fff;}
.about .ab_desc{  text-indent: 2rem;color: #333;line-height: 25px;height: 75px;overflow: hidden;}
.about a.more{display: block; font-size: 14px;color: #fff; text-transform: uppercase; width: 92px;line-height: 30px; text-align: center;margin-top: 10px; background: #58bf6e;}
/*右侧联系方式*/ 
.con-us{width: 330px;}
.con-us span{display: block;   font-size: 22px;color: #0073c4; line-height:85px; overflow: hidden; font-weight: 600;}
.con-us-list p{font-size: 15px;color: #333;display: block; background: #fff;overflow: hidden; border-bottom: #e7e7e7 1px solid; padding: 15px 0 15px 60px;width: 258px; margin-bottom: 20px;}
.con-us-list p em{display: block;float: left;}
.con-us-list p span{display: block;float: left;}
.con-us-list p i{display: block;}
.con-us-list .c01 span{line-height: 22px;padding: 14px 0 0;}
.con-us-list .c01{background:url(../images/con1.png) no-repeat #fff 15px center;}
.con-us-list .c02{background:url(../images/con2.png) no-repeat #fff 15px center;}
.con-us-list .c03{background:url(../images/con3.png) no-repeat  #fff 15px center;}
.con-us-list .c04{background:url(../images/con4.png) no-repeat  #fff 15px center;}
.con-us-list .c05{background:url(../images/con5.png) no-repeat  #fff 15px center;border-bottom: none;}
/*下方标志*/
.con-us .list{margin-top:30px;}
.con-us .list li{width: 106px;float: left;height: 100px;}
.con-us .list li img{width: 80px;height: 80px;display:block;margin:0 auto;}
.con-us .list li p{width:106px;text-align: center;line-height: 30px;color: #fff;font-weight: 600;padding-top: 94px;}
.con-us .list li:nth-child(1){background:url(../images/icon1-1.png) no-repeat center;}
.con-us .list li:nth-child(2){background:url(../images/icon2-1.png) no-repeat center;}
.con-us .list li:nth-child(3){background:url(../images/icon4-1.png) no-repeat center;}
.con-us .list li:nth-child(1):hover{background:url(../images/icon1.png) no-repeat center;}
.con-us .list li:nth-child(2):hover{background:url(../images/icon2.png) no-repeat center;}
.con-us .list li:nth-child(3):hover{background:url(../images/icon4.png) no-repeat center;}
.con-us .list li:hover p{color: #666;}
/*优势*/
.ys{background-color: #f1f1f1;padding:80px 0; }
.ys1 , .ys2{background-color: #333;width: 1200px;margin:20px auto;}
.ys1 .wz{width:350px;background-color: #0073c4;;padding: 0 33px;height: 150px;}
.ys2 .wz{width:350px;background-color: #58bf6e;;padding: 0 33px;height: 150px;}
.ys1 .wz span  , .ys2 .wz span{display: block;font-size: 28px; font-weight: 600; line-height: 64px; color: #fff;}
.ys1 .wz p , .ys2 .wz p{text-align: left;line-height: 26px;color: #eee;}
.ys1 .ysimg , .ys2 .ysimg{width:742px;height: 150px;overflow: hidden;}
.ys1 .ysimg  img , .ys2 .ysimg  img{width:100%;height: 100%;display: block;transition:.5s ease-in;}  
.ys1 .ysimg  img:hover , .ys2 .ysimg img:hover{ transform:scale(1.1,1.1);}  


/*合作伙伴*/
.scroll_bg{width:100%;height:100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.yyly{padding-top:80px ;background: #0073c4e0;padding-bottom:20px;   }
.yyly .list{width: 100%;}
.part1{width: 24%;margin: 0 0 20px 1.25%;overflow: hidden;height: 100%;box-shadow: 0 3px 10px 3px #d0d0d0;padding: 20px 0 0;background: #fff;}
.part1 dl{width: 93.5%;margin: 0 auto;position: relative;}
.part1 dl dt{width: 100%;line-height: 0;}
.part1 dl dt img{width: 100%;height: 100%;}
.part1 dl dt span{font-size: 16px;color: #333;display: block;height: 45px;line-height:45px;width: 100%;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.part1 dl dd{background:#58bf6ec4;position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 80%;padding: 0 10%;text-align: center;transition:height .5s;-moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}
.part1 dl dd a.tit{font-size: 22px;height: 50px;line-height: 50px;overflow: hidden;padding: 60px 0 0;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:100%;}
.case_desc{font-size: 14px;color: #fff;line-height: 30px;height: 120px;overflow: hidden;padding: 5px 0 0;}
.part1 dl dd em{display: block;height: 70px;line-height: 70px;width: 100%;text-align: center;overflow: hidden;background: #fff;position: absolute;bottom: 0;left: 0;}
.part1 dl dd em a{font-size: 14px;color: #333;text-transform: uppercase;}
.part1:hover dl dd{height: 100%;}
.yyly .nobor{margin-left: 0;padding-left: 0px}
.yyly .none{margin-right: 0;padding-left: 0px}


/*新闻*/ 
.news{padding:80px 0;}
.news_l{ float: left;width: 727px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;}
.news_l li a em{ float: right;color: #888888;line-height: 40px;font-family: Arial;}
.news1 dl{height: 144px;padding: 30px 0 0;}
.news1 dt{float: left;width: 77px;height: 144px;display: block; }
.news1 dt em{width: 60px;height: 30px;display: block;line-height: 30px;background: #58bf6e;text-align: center;font-size: 18px;color: #fff; }
.news1 dd{ width: 650px;float: left;}
.news1 a.nname{font-size: 18px;color: #333;line-height: 30px;padding: 0 0 12px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{color: #888;line-height: 26px;}
.news2 dl{height: 120px;padding: 20px 0;border-top: 1px dashed #c0bfbf;}
.news2 dt{float: left;width: 231px;height: 130px;display: block;overflow: hidden; }
.news2 dt img{width: 231px;height: 130px;display: block;transition: all 0.5s; }
.news2 dl:hover dt img{ transform: scale(1.05); }
.news2 dd{ width: 466px;float: left;height: 140px;margin-left: 30px;}
.news2 a.nname{font-size: 16px;color: #333;line-height: 22px;padding: 25px 0 16px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news2 p{color: #888;line-height: 26px;font-size: 14px;}
.news2 a.nname:hover,.news_r ul li a:hover,.news1 a.nname:hover{ color: #58bf6e; }
.news_r{ float: right;width: 500px;}
.news_r p img{ display: block;width: 500px;height: 170px;margin-top: 30px; }
.news_r ul li{ padding-top: 27px;height: 120px;border-bottom: 1px dashed #c0bfbf;box-sizing: border-box;padding-left: 20px;    background: url(../images/news_ic.png) no-repeat left 23px; padding-left: 35px;}
.news_r ul li a{font-size: 16px;color: #333;line-height: 16px;padding: 0 0 14px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_r ul li em{color: #888;line-height: 18px;display: block;font-size: 14px;}

/*底部*/
.footWrap{background:url(../images/ftbg.jpg) no-repeat center top;overflow:hidden;padding:45px 0;}
.footer{width:1200px;margin:0 auto;overflow:hidden}
.fnav{overflow:hidden;width:225px;color:#fff;float:left;margin-top:60px}
.fnav span{ display: block; text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;width:350px;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fnav span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/dhico.png) no-repeat}
.fnavv li{float:left;margin-bottom:30px;width:112px;}
.fnavv a{display:block;color:#fff;font-size: 16px;opacity:.5;}
.fnavv li:nth-child(2n){float:right}
.fcontact{float:left;overflow:hidden;width:473px;color:#fff;float:left;margin-top:60px;margin-left:135px;box-sizing:border-box}
.fcontact span{ display: block;text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fcontact span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/lxico.png) no-repeat}
.fcontact li{color:#999;width:250px;float:left;margin-bottom:25px;font-weight:400}
.fcontact li b{font-weight:400;display:block;font-size:15px}
.fcontact li:nth-child(2n){width:223px}
.fcontact li a{color:#999;}
.fcontact li em{padding:0 10px}
.fcode{overflow:hidden;width:230px;height:284px;color:#fff;float:right;margin-top:60px;margin-left:135px;box-sizing:border-box}
.fcode span{display:block;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;width:350px;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:40px;position:relative}
.fcode span:before{content:"";position:absolute;left:0;top:0;width:25px;height:23px;background:url(../images/ewmico.png) no-repeat}
.fcode li{color:#fff;width:150px;float:left}
.fcode li img{width:150px;display:block}
.fcode li p{display:block;color:#fff;text-align:center;line-height:42px;opacity:.5}
.footWrap2{height:60px;line-height:60px;color:#fff;opacity:.5}
.footWrap2 span{float:left}
.footWrap2 em{padding:0 10px}
.footWrap2 a{color:#fff}