@charset "utf-8";
/* CSS Document */
body{
   min- width:320px;
    font: 12px/ 1.5  "微软雅黑", "Arial","宋体";
    padding: 0;
    margin: 0;
    text-align:center;
}
@media (min-width: 375px){
body {
     font: 14px/ 1.5  "微软雅黑", "Arial","宋体";
     }
}

@media (min-width: 414px){
body {
     font: 14px/ 1.5  "微软雅黑", "Arial","宋体";
     }
}
  
@media (min-width: 640px) {
     body {
        font: 16px/ 1.5  "微软雅黑", "Arial","宋体";
     }
	 
}


body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body {font-family: "微软雅黑", "Arial","����";color: #666;background: #ebebeb;}
fieldset, img {max-height: auto; border:none; max-width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;line-height: 100%;}
q:before, q:after {content: ��;}
abbr, acronym {border: 0;}
a {color: #666;text-decoration: none;}
a:hover {color: #F00;text-decoration: none;}
/* 设置HTML5元素为块 */
article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section {display:block;}

html {
	font-size:100% ;
	background:#ebebeb ;
}
 
body{
  max-width:640px;
  min-width:320px;
  margin:0 auto;
 background-color:#ebebeb;
}

header{width:100%; background-color:#FFFFFF; overflow:hidden; }
.hd2{ width:100%; overflow:hidden; background-color:#FFFFFF;}
.banner{ width:100%; overflow:hidden;}

.box{padding-top:1%; width:100%; margin:0 auto; overflow:hidden; background-color:#fff; margin-bottom:2%;}
.box .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.box .xh h3{color:#000000; font-size:16px; line-height: 38px; font-weight: bold;text-align:left; word-spacing:8px; letter-spacing: 1.3px;}
.box .xh p{color: #fc0202; font-size:14px; text-align:center;}
.box .xh span{ margin-right:5%; float:left; width:8px;  margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

@media (min-width:375px){ 

.box .xh h3{color:#000000; font-size:17px; line-height: 41px; font-weight: bold;}
.box .xh p{color: #fc0202; font-size:15px; text-align:center;}
.box .xh span{ margin-right:5%; float:left; width:8px;  margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.box .xh h3{color:#000000; font-size:20px; line-height: 41px; font-weight: bold; }
.box .xh p{color: #fc0202; font-size:15px; text-align:center; }
.box .xh span{ margin-right:6%; float:left; width:8px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 } 
@media (min-width:640px){
.box .xh h3{color:#000000; font-size:33px; line-height: 64px; font-weight: bold; }
.box .xh p{color: #fc0202; font-size:20px; text-align:center;}
.box .xh span{ margin-right:4%; float:left; width:8px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.wen {width:94%; margin:0 auto; overflow:hidden; margin-bottom:4%;}
.wen p{  text-align:left; line-height:25px;}
.wen p span{ font-weight:bold;}
.lunb {width:94%; margin:0 auto; overflow:hidden; margin-bottom:2%;}
.ct01{ width:100%; margin:0 auto; overflow:hidden; background-color:#fff; padding-top:2%; margin-bottom:2%;}
.ct01 .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.ct01 .xh h3{color:#000000; font-size:16px; line-height: 38px; font-weight: bold;text-align:left; word-spacing:8px; letter-spacing: 1.3px;}
.ct01 .xh p{color: #fc0202; font-size:14px;  padding-left: 6%; text-align:left;}
.ct01 .xh span{ margin-right:5%; float:left; width:8px; height:80px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
.ct01 .xh h4{ margin-top: 5%; font-size: 15px; color: #e02a37; font-weight: bold; text-align: left;} 

@media (min-width:375px){ 
.ct01 .xh h4{ margin-top: 5%; font-size: 16px; color: #e02a37; font-weight: bold; text-align: left;}

.ct01 .xh h3{color:#000000; font-size:17px; line-height: 41px; font-weight: bold;}
.ct01 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%;}
.ct01 .xh span{ margin-right:5%; float:left; width:8px; height:90px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.ct01 .xh h4{ margin-top: 4%; font-size: 18px; color: #e02a37; font-weight: bold; text-align: left;}

.ct01 .xh h3{color:#000000; font-size:20px; line-height: 41px; font-weight: bold; }
.ct01 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%; }
.ct01 .xh span{ margin-right:6%; float:left; width:8px; height:90px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 } 
@media (min-width:640px){
.ct01 .xh h4{ margin-top: 3%; font-size: 24px; color: #e02a37; font-weight: bold; text-align: left;}
.ct01 .xh h3{color:#000000; font-size:33px; line-height: 64px; font-weight: bold; }
.ct01 .xh p{color: #fc0202; font-size:20px;  padding-left: 6%;}
.ct01 .xh span{ margin-right:4%; float:left; width:8px; height:110px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.wen {width:94%; margin:0 auto; overflow:hidden; margin-bottom:4%;}
.wen p{  text-align:left; line-height:25px;}
#yj p{ text-align:center; height:25px; line-height:25px; width:95%; margin:0 auto; overflow:hidden;}


.ct02{ width:100%; margin:0 auto; overflow:hidden; background-color:#fff; padding-top:2%; margin-bottom:2%; padding-bottom:4%;}
.ct02 .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.ct02 .xh h3{color:#000000; font-size:15px; line-height: 32px; font-weight: bold;text-align:left;  }
.ct02 .xh p{color: #fc0202; font-size:14px;  padding-left: 6%; text-align:left;}
.ct02 .xh span{ margin-right:5%; float:left; width:8px; height:90px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
.ct02 .xh h4{ margin-top: 3%; font-size: 15px; color: #e02a37; font-weight: bold; text-align: left;} 

@media (min-width:375px){ 
.ct02 .xh h4{ margin-top: 3%; font-size: 14px; color: #e02a37; font-weight: bold; text-align: left;}
.ct02 .xh h3{color:#000000; font-size:15px; line-height: 38px; font-weight: bold;}
.ct02 .xh p{color: #fc0202; font-size:14px;  padding-left: 5%;}
.ct02 .xh span{ margin-right:5%; float:left; width:8px; height:90px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.ct02 .xh h4{ margin-top: 4%; font-size: 17px; color: #e02a37; font-weight: bold; text-align: left;}
.ct02 .xh h3{color:#000000; font-size:18px; line-height: 41px; font-weight: bold; }
.ct02 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%; }
.ct02 .xh span{ margin-right:6%; float:left; width:8px; height:100px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 } 
@media (min-width:640px){
.ct02 .xh h4{ margin-top: 3%; font-size: 24px; color: #e02a37; font-weight: bold; text-align: left;}
.ct02 .xh h3{color:#000000; font-size:26px; line-height: 64px; font-weight: bold; }
.ct02 .xh p{color: #fc0202; font-size:20px;  padding-left: 6%;}
.ct02 .xh span{ margin-right:4%; float:left; width:8px; height:110px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.ct02  .wen {width:94%; margin:0 auto; overflow:hidden; margin-bottom:4%;}
/*.ct02  .wen img{width:18%; float:left; margin: 6% 3% 6% 6%;}
@media (min-width:375px){ 

.ct02  .wen img{width:18%; float:left; margin: 3% 3% 6% 6%;}
 }
@media (min-width:414px){

.ct02  .wen img{width:18%; float:left; margin: 3% 3% 6% 6%;}
 } 
@media (min-width:640px){
.ct02  .wen img{width:18%; float:left; margin: 0% 3% 0% 6%;}
 }
*/
.ct02  .wen img{width:100%;}
.ct02 .wen p{  text-align:left; height:25px; line-height:25px; overflow:hidden;  }
.ct02 .wen p span{color:#ff0101; margin-right:1%;}
.ct02 .tuw p{text-align:left; line-height:25px;}

.ct03{ width:100%; margin:0 auto; overflow:hidden; background-color:#fff; padding-top:2%; margin-bottom:2%;}
.ct03 .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.ct03 .xh h3{color:#000000; font-size:16px; line-height: 38px; font-weight: bold;text-align:left; }
.ct03 .xh p{color: #fc0202; font-size:14px;  padding-left: 6%; text-align:left;}
.ct03 .xh span{ margin-right:5%; float:left; width:8px; height:53px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
.ct03 .xh h4{ margin-top: 5%; font-size: 15px; color: #d8122d; font-weight: bold; text-align: left;} 

@media (min-width:375px){ 
.ct03 .xh h4{ margin-top: 5%; font-size: 16px; color: #e02a37; font-weight: bold; text-align: left;}

.ct03 .xh h3{color:#000000; font-size:17px; line-height: 41px; font-weight: bold;}
.ct03 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%;}
.ct03 .xh span{ margin-right:5%; float:left; width:8px; height:60px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.ct03 .xh h4{ margin-top: 4%; font-size: 18px; color: #e02a37; font-weight: bold; text-align: left;}

.ct03 .xh h3{color:#000000; font-size:20px; line-height: 41px; font-weight: bold; }
.ct03 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%; }
.ct03 .xh span{ margin-right:6%; float:left; width:8px; height:65px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 } 
@media (min-width:640px){
.ct03 .xh h4{ margin-top: 3%; font-size: 24px; color: #e02a37; font-weight: bold; text-align: left;}
.ct03 .xh h3{color:#000000; font-size:33px; line-height: 64px; font-weight: bold; }
.ct03 .xh p{color: #fc0202; font-size:20px;  padding-left: 6%;}
.ct03 .xh span{ margin-right:4%; float:left; width:8px; height:77px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.wen {width:94%; margin:0 auto; overflow:hidden; margin-bottom:4%;}

.ct04{ width:100%; margin:0 auto; overflow:hidden; background-color:#fff; padding-top:2%; margin-bottom:2%;}
.ct04 .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.ct04 .xh h3{color:#000000; font-size:16px; line-height: 38px; font-weight: bold;text-align:left; }
.ct04 .xh p{color: #fc0202; font-size:14px;  padding-left: 6%; text-align:left;}
.ct04 .xh span{ margin-right:5%; float:left; width:8px; height:53px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
.ct04 .xh h4{ margin-top: 5%; font-size: 15px; color: #fd0303; font-weight: bold; text-align: left;} 

@media (min-width:375px){ 
.ct04 .xh h4{ margin-top: 5%; font-size: 16px; color: #fd0303; font-weight: bold; text-align: left;}

.ct04 .xh h3{color:#000000; font-size:17px; line-height: 41px; font-weight: bold;}
.ct04 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%;}
.ct04 .xh span{ margin-right:5%; float:left; width:8px; height:60px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.ct04 .xh h4{ margin-top: 4%; font-size: 18px; color: #fd0303; font-weight: bold; text-align: left;}

.ct04 .xh h3{color:#000000; font-size:20px; line-height: 41px; font-weight: bold; }
.ct04 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%; }
.ct04 .xh span{ margin-right:6%; float:left; width:8px; height:65px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 } 
@media (min-width:640px){
.ct04 .xh h4{ margin-top: 3%; font-size: 24px; color: #fd0303; font-weight: bold; text-align: left;}
.ct04 .xh h3{color:#000000; font-size:33px; line-height: 64px; font-weight: bold; }
.ct04 .xh p{color: #fc0202; font-size:20px;  padding-left: 6%;}
.ct04 .xh span{ margin-right:4%; float:left; width:8px; height:77px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.wen {width:94%; margin:0 auto; overflow:hidden; margin-bottom:4%;}





.ct05{ width:100%; margin:0 auto; overflow:hidden; background-color:#fff; padding-top:2%; padding-bottom:2%;}
.ct05 .xh{width:94%; overflow:hidden; margin:0 auto; margin-bottom:4%; }
.ct05 .xh h3{color:#000000; font-size:16px; line-height: 38px; font-weight: bold;text-align:left; }
.ct05 .xh p{color: #fc0202; font-size:14px;  padding-left: 6%; text-align:left;}
.ct05 .xh span{ margin-right:5%; float:left; width:8px; height:53px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
.ct05 .xh h4{ margin-top: 5%; font-size: 15px; color: #d8122d; font-weight: bold; text-align: left;} 

@media (min-width:375px){ 
.ct05 .xh h4{ margin-top: 5%; font-size: 16px; color: #e02a37; font-weight: bold; text-align: left;}

.ct05 .xh h3{color:#000000; font-size:17px; line-height: 41px; font-weight: bold;}
.ct05 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%;}
.ct05 .xh span{ margin-right:5%; float:left; width:8px; height:60px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }

 }
@media (min-width:414px){
.ct05 .xh h4{ margin-top: 4%; font-size: 18px; color: #e02a37; font-weight: bold; text-align: left;}

.ct05 .xh h3{color:#000000; font-size:20px; line-height: 41px; font-weight: bold; }
.ct05 .xh p{color: #fc0202; font-size:15px;  padding-left: 5%; }
.ct05 .xh span{ margin-right:6%; float:left; width:8px; height:65px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 } 
@media (min-width:640px){
.ct05 .xh h4{ margin-top: 3%; font-size: 24px; color: #e02a37; font-weight: bold; text-align: left;}
.ct05 .xh h3{color:#000000; font-size:33px; line-height: 64px; font-weight: bold; }
.ct05 .xh p{color: #fc0202; font-size:20px;  padding-left: 6%;}
.ct05 .xh span{ margin-right:4%; float:left; width:8px; height:77px; margin-top:3.3%; overflow: hidden; background:url(../images/blu.jpg) repeat-y; }
 }
.ct05 ul { text-align:left; margin-top:1%; padding-top:1%;}
.mt ul li{font: 12px/ 1.8 "微软雅黑", "Arial","宋体";}
.mt img{ float:left; margin-top:2%; width:52px; height:142px; overflow:hidden; margin-right:5%;}
@media (min-width:375px){ 
.mt img{ float:left; margin-top:2%; width:52px; height:142px; overflow:hidden; margin-right:5%;}
 }
@media (min-width:414px){
.mt img{ float:left; margin-top:2%; width:64px; height:175px; overflow:hidden; margin-right:5%;}
.mt ul li{font: 14px/ 1.92"微软雅黑", "Arial","宋体";}
 } 
 @media (min-width:535px){
.mt img{ float:left; margin-top:2%; width:69px; height:190px; overflow:hidden; margin-right:5%;}
.mt ul li{font: 15px/ 1.92"微软雅黑", "Arial","宋体";}
 } 
@media (min-width:640px){
.ct05 ul { text-align:left; margin-top:1%; padding-top:1%;}
.mt ul li{font: 16px/ 2.5 "微软雅黑", "Arial","宋体";}
.mt img{ float:left; margin-top:2%; width:96px; height:271px; overflow:hidden; margin-right:5%;}
 }


.db ul{ width:90%; overflow:hidden; text-align:center; margin:0 auto;}
.db ul li{ width:12%; color:#fff; font-weight:bold; float:left; line-height:36px;  word-spacing: 8px; letter-spacing: 2px;}
.db ul li a{color:#FFFFFF;}
.db ul #l{width:2%;}
.db{height:36px; margin-bottom:5%;}
@media (min-width:375px){ 
.db{height:46px;}
.db ul{ width:90%; overflow:hidden; text-align:center; margin:0 auto;}
.db ul li{ width:12%;color:#fff; font-weight:bold; float:left; line-height:46px;  word-spacing: 8px; letter-spacing: 2px;}
.db ul #l{width:2%;}
 }
@media (min-width:414px){
.db{height:50px;}
.db ul{ width:90%; overflow:hidden; text-align:center; margin:0 auto;}
.db ul li{ width:12%;color:#fff; font-weight:bold; float:left; line-height:50px;  word-spacing: 8px; letter-spacing: 2px;}
.db ul #l{width:2%;}
 }

@media (min-width: 480px) {
.db{height:66px;}
.db ul{ width:90%; overflow:hidden; text-align:center; margin:0 auto;}
.db ul li{ width:12%;color:#fff; font-weight:bold; float:left; line-height:66px;  word-spacing: 8px; letter-spacing: 2px;}
.db ul #l{width:2%;}
}

.ft01{ width:21%; height:140px; margin-right:8%; float:left; margin-left:8%; background:url(../images/map.png); background-repeat:no-repeat; background-size: 100% 100%;}
@media (min-width: 480px) {
.ft01{ width:21%; height:169px; margin-right:8%; float:left; background:url(../images/map.png); background-repeat:no-repeat; background-size: 100% 100%;}


  }
  
.footer p{color:#5b5a5a; font: 13px/ 1.8  "微软雅黑", "Arial","宋体"; text-align:left;}
.footer p span{ font: 16px/ 1.5  "微软雅黑", "Arial","宋体";  text-align:left;}
@media (min-width: 375px) {

.footer p{color:#5b5a5a;  font: 15px/ 1.5  "微软雅黑", "Arial","宋体"; text-align:left; width: 97%;}
.footer p span{ font: 18px/ 1.5  "微软雅黑", "Arial","宋体";  text-align:left;}
.footer h3{ float:left; color:#ff1d06; width: 60%; text-align: left; line-height:34px;}
  }

@media (min-width: 640px) {
.footer p{color:#5b5a5a; font: 16px/ 2  "微软雅黑", "Arial","宋体"; text-align:left;}
.footer p span{ font: 24px/ 1.6  "微软雅黑", "Arial","宋体";  text-align:left; font-weight:bold;}

 }
.footer h3{ float:left; color:#ff1d06; width: 60%; text-align: left; line-height:34px;} 

 
.ct7{width:100%; overflow:hidden; margin:auto;}
.ct7  .roundabout-holder{width:98%;height:378px;margin:0 auto;}
.ct7  .roundabout-moveable-item{ width:39%;  background:#FFFFFF; border:1px solid #c4c1c1;cursor: pointer;}
.ct7  .roundabout-moveable-item img{width:95%;display:block; padding-left:2%; padding-top:9px;}
.ct7  .roundabout-moveable-item  p{ text-align:center; padding-top:2%;}