@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name (2015-07-14 18:32)更新 */
.height20{ height: 20px;}
footer{ clear:both; overflow: hidden; text-align: center; background: #202120; line-height:2; color: #626262;}
footer p span{ padding: 0 10px; font-family: georgia;}
footer p em{ padding: 0 10px; display: inline-block;}

/**************index**************/	
.index{ background:#f8f8f8; clear: both; overflow: hidden;}
.index_1_big{font-size:20px;}
.index_top{ text-align: center; color: #d11820; font-size: 24px; display: block; clear:both; font-weight: bold;}
.index_top span{ font-family: georgia; padding: 0 5px;}
.index_1{ text-align: center; color: #959595; font-size: 14px; padding: 5px 0; display: block; clear: both;}
.index_2{ clear: both; overflow: hidden; padding: 10px 0;}
.index_2 li{position: relative; width: 100%; height:150px; cursor: pointer;float: left; margin: 10px 0;}
.index_1 li .index_rota{border-radius: 4px;background:#a5a5a5;padding-bottom: 5px;}
.index_rota{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.index_rota1{ width: 100%; height: 100%;}
.index_2 li .index_2_2 .index_rota1{*width:253px;*height:120px}
.index_2 li .index_2_1 .index_rota1{ background: #f4f4f4;}
.index_2 li .index_2_1,.index2_1 li .index_2_1{z-index: 10;}
.index_2 li.hover .index_rota{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.index_2_2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index: 1;}
.index_2 li.hover .index_2_1,.index2 li.hover .index_2_1{z-index:1;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.index_2 li.hover .index_2_2,.index2_1 li.hover .index_2_2{z-index:10;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}

.index_2 li .index_2_1{ color: #d11820; font-size: 24px; line-height: 145px; text-align: center; font-weight: bold;}
.index_2 li .index_2_1 span{display: inline-block; clear: both; overflow: hidden; padding-left:65px; }
.index_2 li .index_2_2 .index_rota1{ padding:15px 15px 15px 80px; clear: both; overflow:hidden; color: #fff; font-size: 14px;}
.index_2 li .index_2_2 big{ clear: both; overflow: hidden; display: block; font-size: 18px; line-height: 26px; white-space: nowrap;}
.index_2 li .index_2_2 p{ color: #ffdcb2; height: 60px; line-height: 20px; overflow: hidden;}
.index_2 li .index_2_2 span{ display: block; clear: both; overflow: hidden; padding-top: 5px;}
.index_2 li .index_2_2 span a{ display: inline-block; height:30px; line-height: 30px; padding: 0 30px; color: #fff; border-radius: 3px; background: #d11820;}
.index_2 li.in_b1 .index_2_1 span{ background: url(../images/index_1_01.png) no-repeat 0 center;}
.index_2 li.in_b1 .index_2_2 .index_rota1{ background: url(../images/index_1_02.png) no-repeat 15px 25px #f7941e;}
.index_2 li.in_b2 .index_2_1 span{ background: url(../images/index_3_01.png) no-repeat 0 center;}
.index_2 li.in_b2 .index_2_2 .index_rota1{ background: url(../images/index_3_02.png) no-repeat 15px 25px #f7941e;}
.index_2 li.in_b3 .index_2_1 span{ background: url(../images/index_2_01.png) no-repeat 0 center;}
.index_2 li.in_b3 .index_2_2 .index_rota1{ background: url(../images/index_2_02.png) no-repeat 15px 25px #f7941e;}
.index_2 li.in_b4 .index_2_1 span{ background: url(../images/index_4_01.png) no-repeat 0 center;}
.index_2 li.in_b4 .index_2_2 .index_rota1{ background: url(../images/index_4_02.png) no-repeat 15px 25px #f7941e;}

.index1{ clear: both; overflow: hidden; background: url(../images/index1.jpg) no-repeat center 0; background-size: auto 100%; padding: 15px 0;}
.index1 big{ color:#f7941e; display: block; clear: both; overflow: hidden;}
.index1_top{ font-size: 24px; text-align:center}
.index1 dl{ color: #fff; font-size: 14px; clear: both; overflow: hidden;}
.index1 dl dd{ padding: 10px 0 10px 90px; min-height:100px; background-size:80px  auto !important;}
.index1 dl dd big{ font-size: 18px;}
.index1 dl dt{ background: url(../images/index1_04.png) no-repeat center center; height:134px; width: 11%; float: left; display: none; overflow: hidden;}
.index1 dl dd.index1_01{ background:url(../images/index1_01.png) no-repeat 0 10px;}
.index1 dl dd.index1_02{ background:url(../images/index1_02.png) no-repeat 0 10px;}
.index1 dl dd.index1_03{ background:url(../images/index1_03.png) no-repeat 0 10px;}

.index2{ clear: both; overflow: hidden; background: #f5f5f3; padding:15px 0;}
.index2_top{ clear: both; overflow:visible; border-bottom: 1px solid #ccc; text-align: center; margin-bottom: 20px;}
.index2_top span{ display: inline-block; border-bottom: 3px solid #f93; margin-bottom: -2px; font-size: 26px; color: #999; line-height: 2.4;}
.index2_1{ clear: both; overflow: hidden;}
.index2_1 li{ width: 100%; clear: both; overflow: hidden; position: relative; height: 165px;}
.index2_1 li .index_2_1{ border-bottom: 3px solid #ccc; z-index: 10; background-size: 70px auto !important; }
.index2_1 li .index_2_1 .index_rota1{ padding:55px 0 20px 95px;}
.index2_1 li .index_2_1 big{ clear:both; overflow: hidden; white-space: nowrap; font-size: 22px; color: #000; font-weight: bold; line-height: 1.5}
.index2_1 li .index_2_1 p{ white-space: nowrap; color: #999; font-family: georgia;}
.index2_1 li .index_2_2{ border-bottom: 3px solid #ccc ; color: #fff; background-size: 70px auto !important; }
.index2_1 li .index_2_2 .index_rota1{ padding: 10px 10px 10px 95px; color: #b2b2b2;}
.index2_1 li .index_2_2 big{ clear: both; overflow: hidden; display: block; overflow: hidden; font-size: 22px; line-height: 1.4; white-space: nowrap; color: #fff;}
.index2_1 li .index_2_2 small{ clear: both; overflow: hidden; display: block; font-size: 12px; line-height: 18px; max-height: 37px;}
.index2_1 li .index_2_2 small em{ font-style: normal; display: inline-block; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.index2_1 li .index_2_2 p{ line-height: 18px; height: 54px; overflow: hidden;}
.index2_1 li .index_2_2 span{ display: block; clear: both; overflow: hidden; padding-top:8px ;}
.index2_1 li .index_2_2 span a{ border: 1px solid #797778; line-height:24px; color: #999; font-family:georgia; display: inline-block; padding: 0 5px;}

.index2_1 li.in_b1 .index_2_1{background: url(../images/index2_1.png) no-repeat 10px center #fff; }
.index2_1 li.in_b1 .index_2_2{ background: url(../images/index2_1_01.png) no-repeat 15px 25px #4d4b4c;}
.index2_1 li.in_b2 .index_2_1{background: url(../images/index2_2.png) no-repeat 10px center #fff; }
.index2_1 li.in_b2 .index_2_2{ background: url(../images/index2_2_01.png) no-repeat 15px 25px #4d4b4c;}
.index2_1 li.in_b3 .index_2_1{background: url(../images/index2_3.png) no-repeat 10px center #fff; }
.index2_1 li.in_b3 .index_2_2{ background: url(../images/index2_3_01.png) no-repeat 15px 25px #4d4b4c;}
.index2_1 li.in_b4 .index_2_1{background: url(../images/index2_4.png) no-repeat 10px center #fff; }
.index2_1 li.in_b4 .index_2_2{ background: url(../images/index2_4_01.png) no-repeat 15px 25px #4d4b4c;}
.index2_1 li.in_b5 .index_2_1{background: url(../images/index2_5.png) no-repeat 10px center #fff; }
.index2_1 li.in_b5 .index_2_2{ background: url(../images/index2_5_01.png) no-repeat 15px 25px #4d4b4c;}

.index3{ clear: both; overflow: hidden; background: url(../images/index3.jpg) no-repeat center 0; background-size: auto 100% !important; padding: 20px 0;}
.index3 big{ text-align: center; display: block; clear: both; overflow: hidden; color: #f7941e; font-size: 24px;}
.index3_1{ clear: both; overflow: hidden; color: #cacaca; max-width: 910px; margin: 0 auto; font-size: 14px; padding: 20px 0;}
.index3_2{ clear: both; overflow: hidden; padding: 10px 0; font-size: 14px;}
.index3_2 dd{ clear: both; overflow: hidden; float: left; width: 100%; margin: 5px 0; background: #d17200; border-radius: 3px; padding-bottom: 4px; text-align: center; line-height: 50px;}
.index3_2 dd span{ display: block; clear: both; overflow: hidden; height: 100%; /*width: 100%; */background: #f7941e; border-radius: 3px;}
.index3_2 a{ color: #fff; display: block;}
.index3_2 dt{ float: left; width: 100%; clear: both; background: #a00007; height: 54px; border-radius: 3px; padding-bottom: 4px; text-align: center; line-height: 50px; margin-top: 20px;}
.index3_2 dt span{ display: block; clear: both;height: 50px; width: 100%; background: #d11820; float: left;}
.index3_2 dt span a{ background:url(../images/index3_1.png) no-repeat 0 0; margin-top: -20px; padding:20px 0 0 80px; display: inline-block;}

/**************main**************/	
.main_banner{ clear: both; overflow: hidden;}
.main_banner img{ width: 100%;}

/**************产品与服务**************/	
.service{ background: #f5f5f3; clear: both; overflow: hidden; padding:10px 0;}
.service_top{ clear: both; overflow: hidden; font-size: 24px; text-align: center; display: block; padding:20px 0;}
.service_1{ clear: both; overflow: hidden; font-size: 16px; text-align: center; max-width: 860px; margin: 0 auto; }
.service_1 p{ padding: 3px 0;}
.service_2{ clear: both; overflow: hidden; padding: 10px 0; max-width: 860px; margin: 0 auto; line-height: 44px;}
.service_2 dd{ clear: both; overflow: hidden;}
.service_2 dd span{ float: left; width: 46%; margin: 5px 2%; display:inline-block;border: 3px solid #e0e0e0; text-align: center; background: #fff; white-space: nowrap; overflow: hidden;}
.service_2 dd a{float: left; width: 46%; margin: 5px 2%; display: inline-block; border: 3px solid #e0e0e0; text-align: center; background: #fff; color: #d11820;}
.service_2 dt{ clear: both; overflow: hidden; padding: 30px 0 0; text-align: center;}
.service_2 dt span{ background: #a00007; border-radius: 3px; padding-bottom: 4px; line-height: ; line-height: 50px; display: inline-block; font-size: 18px;}
.service_2 dt span a{ display: block; clear:both; overflow: hidden; color: #fff; padding: 0 10px; border-radius: 3px; background: #d11820; letter-spacing:2px;}

.service2{ background: url(../images/service1.jpg) no-repeat center 0; background-size: auto 100% !important; }
.service2 .service_top{ color: #f7941e;}
.service2_1{ clear:both; overflow: hidden; padding:10px 10px 30px; color: #cacaca; font-size: 16px; text-align: center;}

.service3{ clear: both; overflow: hidden; background: #f5f5f3; padding-bottom: 20px;}
.service3_1{ clear: both; overflow: hidden; padding:10px;}
.service3_1 img{ width: 100%;}
.service3_2{ clear: both; overflow: hidden; background: url(../images/service2_2.png) no-repeat 0 0; margin-top: 20px;}
.service3_3{ background:url(../images/service2_3.png) no-repeat right bottom; padding: 15px; font-size: 14px; color: #828282;}

.service4{ background: url(../images/service4.jpg) no-repeat center 0; background-size: auto 100% !important;}
.service4 .service_top{ color: #fff;}
.service4 .service5{ color: #fff;opacity: 0.4; filter:alpha(opacity=40) ;-moz-opacity:0.4; position: relative; }
.service4_1{ clear: both; overflow: hidden; color: #fff;}
.service4_1 li{ clear: both; overflow: hidden; float: left; width: 100%; border: 1px solid #fff; margin:5px 0; display: inline-block; text-align: center; padding: 5px; font-size: 14px;}
.service5{ clear: both; overflow: hidden; text-align: center; max-width:990px; font-size: 14px; padding: 20px 0; margin: 0 auto;}
.service5_1{ clear: both; overflow: hidden; padding: 10px 0;}
.service5_1 li{ clear: both; overflow: hidden; padding: 10px 0;}
.service5_1 em{ float: left; width:30px; margin-right: 10px; display: inline-block; overflow: hidden;}
.service5_1 em img{ width: 100%;}
.service5_2{ overflow: hidden;}
.service5_2 big{ display: block; clear: both; overflow: hidden; line-height: 30px; font-size: 18px; color: #000;}
.service5_2 p{ color: #828282; clear: both; overflow: hidden; font-size: 14px;}

/**************成为加盟商**************/	
.join{ clear: both; overflow: hidden; max-width: 760px; font-size: 16px; color: #828282; line-height: 2.2; padding: 10px 0; margin: 0 auto;}
.join .service_top{ color: #f7941e;}
.join_1 .service5{ color: #cacaca;}
.join_1 .join5 dt{ color: #fff;}
.join_1 .service5{ padding: 10px 0;}
.join1{ background: url(../images/join_1.jpg) no-repeat center 0; background-size: auto 100% !important; clear: both; overflow: hidden;}
.join1 .service_top{ padding:20px 0 0 ;}

.join1_1{ clear:both; overflow: hidden; text-align: center; padding: 10px 0 20px;}
.join1_1 dt{ clear: both; overflow: hidden; font-size: 20px; font-weight: bold; color:#fff; padding-bottom: 20px;}
.join1_1 dd{ float: left; width: 50%; padding:5px; font-size: 14px; color:#fff;}
.join1_1 dd em{ display: block; clear: both; overflow: hidden; padding-bottom: 15px;}
.join1_1 dd em img{ max-width: 100%;}
.join1_1 dd p{ height:72px; line-height: 24px; overflow: hidden;}
.join2{ clear: both; overflow: hidden; padding: 20px 0; max-width: 950px; margin: 0 auto; font-size: 14px; text-align:center}
.join2 p{ padding: 8px 0; clear: both; overflow: hidden;}
.join2 img{ max-width: 100%;}

.join3{ background: url(../images/join2.jpg) no-repeat center 0; background-size: auto 100% !important; clear: both; overflow: hidden;}
.join3 .service_top{ color: #fff;}
.join5{ clear: both; overflow:hidden; padding: 0 0 30px; font-size: 14px;}
.join5 dt{ text-align: center; overflow:hidden;  color: #000; font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.join5 dd{ clear: both; overflow: hidden; float: left; width: 100%; border-radius: 3px; color: #fefefe; background: #686868; padding-bottom: 4px; margin: 8px 0; line-height: 25px;}
.join5 dd .join5_1{ overflow: hidden; background: #8a8a8a; padding: 15px 10px;}

/**************店铺**************/	
.shop_top{ clear: both; overflow: hidden; padding: 20px 0 10px;}
.shop_select{padding: 5px;width: 270px;-webkit-appearance: button;-webkit-padding-end: 21px;-webkit-padding-start: 8px;-webkit-user-select: none;color: black;background-image: url('../images/hei.png');background-repeat: no-repeat;background-position: right center;border: 1px #d8d8d8 solid;background-color: white;display: block;border-radius: 4px; outline: none;}
.shop{ clear: both; overflow: hidden; padding: 10px 0;}
.shop li{ clear: both; width: 100%; overflow: hidden; padding: 10px 0;}
.shop1{ background:#fafafa; border-bottom:5px solid #ececec; clear: both; overflow: hidden; padding: 10px;}
.shop1_1{ float: left; width:58px; margin-right: 15px; display: inline-block; overflow: hidden;}
.shop1_1 strong{ display: block; background: url(../images/shop_top.png) no-repeat center center; height: 36px; line-height: 36px; text-align: center; color: #bdbdbd; clear: both; overflow: hidden; font-size: 16px; margin-bottom: 10px;}
.shop1_1 em{ display: block; clear:both; overflow: hidden;}
.shop1_1 em img{ width: 100%;}
.shop1_2{ overflow: hidden; color: #4a4a4a;}
.shop1_2 big{ font-size: 16px; color: #000; display: block; clear:both; overflow: hidden; font-weight: bold;}
.shop1_2 dl{ clear: both; overflow: hidden; line-height: 2;}
.shop1_2 dl dt{ float:left; display: inline-block; overflow: hidden; margin-right: 10px;}
.shop1_2 dl dd{ overflow: hidden;}
.shop1_3{ clear: both; overflow: hidden; text-align: center;}
.shop1_3 a{ float: right; background: url(../images/juxu-bg.png) repeat-x 0 bottom; height: 28px; line-height:28px; display: inline-block; border-radius: 3px; width: 85px; color: #fff;}

.shop_bg{ clear: both; overflow: hidden; background: #f5f5f5; padding: 10px 0;}
.shop_top1{ clear: both; border-bottom: 1px solid #d6d6d6; line-height: 50px; overflow: hidden;}
.shop_top1 a{ float: right; background: url(../images/shop_4.png) no-repeat right center; padding: 0 15px; display: inline-block; overflow:hidden; color: #f7941e;}
.shop_top1 big{ font-size: 15px; background: url(../images/shop_top1.png) no-repeat 0 center; padding-left: 40px; display: inline-block; float: left; color: #000; font-weight: bold;}
.shop2{ clear:both; overflow:hidden; padding: 15px 0;}
.shop_left{ clear: both; overflow: hidden;}
.map{ clear: both; overflow: hidden; width: 100%;}
.map img{ width: 100%;}
.shop_left1{ clear:both; overflow: hidden; margin-top:15px; background: #fff; padding-bottom: 2px;}
.shop_top2{ border-bottom: 1px solid #f5f5f5; clear:both; overflow: hidden; line-height: 40px; padding-left: 35px; color: #000; font-size: 16px; height: 41px; *height: 40px;}
.s_t1{ background: url(../images/shop_1.png) no-repeat 12px center;}
.s_t2{ background: url(../images/shop_2.png) no-repeat 12px center;}
.s_t3{ background: url(../images/shop_3.png) no-repeat 12px center;}
.shop_about{ clear: both; overflow: hidden; padding: 10px;}
.shop_about p{ padding: 5px 0; clear:both; overflow: hidden;}
.shop_left2{ clear:both; overflow: hidden; padding:0 10px;}
.shop_left2 li{ clear: both; overflow: hidden; border-bottom: 1px dashed #dbdbdb; color: #4a4a4a; line-height: 29px; white-space: nowrap;}
.shop_left2 li span{ float: left; width:40%; display: inline-block; overflow:hidden; text-indent: 1em;}
.shop_left2 li em{ font-style: normal; color: #f7941e;}

.shop_right{ padding:20px 0 0;}
.shop_right .banner3,.rate_1 .banner3{ border-radius: 7px;}

/**************汇率**************/	
.rate_article{ clear:both; overflow: hidden; text-align: center; padding: 15px 10px; margin: 0 auto; max-width:980px; font-size: 16px;}
.rate1,.rate_1{ clear:both; overflow: hidden;padding: 0 0 20px;}
.rate_2{ border: 1px solid #d6d6d6; border-radius: 8px; clear: both; overflow: hidden; padding: 10px;}
.rate_3{ clear: both; overflow:hidden; line-height: 30px; height: 30px;}
.rate_3 span{float:left; width:23.5%;*width: 23.4%; margin-right:2%; display: inline-block; text-align: center; overflow: hidden; color: #fff; background: #f1a400; cursor: pointer;}
.rate_3 span.rate_r{ margin-right:0; float: right;}
.rate_3 span.hover{ background: #cc2123;}
.rate2{ clear: both; overflow: hidden; border: 1px solid #cc2123; padding:10px;}
.rate_pic{ clear:both; overflow: hidden; display: none;}
.rate_pic big{ font-size:14px; clear: both; overflow: hidden; display: block; padding-bottom: 10px;}


.rate3{ background: url(../images/rate1.jpg) no-repeat center 0; background-size: auto 100%; padding: 10px 0;}
.rate4{ clear: both; overflow: hidden; padding: 10px 0;}
.rate4 li{width: 100%;float: left; margin: 10px 0; background: #a4a4a5; border-radius: 4px; padding-bottom: 5px;}
.rate4_1{ background-color:#fff; background-repeat: no-repeat; background-position: 10px 15px; background-size: 40px auto; clear:both; overflow: hidden; padding: 10px 10px 10px 60px; color: #434343;border-radius: 4px;}
.rate4_1 big{ display: block; clear: both; overflow: hidden; font-size: 16px; color: #d11820; font-weight: bold; }
.rate4_1 span{ display: block; clear: both; overflow: hidden; line-height: 30px; margin-top: 5px;}
.rate4_1 span a{ width: 150px; display: block; clear: both; overflow:hidden; background: #d11820; color: #fff; border-radius: 3px; text-align: center;}
.rate4 li.hover .rate4_1{ background-color: #f1a400; color: #fff;}
.rate4 li.hover .rate4_1 big{ color: #fff;}
.rate_b1{ background-image: url(../images/index_1_01.png);}
.rate4 li.hover .rate_b1{ background-image:url(../images/index_1_02.png);}
.rate_b2{ background-image: url(../images/index_3_01.png);}
.rate4 li.hover .rate_b2{ background-image:url(../images/index_3_02.png);}
.rate_b3{ background-image: url(../images/index_2_01.png);}
.rate4 li.hover .rate_b3{ background-image:url(../images/index_2_02.png);}
.rate_b4{ background-image: url(../images/index_4_01.png);}
.rate4 li.hover .rate_b4{ background-image:url(../images/index_4_02.png);}

/**************关于我们**************/	

#left-menu{ clear: both; overflow: hidden; text-align: center; background: #d11820; color:#fff; line-height: 30px; float: left; padding: 0 20px; display: inline-block; border-radius:5px;margin-bottom: 20px;}

#sidr-left{display:none;left: -150px;position: fixed;top: 0;height: 100%;z-index: 999999;width:150px;overflow-x: none;overflow-y: auto;background: #f5f5f5;font-size: 14px; }
.main_left1{ clear: both; overflow: hidden; padding-bottom: 20px;}
.main_left1 li{ clear: both; overflow: hidden; border-bottom: 1px solid #eee; line-height:50px; }
.main_left1 a{ display: block; clear:both; overflow: hidden; padding: 0 20px;white-space: nowrap;}
.main_left1 li span{ display: block; clear: both; overflow: hidden;background: #909090; font-size:16px;}
.main_left1 li span a{ color: #fff;}
.main_left1 li p{ clear: both; overflow: hidden; display: none;}
.main_left1 li p a{ border-bottom: 1px solid #eee;}
.main_left1 li.on span{ background: #d11820;}
.main_left1 li.on p{ display: block;}
.main_left1 li p a.hover{ color: #d11820;}
.main_left2{ clear:both; overflow: hidden; border: 1px solid #eee;}
.main_left2 img{ width: 100%;}
.main_right{ overflow: hidden;clear: both;border: 1px solid #eee; padding: 10px; background: #fff; margin-bottom: 20px;}

.main_top{ clear:both; overflow: hidden; border-bottom: 2px solid #eee; padding-bottom:5px;font-size: 14px;}
.main_top p{ display: none; float:right; background: url(../images/main_top.png) no-repeat 0 center; padding-left: 15px; margin-top: 10px; line-height: 25px;}
.main_top p a{ margin: 0 8px; display: inline-block;}
.main_top p span{ margin: 0 8px; display: inline-block; color: #d11820;}
.main_top big{float: left; background: url(../images/main_top1.png) no-repeat 0 center; padding-left: 15px; display: inline-block; overflow: hidden; font-size:24px; color: #434343; line-height:35px; }

.about_article{ clear:both; overflow: hidden; padding: 20px 0; font-family: Arial,"微软雅黑"; font-size: 14px; color: #818181;}
.about_article img{ max-width: 100%;}
@media only screen and (min-width: 768px) {
/**************index**************/	
/*.index{ background: url(../images/index_1.jpg) no-repeat center 0; height: 582px;}*/
.index_top{ font-size: 48px;}
.index_1_big{font-size:35px;}
.index_2{ padding-top: 5px;}
.index_top span{ padding: 0 10px;}
.index_1{ max-width: 620px; margin: 0 auto;}
.index_2 li{ width: 48%; margin: 14px 0;}
.index_2 li.index_r{ float:right}

.index1{height:599px;}
.index1_top{ font-size:48px; padding:90px 0 60px; }

.index1 dl dd{ padding:160px 0 0; background-size:auto  auto !important; float: left; display: inline-block; overflow: hidden; width:26% ;}
.index1 dl dd big{ font-size: 18px; text-align: center;}
.index1 dl dt{ display:inline-block;}
.index1 dl dd.index1_01{ background-position: center 10px !important;}
.index1 dl dd.index1_02{ background-position: center 15px !important;}
.index1 dl dd.index1_03{background-position: center 0 !important;}

.index2_top span{ font-size: 48px;}
.index2_1 li{ float: left; width: 33%; clear: none; height: 370px; border-right: 1px solid #f5f5f3;}	
.index2_1 li .index_rota{ background-size: auto auto !important; }
.index2_1 li .index_2_1 .index_rota1{ padding:190px 10px 0; text-align: center;}
.index2_1 li .index_2_2 .index_rota1{ padding:145px 5px 10px;}
.index2_1 li .index_2_2 span{ text-align: center; padding-top: 15px;}
.index2_1 li .index_2_2 span a{ padding: 0 30px;}
.index2_1 li .index_2_2 p{ line-height: 20px; max-height: 120px; height: auto; margin-top: 10px;}
.index2_1 li .index_2_2 big{ text-align: center;}
.index2_1 small{ text-align: center;}
.index2_1 li.in_b1 .index_2_1{ background-position: center 110px !important;}
.index2_1 li.in_b1 .index_2_2{background-position: center 60px !important;}
.index2_1 li.in_b2 .index_2_1{background-position: center 120px !important;}
.index2_1 li.in_b2 .index_2_2{background-position: center 70px !important;}
.index2_1 li.in_b3 .index_2_1{background-position: center 110px !important;}
.index2_1 li.in_b3 .index_2_2{background-position: center 60px !important;}
.index2_1 li.in_b4 .index_2_1{background-position: center 120px !important;}
.index2_1 li.in_b4 .index_2_2{background-position: center 65px !important;}
.index2_1 li.in_b5 .index_2_1{background-position: center 112px !important;}
.index2_1 li.in_b5 .index_2_2{background-position: center 63px !important;}

.index3{ background-size: auto auto !important; padding: 30px 0; height: 534px;}
.index3 big{font-size: 48px; padding: 70px 0 30px;}
.index3_1{padding: 20px 0 40px;}
.index3_2{ clear: both; overflow: hidden; padding: 10px 0; font-size: 14px;}
.index3_2 dd{ clear: none; width: 19%; margin:10px 1.25% 0 0;}
.index3_2 dd.index3_3 span{ padding:5px 6%; line-height: 20px;}

.index3_2 dt{ float: left; width: 19%;clear: none; margin-top: 10px;}

.index3_2 dt span a{ background:url(../images/index3_1.png) no-repeat 0 0; margin-top: -10px; padding:10px 0 0 60px; display: inline-block; background-size:50px auto !important;}
/**************产品与服务**************/
.service_top{ font-size: 48px;}
.service_2{ font-size: 16px;}
.service_2 dd span{ width: 22%; margin: 10px 1.5%;}
.service_2 dd a{width: 22%; margin: 10px 1.5%;}
.service2 { padding:60px 0 10px;}
.service2_1{ margin: 0 auto; max-width: 940px; width: 90%; background:url(../images/service1_1.png) no-repeat 0 0; margin-top: 30px;}
.service2_2{ background: url(../images/service1_2.png) no-repeat right bottom; padding:20px 70px 10px; clear: both; overflow: hidden;}

.service3{ padding-top: 20px;}
.service3 .beijing{ max-width: 970px;}
.service3_1{ clear: none; float: left; width: 40%; margin-right: 5%; display: inline-block;}
.service3_2{ clear: none; margin-top: 40px; float: left; width:54%; font-size: 18px;}

.service5_1{ clear: both; overflow: hidden; padding: 20px 0;}
.service5_1 li{ clear: none; float: left; width:20%; padding: 20px 2%; display: inline-block;}
.service5_1 em{ float: left; width:100%; margin-right: 0; display:block;text-align: center;}

.service5_1 em img{ width: 80%; max-width: 118px;}
.service5_2{ clear:both; overflow: hidden;}
.service5_2 big{ text-align: center; padding: 10px 0;}

.service4{ padding: 30px 0;}

.service4_1{ background: url(../images/service4_1.png) no-repeat center; background-size: 100% auto; margin: 0 auto; max-width:927px; position: relative; height: 274px;}
.service4_1 li{ border: 0; position: absolute; text-align: center; font-size: 14px; width: 120px;}
.service4_1 .s_1{ left: 28px; top:50px;}
.service4_1 .s_2{ left: 128px; top:145px;}
.service4_1 .s_3{ left: 225px; top:60px;}
.service4_1 .s_4{ left: 325px; top:180px;}
.service4_1 .s_5{ left: 425px; top:50px;}
.service4_1 .s_6{ left: 525px; top:160px;}
.service4_1 .s_7{ left: 623px; top:30px;}
/**************成为加盟商**************/	
.join1_1{ padding-bottom: 40px;}
.join1_1 dd{width: 16.666%; padding: 15px 10px 10px;}
.join1_1 dd em{ display: block; clear: both; overflow: hidden; padding-bottom: 15px;}
.join1_1 dd em img{ max-width: 100%;}
.join1_1 dd p{ height: auto;}

.join3 .service_top{ color: #fff; padding: 50px 0 20px;}
.join3 .service5{ padding:10px 0 30px;}
.join3 .join5 dt{ padding-bottom: 30px;}
.join3 .join5 dd{ background: #d17200; height:119px;}
.join3 .join5 dd .join5_1{  background: #f7941e; height: 100%;padding:10px 10px 5px; }
.join3 .join5 dd .join5_1 p{ max-height: 100px;}
.join3 .join5 dd.join3_1 .join5_1 p,.join3 .join5 dd.join3_3 .join5_1 p{ padding-top: 25px;}
.join3 .join5 dd.join3_4 .join5_1 p{ padding-top: 12px;}


.join5 dd{ clear: none;float: left; width:23.5%;  margin:15px 2% 0 0;}
.join5 dd.join_r{ margin-right: 0;}
.join5 dd .join5_1{ overflow: hidden; background: #8a8a8a; padding: 15px 10px;}
.join5 dd .join5_1 p{ max-height: 50px; overflow: hidden;}

/**************店铺**************/	

.shop_select{ font-size: 14px; width: 270px;}
.shop{ clear: both; overflow: hidden; padding: 10px 0;}
.shop li{ clear:none; width:48%;padding: 15px 0; float: left; }
.shop li.shop_r{ float: right;}
.shop li .shop1{position: relative;}
.shop1_2{ height: 150px; }
.shop1_2 big{ line-height: 32px; height: 32px;}
.shop1_3{ position: absolute; right:10px; bottom: 10px;}
.shop_top1{ line-height: 70px; font-size: 14px;}
.shop_top1 big{ font-size:24px;}

.shop_left1{ clear:none; float: left; width: 49%;}
.shop_left1.shop_lr{ float: right;}
.shop_about{ clear: both; overflow: hidden; padding:15px 20px; height:169px;*height: 139px;}
.shop_left2{padding:0 20px;}
.shop_right{ padding:40px 0 0;}
.shop_right .banner3{ position:static; margin: 0 auto; width: 100%;box-shadow:none; }

/**************汇率**************/
.rate1{padding:20px 0 60px;}
.rate_1{float:left; width: 43%; overflow:hidden; display:inline-block; margin-right: 20px; padding: 0; max-width: 400px;}	
.rate_1 .banner3{ position:static; margin: 0 auto; width: 100%;box-shadow:none; }
.rate_2{ clear: none; font-size: 16px;}
.rate_3{line-height: 45px; height: 45px;}

.rate2{ padding:10px;}
.rate_pic big{ font-size:16px; }
.rate_1 .banner4_3 .banner4_i1,.rate_1 .banner4_3 em{ width: 30%;}


.rate3{ padding:20px 0;}
.rate4{padding:40px 0 10px;}
.rate4 li{width: 22%; margin: 10px 1.5%; }
.rate4_1{background-size: auto auto;background-position:center 25px;  padding: 95px 10px 10px; text-align: center;}
.rate4_1 big{ padding: 6px 0; white-space: nowrap;}
.rate4_1 p{ height: 96px; line-height: 24px; overflow: hidden;}
.rate4_1 span{ padding: 15px 0 10px; margin: 0;}
.rate4_1 span a{ width: 100%; }
.rate4_1.rate_b2,.rate4_1.rate_b4{ background-position:center 32px;}
.rate4_1.rate_b3{background-position:center 35px;}

/**************关于我们**************/	
.about{ clear: both; background: #fcfcfc; overflow: hidden;}
.heightauto{ height:20px;}
#left-menu{display:none;}

#sidr-left{display:inline-block;left:auto;position:static;top:auto;height:auto;width:25%; max-width:250px;overflow:hidden;background:none;font-size:16px; margin:0 20px 20px 0;}
.main_left1{ margin-bottom: 20px; padding: 0; border:solid #eee; border-width: 1px 1px 0; background: #fff;}
.main_left1 a{padding: 0 10px 0 20%;}
.main_left1 li span{ font-size:20px;}

.main_right{border: 1px solid #eee; clear:none; padding: 10px 2%;}
.main_top{ padding-bottom: 10px;}
.main_top p{ display: inline-block;}
}
@media only screen and (min-width: 960px) {
/**************index**************/	

.index_2 li{ width: 40%; }
.index1 dl{ margin: 0 auto; width: 90%;}
.index1 dl dt{  width:20%; }
.index1 dl dd{ width:20%;}
.index2_1 li .index_2_2 .index_rota1{ padding:145px 15px 10px;}
.index3_2{font-size: 16px;}
.index3_2 dd{ width: 18%; margin:20px 2.5% 0 0; line-height: 64px;}
.index3_2 dd.index3_3 span{ padding:5px 10%; line-height: 27px;}

.index3_2 dt{width: 18%;margin-top: 20px; line-height: 64px; height: 68px;}
.index3_2 dt span{ height: 100%;}
.index3_2 dt span a{ margin-top: -20px; padding:20px 0 0 80px; background-size: auto auto !important;}

/**************产品与服务**************/
.service2{ height: 436px;}
.service3_3{font-size: 18px;}
.service4{ height: 650px;}
.service4_1{ height: 331px;}	
.service4_1 li{ font-size: 18px; width: 140px;}
.service4_1 .s_1{ left: 30px; top:60px;}
.service4_1 .s_2{ left: 152px; top:177px;}
.service4_1 .s_3{ left: 273px; top:72px;}
.service4_1 .s_4{ left: 394px; top:215px;}
.service4_1 .s_5{ left: 515px; top:72px;}
.service4_1 .s_6{ left: 633px; top:191px;}
.service4_1 .s_7{ left: 754px; top:45px;}
	
/**************成为加盟商**************/	
.join1{ height: 601px; padding-top: 30px;}
.join1_1 dt{ padding-bottom: 35px;}
.join3{ height: 564px;}
.join3 .join5 dd{height:104px;}
.join3 .join5 dd .join5_1{ padding: 15px 10px 10px;}
.join3 .join5 dd .join5_1 p{ max-height: 75px;}
.join3 .join5 dd.join3_1 .join5_1 p,.join3 .join5 dd.join3_3 .join5_1 p{ padding-top: 12px;}
.join5 dd{width:22%;  margin:15px 4% 0 0;}	

/**************店铺**************/
.shop li .shop1{padding:15px 15px 10px;}
.shop1_1{ margin-right: 25px;}
.shop1_3{/*right:15px;*/ /*bottom: 15px;*/}
.shop2{ padding:40px 0 20px;}
.shop_left{ float: left; clear: none; width:60%; margin-right:30px; display: inline-block; overflow: hidden;}
.shop_left1{ margin-top: 20px; width: 48.5%;}
.shop_right{ overflow: hidden; clear: none; padding: 0;}

/**************汇率**************/
.rate_1{margin-right:45px;}
.rate_1 .banner4_1{ padding:0;}
.rate_1 .banner4_3 .banner4_i1,.rate_1 .banner4_3 em{ width:33.3333%;}
.rate_2{ padding: 22px;}
.rate2{ padding:16px 5%;}
.rate_pic big{ padding:0 0 15px 10px;}

.rate4 li{width: 21%; margin: 10px 2%; font-size: 14px;}
.rate4_1{padding: 95px 15px 10px;}
/**************关于我们**************/
#sidr-left{ margin-right: 40px;}
.main_right{ padding: 15px 2%;}
}
@media only screen and (min-width: 1160px) {
/**************index**************/	

.index_2 li{ width: 30%; margin-right: 20%;}
.index_2 li.index_r{ margin-right: 0;}
.index3_2{font-size: 18px;}	
	
/**************成为加盟商**************/	

.join3 .join5 dd.join3_1 .join5_1 p,.join3 .join5 dd.join3_3 .join5_1 p{ padding-top: 25px; text-align: center;}

/**************汇率**************/
.rate1{ padding: 20px 35px 40px;}
.rate_1 .banner4_1{ padding:8px 0 5px;}
.rate_2{ padding:15px 20px;}
.rate2{ padding:15px 5% 10px;}
.rate_pic big{ padding:0 0 5px 15px;}
.rate_pic img{ max-width: 520px;}
.rate3{ height: 582px;}
.rate4_1{padding: 95px 30px 10px;}	
}