@charset "utf-8";



/* CSS Document */



/*公共样式*/



body,content1,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;font-family:"微软雅黑"; color:#333333; }



fieldset,img{border:0;}



ul,li{list-style:none;}



em,i{font-style:normal;}



table{border-collapse:separate;border-spacing:0;}



a{text-decoration:none; color:inherit}



input,option{ border:none;}



a:focus,input,button,select,textarea{outline:none;}



h1,h2,h3,h4,h5,h6{font-size:100%;font-variant:normal;}



input,select,img{vertical-align:middle;}



legend{display:none;}



textarea{resize:none;}



.clear{clear:both;}
.clearfix{zoom:1;}


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
* html>body .clearfix { display:inline-block; width:100%; }
* html .clearfix { height:1%; /* End hide from IE-mac */ }
*+html .clearfix { min-height:1%; }/* ie7 hack*/

body{ font-family:"Microsoft YaHei";font-size:16px; width:100%; max-width:640px; min-width:320px; margin:0 auto; margin-bottom:150px}


header {
    width: 95%;

    padding-top: 10px;

    margin: 0px auto;
}

header .logo {

    width: 55%;

    float: left;

}

header img {

    width: 100%;

}



.h-p{padding-top:25px;}
.h-m-t{padding-top:40px !important;}
.h-p1{padding-top:15px;}
.h-m1{margin-top:15px;}
.h-p-b{padding-bottom:25px}
.h-p-m{margin-bottom:25px}

