@charset "utf-8";
/* 公用 */
body{max-width: 1920px;margin: 0 auto;}
.wrap{width:1200px; margin:0 auto;overflow: hidden;}
.nowrap{white-space:nowrap;}
.fz0{font-size:0;}
.max-w100{max-width:100%;}
.max-h100{max-height:100%;}
.middle{vertical-align:middle;}
.middle-span{height:100%; vertical-align:middle; display:inline-block;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.swiper-wrapper img{max-width: 100%;}
.half{width: 50%;}
p{margin: 0 0 10px;}
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.wow{visibility: hidden;}
#bdshare_weixin_qrcode_dialog{height: auto !important;}
.rotating{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);}
.main_big{margin-bottom: 80px;}
.trans5{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

/*内容区公共部分*/
#content{width: 965px;overflow: hidden;border-top: solid 3px #0067bf;}
#content .title{font-size: 22px;color: #333;background: #f4f4f4;height: 58px;line-height: 58px;padding: 0 29px;}
#content .content{padding: 26px 29px;border: solid 1px #ededed;border-top: none;line-height: 23px;}

/*上下篇*/
#page{border-top: solid 1px #dadee2;padding-top: 30px;}
#page .next,#page .prev{color: #3879c2;}
#page .next a,#page .prev a{color: #666;}
#page .next a:hover,#page .prev a:hover{color: #0067bf;}
#page .next{margin-top: 10px;}

/*Banner部分*/
#banner{width: 100%;max-width: 1920px;overflow: hidden;}
#banner .swiper-slide a{display: block;width: 100%;height: 100%;}
#banner .swiper-button-prev{left: 30px;}
#banner .swiper-button-prev,#banner .swiper-button-next{width: 17px;height: 30px;background: url(/images/b1.png)no-repeat center;}
#banner .swiper-button-next{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);right: 30px;}
#banner .swiper-button-prev:hover{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);}
#banner .swiper-button-next:hover{transform:rotate(0deg);-ms-transform:rotate(0deg); /* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg);/* Safari 和 Chrome */-o-transform:rotate(0deg);}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background: url(/images/b2.png)no-repeat center;}

/*标题部分*/
#titles{}
#titles .tit{font-size: 42px;color: #ee7700;text-align: center;font-weight: bolder;}
#titles .tit_en{font-size: 13px;color: #999;text-align: center;}
#titles .border_one{width: 278px;height: 1px;background: #999;margin: 0 auto;}
#titles .border_two{width: 46px;height: 2px;background: #333;margin: 0 auto;}

/*头部部分*/
#header{}
#header .wrap1{background: url(/images/header_bg.jpg)no-repeat center;height: 34px;line-height: 34px;}
#header .wrap1 .left{font-size: 12px;color: #666;}
#header .wrap1 .right .a{display: inline-block;padding: 0 20px;font-size: 12px;color: #666;border-right: dotted 1px #c6c6c6;height: 12px;line-height: 12px;}
#header .wrap1 .right .a.last{border-right: none;}
#header .wrap1 .right .a:hover{color: #0067bf;}
#header .wrap2{padding: 32px 0;}
#header .wrap2 .left .logo{padding-right: 22px;}
#header .wrap2 .left .logo img{max-width: 100%;height: auto;}
#header .wrap2 .left .brief{padding-left: 21px;border-left: solid 1px #e5e5e5;}
#header .wrap2 .left .brief .top{font-size: 22px;color: #0067c0;line-height:70px;}
#header .wrap2 .left .brief .bot{font-size: 23px;color: #0067c0;}
#header .wrap2 .right{margin-top: 12px;}
#header .wrap2 .right .img{width: 40px;height: 40px;background: #0067bf url(/images/img1.png)no-repeat center;border-radius: 3px;}
#header .wrap2 .right .tel{margin-left: 15px;}
#header .wrap2 .right .tel .t{font-size: 12px;color: #666;}
#header .wrap2 .right .tel .b{font-size: 23px;color: #0067bf;margin-top: -3px;}
#header .wrap2 .right .new-link{color:#666;line-height:48px;margin-right:16px;}
#header .wrap2 .right .new-link:hover{color:#0067bf;}
#header .wrap3{background: #0067bf;height: 60px;/* overflow: hidden; */z-index: 10000;}
#header .wrap3 .wrap{overflow: visible;}
#header .wrap3 .nav{/* padding: 0 30px; */margin-left: 4px;z-index: 100000;}
#header .wrap3 .nav .nav-a{display: block;font-size: 14px;color: #fff;padding: 0 57px;height: 60px;line-height: 60px;}
#header .wrap3 .nav.on,#header .wrap3 .nav:hover{background: #90c42e;}
#header .wrap3 .nav:first-child{margin-left: 0;}
#header .wrap3 .nav .sub-nav{width: 100%;left: 0;top: 60px;z-index: 100001;background: rgba(255, 255, 255, .8);display: none;}
#header .wrap3 .nav .sub-nav li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;text-align: center;}
#header .wrap3 .nav .sub-nav li a{color: #0067bf;}
#header .wrap3 .nav:hover .sub-nav{display: block;}

/*关键词部分*/
#keyword{height: 80px;border-bottom: solid 1px #ebebeb;line-height: 80px;}
#keyword .left .hot{font-size: 12px;color: #333;font-weight: bolder;}
#keyword .left .hot_list .a{font-size: 12px;color: #333;margin-left: 15px;}
#keyword .left .hot_list .a:hover{color: #0067bf;}
#keyword .right form{margin-top: 18px;}
#keyword .right .input{border: solid 1px #e6e6e6;padding-left: 36px;background:url(/images/search.png)no-repeat 12px 16px;border-right: none;}
#keyword .right .input .inputs{width: 350px;height: 44px;line-height: 44px;border: none;}
#keyword .right .btns .submit{width: 120px;height: 46px;line-height: 46px;text-align: center;background: #0067bf;font-size: 12px;color: #fff;border: none;border: solid 1px #0067bf;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#keyword .right .btns .submit:hover{opacity: 0.9;}

/*面包屑部分*/
#bread{color: #666;font-size: 13px;padding: 38px 0;}
#bread .wrap{height: 24px;line-height: 24px;padding-left: 10px;border-left: solid 6px #90c42e;}
#bread a,#bread span{color: #666;font-size: 13px;}
#bread a:hover,#bread a.on{color: #0067bf;}


/*底部部分*/
#footer{}
#footer .wrap1{background: #efefef;height: 60px;line-height: 60px;}
#footer .wrap1 .img{width: 26px;}
#footer .wrap1 .img img{max-width: 100%;height: auto;margin-top: 18px;}
#footer .wrap1 .title{color: #777;font-size: 13px;margin-left: 10px;width: 65px;}
#footer .wrap1 .wrap{position: relative;}
#footer .wrap1 .link_row .swiper-container{width: 980px;}
#footer .wrap1 .link_row a{font-size: 12px;color: #333;text-align: center;height: 60px;overflow: hidden;}
#footer .wrap1 .link_row a:hover{color: #0067bf;}
#footer .wrap1 .link_row .swiper-button-prev{right: 15px;top: 47px;left: auto;background: url(/images/img6.png)no-repeat center;width: 6px;height: 12px;}
#footer .wrap1 .link_row .swiper-button-next{right: 0;top: 47px;left: auto;background: url(/images/img7.png)no-repeat center;width: 6px;height: 12px;}
#footer .wrap2{background: #13447c;}
#footer .wrap2 .w1{padding: 60px 0;border-bottom: solid 1px #265386;}
#footer .wrap2 .w1 .a1 .logo img{max-width: 100%;height: auto;}
#footer .wrap2 .w1 .a1 .logo .logo1{font-size: 22px;color: #a7b2c5;margin-left: 35px;}
#footer .wrap2 .w1 .a1 .logo .logo2{font-size: 30px;color: #a7b2c5;margin-left: 35px;}
#footer .wrap2 .w1 .a2{margin-left: 90px;}
#footer .wrap2 .w1 .a2 .top{font-size: 16px;color: #fff;}
#footer .wrap2 .w1 .a2 .nav{margin-top: 30px;}
#footer .wrap2 .w1 .a2 .nav .ll{width: 100px;overflow: hidden;}
#footer .wrap2 .w1 .a2 .nav .ll a{font-size: 12px;color: #ccc;display: block;margin-top: 12px;}
#footer .wrap2 .w1 .a2 .nav .ll a:first-child{margin-top: 0;}
#footer .wrap2 .w1 .a2 .nav .ll a:hover{color: #fff;}
#footer .wrap2 .w1 .a2 .nav .ll.l2{margin-left: 40px;}
#footer .wrap2 .w1 .a3{margin-left: 80px;width: 400px;overflow: hidden;}
#footer .wrap2 .w1 .a3 .big{margin-top: 10px;}
#footer .wrap2 .w1 .a3 .big:first-child{margin-top: 0;}
#footer .wrap2 .w1 .a3 .big .img img{max-width: 100%;height: auto;}
#footer .wrap2 .w1 .a3 .big .rr{margin-left: 10px;}
#footer .wrap2 .w1 .a3 .big .rr .tit{font-size: 16px;color: #fff;}
#footer .wrap2 .w1 .a3 .big .rr .con{font-size: 12px;color: #ccc;margin-top: 10px;}
#footer .wrap2 .w1 .a3 .big .rr .con.ons{font-size: 17px;color: #8fc32d;}
#footer .wrap2 .w1 .a4 .code{text-align: center;}
#footer .wrap2 .w1 .a4 .code img{max-width: 100%;height: auto;}
#footer .wrap2 .w1 .a4 .font{font-size: 12px;color: #9ca9be;text-align: center;margin-top: 12px;}
#footer .wrap2 .w2{padding: 26px 0;}
#footer .wrap2 .w2 .copy{font-size: 12px;color: #7a8daa;}
#footer .wrap2 .w2 .icp,#footer .wrap2 .w2 .icp a{font-size: 12px;color: #7a8daa;}

/*侧边导航栏*/
#nav{width: 235px;float: left;}
#nav .big_title{height: 90px;background: #0067bf;margin-bottom: 1px;}
#nav .big_title .tit_cn{font-size: 24px;color: #fff;text-align: center;padding-top: 20px;}
#nav .big_title .tit_en{font-size: 13px;color: #a3bde1;text-align: center;text-transform: uppercase;}
#nav .list .big .tit{display: block;height: 60px;line-height: 60px;background: #0067bf url(/images/p5.png)no-repeat 15px;padding: 0 40px;font-size: 16px;color: #fff;}
#nav .list .big .tit.on,#nav .list .big .tit:hover{background: #90c42e url(/images/p5.png)no-repeat 15px;}
#nav .list .big .more_big{border: solid 1px #e6e6e6;border-bottom: none;border-top: none;padding: 15px 0;}
#nav .list .big .more_big .alls{padding: 0px 20px;margin-top: 10px;}
#nav .list .big .more_big .alls:first-child{margin-top: 0;}
#nav .list .big .more_big .alls .navs{font-size: 16px;color: #333;background: url(/images/p2.png)no-repeat right;display: block;}
#nav .list .big .more_big .alls.on .navs,#nav .list .big .more_big .alls .navs:hover,#nav .list .big .more_big.on .alls.on .navs,#nav .list .big .more_big.on .alls .navs:hover,#nav .list .big .more_big.on .alls.ons .navs{background: url(/images/p3.png)no-repeat right;color: #0067bf;font-weight: bolder;overflow: hidden;height: 24px;line-height: 24px;}
#nav .list .big .more_big.on .alls .navs{background: url(/images/p4.png)no-repeat right;}
#nav .list .big .more_big.on .alls .navs:hover,#nav .list .big .more_big.on .alls.ons .navs{background: url(/images/p4_h.png)no-repeat right;}
#nav .list .big .more_big .alls .pro_alls{margin-top: 20px;display: none;}
#nav .list .big .more_big .alls.on .pro_alls{display: block;}
#nav .list .big .more_big .alls .pro_alls .pros{display: block;font-size: 13px;color: #666;background: url(/images/p1.png)no-repeat left;padding: 0 20px;margin-top: 15px;}
#nav .list .big .more_big .alls .pro_alls .pros:first-child{margin-top: 0;}
#nav .list .big .more_big .alls .pro_alls .pros.on,#nav .list .big .more_big .alls .pro_alls .pros:hover{color: #0067bf;font-weight: bolder;}
#nav .tel{height: 122px;background: url(/images/tel_bg.jpg)no-repeat center;background-size: cover;}
#nav .tel .tit{font-size: 13px;color: #333;text-align: center;padding-top: 28px;}
#nav .tel .tels{font-size: 24px;color: #0067bf;text-align: center;}

/*产品部分*/
#products{}
#products .products{display: block;border: solid 1px #ededed;width: 288px;margin-right: 20px;height: 288 px;overflow: hidden;margin-top: 20px;}
#products .products:nth-child(3n){margin-right: 0;}
#products .products .img{text-align: center;height: 230px;overflow: hidden;}
#products .products .img img{max-width: 100%;/*height: auto;*//*width: 298px;*/max-height: 225px;}
#products .products .font{font-size: 14px;color: #333;text-align: center;height: 58px;line-height: 58px;}
#products .products:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#products .products:hover .font{color: #0067bf;overflow: hidden;}

#productsinfo .products{display: block;border: solid 1px #ededed;width: 288px;margin-right: 20px;height: 288 px;overflow: hidden;margin-top: 20px;}
#productsinfo .products:nth-child(3n){margin-right: 0;}
#productsinfo .products .img{text-align: center;height: 210px;overflow: hidden;margin-top: 20px;}
#productsinfo .products .img img{max-width: 100%;/*height: auto;*//*width: 298px;*/max-height: 225px;}
#productsinfo .products .font{font-size: 14px;color: #333;text-align: center;height: 58px;line-height: 58px;}
#productsinfo .products:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#productsinfo .products:hover .font{color: #0067bf;overflow: hidden;}

/*产品详细部分*/
#products-detail{}
#products-detail .top .left{width: 440px;overflow: hidden;border: solid 1px #ececec;}
#products-detail .top .right{width: 430px;overflow: hidden;}
#products-detail .top .left .img{height: 380px;overflow: hidden;}
#products-detail .top .left .img img{max-width: 100%;height: auto;}
#products-detail .top .left .swiper-pagination{text-align: right;padding-right: 20px;}
#products-detail .top .left .swiper-button-prev{width: 12px;height: 20px;background: url(/images/img9.png)no-repeat center;}
#products-detail .top .left .swiper-button-next{width: 12px;height: 20px;background: url(/images/img10.png)no-repeat center;}
#products-detail .top .right .tit{font-size: 22px;color: #333;}
#products-detail .top .right .brief{margin-top: 40px;}
#products-detail .top .right .brief .bri{margin-top: 20px;}
#products-detail .top .right .brief .bri:first-child{margin-top: 0;}
#products-detail .top .right .brief .bri .l{width: 70px;font-size: 13px;color: #666;}
#products-detail .top .right .brief .bri .r{width: 360px;font-size: 13px;color: #333;}
#products-detail .top .right .brief .bri.briefs .r{min-height: 140px;overflow: hidden;}
#products-detail .top .right .bottom .tel1 .imgs{width: 40px;height: 40px;background: #0067bf url(/images/img1.png)no-repeat center;border-radius: 3px;}
#products-detail .top .right .bottom .tel1 .tel{margin-left: 16px;}
#products-detail .top .right .bottom .tel1 .tel .t{font-size: 13px;color: #666;}
#products-detail .top .right .bottom .tel1 .tel .b{font-size: 16px;color: #0067bf;font-weight: bolder;}
#products-detail .top .right .bottom .tel2{margin-left: 40px;}
#products-detail .top .right .bottom .tel2 a{display: block;width: 138px;height: 40px;line-height: 40px;background: #0067bf url(/images/img11.png)no-repeat 20px;text-align: center;border-radius: 40px;font-size: 13px;color: #fff;text-indent: 16px;}
#products-detail .top .right .bottom .tel2 a:hover{opacity: 0.9;}
#products-detail .mid{margin-top: 50px;}
#products-detail .mid .a:first-child{border-left: solid 1px #e4e4e4;}
#products-detail .mid .a{font-size: 18px;color: #333;text-align: center;display: block;height: 60px;line-height: 60px;width: 128px;border: solid 1px #e4e4e4;border-left: none;}
#products-detail .mid .a.on{font-weight: bolder;color: #0067bf;border-bottom: none;border-top: solid 2px #0067bf;}
#products-detail .bot .dec{padding: 20px 0;display: none;min-height: 350px;}

/*文章列表页*/
#article{}
#article .content .article{padding: 20px;border: solid 1px #ededed;margin-top: 20px;}
#article .content .article:first-child{margin-top: 0;}
#article .content .article .left{width: 200px;overflow: hidden;}
#article .content .article .right{width: 610px;overflow: hidden;}
#article .content .article .left img{max-width: 100%;height: auto;}
#article .content .article .left img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#article .content .article .right .tit{font-size: 18px;color: #333;margin-top: 20px;display: block;}
#article .content .article .right .brief{font-size: 13px;color: #666;margin-top: 20px;height: 70px;line-height: 23px;overflow: hidden;}
#article .content .article .right .detail{font-size: 13px;color: #0067bf;width: 140px;height: 40px;line-height: 40px;text-align: center;border:solid 1px #ccc;border-radius: 40px;background: url(/images/arrow.png)no-repeat 25px;display: block;text-indent: 30px;margin-top: 20px;}
#article .content .article .right .detail:hover{border: solid 1px #0067bf;}
#article .content .article .right .tit:hover{color: #0067bf;}
#article .feedback{border-top: solid 1px #eaeaea;margin-top: 30px;}

/*文章详细页*/
#article-detail{}
#article-detail .content .tit{font-size: 20px;color: #333;text-align: center;font-weight: bolder;padding-top: 20px;padding-bottom: 25px;}
/*新闻详细页*/
#article-detail .content .meg{text-align: center;margin-top: -15px;margin-bottom: 30px;}
#article-detail .content .meg .big{display: inline-block;height: 30px;line-height: 30px;overflow: hidden;padding-left: 30px;}
#article-detail .content .meg .big span{color: #999;}
#article-detail .content .meg .big.one{background: url(/images/clock.png)no-repeat 6px;}
#article-detail .content .meg .big.two{background: url(/images/see.png)no-repeat left;margin-left: 25px;}
#article-detail .content .shape{color: #666;text-align: center;}

/*推荐产品*/
.recom{margin-top: 60px;}
.recom .re_tit{font-size: 24px;color: #333;font-weight: bolder;padding-left: 16px;border-left: solid 6px #0067bf;}
.recom #products .content{padding: 0;border: none;}
.recom #products .products{margin-right: 0;}
.recom #products .swiper-pagination{margin-top: 20px;position: relative;}
.recom #products .swiper-pagination-bullet{margin: 4px;}

.recom #productsinfo .content{padding: 0;border: none;}
.recom #productsinfo .products{margin-right: 0;}
.recom #productsinfo .swiper-pagination{margin-top: 20px;position: relative;}
.recom #productsinfo .swiper-pagination-bullet{margin: 4px;}

/*在线留言*/
.feedback{}
.feedback .tit1{font-size: 24px;color: #0067bf;font-weight: bolder;text-align: center;margin-top: 60px;}
.feedback .tit2{font-size: 14px;color: #666;text-align: center;margin-top: 20px;}
.feedback .tit3{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;border: solid 1px #0067bf;border-radius: 40px;font-size: 13px;color: #0067bf;text-indent: 20px;background: url(/images/img13.png)no-repeat 25px;margin: 0 auto;margin-top: 20px;}
.feedback .tit3:hover{background: #0067bf url(/images/img11.png)no-repeat 25px;color: #fff;}
.feedback form{margin-top: 50px;}
.feedback .rows{width: 32%;margin-right: 2%;}
.feedback .rows:nth-child(3){margin-right: 0;}
.feedback .rows input{border: solid 1px #ddd;height: 48px;line-height: 48px;width: 100%;padding: 0 18px;color: #999;}
.feedback .rows.text{width: 100%;height: 130px;margin-top: 20px;}
.feedback .rows.text textarea{width: 100%;height: 100%;padding: 18px;color: #999;border: solid 1px #ddd;}
.feedback .btns{margin-top: 30px;}
.feedback .btns .submit{display: block;width: 100px;height: 40px;line-height: 40px;background: #0067bf;font-size: 13px;color: #fff;text-align: center;border: solid 1px #0067bf;margin: 0 auto;}
.feedback .btns .submit:hover{background: #fff;color: #0067bf;}

/*招聘职位*/
#join{}
#join .content{padding-bottom: 50px;}
#join .content .tit1{font-size: 30px;color: #333;text-align: center;font-weight: bolder;margin-top: 10px;}
#join .content .tit2{font-size: 13px;color: #888;text-align: center;margin-top: 20px;}
#join .content .join_list{margin-top: 50px;}
#join .content .join_list .tr.titles,#join .content .join_list .tr .list{height: 56px;line-height: 56px;padding: 0 60px;background: #fff url(/images/z1.png)no-repeat 20px;}
#join .content .join_list .tr:nth-child(2n) .list{background: #f8f5f9 url(/images/z1.png)no-repeat 20px;}
#join .content .join_list .tr.titles{background: #90c42e;}
#join .content .join_list .tr.titles .td{font-size: 16px;color: #fff;}
#join .content .join_list .tr .td.td1{width: 300px;}
#join .content .join_list .tr .td.td2{width: 130px;text-align: center;margin-left: 40px;}
#join .content .join_list .tr .td.td3{width: 130px;text-align: center;margin-left: 40px;}
#join .content .join_list .tr .td.td4{width: 100px;text-align: center;margin-left: 40px;}
#join .content .join_list .tr .list .td{font-size: 16px;color: #000;}
#join .content .join_list .tr .list .td.td4{font-size: 12px;color: #666;}
#join .content .join_list .tr .con{display: none;padding: 0 60px;background: #fff;padding-bottom: 10px;}
#join .content .join_list .tr:nth-child(2n) .con{background: #f8f5f9;}
#join .content .join_list .tr.on .list{background: #fff url(/images/z2.png)no-repeat 20px;}
#join .content .join_list .tr.on .list .td{display: none;}
#join .content .join_list .tr.on .list .td1{color: #0067bf;font-weight: bolder;display: block;}
#join .content .join_list .tr:nth-child(2n).on .list{background: #f8f5f9 url(/images/z2.png)no-repeat 20px;}
#join .content .join_list .tr.titles2{background: #f2f2f2;height: 56px;line-height: 56px;padding: 0 60px;}
#join .content .join_list .tr.titles2 .td{font-size: 13px;color: #888;width: auto;}
#join .content .join_list .tr.titles2 .td a{font-size: 13px;color: #0067bf;}
#join .content .join_list .tr.titles2 .td.td2{color: #0067bf;}

/*联系方式*/
#contact{}
#contact .content .title_big{font-size: 18px;color: #333;}
#contact .content .meg{margin-top: 28px;}
#contact .content .meg .dec{font-size: 13px;color: #555;margin-top: 15px;}
#contact .content .meg .dec:first-child{margin-top: 16px;}
#map{height: 590px;border: solid 1px #e2e2e2;padding: 1px;margin-top: 40px;margin-bottom: 20px;}

/*发展历程*/
.expand_box{position: relative;}
.expand_box .line{position: absolute; left: 50%; border-left: 1px solid #d2d2d2; z-index: 1;height: 100px; top: 0; margin-left: -1px;}
.expand_box .con{width: auto;margin:0 auto;margin-top: 30px; position: relative;}
.expand_box .con li{width: 422px; display: inline-block; vertical-align: middle;}
.expand_box .con li:first-child{margin-right: 52px;}
.expand_box .con .year{top:14px;color:#666666;font-size: 18px;}
.expand_box .con .year.fl{text-align: right;}
.expand_box .con .font{width: 422px;padding:15px 20px;border:1px solid #e3e3e3;;z-index: 1;}
.expand_box .con .square{position: absolute;width: 9px;height: 9px;left: 50%; top: 50%; margin-top: -4.5px;margin-left: -4.5px;background: url(/images/expand_square.png) no-repeat;z-index: 10}
.expand_box .con .font.left,.expand_box .con .font.right{position: relative;}
.expand_box .con .font.left::before{background: transparent;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-top: -3px;position: absolute;z-index: 1;top: 50%;content: '';border-left: 6px solid #e3e3e3;right:-7px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;}
.expand_box .con .font.left::after{background: transparent;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-top: -3px;position: absolute;z-index: 1;top: 50%;content: '';border-left: 6px solid #fff;right:-6px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;}
.expand_box .con .font.right::before{background: transparent;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-top: -3px;position: absolute;z-index: 1;top: 50%;content: '';border-right: 6px solid #e3e3e3;left:-7px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;}
.expand_box .con .font.right::after{background: transparent;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-top: -3px;position: absolute;z-index: 1;top: 50%;content: '';border-right: 6px solid #fff;left:-6px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;}
.expand_box .con:hover .font.left::after{border-left: 6px solid #008cd6;right:-6px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.expand_box .con:hover .font.right::after{border-right: 6px solid #008cd6;right:-6px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.expand_box .con .font div{color:#828282;font-size: 14px;background: url(/images/box.png) no-repeat left center;padding-left: 12px;}
.expand_box .con:hover .font{background: #008cd6;border:1px solid #008cd6;color: #fff;}
.expand_box .con:hover .font ._li{background: url(/images/white_s.png) no-repeat left center;color:#ffffff;}
.expand_box .con:hover .year{color: #008cd6;}
.expand_box .con:hover .square{background: url(/images/expand_square_h.png) no-repeat;}

/*资质*/
.certifi_box{}
.certifi_box .certifi{width: 32%;margin-right: 2%;border: solid 1px #ededed;height: 338px;overflow: hidden;margin-top: 20px;}
.certifi_box .certifi:nth-child(3n){margin-right: 0;}
.certifi_box .certifi .img{height: 280px;text-align: center;overflow: hidden;}
.certifi_box .certifi .img img{/*max-width: 60%;height: auto;*/padding-top: 30px;max-width: 100%;height: 90%;}
.certifi_box .certifi .font{height: 58px;line-height: 58px;font-size: 14px;color: #333;text-align: center;}
.certifi_box .certifi:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.certifi_box .certifi:hover .font{color: #008cd6;}

/*客户名录*/
.client_box{}
.client_box .client{width: 220px;/*height: 131px;*/overflow: hidden;margin-right: 8px;margin-bottom: 1px;height: 165px;}
.client_box .client:nth-child(6n){margin-right: 0;}
.client_box .client img{width: 100%;max-height: 130px;border: solid 1px #eaeaea;/*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/}
.client_box .client:hover img{border: solid 5px #eaeaea;/*-webkit-filter: grayscale(0);filter: grayscale(0);*/}
.client_box .client .font{height: 34px;line-height: 34px;text-align: center;padding: 0 5px;font-size: 14px;color: #666;}

#index .client_box .client{/*height: 164px;*//*width: 280px;*//* height: 200px;width: 270px; */ width: 177px;height: 166px;}
#index .client_box .client img{max-height: 164px;}
#index .client_box .client .font{font-size: 14px;color: #666;text-align: center;padding: 0 5px;height: 36px;line-height: 36px;}

/*首页部分*/
#index{}
#index .title_big{padding-top: 40px;padding-bottom: 30px;}
#index .title_big .title_cn{font-size: 30px;color: #0067bf;text-align: center;}
#index .title_big .title_border{width: 36px;height: 2px;background: #90c42e;margin: 0 auto;margin-top: 10px;}
#index .title_big .title_en{font-size: 12px;color: #666;text-align: center;margin-top: 12px;text-transform: uppercase;}

#index .wrap1{min-height: 1038px;background: url(/images/img20.jpg)no-repeat bottom center;}
#index #products #nav,#index #products #content{background: #fff;}
#index .main_big{margin-bottom: 0;}
#index #products #nav .list .big .more_big{padding: 0;border: none;}
#index #nav .list .big .more_big .alls:last-child{margin-bottom: 20px;}
#index #products #nav .list .big .tit{background: #e6e6e6 url(/images/p6.png)no-repeat 15px;font-weight: bolder;color: #333;}
#index #products #nav .list .big .more_big .alls .pro_alls{display: block;}
#index #products #nav .list .big .more_big .alls .navs{display: none;}
#index #products #nav .list .big .more_big .alls .pro_alls .pros{background: url(/images/p7.png)no-repeat left;}
#index #products #nav .list .big .more_big .alls .pro_alls .pros:hover{background: url(/images/p7_h.png)no-repeat left;}
#index #products #content .more{font-size: 13px;color: #0067bf;display: block;}
#index #products #nav .list .big .tit:hover{background: #0067bf url(/images/p5.png)no-repeat 15px;color: #fff;}
#index #products #content .content{border-bottom: solid 2px #ededed;}

#index .wrap2{padding-bottom: 50px;}
#index .wrap2 .con .left{width: 250px;overflow: hidden;height: 500px;}
#index .wrap2 .con .right{width: 950px;overflow: hidden;height: 500px;background: #f4f4f4;}
#index .wrap2 .con .left .solution_name{height: 50px;line-height: 50px;overflow: hidden;border-top: solid 1px #f4f4f4;border-left: solid 5px #f4f4f4;font-size: 13px;color: #333;padding: 0 20px;cursor: pointer;display: block;}
#index .wrap2 .con .left .solution_name:last-child{border-bottom: solid 1px #f4f4f4;}
#index .wrap2 .con .left .solution_name.on{color: #0067bf;font-weight: bolder;border-left: solid 5px #0067bf;}
#index .wrap2 .con .right .solution_dec{padding: 28px;display: none;}
#index .wrap2 .con .right .solution_dec:first-child{display: block;}
#index .wrap2 .con .right .solution_dec .img{width: 440px;overflow: hidden;}
#index .wrap2 .con .right .solution_dec .img img{max-width: 100%;height: auto;}
#index .wrap2 .con .right .solution_dec .img:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#index .wrap2 .con .right .solution_dec .dec{width: 420px;overflow: hidden;}
#index .wrap2 .con .right .solution_dec .dec .tit{display: block;font-size: 20px;color: #333;font-weight: bolder;margin-top: 25px;}
#index .wrap2 .con .right .solution_dec .dec .tit:hover{color: #0067bf;}
#index .wrap2 .con .right .solution_dec .dec .brief{font-size: 13px;color: #666;margin-top: 25px;height: 280px;overflow: hidden;line-height: 25px;}
#index .wrap2 .con .right .solution_dec .dec .btns{margin-top: 20px;}
#index .wrap2 .con .right .solution_dec .dec .btns .btnss{width: 140px;height: 40px;line-height: 40px;font-size: 13px;text-align: center;text-indent: 20px;display: inline-block;border-radius: 40px;}
#index .wrap2 .con .right .solution_dec .dec .btns .btnss.btn1{border: solid 1px #ccc;background: #fff url(/images/arrow.png)no-repeat 25px;color: #0067bf;}
#index .wrap2 .con .right .solution_dec .dec .btns .btnss.btn2{border: solid 1px #0067bf;background: #0067bf url(/images/img11.png)no-repeat 25px;color: #fff;margin-left: 10px;}
#index .wrap2 .con .right .solution_dec .dec .btns .btnss.btn1:hover{border:solid 1px #0067bf;}
#index .wrap2 .con .right .solution_dec .dec .btns .btnss.btn2:hover{background: #fff url(/images/img13.png)no-repeat 25px;color: #0067bf;}

#index .wrap3{background: url(/images/img21.jpg)no-repeat bottom center;min-height: 520px;}
#index .wrap3 .con{text-align: center;margin-top: 60px;}
#index .wrap3 .con .big{width: 170px;display: inline-block;margin-right: 80px;height: 220px;overflow: hidden;}
#index .wrap3 .con .big:nth-child(5n){margin-right: 0;}
#index .wrap3 .con .big .img img{max-width: 100%;height: auto;}
#index .wrap3 .con .big .font{font-size: 20px;color: #333;margin-top: 40px;}

#index .wrap4 .con .list{position:relative;margin:47px 0 40px;height:390px;background: #0067bf;}
#index .wrap4 .con .list .title_list{float:right;width:350px;height:100%;background: #fff;}
#index .wrap4 .con .list .title_list .title_item{display:block;height:71px;margin:0 0 9px;text-align:right;color:#333;background:#f3f3f3;overflow:hidden;cursor:pointer;}
#index .wrap4 .con .list .title_list .title_item.on{color:#fff;background:#0067bf;}
#index .wrap4 .con .list .title_list .line_holder{display:inline-block;width: 100%;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_description ul{padding:0;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_description ul li{margin: 20px 0;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content.on{display:block;}
/*#index .wrap4 .con .list .photo_list{position:absolute;bottom: -20px;right: 160px;width: 435px;height: 435px;z-index: 1;overflow:hidden;border-radius:100%;border:25px solid #fff;background:#fff;}*/
#index .wrap4 .con .list .photo_list{position:absolute;bottom: -15px;right: 160px;width: 410px;height: 410px;z-index: 1;overflow:hidden;border-radius:100%;border:10px solid #fff;background:#fff;}
#index .wrap4 .con .list .intro_list{margin: 0 495px 0 0;height:100%;color:#fff;background:#0067bf;}
#index .wrap4 .con .list .intro_list .intro_item{display:none;position: relative;height: 390px;}
#index .wrap4 .con .list .intro_list .intro_item.on{display: block;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content {padding-left: 60px;width: 560px;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_num{display:block;padding-top: 30px;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_title{display:block;font-size:24px;color:#fff;margin-top: 20px;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .borders{width: 24px;height: 2px;background: #90c42e;margin-top: 15px;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_description{font-size: 13px;color: #fff;margin-top: 15px;height: 100px;line-height: 25px;overflow: hidden;}
#index .wrap4 .con .list .intro_list .intro_item .btnss{border: solid 1px #0067bf;background: #fff url(/images/img13.png)no-repeat 25px;color: #0067bf;margin-top: 30px;width: 140px;height: 40px;line-height: 40px;font-size: 13px;text-align: center;text-indent: 20px;display: block;border-radius: 40px;}
#index .wrap4 .con .list .title_list .title_item .title_num{margin:8px 19px 0 108px;font-size: 20px;font-weight: bolder;}
#index .wrap4 .con .list .title_list .title_item .title_num .title_symbol{color: #fff;display: none;font-size: 14px;margin-right: 20px;}
#index .wrap4 .con .list .title_list .title_item.on .title_num .title_symbol{display: inline-block;}
#index .wrap4 .con .list .title_list .title_item .title_text{margin:0 18px 5px 100px;font-size: 15px;}
#index .wrap4 .con .list .photo_list .photo_item {position:absolute;top:0;left:0;width: 100%;height: 100%;display: none;}
#index .wrap4 .con .list .photo_list .photo_item.on{display: block;}
#index .wrap4 .con .list .photo_list .photo_item img{max-width: 100%;height: auto;}
#index .wrap4 .con .list .intro_list .intro_item .intro_content .intro_num{display:block;color:#90c42e;font-size: 46px;font-style:italic;}

#index .wrap5{background: url(/images/img22.jpg)no-repeat bottom center;min-height: 600px;}
#index .wrap5 .con .big{border: solid 1px #cadff4;border-right: none;background: #fff;width: 165px;overflow: hidden;height: 360px;border-bottom: solid 3px #fff;}
/*#index .wrap5 .con .big:nth-child(4) .two .brief{text-align: left;}*/
#index .wrap5 .con .big.on{width: 374px;border-bottom: solid 3px #90c42e;}
#index .wrap5 .con .big .nums{font-size: 40px;color: #aad852;text-align: center;padding-top: 30px;font-style:italic;}
#index .wrap5 .con .big .one .title1{font-size: 20px;color: #333;text-align: center;width: 20px;overflow: hidden;font-weight: bolder;margin: 0 auto;margin-top: 30px;line-height: 25px;}
#index .wrap5 .con .big .img{margin: 0 auto;text-align: center;margin-top: 30px;}
#index .wrap5 .con .big .one .img img{max-width: 100%;height: auto;}
#index .wrap5 .con .big .two .title2{font-size: 20px;color: #0067bf;text-align: center;font-weight: bolder;margin-top: 20px;}
#index .wrap5 .con .big .two .brief{text-align: center;font-size: 13px;color: #666;margin-top: 20px;height: 80px;line-height: 20px;overflow: hidden;padding: 0 20px;}
#index .wrap5 .con .big .two{display: none;}
#index .wrap5 .con .big.on .one{display: none;}
#index .wrap5 .con .big.on .two{display: block;}

#index .wrap6{padding-bottom: 50px;}
#index .wrap6 .con{width: 1100px;margin: 0 auto;margin-top: 20px;position: relative;}
#index .sw_big .big{display: block;overflow: hidden;}
#index .sw_big .big .img{text-align: center;height: 270px;overflow: hidden;}
#index .sw_big .big .img img{/*max-width: 100%;height: auto;*/max-width: 100%;/*height: 90%;*/max-height:300px;}
#index .sw_big .big .font{font-size: 14px;color: #666;text-align: center;height: 40px;line-height: 40px;}
#index .sw_big .big:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#index .sw_big .big:hover .font{color: #0067bf;}
#index .wrap6 .con .mores{width: 140px;height: 40px;border: solid 1px #ccc;font-size: 14px;color: #0067bf;text-align: center;line-height: 40px;background: url(/images/arrow.png)no-repeat 98px 15px;display: block;border-radius: 40px;margin: 0 auto;margin-top: 30px;text-indent: -20px;}
#index .wrap6 .con .mores:hover{border: solid 1px #0067bf;}
#index .sw_big .swiper-button-prev{width: 16px;height: 28px;background: url(/images/img39.png)no-repeat center;left: -40px;top: 37%;outline: none;}
#index .sw_big .swiper-button-next{width: 16px;height: 28px;background: url(/images/img39.png)no-repeat center;right: -40px;top: 37%;outline: none;}
#index .sw_big .swiper-button-prev:hover{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);}
#index .sw_big .swiper-button-next:hover{transform:rotate(0deg);-ms-transform:rotate(0deg); /* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg);/* Safari 和 Chrome */-o-transform:rotate(0deg);}
#index .sw_big .swiper-button-prev:hover,#index .sw_big .swiper-button-next:hover{background: url(/images/img40.png)no-repeat center;}

#index .wrap7{background: url(/images/img23.jpg)no-repeat bottom center;min-height: 568px;background-size: cover !important;padding-bottom: 80px;}
#index .wrap7 .con{background: #fff;width: 1124px;margin: 0 auto;/*height: 330px;*/overflow:  hidden;height: auto;padding: 10px;}
#index .wrap7 .con .client{display: block;}

#index .wrap8{padding-bottom: 60px;}
#index .wrap8 .navs{text-align: center;margin-top: 50px;}
#index .wrap8 .navs .nav{display: inline-block;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #666666;font-size: 14px;color: #fff;border-radius: 40px;margin-left: 10px;}
#index .wrap8 .navs .nav:first-child{margin-left: 0;}
#index .wrap8 .navs .nav.on{background: #0067bf;}
#index .wrap8 .top .certifi_list{margin-top: 65px;position: relative;min-height: 320px;}
#index .wrap8 .sw_big .big .img{height: 300px;}
#index .wrap8 .top .backs{width: auto;height: 110px;}
#index .wrap8 .top .backs img{max-width: 100%;height: auto;}
#index .wrap8 .top .certifi_list .certifi_big{position: relative;width: 1100px;margin: 0 auto;opacity: 1;position: absolute;left: 0;right: 0;top: 0;text-align: center;}
#index .wrap8 .top .certifi_list .certifi_big.on{opacity: 0;}
#index .wrap8 .sw_big .swiper-button-prev,#index .wrap8 .sw_big .swiper-button-next{top: 47%;}
#index .wrap8 .title_big{padding-top: 0;padding-bottom: 0;}

#index .wrap8 .bot .titles{font-size: 24px;color: #0067bf;border-left: solid 4px #0067bf;padding-left: 7px;border-left: none;}
#index .wrap8 .bot .titles .mores{display: block;font-size: 13px;color: #666;}
#index .wrap8 .bot .titles .mores:hover{color: #0067bf;}
#index .wrap8 .bot .left{width: 840px;border: solid 1px #ccc;height: 380px;overflow: hidden;padding: 15px 25px;}
#index .wrap8 .bot .right{width: 320px;border: solid 1px #ccc;height: 380px;overflow: hidden;padding: 15px 25px;}
#index .wrap8 .bot .left .con{margin-top: 40px;}
#index .wrap8 .bot .left .con .leftss{width: 304px;overflow: hidden;}
#index .wrap8 .bot .left .con .rightss{width: 460px;}
#index .wrap8 .bot .left .con .leftss img{max-width: 100%;height: auto;}
#index .wrap8 .bot .left .con .leftss a img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
#index .wrap8 .bot .left .con .rightss .t{font-size: 20px;color: #e10000;text-align: center;display: block;}
#index .wrap8 .bot .left .con .rightss .contents{font-size: 13px;color: #666;margin-top: 30px;line-height: 26px;height: 158px;overflow: hidden;}
#index .wrap8 .bot .left .con .rightss .more{color:#333;font-size:14px;margin-top:10px;float:right;}
#index .wrap8 .bot .left .con .rightss .more:hover{color:#0067bf;}
#index .wrap8 .bot .right .list{margin-top: 15px;}
#index .wrap8 .bot .right .list .info{display: block;height: 50px;line-height: 50px;overflow: hidden;border-bottom: solid 1px #eee;font-size: 14px;color: #666;}
/*#index .wrap8 .bot .right .list .info:first-child{border-top: solid 1px #eee;}*/
#index .wrap8 .bot .right .list .info:last-child{border-bottom: none;}
#index .wrap8 .bot .right .list .info:hover{color: #0067bf;}
#index .wrap8 .bot .right .list .info .s1{display: block;width: 1000px;}
#index .wrap8 .bot .right .list .info .s2{display: block;width: 80px;text-align: right;}
#index .wrap8 .bot .right{float: none;width: auto;margin-top: 30px;height: auto;}
#index .wrap8 .bot .left{float: none;width: auto;margin: 0 auto;}
#index .wrap8 .bot .left .con .rightss{width: 730px;}
#index .wrap8 .bot .navs{margin-top: 20px;margin-bottom: 40px;}
#index .wrap8 .bot .right .list .big{display: block;}
#index .wrap8 .bot .right .list .big.on{display: none;}


/*悬浮样式*/
#susnav{ width:50px; border-radius:5px 0 0 5px; position:fixed; right:0; top:400px; z-index:999;}
#susnav a{ width:50px; height:50px; position:relative;}
#susnav a.n0 .it{width:180px;height:50px; line-height:50px; text-indent:50px; color:#fff; border-radius:5px 0 0 0; background:#d12c26 url(/images/img72.jpg) no-repeat left center; position:absolute; left:0; top:0; z-index:1;}
#susnav a.n1 .it{ width:180px;height:50px; line-height:50px; text-indent:50px; color:#fff; background:#ffbe33 url(/images/img73.jpg) no-repeat left center; position:absolute; left:0; top:0; z-index:1;}
#susnav a.n2 .it{width:180px;height:50px; line-height:50px; text-indent:50px; color:#fff; background:#68a5e1 url(/images/img74.jpg) no-repeat left center; position:absolute; left:0; top:0; z-index:1;}
#susnav a.n3{ background:#42ae3c url(/images/img75.jpg) no-repeat center;}
#susnav a.n3 .img{ display:none; position:absolute; left:-160px; top:-50px; z-index:1; padding:5px 7px 5px 5px;overflow: visible !important;}
#susnav a.n3 .img img{ width:140px; height:140px; background:#fff; padding:5px;}
#susnav a.n4{ border-radius:0 0 0 5px; background:#555555 url(/images/img76.jpg) no-repeat center;}
.dis{ display:inline-block; *display:inline; zoom:1;}