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

.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;}

.editor img{max-width:640px;}

/* 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:73.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:#117f11;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:30%;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:90%;border:1px solid #cedadb;margin:10% auto;text-align:center;}

.btn_more a{color:#117f11;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{}

.service_list p{line-height: 2rem;font-size: 1.5em;font-family: "微软雅黑";}

.service_list dl{width:44%;padding-right:2.6333%;float:left; text-align:center;}

.service_list dl img{border:solid 1px #e9e9e9;}

.service_list dl.f{padding-left:2.6333%;}

.service_list .t{line-height:2.2;margin-top:4%;overflow:hidden;}

.service_list .t a{color:#333;white-space: nowrap;text-overflow: ellipsis;height:30px;}

.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 .spec{height:110px;overflow:hidden;}

.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:#117f11;line-height:2.5;display:block;background-color:#ede9e9;}

.news_list dl dt a span{display:inline-block; background-color:#117f11;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:45%;position:relative;margin-left:5px;margin-right:5px;}

.case_list dd{position:absolute;bottom:0px;background:url(../images/cases_dd_bg.png) repeat;width:100%; text-align:center; line-height:2;height:50px;}

.case_list dd img{border:solid 1px #d8d8d8;}

.case_list dd a{color:#eeeeec;}

.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 #117f11;}

.news_item .fl{width:26%;background-color:#117f11;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{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:#117f11;}

.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 #117f11; line-height:2.4; padding:0 4%; color:#117f11;}



.news_type li{width:27.0833%;float:left;}

.news_type li a{font-size:1.5em;line-height:2.32;text-align:center; display:block;color:#fff;}

.news_type li a.li1{ background-color:#117f11;border-right: 1px solid #06c206;}

.news_type li a.li2{ background-color:#117f11;border-left: 1px solid #06c206;}

.news_type li a.li3{ background-color:#117f11;border-left: 1px solid #06c206;border-right: 1px solid #06c206;}
.news_type li a.li4{ background-color:#117f11;border-left: 1px solid #06c206;}

.news_type li.more{width:18.75%;background-color:#117f11;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:#117f11;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:#117f11;}



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

.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)

{



}.menu{ font-size: 0; text-align: center; margin-top: 0;background: #fff; overflow: auto;padding-bottom: 10px;}

.menu ul{width:105%}

.menu ul li{ display: block;width: 23.07%;text-align: center;float: left;margin-right:1%;margin-top:1%;}

.menu ul li p{ font: 13px/18px "microsoft yahei"; color: #666; width:100%;height:3rem;line-height:3rem;background:#117f11;color:#fff;}

@-webkit-keyframes sx{from{ top: -5px;}to{ top: -7px;}}

@-moz-keyframes sx{from{ top: -5px;}to{ top: -7px;}}

.index{max-width: 640px;margin: 0 auto;}