﻿

li{list-style:none;}
i,em { font-style:normal; }
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
span{ overflow:hidden;}
/*加盟样式*/
.content{ width:1200px; margin:0 auto; }
.jm_bt01 { text-align:center; padding:25px 0; font-size:26px; color:#fff; }

.jm_qj { height:400px;}
.jm_qj strong { display:block; padding:56px 0 0; font-size:26px; color:#c50008;  overflow:hidden; font-weight:normal}
.jm_qj strong img { padding-left:10px;}
.jm_qj p { width:560px; padding-right:40px; height:275px; font-size:16px; color:#fff; text-indent:36px; line-height:36px; margin-top:35px;}
.jm_pic02 {top: 75px;right:3px;}

.jm_ys strong{ text-align:center; padding:30px 0 35px; font-size:26px; color:#fff;  position:relative;font-weight:normal; display:block}
.jm_ys em { color:#c50008}
.jmjs_con { background:url(../images/ys_bg.gif) no-repeat; height:465px; margin-bottom:50px;}
.jmjs_con p { width:300px; height:232px; padding:52px 0 0; float:left; text-align:center; position:relative; margin:0px;}

.jmjs_con p em { display:block; font-size:24px; color:#6e6e6e; padding:20px 0 0;}
.jmjs_con p span { background:#c50008; width:300px; height:232px; display: block; position:absolute; top:0; left:0; color:#fff; 
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;}
.jmjs_con p:hover span { display:block;
opacity: 1.0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;}
.jmjs_con p span b { display:block; font-size:24px; padding:30px 0 10px; font-weight:normal; }
.jmjs_con p span i { display:block; font-size:18px; margin:0 25px; line-height:25px; }

.jm_lcbt { text-align:center; padding:0 0 35px; font-size:26px; color:#fff;  display:block; font-weight:normal}
.jm_lccon { height:240px;}
.jm_lccon ul li { float:left; background: url(../images/lc_ico100.gif) no-repeat right 30px; width:200px; padding-right:60px; margin-right:32px;}
.jm_lccon ul .nobor { background:none; margin:0; padding:0;}
.jm_lccon ul li a i { background:url(../images/lc_libg.png) no-repeat; width:76px; height:76px; display:block; margin:0 auto;}
.jm_lccon ul li a:hover i { background:url(../images/lc_libg.png) no-repeat -76px 0;}
.jm_lccon ul li a i img { padding:18px 0 0 16px;}
.jm_lccon ul li a em { display:block; padding:20px 0 0; color:#fff; font-size:18px; text-align:center;} 

.tdzc{ background:url(../images/td.jpg) no-repeat center top;}
.tdzc .jmtj_n1{ width:100%; margin:auto;}
.tdzc .jmtj_n1 strong{color:#fff; text-align:center; padding:40px 0 30px 0; font-size:26px; font-weight:normal; display:block}
.tdzc .jmtj_n1 ul{width: 1200px;margin: 0 auto;}
.tdzc .jmtj_n1 li{float:left; width:29.3333%; margin:0 2%;}
.tdzc .jmtj_n1 h3{font-size:18px; color:#fff; text-align:center; line-height:36px}
.tdzc .jmtj_n1 p{color:#fff;padding-bottom: 30px;}

.jmhb{ background:#444; padding-top:30px;}
.yw{ background:#444; margin-top:10px;}
.yw strong{ color:#fff; text-align:center; padding:30px 0 50px 0; font-weight:normal; display:block; font-size:26px;}
.yw .yw_n{width:1200px; margin:0 auto 50px;}
.yw .yw_n .yw_nl{float:left; width:350px; font-size:18px; color:#333;}
.yw .yw_n .yw_nr{float:left; width:335px; font-size:18px; color:#333; margin-left:15px;}
.yw .yw_n span{display:inline-block; line-height:32px; color:#FFF; font-size:18px;}
.yw .clear{clear:both; height:2px;}
.yw .lx{text-align:center; margin-top:35px;}
.yw .lx em{background:#ea6311; padding:9px 47px; font-size:24px; color:#fff; font-weight:normal;}
.yw .lx .span1{display:block; margin-top:30px; font-size:16px;}
.yw .lx .span2{font-size:24px; color:#ea6311; margin-top:17px; display:block;}

.can {margin-bottom:30px;padding:40px 30px;font-size:0;zoom:1}
.can:after {content:"";display:block;clear:both}
.cantitle {margin:0 0 40px}
.cantitle strong {font-size:26px;color:#fff;text-align:center; display:block; font-weight:normal}
.cantitle p {padding:10px 0 0;font-size:16px;color:#ccc;text-align:center}
.cancon ul {width:100%; margin:0; padding:0}
.cancon li {width:21%;padding:30px 20px;border-radius:5px;display:inline-block;vertical-align:top;*display:inline;*zoom:1; margin:0 2%}
.cancon li:nth-child(4){ margin-right:0} 
.cancon li.on {box-shadow:0 0 1px #999}
.canimg {margin:0 0 20px;text-align:center}
.canname {margin:0 0 20px;font-size:22px;text-align:center; color:#fff}
.canintro {font-size:13px;color:#999;text-align:center;line-height:20px}

.do {margin-bottom:30px;padding:40px 30px;font-size:0;zoom:1}
.do:after {content:"";display:block;clear:both}
.dotitle {margin:0 0 30px}
.dotitle strong {font-size:26px;color:#fff;text-align:center; display:block; font-weight:normal}
.dotitle p {padding:10px 0 20px;font-size:14px;color:#ccc;text-align:center}
.docon ul {margin-left:-40px}
.docon li {width:320px;margin:0 0 40px 40px;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.docon li.on img {-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.docon li.on .doname a {color:#004c98}
.doimg {width:100%;height:0;margin-bottom:30px;padding-bottom:70%;overflow:hidden;position:relative;display:block}
.doimg a {display:block}
.doimg img {width:100%;min-height:100%;position:absolute;top:0;left:0}
.doname {margin-bottom:15px}
.doname a {font-size:18px;color:#fff}
.dointro {max-height:72px;font-size:14px;color:#999;line-height:24px;overflow:hidden}
.domore {width:200px;margin:0 auto;text-align:center}
.domore a {font-size:16px;:#004c98;*font-family:"microsoft yahei";line-height:36px;border:1px solid #004c98;border-radius:2px;display:block}
.domore a:hover {color:#fff;border:1px solid #004c98;background:#004c98}

.brand {margin-bottom:30px;padding:40px 30px;font-size:0;zoom:1}
.brand:after {content:"";display:block;clear:both}
.brandtitle {margin:0 0 40px}
.brandtitle strong {font-size:26px;color:#fff;text-align:center; font-weight:normal; display:block}
.brandtitle p {padding:10px 0 20px;font-size:14px;color:#999;text-align:center}
.brandcon ul {margin-left:-20px;font-size:0}
.brandcon li {width:16.6666%;margin:0 0 20px 0;overflow:hidden;display:inline-block;vertical-align:top}
.brandcon li a {margin-left:20px;padding:5px;border:1px solid #e0e0e0;background:#f8f8f8;display:block}
.brandcon li img {width:100%}

@media screen and (max-width: 1100px){
.pa{ position:inherit;}
.banner-page img {min-height: auto}
.content{ width:96%;}
.jm_bt01 {padding: 10px 0 10px;font-size: 28px; font-weight:bold;}
.jm_qj strong {padding:10px 0 0; font-size:28px;}
.jm_qj p { width:100%; padding-right:0px; height:auto;font-size:18px; text-indent:36px; line-height:36px; margin-top:10px;}
.jm_pic02 {top:auto;right:auto;}
.jm_qj { height:auto;}

.yw strong{ padding:20px 0 10px 0;font-size:28px; font-weight:bold;}
.yw .yw_n{width:100%; margin:20px auto 50px;}
.yw .yw_n .yw_nl{width:90%; font-size:18px; float:none; padding-left:5%; padding-right:5%;}
.yw .yw_n span{display:inline-block; line-height:32px; width:100%}
.yw .yw_n .yw_nr{float:none; width:90%; font-size:18px;  margin-left:0; padding-left:5%; padding-right:5%; margin-top:10px;}
.yw .yw_nz{ float:none!important}
.yw .lx em{padding:9px 5%; font-size:22px;}
.yw .lx .span1{display:block; margin-top:20px; font-size:18px;}
.yw .lx .span2{font-size:18px; margin-top:15px; display:block;}

.jm_ys strong{padding:0 0 15px; font-size:28px; font-weight:bold;}
.jmjs_con { background:none; height:auto; margin-bottom:20px; overflow:hidden;}
.jmjs_con p { width:29.33%; height:100%; padding:10% 0;border:1px solid #ccc; margin:2%;}
.jmjs_con p:nth-child(3n){ margin-right:0}
.jmjs_con p em {font-size:18px; color:#6e6e6e; padding:10px 0 0;}
.jmjs_con p span { background:#c50008; width:100%; height:100%; display: block; position:absolute; top:0; left:0;}
.jmjs_con p span b {font-size:16px; padding:10px 0 0px; }
.jmjs_con p span i {font-size:12px; margin:0 5px; line-height:20px; }

.can {margin-bottom:20px;padding:20px 0 0;}
.can:after {content:"";display:block;clear:both}
.cantitle {margin:0 0 40px}
.cantitle strong {font-size:28px;font-weight:bold}
.cantitle p {padding:10px 0 0;font-size:18px; line-height:24px;}
.cancon ul {width:100%; margin:0; padding:0}
.cancon li {width:46%;padding:0px;margin:2%}
.cancon li:nth-child(4){ margin-right:0} 
.cancon li.on {box-shadow:0 0 1px #999}
.canimg {margin:0 0 20px;text-align:center}
.canname {margin:0 0 20px;font-size:18px;}

.tdzc{ background:url(../images/td.jpg) no-repeat center top;background-size:cover;}
.tdzc .jmtj_n1 strong{padding:40px 0 30px 0; font-size:28px; font-weight:bold;}
.tdzc .jmtj_n1 ul{width: 100%;margin: 0 auto; padding:0}
.tdzc .jmtj_n1 li{float:left; width:44%; margin:0 0 0 4%;}
.tdzc .jmtj_n1 h3{font-size:18px; color:#fff; text-align:center; line-height:26px; margin:10px 0}
.tdzc .jmtj_n1 p{color:#fff;padding-bottom: 20px; font-size:14px; line-height:22px;}

.do {margin-bottom:30px;padding:25px 0;}
.dotitle {margin:0}
.dotitle strong {font-size:28px;font-weight:bold}
.dotitle p {padding:10px 0;font-size:18px;}
.docon ul {margin:0; padding:0}
.docon li {width:44%;margin:0 0 10px 4%;}
.docon li:nth-child(9){ display:none}
.doimg {width:100%;height:0;margin-bottom:10px;padding-bottom:70%;}
.doimg a {display:block}
.doimg img {width:100%;min-height:100%;position:absolute;top:0;left:0}
.doname {margin-bottom:5px}
.doname a {font-size:16px; line-height:20px}
.dointro {max-height:100%;font-size:14px;line-height:20px;}
.domore {width:50%; margin-top:10px;}
.domore a {font-size:16px;line-height:30px;}

.jm_lcbt {padding:0 0 35px; font-size:28px;font-weight:bold}
.jm_lccon { height:100%; overflow:hidden;}
.jm_lccon ul {margin:0; padding:0}
.jm_lccon ul li { float:left; background: none; width:29.33%; padding-right:0;margin:0 2% 10px; height:150px;}
.jm_lccon ul li a i { background:url(../images/lc_libg.png) no-repeat; width:76px; height:76px; display:block; margin:0 auto;}
.jm_lccon ul li a:hover i { background:url(../images/lc_libg.png) no-repeat -76px 0;}
.jm_lccon ul li a i img { padding:18px 0 0 16px;}
.jm_lccon ul li a em { padding:10px 0 0; font-size:16px;} 
.jm_lccon ul .nobor { background:none;margin:0 2% 10px; height:150px; padding:0;}

.brand {margin-bottom:10px;padding:40px 0 20px;}
.brandtitle {margin:0 0 10px}
.brandtitle strong {font-size:28px;font-weight:bold;}
.brandtitle p {padding:10px 0;font-size:18px;color:#999;text-align:center; margin:0}
.brandcon ul {margin:0; padding:0}
.brandcon li {width:30.66%;margin:0 0 10px 2%;vertical-align:top}
.brandcon li a {margin-left:0px;padding:0px;border:1px solid #e0e0e0;background:#f8f8f8;display:block}
.brandcon li img {width:100%}
}

@media screen and (max-width: 767px){
.pa{ position:inherit;}
.banner-page img {min-height: auto}
.content{ width:96%;}
.jm_bt01 {padding: 10px 0 10px;font-size: 18px; font-weight:bold;}
.jm_qj strong {padding:10px 0 0; font-size:18px;}
.jm_qj p { width:100%; padding-right:0px; height:auto;font-size:14px; text-indent:36px; line-height:36px; margin-top:10px;}
.jm_pic02 {top:auto;right:auto;}
.jm_qj { height:auto;}

.yw strong{ padding:20px 0 10px 0;font-size:18px; font-weight:bold;}
.yw .yw_n{width:100%; margin:10px auto 50px;}
.yw .yw_n .yw_nl{width:90%; font-size:14px; float:none; padding-left:5%; padding-right:5%;}
.yw .yw_n span{display:inline-block; line-height:26px; width:100%}
.yw .yw_n .yw_nr{float:none; width:90%; font-size:14px;  margin-left:0; padding-left:5%; padding-right:5%; margin-top:10px;}
.yw .yw_nz{ float:none!important}
.yw .lx em{padding:9px 5%; font-size:18px;}
.yw .lx .span1{display:block; margin-top:20px; font-size:14px;}
.yw .lx .span2{font-size:16px; margin-top:15px; display:block;}

.jm_ys strong{padding:0 0 15px; font-size:18px; font-weight:bold;}
.jmjs_con { background:none; height:auto; margin-bottom:20px; overflow:hidden;}
.jmjs_con p { width:46%; height:100%; padding:10% 0;border:1px solid #ccc; margin:2%;}
.jmjs_con p:nth-child(2n){ margin-right:0}
.jmjs_con p em {font-size:16px; color:#6e6e6e; padding:10px 0 0;}
.jmjs_con p span { background:#c50008; width:100%; height:100%; display: block; position:absolute; top:0; left:0;}
.jmjs_con p span b {font-size:16px; padding:10px 0 0px; }
.jmjs_con p span i {font-size:12px; margin:0 5px; line-height:20px; }

.can {margin-bottom:20px;padding:20px 0 0;}
.can:after {content:"";display:block;clear:both}
.cantitle {margin:0 0 40px}
.cantitle strong {font-size:18px;font-weight:bold}
.cantitle p {padding:10px 0 0;font-size:14px; line-height:24px;}
.cancon ul {width:100%; margin:0; padding:0}
.cancon li {width:46%;padding:0px;margin:2%}
.cancon li:nth-child(4){ margin-right:0} 
.cancon li.on {box-shadow:0 0 1px #999}
.canimg {margin:0 0 20px;text-align:center}
.canname {margin:0 0 20px;font-size:14px;}

.tdzc{ background:url(../images/td.jpg) no-repeat center top;background-size:cover;}
.tdzc .jmtj_n1 strong{padding:30px 0 20px 0; font-size:18px; font-weight:bold;}
.tdzc .jmtj_n1 ul{width: 100%;margin: 0 auto; padding:0}
.tdzc .jmtj_n1 li{float:left; width:44%; margin:0 0 0 4%;}
.tdzc .jmtj_n1 h3{font-size:16px; color:#fff; text-align:center; line-height:26px; margin:10px 0}
.tdzc .jmtj_n1 p{color:#fff;padding-bottom: 20px; font-size:12px; line-height:22px;}

.do {margin-bottom:30px;padding:25px 0;}
.dotitle {margin:0}
.dotitle strong {font-size:18px;font-weight:bold}
.dotitle p {padding:10px 0;font-size:14px;}
.docon ul {margin:0; padding:0}
.docon li {width:44%;margin:0 0 10px 4%;}
.docon li:nth-child(9){ display:none}
.doimg {width:100%;height:0;margin-bottom:10px;padding-bottom:70%;}
.doimg a {display:block}
.doimg img {width:100%;min-height:100%;position:absolute;top:0;left:0}
.doname {margin-bottom:5px}
.doname a {font-size:14px; line-height:20px}
.dointro {max-height:100%;font-size:12px;line-height:20px;}
.domore {width:50%; margin-top:10px;}
.domore a {font-size:16px;line-height:30px;}

.jm_lcbt {padding:0 0 35px; font-size:18px;font-weight:bold}
.jm_lccon { height:100%; overflow:hidden;}
.jm_lccon ul {margin:0; padding:0}
.jm_lccon ul li { float:left; background: none; width:46%; padding-right:0;margin:0 2% 10px; height:150px;}
.jm_lccon ul li a i { background:url(../images/lc_libg.png) no-repeat; width:76px; height:76px; display:block; margin:0 auto;}
.jm_lccon ul li a:hover i { background:url(../images/lc_libg.png) no-repeat -76px 0;}
.jm_lccon ul li a i img { padding:18px 0 0 16px;}
.jm_lccon ul li a em { padding:10px 0 0; font-size:14px;} 
.jm_lccon ul .nobor { background:none;margin:0 2% 10px; height:150px; padding:0;}

.brand {margin-bottom:10px;padding:40px 0 20px;}
.brandtitle {margin:0 0 10px}
.brandtitle strong {font-size:18px;font-weight:bold;}
.brandtitle p {padding:10px 0;font-size:14px;color:#999;text-align:center; margin:0}
.brandcon ul {margin:0; padding:0}
.brandcon li {width:44%;margin:0 0 10px 4%;vertical-align:top}
.brandcon li a {margin-left:0px;padding:0px;border:1px solid #e0e0e0;background:#f8f8f8;display:block}
.brandcon li img {width:100%}
}







