@charset "utf-8";
@import url(../css/common.css); 
@import url(../css/style.css); 
.index-about.animated{ -webkit-animation-fill-mode: none !important;animation-fill-mode: none !important;}
.main{position:relative;z-index: 2;width: 100%;}
body{min-width: 320px;margin:0 auto;width: 100%;overflow-x: hidden;}
/*head*/
.head{  z-index:3;background:#fff; text-align:center; padding-top:10px; height:82px; z-index:8}
.head h1{float:left;height:55px;padding-top: 8px;}
.head h1 img{width: 76px;}
.navweb.cur{position:fixed;left:0;top:0;width:100%;z-index: 8;background: #fff;}
.pic img{ display:block; width:100%;}
/*导航动画*/
.mask{position:fixed;width:100%;height:100%;bottom:0;top:0;left:0;background: #fff;display:none;z-index: 11;}
.left-touch{position: absolute;right: 3px;top: 50%;width: 50px;height: 50px;cursor: pointer;z-index: 100;padding-top: 12px;margin-top:-25px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.left-touchanmti{transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); margin-top:-50px}
.navweb.cur .left-touchanmti{ margin-top:-25px}
.left-touch em{ background:#333;height:2px; width:25px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; display:block}
.left-touch em:nth-of-type(1),.left-touch em:nth-of-type(3){-webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.left-touchanmti em:nth-of-type(1){-webkit-transform: translateY(1px);-ms-transform: translateY(1px);-o-transform: translateY(1px);transform: translateY(1px);}
.left-touch em:nth-of-type(2){ transition-delay: .5s;}
.left-touchanmti em:nth-of-type(2){ width:0; transition-delay: .2s;}
.left-touchanmti em:nth-of-type(3){-webkit-transform: translateY(-13px) rotate(90deg);-ms-transform: translateY(-13px) rotate(90deg);-o-transform: translateY(-13px) rotate(90deg);transform: translateY(-13px) rotate(90deg);}
.nav.navanm{ -webkit-transform: translateY(-64%);transform: translateY(-64%);}
.nav ul{padding: 0 16px;z-index: inherit;-webkit-transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);opacity:1;z-index: 12;position: relative;width: 100%;margin: 0;}
.nav ul li{opacity: 0;-webkit-transform: scale(1.2) translateY(-24px);transform: scale(1.2) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;border-bottom: 1px solid #ddd; list-style:none;}
.nav ul li>a{color: #333;display:block;height:50px;line-height: 50px;position:relative;overflow:hidden;z-index:3;background-image:none;font-weight: bold;}
.nav.cur ul li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;list-style: none;}
.nav ul li:nth-of-type(7){-webkit-transition-delay: 50ms,50ms;transition-delay: 50ms,50ms;}	
.nav ul li:nth-of-type(6){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav ul li:nth-of-type(5){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav ul li:nth-of-type(4){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav ul li:nth-of-type(3){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav ul li:nth-of-type(2){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav ul li:nth-of-type(1){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(1){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav.cur ul li:nth-of-type(2){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav.cur ul li:nth-of-type(3){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav.cur ul li:nth-of-type(4){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav.cur ul li:nth-of-type(5){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav.cur ul li:nth-of-type(6){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(7){-webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.phone-nav{position:absolute;top: 15px;width:100%;left:0;}
.language{ float:right; font-size:12px; color:#666; background:url(../images/icon01c.png) left center no-repeat; padding-left:15px; line-height:17px; position:relative; right:-5px}
.language a{ padding:0 5px;}
.language a:hover,.language a.cur{ color:#0081cc}
.language a:nth-of-type(1){ border-right:1px solid #0081cc}
.search{float:right;margin-right: 38px;}
.search span{ display:block;height:60px;width:40px;background-image:url(../images/icon02.png);background-position: center 20px;background-repeat:no-repeat; cursor:pointer}
.search.cur span{ background-image:url(../images/icon02c.png);}
.phonesearch{ position:absolute; top:58px; z-index:3; width:100%; left:0;}
.search{ position:static; background:#fff;}
.subsearch{border:1px solid #cfdfe8;position:absolute;right:0;background:#fff;z-index: -1;height:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;width:100%;top:59px;}
.subsearch em{ background:url(../images/icon03.png) no-repeat; display:block; position:absolute; width:28px; height:17px; top:-17px;}
.searchform .PCin{ border:1px solid #cfdfe8; border-right:none; height:34px; line-height:34px; padding:0 10px; font-size:14px; width:100%; float:left;}
.searchform .PCbt{ height:34px; background:#0081cc url(../images/icon02w.png) center center no-repeat; width:34px; position:absolute; top:24px; right:24px; cursor:pointer}
.search em{ right:56px;}
.search.cur .subsearch{height:84px;padding:24px 58px 24px 24px;opacity:1;z-index: 3;}
.phoneuse .left-touchanmti{top: 8px;margin:0;right: auto;}
.subnav,.ddnav{ display:none;}
.phoneuse{position:fixed;left:0;width:100%;height:100%;overflow:scroll;background:#fff;z-index: 999;top: 0;overflow-x: hidden; padding-top:50px; display:none;}
.phoneuse a,
.subnav a,
.ddnav a{display:block; line-height:40px; padding:0 15px; text-align:left; border-bottom:1px solid #cfdfe8}
.ddnav{position:absolute;right:0;bottom:0;top: auto !important;}
.navweb{position: relative;top: 1px;}
#baguetteBox-overlay .full-image img{ width:90% !important;}

/*foot*/
.foot{background:#171717;padding-top:20px;position:relative;z-index: 3;}
.sub-foot dt a{ color:#fff;}
.sub-foot dt{font-size:14px;color:#fff;line-height:40px;position:relative;z-index:3;background:#171717}
.sub-foot dd a{font-size:13px;color: #a5a5a5;line-height:35px;display:block;}
.sub-foot dt:after{content: '+';float: right;font-weight: normal;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease; font-size:16px;}
.sub-foot dl{ border-bottom:1px solid #4f4f4f; position:relative; overflow:hidden}
.sub-foot dl.cur dt:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sub-foot dd{ position:absolute; top:50%; visibility:hidden;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms; z-index:-1; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);transform: translateY(-100px); padding-bottom:10px;}
.sub-foot dl.cur dd{ position:static; visibility:visible; z-index:1;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.foot-link dl dd a span{cursor:pointer}
.footcopy{ text-align:center; font-size:12px; color:#a5a5a5; background:#0d0d0d;line-height:15px; padding:20px 0}
.footcopy p{ margin-bottom:10px}
.footcopy p a{color:#a5a5a5;display:inline-block;border-right:1px dashed #a5a5a5;padding-left: 5px;padding-right: 8px;}
.footcopy a:hover{color: #fff;}
.footcopy p a:last-child{ border:none}

/*inside*/
.insidebanner img{ display:block; width:100%;}
.title{border-bottom:1px solid #119ee0;position: relative;}
.title h2{ font-size:18px; color:#119ee0; padding:16px 0 9px;}
.insidenav {background:#fff;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-o-box-shadow:0 1px 10px rgba(0,0,0,.1);-ms-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);line-height: 43px;position:relative;}
.insidenav a{ display:block; padding-left:20px; border-bottom:1px solid #ddd; background:#fff; color:#1a1a1a;}
.insidenav p{position:absolute;width:100%;left:0;top: 44px;z-index:7;display:none;}
.insidenav span em{background: url(../images/img15.png) right center no-repeat; display:block;background-size: 16px auto; width:16px;  height:39px; right:10px; top:0; position:absolute; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.insidenav span.cur em{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.insidenav span{ display:block;}
.navbtn{ padding-top:10px;}
.navbtn a{display:block;font-size:20px;color:#0081cc;height:47px;line-height:47px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #0081cc;margin-top:20px;}
.navbtn a span{ display:inline-block; width:28px; height:24px; margin-right:9px; position:relative; top:4px;}
.navbtn a span img{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; display:block}
.imghover{ opacity:0; position:absolute; left:0; top:0}
.navbtn a:hover{ background:#0081cc; color:#fff;}
.navbtn a:hover .img{ opacity:0}
.navbtn a:hover .imghover{ opacity:1}
.bread{font-size:12px;color:#666;background:url(../images/home.png) left center no-repeat;padding-left:23px;line-height:24px;position: absolute;right: 0;bottom: 7px;}
.bread a{ color:#666;}
.bread a:last-child{ color:#0081cc;}


/*inside*/
.content{ padding-bottom:50px;}
.caselist dl{ padding:20px 0; border-bottom:1px solid #dfdfdf; position:relative}
.caselist dl a{ display:block; font-size:14px; color:#666; overflow:hidden;}
.caselist dt{ border:1px solid #dfdfdf; padding:4px;}
.caselist dt img,.solutionlist li img,.honorlist a img{ display:block; width:100%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.caselist dd{ margin-top:15px;}
.caselist h3{ font-size:16px; color:#333; margin-top:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.caselist span{ display:block; padding-bottom:5px;}
.caselist p{ text-indent:2em;line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.caselist i{display:block;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;border:1px solid #88afc5;color:#88afc5;width:90px;height:30px;line-height:30px;text-align:center;margin-top:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.caselist dl:hover i{ border-color:#0081cc; background:#0081cc; color:#fff;}
.page{ padding-top:30px;}
.caselist dl:hover img,.solutionlist li:hover img{transition: all 1.2s linear; -moz-transition: all 1.2s linear; -o-transition: all 1.2s linear; -webkit-transition: all 1.2s linear; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -o-transform: scale(1.12); -m-transform: scale(1.12); transform: scale(1.12);}


.page a,.page span{ display:block; width:100%; max-width:295px; height:45px; line-height:45px; margin:0 auto; text-align:center;}
.page a{ color:#fff; background:#0081cc; cursor:pointer}
.page span{ background:#e3e3e3; color:#666; margin-top:20px;}

.detailtitle{ font-size:12px; color:#666; text-align:center; padding-bottom:15px;}
.detailtitle h3{ font-size:16px; color:#333; padding:15px 0 9px; font-weight:bold}
.detailbox{ font-size:14px; color:#666; line-height:24px;}
.detailbox img{max-width:100%;}
.backlist{display:block;width:90px;height:30px;background:#0081cc;color:#fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin:0 0 20px;text-align:center;line-height:30px;}
.detailop p a{ display:block; font-size:12px; color:#333; line-height:26px;}
.detailop p a:hover{ color:#0081cc}
.detailop{ padding:20px 0 30px}
.hot{ position:relative; border-top:1px solid #dfdfdf;}
.hot h3{ font-size:14px; color:#666; font-weight:bold; width:76px; height:24px; line-height:24px; position:absolute; left:50%; margin-left:-38px; top:-12px; background:#fff; text-align:center}
.swiper-wrapper{padding:0;margin:0;width:9999px;z-index: 1;}
.hot a{ display:block; float:left;}
.hot img{display:block;width:100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.hot{ padding:0 40px; position:relative}
.hotpic{ width:100%; overflow:hidden; margin-top:16px;}
.button-prev,.button-next{ position:absolute; top:16px; background-position:center center; background-repeat:no-repeat; background-color:#e0e0e0; width:30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; cursor:pointer}
.button-prev:hover,.button-next:hover{ background-color:#0081cc;}
.button-prev{ background-image:url(../images/icon07.png); left:0; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.button-next{ background-image:url(../images/icon06.png); right:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.swiper-button-disabled{ cursor:default}
.dowload dt a{ border:1px solid #dfdfdf;}
.dowload h3{ white-space:normal}
.phoneshow{ padding-top:30px; text-align:center}
.phoneshow a{ display:inline-block; width:250px; margin:0 10px;}

.message h2{ font-size:20px; color:#88afc5; line-height:32px; text-align:center; padding-top:22px;}
.message form{ max-width:590px; margin:0 auto; font-size:14px; color:#333;}
.message em{ font-style:normal; color:#c00000; position:relative; top:3px; margin-right:4px;}
.message span{ display:block; line-height:35px; width:85px;}
.message ul{ padding:0; margin:0}
.message li{ list-style:none; position:relative; margin-top:20px;}
.message .mesin{display:block;width:100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;height:35px;line-height:35px;padding:0 10px;font-size:14px;color:#333;border:1px solid #dfdfdf;}
.message label{ display:block; font-size:12px; color:#c00000;}
.message li i{ letter-spacing:3px;}
.message li.code i{ letter-spacing:8px;}
.suncode{ position:relative; padding-right:70px;}
.suncode img{ display:block; height:35px; width:60px; border:1px solid #dfdfdf; position:absolute; right:0; top:0}
.mesbtns{ text-align:center; padding-top:50px;}
.mesbtns input{ display:inline-block; color:#fff; font-size:16px; width:100px; height:40px; margin:0 20px; background:#0081cc; cursor:pointer;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.mesbtns input[type="reset"]{ background:#da432e}
.message textarea.mesin{ padding:8px 10px; height:105px; line-height:24px;}

.domestic{ margin-top:30px;}
.demap{ font-size:14px; color:#333;}

.demap a{ color:#333;}
.smallcity { margin-top:20px;}
.demap img{ display:block; width:100%; margin-bottom:40px;}
.domestic .select{width:100%;height: 40px;position:relative;border: 1px solid #dfdfdf;background:url(../images/icon08.png) right center no-repeat;line-height: 40px;}
.domestic .select span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 40px 0 10px;cursor:pointer;}
.domestic .select .ul{display:none;position:absolute;width:100%;border:1px solid #bfd6e1;background:#fff;top: 38px;max-height:309px;overflow:auto;z-index:3;margin:0;padding:0;z-index: 8;}
.domestic .select .ul li{ cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; list-style:none}
.domestic .select .ul li+li{ border-top:1px solid #e7f0f4;}
.domestic .select .ul li a{ display:block; padding:0 15px;}
.smalllist ul{ padding:0 0 30px; margin:0}
.smalllist .title1{ font-size:16px; font-weight:bold; color:#333;}
.smalllist li{ padding:15px 0; border-bottom:1px solid #dfdfdf; list-style:none}

.solutionlist ul{ padding:0; margin:0 -10px}
.solutionlist li{ list-style:none; padding:0 10px 16px; margin-top:20px;}
.solutionlist li span{ display:block; overflow:hidden;}
.solutionlist li i{ font-size:16px; color:#333; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-top:15px;}
.solutionlist li:hover i{ color:#0081cc}
.honorbox{ margin:0 -10px;}
.honorlist a{ display:block; padding:0 10px; float:left; margin-top:20px;}
.honorlist span{ display:block; overflow:hidden;padding:5px; border:1px solid #dfdfdf;}
.honorlist i{ display:block; font-size:14px; color:#333; text-align:center; margin-top:4px;}
.signsamll{ font-size:14px; color:#666; padding-top:17px; text-align:left;}
.signsamll a{ -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px; border:1px solid #666; color:#666; font-size:14px; float:left; margin-right:10px; margin-top:10px; padding:0 10px; height:26px; line-height:24px;}
.solution-detail h2{ font-size:18px; color:#333; text-align:center; padding-top:16px; padding-bottom:13px; font-weight:bold}
.solution-detail .detailbox{ color:#333;}
.solution-detail h3{font-size:16px; color:#333; font-weight:bold; padding-bottom:10px;}

/*解决方案详情*/
.bigscroll{max-width: 500px;margin:17px auto;position:relative;}
.theh5{ text-align:center; font-size:20px; color:#fff; padding-bottom:18px;}
.bigscroll .lSSlideOuter { overflow:hidden; width:100%; max-width:800px; margin:0 auto;}
.scrollimg {-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;padding: 0;margin: 0; }
.scrollimg li img{ display:block; width:100%;}
.scrollimg li{ float:left; list-style:none}
.bigscroll .lSPager{overflow:hidden;padding: 5px 0 0;margin: 0;white-space:nowrap;width:9999px;}
.bigscroll .lSPager li{list-style: none;display:inline-block;}
.bigscroll .lSPager li img{ display:block; width:100%;}
.bigscroll .lSPager li.active{ border:1px solid #dfdfdf}
.pagebox{ padding:0 30px;}
.subpagebox{overflow:hidden;width: 100%;}
.bigscroll .lSPrev,.bigscroll .lSNext{cursor:pointer;position:absolute;background-repeat:no-repeat;height: 50px;z-index:3;bottom: 0;width: 20px;border: 1px solid #dfdfdf;background-position: center center;}
.bigscroll .lSPrev{ background-image:url(../images/isprev.png); left:0}
.bigscroll .lSNext{ background-image:url(../images/isnext.png); right:0}

.detailtab{ margin-top:24px; overflow:hidden; display:none}
.thetab{ padding-top:6px; padding-bottom:9px;}
.thetab i{ display:block; border:1px solid #dfdfdf; font-size:14px; text-align:center; color:#333; height:38px; line-height:38px; float:left; cursor:pointer; width:100%;}
.thetab span.cur i{ background:#0081cc; color:#fff;}
.thetab span{ float:left; width:140px; margin-right:20px; position:relative}
.thetab span.cur em{display:block;position:absolute;left:25%;top: 40px;background:url(../images/icon09.jpg) no-repeat;width:10px;height:9px;}
.alldetail{ border:1px solid #dfdfdf; padding:15px 0; font-size:14px; color:#333; overflow-y:auto; max-height:365px;}
.sundetail{padding:0 20px; overflow:hidden; display:none; width:100%;}
.alldetail .sundetail:nth-of-type(1){ display:block;}
.product{ text-align:center}
.product a{display:inline-block;width:49.6%;font-size: 15px;color:#666;padding-bottom: 14px;}
.product span{ display:block; overflow:hidden; padding:8px; border:1px solid #dfdfdf; }
.product img,.pro-download img{ display:block; width:100%;}
.pro-download{ margin:-20px -9px 0; padding:0}
.pro-download li{ list-style:none; padding:0 9px; margin-top:20px;}
.pro-download a{ display:block; border:1px solid #dfdfdf; padding:4px 4px 18px;}
.pro-download a span{ display:block; border:1px solid #dfdfdf;}
.pro-download h4{font-size:14px;color:#333;text-align:center;padding-top:4px;line-height: 18px;margin-top: 3px;height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.pro-download i{display:block;margin: 3px auto 0;text-align:center;font-size:14px;color:#88afc5;border:1px solid #88afc5;width:90px;height:30px;line-height:28px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.pro-download li:hover i{ color:#fff; border-color:#0081cc; background:#0081cc;}

.siglepage{ padding-top:30px;}
.siglepage img{ max-width:100%;}
.aboutus,.culture{ margin-top:30px; position:relative}
.aboutleft{ font-size:14px; color:#666;}
.aboutleft h2{ font-size:18px; color:#0081cc; padding-bottom:12px;}
.aboutul{ padding:0; margin:15px 0}
.aboutul a{ display:block; list-style:none; width:100%; padding:4px; border:1px solid #dfdfdf; margin-bottom:10px;}
.aboutul a img{ display:block; width:100%;}

.culture img{ display:block; width:100%;}
.cultureul{ padding:0}
.cultureul li{ list-style:none; font-size:14px; color:#666; padding-bottom:15px}
.cultureul li h2{ font-size:18px; color:#0081cc; padding-bottom:9px;}
.ulcontact{ padding:0}
.ulcontact li{ list-style:none; font-size:14px; color:#3e3e3e; line-height:27px;}
.ulcontact li a{ color:#3e3e3e;}
.ulcontact li img{position:relative;top: 8px;margin-right: 3px;}
.contacrcode{font-size:14px; color:#3e3e3e; text-align:center; padding-top:21px;}
.contacrcode img{ width:85px; height:85px; display:block; margin:14px auto}

.zhanlue{ margin-top:30px; font-size:14px; color:#3e3e3e; position:relative}
.zhanimg{ display:block; max-width:100%; margin:0 auto;}
.webpage dl{ padding-top:17px;}
.webpage dt{ font-size:14px; color:#0081cc; position:relative; padding-bottom:5px; margin-bottom:10px;}
.webpage dt:after{ content:""; display:block; left:0; bottom:0; position:absolute; background:#0081cc; height:1px; width:30px;}
.webpage dd a{ font-size:14px; color:#333; line-height:30px; margin-right:40px; display:block; float:left;}
.webpage dd a:hover{ color:#0081cc}


/*index*/
.index-banner{width:100%;overflow:hidden;position:relative;}
.banner-slide{position:relative;z-index:2;height:100%;}
.index-banner ul{ height:100%;}
.index-banner ul,.index-banner ol{ margin:0; padding:0}
.banner-slide li{float:left; list-style:none; background-position:center center; background-size:cover; background-repeat:no-repeat; height:100%;}
.index-banner li img{ width:100%; display:block; position:relative;left:50%;-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.flex-control-nav{position:absolute; float:right;text-align:center;bottom:12px; left:0; width:100%;z-index:5;height: 16px;}
.flex-control-nav li{ display:inline-block; margin:0 4px; float:none; list-style:none}
.flex-control-nav li a{display:block;text-indent: -99999px; border:1px solid #fff;width: 10px;height: 10px;cursor:pointer;position:relative; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; border-radius:100%;}
.flex-control-nav li a.flex-active{background: #fff;}

.index-solution{padding-top: 21px;background:#eef3f6;padding-bottom: 50px;}
.indexbbox{ position:relative; padding:0 35px; margin-top:30px;}
.index-solution li{list-style:none;float:left;padding: 0 5px;z-index: 5;}
.index-solution li img,.index-solution li a{position:relative;display:block;width:100%;z-index: 6;}
.index-solution li img{-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
	.index-solution li:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -m-transform: scale(1.05);
    transform: scale(1.05);
    }
.so-txt{position:absolute;color:#fff;font-size:14px;padding-left:9px;left:0;top:0;z-index: 7;}
.so-txt h3{ font-size:20px; line-height:28px; padding-top:16px; padding-bottom:0;}
.sub-sulution{}
.sonext,.soprev{position:absolute;display:block;width: 30px;height:100%;background-repeat:no-repeat;background-position: center center;cursor:pointer;top:0;}
.sonext{ background-image:url(../images/icon12.png); right:0}
.sonext:hover{ background-image:url(../images/icon12h.png);}
.soprev{ background-image:url(../images/icon13.png); left:0}
.soprev:hover{ background-image:url(../images/icon13h.png);}
/*.sonext.swiper-button-disabled,.soprev.swiper-button-disabled{ display:none}*/
.indexh2{ text-align:center; position:relative; font-size:22px; color:#0081cc; padding-bottom:14px; padding-top:28px; overflow:hidden;}
.indexh2:after{ content:""; position:absolute; height:2px; background:#0081cc; width:40px; left:50%; margin-left:-20px; bottom:0;}
.indexh2 a,.indexmore{ font-size:14px; border:1px solid #8cb3c3; color:#8cb3c3; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:72px; height:32px; line-height:30px; position:absolute; right:0; top:33px; text-align:center}

.index-case .commonweb{ overflow:hidden;}
.caseul{ margin:0 -5px; padding:10px 0 50px}
.caseul li{ float:left; padding:20px 5px 0; list-style:none;}
.caseul li a,.caseul li img{ display:block; width:100%; position:relative; color:#fff; font-size:16px;}
.case-txt{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.7); background:#0081cc;}
.case-txt div{ display:table; height:100%; padding:15px}
.case-txt p{ display:table-cell; vertical-align:middle; }
.case-txt p span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.caseul li img{ border:1px solid #b4b4b4}

.new-about{ background:url(../../webimages/indexbg.jpg) center top no-repeat; background-size:cover; padding-bottom:50px; padding-top:20px;}
.new-about .indexh2{ color:#fff; margin-bottom:30px;}
.new-about .indexh2:after{ background:#fff;}
.index-new a{ display:block; color:#fff;}
.index-new dl{padding-left:135px;position:relative;height: 84px; margin-bottom:20px;}
.index-new dt{ width:125px; left:0; top:0; position:absolute}
.index-new dt img{ display:block; width:100%;}
.index-new dd h3{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 8px;}
.index-new dd p{display: -webkit-box;display: -moz-box; -webkit-box-orient: vertical;  -moz-box-orient: vertical;-webkit-line-clamp: 2; -moz-line-clamp: 2; overflow: hidden; font-size:13px; line-height:23px; height:46px;}
.index-new .indexmore{ position:static; float:right}
.new-about .indexmore{ color:#fff; border-color:#fff;}
.index-about{ margin-top:30px;}
.index-about dt{ border:3px solid #0b7bc0;}
.index-about a{ display:block; font-size:12px; color:#fff;}
.index-about dt img{ display:block; width:100%;}
.index-about dd{position:relative;padding-right: 100px;}
.index-about p{ max-width:333px; margin-top:20px;}
.index-about .indexmore{ bottom:0; top:auto}

.index-partner{ padding-bottom:50px; padding-top:20px;}
.sub-box{ position:relative; margin-top:30px; padding:0 40px;}
.sub-partner{overflow:hidden;padding-bottom: 1px;}
.sub-partner li{ list-style:none; float:left; padding:0 5px;}
.sub-partner li a{ display:block; overflow:hidden;border:1px solid #e4e4e4;}
.sub-partner li img{ display:block; width:100%;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .2s ease;}
	.sub-partner li:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -m-transform: scale(1.05);
    transform: scale(1.05);}
.panext,.paprev{ position:absolute; height:100%; top:0; background-position:center center; background-repeat:no-repeat; border:1px solid #e4e4e4; cursor:pointer; width:30px;}
.paprev{ background-image:url(../images/index21.png); left:0; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.panext{ background-image:url(../images/index22.png); right:0;-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}

/*搜索结果*/
.searchh2{ font-size:16px; color:#333; border-bottom:1px solid #dfdfdf; text-align:left; padding-bottom:7px; margin-bottom:11px; margin-top:-2px;}
.sort a{ display:block; font-size:14px; color:#3e3e3e; text-align:left; line-height:30px; cursor:pointer}
.sort a:hover,.sort a.cur{ color:#0081cc;}
.tosearch{ background:#f5f5f5; padding:0; margin-top:22px;}
.tosearch form{ display:block; position:relative; padding-right:50px;}
.tosearch input[type="text"]{ display:block; width:100%; padding:0 10px; height:50px; line-height:48px; font-size:16px; color:#333; border:1px solid #cfdfe8; border-right:none; background:#fff;}
.tosearch .searchbt{ position:absolute; width:50px; height:50px; top:0; right:0; background:#0081cc url(../images/icon02w.png) center center no-repeat; cursor:pointer;}
.condition h4{ float:left; font-size:14px; color:#666; padding-top:5px;}
.condition h4 i{ color:#333;}
.condition p{ float:right; font-size:14px; text-align:right; padding-top:10px; overflow:hidden;}
.condition p a{ color:#88afc5; padding-left:7px; height:15px; line-height:15px; display:block; float:left;}
.condition p a:nth-of-type(1){ padding-right:7px; border-right:1px solid #999;}
.condition p a.cur{ color:#0081cc;}
.search-list{ margin:0; padding:0}
.search-list li{ list-style:none; border-bottom:1px solid #dfdfdf; padding:27px 0 24px}
.search-list li a{ display:block; font-size:14px; color:#333; line-height:23px;}
.search-list li h2{ font-size:18px; margin-bottom:21px;}
.date{ display:block; color:#88afc5; margin-top:19px;}
.search-list li a>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.videolist ul{ padding:0; margin:0 -10px}
.videolist ul li{ list-style:none; float:left; margin-top:20px; padding-left:10px; padding-right:10px;}
.videolist ul li a{ display:block; border:1px solid #dfdfdf; padding:10px 10px 7px;}
.videolist ul li img{ display:block; width:100%;}
.videolist ul li h3{ font-size:14px; color:#333; padding-top:6px;}
.videoimg{ position:relative;}
.videoimg:after,.pic:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:2}
.videoimg span { position:absolute; z-index:3; left:50%; top:50%; background:url(../../webimages/add2.png) no-repeat; width:35px; height:35px; margin-left:-17px; margin-top:-17px;}
.videodate{display:block;position:absolute;bottom:0;right:0;background:url(../../webimages/add1.png) no-repeat;font-size:12px;color:#fff;width:100px;height:20px;line-height:20px;text-align: center;font-style: normal;z-index: 3; opacity:0}

.txtbox{ font-size:14px; color:#666; line-height:24px; padding-top:20px;}
.videobox{ max-width:580px; margin:0 auto; position:relative}
.play{position:relative;z-index: 10;}
.play.cur{ opacity:0; z-index:-1}
.btnplay{ position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; z-index:5}
.videobox video{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 9 !important;object-fit: fill;}
.pic{ position:relative;}

.new-about .videobox{ background:#000}


.index-case{ padding-top:19px;}
.search-list li:hover h2{ text-decoration:underline; color:#dd3d25;}
.index-new dl:hover dd h3{ text-decoration:underline; }


.indexbbox{ padding:0}
.sub-sulution ul{margin:0 -5px;width: auto;}
.sub-sulution ul li{ width:50%; margin-top:10px;}
.sub-sulution ul li img{ width:100%; display:block}

.case-txt{ text-align:center}
.case-txt div{ width:100%}
.caseul li em img{ width:auto; border:none; margin:0 auto; height:48px; margin-bottom:8px;}

.order-nav{ border-bottom:1px solid #dfdfdf;}
.order-nav a{float:left;border-bottom:2px solid transparent;padding: 8px 0;position:relative;top:1px;margin-right: 5px;width: 90px;text-align: center;}
.order-nav a.cur{ border-bottom-color:#0081cc; color:#0081cc; font-size:15px;}
.oonav{ overflow:hidden;}

.subnav a:hover{ color:#fff; background:#0081cc;}

.s_nono_div{ text-align:center; font-size:26px; color:#aaa; padding:38px 0}
.s_nono_div img{ max-width:100%}
.s_nono_txt{ max-width:350px; line-height:1.5em; margin:22px auto;}
.condition h4 i{ color:#dd3d25;}


.indexh2{ color:#333; line-height:1.1em;}
.addtxt{ text-align:center; font-size:15px; color:#333; max-width:757px; margin:23px auto 0; line-height:30px; padding-bottom:4px;}
.so-txt{ position:static; text-align:center; font-size:14px !important; color:#0081cc !important}
.so-txt h3{ font-size:18px !important; padding-bottom:0 !important; padding-top:4px !important}
.so-txt p{ margin-top:-5px; font-size:18px;}
.index-solution li a{ background:#fff; padding-top:20px; height:200px; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.imggg{ position:relative; display:inline-block; overflow:hidden;}
.imggg p{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.imggg img{ display:block; margin:0 auto;}
.imgghover{ position:absolute !important; top:0; right:-100%;}
.index-solution li:hover a{ background:#0081cc;}
.index-solution li:hover .so-txt{ color:#fff !important}
.index-solution li:hover .imggg p{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);}
.flex-prev,.flex-next{ cursor:pointer; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); display:block; background-color:rgba(0,0,0,.1); background-position:center center; background-repeat:no-repeat; overflow:hidden; line-height:9999px; width:30px; height:72px; background-size:12px auto;}
.flex-prev{ left:20px; background-image:url(../images/adddl.png); -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.flex-next{ right:20px; background-image:url(../images/addr.png); -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.subhead .language a:hover,.subhead .language a.cur,.subhead .language a{ color:#fff !important}
.subhead .language a:nth-of-type(1){ border-right-color:#fff !important}
.subhead .language{ padding:12px 0 12px 15px}
.subhead .language{background:url(../images/icon01.png) left center no-repeat;}
.addnav{ width:100%; float:left;}
.left-touch{ margin-top:-12px;}
.left-touchanmti{ margin-top:-25px;}
.navweb { padding-top:10px;}
.head{ padding-top:0}
.subhead .searchform{ height:25px;width:200px;}
.subhead .subsearch{ position:relative; height:25px; background:#e2e9ee;  width:100%; z-index:1; opacity:1; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; top:0; border:none}
.subhead .search{ background:none; width:200px; padding-top:7px; margin-right:15px;}
.subhead .searchform .PCin{ border:none; height:25px; line-height:24px; width:170px;}
.subhead .searchform .PCbt{ height:25px; background:url(../images/add00.png) center center no-repeat; top:0; right:0;}
.subsearch{ top:86px;}
.addmasker{ display:none;}

/*20180418*/
.index-solution li a{ padding:0 !important; overflow:hidden; height:auto !important}
.index-solution li img{ display:block; width:100% !important; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.index-solution li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.bbb{font-size:18px;color:#fff;text-align:center;background:url(../../webimages/b5.png) no-repeat;width:137px;height:85px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 8;display:table;}
.bbb h2{ font-weight:bold; font-size:18px; display:table-cell; vertical-align:middle}
.bbb h2 span{ display:block; font-size:20px; padding-top:4px;}
.bbb:before{content:"+";position:absolute;font-size:16px;top: 11px;right: 16px;line-height: 16px;}
.boxx{ max-width:900px; position:relative; margin:40px auto 0; overflow:hidden; text-align:center; width:100%;}
.the3d{ width:100%;}
.the3d li{float:left;list-style:none;text-align:center;position: relative;z-index: 1;padding: 30px 0 103px;}
.the3d li a{font-size:14px;color:#333;position:relative;display: block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.the3d li a img{ display:block; width:100%; position:relative;}
.ccc{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; color:#fff; padding:0 20px;}
.ccc .table{ display:table; width:100%; height:100%;}
.ccc .td{ display:table-cell; vertical-align:middle;}
.the3d li.swiper-slide-active{ z-index:5}
.the3d li.swiper-slide-active .ccc{ opacity:0}
.the3d li.swiper-slide-active img{ box-shadow:0 0 8px rgba(0,0,0,.49)}
.swiper-button-prev,.swiper-button-next{width:29px;height: 30px;cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:6;margin-top: -32px;}
.swiper-button-prev{ background:url(../../webimages/b8.png) no-repeat; left:10px;}
.swiper-button-next{ background:url(../../webimages/b9.png) no-repeat; right:10px;}
.bbp{position:absolute;top:100%;height:0;overflow:hidden;width: 100%;left: 0; padding-top:3px;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);}
.the3d li.swiper-slide-active .bbp{ height:auto;}

@media (min-width: 375px) and (max-width: 640px){
	.caseul li{ width:50%}
}

@media (max-width: 500px){
	.phoneshow{ padding:0}
	.phoneshow a{ width:100%; margin:20px 0 0}
	.thetab{ margin:0 -5px;}
	.thetab span{ width:33.333%; padding:0 5px; margin:0}
	
}


@media (min-width: 590px){
	
	.message li{ padding-left:85px; position:relative; padding-right:95px; margin-top:30px;}
	.message span{ position:absolute; left:0; top:0}
	.message label{ position:absolute; width:95px; padding-left:9px; right:0; top:0; height:35px; line-height:35px;}
	.mesbtns input{ margin:0 22px;}
	
	
}



/*ipad竖版区域*/
@media (min-width: 768px){
	
	/*inside*/
	.caselist dt{ float:left; width:27.24%}
	.caselist dd{ float:left; width:72.76%; padding-left:20px; margin:0}
	.caselist h3{ margin:0}
	.caselist span{ padding:0}
	.caselist i{ margin-top:13px;}
	.dowload i{ margin-top:58px;}
	
	.honorlist span{ height:177px;}
	#baguetteBox-overlay .full-image img {width: 600px !important;}
	
	.product a{ width:24.6%}
	
	.aboutus{ position:relative; padding-right:280px; min-height:580px;}
	.aboutright{ position:absolute; right:0; top:0; width:260px}
	.aboutul{ height:500px; overflow:hidden;}
	.prevspan,.nextspan{ display:block; width:250px; height:32px; background-position: center center; background-repeat:no-repeat; cursor:pointer}
	.prevspan{ background-image:url(../images/icon10.png)}
	.prevspan:hover{ background-image:url(../images/icon10h.png)}
	.nextspan{ background-image:url(../images/icon11.png)}
	.nextspan:hover{ background-image:url(../images/icon11h.png)}
	
	.cultureul{ position:absolute; right:8.5%; top:0; width:255px;}
	.ulcontact{ float:left; width:84%; max-width:480px}
	.ulcontact li{ float:left; min-width:240px; padding-bottom:11px;}
	.contacrcode{ float:right;}
	.zhanlue .pp1,.zhanlue .pp2,.zhanlue .pp3{ position:absolute;}
	.zhanlue .pp1{left: 50%;width: 170px;top: 51px;margin-left: -370px;}
	.zhanlue .pp2{right:0;width: 167px;top: 79px;}
	.zhanlue .pp3{left: 50%;width: 277px;bottom: 55px;margin-left: 69px;}

	.index-new{ float:left; width:46%;}
	.index-about{ float:right; width:48.6%;}
	.index-about{margin-top:0;padding-bottom: 1px;}
	
	.tosearch{ padding:30px 60px;}
	
	.sub-sulution ul li{ width:25%; margin:0}
	
	/*20180418*/
	.the3d li.swiper-slide-active a{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
	.bbp{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);}
	
	
	
}
/*ipad横版区域*/
@media (min-width: 991px) {
	
	.head{position: fixed;border-bottom: 1px solid #cfdfe8;height:auto;width: 100%;left: 0;top: 0;}
	.head h1{ padding-top:5px; height:auto;}
	body{padding-top: 101px;}
	.head h1 img{ width:280px}
	
	.phone-nav{ position:static; float:right; width:auto;}
	.nav{display:block !important;}
	.nav ul{padding:0;}
	.nav ul li{float:left;opacity:1;border:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;margin-left: 10px; }
	.nav ul li>a{font-size:14px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;text-align:center;padding: 0 10px; cursor:pointer}
	.nav ul li>a em{ opacity:0; display:block;}
	.nav ul li:hover>a,.nav ul li>a.cur{ color:#0095ec; border-bottom:3px solid #0095ec;}
	
	.flex-control-nav li a{ width:16px; height:16px;}
	.flex-control-nav li{ margin:0 15px;}
	
	.search{margin:0;position: static;float: right;}
	.search span{ height:50px; background-position: right 16px;}
	.searchform{ width:294px}
	.search em{ right:4px;}
	.subsearch{ width:378px;}
	.subnav,.ddnav{position:absolute;right:0;top: 62px;background:#fff;border:1px solid #cfdfe8;z-index:8;}
	.nav ul li:hover .subnav{ display:block}
	.navweb.cur{ position:static}
	.subnav{ border-bottom:none;}
	
	
	/*foot*/
	foot{ padding-top:64px;}
	.foot-link dl{float:left; width:16.666666%}
	.sub-foot{ padding-bottom:36px;}
	.sub-foot .foot-link:nth-of-type(6){ margin-right:0}
	.sub-foot dt{font-size: 16px;margin-bottom: 4px;border-bottom:none;line-height:24px;}
	.sub-foot dd a{font-size: 14px;line-height: 30px;}
	.sub-foot dd a:hover{    color: #fff;}
	.sub-foot dd .ddnav a:hover{ color:#2eb6f4}
	.sub-foot  dt:after{ display:none;}
	.sub-foot dd{ visibility:visible; z-index:1; top:0; position:static; padding-bottom:0;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;}
	.foot-link dt{ border-bottom:1px solid #303030;}
	.foot-link dt i{ display:inline-block; padding-bottom:10px; position:relative}
	.foot-link dt i:after{content:"";position:absolute;left:0;bottom:-1px;width:40px;background:#2eb6f4;height: 1px;}
	.foot-link dl:last-child dd a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.footcopy p{ float:left; margin-left:-5px; margin:0}
	.footcopy .commonweb div{ float:right;}
	.foot-link dl{border:none;overflow: visible;}
	
	
	/*inside*/
	.navleft{ float:left; width:20.83%; max-width:250px; text-align:center; padding-top:20px}
	.navul{ padding:0; margin:0}
	.navleft li{ border-bottom:1px solid #dfdfdf; border-left:2px solid #dfdfdf;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; list-style:none}
	.navleft li>a{ display:block; color:#3e3e3e; line-height:50px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
	.navleft li:hover>a,.navleft li.cur>a{ color:#0081cc;}	
	.navleft li:hover,.navleft li.cur{ border-left-color:#0081cc}
	
	.boxright{ float:right; width:77%; max-width:925px;}
	
	.message h2{ font-size:30px; line-height:42px;}
	
	.allcity{ position:absolute; width:230px; top:0; right:0}
	.domestic{padding-right:230px;position:relative;min-height: 647px;}
	.demap{ padding-right:40px; margin:0}
	.domestic .select .ul{ top:28px;}
	.domestic .select{width:230px;line-height:30px;height: 30px;}
	.domestic .list{margin-top: 10px;border: 1px solid #dfdfdf;border-top: none;}
	.domestic .list .btn{display:block;position:relative;height: 40px;border-top: 1px solid #dfdfdf;}
	.domestic .list .btn span{display:block;position:absolute;left:50%;top:50%;margin:-5px 0 0 -11px;width: 24px;height: 12px;}
	.domestic .list .btn:hover span{ background-position:left bottom;}
	.domestic .list .prev span{ background:url(../images/button_domestic_prev.png);}
	.domestic .list .next span{ background:url(../images/button_domestic_next.png);}
	.domestic .list .next{ background-position:left bottom;}
	.domestic .list .ul{height: 514px;overflow:hidden;text-indent:10px;padding:0;margin:0;}
	.domestic .list .ul li{border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;text-indent:0;list-style:none;}
	.domestic .list .ul li+li{ border-top:none; line-height:22px;}
	.domestic .list .ul .box{padding: 12px 17px;font-size:14px;}
	.domestic .list .ul .box:hover{background: #0081cc;color:#fff;}
	.domestic .list .ul .title1{font-weight:bold;font-size: 16px;padding-bottom: 4px;}
	.domestic .list .ul .info{white-space:pre-line;font-size: 14px;}
	
	.honorlist span{ height:184px;}
	.cultureul li{ padding-bottom:29px;}
	.zhanlue{ margin-top:50px;}
	.so-txt{ font-size:16px;}
	.so-txt h3{ font-size:26px; padding-bottom:6px;}
	
	.caseul{ margin:0 -10px;}
	.caseul li{ padding:20px 10px 0;}
	.caseul li a{font-size:20px;line-height:26px;overflow: hidden;}
	/*.case-txt{-webkit-transform: translateY(0) translateX(0) scale(0.25); -moz-o-transform: translateY(0) translateX(0) scale(0.25); -o-transform: translateY(0) translateX(0) scale(0.25); -ms-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25); -webkit-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s;opacity: 0;}
	.caseul li:hover .case-txt{-webkit-transform: translateY(0) translateX(0) scale(1); -ms-transform: translateY(0) translateX(0) scale(1); -o-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; opacity: 1;}*/
	.case-txt{-webkit-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; top:-100%;}
	.caseul li:hover .case-txt{ top:0;}
	.index-new dl{padding-left:155px;height: 90px;}
	.index-new dt{ width:135px;}
	
	.indexh2{font-size:30px;padding-bottom: 22px; padding-top:35px;}
	.flex-prev,.flex-next{ width:60px; height:145px; background-size:17px auto;}
	.subhead{ height:39px; background:#8ba8bc;}
	.nav ul li:hover>a, .nav ul li>a.cur{ border-bottom:none; color:#5884a2;}
	.nav ul li{ margin-left:0 !important;}
	.nav ul li>a{ position:relative; background:url(../images/add002.png) right 21px no-repeat; padding:0 20px; color:#183260}
	.nav ul li:last-child>a{background:url(../images/add003.png) right 23px no-repeat;}
	.nav ul{ position:static}
	.navweb{ position:static; margin-top:1px;}
	.addmasker{ background:rgba(0,129,204,.8); width:100% ; position:absolute; left:0; top:100px; padding:15px 0 17px; z-index:999; display:none;}
	.aubaaa{float:right;padding-left: 120px;position:relative;text-align:left;width: 630px;}
	.aubaaa h3{ font-size:21px; color:#fff; font-weight:bold; left:0; position:absolute; top:50%; margin-top:-25px; height:50px; line-height:50px; width:114px;}
	.aubaaa p{ border-left:1px dotted #fff; padding-left:10px;}
	.aubaaa a{color:#fff;position:relative;font-size:14px;display:block;float:left;margin-right:30px;margin: 10px 10px 7px 0;padding: 0 10px;-webkit-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;border: 1px solid transparent;height: 34px;}
	.aubaaa a:hover{ border:1px solid #fff;}
	.aubaaa a img{position:relative;top: 4px;margin-right:6px;}
	.nav ul li:hover .addmasker{ display:block;}
	.nav ul li:hover>a:before{ content:""; border-bottom:6px solid #5884a2; border-left:6px solid transparent;  border-right:6px solid transparent; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
	.nav ul li:last-child .aubaaa h3{ width:124px;}
	.nav ul li:last-child .aubaaa{padding-left:144px;width: 945px;}
	.nav ul li:last-child .aubaaa a{width:33.333%;padding-left: 15px;margin:0;line-height:24px;height: 24px; border:none}
	.nav ul li:last-child .aubaaa a:before{ content:""; position:absolute; left:0; top:50%; height:6px; width:6px; margin-top:-3px; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
	.nav ul li:nth-of-type(1) .aubaaa{ width:800px;}
	.nav ul li:last-child .aubaaa a:hover{border:none;text-decoration: underline;}
	
}

/*PC区域*/
@media (min-width: 1200px){
	body{padding-top: 111px;}
	
	.search span{ height:60px;}
	.head{ padding-top:20px}
	.head h1{ padding-top:0}
	.head h1 img{width: 411px;}
	.nav ul li>a{ height:62px; font-size:16px;}
	.nav ul li{ margin-left:15px}
	
	.flex-control-nav{ bottom:19px;}
	.search{ top:61px;}
	
	.search span:hover{ background-image:url(../images/icon02c.png);}
	
	/*foot*/
	.foot{ padding-top:47px}
	
	/*inside*/
	.title h2{padding:26px 0 9px;}
	.navbtn{ padding-top:30px;}
	.caselist i{ margin-top:21px;}
	.caselist h3{ margin-top:6px;}
	.caselist span{ padding-bottom:9px;}
	.dowload i{ margin-top:71px;}


	

	.solutionlist ul{ margin:0 -18px}

	.solutionlist li{ padding:0 18px 16px; }
	.honorbox{ margin:0 -18px;}
	.honorlist a{ padding:0 18px;}
	
	.honorlist span{ height:215px;}
	
	
	.product span{padding:14px 12px; }
	
	
	.zhanlue .pp1{width:215px;margin-left: -420px;}
	.zhanlue .pp2{width: 266px;top: 106px;}
	.zhanlue .pp3{width: 315px;}
	.indexbbox{ padding:0;}
	.index-about p{ margin-top:32px;}
	.index-solution li{padding: 0 10px;}
	.case-txt div{ padding:25px}
	.sub-partner li{ padding:0 10px;}
	.panext,.paprev{ width:40px;}
	.sub-box{ padding:0 50px;}
	
	.searchh2{ margin-top:8px;}
	.videolist ul{ margin:0 -20px;}
	.videolist ul li{ padding-right:20px; padding-left:20px;}
	
	.sonext{ right:-40px;}
	.soprev{ left:-40px;}
	
	.sub-sulution ul{ margin:0 -10px;}
	.indexbbox{ padding:0;}
	
	
	.indexh2{ font-size:36px;}
	.sub-box{ margin-top:50px;}
	.caseul{ padding:30px 0}
	.addtxt{ font-size:18px;}
	.head{padding-top: 0;}
	.head h1 img{ width:381px;}
	.nav ul li>a{ height:60px;}
	.nav ul li:last-child>a{background:url(../images/add003.png) right 25px no-repeat;}
	.addmasker{ top:110px;}
	
	/*20180418*/
	.ccc{padding: 0 60px;}	
	
}