/*浏览器弹窗*/
.CWhint{width:580px; position: fixed; top: 50%;left: 50%; margin-top:-149px; margin-left:-290px; background: #fff; z-index: 9999; display:none;}
.CWhinttit{ height:47px; background:#00a2e9; font-size:18px; color:#fff; line-height:47px; padding-left:20px; position: relative;}
.CWhintbox{ margin:0 48px; padding:35px 0; position:relative; padding-left:81px;}
.CWhintleft{ float:left; position:absolute; left:0; top:35px;}
.CWbrowser{    padding-top: 10px;}
.CWbrowser a{ display:inline-block; width:19%; font-size:12px; text-align:center;}
.CWbrowser a img{ display:block;    max-width: 100%; margin:0 auto;}
.CWbrowser a em{ display:block; color:#b80007;}
.CWbrowser a span{ display:block;    line-height: 16px;}	
.CWhintright h3{ font-size:18px;}
.CWhintrighthref{ color:#af251b; border-bottom:1px solid #af251b; margin:5px 0; display:inline-block;}
.CWhintgran{ color:#666; margin:10px 0;}
.CWclsoe{ display:block; position: absolute; height:47px; width:52px; text-align:center; top: 2px; right: 0;}
.masker02{ position: fixed; top: 0; left: 0;right:0;bottom:0; z-index: 9998; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000,endcolorstr=#8F000000); display: none;}



/*body{ background-color: #fff; max-height: 864px;}*/
body{ background-color: #fff; max-height: 864px; padding-top: 42px;}
.header{ position: fixed; top: 0; left: 50%; z-index: 4; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.header-top{ position: relative;}
/*.header .logo{ float: left; width: 60%; padding: 3% 0;}*/
.header .logo{ float: left; width: 180px; padding: 9px 0;}
.header .logo img{ display: block; width: 100%;}

.member-btn{ display: none;}

.header .nav-ico{ padding-bottom: 7px; right: 0; z-index: 999; cursor: pointer;}
.header .nav-ico span{ display: block; width: 30px; height: 2px; margin-top: 7px; background-color: #00a2e9;}

.header .nav-ico.active span:first-of-type{ -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg);}
.header .nav-ico.active span:nth-child(2n){ opacity: 0;}
.header .nav-ico.active span:last-of-type{ -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}

.header .language{ right: 0; padding-left: 75px; height: 25px; background: url(../images/cico01.png) left no-repeat; z-index: 5; cursor: pointer;}
.header .language .link{ width: 136px; top: 100%; background-color: #fff; padding-top: 10px; border-top: 1px solid #dddddd; display: none;}
.header .language .link a{ display: block; width: 100%; padding: 14px 0 6px 0; text-align: center; line-height: 22px; border: 1px solid #dddddd;border-top:none;}
/*.header .language .link a{ display: block; width: 100%;  padding: 14px 0 6px 58px; line-height: 22px; border: 1px solid #dddddd; border-bottom: none;}
.header .language .link a.lico01{ background: url(../images/lico01.png) 15px 14px no-repeat;}
.header .language .link a.lico02{ background: url(../images/lico02.png) 15px 14px no-repeat;}
.header .language .link a.lico03{ background: url(../images/lico03.png) 15px 14px no-repeat;}
.header .language .link a.lico04{ background: url(../images/lico04.png) 15px 14px no-repeat;}
.header .language .link a.lico05{ background: url(../images/lico05.png) 15px 14px no-repeat;}
.header .language .link a.lico06{ background: url(../images/lico06.png) 15px 14px no-repeat;}*/


.header .language.active{ background-image: url(../images/cico04.png);}

.mo-navbox{ position: fixed; left: 0; width: 100%; max-height: 100%; padding-top: 10px; overflow-x: hidden; overflow-y: scroll; background-color: #fff; z-index: 4; display: none;}
.mo-nav{}
.mo-nav li{}
.mo-nav li h3{ padding-top: 2px; border-bottom: 1px solid #e6e6e6;}
.mo-nav li h3 a{ display: block; font-size: 14px; color: #333; line-height: 36px; padding-left: 20px; position: relative;}

.mo-nav .more h3 a:after{ content: ''; position: absolute; left: 90%; top: 25%; width: 10px; height: 10px; border-bottom: 1px solid #919191; border-right: 1px solid #919191; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.mo-nav .active h3 a:after{ -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top: 40%;}

.mo-nav li .mo-subnav{ display: none;}
.mo-nav li .mo-subnav a{ display: block; font-size: 12px; color: #333; line-height: 36px;  padding-left: 30px; border-bottom: 1px solid #e6e6e6; background: url(../images/cico02.png) 20px no-repeat;}

.mo-memberbtn{ padding: 20px 0 20px 20px; color: #666;}
.mo-memberbtn a{ color: #666;display:inline-block;width:48%;text-align:center;}

.left-menu{ position: absolute; right: 0;  top: 85px; z-index: 4;}
.left-menu .menu{ position: relative;}
.left-menu .ico{ display: block; width: 40px; height: 40px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer;}
.left-menu .search-ico{ background: #fff url(../images/cico06.png) center no-repeat;}
.left-menu .share-ico{ background: #fff url(../images/cico07.png) center no-repeat;}
.left-menu .eamil-ico{ background: #fff url(../images/cico08.png) center no-repeat;}

.left-menu .menu .cont-box{ position: absolute; top: 0; right: 100%; width: 270px; padding: 10px 10px 0; border: 1px solid #ddd; font-size: 12px; background-color: #fff; display: none;}
.left-menu .cont-box:after{ content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 38px; background-color: #fff;}
.left-menu .cont-box .tip{ color: #666; padding-bottom: 2.6%; font-size: 14px;}
.left-menu .search-box{ position: relative; border: 1px solid #ddd; margin-bottom: 6%;}
.left-menu .search-box input[type=text]{ display: block; width: 100%; height: 32px; line-height: 32px; color: #333; font-size: 12px; padding: 0 80px 0 10px;}
.left-menu .search-box input[type=submit]{ position: absolute; top: 0; right: 0; width: 70px; height: 32px; line-height: 32px; text-align: center; color: #333; font-size: 12px; cursor: pointer;}

.left-menu .cont-box .hot-tip{ color: #999;}
.left-menu .hot-list{ padding-bottom: 10px;}
.left-menu .link a{ float: left; width: 50%; color: #666;}
.left-menu .link a:hover{ color: #00a2e9;}
.left-menu .hot-list a{ padding-bottom: 6px;}

.left-menu .share{ padding-top: 8px;}
.left-menu .share a{ height: 30px; line-height: 30px; color: #666; padding-left: 45px; margin-bottom: 7.9%;}
.left-menu .share a.linkedin{ background: url(../images/cico09.png) 0 0 no-repeat;}
.left-menu .share a.fbook{ background: url(../images/cico10.png) 0 0 no-repeat;}
.left-menu .share a.twitter{ background: url(../images/cico11.png) 0 0 no-repeat;}
.left-menu .share a.youtube{ background: url(../images/cico12.png) 0 0 no-repeat;}
.left-menu .share a.google{ background: url(../images/cico13.png) 0 0 no-repeat;}

.left-menu .contact-tip{ color: #999; border-bottom: 1px dotted #a9a9a9; padding: 2.9% 0 2.6%; margin-bottom: 3.1%;}
.left-menu .eamil{ padding-bottom: 3.1%;}
.left-menu .eamil a{ padding-bottom: 2.6%;}

.left-menu .menu.active .ico{ border-color: #ddd;}

.footer{ color: #666; overflow: hidden;}
.footer-box{ padding: 7px 0; border-top: 1px solid #ddd;}
.footer-box p{ padding-bottom: 2px;}
.footer-box .add{ margin-right: 10px;}
.footer-box .info span,.footer-box .link a{ display: inline-block;}
/*.footer-box .info span:first-child,.footer-box .link a:first-child{ padding-right: 5px;}
.footer-box .info span:last-child,.footer-box .link a:last-child{ padding-left: 5px;}*/
.footer-box a{ color: #666;}

.banner{ padding-top: 6px;}
.banner a.null{ cursor: default;}
.banner .banner-drop{ bottom: 4px;}
.banner .banner-drop .swiper-pagination-bullet{ margin: 0 4px; width: 8px; height: 8px; background-color: #d7d4d2; opacity: .8;}
.banner .banner-drop .swiper-pagination-bullet-active{ background-color: #00a2e9; opacity: 1;}

.index-tip{ margin: 15px 0; text-align: center; position: relative;}
.index-tip span{ display: inline-block; line-height: 48px; width: 124px; background-color: #fff; font-size: 18px; font-weight: 700; position: relative; z-index: 1;}
.index-tip:after{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #ddd; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

.index-pro{ margin: 0 -8px;}
.index-pro li{ padding: 0 8px; margin-bottom: 15px; position: relative;}
.index-pro li .ico{ width: 56.1%; bottom: 32.5%;}
.index-pro li .tip{ top: 63.3%; text-align: center; font-size: 12px; line-height: 20px; color: #fff; font-weight: 700;}
.index-pro li .link{ display: none;}


/*面包屑*/
.crumbs-box{ padding: 1% 0; line-height: 26px;}
.crumbs-box .column-name{ font-size: 14px; float: left; color: #00a2e9;}

.index-tip{ margin: 15px 0; text-align: center; position: relative;}
.index-tip span{ display: inline-block; line-height: 48px; width: 124px; background-color: #fff; font-size: 18px; font-weight: 700; position: relative; z-index: 1;}
.index-tip:after{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #ddd; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

.index-pro{ margin: 0 -8px;}
.index-pro li{ padding: 0 8px; margin-bottom: 15px; position: relative;}
.index-pro li .ico{ width: 45%; bottom: 40%;}
.index-pro li .tip{ width: 100%; position: absolute; left: 0; top: 60%; text-align: center; font-size: 18px; line-height: 18px; color: #fff; padding: 0 16px;}

.index-solution{}
.index-solution li{ position: relative; padding: 0;}
.index-solution li .ico{ width: 49%; bottom: 39.3%; z-index: 2; -webkit-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.index-solution li .ico:nth-of-type(2){ display: none;}
.index-solution li .tip{ width: 100%; padding: 0 20px; top: 33.8%; line-height: 30px; text-align: center; color: #fff; font-size: 38px;left: 30%;}

.index-solution li:hover .ico:nth-of-type(1){ display: none;}
.index-solution li:hover .ico:nth-of-type(2){ display: block;}

.index-about{}
.index-about .ia-left{}

.index-new{ background-color: #f2f2f2; margin-bottom: 10px;}
.index-new a{ display: block;}
.index-new .pic-box{}
.index-new .text{ padding: 8% 10px;}
.index-new .text .tip{ font-size: 16px; font-weight: 700; color: #00a2e9;}
.index-new .text .title{ -webkit-line-clamp: 2; font-size: 20px; color: #333; font-weight: 700; margin-top: 10px;PADDING-BOTTOM: 20PX;}
.index-new .text .date{ color: #999; margin: 6px 0;}
.index-new .text .info{ -webkit-line-clamp: 4; margin-bottom: 2.1%; font-size: 14px;}

.index-join{ margin: 10px 0; padding: 8% 10px; background-color: #f2f2f2;}
.index-join .tip{ font-size: 16px; color: #00a2e9; font-weight: 700; padding-bottom: 3.5%;}
.index-join .text1{ font-size: 18px; font-weight: 700; color: #333;}
.index-join .text2{ padding: 10px 0 26px; font-size: 16px; color: #333; border-bottom: 1px solid #ccc;}
.index-join .link{ padding-top: 2%;}
.index-join .link a{ display: block; padding: 0 4px 0 10px; background: url(../images/cico44.png) 0 no-repeat; width: 100%; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.index-join .link a:hover{ color: #00a2e9; background-image: url(../images/cico45.png);}

.index-support{ position: relative; text-align: center;}
.index-support .around-center{ width: 70.25%; color: #fff;}
.index-support .ico{ display: block; width: 30.2%; margin: 0 auto; padding-bottom: 7.2%;}
.index-support .tip{ font-size: 18px; font-weight: 700; line-height: 32px; padding-bottom: 8px;}
.index-support .text{ font-size: 14px;}

.index-contact{ padding: 10.4% 20px 10.4%; background-color: #084398; text-align: center; color: #fff; margin-top: 10px;}
.index-contact .tip{ font-size: 16px; position: relative; padding-bottom: 10px; margin-bottom: 12px;}
.index-contact .tip:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 54px; height: 1px; background-color: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.index-contact .add{ font-size: 18px; font-weight: 700; padding-bottom: 6.8%;}
.index-contact label{ display: block; background-color: #00b1ff; margin-bottom: 5.2%; border-radius: 3px;}
.index-contact input[type=text]{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; padding: 0 10px 0 50px; color: #fff; background-color: transparent;}
.index-contact .name{ background: url(../images/cico46.png) 10px no-repeat;}
.index-contact .eamil{ background: url(../images/cico47.png) 10px no-repeat;}
.index-contact textarea{ display: block; width: 100%; height: 180px; border: none; font-size: 16px; color: #fff; outline: none; background-color: transparent; resize: none; padding: 10px;}
.index-contact input[type=submit]{ display: block; width: 100%; font-size: 24px; line-height: 48px; color: #00a2e9; background-color: #fff; border-radius: 3px; cursor: pointer;}
.index-contact input[type=submit]:hover{ background-color: #00b1ff; color: #fff;}
/* Mozilla Firefox 4 to 18 */ 
.index-contact :-moz-placeholder { color: #fff;}
/* Mozilla Firefox 19+ */
.index-contact ::-moz-placeholder { color: #fff;}
.index-contact input:-ms-input-placeholder,.index-contact textarea:-ms-input-placeholder { color: #fff;}

.index-contact input::-webkit-input-placeholder,.index-contact textarea::-webkit-input-placeholder { color: #fff;}

/*成功案例*/
.case-list{ border-bottom: 1px solid #fff;}
.case-list .pic-box{}
.case-list .text-box{ color: #fff; padding: 0 10px; overflow: hidden;}
.case-list .text-box .title{ font-size: 16px; padding: 10px 0;}
.case-list .text-box .info{ font-size: 12px; line-height: 24px; width: 100%; -webkit-line-clamp: 4;}
.case-list .text-box .more{ width: 90px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #fff; margin: 18px 0;}

.case-list:nth-child(odd){ background-color: #00a2e9;}
.case-list:nth-child(even){ background-color: #666;}
.case-list:nth-child(odd):hover .text-box .more{ background-color: #fff; color: #00a2e9;}
.case-list:nth-child(even):hover .text-box .more{ background-color: #fff; color: #666;}

/*成功案例详情*/
.newdetail-top{ text-align: center;}
.newdetail-top .title{ padding: 3.75% 0 1.5%; font-size: 16px; color: #1a1a1a;}
.newdetail-top .other{ line-height: 24px; font-size: 13px; padding-bottom: 3.33%; border-bottom: 1px solid #ccc;}
.newdetail-top .other span{ display: inline-block; margin: 0 6px;}
.newdetail-cont{ padding: 3% 0 24px;}

.prev-next{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 13px 0 3px; margin-top: 5.2%;}
.prev-next a{ display: block; margin-bottom: 10px; line-height: 27px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prev-next a .tip{ display: inline-block; width: 63px; height: 27px; line-height: 27px; background-color: #f2f2f2; text-align: center; margin-right: 8px; color: #1a1a1a;}
.prev-next a:hover{ color: #00a2e9;}
.prev-next a:hover .tip{ background-color: #00a2e9; color: #fff;}

/*产品中心*/
.products{ background-color: #f7f7f7; padding: 3.12% 48px 8.3%;background: #7FFFD4;}

.products .pro-btn{ width: 20px; height: 29px; margin-top: 0; display: none;}
.products .pro-prev{ left: 8px; background-image: url(../images/cico18.png); -webkit-background-size: 100%; background-size: 100%;}
.products .pro-next{ right: 8px; background-image: url(../images/cico19.png); -webkit-background-size: 100%; background-size: 100%;}
.products .pro-prev.swiper-button-disabled{ background-image: url(../images/cico16.png);}
.products .pro-next.swiper-button-disabled{ background-image: url(../images/cico17.png);}

.products .pro-name{ font-size: 16px; color: #333; line-height: 28px; padding: 3.5% 0 4.5%;}
.products .info{ line-height: 20px;text-align: center;}
.products .down{ display: block; width: 116px; height: 34px; line-height: 34px; text-align: center; color: #0090d2; border: 1px solid #0090d2; margin-top: 20px;}
.products .down:hover{ background-color: #0090d2; color: #fff;}

/*搜索*/
.searches{ background-color: #f7f7f7; padding: 40px 3.12%;}
.searches .searches-box{ padding-bottom: 3.66%;}
.searches .searches-box label{ display: block;}
.searches .searches-box input[type=text]{ width: 100%; height: 32px; line-height: 32px; padding: 0 6px; border: 1px solid #d9d9d9; background-color: #fff; margin-bottom: 4px;}
.searches .searches-box input[type=submit]{ width: 100%; line-height: 32px; height: 32px; color: #fff; text-align: center; background-color: #00a2e9;}
.searches .tip{ font-size: 16px; color: #999; text-align: center; line-height: 26px;}
.searches .pop-sear{ text-align: center; line-height: 25px;}
.searches .pop-sear a{ display: inline-block; color: #333; margin: 0 4px;}
.searches .pop-sear a:hover{ color: #00a2e9;}

/*调查*/
.inquiry-box{ padding: 3% 3.33% 4.5% 3.33%; background-color: #f7f7f7;}
.inquiry-box .tip{ padding-bottom: 0.83%;}
.inquiry-box label{ display: block;}
.inquiry-box textarea{ width: 100%; height: 84px; margin-bottom: 1.25%; padding: 4px; resize: none; border: 1px solid #ccc;}
.inquiry-box .eamil-box{}
.inquiry-box .eamil-box input[type=text]{ width: 100%; height: 34px; line-height: 34px; border: 1px solid #ccc; margin-bottom: 4px; padding-bottom: 0 4px;}
.inquiry-box .eamil-box input[type=submit]{ width: 100%; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 16px; background-color: #00a2e9; cursor: pointer;}

.faq-tip{ font-size: 16px; border-bottom: 1px solid #f2f2f2; padding: 2.9% 0 5px;}
.faq-box{ margin: 2.8% auto 4%;}

.xcproblem-list{ margin-bottom: 16px; line-height: 22px; border-bottom: 1px solid #e8e8e8; background: url(../images/cico28.png) right 10px no-repeat;}
.xcproblem-list dt{ font-size: 16px; padding: 4px 28px 4px 44px; margin-bottom: 14px; background: url(../images/cico26.png) 0 0 no-repeat;}
.xcproblem-list dt a{ display: block;}
.xcproblem-list dd{ font-size: 16px; padding: 1.38% 10px 1.725% 50px; background: #f7f7f7 url(../images/cico27.png) 10px 12px no-repeat; -min-height: 80px; display: none;}

.xcproblem-list.active{ background-image: url(../images/cico29.png);}
.xcproblem-list.active dt a{ color: #00a2e9;}

/*下载*/
.xcdown-list{ border-top: 1px solid #e8e8e8; padding-top: 2.5%;}
.xcdown-list li{ position:relative; border-bottom:1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 2.5%; border-bottom: 1px solid #e8e8e8;padding-right:20%;}
.xcdown-list li a{ display:block;}
.xcdown-list li h3{ font-size:16px;color:#111222; padding-bottom:0.5%;}
.xcdown-list li p.description{ color: #4c4c4c; line-height: 24px;}
.xcdown-list li p.time{ color:#999; padding-top: 2%;}
.xcdown-list li span{ display:block; background: url(../images/cico30.png) no-repeat; width:55px; height:55px; -webkit-background-size: 100%; background-size: 100%; margin-top: 2%;}
.xcdown-list li span{ width: 70px; height: 70px; position: absolute; right: 0; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: 0;}
.xcdown-list li a:hover p.time{ color: #00a2e9;}
.xcdown-list li a:hover span{ background-image: url(../images/cico31.png);}

/*发展历程*/
.history{ position: relative; padding: 14% 0 11%;}
.history:before{ content: ''; height: 100%; position: absolute; top: 0; left: 14px; border-left: 1px solid #ccc; z-index: 1;}
.history .direction{ position: absolute; left: 0; width: 30px; height: 30px; z-index: 2;}
.history .top-ico{ top: 0; background: url(../images/cico32.png) 0 0 no-repeat;  -webkit-background-size: 100%; background-size: 100%;}
.history .down-ico{ bottom: 0; background: url(../images/cico33.png) 0 0 no-repeat;  -webkit-background-size: 100%; background-size: 100%;}
.history-list{ background: #f7f7f7; border: 1px solid #eee; margin: 0 0 10px 40px; padding: 10px 8px; position: relative; clear: both;}
.history-list:before{ content: ''; width: 14px; height: 14px; border: 1px solid #eee; border-right-color: transparent; border-bottom-color: transparent; background-color: #f7f7f7; position: absolute; left: -8px; top: 50%; -webkit-transform: translate(0, -50%) rotate(-45deg); -ms-transform: translate(0, -50%) rotate(-45deg); -o-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg);z-index:1;}
.history-list * { position:relative;z-index:2;}
.history-list .date{ color: #999;}
.history-list .title{ color: #00a2e9; font-size: 16px;}
.history-list .list-ico{ left: -35px; width: 17px; height: 17px; background: url(../images/cico34.png) 0 0 no-repeat; z-index: 2;}

/*关于我们*/
.about-us{}
.about-brief{ background-color: #00a1e9; margin-bottom: 7px;}
.about-brief .text-box{ padding: 6% 2.9% ; color: #fff;}
.about-brief .text-box .since{ display: block; width: 60%; padding-bottom: 3.8%;}
.about-brief .text-box .text1{ font-size: 18px; padding-bottom: 3.5%;}

.about-brief2{ background-color: #00a1e9; color: #fff; margin-bottom: 2%;}
.about-brief2 .info{ padding: 2% 2.5% 2.5%;}

.about-brief3{}
.about-brief3 .text-box{ margin-bottom: 7px; background-color: #f7f7f7;}
.about-brief3 .text-box .info{ padding: 18px 15px 27px; line-height: 22px;}

.about-brief4{ background-color: #f7f7f7; margin-bottom: 7px;}
.about-brief4 .info{ padding: 6% 3.12%; line-height: 22px;}

.about-brief5{ background-color: #00a1e9; color: #fff; padding: 4.2% 0;}
.about-brief5 .info{ padding: 0 3.54%;}
.about-brief5 .other-list{ text-align: center;}
.about-brief5 .other-list li{ display: inline-block; width: 70%; margin: 3.33% 0; padding: 0 10px;}
.about-brief5 .other-list li .num{ font-size: 40px; line-height: 70px;}
.about-brief5 .other-list li .text{ line-height: 18px;}

/*加入我们*/
.searches.reset{ padding: 3.12%;}
.searches.reset .searches-box{ padding-bottom: 0;}
.searches.reset .searches-box .searches-tip{ padding-left: 30px; font-size: 18px; color: #00a2e9; height: 40px; line-height: 40px; background: url(../images/xico01.png) 0 no-repeat; -webkit-background-size: 20px; background-size: 20px;}

.jobbox{ margin: 20px 0 15px;}
.job-list{ border-bottom: 1px solid #e6e6e6; background: url(../images/xico04.png) 99% 26px no-repeat;}
.job-list dt{ padding: 0 20px; background: url(../images/xico02.png) 5px no-repeat; height: 60px; line-height: 60px; font-size: 16px; color: #4c4c4c; overflow: hidden; cursor: pointer;}
.job-list dd{ padding: 3.33% 5.4% 0 3.9%; background-color: #f7f7f7; overflow: hidden; display: none;}
.job-list dd .cont{ color: #4c4c4c;}
.job-list dd .cont .jobask-title{ font-weight: 700; padding-bottom: 2.5%;}
.job-list dd .cont .jobask-text{}
.job-list dd .askjob{ display: block; width: 145px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; background-color: #00a2e9; margin: 4.15% 0;}
.job-list dd .askjob:hover{ background-color: #0094d6;}

.job-list.active{ background-image: url(../images/xico05.png); border-bottom: none;}
.job-list.active dt,.job-list dt:hover{ background-image: url(../images/xico03.png); color: #00a2e9;}

/*新闻*/
.new-box{ padding: 1.87% 0;}
.new-list{ overflow: hidden; border-bottom:1px solid #e1e1e1; margin-bottom: 3.33%; padding-bottom: 3.1%;}
.new-list a{ display: block;}
.new-list .pic-box{}
.new-list .pic-box img{}
.new-list .tip{ font-size: 16px; color: #1a1a1a; margin-top: 3.33%; -webkit-line-clamp: 1;}
.new-list .date{ padding-left: 30px; margin: 6px 0; background: url(../images/xico06.png) 0 no-repeat;}
.new-list .info{ -webkit-line-clamp: 3;}
.new-list .more{ width: 97px; height: 36px; line-height: 36px; text-align: center; font-size: 13px; color: #1a1a1a; border: 1px solid #8c8c8c; margin-top: 3.1%;}
.new-list:hover .more{ border-color: #00a2e9; color: #00a2e9;}

/*登录*/
.login-register{ padding: 10px;}
.login-register .login{ margin-bottom: 5%;}
.login-register .input-box{ display: block; position: relative; margin-top: 4.6%;}
.login-register .input-box .tip{ padding: 0 0 4px 6px; font-size: 14px; color: #333;}
.login-register .input-box .ver-tip{ position: absolute; right: 10px; bottom: 0; color: #00a2e9; text-decoration: underline; height: 43px; line-height: 43px;}
.login-register .input-box input{ display: block; width: 100%; padding: 0 4px; height: 43px; line-height: 43px; font-size: 14px; color: #333; border: 1px solid #ccc;}
.login-register .input-box.reset input{ padding-right: 74px;}
.login-register .remember-tip{ display: block; padding: 3% 0 3.33%; border-bottom: 1px solid #c5c5c5;}
.login-register .about-pass{ margin-top: 10px;}
.login-register .about-pass a:first-child{ float: left;}
.login-register .about-pass a:last-child{ float: right;}
.login-register .about-pass a:hover{ color: #00a2e9;}
.login-register input[type=submit]{ display: block; width: 100%; height: 44px; line-height: 44px; color: #fff; text-align: center; background-color: #00a2e9; font-size: 14px; margin-top: 5%; cursor: pointer;}

.login-register .register{}
.login-register .register .text1{ font-size: 15px; color: #333;}
.login-register .register .text2{ font-size: 24px; color: #111; font-weight: 700; margin: 10px 0;}
.login-register .register .text3{}
.login-register .register .register-btn{ display: block; width: 132px; height: 38px; line-height: 38px; background-color: #00a2e9; color: #fff; text-align: center; font-size: 14px; margin-top: 3.75%;}

.login-register .register .register-btn:hover,.login-register input[type=submit]:hover{ background-color: #0094d6;}

/*注册*/
.login-register .login .tip span{ color: #e60012;}
.login-register .login.reset:after{ height: 95%;}

/*联系我们*/
.contact{ padding: 2% 0 2.8%;border: 1px solid #f7f1f1;}
.contact .title{ font-size: 20px; color: #00a2e9; text-align: center; line-height: 46px; padding-bottom: 4.5%;}
.contact-list{ padding-bottom: 4.5%;}
.contact-list li{ padding: 0 20px 20px;}
.contact-list li img{ display: block;  margin: 0 auto;}
.contact-list li .tip{ padding: 1.3% 0; text-align: center; font-size: 13px;}
.contact-list li .text{ color: #333; text-align: center; line-height: 16px;}

.map{ width: 100%; height: 400px;}

/*解决方案*/
.solution-pic{}
.solution-pic .cont-box{ display: none;}
.solu-menubox{ margin-top: -32px; position: relative; background-color: rgba(0, 0, 0, .5);}
.solu-menutip{ height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 20px; position: relative; cursor: pointer;}
.solu-menutip:after,.solu-menu li:after{ content: ''; height: 8px; width: 8px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; position: absolute; right: 10px; top: 14px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.solu-menutip.active:after,.solu-menu li.active:after{ top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.solu-menu{ display: none;}
.solu-menu li{ border-bottom: 1px solid #fff; position: relative;}
.solu-menu li .tip{ color: #fff; padding: 0 20px; line-height: 32px; cursor: pointer;}
.solu-menu li .info{ display: none; color: #fff; padding: 0 40px 10px;}

.solu-info{}
.solu-info .tip{ padding: 1.6% 0 1.5%; font-size: 16px; color: #333;}
.solu-info .text{}

/*搜索结果*/
.resultlist{font-size:13px;}
.resultlist ul{ padding-bottom: 3%;}
.resultlist img{display:block;width:100%;margin-bottom:2%;}
.resultlist li{padding:15px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-bottom:-1px;}
.resultlist h4{font-size:16px;line-height:24px;margin-bottom:3%;}
.resultlist h4 em{color: #00a2e9;}
.resulttext{text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;}
.resultlabel{color:#999;display:inline-block;padding-top:3%;}

/*网站地图*/
.webmap{}
.webmap li{}
.webmap li .main-column{ background: url(../images/xico07.png) 0 repeat-x;}
.webmap li .main-column a{ border-left: 5px solid #00a2e9; color: #00a2e9; font-size: 18px; line-height: 24px; background-color: #fff; padding: 2px 2% 2px 10px;}
.webmap li .subcolumn{ padding-bottom: 4.33%;}
.webmap li .subcolumn a{ padding: 1.66% 0 0 20px; float: left;}
.webmap li .subcolumn a:hover{ color: #00a2e9;}

/*登录激活*/
.act-tip{}
.act-tip .text{ text-align: center; color: #00a2e9; font-size: 24px; line-height: 32px; padding: 86px 0 22px;}
.act-tip .act-failed{ background: url(../images/xico08.png) center top no-repeat;}
.act-tip .act-suc{ background: url(../images/xico09.png) center top no-repeat;}
.act-tip a{ display: block; width: 142px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; background-color: #00a2e9; color: #fff; margin: 0 auto;}
.act-tip a:hover{ background-color: #0094d6;}

/*其他*/
.oh{ overflow: hidden; position: relative;}
.webbox{ padding-left: 3%; padding-right: 3%; background-color: #fff; width: 100%; max-width: 1280px; margin: 0 auto;}
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1; display: none;}
.level-center{ position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.vertical-center{ position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.around-center{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.transition{ -webkit-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.img-block{ display: block; width: 100%;padding:5px 2px 0 0;}
.text-clip{ display: -webkit-box; -webkit-box-orient: vertical; -ms-word-break: break-word; word-break: break-word; overflow: hidden;}
.back a{ display: block; width: 95px; height: 35px; font-size: 14px; text-align: center; line-height: 35px; color: #fff; background-color: #00a2e9; margin: 0 auto;}
.back a:hover{ background-color: #0094d6;}
.login-more{ display: block; width: 100%; height: 30px; background: #00a2e9 url(../images/cico25.png) center no-repeat; -webkit-background-size: 20px; background-size: 20px; margin-bottom: 2.3%;}
.login-more:hover{ background-color: #0094d6;}

.pb22{ padding-bottom: 1.83%;}
.c1a{ color: #1a1a1a;}
.font16{ font-size: 14px;}
.lh24{ line-height: 22px;}


@media (min-width: 375px){
    .header .logo{  padding: 10px 0 12px;}
}
/*ipad竖版区域*/
@media (min-width: 767px){
    /*.header .logo{ width: 29.16%;}*/
    body{ padding-top: 49px;}
    .header .logo{ width: 210px; padding: 10px 0 12px;}

    .left-menu .menu .cont-box{ width: 378px; padding: 20px 25px 0; font-size: 14px;}
    .left-menu .cont-box .tip{ font-size: 16px;}
    .left-menu .search-box input[type=text],.left-menu .search-box input[type=submit]{ font-size: 14px;}
    .left-menu .hot-list{ padding-bottom: 40px;}

    .footer{ text-align: center;}

    .banner .banner-drop{ bottom: 14px;}
    .banner .banner-drop .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px;}

    .index-pro li .ico{ width: 88%;}
    .index-pro li .tip{ font-size: 24px; line-height: 30px; font-weight: 700;}

    .index-solution li .tip{ width: 55%; padding: 0;}

    .index-new .pic-box{ width: 99.6%; height: 300px; float: left; position: relative;}
    .index-new .pic-box img{ position: absolute; min-width: 100%; width: 343px; height: 300px; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .index-new .text{ width: 99.4%; float: right; padding: 3% 3.9% 0;}
    .index-new .text .info{ -webkit-line-clamp: 4;}

    .index-join{ float: left; width: 49.7%; height: 318px; margin: 0; padding: 4.5% 10px 0;}
    .index-join .text1{ font-size: 24px; }
    .index-join .text2{ font-size: 18px;}

    .index-support{ float: left; width: 50.3%; height: 318px; padding: 0 7px; position: relative; text-align: center;}
    .index-support:after{ content: ''; position: absolute; width: 14px; height: 100%; left: -1px; top: 0; background-color: #fff;}
    .index-support .img-block{ position: absolute; width: 390px; min-width: 100%; height: 318px; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .index-support .tip{ font-size: 24px;}
    .index-support .text{ font-size: 16px;}

    .index-contact{ padding: 8% 20px 16%;}
    .index-contact .add{ font-size: 24px;}
    
    /*面包屑*/
    .crumbs-box .column-name{ font-size: 24px;}
    .crumbs-box .crumbs{ float: right; font-size: 14px; color: #999;}
    .crumbs-box .crumbs a{ display: inline-block; color: #999;}
    .crumbs-box .crumbs .home{ padding-left: 30px; background: url(../images/cico14.png) 0 center no-repeat;}
    .crumbs-box .crumbs .home:hover{ background-image: url(../images/cico15.png);}
    .crumbs-box .crumbs a.on,.crumbs-box .crumbs a:hover{ color: #666; font-weight: 700;}

    /*单页*/
    .list-box:nth-child(odd) .pic-box{ float: left;left:0;}
    .list-box:nth-child(odd) .text-box{float: right;right:0;}
    .list-box:nth-child(even) .pic-box{ float: right;right:0;}
    .list-box:nth-child(even) .text-box{float: left;left:0;}

    /*成功案例*/
    .case-list .pic-box{ width: 33.3%;}
    .case-list .text-box{ width: 66.6%;}
    .case-list .text-box .title{ font-size: 16px; padding:0 0 3%}
    .case-list .text-box .info{ font-size: 14px; -webkit-line-clamp: 3;}
    .case-list .text-box .more{ margin-bottom: 0;}

    /*成功案例详情*/
    .newdetail-top.reset{ padding-top: 15px;}
    .newdetail-top .title{ font-size: 28px; line-height: 30px; padding: 0 16%;}
    .prev-next a{ padding-left: 0;}
    .prev-next a:last-child{ text-align: right;}

    /*产品中心*/
    .products .pro-btn{ width: 30px; height: 43px;}
    .products .pro-name{ font-size: 24px;text-align: center;}

    /*搜索*/
    .searches{ padding: 13.66% 18.33% 21.83%;}
    .searches .searches-box{ width: 100%; max-width: 568px; padding-bottom: 3.66%; margin: 0 auto; position: relative;}
    .searches .searches-box input[type=text]{ height: 50px; line-height: 50px; padding: 0 138px 0 6px; margin-bottom: 0;}
    .searches .searches-box input[type=submit]{ width: 132px; line-height: 50px; height: 50px; font-size: 18px; position: absolute; top: 0; right: 0;}

    .searches .pop-sear a{ margin: 0 11px;}

    /*调查*/
    .inquiry-box .eamil-box input[type=text]{ float: left; width: 238px; margin-bottom: 0;}
    .inquiry-box .eamil-box input[type=submit]{ float: right; width: 104px;}

    .xcproblem-list dt{ padding-left: 66px;}
    .xcproblem-list dd{ padding: 1.38% 7.67% 1.725%; background-position: 2.58% 6.3%;}

    /*下载*/
    .xcdown-list li{ padding-right:16.1%;}
    .xcdown-list li h3{ font-size: 20px; line-height: 6px;margin: 10px;}
    .xcdown-list li span{right: 2.6%; }
    

    /*发展历程*/
    .history{ position: relative; padding: 9.7% 0;}
    .history:before{ left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .history .direction{ left: 50%; width: 52px; height: 52px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .history-list{ width: 46.7%; margin-bottom: 0;}
    .history-list .title{ font-size: 18px;}

    .history-list:nth-child(odd){ float: right; margin-left: 3.3%;}
    .history-list:nth-child(odd) .list-ico{ left: -9.4%;}
    .history-list:nth-child(even){ float: left; margin: 0 3.3% 0 0;}
    .history-list:nth-child(even):before{ left: auto; right: -8px; border: 1px solid #eee; border-top-color: transparent; border-left-color: transparent;}
    .history-list:nth-child(even) .list-ico{ left: auto; right: -9.4%;}

    /*关于我们*/
    .about-us{}
    .about-brief{}
    .about-brief .text-box{ float: left; padding: 6% 2.9% 0; width: 50%;}
    .about-brief .text-box .text1{ font-size: 24px;}
    .about-brief .text-box .text2{ font-size: 16px;}
    .about-brief .pic-box{ float: right; width: 50%; height: 350px; position: relative;}
    .about-brief .pic-box img{ position: absolute; width: 481px; height: 350px; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}

    .about-brief2 .info{ font-size: 16px;}

    .about-brief3{ background-color: #f7f7f7; margin-bottom: 7px; position: relative;}
    .about-brief3 .text-box:before{ content: ''; width: 6px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .about-brief3 .text-box{ width: 50%; float: left; margin-bottom: 0;}
    .about-brief3 .text-box .info{ font-size: 16px; padding: 18px 27px 27px;}

    .about-brief4{ position: relative;}
    .about-brief4 .pic-box{ position: relative; width: 50%; height: 250px;}
    .about-brief4 .pic-box img{ position: absolute; width: 478px; height: 250px; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .about-brief4 .info{ padding: 0 3.12%; font-size: 16px; width: 50%; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

    .about-brief5{}
    .about-brief5 .info{ font-size: 16px;}
    .about-brief5 .other-list{ text-align: center;}
    .about-brief5 .other-list li{width: 33%; vertical-align: top;}
    .about-brief5 .other-list li .num{ padding-bottom: 10px;}
    .about-brief5 .other-list li .text{ font-size: 15px;}
    
    /*加入我们*/
    .searches.reset{}
    .searches.reset .searches-box label{ height: 40px; padding-left: 150px; background-image: none;}
    .searches.reset .searches-box .searches-tip{ padding-left: 48px; -webkit-background-size: 34px; background-size: 34px; position: absolute; top: 0; left: 0;}
    .searches.reset .searches-box input{ height: 40px; line-height: 40px;}

    /*新闻*/
    .new-list .pic-box{ float: right; width: 37.5%; height: 204px; position: relative;}
    .new-list .pic-box img{ width: 360px; height: 204px; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .new-list .info-box{ float: left; width: 57.7%;}
    .new-list .tip{ font-size: 24px; line-height: 32px; /*margin-top: -7px;*/}

    .new-list .more{ margin-top: 34px;}

    /*登录*/
    .login-register{ padding: 5% 0; position: relative;}
    .login-register .login{ margin-bottom: 0; padding: 0 40px;}
    .login-register .login:after{ content: ''; position: absolute; width: 1px; height: 80%; top: 50%; left: 50%; background-color: #d9d9d9; -webkit-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

    .login-register .register{ padding: 6.66% 40px;}

    /*忘记密码*/
    .login-register .login.reset2{ width: 55%; margin: 0 auto; }
    .login-register .login.reset2:after{ display: none;}

    /*联系我们*/
    .contact-list li{ padding: 0 10px 20px;}
    .contact-list li:nth-child(3){ clear: left;}

    .map{ height: 546px;}

    /*解决方案*/
    .solu-info .tip{ font-size: 24px;}

    /* 搜索结果*/
    .rectitle{font-size:24px;}
    .resulttitle{font-size:24px;}
    .resultlist img{ width: 19%; float:left;margin:0 3% 0 0;}
    .resultlist h4{font-size:20px;margin-bottom:2%;}

    /*联系我们*/
    .contact .title{ font-size: 36px;}

    /*其他*/
    .font16{ font-size: 16px;}
    .lh24{ line-height: 24px;}
    .w50{ width: 50%;}
    .login-more{ height: 45px; -webkit-background-size: 30px; background-size: 30px;}
}

/*ipad横版区域*/
@media (min-width: 991px) {
    /*body{ background-color: #000;}
    .header .logo{ width: 29.16%;}*/
    body{ background-color: #0B85A4; padding-top: 107px;}
    .header .logo{ width: 473px;padding: 25px;}
    

    .member-btn{ right: 0; padding-right: 11px; height: 25px; line-height: 25px; color: #666; }
    .member-btn a{ margin: 0 4px; color: #666;}
    .member-btn a:hover{ color: #00a2e9;}

    .header .language{ padding: 0 5px 0 51px; background-position-x: 12px; height: 50%; transform:translate(0, -51%);}
    .header .language .link{ width: 146px; padding-top: 0;  margin-top: -1px;}
    .header .language span{ height: 25px; line-height: 25px; padding-right: 24px; position: relative; color: #666; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
    .header .language span:after{ content: ''; position: absolute; right: 2px; top: 6px; width: 10px; height: 10px; border-bottom: 1px solid #919191; border-right: 1px solid #919191; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    .header .language:hover{ background-image: url(../images/cico04.png);}
    .header .language:hover span{ color: #00a2e9;}
    .header .language:hover span:after{ border-color: #00a2e9;}

    .header .language .link a:hover{ color: #00a2e9;}

    .pc-navbox{ position: relative;}
    .pc-nav{ background-color: #00a2e9;}
    .pc-nav li{ float: left; width: 14.28%;}
    .pc-nav li h3{}
    .pc-nav li h3 a{ display: block; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; position: relative;}
    .pc-nav li.cur,.pc-nav li:hover{ background-color: #0094d6;}
    .pc-nav li.active h3 a:after{ content: ''; position: absolute; left: 50%; top: 100%; height: 0; width: 0; border: 10px solid transparent; border-top-color: #0094d6; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 2;}

    .pc-subnav{ width: 100%; position: absolute; top: 100%; left: 0; padding: 3.5% 5.4% 2.9% 10.8%; border-top: 6px solid #fff; background-color: rgba( 255, 255, 255, .92); display: none; z-index: 1;}
    .pc-subnav .pic-box{ float: left; width: 30.8%;}
    .pc-subnav .column{ float: right; width: 65.9%;}
    .pc-subnav .column .text{ font-size: 13px; color: #666; padding-bottom: 1.5%;}
    .pc-subnav .column .link{ border: 1px solid #e6e6e7;}
    .pc-subnav .column .link-box{ width: 90%; padding: 3.3%  0 1.8% 6.5%;}
    .pc-subnav .column .link-box a{ float: left; width: 33.3%; padding-left: 12px; margin-bottom: 1.5%; background: url(../images/cico02.png) 0 8px no-repeat;}
    .pc-subnav .column .link-box a:hover{ background-image: url(../images/cico03.png); color: #00a2e9;}

    .pc-nav li:nth-child(3) .pc-subnav .column .link-box,.pc-nav li:nth-child(4) .pc-subnav .column .link-box{ width: 100%;}
    .pc-nav li:nth-child(3) .pc-subnav .column .link-box a,.pc-nav li:nth-child(4) .pc-subnav .column .link-box a{ width: 50%;}

    .footer{ position: fixed; bottom: 0; left: 50%; z-index: 3; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .footer{ text-align: left;}
    .footer-box .add{ float: left;}
    .footer-box .info{ float: left;}
    .footer-box .link{ float: right;}
    .footer-box a:hover{ color: #00a2e9;}

    .index-pro li .ico{ bottom: 21%;}
    .index-pro li .tip{ top: 78%;}

    .index-pro li .link{ position: absolute; bottom: 0; width: 88.8%; padding-bottom: 4px; z-index: 2; display: none;}
    .index-pro li .link h3{ font-size: 18px; font-weight: 700; line-height: 40px;}
    .index-pro li .link a{ color: #fff; display: block; padding: 0 20px 0 30px; position: relative;}
    .index-pro li .link h3 a{ padding-left: 10px;}
    .index-pro li .link h3 a:hover{ opacity: .6;}
    .index-pro li .sub-link a{ line-height: 30px;}
    .index-pro li .sub-link a:before{ content: ''; position: absolute; top: 50%; left: 15px; border: 2px solid #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

    .index-pro li:nth-child(1) .link{ background-color: #1dc8d8;}
    .index-pro li:nth-child(1) .link h3,.index-pro li:nth-child(1) .link a:hover{ background-color: #00a6b5;}
    .index-pro li:nth-child(2) .link{ background-color: #405eaa;}
    .index-pro li:nth-child(2) .link h3,.index-pro li:nth-child(2) .link a:hover{ background-color: #334b88;}
    .index-pro li:nth-child(3) .link{ background-color: #0083bd;}
    .index-pro li:nth-child(3) .link h3,.index-pro li:nth-child(3) .link a:hover{ background-color: #095f85;}
    .index-pro li:nth-child(4) .link{ background-color: #0eb574;}
    .index-pro li:nth-child(4) .link h3,.index-pro li:nth-child(4) .link a:hover{ background-color: #00a062;}
    .index-pro li:nth-child(5) .link{ background-color: #00b1ff;}
    .index-pro li:nth-child(5) .link h3,.index-pro li:nth-child(5) .link a:hover{ background-color: #008cc9;}
    .index-pro li:nth-child(6) .link{ background-color: #1dc8d8;}
    .index-pro li:nth-child(6) .link h3,.index-pro li:nth-child(6) .link a:hover{ background-color: #00a6b5;}

    .index-pro li .sub-link a:hover:after{ content: ''; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg) translate(0,-50%); -ms-transform: rotate(45deg) translate(0, -50%); -o-transform: rotate(45deg) translate(0, -50%); transform: rotate(45deg) translate(0, -50%);}


    /*成功案例*/
    .case-list{ border-bottom: 1px solid #fff;position:relative;}
    .case-list .pic-box{ width: 33.3%;}
    .case-list .text-box{ width: 66.6%; padding: 0 4%;position:absolute;top:45%;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
    .case-list .text-box .title{ font-size: 24px;}
    .case-list .text-box .info{ font-size: 16px; -webkit-line-clamp: 5;}

    /*产品中心*/
    .pro-left{ width: 230px; position: relative; z-index: 1;}

    .pro-left .tip{ padding: 14px 0 10px 2px; line-height: 32px; font-size: 24px; color: #00a2e9; font-weight: 700; border-bottom: 2px solid #ccc; margin-bottom: 12px; position: relative;}
    .pro-left .tip:after{ content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: #00a2e9;}

    .column-list{ background: #eefaff; padding-bottom: 15px;}
    .column-list .column-box{}
    .column-list h3{}
    .column-list h3 a{ display: block; padding-left: 23px; font-size: 13px; line-height: 37px; color: #333; background: url(../8818/cico20.png) 8px no-repeat;}
    .column-list .sub-column{ padding: 6px 0 15px; background-color: #d8f3ff; display: none;}
    .column-list .sub-column a{ display: block; font-size: 14px; line-height: 24px; padding-left: 35px; background: url(../8818/cico22.png) 25px no-repeat;}
    .column-list .sub-column a:hover,.column-list .sub-column a.cur{ font-weight: 700; color: #00a2e9; background-image: url(../8818/cico23.png);}

    .column-list .column-box.active h3 a{ background: #00a2e9 url(../8818/cico21.png) 8px no-repeat; color: #fff;}
    .column-list .column-box.cur h3 a{ background-image: url(../8818/cico20.png);}
    .column-list .column-box.active .sub-column{ display: block;}

    .pro-right{ width: 100%; position: absolute; top: 0; right: 40px; padding-left: 320px;}
    .products{ margin-top: 5px;}
    .products .swiper-slide{ width: 40%;}

    /*搜索*/
    .searches .searches-box label{ display: block; padding-left: 56px; height: 50px; background: url(../images/cico24.png) 0 no-repeat;}

    /*下载*/
    .xcdown-list li span{ width: 90px; height: 90px;}

    /*发展历程*/
    .about-left{ position: absolute; top: 0; left: 40px; width: 220px; padding-top: 13px; z-index: 2;}
    .about-left .tip{ height: 100px; line-height: 100px; color: #fff; text-align: center; font-size: 36px; font-weight: 700; background-color: #00a2e9;}
    .about-column{ padding-top: 8px; margin: 0 -5px;}
    .about-column li{ float: left; padding: 0 5px 8px;}
    .about-column li a{ display: block; padding: 63px 0 20px; font-weight: 700; text-align: center;}

    .about-column li:nth-child(1) a{ background: #f7f7f7 url(../images/cico36.png) center 23px no-repeat;}
    .about-column li:nth-child(2) a{ background: #f7f7f7 url(../images/cico37.png) center 23px no-repeat;}
    .about-column li:nth-child(3) a{ background: #f7f7f7 url(../images/cico38.png) center 23px no-repeat;}
    .about-column li:nth-child(4) a{ background: #f7f7f7 url(../images/cico39.png) center 23px no-repeat;}

    .about-column li:nth-child(1) a:hover,.about-column li:nth-child(1).cur a{ background: #00a2e9 url(../images/cico40.png) center 23px no-repeat; color: #fff;}
    .about-column li:nth-child(2) a:hover,.about-column li:nth-child(2).cur a{ background: #00a2e9 url(../images/cico41.png) center 23px no-repeat; color: #fff;}
    .about-column li:nth-child(3) a:hover,.about-column li:nth-child(3).cur a{ background: #00a2e9 url(../images/cico42.png) center 23px no-repeat; color: #fff;}
    .about-column li:nth-child(4) a:hover,.about-column li:nth-child(4).cur a{ background: #00a2e9 url(../images/cico43.png) center 23px no-repeat; color: #fff;}

    .about-right{ padding-left: 240px;}

    .history{ padding: 9.7% 24px; margin-top: 5px;padding-bottom:180px;}
    .history-list{ min-height:220px !important;margin-bottom:-100px !important;}
    .history-list .date{ position: absolute; top: 0; color: #fff; width: 71px; height: 83px; background: url(../images/cico35.png) 0 0 no-repeat; font-weight: 700; text-align: center;}
    .history-list .day{ width: 100%; position: absolute; top: 15px; left: 0; font-size: 30px;display:none;}
    .history-list .year{ width: 100%; position: absolute; top: 50%; left: 0; font-size: 24px;margin-top:-18px;}
    .history-list .title{ margin-bottom: 6px;}

    .history-list:nth-child(odd){ padding: 15px 12.7% 20px 20px; min-height: 110px;}
    .history-list:nth-child(odd) .date{ right: 3.9%;}
    .history-list:nth-child(even){ padding: 15px 20px 20px 13.7%; min-height: 110px;}
    .history-list:nth-child(even) .date{ left: 3.9%;}

    /*登录*/
    .login-register .input-box{ border: 1px solid #ccc; position: relative;}
    .login-register .input-box .tip{ position: absolute; left: 0; top: 0; width: 99px; height: 43px; line-height: 43px; background-color: #f1f3f6; text-align: center; padding: 0;}
    .login-register .input-box input{ padding: 0 4px 0 102px; border: none;}

    .login-register{ padding: 3% 0;}
    .login-register .login{ padding: 0 7.91%;}
    .login-register .login:after{ height: 90%;}
    .login-register .register{ padding: 3.66% 7.91%;}

    /*注册*/
    .login-register .login.reset .tip{ width: 140px; padding-right: 10px; text-align: right;}
    .login-register .login.reset .input-box input{ padding-left: 144px;}
    .login-register .login.reset3 .tip{ width: 166px; padding-right: 10px; text-align: right;}
    .login-register .login.reset3 .input-box input{ padding-left: 170px;}

    /*联系我们*/
    .contact-list li{  padding: 0 10px;}
    .contact-list li:nth-child(3){ clear: none;}

    /*其他*/
    .webbox{ padding-left: 40px; padding-right: 40px;padding-bottom: 4px;}

}

/*响应PC区域*/
@media (min-width: 1024px) {
    .index-about .ia-left{ float: left; width: 68%; padding-right: 15px;}

    .index-contact{ float: right; width: 32%; height: 553px; margin-top: 0; padding: 3.3% 2.66% 0;}
    .index-contact textarea{ height: 150px;} 

    .about-brief5 .other-list li{width: 19%;}
    .about-brief5 .other-list li:nth-child(2){ width: 22%;}
}
@media (min-width: 1200px) {
    .index-join{ padding: 4.5% 38px 0 26px;}
    .index-contact textarea{ height: 108px;} 

    .about-brief5 .other-list li .num{ font-size: 60px;}
}
@media (min-width: 1280px) {

    /*解决方案*/
    .solution-pic{ position: relative;}
    .solution-pic .cont-box{ display: block; position: absolute; cursor: pointer; z-index: 1;}
    .solution-pic .cont-box.active{ z-index: 4;}
    .solution-pic .cont-box .cont{ position: absolute; width: 421px; padding: 14px 17px 17px; background-color: rgba(0, 0, 0, .8); display: none; }
    .solution-pic .cont-box .cont dt{ float: left; width: 110px; height: 110px; padding-top: 3px;}
    .solution-pic .cont-box .cont dd{ float: right; width: 263px; color: #fff;}
    .solution-pic .cont-box .cont dd .tip{ float: right; width: 263px; color: #fff; font-size: 18px; font-weight: 700; padding-bottom: 12px;}
    .solution-pic .cont-box .cont dd .info{ line-height: 19px;}
    .solu-menubox{ margin-top: -45px; position: relative; background-color: rgba(0, 0, 0, .5);}
    .solu-menutip{ display: none;}
    .solu-menutip:after,.solu-menu li:after{ display: none;}
    .solu-menutip.active:after,.solu-menu li.active:after{ display: none;}
    .solu-menu{ display: block;}
    .solu-menu li{ border-bottom: none; float: left; border-right: 1px solid #999;}
    .solu-menu li .tip{ padding: 0; text-align: center; line-height: 45px; position: relative;}
    .solu-menu li:hover .tip:after{ content: ''; position: absolute; height: 5px; width: 100%; top: 0; left: 0; background-color: #219107;}
    .solu-menu li:last-child{ border-right: none;}


    /* AMI Solution */
    /*.ami-solution .utility-cont{ width: 58px; height: 40px; top: 135px; right: 373px;}
    .ami-solution .utility-cont .cont{ top: 0; left: 0;}
    .ami-solution .gprsplc-cont{ width: 75px; height: 40px; top: 289px; left: 349px;}
    .ami-solution .gprsplc-cont .cont{ top: 0; left: 0;}
    .ami-solution .gprsrf-cont{ width: 66px; height: 40px; top: 289px; right: 148px;}
    .ami-solution .gprsrf-cont .cont{ bottom: 0; right: 0;}
    .ami-solution .gprsplcrs-cont{ width: 129px; height: 40px; bottom: 66px; right: 243px;}
    .ami-solution .gprsplcrs-cont .cont{ bottom: 0; right: 0;}*/

    .ami-solution .ami-cont0{ width: 58px; height: 40px; top: 135px; right: 373px;}
    .ami-solution .ami-cont0 .cont{ top: 0; left: 0;}
    .ami-solution .ami-cont1{ width: 75px; height: 40px; top: 289px; left: 349px;}
    .ami-solution .ami-cont1 .cont{ top: 0; left: 0;}
    .ami-solution .ami-cont2{ width: 66px; height: 40px; top: 278px; right: 146px;}
    .ami-solution .ami-cont2 .cont{ bottom: 0; right: 0;}
    .ami-solution .ami-cont3{ width: 129px; height: 40px; bottom: 66px; right: 243px;}
    .ami-solution .ami-cont3 .cont{ bottom: 0; right: 0;}
    /* AMI Solution */

    /* prepayment-solution  start */
    /*.prepayment-solution .third-cont{ width: 128px; height: 29px; top: 180px; left: 526px;}
    .prepayment-solution .third-cont .cont{ top: 0; left: 0;}
    .prepayment-solution .atm-cont{ width: 57px; height: 20px; top: 122px; left: 502px;}
    .prepayment-solution .atm-cont .cont{ top: 0; left: 0;}
    .prepayment-solution .utility-cont{ width: 79px; height: 20px; top: 243px; left: 480px;}
    .prepayment-solution .utility-cont .cont{ top: 0; left: 0;}
    .prepayment-solution .post-cont{ width: 58px; height: 20px; top: 185px; right: 319px;}
    .prepayment-solution .post-cont .cont{ top: 0; right: 0;}
    .prepayment-solution .bank-cont{ width: 64px; height: 20px; top: 253px; left: 322px;}
    .prepayment-solution .bank-cont .cont{ top: 0; left: 0;}
    .prepayment-solution .home-cont{ width: 68px; height: 20px; top: 231px; right: 234px;}
    .prepayment-solution .home-cont .cont{ top: 0; right: 0;}
    .prepayment-solution .mobile-cont{ width: 80px; height: 20px; bottom: 206px; left: 237px;}
    .prepayment-solution .mobile-cont .cont{ bottom: 0; left: 0;}*/


    .prepayment-solution .prepayment-cont0{ width: 142px; height: 48px; top: 250px; right: 182px;}
    .prepayment-solution .prepayment-cont0 .cont{ top: 0; right: 0;}
    .prepayment-solution .prepayment-cont1{ width: 106px; height: 32px; top: 267px; left: 263px;}
    .prepayment-solution .prepayment-cont1 .cont{ top: 0; left: 0;}
    .prepayment-solution .prepayment-cont2{ width: 171px; height: 40px; top: 392px; left: 590px;}
    .prepayment-solution .prepayment-cont2 .cont{ bottom: 0; left: 0;}
    .prepayment-solution .prepayment-cont3{ width: 76px; height: 24px; top: 209px; right: 677px;}
    .prepayment-solution .prepayment-cont3 .cont{ top: 0; left: 0;}
    .prepayment-solution .prepayment-cont4{ width: 130px; height: 42px; top: 292px; left: 106px;}
    .prepayment-solution .prepayment-cont4 .cont{ top: 0; left: 0;}
    .prepayment-solution .prepayment-cont5{ width: 75px; height: 20px; top: 196px; right: 342px;}
    .prepayment-solution .prepayment-cont5 .cont{ top: 0; right: 0;}
    .prepayment-solution .prepayment-cont6{ width: 100px; height: 36px; bottom: 119px; left: 318px;}
    .prepayment-solution .prepayment-cont6 .cont{ bottom: 0; left: 0;}

    /* prepayment-solution  end */



    /* Mother-Child Meter Solution */
    /*.mother-solution .gprs-cont{ width: 197px; height: 40px; top: 183px; left: 629px;}
    .mother-solution .gprs-cont .cont{ top: 0; left: 0;}
    .mother-solution .mother-cont{ width: 124px; height: 22px; bottom: 154px; left: 454px;}
    .mother-solution .mother-cont .cont{ bottom: 0; left: 0;}
    .mother-solution .keypad-cont{ width: 125px; height: 24px; bottom: 261px; left: 441px;}
    .mother-solution .keypad-cont .cont{ bottom: 0; left: 0;}
    .mother-solution .ic-cont{ width: 94px; height: 39px; bottom: 182px; left: 266px;}
    .mother-solution .ic-cont .cont{ bottom: 0; left: 0;}
    .mother-solution .smart-cont{ width: 87px; height: 39px; bottom: 100px; left: 168px;}
    .mother-solution .smart-cont .cont{ bottom: 0; left: 0;}
    .mother-solution .rs485-cont{ width: 89px; height: 42px; bottom: 248px; right: 296px;}
    .mother-solution .rs485-cont .cont{ bottom: 0; right: 0;}*/

    .mother-solution .mother-cont0{ width: 98px; height: 43px; top: 217px; left: 750px;}
    .mother-solution .mother-cont0 .cont{ top: 0; left: 0;}
    .mother-solution .mother-cont1{ width: 124px; height: 22px; bottom: 154px; left: 454px;}
    .mother-solution .mother-cont1 .cont{ bottom: 0; left: 0;}
    .mother-solution .mother-cont2{ width: 125px; height: 24px; bottom: 261px; left: 441px;}
    .mother-solution .mother-cont2 .cont{ bottom: 0; left: 0;}
    .mother-solution .mother-cont3{ width: 94px; height: 39px; bottom: 182px; left: 266px;}
    .mother-solution .mother-cont3 .cont{ bottom: 0; left: 0;}
    .mother-solution .mother-cont4{ width: 87px; height: 39px; bottom: 100px; left: 168px;}
    .mother-solution .mother-cont4 .cont{ bottom: 0; left: 0;}
    .mother-solution .mother-cont5{ width: 82px; height: 42px; bottom: 248px; right: 303px;}
    .mother-solution .mother-cont5 .cont{ bottom: 0; right: 0;}

    /* Mother-Child Meter Solution */



    /* Street Lighting System */
    /*.street-solution .remote-cont{ width: 131px; height: 22px; top: 238px; left: 435px;}
    .street-solution .remote-cont cont{ top: 0; left: 0;}
    .street-solution .time-cont{ width: 111px; height: 23px; top: 150px; left: 576px;}
    .street-solution .time-cont cont{ top: 0; left: 0;}
    .street-solution .running-cont{ width: 127px; height: 33px; top: 86px; right: 379px;}
    .street-solution .running-cont cont{ top: 0; left: 0;}*/

    .street-solution .street-cont0{ width: 127px; height: 33px; top: 86px; right: 379px;}
    .street-solution .street-cont0 .cont{ top: 0; left: 0;}
    .street-solution .street-cont1{ width: 131px; height: 22px; top: 238px; left: 435px;}
    .street-solution .street-cont1 .cont{ top: 0; left: 0;}
    .street-solution .street-cont2{ width: 111px; height: 23px; top: 150px; left: 576px;}
    .street-solution .street-cont2 .cont{ top: 0; left: 0;}

    /* Street Lighting System */


    /*Cluster-MeterSplit-Meter Solution*/
    /*.cluster-solution .measuremen-cont{ width: 159px; height: 31px; top: 190px; left: 674px;}
    .cluster-solution .measuremen-cont cont{ top: 0; left: 0;}
    .cluster-solution .user-cont{ width: 201px; height: 31px; bottom: 244px; left: 368px;}
    .cluster-solution .user-cont cont{ bottom: 0; left: 0;}*/

    .cluster-solution .cluster-cont0{ width: 159px; height: 31px; top: 190px; left: 674px;}
    .cluster-solution .cluster-cont0 .cont{ top: 0; left: 0;}
    .cluster-solution .cluster-cont1{ width: 201px; height: 31px; bottom: 244px; left: 368px;}
    .cluster-solution .cluster-cont1 .cont{ bottom: 0; right: 0;}
    /*Cluster-MeterSplit-Meter Solution*/


    /*Water-Heat-Electricity-Gas Solution*/
    /*.water-solution .gprs-cont{ width: 94px; height: 22px; bottom: 240px; right: 470px;}
    .water-solution .gprs-cont .cont{ bottom: 0; left: 0;}
    .water-solution .heat-cont{ width: 62px; height: 22px; top: 251px; left: 378px;}
    .water-solution .heat-cont .cont{ top: 0; left: 0;}
    .water-solution .gas-cont{ width: 52px; height: 22px; top: 290px; left: 436px;}
    .water-solution .gas-cont .cont{ top: 0; left: 0;}
    .water-solution .water-cont{ width: 73px; height: 22px; bottom: 229px; left: 501px;}
    .water-solution .water-cont .cont{ bottom: 0; left: 0;}
    .water-solution .gprsplcrs-cont{ width: 97px; height: 26px; bottom: 184px; left: 564px;}
    .water-solution .gprsplcrs-cont .cont{ bottom: 0; left: 0;}*/
    
    .water-solution .water-cont0{ width: 94px; height: 22px; bottom: 240px; right: 470px;}
    .water-solution .water-cont0 .cont{ bottom: 0; left: 0;}
    .water-solution .water-cont1{ width: 62px; height: 22px; top: 251px; left: 378px;}
    .water-solution .water-cont1 .cont{ top: 0; left: 0;}
    .water-solution .water-cont2{ width: 52px; height: 22px; top: 290px; left: 436px;}
    .water-solution .water-cont2 .cont{ top: 0; left: 0;}
    .water-solution .water-cont3{ width: 73px; height: 22px; bottom: 229px; left: 501px;}
    .water-solution .water-cont3 .cont{ bottom: 0; left: 0;}
    .water-solution .water-cont4{ width: 97px; height: 26px; bottom: 184px; left: 564px;}
    .water-solution .water-cont4 .cont{ bottom: 0; left: 0;}

    /*Water-Heat-Electricity-Gas Solution*/


    .amisolution-menu li{ width: 25%;}
    .presolution-menu li:first-child{ width: 25%;}
    .presolution-menu li{ width: 12.5%;}
    .mother-menu li:first-child{ width: 28.56%;}
    .mother-menu li{ width: 14.28%;}
    .street-menu li{ width: 33.33%;}
    .cluster-menu li{ width: 50%;}
    .water-menu li{ width: 20%;}

}


/*20170406*/
@media (min-width: 991px) {
    .column-list {height:91.2%;overflow-x:hidden;overflow-y:scroll; }
    .column-list::-webkit-scrollbar {display:none; }
    .pr-scrool { height:94.2%;overflow-x:hidden;overflow-y:scroll;}
    .pr-scrool::-webkit-scrollbar {display:none; }
    .contact-list li:nth-child(1) .text {margin-right:-8%;}
}
.left-menu .share a { margin-left:0;margin-right:0;text-indent:10px;background:url(../images/nqhicon_01.png) no-repeat left top;height:33px;line-height:33px;}
.left-menu .share a.bds_qzone {background-position:left top; }
.left-menu .share a.bds_tsina { background-position:-199px top;}
.left-menu .share a.bds_tqq { background-position:left -58px;}
.left-menu .share a.bds_weixin {background-position:-199px -58px; }
.left-menu .share a.bds_renren { background-position:left -119px;}

/*20170408*/
.resultlist .hinttext { font-weight:bold;background-color:yellow;}

/*20170426*/
@media (max-width: 768px) {
    .index-tip { margin:5px 0;}
    .back { margin-bottom:20px;}
}
/*20170427*/
input{-webkit-appearance: none;border-radius: 0;}