/* basic */
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; border:0;}
section,nav,header,footer{display:block;}
html{font-size:16px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style-type:none;}
img{border:0;display:block;}
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
.pagination span {
	margin-left:2px;
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;

    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    text-align: center; 
	}
	.pagination a {
	margin-left:2px;
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;

    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    text-align: center; 
	}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#0093ff;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.h{display:none;visibility:visible;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float:left;}
.fr{float:right;}
.width100{width:100%;}
.editor img{ width:100%;}
.f72{font-size:4.5rem;}
.f60{font-size:3.75rem;}
.f48{font-size:3rem;}
.f36{font-size:2.25rem;}
.f30{font-size:1.875rem;}
.f28{font-size:1.75rem;}
.f26{font-size:1.625rem;}
.f24{font-size:1.5rem;}
.f22{font-size:1.375rem;}
.f20{font-size:1.25rem;}
/* editor */
.editor{line-height:1.6;text-align:left;padding-bottom:5%;font-size:1.5rem;}
.editor p{text-indent:0em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}

/* include begin */
html{background-color:#fff;}
body{margin:0px auto;min-width:320px;max-width:640px;background-color:#fff;min-height:100%;}
header{padding:2% 0;}
header h1{width:33.4375%;}
header .title{line-height:2.35;width:56%; text-align:center;}
header .nav{width:12.0313%;}
header .back{width:20.9375%;}
.bak-header2{border-bottom:2px solid #43bcc7;}
.kkk{ width:100%; height:10px; float:left; display:inline;}
footer{background-color:#2eafbb;color:#fff;}
.foot_service{width:86%;margin:0px auto;padding-top:3%;padding-bottom:0%;}
.foot_contact{width:86%;margin:0px auto;padding-top:3%;padding-bottom:5%;}
.foot_service li{float:left;width:31%;margin-right:2.8%;margin-bottom:3%;}
.foot_service li.last{margin-right:0;}
.foot_service li a{display:block;border:1px solid #cccccc;color:#eee;line-height:2.2;padding:0px 4%; text-align:center;}
.foot_service_t, .foot_contact_t{line-height:2.4;}
.foot_service_t a, .foot_contact_t a{color:#fff;}
.foot_contact_list li{line-height:1;color:#dddddd;padding:2% 0px;}
.foot_contact_list li a{color:#dddddd;}
.foot_contact_list li div{width:3.8%;max-width:17px;display:inline-block;padding-right:2%;margin-top:0.5%;}


.top_nav{display:none;}
.top_nav ul{border-top:1px solid #ec0938;}
.top_nav li{text-align:left;padding:4%;border-bottom:1px solid #dddddd;}
.top_nav li.last{border-bottom:0px none;padding-bottom:2%;}
.top_nav li a{color:#333;display:block;}
.top_nav li div{display:block;width:2.3438%;float:right;padding-top:1%;}
.copyright{background-color:#ffffff;line-height:1.5;color:#999999; text-align:center; padding:5%;padding-bottom:20%;}

nav{position:fixed;bottom:0px;width:100%;}
nav li{width:25%;float:left;max-width:160px;}

.btn_more{width:28%;border:1px solid #cedadb;margin:10% auto;text-align:center;}
.btn_more a{color:#2eafbb;line-height:2.2; }

.page_t{color:#333333; text-align:center; line-height:3;font-weight:bold;}
.page_t span{color:#43bcc7;display:inline-block;padding-right:1%;}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
/* include end */

/* index begin */
/* preloader */
.preloader{width:100%;height:100%;background-color: #fff;}
.preloader div{border:1px solid #ddd;border-radius:50%;box-sizing:border-box; width:20%;margin:0 auto;margin-top:50%;margin-bottom:50%;-webkit-animation-name: rotate;
  -webkit-animation-duration:3s;padding:3%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;background-color: #fff;}
.preloader div img{max-width:100px;}
/* banner */
.banner{}
.focus{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{width:100%;height:11px;position:absolute;z-index:1;bottom:5px;text-align:center;}
.focus .hd ul{display:inline-block;height:5px;padding:3px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;}
.focus .hd ul li{display:inline-block;width:30px;height:1px;background:#fff;margin:0 10px;vertical-align:top;overflow:hidden;}
.focus .hd ul .on{background:#a0c179;}
.focus .bd{position:relative;z-index:0;}
.focus .bd li img{width:100%;background:url(../images/loading.gif) center center no-repeat;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);/* 鍙栨秷閾炬帴楂樹寒 */}

.service_list{ padding-top:8px;}
.service_list dl{width:46%;padding-right:2.6333%;float:left; text-align:center;}
.service_list dl.f{padding-left:2.6333%;}
.service_list .t{line-height:2.2;margin-top:4%;}
.service_list .t a{color:#333;}
.service_list .t a em{color:#43bcc7;display:inline-block;padding-right:2%;font-style:normal;}
.service_list .spec a{color:#999999;line-height:1.2;}
.service_list .btn{width:40.7609%;margin-top:9%;margin:6% auto 12% auto;}

.case_list li{width:50%;float:left;}

.news_f{width:91.25%;margin:0px auto;}
.news_list{width:91.25%;margin:0px auto;}
.news_list dl{margin-bottom:5%;margin-top:5%;}
.news_list dl dt a{color:#118e99;line-height:2.5;display:block;background-color:#ede9e9;}
.news_list dl dt a span{display:inline-block; background-color:#118e99;color:#fff;width:10%; text-align:center;margin-right:2%;}
.news_list dl dt.t{display:none;}
.news_list dl dt.t a{color:#191818;}
.news_list dl dd{border-top:1px solid #e0d5d5;display:none;}
.news_list dl dd a{color:#8d7f7f;line-height:1.6;}
.news_list dl dd.spec{background-color:#efe7e7; color:#8d7f7f;padding:4%;}

/* index end */

/* cases begin */
.case_list dl{float:left;width:50%;position:relative;}
.case_list dd{background:url(../images/cases_dd_bg.png) repeat;width:100%; text-align:center; line-height:30px; height:30px;}
.case_list dd a{color:#999999; font-size:14px;}

.case_info{width:92%;margin:5% auto;}
.case_info h1{color:#43bcc7;line-height:2;} 
.case_info .spec{color:#777777;line-height:2;}
.case_info .desc{color:#777777;line-height:1.5;margin-top:2%;margin-bottom:2%;}
.case_info .spec span{color:#000000;}
.case_info .desc span{color:#000000;}
/* cases end */

/* news begin */
.news_item{width:94%;margin:5% auto;border:1px solid #2eafbb;}
.news_item .fl{width:26%;background-color:#2eafbb;box-sizing:border-box;color:#fff; padding:2%; text-align:right;padding-bottom:5%;}
.news_item .fl a{color:#fff;}
.news_item .fl dd{line-height:1.5;}
.news_item .fl .line{width:25%; margin:3% 0 3% 73%;}

.news_item .fr{width:74%;box-sizing:border-box;padding:2%;}
.news_item .fr dt{line-height:2;}
.news_item .fr dd{line-height:1.2;}
.news_item .fr dd.more{margin-top:2%;}
.news_item .fr dt a{color:#2eafbb;}
.news_item .fr dd.spec a{color:#6a6e6e;}

.news_item .fr .hits_t{color:#999999;line-height:2.4;}
.news_item .fr .hits_num{color:#f00;line-height:2.4;}
.news_item .fr .btn_a{ display:block; float:right; border:1px solid #2eafbb; line-height:2.4; padding:0 4%; color:#2eafbb;}

.news_type li{width:27.0833%;float:left;}
.news_type li a{line-height:2.32;text-align:center; display:block;color:#fff;}
.news_type li a.li1{ background-color:#1dd0e5;}
.news_type li a.li2{ background-color:#6bb52a;}
.news_type li a.li3{ background-color:#e48583;}
.news_type li.more{width:18.75%;background-color:#318b96;color:#fff;}
.news_type li.more a span{width:17.5%;display:inline-block;}
.news_type dl{display:none;}
.news_type dd{padding:4% 0px;border-bottom:1px solid #dddddd;}
.news_type dd a{display:block;line-height:1;width:94%;margin:0 auto;color:#333;}
.news_type dd a span{display:inline-block;}
.news_type dd div{width:2.0313%; float:right;}

.news_info{width:93.75%;margin:0px auto;}
.news_info h1{color:#413c3c;line-height:1.2;border-bottom:1px solid #ddd;padding:6% 0;}
.news_info .spec{color:#30a3d9;line-height:2;margin-top:2%;margin-bottom:2%;}
.news_info .tag{line-height:2;margin-bottom:2%;}
.news_info .spec span{color:#a39c9c;}
.news_info .tag span{color:#a39c9c;}
.news_info .tag a{color:#30a3d9;}

/* news end */

/* about begin */
.sub_menu{ border-top:2px solid #43bcc7;}
.sub_menu li{float:left;width:25%;box-sizing:border-box; text-align:center; line-height:1.2;padding:2.4% 0; }
.sub_menu li.sel{ border-bottom:2px solid #f7b80f;}
.sub_menu li a{display:block;color:#a1a0a0;border-right:1px solid #cccccc;}
.sub_menu li.last a{border-right:0px none;}
.sub_menu li.sel a{color:#2aa9b4;}
.about_con{width:92.75%;margin:0 auto;padding-bottom:5%; font-size:14px;}
.about_con p{margin-top:5%;color:#999999;line-height:1.5;}
.about_con p b{color:#005bac;}
.about_sou{width:50%;margin:3% auto;padding-bottom:5%;}
.about_sou li{line-height:2.4;}
.about_sou li span{width:14.375%;display:inline-block; text-align:center;margin-right:3%;color:#fff;background:url(../images/about_sou_pic.jpg) no-repeat left center; background-size:100%;}
.about_cul_t3{width:90%;margin:4% auto 7% auto;}
.about_zizhi_list dl{width:43.75%;float:left;margin:3% 3.1% 4% 3.15%;}
.about_zizhi_list dt{}
.about_zizhi_list dd{line-height:2; text-align:center;color:#544c4b;}
.job_t{margin-left:4%;}

.job_t dl{width:20%;float:left;margin-right:4%;}
.job_t dl dt{width:100%;height:100%; line-height:1.7; background-color:#d2d0d0;color:#363434;border-radius:50%; text-align:center; -webkit-animation-name: rotate;
  -webkit-animation-duration:10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;}
.job_t dd{color:#a8afb0; text-align:center; line-height:2;}
.job_t dl.sel dt{background-color:#268d96;color:#fff;}
.job_t dl.sel dd{color:#268d96;}
.job_detail{width:93%;margin:5% auto;}
.job_detail h3{color:#2199a4; line-height:2;}
.job_detail div{color:#909697; line-height:1.5;}

/* about end */

/* contact begin */
.contact_1{margin:0 auto 5% auto;width:90%;}
.contact_1 dl{width:45%; float:left;margin-top:5%;}
.contact_1 dt{width:51.3889%;margin:0 auto;}
.contact_1 dd.t{color:#333333;line-height:2; text-align:center;}
.contact_1 dd.spec{color:#a5b2b3; text-align:center; line-height:1.2;}
.contact_border{width:100%;height:1px;line-height:1px; background-color:#ccc;}

.contact_2{width:90%;margin:5% auto;}
.contact_2 dl{margin-top:5%;}
.contact_2 dt{color:#f36018;vertical-align:middle;}
.contact_2 dt .div1{width:8.4375%;margin-right:3%;}
.contact_2 dt .div2{ line-height:2;}
.contact_2 dd{color:#879091;line-height:1.2;margin-top:3%;}
.contact_2 dd .div1{color:#000000;}
.contact_2 dd .div2{width:86%;}

.contact_3{width:90%;margin:5% auto;}
.contact_3 div{margin-top:3%;}
.contact_3 .input1{width:100%;padding:3%;border:1px solid #cccccc; box-sizing:border-box;}
.contact_3 .text1{width:100%;padding:3%;border:1px solid #cccccc;box-sizing:border-box;}
.contact_3 .btn1{background-color:#2399a4;color:#fff;width:100%;height:23.625%;border:none 0px;padding:3% 0;box-sizing:border-box;}
/* contact end */

/* service begin */
.service_dl_con dl{text-align:center;margin:8% auto;}
.service_dl_con dl.first{margin-top:0;}
.service_dl_con dd{ margin:2% auto;width:75.9375%; text-align:center; }
.service_dl_con dd.t1{font-weight:bold;margin-top:4%;}
.service_dl_con dd.t2{ background-color:#313333;color:#fff; line-height:1.5;width:50%;margin:0 auto;}

.service_2_item{color:#fff;background-color:#43bcc7;}
.service_dl2_con .s1{width:50%;float:left;}
.service_dl2_con .s2{ padding:2%; padding-top:12%; line-height:1.5;box-sizing:border-box;width:50%;float:left;}
/* service end */

/* mobile begin */
.mobile_1{width:90%;margin:5% auto;}
.mobile_1 dt{text-align:center;font-weight:bold; line-height:1.5;color:#000;}
.mobile_1 dd{text-align:center; line-height:1.5;color:#333;}
.mobile_1 dd.spec{color:#999999;line-height:1.2;}

.mobile_2{ background-color:#43bcc7;}
.mobile_2_text{color:#fff;width:60%; margin:0 auto;}
.mobile_2 .page_t{color:#fff;}
.mobile_2 .page_t span{color:#fff;}

.mobile_3{width:90%;margin:5% auto;}
.mobile_3  dt{text-align:center;font-weight:bold; line-height:1.5;color:#000;}
.mobile_3 dd.spec{color:#999999;line-height:1.2;margin-top:3%;}
/* mobile end */

/* solution begin */
.solution_list dl{width:45.3%; float:left;margin:4% 2.35%;}
.solution_list dd.t2{border-bottom:1px solid #0dafbe;line-height:2;}
.solution_list dd.t2 a{color:#0dafbe;}
.solution_list dd.spec {line-height:1.2;margin-top:3%;}
.solution_list dd.spec a{color:#878a8a;}

/* solution end */

/* pay begin */
.pay_list{width:96%;margin:5% auto}
.pay_list table{ border-collapse: collapse;padding:0px;margin:0px;}
.pay_list table td{width:50%;line-height:1.5;padding:0px;margin:0px;}
.pay_list dl{margin:5% auto;}
.pay_list dt{width:38%;float:left;padding:5% 0;}
.pay_list dd{line-height:2;font-size:1.2rem;}
.pay_spec{color:#999;line-height:1.5; padding:5%;}
/* pay end */

@media all and (min-width:600px) and (max-width:639px) 
{
    html{font-size:15px;}
}

@media all and (min-width:480px) and (max-width:599px) 
{
     html{font-size:13px;}
}

@media all and (min-width:361px) and (max-width:479px) 
{
     html{font-size:11px;}
}

@media all and (max-width:360px)
{
     html{font-size:9px;}
}

.water_box{position: relative;}
.water_box div{border: 1px solid #ddd;width:200px;box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);display:none;background-color:#fff;}
.water_box2 div{border: 1px solid #000;width:200px;display:none;}
.water_box img{width:180px;margin:6px 9px 20px 9px;}
.page{text-align: center; margin-top:6px; font-size:14px; margin-bottom:10px; width:100%; float:left; display:inline;}
.page a{ border:1px solid #ccc; padding:6px 10px 5px 10px; display:inline-block; margin:0px 2px;}
.page a.aac{ color:#FFF;  background-color:#2eafbb;}