/* 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;}

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%;}
@media  (min-width:481px)
{
  .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;}
/*banner*/

  .carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
  .carousel-inner { position: relative; width: 100%; overflow: hidden;}

/* cases begin */
.case_list dl{float:left;width:46%;position:relative; margin-bottom: 0px; margin-left:1%;}
.case_list dd{  bottom:0px; width:100%; text-align:center; line-height:2;}
.case_list dd a{ }
.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 */


/* 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;}

footer{background-color:#66C5B4;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 li span{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);/* 取消链接高亮 */}
 
/* index 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:14px;}
}

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

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