@charset "utf-8";
/* CSS Document */
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
body,button,input,select,textarea {font:16px/24px "微软雅黑";color:#000;}
img{vertical-align:top; border:0; margin:0; padding:0;display:block;}
* {margin: 0; padding: 0;}
ol,ul { list-style:none;}
a:active, a:focus {outline:none;}/*删除链接上的虚线框*/
a{ color:#000;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
a:hover{color:#000;}
/* 清除浮动 */
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden; content: "";  display: block;  height:0; }
.clearfix {zoom:1; /* for ie6 & ie7 */}
.clear { clear:both;display:block;font-size:0; height:0; line-height:0;overflow:hidden;}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {display:none;}
.block {display:block;}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {display:inline;}
.fl { float:left;}
.fr { float:right;}
/*设置相对定位与绝对定位*/
.res{position:relative;}
.abs{position:absolute;}


.cn1 img,.cn2 img,.cn3 img,.cn4 img,.cn5 img{max-width:100%;}	
.main{max-width:640px; margin:0 auto;}
.main p{text-indent:2em; margin:2% 0;}
.main h1{font-size:30px; font-weight:bold;  line-height:35px; padding:2% 0; text-align:center; margin:1% 0 2% 0; display:block; background:#2d3540; color:#fff;}
.box{ background:#eee;  padding:2%;}
.box p{ margin:0;}
.box strong{ background:#b30101; color:#fff; padding:0 1%; margin-bottom:1%; display: inline-block; margin-right:1%;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.cn1{ margin:2% 0;}
.cn2{ padding:0 2%; margin-top:2%;}
.dh h2{ font-size:24px; font-weight:bold; margin:0; padding:0;}
.swiper-container {margin: 0px auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-wrapper {position: relative;width: 300%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-slide {
	-webkit-flex-shrink: 1;
	-mz-flex-shrink: 1;
	-mos-flex-shrink: 1;
	-o-flex-shrink: 1;flex-shrink: 1;width:100%;height: 100%;position: relative;display: inline-block;}
.swiper-button-next,.swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center center;background-repeat: no-repeat;}
.tips {text-align: right;cursor: pointer;}
.prev {margin-left: 1%;cursor: pointer;}
.con {position: absolute;left: 0px;top:5%;background: transparent;width: 90%; margin:5% 5% 0 5%;}
.con h3 {text-align: center;font-weight: bold; margin-bottom:3%; font-size: 1.2em; margin:3%; }
.con a {color: rgb(100, 170, 255);font-size: 0.7rem;text-align: center;display: inline-block;margin-top: 1.1rem;}
.con #submit_btn {background: #fe8125;color: #fff;padding: 0.4rem 3rem;border-radius: 0.4rem;margin-top: 0px ! important; cursor: pointer;text-decoration:none;}
.con li {float: left;width: 30%;margin-right: 2%; margin-bottom:2%;background: #007474;text-align: center;padding: 1%;color: #FFF;cursor: pointer;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.con li.on {background: #014545 !important; }
#Mask{ margin:0 auto;position: fixed;left:0;  top: 0; width: 100%;height: 100%; background: rgba(0,0,0,.75);z-index: 99999;}
#Mask .Mask_box { max-width:600px; margin:0 auto; position:relative; top:30%; text-align:center;background-color: #FFF;padding:1%;border-top: #007474 solid 5px; border-right: #007474 solid 5px; border-radius: 20px; 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;}
#Mask .close_Mask{ background: url(../images/foot2.png) top left no-repeat; background-size: 100% 100%; width: 2rem;height: 2rem; float:right;}
#Mask .text { margin-bottom:2%;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding:1% 5%;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#007474;
    font-size: 1.5rem;}
#Mask #weixi a{ color:#fff;}
#Mask #weixi{
	background-color: #313538; 
	color:#FFF; border:none; 
	padding:1% 5%;
	border-radius: 5px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;}
.but_box { padding: 3% 0;}
a.button{background-color:#ff7a00; padding:2% 0; text-decoration:none; display:inline;border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-align:center;  color:#fff; padding-left:3%;}
a.button font{ font-family: "宋体";letter-spacing:-5px; padding-right:4%; padding-left:1%;}
.c3n{ position: relative; color: #fff; height:140px; margin-top:2%;} 
.c3n img{ position: absolute; width: 18.7%;  left: 0; top:0; bottom:0; right:0; margin:auto; } 
.c3n p{ margin:3% 0; text-indent:0; } 
.c3n-l{ width: 50%;height:140px; background: #74b6aa;  padding:2%; padding-right:12%; } 
.c3n-r{ width: 50%;height: 140px; background: #9bcac1; padding:2%; padding-left:12%;} 
.cn4 p{ text-indent:0; padding-top:2%;}
.cn4 table{ margin:2% 0;}
.cn4 table tr td{ padding:0 2%;}
.cn5 .case{ padding:3%; padding-bottom:1%;}
.cn5 .case strong{ padding-bottom:2%; display:inline-block;}

ul.a10 li{padding:2%;margin: 0 auto;border-bottom: 1px dotted #4c9d9d;overflow-y: hidden;}
ul.a10 li img{float: left;width:20%;height: auto;margin-right: 2%;}
ul.a10 li div{float: left;width: 76%;}
ul.a10 li div p{ text-indent:0;}
ul.a10 li div p strong{color: #007473;}



.col_07 .title{ background:#2d64b3; color:#fff; padding:5px 10px; margin-bottom:1%;}
.col_07 .title a{ color:#fff;}
.col_07 b{background:#333; color:#fff; padding:0 2%; margin-bottom:5px; font-weight: normal; display: inline-block;  
border-radius: 30px; 
-moz-border-radius: 30px;
-webkit-border-radius: 30px;}
.col_07 ul li{ float:left; display:inline; width:100%;padding:2% ;}
.col_07 ul li.bg{ background:#eee; }
.col_07 ul li font{ color:#a8a8a8; text-align:right;}
.col_07 ul li img{max-width:65px; border-radius:50%; 
-moz-border-radius: 50%;
-webkit-border-radius: 50%; }
.ckpl{background-color:#EBEBEB; padding:1% 0; border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px; text-align:center;font-family: "宋体";}
.ckpl a{color:#6377cf;}


	
/*浮动窗口*/
.fd_wx{width:100%;height:60px; position:fixed; top:0; left:0;  z-index:999;}
.fdw_son{width:640px; margin:0 auto; background:#2d3540;  height:100%; padding:5px 10px;}
.fdw_son>div:nth-of-type(1){position:relative;float:left;	width:8.2%;padding-bottom:8.2%;background:url(../images/float_wx.png) no-repeat;background-size:cover;}
.fdw_son>div:nth-of-type(2){float:left;margin-left:3%;}
.fdw_son>div:nth-of-type(1)>span{width:20px;height:20px;line-height:20px;background:red;position:absolute;text-align:center;border-radius:10px;font-size:12px;color:#f2f2f2;right:-5px;top:-5px;}	
.fdw_son>div>h6{font-weight:bold;margin-top:1%;font-size:16px; color:#fff; margin-bottom:0;}
.fdw_son>div>p{font-size:12px;margin-top:2%;font-size:16px; text-indent:0;}	
.wxh_num1{background:red; color:#fff; padding:2px 5px;border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.main>p{text-indent:2em;}
.wxh_num{font-weight:bold; color:#ffffff;}

@media screen and (max-width:640px){
	body,button,input,select,textarea {font:14px/24px "微软雅黑";color:#000;}
	.main h1{font-size:22px; line-height:30px; }
	.dh h2{font-size:16px; line-height:24px;}	
	
	.fdw_son>div>h6{font-size:14px;}
	.fdw_son>div>p{font-size:14px;}
	}	
	}
@media screen and (max-width:380px){
	body,button,input,select,textarea {font:14px/24px "微软雅黑";color:#000;}
	.main h1{font-size:16px; line-height:30px;}
	.dh h2{font-size:16px; line-height:24px;}
	
	.fdw_son>div>h6{font-size:14px;}
	.fdw_son>div>p{font-size:14px;}
	}
	}
	
	
@media screen and (min-width:380px) and (max-width:480px){
	body,button,input,select,textarea {font:14px/24px "微软雅黑";color:#000;}
	.main h1{font-size:14px; line-height:30px;}
	.dh h2{font-size:14px; line-height:24px;}
	
	.fdw_son>div>h6{font-size:12px;}
	.fdw_son>div>p{font-size:12px;}
	}
	}