/*头部*/
.top header{ position:relative;}
.top header dl{ color:#045aa8; line-height:30px; z-index: 1;}
.top header dt{ float:left; font-size:24px; margin-left:35px; color: #000;}
.top header dt span{ background: url(/uploads/image/cimages/top_tel.png) no-repeat left; display: block; padding-left: 28px; line-height: 40px; text-align: left; font-size: 18px;}
.top header dt a{ color:#045aa8; display:inline-block;}
.top header dt i{ margin:0 10px; font-style:normal;}
.top header dt:nth-child(2){ overflow:hidden; border:1px solid #e5e5e5; position:relative;  width:200px;}
.top header dt input{ border:none;}
.top header dt .text{padding-left:15px; padding-right:55px; width:100%; height:35px; line-height:35px; color:#999;}
.top header dt .btn{ width:52px; height:100%; position:absolute; right:0; top:0; background:url(/uploads/image/cimages/ss_ico.png) no-repeat center center #fff; cursor:pointer; padding:0;}
.top .logo{ padding-right:40%; position:relative;}
/*.top .logo a{ position: relative;}*/
.top .top_ad{ position: absolute; left: 255px; top: 5px; height: 50px; line-height: 30px; font-size: 18px; color: #5d82a3; border-left: solid 1px #5d82a3; padding-left: 20px;}
/*.top .logo img{ display:block;}*/
.top nav{ background-color:#045aa8;}
.top nav li a{ display:block; color:#fff; font-size:16px;}
.top nav li{ position:relative;}
.top nav li .dl{ position:absolute; width:100%; background:#045aa8; z-index:300; display:none;}
.top nav li .dl dd dd{ border-top:1px dashed rgba(255,255,255,0.2);}
.top nav li .dl a{ font-size:14px; line-height:35px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px;}
.top nav li:last-child{ border-right: none;}
@media(min-width:1001px){
 .top header dl{ position:absolute; right:0; top:43%; margin-top:-15px; }
 .top nav{ display:block !important;}
 .top nav li{ float:left; width:16.6%; line-height:50px; text-align:center; border-right: dashed 1px #537cbc;}
 .top nav li a:hover,
 .top nav li a.aon{ background-color:#537cbc;}
 .mobile_menu{ display:none;}
}
@media(max-width:1000px){
 .top{ position:relative; box-shadow:0 0 3px #ccc;}
 .top nav{  display:none; text-align:center;position:absolute; top:100%; right:0; width:100%;  z-index:100;}
 .top nav li a{ padding:3%;border-bottom: 1px solid #fff;}
 .top nav li:last-child a{ border-bottom:0; box-shadow:none;}
 .top nav li .dl{ display:none !important;}
 .top header dl{ padding-top:10px;}
 .top header dt{ width:50% !important; margin-left:0;}
 .top header dt:nth-child(1){ padding-right:3%; text-align:right;}

 .top .mobile_menu{ position:absolute; width:48px; height:36px; border-radius:5px;  background-color:#045aa8; top:50%; right:0; margin-top:-13px;}
 .top .mobile_menu i,
 .top .mobile_menu i::before,
 .top .mobile_menu i::after{ position:absolute; height:2px; border-radius:4px; background-color:#fff;
  width:100%;  }
 .top .mobile_menu i{ width:70%; left:15%; top:50%; margin-top:-2px;transition:background 0.3s;}
 .top .mobile_menu i::before,
 .top .mobile_menu i::after{ content:''; left:0;transition:transform 0.3s;}
 .top .mobile_menu i::before{top:-8px}
 .top .mobile_menu i::after{top:8px;}
 .top .mobile_menu#phone i{ background-color:transparent; border-bottom:0; box-shadow:none;}
 .top .mobile_menu#phone i::before{ top:0; transform:rotate(45deg);}
 .top .mobile_menu#phone i::after{ top:0; transform:rotate(-45deg);}
}

/*floor002048 */


/*banner*/
.home_ban a{ z-index: 999}
.home_ban .list{margin:0 auto;position:relative;overflow:hidden;z-index:1;height:360px;}
.home_ban .list ul{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transform:translate3d(0,0,0);}
.home_ban .list  li{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.home_ban .list li figure{ position:absolute; padding:2%; color:#fff; width:60%; left:8.5%; top:18%; max-width:500px;
 transform:translatey(-100%); opacity:0; transition:all ease-in-out 1s 0.5s;}
.home_ban .list li h1{ font-size:22px; margin:0; transform:translatex(-100px);opacity:0;transition:all ease-in-out 1.5s 1s;font-weight: normal;}
.home_ban .list li h3{ font-size:26px; margin:0; transform:translatex(-100px);opacity:0;transition:all ease-in-out 1.5s 1s; color: #005aab;}
.home_ban .list li p{ line-height:26px; opacity:0.9;transform:translatex(100px);opacity:0;transition:all ease-in-out 1.5s 1s; color: #023e75;}
.home_ban .list li.swiper-slide-active figure{ transform:translatey(0); opacity:1;}
.home_ban .list li.swiper-slide-active h1,
.home_ban .list li.swiper-slide-active h3,
.home_ban .list li.swiper-slide-active p{transform:translatex(0);opacity:1;}
.home_ban .swiper-pagination{ text-align:center; position:absolute; z-index:10; width:100%; left:0; bottom:20px; height:15px;}
.home_ban .swiper-pagination span{ display:inline-block;border-radius:50%; width:15px; height:15px; border:1px solid #fff; overflow:hidden; line-height:100px;margin:0 5px; cursor:pointer;}
.home_ban .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
@media(max-width:640px){
 .top header dl{ display: none;}
 .top .top_ad{ display: none;}
 .home_ban .list li  figure{ width:60%;}
 .home_ban .list li h1{ font-size:16px;}
 .home_ban .list li h3{ font-size:18px;}
 .home_ban .list li p{ line-height:20px; font-size:12px;}
 .home_ban .list{height:300px;}
}
@media(max-width:480px){
 .home_ban .list li h1{ font-size:14px;}
 .home_ban .list li h1{ font-size:14px;}
 .home_ban .list li p{ display:none;}
 .home_ban .list{height:200px;}
}
@media(max-width:320px){
 .home_ban .list li  figure{ display:none;}
}
/*banner*/



/*产品展厅*/
/*.ass_a{ min-height: 380px;}*/
.home_products .last_ul{ position: relative;}
.home_products .ul_1{ position: absolute; right: 0; bottom: 25px; }
.home_products .ul_1 li{ float: left;margin-left: 45px; height: 45px; line-height: 45px;}
.home_products .ul_1 li.current a{ border-bottom: solid 2px #0159aa; color: #0159aa; padding-bottom: 15px;}
.ass_a .ass_none{ display: none;}


.home_products .title{ padding:20px 0; line-height:31px; color:#999;}
.home_products .title a{ float:right; background: no-repeat right center; padding-right:20px;}
.home_products .title span{font-size:24px; color:#222; margin-right:10px;}
.home_products .title span em{font-size:14px; color:#999; margin-right:10px;text-transform:capitalize; font-style: normal;}

.home_products .item{overflow:hidden; text-align: center;}
.home_products .item p{ padding: 0; margin: 0; line-height: 50px;}
.home_products .item a:hover{ border: solid 2px #005aab;}
.home_products .item a:hover p{ background: #005aab; color: #fff;}
.home_products .item a{ display:block; position:relative;border:1px solid #e5e5e5;}
.home_products .item .ispic{ display:block; padding-bottom:100%;position:relative; background-size:contain;}
.home_products .item .ispic img{ display:none;}
.home_products .ad{ margin-top:15px;}
.home_products .ad img{ display:block; width:100%;}
.home_products .owl-dots{ display:none!important;}
@media(max-width:1100px){
 /*.home_products .owl-carousel{ padding:0 30px;}*/
 .home_products .owl-nav{ display: none;}
 .home_products .owl-nav .owl-prev{margin-left:0;}
 .home_products .owl-nav .owl-next{margin-right:0;}
}
@media(max-width:640px){
 .home_products .title span{ display:block; font-size: 16px;}
}
@media(max-width:640px) and (min-width:376px){
 .home_products .item dt,
 .home_products .item dd{ float:none; text-align:right;}
}


.owl-carousel,
.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,
/*.owl-carousel .owl-nav.disabled{display:none}*/
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
/*.owl-carousel .owl-nav{ position: relative;}*/
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
 user-select:none; line-height:100px;height: 22px; width: 22px; overflow: hidden}
.owl-carousel .owl-nav .owl-prev{background: url(/uploads/image/cimages/prev_ico.png) no-repeat center; position:absolute; left: -4%; top: 50%;}
.owl-carousel .owl-nav .owl-next{background: url(/uploads/image/cimages/next_ico.png) no-repeat center; position:absolute; right: -4%; top: 50%;}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeout{animation-name:fadeout}
@keyframes fadeout{
 0%{opacity:1}
 100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background: no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,
                                                                                               .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

@media(max-width:1000px){
 .home_products h1{ font-size:18px;}
 .home_products .last_ul{ position: inherit; margin-bottom: 15px;}
 .home_products .ul_1{ position: inherit; right: 0; bottom: 25px; }
 .home_products .ul_1 li{ float: left; margin-left: 0; margin-right: 20px;}

 .owl-carousel .owl-nav .owl-prev{background: url(/uploads/image/cimages/prev_ico.png) no-repeat center; position:absolute; left: 0; top: 50%;}
 .owl-carousel .owl-nav .owl-next{background: url(/uploads/image/cimages/next_ico.png) no-repeat center; position:absolute; right: 0; top: 50%;}

}

/*首页关于我们*/
.home_about{padding-top:1%; background: #f7f7f7;}
.home_about .txt{ float:left;width:48%;}
.home_about .txt figure{ padding-bottom:3%; position:relative;}
.home_about .txt figure span em{ font-style: normal; font-size: 16px; color: #999;}
.home_about .txt figure span{ font-size: 24px; color: #222;}
/*.home_about .txt figure::before{ position:absolute; content:''; width:50px; height:2px; background-color:#2078da; left:0; bottom:-2px;}*/
.home_about .txt figure h1{ font-size:24px; font-weight:normal; margin:0; color:#555;}
.home_about .txt figure span{  text-transform:capitalize;}
.home_about .txt .info{ padding:3% 0; line-height: 30px;}
.home_about .all_more{ border:1px solid #e0e0e0; font-weight:bold; font-size:0.8em; display:inline-block;
 line-height:2.85em; padding-left:2.5em; padding-right:2.5em; border-radius:30px; transition:all ease 0.5s; margin-bottom: 20px;}
.home_about .all_more:hover{ padding-right:3.5em; color:#fff; transition:all ease 0.5s;background:#005aab url(/uploads/image/cimages/jt_ico.png) no-repeat 90% center;}
.home_about .pic{ float:right; width:48%;}
.home_about .pic img{ width:100%;}
@media(max-width:768px){
 .home_about .txt,
 .home_about .pic{ float:none; width:auto;}
 .home_about .txt figure{ padding-bottom: 0;}
 .home_about .txt figure span{ font-size: 16px;}
}
@media(max-width:480px){
 .home_about .txt figure h1{ font-size:20px;}
}

/*首页新闻*/
.home_new{padding-top:1%;padding-bottom:1%; background: #fff;}
.home_new ul li{ float: left; width: 30%; margin-right: 5%;}
.home_new ul li.end{ margin-right: 0;}
.home_new ul li dl dt{ font-size: 24px; color: #222; margin-bottom: 20px;}
.home_new ul li dl dt em{ font-style: normal; font-size: 14px; color: #999}
.home_new ul li dl dd a{ background: url(/uploads/image/cimages/dian_ico.png) no-repeat left; padding-left: 15px; color: #666;overflow: hidden;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 white-space: nowrap;
 display: block; width: 60%; float: left;}
.home_new ul li dl dd:after{ content: ""; height:0; line-height:0; display:block; visibility:hidden;clear:both }

.home_new ul li dl dd{ height: 45px; line-height: 45px; border-bottom: solid 1px #dadada;}
.home_new ul li dl dd span{ float: right; color: #999;}

@media(max-width:768px){
 .home_new ul li{ float: none; width: 100%; margin-right:0; margin-bottom: 30px;}
}



.home_case{ /*padding-bottom:4%; position: relative;*/ background: #f7f7f7;}
.home_case h1{ margin:0; padding:20px 0; font-size:24px; font-weight:normal;line-height:32px;}
.home_case h1 span{ font-size:12px;color:#8a8fa0; margin-left:10px; text-transform:uppercase;}
.home_case h1 a{ font-size: 14px; float: right; color: #999}

.home_case .auto{ position:relative;}
.home_case .list li{ position:relative; text-align:center;}
.home_case .list li a{ position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #dfe2ef;}
.home_case .list li p{ margin:0; border-top:1px solid #dfe2ef; font-size:14px; color:#000; text-transform:uppercase; line-height: 45px;}
/*.home_case .list li i{ color:#8a8fa0; display:block; padding-bottom:5%;font-style:normal;}*/
.home_case .list .bx-viewport .bx-controls{ display: none;}
.home_case .list li a:hover{ border-width:3px; border-color:#0059a8;}
.home_case .list li:hover p{ background: #0059a8; color: #fff;}
.home_case .list li figure span{ display:block; padding-bottom:60%;}
.home_case .list li figure img{ display:none;}

.home_case .list .bx-controls-direction a{ float:left; width:22px; height:22px; overflow:hidden; line-height:100px;}
.home_case .list .bx-controls-direction a.bx-prev{ background: url(/uploads/image/cimages/prev_ico.png) no-repeat center; position:absolute; left: -50px; top: 50%;}
.home_case .list .bx-controls-direction a.bx-next{ background: url(/uploads/image/cimages/next_ico.png) no-repeat center; position:absolute; right: -50px; top: 50%;}
.home_case .list .bx-controls-direction a.bx-prev:hover{background: url(/uploads/image/cimages/prev_ico1.png) no-repeat center; }
.home_case .list .bx-controls-direction a.bx-next:hover{background: url(/uploads/image/cimages/next_ico1.png) no-repeat center; }
@media(max-width:1200px){
 .home_case .list .bx-controls-direction{ right:2%;}
}
@media(max-width:640px){
 .home_case h1{ font-size:18px;}
 .home_case .list .bx-controls-direction{ display: none;}
 /*.home_case .list .bx-controls-direction a.bx-prev{ background: url(/uploads/image/cimages/prev_ico1.png) no-repeat center; position:absolute; left: 8%; top: 50%;}*/
 /*.home_case .list .bx-controls-direction a.bx-next{ background: url(/uploads/image/cimages/next_ico1.png) no-repeat center; position:absolute; right: 8%; top: 50%;}*/
 /*.home_case .list .bx-controls-direction a.bx-prev:hover{background: #005aab url(/uploads/image/cimages/prev_ico2.png) no-repeat center; }*/
 /*.home_case .list .bx-controls-direction a.bx-next:hover{background: #005aab url(/uploads/image/cimages/next_ico2.png) no-repeat center; }*/
}
@media(max-width:480px){
 .home_case h1 span{ display:none;}
}



/*合作伙伴*/
.home_coop{padding-bottom: 2%;}
.home_coop h1{ margin:0; padding:20px 0; font-size:24px; font-weight:normal;line-height:32px;}
.home_coop h1 span{ font-size:12px;color:#8a8fa0; margin-left:10px; text-transform:uppercase;}
.home_coop h1 a{ font-size: 14px; float: right; color: #999}
.home_coop .bx-wrapper{position: relative; z-index:1;}
.home_coop .bx-controls-direction a{ position:absolute;width: 30px;height: 100%;top: 0;}
.home_coop .bx-controls-direction a.bx-prev{ left:-50px;}
.home_coop .bx-controls-direction a.bx-next{ right:-50px;}
.home_coop .bx-controls-direction a span{  position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-15px;font-size:30px; color:#666666;}
.home_coop .bx-controls-direction a:hover span{ color:#0159aa;}
.home_coop .list{ position:relative;}
.home_coop .list li a{display: block;width:100%; margin:0 auto; box-sizing:border-box; padding:0 2%;}
.home_coop .list li img{ display:block; width:100%; border: solid 1px #eaeaea;}
.home_coop .list li a:hover{	filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}
.home_coop .list li a:hover img{  }
@media(max-width:640px){
 .home_coop .list li a{max-width:90%;}
 .home_coop h3{font-size: 18px;}
 .home_coop .bx-controls-direction{ display: none;}
}


/*底部*/
.footer{ background: #537cbc; color: #fff;padding-top:1%;padding-bottom: 1%; }
.footer .footer1{ float: left; width: 22%; margin-top: 1.5%}
.footer .footer1 span{ background: url(/uploads/image/cimages/bottom_ico.png) no-repeat left; padding-left: 35px; display: block; padding-bottom: 5px; font-size: 16px;}
.footer .footer1 p{ font-size: 24px; padding-bottom: 0; margin-bottom: 0;}

.footer .footer2{ float: left; width: 57%; border-right: solid 1px #fff; border-left: solid 1px #fff; text-align: center; font-size: 14px; margin-top: 2%;}
.footer .footer2 h3{ font-weight: normal; font-size: 14px; position:relative; max-width: 100%; width: 345px; margin: 0 auto; padding-left: 71px; text-align: left;}
.footer .footer2 h3 span{position: absolute; left: 0;}
.footer .footer2 p{font-size: 22px !important; margin:8px 0;}
.footer .footer2 h3 a{ color: #fff; padding: 0 4px; display:inline-block;}
.footer .footer2 h4{ font-weight: normal; font-size: 14px; position:relative; max-width: 100%; margin: 10px auto 0;}
.footer #foot-span{position: relative; left: 34px;}
.footer .footer2 h4 a{ color:#fff;}
.footer .footer2 h4 span{background: url(/uploads/image/cimages/beian.png)no-repeat left center;padding:1px 0;padding-left: 25px;margin-left: 10px;}
.footer .footer3{ width:15%; float: right; text-align: center; margin-top:1.5%;}
.footer .footer3 img{ width: 90px; height: 90px; position: relative;}
.footer .footer3 p{ font-size: 14px; margin-bottom: 0; padding-bottom: 0;}

@media(max-width:768px){
 .footer .footer1,
 .footer .footer2,
 .footer .footer3{ width: 100%;}
 .footer .footer2{ border: none;}
 .footer .footer1{ text-align: center;}
 .footer .footer1 span{ background: none; padding-left: 0;}

 .footer .footer2 h4 a{display: block;margin-bottom: 10px;}
}

/*内页banner*/
.banner{ position:relative; z-index:1; overflow: hidden;}
.banner div{ height:340px; background-position:center top; background-repeat:no-repeat;}
.banner img{ display:none;}
.banner aside{ position:absolute; left:50%; top:45%; line-height:30px;height:30px; width:100%; font-size:33px; padding:0 2%;
 max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.banner aside span{ display: block; color: #fff; font-weight: normal; font-size: 16px; text-transform: uppercase; }
@media(max-width:1000px){
 .banner div{ display:none;}
 .banner img{ display:block; width:100%;}
}
@media(max-width:640px){
 .banner aside{ font-size:24px;}
 .banner aside span{ font-size:14px;}
}

.container{ padding-top:30px;}
/*关于我们*/
.about_nr{ padding-top: 30px;}
.menu_box{ /*margin-top:2%;*/}
.menu_box header{ background: url(/uploads/image/cimages/ab_bg.jpg) no-repeat right top #0159aa; background-size:auto 100%; color:#fff; font-size:18px; padding:22px 0 22px 30px;}
.menu_box header b{ font-size:24px; display:block;}
.menu_box nav{ border: solid 1px #ececec;}
.menu_box nav li{ border-bottom:1px solid #ececec; line-height:55px; font-size: 16px;}
.menu_box nav li.aon > a{color:#0159aa;}
.menu_box nav li.aon > a::before{ content: url(/uploads/image/cimages/ico_aon.png);}
.menu_box nav .two{ display:none;}
.menu_box nav .aon .two{ display:block;}
.menu_box nav .two a{ display:block; line-height:35px; font-size:12px;}
.menu_box nav .two a::before{ display:none;}
.menu_box nav .two a:hover,
.menu_box nav div.aon a{ background:#045aa8 !important; color:#fff;}

.menu_box nav li:last-child{ border-bottom: none;}
.menu_box nav li a{  display:block;  padding-left:30px; padding-right:40px;position:relative;overflow: hidden;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 white-space: nowrap; }
.menu_box nav li a::before{ position:absolute; content: url(/uploads/image/cimages/ico_ain.png); width:15px; height:15px; right:30px;}
.menu_box nav li:hover > a,
.menu_box nav li > a.aon{ color:#0159aa;}
.menu_box nav li:hover a::before,
.menu_box nav li a.aon::before{ content: url(/uploads/image/cimages/ico_aon.png);}
.menu_box dl{border:1px solid #ececec; background: url(/uploads/image/cimages/dh_bg.png);
 background-position: left top; background-repeat:no-repeat; height: 200px; margin-top: 20px; font-size: 16px;}
.menu_box dl dd b{ color:#0159aa; font-size:28px; display:block; }
.menu_box dl dd{ padding: 5%;}
.menu_box .phone_nav{ display:none;}
@media(max-width:768px){
 .menu_box header{ position:relative; font-size:16px; padding:2% 0 2% 30px;}
 .menu_box .phone_nav{  cursor:pointer;display:block; position:absolute;width:28px; height:28px; top:50%; right:20px; margin-top:-14px; border-radius:50%; background-color:rgba(255,255,255,0.2);}
 .menu_box .phone_nav::before{ position:absolute; content:''; top:50%; width:0; height:0; border-top:6px solid #fff;border-left:6px solid transparent; border-right:6px solid transparent; left:50%; margin-left:-6px; margin-top:-3px;}
 .menu_box .open::before{ border-top:0; border-bottom:6px solid #fff; }
 .menu_box header b{ font-size:20px;}
 .menu_box dl{ display:none;}
 .menu_box nav{ padding:0; display:none;}
}

.about_nr .fr{ min-height: 650px; margin-bottom: 30px;}
.about_nr .fr h3{ font-size: 18px; color: #005aab;}
.about_nr .fr p{ line-height: 28px;}
.about_nr .fr h2{ font-size: 18px; color: #005aab; border-bottom: solid 1px #ececec;}
.about_nr .fr h2 span{ border-bottom: solid 1px #005aab;}
.about_nr .fr ul li div{ margin-left: 50px;}
.about_nr .fr ul li p{ margin: 0; padding: 0; position: relative; padding-left: 30px;}
.about_nr .fr ul li p:before{ content: url(/uploads/image/cimages/d_ico.jpg); height: 3px; width: 3px; margin-right: 20px; padding-top: 5px; position: absolute; left: 0; top: -9px;}

@media(max-width:768px){
 .about_nr .fr h3{ font-size: 16px;}
 .about_nr .fr h2{ font-size: 16px;}
}


/*分页*/
.page .pages{ text-align:center; padding:3% 0;}
.page .pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;}
.page .pages a:hover,
.page .pages a.a_cur{ background-color:#0079c3; color:#fff;}
.page .pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.page .pages em a{ float:left; margin-left:-1px;}
.page .pages .p_cur,
.page .pages .p_count,
.page .pages .p_jump,
.page .pages .p_total{ display:none;}
.page .pages .a_prev,
.page .pages .a_next{ padding:0; width:44px; background:url(/uploads/image/cimages/a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.page .pages .a_next{ background-image:url(/uploads/image/cimages/a_next.gif);}
@media(max-width:640px){
 .page .pages .a_first,
 .page .pages .a_end{ display:none;}
 .page .pages .num{ display: none;}
}
@media(max-width:480px){
 .page .pages a{padding:0 5px; }
}




/*产品展示*/
.menu2{ background: #f7f7f7;}
.top_menu{ padding:2% 0;}
.menu2 .auto_1200{ position: relative;}
.top_menu li{ float:left; margin-right:2px;}
.top_menu li a{ display:block;line-height:35px; height:35px; padding:0 26px;font-size:16px;}
.top_menu li a:hover,
.top_menu li.aon a{ color:#fff; background:#0059ab; border-radius:40px;}

.submenu{ padding:2% 0 0;}
.submenu li{ display:inline; padding:0 15px 0 0;}
.submenu li.on a,.submenu li a:hover{ color:#0059ab;}

.location { line-height:35px; padding-top: 2%; position: absolute; right: 0; bottom: 30%; /*padding:1% 0; text-align:right;*/}
.location em{ font-style: normal; font-size:14px; color:#666; }
.location em a {  color: #666; }
.location em a:hover{ text-decoration:underline;}
.location em span{ color:#0059ab;}

@media(max-width:768px){
 .top_menu li{ margin-bottom:2px;}
 .location{ display: none;}
}
@media(max-width:640px){
 .top_menu li{ margin:0 0 2px 0; width:25%; text-align:center;}
 .top_menu li a{ padding:0;}
}
@media(max-width:480px){
 .top_menu li{ width:33.3333333%;}
 .top_menu li a{ font-size:14px; overflow:hidden;}
}

.product{}


.product{padding:2% 0;}

.product .list{ overflow:hidden; text-indent:1%;}
.product .list ul{ margin: 0 -1%;}
.product .list li{width: 23%;margin:0 1% 2% 1%;float: left;margin-bottom: 25px; overflow: hidden;border: solid 1px #e7e7e7; text-align: center; text-indent:0;}
/*.product .list li a{ padding: 2%}*/
.product .list li:hover{border: solid 1px #005aab;transition:background 0.3s; display: block}
.product .list li:hover h3{ background: #005aab; color: #fff;}
.product .list li .pic{ width:100%; height:0; padding-bottom:77.33812949640288%; position:relative;}
.product .list li img{ display:block; background: #ebebeb; position:absolute; width:100%; height:100%; left:0; top:0;}
.product .list li h3{ font-size:14px;margin: 0;font-weight: normal; line-height: 50px;}
.product .list li b{float: right;font-weight: normal;}
@media(max-width:768px){
 .product .list li{ width:48%;}
 .product .list li:nth-child(4n){ margin-right:2%;}
 .product .list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
 .product .list li b{ display:none;}
}


/*产品详情*/
.product_info{ padding:2% 0;}
.product_info .list_img{  width:100%; position:relative;}
.product_info .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.product_info .big_img li{ background: #f3f3f3;}
.product_info .big_img li,
.product_info .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;}
.product_info .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;}
.product_info .list{ padding: 40px 0 40px 82%;}
.product_info .list .bd{ position:relative;}
.product_info .list a{ position:absolute; width:17.1%; height:40px; right:0;  cursor:pointer; z-index: 9}
.product_info .list a.prev{ top:0; background:url(/uploads/image/cimages/prev_ico4.png) no-repeat center center/auto 50%;}
.product_info .list a.next{ bottom:0; background:url(/uploads/image/cimages/next_ico4.png) no-repeat center center/auto 50%;}
.product_info .list a.prevstop,
.product_info .list a.nextstop{ cursor:default;}
.product_info .list li{ height:130px;  position:relative;}
.product_info .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;}
.product_info .list li.on figure{ border:2px solid #005aab;}
.product_info .right_info{ float:right; width:39.2%;}
.product_info .right_info h1,
.product_info .right_info h3,
.product_info .right_info p{ margin:0;padding:5% 0;}
.product_info .right_info h1{ padding:7% 0; color:#005aab; font-size:26px; }
.product_info .right_info h3{ font-size:18px; font-weight:normal;}
.product_info .right_info p{line-height:30px; color:#999; margin-bottom:10%;}
.product_info .right_info a{ display:inline-block; border:1px solid #005aab; padding:10px 5%; color:#005aab; transition:0.4s;}
.product_info .right_info a:hover{ background-color:#005aab; color:#fff;}

.product_info .tab{ padding:3% 0;}
.product_info .tab .protip{ font-size:24px; line-height:30px; padding-bottom:2%; color:#005aab;}
.product_info .tab .h1_tab{ margin:0; background: #efefef; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.product_info .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px;}
.product_info .tab .h1_tab span.on{ background-color:#005aab; color:#fff;}
.product_info .tab .info{ padding-top:3%;}
.product_info .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(/uploads/image/cimages/icon_download.png) no-repeat right center; padding:10px 0;}
.product_info .ul_download li a{ padding:0 38px; background:url(/uploads/image/cimages/cp_icon.png) no-repeat left center;}

@media(max-width:768px){
 .product_info .list_img,
 .product_info .right_info{ float:none; width:auto;}
}
@media(max-width:640px){
 .product_info .list li{ height:100px;}
 .product_info .right_info h1{font-size:20px; }
 .product_info .right_info h3{ font-size:16px;}
}
@media(max-width:480px){
 .product_info .list{ padding-top:30px; padding-bottom:30px;}
 .product_info .list a{ height:28px;}
 .product_info .list li{ height:80px;}
 .product_info .tab .h1_tab{ font-size:14px;}
 .product_info .tab .h1_tab span{ padding:0 3%;}
}


/*新闻中心*/
.new_list{ /*padding-top:3%;*/}
.new_list li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; border: solid 1px #ebebeb; overflow: hidden;}
.new_list li .doc{ padding: 5%;}
.new_list li:nth-child(3n){ margin-right:0;}
.new_list li .ispic{ padding-bottom:60%; position:relative; display:block; overflow:hidden;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.new_list li:hover .ispic{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.new_list li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;}
.new_list li:hover h5 a{ color: #0059ab;}
.new_list li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden; color: #999;}
.new_list  ul li span{font-size: 14px;color: #999;}
.new_list  li .more{display: block;background:url(/uploads/image/cimages/more_ico.png) no-repeat right; width: 20%; color: #0059ab;}
@media(max-width:768px){
 .new_list{ padding-top:3%;}
 .new_list li{width:49%;}
 .new_list li h5{line-height:30px;}
 .new_list li:nth-child(3n){ margin-right:2%;}
 .new_list li:nth-child(2n){ margin-right:0;}
 .new_list  ul li span{font-size: 12px;color: #999;}
}
@media(max-width:480px){
 .new_list li{ width:100%;}
 .new_list li h5{ margin-top:2px;}
 .new_list li p{ margin:2px 0 10px 0;}
}

/*联系方式*/
.contact{ margin-top: 20px; padding-bottom: 50px; min-height: 340px;}
.contact ul li{ width: 30%; margin-right: 5%; float: left; color: #000; font-weight: bold; line-height: 45px;}
.contact ul>li:nth-of-type(1){width: 35%; margin-right:2%}
.contact ul>li:nth-of-type(2){margin-right: 1%; margin-left: 12%;}
.contact ul>li:nth-of-type(2){width: 20%;}
.contact ul>li:nth-of-type(3){position: relative; right: -171px;  width:9%}
.contact ul>li:nth-of-type(3) img{}
.contact ul li span{ color: #666; font-weight: normal;}
.contact ul li dl dd img{ width: 100px; height: 100px;}

@media(max-width:768px){
 .contact ul li{ float: none; width: 100%; margin-right: 0;}
 .contact ul li:nth-child(3){  text-align: center;}
}



/*企业文化*/
.piclist{/* padding-top:2%;*/ min-height: 340px;}
.piclist h3{ margin:0; font-size:18px;}
.piclist p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}
.piclist ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.piclist ol .ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.piclist ol .ispic img{ display:none;}
.piclist ol div{ padding:5% 10% 3% 5%;}
.piclist ol h3 a{ color:#005aab;}
.piclist ol time{ display:block; padding:3% 0;}
.piclist ol p{ margin:0 0 3% 0; height:78px;}
.piclist ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#005aab; font-size:12px;}

.piclist li div:hover h3{ color: #005aab;}
.piclist li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;}
.piclist li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(/uploads/image/cimages/next_ico1.png) no-repeat center center; border-left:2px solid #fff;}
.piclist li div{border-left:1px solid #ededed; padding:2% 3%;}
.piclist li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.piclist li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translatey(-50%);-webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); transform:translatey(-50%); color:#b2b2b2; font-size:16px;}
.piclist li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"courier new", courier, monospace; line-height:40px;}
.piclist li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
@media(max-width:1000px){
 .piclist li{padding-left:100px;padding-right:30px;}
 .piclist li:after{width:30px; background-size:35% auto;}
 .piclist li time{width:100px;}
 .piclist li time span{font-size:14px;}
 .piclist li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
 .piclist h3{ font-size:16px;}
}
@media(max-width:640px){
 .piclist ol{ padding-left:0;}
 .piclist ol .ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
 .piclist ol div{ padding:3%;}
}
@media(max-width:480px){
 .piclist li{padding-left:80px;padding-right:0;}
 .piclist li:after{ display:none;}
 .piclist li time{width:80px;}
 .piclist li time span{font-size:12px;}
 .piclist li time i{font-size:30px;}
 .piclist h3{ font-size:14px;}
 .piclist p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
 .piclist ol p{ height:60px;}
}




/*荣誉资质*/
.about_min{ margin-top: 20px;}
.ry_list{ padding:3% 0;}
.ry_list li{ float:left; width:22.5%; margin-right:3%; margin-bottom:3%;}
.ry_list li a{ display:block;}
.ry_list li p{ margin:0;  line-height:46px; padding:0 2%; text-align:center; font-size:16px;}
.ry_list li .table{ display:none;}
.ry_list li figure{padding-bottom:77%; background-size:contain;}
@media(min-width:641px){
 .ry_list li:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
 .ry_list li{ width:48%; margin-right:4%;}
 .ry_list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
 .ry_list li p{ font-size:14px;}
}

/*合作伙伴*/
.partner{ padding:20px 0;}
.partner .list li{ float:left; width:23.5%; margin-right:2%;}
.partner .list li div{border: #e6e6e6 1px solid;padding: 5px;background: #f9f9f9;}
.partner .list li:hover div{border:#045aa8 1px solid; background:#eff9ff;}
.partner .list li div img{ width:100%; display:block;}
.partner .list li.end{ margin-right:0;}
.partner .list li h3{line-height: 48px;height: 48px; overflow:hidden; font-weight:normal;text-align: center;color: #999999; margin:0; font-size:14px; text-align:center;}
.partner .list li a:hover h3{ color:#045aa8; font-weight:bold;}
.partner .list li.clear{ float:none; width:100%; margin-right:0;}


.new_info{ margin-top: 20px; min-height: 340px; padding-bottom: 50px; line-height: 30px;}
.new_info .ti_box{ text-align: center; border-bottom: solid 1px #dadada; padding-bottom: 20px; margin-bottom: 30px;}
.new_info .ti_box p{ font-size: 16px; font-weight: bold;}
.new_info .ti_box span{ color: #999; font-size: 12px;}
.new_info h3{ text-align: center; color: #005aab;}

#map{ width: 100%; height: 500px; margin-top: 30px;}
@media(max-width:640px){
 #map{ width: 100%; height: 340px;}
}

.sslist{ margin-top:1%;}
.sslist .list li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0 10px 15px; position:relative; }
.sslist .list li a{}
.sslist .list li a:hover{ color:#008dd7;}
.sslist .list li:before{left: 0; top: 47%; position: absolute; content: ''; width: 5px;  height: 5px; border-radius: 100px; background-color: #cccccc;}
.sslist .list li time{ float:right; color:#999; font-size:12px; margin-left:10px;}


.suspend{width:40px;height:260px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999; background: #005aab;border-radius:8px 0 0 8px;}
.suspend dl{width:180px;height:230px;margin-left:20px; background: #ffffff; border-radius: 8px;}
.suspend dl dd h3{ text-align: center; font-size: 14px;}
.suspend dl dt{width:40px;height:260px;background:#005aab url(/uploads/image/cimages/qq_bg.jpg) no-repeat center;position:absolute;top:0;left:0;cursor:pointer; border-radius: 8px 0 0 8px ;}
.suspend dl dd img{ width: 70px; height: 20px; margin-left: 5px;}
.suspend dl dd{ text-align: center;  height: 40px; line-height: 40px;}
.suspend dl dd.dd_qq{ border-bottom: solid 1px #dadada; color: #666; font-size: 12px;}
.suspend dl dd.dd_dh{ color: #666; font-size: 12px;}
@media(max-width:640px){
 .suspend{ display: none;}
}










