@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important; color:#222}
a:hover{ color:#f00}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:100;animation:searchTop 0.5s ease-in-out}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}
.header_top.act, .header_main.act{display:none;}


header{position:relative;width:100%;z-index:3;background:#fff;}
.header_top{background:#eee;line-height:33px;}
.h_top{display:flex;justify-content:space-between;}
.h_top .tel{font-size:14px;color:#276ac0;line-height:30px;font-family:"Arial";background:url(../images/tel.png) no-repeat left center;padding-left:25px;background-size:15% 55%;}
.h_top span{font-size:12px;font-family:"SimSun";color:#848484;}
.h_top .h-right{display:flex;}
.h_top .h-right form{width:200px;display:flex;}
.h_top .h-right form .text{width:calc(100% - 44px);height:33px;padding-left:5px;border:1px solid #173e87;}
.h_top .h-right form .submit{width:44px;height:33px;background:url(../images/but.png) no-repeat center center, #173e87;}
.h_top .h-right div{width:105px;height:33px;background:url(../images/dian1.png) no-repeat 12px center, #8a8a8a;padding-left:40px;font-size:14px;color:#fff;}
.h_top .h-right div a{font-size:14px;color:#fff;}
.h_top .h-right div a:hover{color:#173e87;}

.header_main{display:flex;justify-content:space-between;align-items:center;}
.logo{ width:925px; display:flex;}
.logo a{display:flex;}
.logo img{ max-width:100%; display:block;}
.logo:hover .logo3{transform:scale(1.1);}
.header_main .tel{background:url(../images/tel.png) no-repeat left center;padding-left:45px;}
.header_main .tel p{line-height:22px;font-size:15px;color:#6b6b6c;}
.header_main .tel b{display:block;color:#dd332e;font-size:24px;line-height:24px;font-family:"Arial";}

.header_nav{ width:100%;background:#173e87;position:relative;z-index:1 }
.header_nav:before{display:block;content:"";width:50%;height:60px; background:#276ac0;position:absolute;left:0;z-index:3;}
.nav_ul{display: flex;background:#173e87;position:relative;z-index:4;}
/*.nav_ul:before{display:block;content:"";width:145px;height:60px;background:#276ac0;position:absolute;left:0;z-index:5;}*/
/*.nav_ul::after{display:block;content:"";width:calc(100% - 145px);height:75px;background:#173e87;position:absolute;left:0;}*/

.nav_ul li {position:relative;width:12.5%;z-index:6;}
.nav_ul li:first-child{width:12.5%;}
.nav_ul li .nav_a {display:block;font-size:16px;color:#fff;text-align:center;line-height:60px;position:relative;}
.nav_ul li .nav_a:before{display:block;content:"";width:70px;height:0;background:#00d8ff;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);transition:0.5s;}
.nav_ul li:nth-child(1) .nav_a:before{width:45px;}
.nav_ul li:hover .nav_a:before, .nav_ul li .nav_a.active:before {height:3px;}

.nav_ul li .ss{position:absolute;right:0;top:0;background:#276ac0;height:75px;width:1000px;clip-path:polygon(0% 0%, 100% 0%, 97% 100%, 0% 100%);-webkit-clip-path:polygon(0% 0%, 100% 0%, 97% 100%, 0% 100%);-moz-clip-path:polygon(0% 0%, 100% 0%, 97% 100%, 0% 100%)}

.nav_ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(23,62,135,0.5);width:100%;}
.nav_ul .sub_ul li{width:100%;border-bottom:1px solid #173e87;}
.nav_ul .sub_ul li .nav_a2{font-size:12px;line-height:34px;text-align: center;color:#fff;display:block;}
.nav_ul li .nav_a2:hover, .nav_ul li .nav_a2.on {background: #276ac0;color: #fff;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #173e87; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#173e87;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#173e87;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#173e87;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:109px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover{background:#333; color:#fff;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{position:relative;z-index:2;}
.ban_img { padding-top:41%;}
/*.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#fd5573}*/
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.banner .swiper-pagination {
  top: initial;
  bottom: 15px;
  display: flex;
  justify-content: center;
}
.banner .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  float: left;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
}
.banner .banner-roll>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 3px;
}
.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.banner:hover .swiper-pagination {
  opacity: 1;
}

.voide{width:285px;height:160px;border-radius:5px;border:5px solid rgba(255,255,255,0.6);background:url(../images/voide-img.jpg) no-repeat 50% 50%;background-size:cover;box-shadow:0 0 20px #333;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;cursor:pointer;position:absolute;right:0;bottom:20px;z-index:99;}
.voide img{display:block;max-width:100%;}
.voide .txt{width:100%;text-align:center;font-size:18px;color:#fff;margin-top:10px;}

.video-bg {position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.7);z-index: 100;display: none;top: 0;left: 0; }
.video-box {display:none;  top:60%; left: 50%;position: absolute;z-index: 101;transform:translate(-50% , -50%);width: 520px;background:#fff;padding:20px;height:400px;}
.video-box .close-reveal {font-size: 22px;line-height: .5;position: absolute;top: 5px;right: 5px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 

section{height:150px;display:flex;align-items:center;}
section ul{display:flex;justify-content:space-between;align-items:center;width:100%;}
section ul li{display:flex;align-items:center;transition:0.5s;}
section ul li img{display:block;max-width:100%;width:83px;height:auto;margin-right:17px;}
section ul li .txt .t1{ font-size:17px;color:#323232;line-height:28px;}
section ul li .txt .t2{ font-size:14px;color:#989898;line-height:24px;}
section ul li:hover{transform:translateY(-10px);}

.title{text-align:center;}
.title .t1{font-family:"Arial";font-size:64px;color:#eaecf1;line-height:60px;font-weight:bold;text-transform:uppercase;}
.title .t2{font-size:30px;color:#173e87;line-height:38px;font-weight:bold;}
.title .t3{width:58px;height:1px;background:#cfcfcf;margin:24px auto 0 auto;}

.product{background:#f2f3f6;padding:35px 0 125px 0;}
.pro-mian{margin:40px 0 0 0;display:block;}
.pro-left, .pro-right{width:49.5%;}

.product ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.product ul li{width:19%;margin:1% 0.5%;transition: 0.5s;}
.product ul li a{display: block;}
.product ul li a .pic{width:100%;position: relative;overflow: hidden;border:1px solid #e8e8e8;}
.product ul li a .pic:before{content:"";display: block;padding-top:80%;}
.product ul li a .txt{margin-top: 4px;border:1px solid #e8e8e8;text-align: center;line-height: 40px;font-size:16px;color:#333;background-color: #cdcdcd;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product ul li a:hover .img_cover{transform: scale(1.1);}
.product ul li a:hover .txt{background-color: #173e87;color:#fff;}

.brand-tabs{display: flex;flex-wrap:wrap;font-size:14px;line-height: 28px;}
.brand-tabs a{display: block;background-color: #eee;margin:3px;padding:0 8px;color:#666;}
.brand-tabs a:hover, .brand-tabs a.act{background-color: #173e87;color:#fff;}
.brand-tabs span{display: block;width:76px;}
.tabs-link{width:calc(100% - 76px);display: flex;flex-wrap: wrap;}
.product-top{padding:35px 0 0 0;}


/* .product ul li{width:49%;background:#fff;margin-top:1.5%;transition:0.5s;}
.product ul li a{display:block;}
.product ul li .pic{position:relative;overflow:hidden;margin:25px 0;}
.product ul li a .pro-img{padding-top:55%;}
.product ul li a .txt{font-size:16px;color:#333;width:100%;text-align:center; padding-bottom:20px;}
.pro-left ul li:nth-child(1), .pro-right ul li:nth-last-child(1){width:100%;}
.pro-left ul li:nth-child(1) .pro-img, .pro-right ul li:nth-last-child(1) .pro-img{padding-top:54%;}
.pro-left ul li:nth-child(1) .txt, .pro-right ul li:nth-last-child(1) .txt{bottom:25px;} */
.product ul li:hover{box-shadow:0 0 10px #ccc;transform:translateY(-3px);}

.case-main{position:relative;top:-42px;background:#fff;padding:60px 0 0 0;}
.swiper-case{margin:10px 0 0 0;padding:15px 0;}
.swiper-case .swiper-slide{}
.swiper-case a{display:block;position:relative;overflow:hidden;transition:0.5s;}
.swiper-case a .case-img{padding-top:90%;}
.swiper-case a .txt{position:absolute;left:0;bottom:0;width:100%;padding:10px 30px;background:rgba(23,62,135,0.8);text-align:center;display:flex;justify-content:space-between; color:#fff;font-size:16px;}
.prev-case, .next-case{ font-size:48px;font-family:"SimSun";color:#fff;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;font-weight:bold;width:55px;height:97px;transform:translate(0, -50%);}
.prev-case{left:200px;}
.next-case{right:200px;}
.swiper-opacity{position:absolute;left:0;top:0;z-index:10;height:100%;background:rgba(255,255,255,0.6);}
.swiper-opacity2{position:absolute;right:0;top:0;z-index:10;height:100%;background:rgba(255,255,255,0.6);}
.swiper-case a:hover{box-shadow:0 0 15px #333;transform:translateY(-3px);} 
.case .more{display:block;font-size:18px;color:#6f6f6f;width:144px;line-height:46px;text-align:center;border:1px solid #d3d3d3;border-radius:5px;margin:50px auto 0 auto;}
.case .more:hover{background:#173e87;color:#fff;}

.about-box{overflow:hidden;}
.about{background:url(../images/about-bj.jpg) no-repeat 50% 50%;background-size:cover;margin:100px 0 0 0;padding:65px 0 125px 0;position:relative;}
.about-main{display:flex;position:relative;}
.about-left{width:666px;margin-right:70px;}
.about-left .txt-bt{position:relative;text-transform:uppercase;font-weight:bold;}
.about-left .txt-bt .t1{font-size:72px;color:rgba(255,255,255,0.1);font-family:"Arial";line-height:55px;}
.about-left .txt-bt .t2{font-size:72px;color:#7eabe2;font-family:"Arial";position:absolute;left:170px;top:50px;}
.about-left .txt-bt .t3{font-size:30px;color:#fff;margin:5px 0 0 0;line-height:36px;}
.about-left .txt-bt:before{display:block;content:"";width:57px;height:2px;background:#fff;position:absolute;left:0;bottom:-30px;}
.about-left .txt{font-size:16px;color:#fff;line-height:30px;margin:70px 0 18px 0;}
.about-right{display:flex;align-items:flex-end;position:relative;z-index:4;}
.about-right img{display:block;max-width:100%;height:auto;}
.about-img{display:block;max-width:100%;height:auto;position:absolute;right:10px;top:-32px;box-shadow:-15px 15px 0 rgba(0,0,0,0.2);width:620px;height:412px;transition:0.5s;}
.about-img iframe{ width:100%; height:100%;}
.about-img:hover{transform:scale(1);}
.about-ul{display:flex;align-items:center;justify-content:space-around;width:100%;height:170px;background:#fff;clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);-webkit-clip-path:polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 100% 100%, 5% 100%, 0% 70%, 0% 0%);-moz-clip-path:polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 100% 100%, 5% 100%, 0% 70%, 0% 0%);position:absolute;left:0;bottom:-92px;padding:0 30px}
.about-ul li{}
.about-ul li .t1{font-size:18px;color:#3f3f3f;line-height:34px;}
.about-ul li .t2{color:#f78016;height:30px;overflow:hidden;position:relative;}
.about-ul li .t2 i{display:block;font-style:normal;position:absolute;right:0;font-size:16px;color:#3f3f3f;bottom:0;}
.digital{display:flex;align-items:flex-end;}
.digital .timer{font-size:34px;color:#f78016;line-height:28px;}
.digital span{line-height:16px;font-size:16px;display:block;}







.news{background:url(../images/news-bj2.jpg) no-repeat center center, #ecedf2;padding:170px 0 55px 0;}
.swiper-news{margin:53px 0 0 0;}
.swiper-news a{display:block;}
.swiper-news a .pic{position:relative;overflow:hidden;}
.swiper-news a .pic .news-img{padding-top:54%}
.swiper-news a .txt{background:#fff;padding:20px;}
.swiper-news a .txt .txt-date{line-height:32px;font-size:16px;color:#a3a3a3;background:url(../images/news-dian.png) no-repeat left center;padding-left:32px;letter-spacing:2px;}
.swiper-news a .txt .txt-bt{font-size:18px;color:#333;margin:23px 0 15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.swiper-news a .txt .txt-nr{font-size:14px;color:#9f9f9f;height:64px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.swiper-news a .txt img{margin-top:10px;display:block;}
.news .more{display:block;font-size:18px;color:#6f6f6f;width:144px;line-height:46px;text-align:center;border:1px solid #d3d3d3;border-radius:5px;margin:45px auto 0 auto;background:#fff;}
.news .more:hover{background:#173e87;color:#fff;}
.swiper-news a:hover .img_cover{transform:scale(1.1);}

.guanggao{width:100%;height:145px;background:url(../images/guanggao-bj.jpg) no-repeat 50% 50%;background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center;font-size:24px;color:#fff;}

.partner{margin:70px 0;}
.partner-main{position:relative;padding-bottom:50px;}
.swiper-partner{margin:57px 0 0 0;}
.swiper-partner a{display:block;position:relative;overflow:hidden;margin:10px;transition:0.5s; border:1px solid  #eee;}
.swiper-partner a .partner-img{padding-top:85%;}
.swiper-partner a .tit{ width:100%; text-align:center; font-size:16px; line-height:40px; background:#f2f2f2;}
.prev-partner, .next-partner{width:47px;height:4px;background:#dfdfdf;top:100%;transform:translate(-50% , 0);}
.prev-partner{left:45%;}
.next-partner{right:45%;}
.prev-partner:hover, .next-partner:hover{background:#173e87;}
.swiper-partner a:hover{box-shadow:0 0 10px #666;}

.link{background:#f8f8f8;padding:20px 0;}
.link .t1{font-size:16px;color:#333;float:left;margin-right:20px;}
.link a{display:inline-block;font-size:14px;color:#717171;margin:0 10px;}
.link a:hover{text-decoration:underline !important;}

.foot{background:#e8e8e8;padding:50px 0;}
.foot-main{display:flex;justify-content:space-between;}
.foot-nav{display:flex;justify-content:space-between;width:770px;border-right:1px solid #bbb;padding-right:30px;}
.foot-nav dl dt a{line-height:20px;font-size:16px;color:#2c2c2c;margin-bottom:20px;display:block;}
.foot-nav dl dd a, .foot-nav dl dd{line-height:30px;font-size:14px;color:#717171;display:block;}
.foot-nav dl dd a:hover{text-decoration:underline !important;}
.foot-lxwm{width:375px;margin-left:10px;}
.foot-lxwm form{display:flex;}
.foot-lxwm form .text{width:calc(100% - 55px);height:50px;padding-left:10px;border-radius:5px 0 0 5px;}
.foot-lxwm form .submit{width:55px;height:50px;background:url(../images/but.png) no-repeat center center, #f78016;border-radius:0 5px 5px 0;}
.foot-lxfs{margin:50px 0 0 0;display:flex;justify-content:space-between; align-items:flex-end;}
.foot-lxfs .guanzhu{}
.foot-lxfs .guanzhu span{font-size:14px;color:#888;display:block;margin-bottom:20px;}
.foot-lxfs .guanzhu a{display:inline-block;margin-right:10px;width:27px;height:27px;border:1px solid #aaa;border-radius:5px;}
.foot-lxfs .guanzhu .f1{background:url(../images/f1.png) no-repeat center center;}
.foot-lxfs .guanzhu .f2{background:url(../images/f2.png) no-repeat center center;}
.foot-lxfs .guanzhu .f3{background:url(../images/f3.png) no-repeat center center;}
.foot-lxfs .guanzhu a:hover{border-color:#173e87;}
.foot-lxfs .guanzhu .f1:hover{background:url(../images/f1-1.png) no-repeat center center;}
.foot-lxfs .guanzhu .f2:hover{background:url(../images/f2-1.png) no-repeat center center;}
.foot-lxfs .guanzhu .f3:hover{background:url(../images/f3-1.png) no-repeat center center;}
.foot-lxfs .erweima{display:flex;align-items:center;}
.foot-lxfs .erweima img{display:block;max-width:100%;margin-right:10px;}
.foot-lxfs .erweima span{font-size:14px;color:#727272;}
.foot-txt{background:#173e87;font-size:14px;color:#fff;text-align:center;padding:20px 0;}

/*product-page*/
.product-page{position:relative;margin-bottom:3%;}
.s-drop-wrap { width:100%; background:#eee;}
.s-drop-btn { background:#173e87; line-height:55px; font-size:22px; color: #fff;position:relative;padding:0 20px;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:#173e87;}
.s-drop-list {display: flex;}
.s-drop-list li{}
.s-drop-list li a{ line-height:50px;}
.aside-list-link{ font-size:16px; color:#373737;text-align:center; padding:15px 15px;position:relative;border-right:1px solid #eee;}
.aside-list-link:hover, .aside-list-link.act{ background:#d9251c; color:#fff;}
.aside-list-link:before{display:block;content:"";border-left: 7px solid transparent;border-right: 7px solid transparent;border-top:10px solid #d9251c;position:absolute;left:50%;bottom:-10px;transform:translate(-50%,0);opacity:0;}
.aside-list-link:hover:before, .aside-list-link.act:before{opacity:1;}
.s-drop-list li .aside-sublist{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist li{margin-top:5px;}
.s-drop-list li .aside-sublist li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ background:#000;color:#bc2a2a;}
.product-ul{margin:10px 0 0 0;display:flex;flex-wrap:wrap;}
.product-ul li{width:31.3%;margin:1%;}
.product-ul li .pic{width:100%;position:relative;overflow:hidden;background:#f5f5f5;}
.product-ul li .pic .product-img{padding-top:61%;}
.product-ul li .txt{background:#f9f9f9;padding:25px 18px;}
.product-ul li .txt .txt-bt{font-size:16px;color:#333;}
.product-ul li .txt .txt-nr{line-height:25px; font-size:14px;color:#666;margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;  }
.product-ul li .txt span{display:block;font-size:14px;color:#09458d;transition:0.5s;}
.product-ul li:hover .img_cover{transform:scale(1.1);}
.product-ul li:hover .txt .txt-bt{color:#173e87;}
.product-ul li:hover .txt span{transform:translateX(20px);}

/*product-show*/
.product-show{margin:50px 0 0 0;}
.show-main{display:flex;flex-wrap:wrap;}
.show-img{width:56%;margin-right:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.show-img img{display:block;max-width:100%;height:auto;margin:0 auto;}
.show-main .txt{width:calc(100% - 56% - 25px);}
.show-main .txt .txt-bt{font-size:30px;color:#173e87;margin-bottom:20px;line-height:30px;}
.show-main .txt .txt-nr{line-height:30px;font-size:14px;color:#666;}
.show-xq{margin:60px 0 0 0;}
.show-xq .canshu{background:#f5f5f5;}
.show-xq .canshu span{display:inline-block;width:130px;line-height:52px;text-align:center;background:#173e87;font-size:18px;color:#fff;}
.show-xq .txt-wz{line-height:30px;font-size:14px;color:#666;margin:20px 0 0 0;}

/*case*/
.case-ul{margin:50px 0 0 0;display:flex;flex-wrap:wrap;}
.case-ul li{width:31.3%;margin:1%;transition:0.5s;}
.case-ul li a{display:block;position:relative;overflow:hidden; border:1px solid #eee;}
.case-ul li a .case-img{padding-top:90%;}
.case-ul li a .txt{position:absolute;left:0;bottom:0;width:100%;padding:20px 30px;background:rgba(238,238,238,0.8);text-align:center;display:flex;justify-content:space-between; color:#333;font-size:16px;}
.case-ul li:hover{box-shadow:0 0 15px #333;transform:translateY(-3px);}

/*case-show*/
.case-show{margin:40px 0 0 0;}
.case-show .title{line-height:32px;font-size:18px;color:#666;margin:20px 0 0 0;text-align:center;}
.case-show .img{ width:100%; text-align:center;}
.case-show .img img{ margin:10px auto; max-width:100%; max-height:700px;}
.case-show txt{ font-size:14px; line-height:28px; margin-top:10px;}


/*news*/
.news-ul{display:block;margin:50px 0 0 0;}
.news-ul li {margin:0 0 30px 0;padding:5px;border:1px solid #cbcbcb;transition:0.5s;}
.news-ul li a{display:flex;}
.news-ul li a .pic{width:172px;margin-right:23px;overflow:hidden;position:relative;}
.news-ul li a .pic .news-img{padding-top:65%;}
.news-ul li a .txt{width:calc(100% - 200px);display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between; padding:10px 0;}
.news-ul li a .txt div{width:100%;}
.news-ul li a .txt .txt-bt{font-size:18px;color:#4b4b4b; transition:0.5s; line-height:30px;}
.news-ul li a .txt .txt-nr{font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:0.5s; margin:6px 0;}
.news-ul li a .txt .txt-date{font-size:12px;color:#b6b6b6;text-decoration:underline !important;transition:0.5s; line-height:22px;}
.news-ul li a:hover .img_cover{transform:scale(1.1);}
.news-ul li a:hover .txt .txt-bt{color:#fff;}
.news-ul li a:hover .txt .txt-nr{color:#fff;}
.news-ul li a:hover .txt .txt-date{color:#fff;}
.news-ul li:hover{background:#173e87;}

/*news-show*/
.news-show{margin:50px 0 0 0;}
.news-show .txt-bt{font-size:30px;line-height:30px;color:#4b4b4b;font-weight:bold;}
.news-show .txt-date{font-size:14px;color:#a7a7a7;margin-top:20px;}
.news-show span{display:block;margin:30px 0;width:100%;height:1px;background:#cbcbcb;}
.news-show .txt-nr{font-size:14px;color:#666; line-height: 28px;}
.news-show .txt-nr img{max-width:100% !important;height: auto !important;}
.news-show iframe{width:500px; height: 500px; display: block; margin:0 auto;}

/*honor*/
.honor-ul{display:flex;flex-wrap:wrap;margin:50px 0 0 0;}
.honor-ul li{width:23%;margin:1%;transition:0.4s;}
.honor-ul li a{display:block;position:relative;overflow:hidden;border:5px solid #e6e6e6;}
.honor-ul li a .honor-img{padding-top:142%;}
.honor-ul li:hover{box-shadow:0 0 15px #333;transform:translateY(-3px);}

.honor-show{margin:50px 0 0 0;}
.honor-show img{display:block;max-width:100%;height:auto;margin:0 auto;}

/*message*/
.message{margin:80px auto;width:580px;}
.message form{width:100%;}
.message form ul{display:block;}
.message form ul li{margin-bottom:7px;display:flex;border:1px solid #cdcdcd;padding:0 12px;line-height:38px;}
.message form label{margin:0;font-size:14px;color:#858585;width:90px;font-weight:normal;}
.message form .text{width:calc(100% - 50px);}
.message form textarea{height:210px;border:none;}
.message form ul li:nth-last-of-type(1){border:none;}
.message form ul li div{margin:25px 0 0 0;display:flex;justify-content:center;width:100%;}
.message form ul li div .submit{width:134px;line-height:45px;text-align:center;border-radius:5px;background:#808080;font-size:14px;color:#fff;margin:0 8px;}
.message form ul li div .submit:hover{background:#173e87;}
.message form ul li:hover{border-color:#173e87;}

/*about*/
.about-page{margin:50px 0 0 0;}
.about-page .txt{font-size:16px;color:#676767; line-height: 36px;}
.about-page  img{display:block;max-width:100%;margin:50px auto;}

/*contact*/
.contact-page{margin:50px 0 0 0;}
.show-main .lxfs{font-size:16px;color:#666;line-height:30px;margin-right:50px; width:100%;}
#dituContent{height:430px;width:810px;}

/*service*/
.service-page{margin:50px 0 0 0;}
.service-page .t1{font-size:36px;color:#173e87;text-align:center;}
.service-page .t2{font-size:16px;color:#6c6c6c;margin-top:30px;text-align:center;}

.m_map{ width:989px; height:724px; margin:30px auto; position:relative;  background:url(../images/ditu.png) no-repeat 0 0 ;}
/*.tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}
.tait span{ color:#ff6d3b;}
.tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}*/
.mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat 4px 20px; width:24px; height:63px;  transition:all .2s ease-out;}
.mp:hover{ background:url(../images/fi2.png) no-repeat 4px 20px;transition:all .2s ease-out;}

.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}

.mp .mito{width:55px; position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; left:-230px; top:-78px; background:#999; z-index:10;}

.feng .tree{margin:10px; display:flex;}
.feng .tree .boou{ width:100px;margin-right:10px;}
.feng .tree .boou img{display:block;max-width:100%;height:auto;}
.feng .tree .du_size{ width:240px;} 
.feng .tree .du_size p{ font-size:13px; color:#fff; line-height:20px;margin-bottom:5px;}
.feng .tree .du_size p:nth-of-type(1){border-bottom:1px solid #ccc;margin:10px 0;padding-bottom:10px;font-size:18px;color:#173e87;}

.mp1{left:243px; top:272px; }
.mp2{left:341px; top:349px; }
.mp3{left:446px; top:474px; }
.mp4{left:524px; top:474px; }
.mp5{left:524px; top:538px; }
.mp6{left:545px; top:594px; }
.mp7{left:428px; top:585px; }
.mp8{left:548px; top:407px; }
.mp9{left:625px; top:398px; }
.mp10{left:612px; top:325px; }
.mp10{left:612px; top:325px; }
.mp11{left:643px; top:454px; }
.mp12{left:611px; top:503px; }
.mp13{left:668px; top:496px; }
.mp14{left:742px; top:498px; }
.mp15{left:699px; top:557px; }
.mp16{left:618px; top:581px; }
.mp17{left:646px; top:604px; }
.mp18{left:692px; top:443px; }
.mp19{left:727px; top:428px; }
.mp20{left:761px; top:450px; }
.mp21{left:694px; top:345px; }
.mp22{left:745px; top:345px; }
.mp23{left:681px; top:266px; }
.mp24{left:711px; top:266px; }
.mp25{left:790px; top:256px; }
.mp26{left:825px; top:187px; }
.mp27{left:864px; top:103px; }
.mp28{left:573px; top:573px; }
.mp29{left:746px; top:441px; }
.mp30{left:673px; top:592px; }
.mp31{left:779px; top:440px; }
.mp32{left:604px; top:626px; }
.mp33{left:806px; top:468px; }
.mp34{left:753px; top:210px; }
.mp35{left:753px; top:391px; }
.mp36{left:596px; top:415px; }
.mp37{left:575px; top:435px; }
.mp38{left:589px; top:365px; }
.mp39{left:575px; top:316px; }
.mp40{left:612px; top:266px; }
.mp41{left:778px; top:495px; }
.mp42{left:718px; top:318px; }
.mp43{left:653px; top:545px; }
.mp44{left:769px; top:593px; }
.mp45{left:800px; top:524px; }
.mp46{left:633px; top:525px; }
.mp47{left:499px; top:354px; }
.mp48{left:763px; top:543px; }
.mp49{left:798px; top:578px; }
.mp50{left:722px; top:544px; }
.mp51{left:706px; top:501px; }
.mp52{left:743px; top:551px; }
.mp53{left:406px; top:515px; }
.mp54{left:570px; top:621px; }
.mp55{left:658px; top:347px; }
.mp56{left:651px; top:397px; }
.mp57{left:492px; top:420px; }
.mp58{left:549px; top:297px; }
.mp59{left:704px; top:398px; }
.mp60{left:556px; top:527px; }
.mp61{left:551px; top:455px; }
.mp62{left:582px; top:488px; }
.mp63{left:211px; top:450px; }







/*手机底部*/
.hot{width:100%;background:#173e87; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.col-xs-3{margin:0;padding:0;}
.hot .row div a{ display:block; color:#fff; padding:2px 0;border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

@media (max-width:1700px){
    .about-img{right:0}
    }
@media (max-width:1500px){
    .about-img{right:-240px}
    }

@media (max-width:1300px){
	.wrap{ width:96%}
    .about-left{width:566px;margin-right:30px;}
    .about-img{right:-111px;}
    .about-left .txt{margin:60px 0 0 0;}
    }


@media (max-width:1200px){
	.wrap{ width:96%}
    .about-left{width:566px;margin-right:30px;}
    .about-img{right:-200px;}
    .about-left .txt{margin:60px 0 0 0;}
    .foot-nav{width:580px;padding-right:10px;}
    }
@media (max-width:1100px){
    .about-img{right:-320px; display:none;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .wrap2{width:100%;}
    section{height:auto;}
    section ul{flex-wrap:wrap;}
    section ul li{width:50%;margin:10px 0;}
    .pro-left ul li:nth-child(1), .pro-right ul li:nth-last-child(1){display:none;}
    .about-left{width:100%;margin:0;}
    .foot-nav, .foot-lxwm{width:initial;border:none;}
    /*product*/
    .s-drop-wrap{background:#fff;}
    .s-drop-list{flex-wrap:wrap;}
    .s-drop-list li{width:100%;}
    .aside-list-link{padding:10px 0;border-bottom:1px solid #eee;border-right:none;}
    .aside-list-link:before{display:none;}
    .show-img{width:100%;}
    .show-main .txt{width:100%;margin-top:20px;}
    /*honor*/
    .honor-ul li{width:31.3%;}
    /*service*/
    .m_map, .mp, .mp:hover{width:100%;height:initial;background:none;}
    .mp .mito, .mp, .feng{position:static;width:100%;}
    .mito {text-align:center;line-height:30px;border:1px solid #173e87;margin:3px 0;}
    .mito.on{background:#173e87;color:#fff;}
    .m_map .mp:first-of-type .feng{display:block;}

    .product ul li{width:31.33%;margin:1%;}
    }
 
@media (max-width:767px){
	.news-show iframe{width:100%; height: 300px; display: block; margin:0 auto;}
	.about-page .txt video{width:100% !important;}
	.wrap{ width:96%}
    .wrap2{width:100%;}
    .logo{width:300px;align-items: center;}
    .logo a{align-items:center;}
	
	.product-top{padding:15px 0 0 0;}
    
    .logo img:nth-child(4){width:60%;}
    .header_main.act{display:flex;}
    header.act{box-shadow: 10px 0 10px #ccc;}
    .sjnav{top:93px;}
    .sjnav.act{top:73px;}
    .ban_img{padding-top:61%}
    .reveal-modal{position:static;transform:translate(0,0);width:100%;visibility:visible;height:initial;padding:5px;}
    section{height:auto;}
    section ul{flex-wrap:wrap;}
    section ul li{width:50%;margin:10px 0;}
    section ul li img{width:30%;margin-right:10px;}
    section ul li .txt .t1{font-size:14px;line-height:20px;}
    section ul li .txt .t2{font-size:12px;line-height:20px;}
    .product{padding:20px 0 50px 0;}
    .pro-left, .pro-right{width:100%;}
    .pro-left ul li:nth-child(1), .pro-right ul li:nth-last-child(1){display:none;}
    .product ul li a .txt{bottom:5px;font-size:14px;padding-bottom: 5px;}
    .pro-mian, .swiper-news, .swiper-partner{margin:20px 0 0 0;}
    .title .t1{font-size:36px;line-height:40px;}
    .title .t2{font-size:20px;line-height:26px;}
    .title .t3{margin:10px auto 0 auto;}
    .swiper-case a .txt{padding:5px 10px;font-size:12px;}
    .case-main{top:-20px;padding:26px 0 0 0;}
    .case .more{margin:20px auto 0 auto;font-size:13px;line-height:32px;width:100px}
    .about{margin:20px 0 0 0;padding:30px 0;}
    .about-left{width:100%;margin:0;}
    .about-left .txt-bt .t1{font-size:42px;line-height:40px;}
    .about-left .txt-bt .t2{font-size:34px;left:110px;top:30px;}
    .about-left .txt-bt .t3{font-size:20px;margin:0;line-height:24px;}
    .about-left .txt{font-size:14px;line-height:26px;}
    .news{padding:30px 0;}
    .news .more{margin:20px auto 0 auto;font-size:14px;width:110px;line-height:36px;}
	.swiper-partner a .tit{ width:100%; text-align:center; font-size:14px; line-height:32px; background:#f2f2f2;}
    .guanggao{font-size:12px;height:70px;}
    .partner{margin:20px 0;}
    .partner-main{padding:0;}
    .foot-lxwm{width:100%;}
    .foot-lxfs .erweima span{display:none;}
    .foot-lxfs{margin:20px 0 0 0;}
    .foot{padding:20px 0;}
    .foot-lxwm form .text{height:34px;}
    .foot-lxwm form .submit{height:34px;}
    .foot-txt{font-size:12px;}
    /*product*/
    .s-drop-wrap{background:#fff;}
    .s-drop-list{display:none;}
    .s-drop-list li{width:100%; text-indent:12px;}
    .aside-list-link{padding:10px 0;border-bottom:1px solid #eee;border-right:none;font-size:12px;}
    .aside-list-link:before{display:none;}
    .aside-list-link:hover, .aside-list-link.act{background:#276ac0;}
    .product-ul{margin:20px 0 0 0;}
    .product-ul li{width:48%;}
    .product-ul li .txt{padding:5px;}
    .product-ul li .txt .txt-nr, .product-ul li .txt span{display:none;}
    .product-ul li .txt .txt-bt{font-size:14px;text-align:center}
    .show-img{width:100%;}
    .show-main .txt{width:100%;margin-top:20px;}
    .show-xq, .case-ul, .news-ul, .news-show ,.honor-ul, .honor-show, .message, .about-page, .contact-page, .service-page{margin:30px 0 0 0;}
    .show-xq .canshu span{width:100%;line-height:40px;font-size:14px;}
    .show-xq .txt-wz, .show-main .txt .txt-nr{font-size:12px;line-height:24px;}
    .show-main .txt .txt-bt{font-size:22px;}
    /*csae*/
    .case-ul li{width:48%;}
    .case-ul li a .txt{padding:5px;font-size:12px;}
    /*news*/
    .news-ul li a .pic{width:125px;margin-right:10px;}
    .news-ul li a .txt{width:calc(100% - 135px);align-content:space-around;}
    .news-ul li a .txt .txt-bt{font-size:14px;}
    .news-ul li a .txt .txt-nr{font-size:12px;line-height:16px;}
    .news-ul li a .txt .txt-date{display:none;}
    .news-show .txt-bt{font-size:20px;}
    .news-show .txt-date{font-size:12px;}
    /*honor*/
    .honor-ul li{width:48%;}  
    /*.message*/
    .message{width:100%;}
    /*contact*/
    .show-main .lxfs{width:100%;margin:0;font-size:14px;}
    /*service*/
    .service-page .t1{font-size:24px;}
    .service-page .t2{font-size:13px;margin-top:10px;}
    .m_map, .mp, .mp:hover{width:100%;height:initial;background:none;}
    .mp .mito, .mp, .feng{position:static;width:100%;}
    .mito {text-align:center;line-height:30px;border:1px solid #173e87;margin:3px 0;}
    .mito.on{background:#173e87;color:#fff;}
    .m_map .mp:first-of-type .feng{display:block;}
    .feng .tree{margin:0;}
    .feng{margin:10px 0;}
    /* .product ul li .pic{margin: 10px 0;} */

    .voide{width:50px;height:45px;align-items:center;}
    .voide img{max-width:60%;}
    .voide .txt{display:none;}

    .product ul li{width:48%;margin:1%;}
    .product ul li a .txt {font-size:13px;line-height: 32px;}
    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo{width:260px;}
    }
	
	
	
.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}
	
	
.toolbar { position:fixed; right:10px; top:240px; z-index:999; width:128px; }
.toolbar .top,.toolbar .bottom { width:128px; height:19px; background:url(../images/toolbar-top.png) center top no-repeat; }
.toolbar .bottom { background-image:url(../images/toolbar-bottom.png); }
.toolbar .main { background:#0061ae; }
.toolbar .tel { padding:0 0 10px; font-size:14px;}
.toolbar .tel dt { line-height:28px; background:url(../images/toolbar-tel.png) center top no-repeat; color:#FFF; text-align:center; padding:55px 0 0; }
.toolbar .tel dd { line-height:24px; color:#fff; text-align:center; }
.toolbar .qq { margin:0 10px 15px; border-top:1px dashed #4089c2; }
.toolbar .qq dd { border-bottom:1px dashed #4089c2; }
.toolbar .qq a { display:block; height:40px; line-height:40px; background:url(../images/toolbar-qq.png) 10px center no-repeat; color:#FFF; padding:0 0 0 40px; }
.toolbar .rcode { }
.toolbar .rcode dd { text-align:center; color:#FFF; }
.toolbar .rcode img { display:block; width:100px; height:100px; margin:0 auto; }
.toolbar .rcode h3 { font-weight:normal; font-size:14px; line-height:28px;}
.toolbar .itop { height:30px; background:url(../images/toolbar-itop.png) center center no-repeat; position:relative; top:5px; cursor:pointer; }
.toolbar .jing_pointer { width:27px; height:117px; position:absolute; top:95px; left:-27px; cursor:pointer; 
	background:url(../images/pointer7.png) 0 0 no-repeat; 
}
.toolbar .jing_pointer.active { left:111px; background-position:0 -120px !important; 
}