.ys-y{color:#f37800}

.con{width:100%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.intr{overflow: auto;}
.intr dt {float: left;width: 24%;padding-right: 2%;}
.intr dd {text-indent: 2em;line-height: 30px;}
.ztitle h1,.ztitle p{font-size: 28px;color:#008cab;text-align: center;line-height: 52px;}
.ztitle p{font-size: 24px;color:#f37800;font-weight: bolder;}

.line{width:100%;width:100%;height: 1px;background: #b5b5b5;position: relative;}
.xline{width:10%;height:5px;background: #f37800;position:absolute;left:50%;margin-left: -5%;top:-2px}

.sw-module{overflow: auto;}
.sw-module{width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px dashed #c9c9c9;}
.module-l{float:left;width:70%}
.module-tit{width:50%;background: url(../images/icon-heart.png) #008cab 10px center no-repeat;height:33px;border-radius:0 33px 33px 0;box-sizing:border-box;color:#fff;padding-left:30px;line-height: 31px;}
.module-p{padding: 20px 0 20px 30px;}
.module-r{width:20%;float:right;background: url(../images/tp1.png) no-repeat;background-size: contain;height: 138px;margin-right: 5%}

/* .nav{
  position: relative;
  display: inline-block;
  padding: 8px 20px 8px 10px;
  font-size: 16px;
  color: white;
} */
 .nav{background: #008cab;color:#fff;height: 35px;line-height: 35px;padding-left: 8px;}
 .triangle-bottomleft {
     width: 0;
     height: 0;
     border-bottom: 35px solid #008cab;
     border-right: 35px solid transparent;
	 float:left;
	 margin-top: 15px;
 }
/* .nav::before{
  content: '';
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  z-index: -1;
  background: #008cab;
  -ms-transform: perspective(.5em) rotateX(1deg) ;
  -moz-transform: perspective(.5em) rotateX(1deg) ;
  -webkit-transform: perspective(.5em) rotateX(1deg) ;
  -o-transform: perspective(.5em) rotateX(1deg) ;
  transform: perspective(.5em) rotateX(1deg);
  transform-origin: bottom left;
} */


.jc-list ul li{
background: #f7f7f7;
    overflow: hidden;
	padding-right: 2%;
	position:relative
	
}
.jc-list ul li:nth-child(odd){background:#ebf6f8;}
.jc-list ul li:nth-child(even){background:#fff;}

.jc-list ul li span{
	position: relative;
    margin-right: 35px;
    display: block;
    float: left;
    color: #333;
    width: 126px;
    height: 65px;
	 display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
	text-align:center;
	font-weight: bold;
	
}

.jc-con{position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:9%}
.bz{border-bottom:1px dashed #dad8d8;padding-bottom:20px;margin-bottom:20px}	
.bz-l{width:23%;margin-right:3%;float:left}	
.bz-r{width:65%;float:left}	
.bz-r h1{color:#008cab;font-size:18px;line-height:18px;margin-top: 15px;}
.bz-r p{color:#333;font-size:16px;padding-top:4%}
.bz-r p span{color:#f37800}
.bz-dash{border-top:1px dashed #dad8d8;margin-top:4%}
.bz-yw{color:#008cab}
.nv{font-size:0}
.zx-btn{width:80%;color:#fff;margin:0 auto;background:#f37800;padding:2%;border-radius:20px; height:20px;text-align:center;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;font-size: 16px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;}
.zx-btn img{width:29px;padding-right:10px;vertical-align:middle;margin-top:-6px;font-size:16px}

.zjtx {background: #ebfafd;padding: 2% 3%;}

.zjtx dt {margin-right: 3%;color: #f37800;font-size: 18px;font-weight: bold;line-height: 18px;width: 45px;height: 45px;border: #f37800 dashed 1px;float: left;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-align: center;-webkit-box-pack: center;
}
.zjtx dd{margin-top:2%}
.tit-tab span{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:box;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-orient:horizontal}
.tit-tab span font{display:block;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tit-line1{height:30px;line-height:30px;background:#008cab;color:#fff;font-weight:bold;text-align:center;border-bottom:1px solid #fff;width:100%}
.bod-r-w{border-right:1px solid #fff;background:#008cab;color:#fff;height:30px;}
.bod-r-l-b{border-right:1px solid #008cab;border-left:1px solid #008cab;background:#fff;color:#333;}
.bod-t-b{border-top:1px solid #008cab}
.tit-t-b{border-top:1px solid #008cab}
.tit-lin3{height:55px;line-height:26px;padding:0 10px }

.tit-lin2-1{width:20%}
.tit-lin2-2{width:80%}

.stab-2{width:80%}
.stab{width:100%}
.tit-h{line-height:18px}
.fontw{font-weight:bold}
.tit-lin2 b{color:#008cab}
.tilt-lin2-l{width:80%;float:left}
.tit-lin3-1{width:25%;height:70px}
.tit-lin3-2{width:75%;height:70px}
.tit-lin3-3{height:140px;line-height:140px;width:100%;padding:0!important}
.tit-lin3-3 i{line-height:18px;display:block}
.tilt-lin2-r{width:20%;float:left}
.tit-lin4{height:395px;}
.tit-lin4 i{display:block;line-height:18px;padding:0 5px}

.tit-tab span.tit-left{text-align: left;padding: 10px;line-height: 26px;}

.wlyy{width:100%;background:#ebfafd;color:#666;text-align:cetner;border:1px solid #008cab;box-sizing:border-box;height:60px;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-orient:horizontal}
.wlyy i{color:#333333}
.wlyy b{color:#f37800}
.wlyy b font{color:#f37800;}

.ptext {text-indent: 2em;line-height: 24px;}
.ptext-h{margin-top:10px}

.yyhj1 ul li{width:32%;float:left;margin-right:2%;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}
.yyhj1 ul li span{position:absolute;bottom:0;left:0;text-align:center;height:20px;width:100%;font-size:12px;line-height:20px;color:#fff;background:rgba(0,0,0,0.4)}
.yyhj-list1{margin-top:2%;width:66%!important}

.jzys ul li{margin-bottom:20px}
.jzys1{background: url(../images/jzsy1.png) no-repeat left center;background-size:50px;padding-left:70px;  padding-top: 2%;
    padding-bottom: 2%;}
.jzys1 span{font-size:22px;border-top:1px solid #333;border-bottom:1px solid #333;padding:5px 0;font-weight:bold}
.jzys1 p{font-size:16px;padding-top:10px}
.tit-left strong{color:#008CAB}
.tit-p{padding: 5px;}
.tit-tab span.tit-h1{height: 600px;}
.tit-tab span.tit-h2{height: 680px;}
.bj {
    background-color: #ebfafd;
    padding: 10px 0;
}
.ts {
    font-size: 14px;
    color: #333333;
    margin: 0 25px;
    text-align: center;
    border-bottom: 1px #f37800 solid;
    border-top: 1px #f37800 solid;
    line-height: 30px;
}
.ts span {
    font-size: 18px;
    font-weight: bold;
    color: #f37800;
}
.adv{text-align: center;}
.adv h1{font-size: 14px;line-height: 28px;}
.adv p{font-size: 12px;padding-bottom: 15px;}
@media screen and (max-width: 641px){
body{font-size:14px;margin-bottom:90px}	

}


@media screen and (max-width: 415px){
	body {
    font-size: 12px;
}
.adv p{font-size: 10px}
.nav{
  font-size: 14px;
}
.science ul li{font-size: 10px;}
.science ul li b{width:20%;display: block;float:left;}
.science ul li span{width:80%;display: block;float:left}
.intr dt img {width: 100%;}
.intr dd {line-height: 16px;}
.ztitle h1,.ztitle p{font-size: 18px;line-height: 40px;}
.ztitle p{font-size: 16px;}

.tit-tab span.tit-left {
    line-height: 18px;
}
.tit-lin4 {
    height: 290px;
}

.module-r{width:25%;height: 100px;}
.module-p {
    padding-left:10%;
}


.module-tit {
    width: 43%;}

.jc-list ul li span {width:85px;height:45px}
.jc-con{width:74%;margin-left:10%;font-size:12px; }

.tit-tab span.tit-h1{height: 480px;}

.bz-l{width:25%}
.bz-r{width:67%;}

.jzys ul li{margin-bottom:5px}
.bz-r h1{color:#008cab;font-size:14px;margin-top: 0;}
.bz-r p{color:#333;font-size:12px;padding-top:5%}
.bz-r p span{color:#f37800}
.bz-m{margin-top: 10px;}
.bz-m1{margin-top: 20px;}
.bz-dash{margin-top:5%}
.bz-yw{font-size:12px}
.zx-btn img{width:25px;margin-top:-4px}
.zjtx dd{margin-top:1.5%;font-size:12px}
.ptext {
    line-height: 18px;
}
.tit-h{line-height:16px}
.fontz{font-size:12px}	
.jzys1 h1{font-size:16px;width:75px}

.jzys1 p{font-size:12px;padding-top:5px ;   padding-top: 3.5%;
    padding-bottom: 3%;margin-top:0}
.jzys1 span{font-size:16px;border-top:1px solid #333;border-bottom:1px solid #333;padding:3px 0}
.tit-tab span.tit-h2{height: 620px;}
.ts {
    font-size: 12px;
    line-height: 20px;
}
.ts span {
    font-size: 14px;
}

}

@media screen and (max-width: 376px){
	
	.bz-r p {
    padding-top: 2%;
}
.bz-dash{margin-top:2%}
.title{font-size:18px}	

.jzys1 p{  padding-top:0;
    padding-bottom: 0;margin-top:4%}
	.module-tit {
	    width: 50%;}
		
		.tit-lin4 {
		    height: 330px;
		}
		.tit-tab span.tit-h1{height: 520px;}
		.tit-tab span.tit-h2{height: 650px;}
}


@media screen and (max-width: 321px){
	.tit-lin4 {
	    height: 400px;
	}
	.bz-l{width:35%}
	.bz-r{width:62%}
	.jc-con {
    margin-left: 13%;
}
	.title{font-size:15px}
	.module-tit {
	    width: 55%;}
		.module-p {
		    padding-left: 3%;
		}
		.module-r {
		       margin-right:2%;
			   margin-top: 5%;
			   height:76px
		}
		.module-l {
		    width: 73%;
		}
		.module-l {
    float: left;
    width: 73%;
}
.tit-tab span.tit-h1{height: 620px;}
.tit-tab span.tit-h2{height: 700px;}
}