@charset "utf-8";
html{font-size:62.5%;}
body{font-size:1.4em; font-family:"微软雅黑";width:100%;color:#000;background-color: #f4f4f4;}
body,tr,td,table,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,p,span,div,a{ padding:0; margin:0;}
a{ text-decoration:none; color:#000000;outline:none;}
a:hover{text-decoration:none;color:#cc0000;}
img{padding:0px; margin:0px; border:0px;}
.left{position:relative;float:left;}
.right{position:relative;float:right;}
.clear10{width:100%;height:15px;float:left;}
.clear20{width:100%;height:20px;}
ul li{list-style:none;}
input, textarea {
outline: none;
outline-style: none;
outline-width: initial;
outline-color: initial;
border:none;
}
:focus {
    outline: 0;
}

.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;/*ie6,7*/
} 
.clear { clear: both; margin: 0 auto;}
.max{width: 100%;max-width:640px;margin:0 auto;padding:0px;background:#fff;overflow:hidden;}
.topline{width:100%;max-width:640px;margin:0 auto;height:56px;}

.case-show td,.ser-content td{padding:10px;border:1px solid #c3bdbd;}

/*头部*/
.header-index{position:fixed;width:100%;z-index:10;-webkit-transition:all .5s ease;transition:all .5s ease;top:0;}
.header-ui-index{float:left;width:100%;max-width:640px;margin:0 auto;background:rgba(0,0,0,0.85);height:56px;}
.header-ui-index .logo{float:left;width:35%;margin-left:2.5%;margin-top:10px;margin-bottom:10px;}
.header-ui-index .logo img{width:100%;display:inline-block;}
.header-ui-index .stock{float:right;width:7%;text-align:right;margin-right:16%;margin-top:16px;}
.header-ui-index .stock img{width:100%;display:inline-block;}
.header-ui-index .ico-nav{float:right;width:8%;right:2.5%;top:14px;position:absolute;z-index:99999;}
.header-ui-index .ico-nav img{width:100%;}

.header{width:100%;z-index:10;-webkit-transition:all .5s ease;transition:all .5s ease;top:0;position:relative;position:fixed;top:0;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.header-ui{float:left;width:100%;max-width:640px;margin:0 auto;height:56px;background:#fff;}
.header-ui .logo{float:left;width:35%;margin-left:2.5%;margin-top:10px;margin-bottom:10px;}
.header-ui .logo img{max-width:100%;display:inline-block;}
.header-ui .ico-nav{float:right;width:8%;right:2.5%;top:14px;position:absolute;z-index:99999;}
.header-ui .ico-nav img{max-width:100%;}


/*banner*/
.slider-focus{position:relative;max-width:640px;overflow:hidden;margin:0 auto;clear:both;z-index:0;}
.slider-focus .hd{ position:absolute;width:100%;height:8px;left:0;bottom:28px;z-index:1;line-height:8px;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:8px;height:8px;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff;cursor:pointer;}
.slider-focus  .hd li.on{ background:#ff0000;width:12px;height:12px;margin-top:-2px;}
.slider-focus  .bd{ position:relative;z-index:0;}
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


/*nav*/
#nav-over{position:fixed;left:0;top:0;z-index:500;display:none;width:100%;height:auto;} 
.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav{position:fixed;top:0;right:-3600px;z-index:501;width:360px;height:auto;min-height:100%;background:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openMenu{right:360px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.scroller {position: absolute;width:100%;padding:0;cursor:move;-webkit-tap-highlight-color: rgba(255,255,255,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);padding-bottom:200px;}

.navbg{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0;right:0;z-index:9;display:none;}

.nav h3{padding-left:20px;font-size:2rem;font-weight:normal;color:#333;line-height:48px;}
.nav h3 a { color:#333;}
.returen_l{padding-left:20px;font-size:1.8rem;font-weight:normal;color:#333;width:100%;line-height:60px;border-bottom:1px solid #e1e1e1;}
.returen_l a{color:#333;display:block;width:100%;height:100%;}
.nav ul li{background-color:#fff; border-top:solid 1px #e1e1e1; border-bottom:none;width:100%;}
.nav ul li a{padding-left:20px;color: #333; font-size:1.8rem;display:block;height:48px;line-height: 48px;position:relative;}
.nav ul li .inactive{ background:url(../images/off.png) no-repeat 90% center;}
.nav ul li .inactives{background:url(../images/on.png) no-repeat 90% center;} 
.nav ul li ul{display: none;}
.nav ul li ul li { border-left:0; border-right:0; background-color:#fff; border-color:#e1e1e1;}
.nav ul li ul li ul{display: none;}
.nav ul li ul li a{ padding-left:40px;font-size:12px;height:40px;line-height:40px;}
.nav ul li ul li ul li { background-color:#f4f7fa; border-color:#e1e1e1; }
.last{ background-color:#fff; border-color:#e1e1e1; }
.nav ul li ul li ul li a{ color:#333;padding-left:60px;}
.nav li.cur-cor a{ color:#00adef;}
.nav ul.cur{display:block;}


/*底部*/
.footer-nav{width:100%;float:left;}
.footer-nav ul{width:100%;}
.footer-nav li{float:left;width:100%;border-bottom:#e4e4e4 solid 1px;padding:10px 2.5%;}
.footer-nav li a{font-size:1.8rem;color:#666;display:block;width:100%;text-align:left;}

.service-line{float:left;width:100%;color:#666;font-size:1.8rem;text-align:center;margin-bottom:16px;margin-top:20px;}
.service-line ul{width:100%;}
.service-line ul li{width:100%;margin:2px 2.5%;float:left;}
.service-line ul li .line-text{float:left;width:100%;text-align:center;color:#666;font-size:12px;line-height:16px;}

.copy{float:left;width:100%;line-height:20px;color:#aaa;font-size:12px;text-align:center;margin-top:16px;}
.copy a{color:#aaa;}
.support{float:left;width:100%;line-height:20px;text-align:center;padding-bottom:128px;}
.support a{color:#aaa;font-size:12px;}
.support p{width:12%;display:inline-block;margin-right:2%;}
.support p img{width:100%;display:block;}

.foot{width:100%;position:fixed;left:0px;bottom:0px;z-index:2000;background:#202020;}
.footer-con{width:100%;position: relative;text-align:center;}
.footer-con ul{float:left;width:100%;}
.footer-con ul li{float:left;width:25%;text-align:center;border-left:#484848 solid 1px;border-right:#000 solid 1px;}
.footer-con ul li a{display:inline-block;width:100%;padding:10px 0;margin-top:10px;position:relative;height:100px;}
.footer-con ul li a img{max-width:32%;}
.footer-con ul li a span{display:block;width:100%;color:#fafafa;font-size:1.8rem;position:absolute;bottom:8px;}
.guide{position:fixed;bottom:110px;right:10px;width:50px;height:50px;}
.guide img{display:block;width:100%;height:100%;}

/*首页*/
.about-index{width:100%;padding:0 2.5%;margin-top:30px;margin-bottom:30px;}
.about-index h2{font-size:18px;color:#333;font-weight:normal;text-align:center;width:100%;}
.about-index p{font-size:12px;color:#999;text-align:center;width:100%;padding:0 4%;line-height:20px;margin-top:10px;}
.about-index .btn-index{width:100%;text-align:center;margin-top:20px;}
.about-index .btn-index a{ margin-bottom:10px;  display:inline-block;width:36%;height:30px;border:#ccc solid 1px;border-radius:16px;line-height:30px;text-align:center;font-size:1.6rem;color:#999;font-family:Arial, Helvetica, sans-serif;margin-left:2%;margin-right:2%;}
.about-index .btn-index a.hover{background:#00adef;border:#00adef solid 1px;color:#fff;}


.about-index .btn-index2{width:100%;text-align:center;margin-top:20px;}
.about-index .btn-index2 a{ margin-bottom:10px;  display:inline-block;width:80%;height:50px;border:#ccc solid 1px;border-radius:16px;line-height:50px;text-align:center;font-size:2.1rem;color:#999;font-family:Arial, Helvetica, sans-serif;margin-left:2%;margin-right:2%;}
.about-index .btn-index2 a.hover{background:#00adef;border:#00adef solid 1px;color:#fff;}


.busi-index{width:100%;padding:0 2.5%;margin-top:30px;}
.busi-index .pub-title{width:100%;position:relative;}
.busi-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.busi-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fff;position:absolute;top:26px;left:50%;margin-left:-18%;}

.busi-content{width:100%;margin-top:90px;overflow:hidden;-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	}
.ypz-top-item1{margin-top:30px;-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s}


.busi-index .busi-content ul{width:100%;margin-left:-2px;margin-top:-2px;}
.busi-index .busi-content li{float:left;width:49.33%;border-left:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;text-align:center;}
.busi-index .busi-content li .core-pic{width:98%;display:inline-block;}
.busi-index .busi-content li .core-pic img{width:100%;display:block; height:100px;}
.busi-index .busi-content li .core-text{width:100%;display:inline-block;text-align:center;margin-bottom:20px;}
.busi-index .busi-content li .core-text h3{width:100%;color:#666;text-align:center;font-size:1.6rem;font-weight:normal;}

.mid-pic{width:100%;margin-top:90px;margin-bottom:40px;-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	}
.mid-pic img{width:100%;display:block;}


.ypz-top-item{margin-top:30px;-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s}

.more-index{width:24%;height:24px;line-height:24px;border:#00adef solid 1px;border-radius:16px;margin:0 auto 40px auto;text-align:center;font-size:12px;color:#ccc;}

.zbnews-index{width:100%;padding:0 2.5%;margin-top:30px;}
.zbnews-index .pub-title{width:100%;position:relative;}
.zbnews-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.zbnews-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fff;position:absolute;top:26px;left:50%;margin-left:-18%;}
.zbnews-index .zbnews-content{width:100%;overflow:hidden;margin-top:24px;}
.zbnews-index .zbnews-content ul{width:100%;}
.zbnews-index .zbnews-content li{float:left;width:100%;text-align:center;}
.zbnews-index .zbnews-content li .zb-pic{width:100%;display:inline-block;}
.zbnews-index .zbnews-content li .zb-pic img{width:100%;display:block;}
.zbnews-index .zbnews-content li .zb-text{width:100%;display:inline-block;text-align:center;margin-bottom:30px;}
.zbnews-index .zbnews-content li .zb-text h3{width:100%;color:#666;text-align:left;font-size:16px;font-weight:normal;}
.zbnews-index .zbnews-content li .zb-text p{width:100%;color:#999;font-size:14px;text-align:left;height:40px;overflow:hidden;}



.article{float:left;margin-top:16px;margin-bottom:20px;}
.article a{display:block;padding:8px;width:100%;}
.article a img{max-width:100%;}
.article a .ptitle{display:block;width:100%;font-size:14px;color:#333;overflow:hidden;height:36px;margin-top:10px; text-align:center;}
.article a .proprice{display:block;width:100%;font-size:12px;color:#999;margin-top:6px;overflow:hidden;height:32px;}


.case-index{width:100%;padding:0 2.5%;}
.case-index .pub-title{width:100%;position:relative;}
.case-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.case-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fff;position:absolute;top:26px;left:50%;margin-left:-18%;}
.case-index .case-content{width:100%;overflow:hidden;margin-top:24px;}
.case-index .case-content ul{width:100%;}
.case-index .case-content li{float:left;width:100%;margin-bottom:20px;}
.case-index .case-content li img{width:100%;display:block;}

.case-index .case-content .ca-a{margin-left:-1000px;-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	}
.case-index .case-content li.a{margin-left:0;-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s;
	}
.case-content li a{text-align:center;
	font-size:14px;}
.case-index .case-content .ca-b{margin-left:1000px;-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	}
.case-index .case-content li.b{margin-left:0;-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s}
	
.case-index .case-content .ca-c{margin-left:-1000px;-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	}
.case-index .case-content li.c{margin-left:0;-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s}




.core-index{width:100%;padding:30px 2.5% 0 2.5%;background:#fafafa;}
.core-index .pub-title{width:100%;position:relative;margin-bottom:32px;}
.core-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.core-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fafafa;position:absolute;top:26px;left:50%;margin-left:-18%;}

.core-index .core-content{width:100%;overflow:hidden;}
.core-index .core-content ul{width:100%;}
.core-index .core-content li{float:left;text-align:center;}
.core-index .core-content li .core-pic{width:70%;display:inline-block;}
.core-index .core-content li .core-pic img{width:100%;display:block;}
.core-index .core-content li .core-text{width:90%;display:inline-block;text-align:center;margin-bottom:20px;}
.core-index .core-content li .core-text h3{width:100%;color:#666;text-align:center;font-size:12px;font-weight:normal;}




.news-index{width:100%;padding:0 2.5%;margin-top:30px;margin-bottom:10px;}
.news-index .pub-title{width:100%;position:relative;}
.news-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.news-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fff;position:absolute;top:26px;left:50%;margin-left:-18%;}

.news-index .news-content{width:100%;overflow:hidden;}
.news-index .news-content ul{float:left;width:100%;padding:10px 0 10px 0;}
.news-index .news-content li{float:left;width:100%;margin-top:8px;padding:15px 0;border-bottom:#e4e4e4 dashed 1px;}
.news-index .news-content li .newsL{float:left;width:30%;background:#00adef;}
.news-index .news-content li .newsL a{display:inline-block;float:left;width:100%;padding:0 10px;line-height:30px;font-size:13px;font-family: Arial;text-align:center;color:#fff;}
.news-index .news-content li .newsL a span{margin-top:16px;display:block;color:#fff;font-size: 24px;font-weight:bold;}

.news-index .news-content li .newsR{float:right;width:70%;}
.news-index .news-content li .newsR h3{float:left;width:100%;height:40px;overflow:hidden;}
.news-index .news-content li .newsR h3 a{display:inline-block;float:left;width:100%;padding:0 10px;font-size:13px;color:#313131;line-height:20px;}
.news-index .news-content li .newsR p{float:left;width:100%;height:40px;overflow:hidden;}
.news-index .news-content li .newsR p a{display:inline-table;float:left;width:100%;padding:0 10px;font-size:12px;color:#6b6b6b;line-height:19px;}

.client-index{width:100%;padding:0 2.5%;margin-top:30px;}
.client-index .pub-title{width:100%;position:relative;}
.client-index .pub-title h1{font-size:2.2rem;font-weight:normal;color:#00adef;text-align:center;margin-bottom:8px;}
.client-index .pub-title span{display:inline-block;width:36%;text-align:center;height:20px;color:#ccc;font-size:1.4rem;background:#fff;position:absolute;top:26px;left:50%;margin-left:-18%;}
.client-index .client-text{width:100%;margin-top:30px;}
.client-index .client-text p{padding-left:2%;width:100%;font-size:12px;color:#666;text-align:center;line-height:20px;}
.client-index .client-text h2{width:100%;text-align:right;color:#999;font-size:12px;font-weight:normal;line-height:40px;}
.client-index .client-text h2 span{float:right;width:16%;margin-top:6px;}
.client-index .client-text h2 span img{width:100%;display:block;}
.client-index .client-content{width:100%;overflow:hidden;margin-top:20px;margin-bottom:30px;}
.client-index .client-content ul{width:100%;margin-left:-2px;margin-top:-2px;}
.client-index .client-content li{float:left;width:25%;border-left:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;text-align:center;}
.client-index .client-content li .core-pic{width:100%;display:inline-block;}
.client-index .client-content li .core-pic img{width:100%;display:block;}



/*about*/
.in-banner{width:100%;}
.in-banner img{display:block;width:100%;}

.ser-content{width:100%;padding:30px 2.5%;font-size:1.4rem;color:#666;font-family:"微软雅黑";line-height:20px;text-align:justify;}
.ser-content h2{font-size:2.4rem;font-weight:normal;color:#333;margin-top:20px;margin-bottom:12px;}
.ser-content h2 span{font-size:1.6rem;color:#20b7f4;line-height:36px;display:inline-block;margin-left:6px;}
.ser-content img{max-width:100%;}

.ser-content01{width:100%;padding:30px 2.5%;font-size:1.4rem;color:#666;font-family:"微软雅黑";line-height:20px;background:url(../images/ht/ser-pic01.jpg) no-repeat center center;background-size:auto 100%;}
.ser-content01 h2{font-size:2.4rem;font-weight:normal;color:#333;margin-top:20px;margin-bottom:12px;}
.ser-content01 h2 span{font-size:1.6rem;color:#20b7f4;line-height:36px;display:inline-block;margin-left:6px;}
.ser-content01 h4{font-size:1.6rem;font-weight:normal;color:#333;line-height:28px;}
.ser-content01 img{max-width:100%;}
.ser-content01 ul{width:100%;float:left;}
.ser-content01 ul li{padding-left:44px;float:left;background:url(../images/ht/ground1.png) no-repeat left center;margin-bottom:20px;}

.ser-content02{width:100%;padding:30px 2.5%;font-size:1.4rem;color:#666;font-family:"微软雅黑";line-height:20px;text-align:center;}
.ser-content02 h2{font-size:2.4rem;font-weight:normal;color:#333;margin-top:20px;margin-bottom:20px;text-align:center;}
.ser-content02 img{max-width:100%;display:inline-block;}
.ser-content02 ul{width:100%;text-align:center;margin-top:20px;margin-bottom:20px;}
.ser-content02 ul li{width:20%;margin-left:4%;margin-right:4%;display:inline-block;}
.ser-content02 ul li span{width:100%;text-align:center;display:block;margin-top:8px;line-height:16px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;}
.ser-content02 ul li p{width:100%;text-align:center;color:#ccc;font-size:12px;line-height:16px;}


.bgline{width:100%;height:20px;background:#f4f4f4;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;}
.bgline01{width:100%;height:1px;background:#f4f4f4;}

/*solution*/
.sol-list{width:100%;padding:30px 2.5%;}
.sol-list ul{width:100%;}
.sol-list ul li{width:100%;float:left;padding-bottom:30px;border-bottom:#e4e4e4 dashed 1px;margin-bottom:30px;}
.sol-list ul li a{display:block;width:100%;height:100%;}
.sol-list ul li a .sol-pic{width:30%;float:left;}
.sol-list ul li a .sol-pic img{width:100%;display:block;}
.sol-list ul li a .sol-txt{width:68%;float:right;}
.sol-list ul li a .sol-txt h3{float:left;font-size:1.6rem;color:#333;font-family:"微软雅黑";font-weight:normal;width:100%;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sol-list ul li a .sol-txt p{float:left;margin-top:2%;font-size:12px;color:#666;font-family:"微软雅黑";width:100%;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sol-list ul li a .sol-txt span{float:left;margin-top:8%;font-size:12px;color:#999;}

.loading-more{float:left;width:100%;/*border-top:#f2f2f2 solid 1px;border-bottom:#f2f2f2 solid 1px;*/margin-bottom:40px;}
.loading-more a{font-size:2rem;display:block;width:100%;text-align:center;color:#666;padding-top:20px;padding-bottom:20px;}


/*case*/
.caselist{width:100%;padding:30px 2.5%;}
.caselist ul{width:103%;margin-left:-3%;float:left;}
.caselist ul li{width:47%;margin-left:3%;float:left;background:#fafafa;margin-bottom:30px;}
.caselist ul li a{width:100%;display:block;}
.caselist ul li a .case-pic{width:100%; height:120px; overflow:hidden; }
.caselist ul li a .case-pic img{width:100%;display:block; min-height:120px;}
.caselist ul li a .case-txt{width:100%;padding:12px 2%;}
.caselist ul li a .case-txt h3{ text-align:center;float:left;font-size:1.1rem;color:#333;font-family:"微软雅黑";font-weight:normal;width:100%;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist ul li a .case-txt p{float:left;margin-top:2%;font-size:12px;color:#666;font-family:"微软雅黑";width:100%;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.caselist ul li a .case-txt span{float:left;margin-top:8%;font-size:12px;color:#999;height:16px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.case-show{width:100%;padding:30px 2.5%;}
.case-show h2{font-size:2rem;color:#333;font-family:"微软雅黑";font-weight:normal;line-height:26px;margin-bottom:12px;}
.case-show img{max-width:100%;display:block;}
.case-show .case-add{font-size:12px;color:#999;margin-top:20px;}
.case-show .case-add a{color:#666;}

.fanhui{ width:100%; border-top:1px dashed #d3d3d3; padding:12px 0px; font-size:2rem;margin-top:16px;}
.fanhui a{ color:#e51919; background:url(../images/arr8.jpg) no-repeat right center;padding-right:28px;}
.syg{ width:80%; line-height:30px; font-size:14px;}
.syg a{ display:block;overflow:hidden;color:#777;text-overflow:ellipsis;white-space:nowrap;}
.syg a:hover{color:#e51919;}



/*news*/
.news-show{width:100%;padding:30px 2.5%;font-size:1.4rem;color:#666;line-height:22px;border-top:#f3f3f3 solid 1px;text-align:justify;min-height:300px;}
.news-show h2{font-size:2rem;color:#333;font-family:"微软雅黑";font-weight:normal;line-height:30px;margin-bottom:4px;}
.news-show img{max-width:100%;display:block;}
.news-show .news-date{font-size:12px;color:#999;margin-bottom:10px;}
.news-show .news-date span{display:inline-block;color:#888;margin-right:16px;}

/*about*/
.ab-content{width:100%;padding:30px 2.5%;font-size:14px;color:#787878;line-height:22px;text-align:justify;}
.ab-content h2{font-size:2rem;color:#333;font-family:"微软雅黑";font-weight:normal;line-height:24px;margin-bottom:12px;}
.ab-content h2 span{color:#20b7f4;}
.ab-content img{max-width:100%;display:block;}
.ab-content h3{font-size:1.8rem;font-family:"微软雅黑";font-weight:normal;line-height:24px;margin-top:20px;margin-bottom:6px;color:#333;}

.cul-list{width:100%;}
.cul-list li{width:100%;float:left;position:relative;padding-top:20px;margin-bottom:20px;}
.cul-list li span{display:block;position:absolute;top:6px;left:12px;padding:6px 12px;text-align:center;font-size:12px;color:#fff;}
.cul-list li p{width:100%;border:#e4e4e4 3px solid;padding:12px 12px 6px 12px;}

/*join*/
.career{width:100%;margin-top:30px;}
.career li{width:100%;background:url(../images/ht/career1.png) no-repeat left top;background-size:100% 100%;padding:20px 30px;margin-bottom:20px;}
.career li h4{font-size:2rem;color:#333;font-weight:normal;line-height:30px;}
.career li span{display:block;width:100%;font-size:14px;color:#333;}
.career li p{font-size:12px;line-height:20px;}

.career-pic{width:100%;background:url(../images/ht/career3.jpg) no-repeat center center;background-size:auto 100%;height:300px;overflow:hidden;}
.career-pic  h2{background:url(../images/ht/car-pic02.png) no-repeat center center;width:80%;margin-left:10%;height:60px;margin-top:12%;background-size:100%;}
.career-pic h5{font-size:1.6rem;color:#fff;font-weight:normal; text-transform:uppercase;width:100%;text-align:center;margin-top:1%;}
.career-pic p{font-size:12px;width:100%;margin-top:4%;color:#fff;text-align:center;}
.career-pic span{font-size:10px;width:100%;color:#fff;text-align:center;display:block;text-transform:uppercase;}

.career_info{width:100%;margin:0 auto;padding:30px 2.5%;}
.career_info table{width:100%;}
.career_info table th{color:#333;font-size:2rem;font-weight:500;text-align:center;}
.career_info table td{border-bottom:1px solid #f3f3f3;}
.career_info table td em{font-size:14px;color:#eb0909;font-family:"宋体";font-style:normal;float:left;margin-top:22px;margin-right:4px;}
.career_info table td label{font-size:14px;color:#999;line-height:50px;height:50px;float:left;margin-top:10px;font-weight:500;}
.career_info table td input{ margin:0; padding:0; vertical-align:middle; border:none;}
.career_info table td .join_input_bg{float:left;width:100%;height:46px;border:none;background:#fff;line-height:46px;padding-top:14px;font-size:15px;color:#666;}
.career_info table td textarea{width:100%;height:160px;margin:20px 0;line-height:26px;font-size:15px;color:#666;}
.career_info table td .tag_feedbackbg4{float:left;width:50%;height:46px;border:none;background:#fff;line-height:46px;padding-top:14px;font-size:15px;color:#666;}

/*contact*/
.contact{width:100%;padding:30px 2.5%;font-size:14px;color:#666;line-height:20px;}
.contact h2{background:url(../images/szzb.jpg) no-repeat left center;background-size:auto 100%;padding-left:36px;height:30px;line-height:30px;color:#00adef;font-size:2.2rem;font-weight:normal;}
.contact h2 span{font-size:12px;line-height:40px;display:inline-block;margin-left:8px;}
.contact h3{font-size:1.8rem;color:#333;font-weight:normal;line-height:30px;}

.contact_r{width:100%;padding:20px 2.5%;}
.contact_r p{float:left;width:100%;color:#999;font-size:14px;line-height:30px;height:36px;}
.cinput{float:left;width:100%;background:#fafafa;margin-bottom:23px;}
.cinput span{float:left;height:42px;line-height:42px;color:#999;margin-left:15px;}
.cinput em{font-size:12px;color:#999;font-family:"宋体";font-style:normal;margin-left:4px;}
.cinput input{float:left;width:80%;height:42px;line-height:42px;background:#fafafa;color:#333;}
.cinput textarea{float:left;width:460px;padding:0 14px;line-height:20px;border:none;background:none;height:80px;margin:11px 0;}
.sub{width:100%;float:left;height:58px;background:#08d18c;border-radius:3px;color:#fff;font-size:24px;font-family:"微软雅黑";cursor:pointer;}

.cont-list{width:100%;padding:20px 2.5%;font-size:12px;color:#999;line-height:20px;margin-bottom:30px;}
.cont-list ul{width:104%;margin-left:-4%;}
.cont-list ul li{width:46%;margin-left:4%;float:left;margin-top:20px;}
.cont-list ul li h4{background:url(../images/address.jpg) no-repeat left center;background-size:auto 90%;line-height:30px;height:30px;font-size:2rem;color:#666;font-weight:normal;padding-left:30px;}
.cont-list ul li h4 span{font-size:12px;color:#999;display:inline-block;margin-left:8px;line-height:40px;}

.pay-list{width:100%;padding:30px 2.5%;margin-bottom:30px;}
.pay-list h2{font-size:2.2rem;font-weight:normal;color:#333;line-height:30px;}
.pay-list h2 span{font-size:1.8rem;line-height:40px;}
.pay-list ul{width:100%;}
.pay-list ul li{width:100%;border:#f3f3f3 1px solid;float:left;margin-bottom:20px;}
.pay-list ul li .pay-pic{width:20%;float:left;margin-left:4%;margin-right:4%;}
.pay-list ul li .pay-pic img{width:100%;display:block;}
.pay-list ul li .pay-txt{width:72%;float:left;font-size:1.8rem;color:#666;line-height:30px;padding:30px 0;}
.pay-list ul li .pay-txt p span{color:#999;}

.download{width:100%;padding:30px 2.5%;margin-bottom:30px;}
.download h2{font-size:2.2rem;font-weight:normal;color:#333;line-height:30px;}
.download h2 span{font-size:1.8rem;line-height:40px;}
.download ul{width:100%;}
.download ul li{width:100%;border:#f3f3f3 1px solid;border-radius:4px;float:left;margin-bottom:20px;font-size:1.6rem;color:#666;line-height:24px;padding:12px;}
.download ul li h4{font-size:2rem;color:#333;font-weight:normal;}
.download ul li a{display:block;width:100%;height:36px;background:#ffbd1d;color:#fff;font-size:1.6rem;text-align:center;line-height:36px;border-radius:4px;margin-top:16px;margin-bottom:10px;}

.help-list{width:100%;padding:30px 2.5%;}
.help-list h2{font-size:2.2rem;font-weight:normal;color:#333;line-height:30px;}
.help-list h2 span{font-size:1.8rem;line-height:40px;}
.help-list h3{font-size:2rem;font-weight:normal;color:#00adef;line-height:30px;}
.help-list ul{width:100%;}
.help-list ul li{width:100%;border:#f3f3f3 1px solid;border-radius:4px;float:left;margin-bottom:20px;font-size:1.6rem;color:#666;line-height:24px;padding:12px;}
.help-list ul li h4{width:70%;height:30px;font-size:2rem;color:#333;font-weight:normal;overflow:hidden;float:left;}
.help-list ul li .click{width:30%;float:left;text-align:right;}
.help-list ul li p{width:100%;float:left;color:#666;line-height:20px;font-size:12px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


.rec-list{width:100%;border-top:#e4e4e4 dashed 1px;padding-top:20px;margin-top:30px;margin-bottom:30px;padding:16px 2.5% 0 2.5%;}
.rec-tit{width:100%;font-size:18px;color:#333;border-left:#00adef 5px solid;height:18px;margin-top:10px;margin-bottom:10px;font-weight:normal;line-height:18px;padding-left:8px;}
.rec-list ul{width:100%;}
.rec-list ul li{width:100%;float:left;}
.rec-list ul li a{width:100%;display:block;font-size:14px;color:#666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rec-list ul li a span{display:inline-block;background:#00adef;width:4px;height:4px;margin-right:6px;border-radius:2px;}


.course{width:100%;position:relative;border-top:#e4e4e4 solid 1px;}
.course-tit{width:100%;margin:0 auto 20px auto;}
.course-tit p{font-size:2rem;color:#333;text-align:center;width:100%;line-height:24px;}
.course-tit span{display:block;width:100%;text-align:center;font-size:10px;color:#999;line-height:16px;}
.course-bg01{width:25%;margin:30px auto 0px auto;}
.course-bg01 img{width:100%;display:block;}
.course-bg02{width:100%;margin:0 auto;position:relative;}
.course-bg02 img{width:100%;display:block;}

.c2015{position:absolute;top:6.6%;left:50%;width:44%;margin-left:4%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2013{position:absolute;top:11.8%;left:50%;width:44%;margin-left:-48%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;text-align:right;}
.c2013 span{color:#333;font-size:14px;}
.c2011{position:absolute;top:20.4%;left:50%;width:44%;margin-left:4%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2011 span{color:#333;font-size:14px;}
.c2010{position:absolute;top:29.5%;left:50%;width:44%;margin-left:-48%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;text-align:right;}
.c2009{position:absolute;top:32.7%;left:50%;width:60%;margin-left:-12%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2008{position:absolute;top:38.6%;left:50%;width:30%;margin-left:-48.2%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;text-align:right;}
.c2007{position:absolute;top:48%;left:50%;width:54%;margin-left:-6%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2006{position:absolute;top:55%;left:50%;width:44%;margin-left:4%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2005{position:absolute;top:61%;left:50%;width:44%;margin-left:-48%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;text-align:right;}
.c2005 span{color:#333;font-size:14px;}
.c2004{position:absolute;top:69%;left:50%;width:44%;margin-left:4%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}
.c2003{position:absolute;top:77%;left:50%;width:44%;margin-left:-48%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;text-align:right;}
.c2002{position:absolute;top:83%;left:50%;width:44%;margin-left:4%;padding:10px;border:#f3f3f3 solid 1px;border-radius:4px;font-size:12px;color:#898989;line-height:18px;}





@media only screen and (max-width: 768px){

}

@media only screen and (max-width: 480px){
html{font-size:50%;}

.slider-focus .hd{ bottom:12px;}


/*nav*/
.nav{width:320px;}
.nav ul li{clear:both;}
.nav{right:-320px}
.openMenu{right:320px;}
.openNav{right:0;}

.nav h3{line-height:48px;}
.scroller ul{padding-bottom:0;}
.nav ul li .tit1 a{height:48px;line-height:48px;}





/*底部*/
.service-line{margin-top:12px;font-size:12px;}
.support{padding-bottom:72px;margin-top:0;}
.footer-con ul li a{margin-top:0;height:50px;padding:6px 0;}
.footer-con ul li a img{max-width:26%;}
.footer-con ul li a span{bottom:4px;font-size:10px;}
.guide{bottom:72px;width:40px;height:40px;}



/*home*/
.bgline{height:10px;}


/*about*/

.ser-content{width:100%;padding:20px 2.5%;font-size:1.6rem;}
.ser-content h2{margin-bottom:4px;margin-top:10px;}
.ser-content h2 span{margin-left:6px;}

.ser-content01{width:100%;padding:20px 2.5%;font-size:1.6rem;color:#666;font-family:"微软雅黑";line-height:20px;background:url(../images/ht/ser-pic01.jpg) no-repeat center center;background-size:auto 100%;}
.ser-content01 h2{font-size:2.2rem;font-weight:normal;color:#333;margin-top:0px;margin-bottom:6px;}
.ser-content01 h2 span{font-size:1.6rem;color:#20b7f4;line-height:36px;display:inline-block;margin-left:6px;}

.ser-content02{width:100%;padding:20px 2.5%;font-size:1.6rem;color:#666;font-family:"微软雅黑";line-height:20px;text-align:center;}
.ser-content02 h2{font-size:2.2rem;font-weight:normal;color:#333;margin-top:10px;margin-bottom:20px;text-align:center;}
.ser-content02 ul{width:100%;text-align:center;margin-top:20px;margin-bottom:10px;}
.ser-content02 ul li{width:28%;margin-left:2%;margin-right:2%;display:inline-block;overflow:hidden;}
.ser-content02 ul li span{width:100%;text-align:center;display:block;margin-top:8px;line-height:16px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#666;}
.ser-content02 ul li img{max-width:100%;width:80%;display:inline-block;}
.ser-content02 ul li p{width:100%;text-align:center;color:#ccc;font-size:12px;line-height:16px;}


/*solution*/
.sol-list{width:100%;padding:30px 2.5% 10px 2.5%;}
.sol-list ul li{padding-bottom:16px;margin-bottom:16px;}
.sol-list ul li a .sol-pic{width:36%;float:left;}
.sol-list ul li a .sol-txt{width:62%;float:right;}
.sol-list ul li a .sol-txt h3{float:left;font-size:1.6rem;}
.sol-list ul li a .sol-txt p{float:left;margin-top:2%;font-size:12px;color:#666;font-family:"微软雅黑";width:100%;line-height:18px;height:36px;}
.sol-list ul li a .sol-txt span{float:left;margin-top:4%;font-size:12px;color:#999;}


/*document*/
.document-list{width:100%;padding:30px 2.5% 10px 2.5%;}
.document-list ul li{padding-bottom:6px;margin-bottom:6px; height:50px;}
.document-list ul li a .sol-pic{width:10%;float:left;}
.document-list ul li a .sol-txt{width:88%;float:right;}
.document-list ul li a .sol-txt h3{float:left;font-size:1.6rem;}




.loading-more{float:left;width:100%;/*border-top:#f2f2f2 solid 1px;border-bottom:#f2f2f2 solid 1px;*/margin-bottom:20px;}
.loading-more a{font-size:1.6rem;display:block;width:100%;text-align:center;color:#666;padding-top:10px;padding-bottom:10px;}

/*case*/
.caselist{padding:16px 2.5%;}
.caselist ul li{width:47%;margin-left:3%;float:left;background:#fafafa;margin-bottom:16px;}

.fanhui{ width:100%; border-top:1px dashed #d3d3d3; padding:12px 0px; font-size:2rem;margin-top:16px;}
.fanhui a{ color:#e51919; background:url(../images/arr8.jpg) no-repeat right center;padding-right:24px;background-size:auto 80%;}
.syg{ width:80%; line-height:26px; font-size:14px;}


/*news*/
.news-show{width:100%;padding:20px 2.5%;font-size:12px;color:#666;line-height:20px;}
.news-show h2{margin-bottom:4px;}

/*about*/
.ab-content{width:100%;padding:20px 2.5% 30px 2.5%;font-size:12px;color:#787878;line-height:20px;}
.ab-content img{width:100%;display:block;}
.cul-list li{margin-bottom:12px;}

/*join*/
.career{width:100%;margin-top:20px;}
.career li{padding:10px 16px;margin-bottom:20px;}

.career-pic{height:240px;}
.career-pic  h2{height:48px;margin-top:12%;background-size:100%;}
.career-pic h5{font-size:1.6rem;color:#fff;font-weight:normal; text-transform:uppercase;width:100%;text-align:center;margin-top:1%;}

.contact_r{width:100%;padding:0 2.5% 20px 2.5%;}
.contact_r p{float:left;width:100%;color:#999;font-size:14px;line-height:30px;height:36px;}
.cinput{float:left;width:100%;background:#fafafa;margin-bottom:12px;}
.cinput span{float:left;height:42px;line-height:42px;color:#999;margin-left:15px;}
.cinput em{font-size:12px;color:#999;font-family:"宋体";font-style:normal;margin-left:4px;}
.cinput input{float:left;width:80%;height:42px;line-height:42px;background:#fafafa;color:#333;}
.cinput textarea{float:left;width:100%;padding:0 14px;line-height:20px;border:none;background:none;height:80px;margin:11px 0;}
.sub{width:100%;float:left;height:40px;background:#08d18c;border-radius:3px;color:#fff;font-size:16px;font-family:"微软雅黑";cursor:pointer;}

.cont-list{width:100%;padding:0 2.5% 20px 2.5%;font-size:12px;color:#999;line-height:20px;margin-bottom:30px;}
.cont-list ul{width:100%;margin-left:0%;}
.cont-list ul li{width:100%;margin-left:0%;float:left;margin-top:20px;}

.pay-list{width:100%;padding:20px 2.5%;margin-bottom:20px;}
.pay-list ul li{width:100%;border:#f3f3f3 1px solid;float:left;margin-bottom:20px;}
.pay-list ul li .pay-pic{width:30%;float:left;margin-left:4%;margin-right:4%;}
.pay-list ul li .pay-pic img{width:100%;display:block;}
.pay-list ul li .pay-txt{width:62%;float:left;font-size:1.6rem;color:#666;line-height:24px;padding:20px 0;}

.c2015{position:absolute;top:5%;left:50%;line-height:16px;}
.c2013{position:absolute;top:10%;left:50%;line-height:16px;}
.c2011{position:absolute;top:18%;left:50%;line-height:16px;}
.c2010{position:absolute;top:28%;left:50%;line-height:16px;}
.c2009{position:absolute;top:32.7%;left:50%;line-height:16px;}
.c2008{position:absolute;top:36%;left:49%;line-height:16px;}
.c2007{position:absolute;top:46%;left:50%;line-height:16px;}
.c2006{position:absolute;top:55%;left:50%;line-height:16px;}
.c2005{position:absolute;top:59%;left:50%;line-height:16px;}
.c2004{position:absolute;top:67%;left:50%;line-height:16px;}
.c2003{position:absolute;top:75%;left:50%;line-height:16px;}
.c2002{position:absolute;top:81.5%;left:50%;line-height:16px;}



}

@media only screen and (max-width: 400px){
.course-bg02{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.course-bg02 img{width:140%;margin-left:-20%;display:block;}
.c2008{position:absolute;top:35%;left:48%;width:26%;line-height:16px;padding:6px;}
}


@media only screen and (max-width: 360px){

/*nav*/
.nav{width:280px;}
.nav ul li{clear:both;}
.nav{right:-280px}
.openMenu{right:280px;}
.openNav{right:0;}

.nav h3{line-height:48px;}
.nav ul li .tit1 a{height:48px;line-height:48px;}

/*solution*/
.sol-list ul li a .sol-txt p{float:left;margin-top:1%;}
.sol-list ul li a .sol-txt span{float:left;margin-top:2%;}

.course-bg02{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.course-bg02 img{width:160%;margin-left:-30%;display:block;}
.c2008{position:absolute;top:35%;left:48%;width:26%;line-height:16px;padding:6px;}


}

.pclass li{ line-height:30px; float:left; margin-left:10px; margin-right:10px;list-style-type:none; font-size: 1.8rem;}
.pclass .active a{ color:#F00; font-weight:bold; font-size: 1.8rem;}

.problem-list { margin: 10px 10px; }


.faqlist li {
	list-style: none;
	margin: 0;
	padding: 0 0 12px
}
.sub_title { line-height:40px;}
.faqlist h4 {
	border: 1px solid #efeeee;
	background: #faf9f9;
	padding-left: 10px;
	line-height: 32px;
	cursor: pointer;
	color: #666;
	line-height:40px;
}
.showdiv { margin-top:15px; margin-bottom:15px; line-height:20px;}
.faqlist .switch {
	margin-right: 5px;
	height: 32px;
	width: 11px;
	float: right;
	background: url(switch_off.png) no-repeat
}

.faqlist .switch_on .switch {
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV
}

@media all and (min-width:0) {
	.faqlist .switch_on .switch {
		filter: none
	}
}

.faqlist p {
	line-height: 22px;
	margin: 8px 20px 0
}

.faqlist p,.faqlist table {
	display: none
}

.faqlist .switch_on p {
	display: block
}

.faqlist .switch_on table {
	display: table;
	*display: block
}