﻿@charset "utf-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{padding:0;margin:0;font-weight:400}
img{margin:0;padding:0;max-width:100%;}
table,td,th,tr{font-size: 24px;}
li{list-style-type:none;list-style:none}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6,p{font-weight:400;font-style:normal;font-size:18px}
table{border-collapse:collapse;border-spacing:0;}
address,cite,code,em,th{font-weight:400;font-style:normal}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
body{width:640px;max-width:640px;min-width:640px;margin:0 auto;font-family:"sans-serif"."Microsoft YaHei","΢���ź�",Verdana,"����",Arial,helvetica,sans-serif;color:#313131;font-size:18px;background:#fff}
a{text-decoration:none;blr:expression(this.onsk_banner=this.blur());color:#383838;outline-style:none}
a:hover{text-decoration:none}
a:sk_banner{-moz-outline-style:none}
.mg{ width:640px; float:left}
.mgin{ width:640px; float:left}
nav{ width:640px; height:100%; position: fixed; background:rgba(0,0,0,0.9); z-index:999; display:none;}
.list{width:500px;margin:40px auto 0 auto; position:relative}
.list>ul>li{border-bottom:solid 1px #333;}
.list ul li a{padding-left: 10px;color: #fff;font-size: 30px;display: block;font-weight:bold;height:75px;line-height:65px;position: relative;}
.list ul li .inactive{ background:url(/m/images/off.png) no-repeat right center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat right center;} 
.list ul li ul{display: none;}
.list ul li ul li {border-left:0;border-right:0;/* background-color:#46a64c; *//* border-color:#3c9042; */; background:url(../images/lin.png) no-repeat left center; padding-left:10px}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:0px;}
.list ul li ul li ul li {  background-color:#46a64c; border-color:#3c9042;}
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}
.list>ul>li>ul{ margin-left:0px;width:120%}

.list>ul>li>ul>li{width:50%;}




.list .close{ position: absolute; right:0px; top:20px}
.top{ height:100px; background: url(/images/gb16.png) no-repeat  295px 29px #fff; position:fixed;z-index:99;-moz-box-shadow:0px 0px 5px #dedcdc; -webkit-box-shadow:0px 0px 5px #dedcdc; box-shadow:0px 0px 5px #dedcdc;}
.top .logo{ width:450px; height:70px; float:left; margin:28px 20px }
.top .to{ width:100px; height:100px; float:left; margin-left:50px}
.banner{ width:640px; height: auto;margin:0 auto; position:relative; overflow:hidden; padding-top:100px   }
.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.banner .hd ul{ display:inline-block; font-size:0; vertical-align:top;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; margin:5px;  vertical-align:top; overflow:hidden;   }
.banner .hd ul .on{ background:#036aac;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ width:100%;  height: auto; background:url(/m/images/loading.gif) center center no-repeat;  }
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */  }
.indexjm{}
.indexjm a{ display:block; width:290px; height:290px; background:#dfe7e9; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; margin:20px 0 20px 20px}
.indexjm a img{ display:block; margin:20px auto 8px}
.indexjm a p{text-align:center;font-size: 20px;color:#333;}
.indexcp{ height:880px;}
.cphd .hd{ height:40px; line-height:40px; padding:0px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #3e3d3c; position:relative; margin-bottom:10px;  }
.cphd .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; text-align:center  }
.cphd .hd ul li{ display:inline-block; padding:0 10px; color:#666; width:180px;  }
.cphd .hd ul li a{font-size:26px;font-weight:bolder;font-family:YaHei;}
.cphd .hd ul .on{ border:2px solid #3e3d3c; border-bottom-color:#fff; background:#fff; color:#CF7F21;   }
.cphd .hd ul .on a{ display:block; /* �޸�Android 4.0.x Ĭ���������ǰ��ɫ��Ч��bug */  }
.cphd .bd>div{width:640px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0px 3%;}
.cphd .bd>div img{ display:block; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}




/**顶部**/

#logo {
	float: left;
}
#logo img {
	height: 45px;
	margin-top:34px;
}
.top_des {
	float: left;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	padding-left:15px;
	margin:28px 0px 20px;
}
.topdes {
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;

}



.toplogo{ height:150px}












/*end*/




.box-zsjm{max-width:640px; height:100%; overflow:hidden; height:600px; position:relative;}
.box-zsjm .zsjm01{width:50%; height:80px; padding:60px 0px;background-color:#F8B62D;text-align:center;float:left;cursor:pointer; font-size:32px; font-family:YaHei;font-weight:border;}
.box-zsjm .zsjm01 span{float:left;font-size:22px;font-weight:normal; text-align:center;width:100%;}

.box-zsjm .zsjm02{width:50%; height:80px; padding:60px 0px;background-color:#8A8A8A;text-align:center;float:left;cursor:pointer; font-size:32px; font-family:YaHei;font-weight:border;}
.box-zsjm .zsjm02 span{float:left;font-size:22px;font-weight:normal; text-align:center;width:100%;}



.contactus-title{
	text-align: center;
	padding-bottom:15px;
	border-bottom:1px #e6e6e6 solid;
}
.contactus-title h2{
	font-size: 30px;
	line-height:40px;
	font-weight:bold;
	color:#333333;
}
.contactus-title p{
	font-size: 15px;
	padding-top:14px;
}

/*联系方式*/
.contact-module{
	padding-top:30px;
	position: relative;
	overflow: hidden;
	margin: auto;
	padding-bottom:0px;
}

.shghnn{ margin-top:20px; margin-left:2%; margin-right:2%; line-height:2.0}

.ny-content11 img{white-space: normal;float: left; width:100%; padding-bottom:10px}

.ny-container11 .div{ font-size:18px}

.ny-content11{ font-size:15px; color:#333; line-height:25PX}



.ny-content12 img{white-space: normal; width:97%; padding-bottom:10px; margin:0 auto; text-align:center}

.ny-container12 .div{ font-size:18px;margin:0 auto}

.ny-content12{ font-size:15px; color:#333; line-height:25PX}


/*
.box-zsjm .box-zsjm-left{float:left; width:50%;height:600px; background-color:#666;}
.box-zsjm .box-zsjm-right{float:left;width:50%;height:600px; background-color:#999;}

.box-zsjm .box-zsjm-left .zsjm01{ width:100%; height:200px; background-color:#F8B62D;text-align:center}
.box-zsjm .box-zsjm-left .zsjm02{ width:100%; height:200px;  background-color:#8A8A8A;text-align:center}  
.box-zsjm .box-zsjm-left dl dt a{font-size:32px; font-weight:bolder; text-align:center; }

.box-zsjm .box-zsjm-right .zsjm01{ width:100%; height:200px;  background-color:#F8B62D;text-align:center}
.box-zsjm .box-zsjm-right .zsjm02{ width:100%; height:200px; background-color:#8A8A8A;text-align:center}  
.box-zsjm .box-zsjm-right dl dt a{font-size:32px; font-weight:bolder; text-align:center; }
*/



.indexnew{ height:920px;}
.indexnew .bt{ height:100px; background:#3e3d3c; }
.indexnew .bt img{ float:left}
.indexnew .bt .hd{ width:110px; height:50px; float:left; margin-top:25px; border:1px solid #555452; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden;}
.indexnew .bt .hd li{ display:block; width:110px; height:50px; float:left; text-align:center; line-height:50px; color:#fff; font-family:"����"; font-weight:bold; font-size:19px; border-left:1px solid #555452; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; cursor:pointer}
.indexnew .bt .hd li.on{ background:#fff; color:#3e3d3c}
.newhd{ background:#fff;}
.indexnew dl{ display:block; width:640px; overflow:hidden; height:820px}
.indexnew dl a.more{ display:block; width:118px; height:38px; float:left; border:1px solid #3e3d3c; text-align:center; line-height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px; margin:18px 260px}
.indexnew dl dt{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height:440px;width: 640px;float:left;padding:20px;transition:all 0.5s;;border-bottom:1px solid #f4f4f4}
.indexnew dl dt:hover{-moz-box-shadow: 10px 10px 5px #999; /* �ϵ� Firefox */box-shadow: 10px 10px 5px #999; position:relative; z-index:9}
.indexnew dl dt a>img{ display:block; width:600px; height:280px; float:left;padding-bottom:20px}
.indexnew dl dt a>p{display:block;width: 460px;height: 120px;float:left;margin-left:20px;line-height: 30px;font-size: 16px;color:#666;position:relative;}
.indexnew dl dt a>p strong{font-size: 25px;color:#3e3d3c;line-height:40px;}
.indexnew dl dt a>.time{ display:block; width:120px; height:100px; float:left; background:#3e3d3c; text-align:center; padding:10px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; font-size:16px; color:#fff; }
.indexnew dl dt .time p{ font-size:30px; font-weight:bold}
.indexnew dl dd{height: 100px;width: 640px;float:left;border-bottom:1px solid #f4f4f4;border-left:1px solid #f4f4f4;position:relative;transition:all 0.5s;}
.indexnew dl dd:hover{-moz-box-shadow: 10px 10px 5px #999; /* �ϵ� Firefox */box-shadow: 10px 10px 5px #999; position:relative; top:-5px;z-index:9}
.indexnew dl dd>a{display:block;width: 600px;height: 60px;float:left;line-height: 30px;font-size: 16px;color:#666; padding:20px}
.indexnew dl dd>a strong{font-size: 25px;color:#3e3d3c;line-height:20px;}
.indexnew dl dd>a span.inm{display:block;width: 40px;height:18px;background:#ddd;text-align:center;color:#fff;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;font-size: 13px;line-height:18px;position:absolute;bottom:20px;right:20px;}
.indexnew dl dd>a:hover span.inm{ background:#3e3d3c}
.indexnew dl dd>a span{font-size:15px;line-height:18px;color:#ddd; float:right}
.foot{ height:220px; background:#181818; padding-bottom:100px}
.foot .mgin{ margin-top:20px;}
.foot .mgin img{ display:block; margin:10px auto}
.foot .mgin p{width:90%; margin:0 auto; padding:0.12rem 0; font-size:0.24rem; color:#FFF; line-height:1.5; font-family:"微软雅黑"; text-align: center;}
.footer{ height:100px; background:#000; position:fixed; bottom:0}
.footer a{ width:33.33%; float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding-left:20px; border-right:1px solid #3e3d3c; height:100px}
.footer a img{ display:block; float:left; margin-top:20px}
.footer a p{float:left; margin-top:28px; font-size:23px; line-height:40px; padding-left:15px; color:#fff; font-weight:bold}
/*��ҳ����*/


.bottoms{ width:100%; height:auto; background-color:#26292f; margin:0rem auto 0; padding:0.45rem 0; height:4.5rem; border-top:10px #d60b1a solid;}
.bottoms p{ width:90%; margin:0 auto; padding:0.12rem 0; font-size:0.43rem; color:#FFF; line-height:1.6; font-family:"微软雅黑"; text-align: center;}
.bottoms a{ color:#fff;}
/*.bottoms .l{border-top:1px solid #d4d4d5;padding-top: 10px;margin-top: 10px;}*/

.lbt{ height:80px; background:#fff; margin-bottom:10px; padding:0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.lbt strong{font-size:30px;color:#3e3d3c; line-height:80px;}
.lbt span{font-size:15px;color:#666;font-family:SimSun;padding-left:10px;text-transform:uppercase}
.lbt span.m_r{ float:right; background:#f5a211; display:block; width:420px; height:50px; line-height:50px; text-align:center;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-top:15px; font-size:18px; font-weight:bold; }
.lbt span.m_r a{ color:#000;}

.newlist li{ display:block; height:120px; padding:20px; width:600px; float:left; background:#fff; margin-bottom:1px}
.newlist li img{ display:block; width:150px; height:120px; float:left}
.newlist li p{ display:block; width:430px; height:120px; float:left; margin-left:20px; font-size:25px; line-height:60px;font-weight:bold }


.page{float:left;width:720px;height:27px;padding-top:7px;padding-left:18px;background-color:#f3f3f3;text-align:center;}
.page a{padding:4px 7px; border:solid 1px #333; color:#333;}
.page li{float:left;height:27px;margin-right:6px;border:none; color:#333; font-weight:bold; font-size:16px;}
.page .pageinfo{float:left;width:120px;height:27px;}



.storelist li{ display:block; height:270px; padding:20px; width:320px; float:left; background:#fff; margin-bottom:1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; border-right:1px solid #f4f4f4}
.storelist li p{font-size:20px; line-height:40px;font-weight:bold; color:#333; text-align:center; font-weight: bold }

.news{ width:100%; margin:0 auto}
.news dt{ display:block; height: auto; float:left; width:640px; text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:25px 0; border-bottom:1px solid #f4f4f4}
.news dt h1{ font-size:30px; font-weight:bold; color:#333}
.news dt center{ font-size:15px; color:#999; line-height:30px; padding-top:10px}
.news dd{ display:block; overflow:hidden; float:left; width:640px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:20px; border-bottom:1px solid #f4f4f4; line-height:40px; font-size:20px;}

.xspage{height: auto; background:#fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:25px; line-height:40px; margin-bottom:10px}
.xspage li{ font-size:20px; color:#333}
.xspage li a{ font-weight:bold; color:#000; font-size:24px}

.contact{ margin:10px auto}
.contact .box3{ background:#fff; padding:20px 0; overflow:hidden}
.contact .box3>div{ width:213px; height:130px; float:left; border-right:1px solid #f4f4f4; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; text-align:center; padding:0 20px}
.contact .box3>div p{ font-size:17px; font-weight: bold; color:#333}
.contact .box3>div span{ font-size:16px; color:#666}

.c_message{ background:#fff; overflow:hidden}
.c_message>div{ width:590px; padding:5px 5px 20px;float:left}
.c_message>div.c_map{ width:600px; padding:0 20px;float:left}
.c_map p{ font-size:19px; line-height:40px; color:#666;  text-indent:2em}
.c_map h3{ font-size:24px; line-height:40px; color:#333;  font-weight:bold}

.c_message{ padding-top:20px; border-top:1px solid #f4f4f4}
.c_message>div.mes2{ padding:20px; width:600px;}
.mes2 center{ line-height:40px; font-size:19px; color:#333}
.mes2 form{ display:block; width:510px; margin:0 auto;}
.mes2 .m1{width:510px;height: 48px;float:left;margin-bottom:20px;}
.mes2 .m1 label{display:block;width: 80px;height: 50px;float:left;line-height: 50px;font-size: 24px;color:#333;}

.mes2 .m1 input{display:block;width: 428px;height: 48px;float:left;border-radius: 24px;border:none;outline:none;text-indent:10px;border:1px solid #eee;background:#f4f4f4;line-height:50px; font-size:20px;}
.mes2 .m2{ width:540px; height:100px; float:left;margin-bottom:20px;}
.mes2 .m2 label{ display:block; width:80px; height:32px; float:left; line-height:50px; font-size:24px; color:#333}
.mes2 .m2 textarea{ display:block; width:408px; height:100px; float:left; border-radius:16px; border:none; outline:none; padding:0 10px;  border:1px solid #eee;background:#f4f4f4;line-height:50px; font-size:20px;}
.mes2 .an{display: block;width: 215px;height:50px;overflow: hidden;float: left;border: none; margin-left:80px;cursor: pointer; background:#46a64c; border-radius:16px; color:#fff; line-height:50px; font-size:24px}

.brandin{background:#fff;padding:20px 0; margin-bottom:10px}.br1 p{font-size:15px;color:#666;line-height:30px}
.br1 p.time{padding:5px 10px;background:#333;display:inline-table;line-height:20px;border-radius:10px;margin-top:10px;color:#fff}
.br1 p strong{color:#000}p
.lin12{display:block;width:510px;margin:0 auto;height:50px;color:#fff;background:#333;text-align:center;padding:5px;line-height:25px;margin-top:20px;margin-bottom:10px}p
.lin12 strong{font-size: 30px;line-height:50px;color:#fff;/* font-weight:400; */font-weight: bold;}
.lin50{width:520px;margin:0 auto;overflow:hidden}
.lin50 table{font-size:15px;color:#333}
.lin50 table span{color:#ccc}
.lin50 table
.tb2 span{padding-right:20px}
.lin70{width: 600px;margin: 0 20px;overflow:hidden;text-align:center;}
.lin70 img{display:inline-block;padding:0;margin:0}
.tx a{display: inline-block;width: 260px;margin:3px;height: 50px;/* float:left; */overflow:hidden;border:1px solid #f4f4f4;line-height: 50px;font-size: 20px;color:#666;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.tx a.active,
.tx a:hover{border:1px solid #49a84c;background:#49a84c;color:#fff}

/*开店问答*/
.Faq{padding:4%;}
.FaqList{}	
.FaqList li{display:block;padding:10px;background:#FFF;margin-bottom:4%;}
.FaqList li h3{padding-left:34px;color:#01A9D6;margin-bottom:10px;font-size:1em;}
.FaqList li em{float:left;display:block;height:32px;width:32px;line-height:1.5;background:#01A9D6;color:#FFF;border-radius:50%;text-align:center;margin-left:-34px;}
.FaqList li .ct{padding-left:34px;color:#999;font-size:1em;}

/**内容也处理图片变形问题***/
#pages {overflow: hidden;min-width: 320px;max-width: 640px; margin:0 auto }
#pages div { width: 100%; margin: 0 auto; }
#pages div img{  height: auto; vertical-align: top; display: block;min-width: 320px;width: 100%; }



.m2ban { height:480px; position: relative; background: url(../images/loader.gif) no-repeat center center; }
.m2ban .bgImg {width: 100%; position: absolute; left: 0px; top: 100px; right: 0px; bottom: 0px;overflow: hidden;text-align: center; }
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size:45px; line-height:80px; display: inline-block;letter-spacing:3px;font-weight:normal;font-weight:500}
.m2ban_t2 { font-size:23px; line-height: 50px;text-transform: uppercase; font-weight:lighter }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2Footer{ position: static; }
.m2pos { background: #F4F4F4; padding: 26px 0px; }
.m2posItms { background: url(../images/m2icon1.png) no-repeat left 3px; font-size: 14px; color: #777777; line-height: 22px; position: relative; padding: 0px 260px 0px 20px; }
.m2case_st1 { font-size: 16px; color: #555; padding: 69px 0px 37px; line-height: 28px; text-align: center; }
.m2caseTop { padding: 0px 15px; }
.m2caseTop li { margin-bottom: 45px; padding: 0px 35px; }
.m2caseIconBox { border: 1px solid #B5B5B5; text-align: right; font-size: 16px; color: #aeaeae; line-height: 20px; font-weight: bold; padding: 40px 42.4% 40px 0px; text-transform: uppercase; position: relative; }
.m2caseIcon { background: url(../images/m2icon2_1.png) no-repeat center center; height: 62px; width: 62px; position: absolute; right: 17.8%; top: 50%; transform:translateY(-50%) }


.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
/***********************************
 ** 公共组件
 ** V2018-02
 **********************************/
.location { height:4.1rem; line-height:4.1rem; background:#ededed; position:relative; }
.location h2 { display:inline-block; color:#333333; text-indent:36px; background:url(/m/images/loc.jpg)  center left no-repeat; margin-left:18px; padding-left:0px; font-size:1.4rem}

.location h2 a:last-child{color: #036aac;}


.location .showmenu { position:absolute; right:0; top:2px; width:4.1rem; height:4.1rem; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RkU5ODA3Q0JBOTVFNjExQTY5M0FGNTREMTEyOUI0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjg3RTFFNTk3NkYxMUU2ODU5RUJCMUNGNzhGOTVDRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjg3RTFFNDk3NkYxMUU2ODU5RUJCMUNGNzhGOTVDRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0NEY5OUVBNzA5NkU2MTE4NDEzQUQyMzI3OTBDQTNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdGRTk4MDdDQkE5NUU2MTFBNjkzQUY1NEQxMTI5QjQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IxeB0wAABPVJREFUeNrsnW2IFVUYx891JVuJULcVU9N2fSnXdDNSoVQQJRO/ZKDZlzCQLREEka2WBbUXfMMk+pJekgxFElEQkkUXav3gCmqi9uZaS1mabm2Gu2quL7v9H+YZWNZkZ849M3dm9/+HP/dy78x9Duc3c86cM/c8k+no6DBUcpQhEAKhCIRAKAIhEIpACIQiEAJhLRAIRSAEQhEIgVB5BZLNZv/v46HwNLgcngwXw7/CJ+DTcB18zUFZ+8FFcJ+U1XErfFXeVFRUdLtx3xyDvQq/C4/p8vnT8Ev6/gj8tr7a6mX9jWFyEMFpOa0zejDugjfAN6MCMgj+EF4cYNvn4Vp4Hbwevh0y1iT4c/ihFLdEa+B/4I+729D29N8UEIavQvg9eJlFrOkph+FrfpCNbIC8Ar9uWahV2pyF0d89pL9uigLIMG16bDVQ938gxD5fwgdTDuOitirOO/Xn4JIcCzdDLwK+D7j9VT0rF8Dj9CBKQ6ee0dfL8H74bBRAyh0UtD/8RAggPpRPe8M4JGyT9ayjuJM4BHQDpMhR3GJWvRsgPzmKe5ZV7wbICUdxv2XVuwFyykHMP+FzrHo3V1lH4Rp4bg4xP4N/t9y3oNPlZFy6k2Qg/8IrjTer+4hFvG/gtRb7yeX2CvgpHYN0xNiC3IAPwZv1faKAiH6E34GzIZu8K/ByuCVkvMd1YDUyjy2JzKcN0fK3J6kP8bUNXgg3BNz+MPwiXG8Ra06eYfhaZLypI5NEIKK98Cx4C/wb3Nbl+xt6eVsNz4OPW8a5m5D+tj2OsuR6g0omzZbqQK9E23g5tRu1aTuv0x65qEZ/a1yegWyHLyUdiK+/1MciKKNAl3sJci9lrH4WV6cuV3S3jHeDLRtH3L4mHWrQDpUDQ4pACIQiEIpACIQiEAKhCIRAKAIhEIpAKAIhEIpACIQiEAKhCIRAKAKhCIRAKAJJs1z9c/FReDQ83njLB35Q/2J6TiaGVACRypd0GbJkYHCX35PMN3/AO42XxaA1x1jyP9uHU1a/UmZZ5NQWBxBJzfQ+POo+3z8Ilyqw2fBbxj5Fkyx7qNRY7SkCIl2CLFTaAX9iAixnsAXypgYIKknJITlL5F/sdSFjlcG7jbs18vnQFD1TtkXRqU+AP7DYbwD8kfES0ITRzJTD6NyiOL/KKtT+wLaCZPFmdch9rpmeoZYogEjT80KOBXsNfizE9geMtxw7zZJ+ZHMUnfozDgony9+eNMHXqjcbL3/jYm0uMykCIQf8BfgL+GQUQFxlA5KKrQ2xvWR/2MiR+r0qdRR3LIeAboA0O4rbxKp3A8RVNqBTrHo3QFxU5HUTPAMEgXQjmfrINYnZ18ZdIrReD0QybFYZ+xQTzbr/bVa9m8tekeQ4kTmZCot9V8PfWewnU/uSwkPmtQpirJ+MjrC/Ml5W1LYkAhFV6uuSgGeZTH/IzPBWi1jDjZeeqSyPB648DGCE8dJSRZpew/aOoRw1bxgvuXF3CS2lz5ilAzubpm5unmH4kpmCoUk9Q3ztM14OrKnwRONNHkqhf4bPGO/5IfV6ZWWrApMMFZgYbnm7uIXrp9Le36ngLvNKyRSLpHnKdxKzPcbLTJR4IF3lOslXo7bhVQolzslFiXVTO3V5Xkrkdyv5DKqEiUAIhCIQAqEIhEAoAiEQikAIhEAIhCIQAqEIhEAoAunp+k+AAQBb6CzLrpEMQQAAAABJRU5ErkJggg==) center center no-repeat; background-size:3.2rem; overflow:hidden; text-indent:-99em; display:none; }

.menu { width:100%; background:#f9f9f9; border-bottom:0 solid #333; display:none; margin-top:-40px; box-shadow: 0 2px 2px rgba(207,205,205,.55);}
.menu .list { width:100%; padding:4% 0 0% 0; }
.menu .list dd { float:left; width:30.66%; height:3.5rem; line-height:3.3rem; padding:0 .1rem; margin:0 0 4% 2%; border:1px solid #ddd; background:#ddd; border-radius:3px;-webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; font-size:1.3rem }
.menu .list a { display:block; text-align:center; }
.menu .list dd:active,
.menu .list dd.current {background:#036aac; border-color:#036aac; color:#FFFFFF}
.menu .list a:active {color:#FFFFFF}

/***********************************
 *** 设备适配
 **********************************/
@media (min-width:700px){
	html { font-size:70px; }
} 
@media (max-width:700px){
	html { font-size:60px; }
}
@media (max-width:500px){
	html { font-size:50px; }
} 
@media (max-width:350px){
	html { font-size:50px; }
}




/*资讯中心列表页面（图片列表）--dl_2*/


.contentmm{
  width: 100%;
	margin:0 auto;
}

.Help_3{ padding-top:8px; padding-bottom:20px;}

dl.dlxc3 {float:left; display:inline-block;padding-top:30px; width:48%; padding-right:3%}
dl.dlxc3:nth-child(2n){ padding-right:0px}
dl.dlxc3 dt {border: 1px solid #edecec; overflow:hidden; text-align:center } /*图片边框*/

dl.dlxc3 dt img {transition: all 0.6s ease 0s; text-align:center; width:95%;margin:2%}
dl.dlxc3 dt:hover img{ transform: scale(1.1);} 





dl.dlxc3 dd {height:50px; line-height:50px; overflow:hidden; text-align:center; background:#edecec; line-height:50px; width:100%}
dl.dlxc3 dd a{ display:block; font-size:1.0rem; height:50px; line-height:50px}
dl.dlxc3 dd a:hover{ color:#fff ; background:#cc0101}





.mainsupport .service .yy-1 .w1200 {

	padding-top: 120px;

	color: #fff;

	font-size: 43px;

	line-height: 1;

}



.mainsupport .service .yy-1 .w1200 .p1 {

	width: 640px;

	text-align: right;

}



.mainsupport .service .yy-1 .w1200 .p2 {

	margin-top: 170px;

	width: 505px;

	text-align: right;

}



.mainsupport .service .yy-2 {

	height: 850px;

	background: url(/images/yy2.jpg) center no-repeat;

}



.mainsupport .service .yy-2 .w1200 {

	overflow: hidden;

	padding-top: 208px;

}



.mainsupport .service .yy-2 .w1200 p {

	float: left;

	display: -webkit-flex;

	display: flex;

	margin-bottom: 25px;

	width: 580px;

	height: 180px;

	background: #212429;

	color: #fff;

	text-align: center;

	font-size: 30px;

	line-height: 48px;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

	-webkit-align-items: center;

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;

}



.mainsupport .service .yy-2 .w1200 p:nth-child(2n) {

	float: right;

}



.mainsupport .service .yy-2 .w1200 p.active {

	background: #ff4b4b;

}



.mainsupport .service .yy-3 {

	height: 809px;

	background: url(/images/yy3.jpg) center no-repeat;

}



.mainsupport .service .yy-4 {

	height: 1067px;

	background: url(/images/yy4.jpg) center no-repeat;

}



.mainsupport .service .yy-4 .w1200 {

	padding-top: 218px;

}



.mainsupport .service .yy-4 .w1200 dl {

	overflow: hidden;

	margin-bottom: 50px;

	margin-left: 213px;

}



.mainsupport .service .yy-4 .w1200 dl dd {

	float: left;

	overflow: hidden;

	box-sizing: border-box;

	margin-right: 55px;

	padding: 9px;

	width: 363px;

	height: 227px;

	border: 1px solid #000;

	border-radius: 8px;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

}



.mainsupport .service .yy-4 .w1200 dl dd .nr {

	overflow: hidden;

	height: 100%;

	border-radius: 8px;

	background: #000;

	color: #fff;

	text-align: center;

}



.mainsupport .service .yy-4 .w1200 dl dd .nr p {

	display: inline-block;

	margin-top: 77px;

	padding-bottom: 15px;

	border-bottom: 6px solid #fff;

	font-size: 27px;

	line-height: 1;

}



.mainsupport .service .yy-4 .w1200 dl dd:last-child {

	margin-right: 0;

}



.mainsupport .service .yy-4 .w1200 dl.num-3 {

	margin-left: 0;

}



.mainsupport .service .yy-4 .w1200 dl.num-3 dd {

	border-color: #ff4b4b;

}



.mainsupport .service .yy-4 .w1200 dl.num-3 dd .nr {

	background: #ff4b4b;

}



.mainsupport .service .yy-5 {

	height: 1459px;

	background: url(/images/yy5.jpg) center center no-repeat #f6f6f6;

}



.mainsupport .service .yy-5 dl {

	overflow: hidden;

	padding-top: 177px;

}



.mainsupport .service .yy-5 dl dd {

	float: left;

	box-sizing: border-box;

	margin-bottom: 25px;

	margin-left: 45px;

	padding: 220px 40px 0;

	width: 334px;

	height: 384px;

	background-position: center;

	background-repeat: no-repeat;

	color: #f6f6f6;

	text-align: center;

	font-size: 30px;

	line-height: 50px;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

}



.mainsupport .service .yy-5 dl dd:nth-child(1) {

	background-image: url(/images/y1.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(2) {

	padding-top: 245px;

	background-image: url(/images/y2.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(3) {

	padding-top: 245px;

	background-image: url(/images/y3.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(4) {

	padding-top: 235px;

	background-image: url(/images/y4.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(5) {

	padding-top: 255px;

	background-image: url(/images/y5.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(6) {

	padding-top: 255px;

	background-image: url(/images/y6.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(7) {

	padding-top: 250px;

	background-image: url(/images/y7.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(8) {

	padding-top: 250px;

	background-image: url(/images/y8.png);

}



.mainsupport .service .yy-5 dl dd:nth-child(9) {

	padding-top: 250px;

	background-image: url(/images/y9.png);

}



.mainsupport .service .yy-6 {

	box-sizing: border-box;

	padding-top: 267px;

	height: 891px;

	background: url(/images/yy6.jpg) center center no-repeat #f6f6f6;

}



.mainsupport .service .yy-6 .w1200 {

	position: relative;

}



.mainsupport .service .yy-6 .w1200 p {

	position: absolute;

	display: -webkit-flex;

	display: flex;

	overflow: hidden;

	box-sizing: border-box;

	padding: 55px;

	border-radius: 50%;

	background: #000;

	color: #fff;

	text-align: center;

	font-size: 29px;

	line-height: 40px;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

	-webkit-align-items: center;

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(1) {

	top: 55px;

	left: 0;

	width: 302px;

	height: 302px;

	background: #ff4b4b;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(2) {

	top: 0;

	left: 273px;

	width: 268px;

	height: 268px;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(3) {

	top: 55px;

	left: 561px;

	z-index: 2;

	width: 298px;

	height: 298px;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(4) {

	top: 41px;

	right: 5px;

	z-index: 2;

	width: 268px;

	height: 268px;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(5) {

	top: 195px;

	left: 369px;

	width: 270px;

	height: 270px;

	background: #ff4b4b;

}



.mainsupport .service .yy-6 .w1200 p:nth-child(6) {

	top: 217px;

	right: 155px;

	width: 270px;

	height: 270px;

	background: #ff4b4b;

}



.mainsupport .service .yy-7 {

	padding: 185px 0 60px 0;

	background: url(/images/yy7.jpg) center top no-repeat #f6f6f6;
	margin-top:50px;

}



.mainsupport .service .yy-7 dl {

	overflow: hidden;

	width: 100%;

}



.mainsupport .service .yy-7 dl dd,.main .service .yy-7 dl dt {

	float: left;

	overflow: hidden;

	margin: 0 15px 20px 0;

	width: 389px;

	height: 210px;

}



.mainsupport .service .yy-7 dl dd>img {

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

}



.mainsupport .service .yy-7 dl dd:hover>img {

	-webkit-transform: scale(1.05,1.05);

	-moz-transform: scale(1.05,1.05);

	-o-transform: scale(1.05,1.05);

	transform: scale(1.05,1.05);

}



.mainsupport .service .yy-7 dl dt {

	background: #eee;

	text-align: center;

	font-size: 31px;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-o-transition: all ease-out .3s;

	transition: all ease-out .3s;

}



.mainsupport .service .yy-7 dl dt:hover {

	background: #ddd;

}



.mainsupport .service .yy-7 dl dt p {

	display: inline-block;

	padding-top: 80px;

	color: #202020;

}



.mainsupport .service .yy-7 dl dt p:after {

	display: block;

	margin: 15px auto 0;

	width: 150px;

	height: 0;

	border-bottom: 2px dashed #cdd2d8;

	content: '';

}



.mainsupport .service .yy-8 {

	height: 396px;

	background: url(/images/yy8.jpg) center no-repeat;

}