/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#00617F; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1180px; margin:0 auto;}

.header01{ display:none}
@media only screen and (max-width: 980px) {
	.header01{ display:block; width:100%; background:#fff; border-bottom:1px solid #6EC1E4;}
.logo{ float:left; display:block; width:21%; margin-top:4%; margin-left:2%;}
.logo img{ width:100%;}
.header01{height:91px;}
}

.header02{ height:102px; border-bottom:1px solid #6EC1E4;background-color: rgba(255, 255, 255, 0.81); width:100%; position:fixed; z-index:999}
.hendg{ height:102px;}
.logo2{ float:left; display:block; width:11%; margin-top:0.5%; margin-left:2%;}
.logo2 img{ width:100%;}






/*menu*/
.menu{height:102px;line-height:102px; display:block; width:915px;   position:relative; float:left; margin-left:12%;}
.menu ul li{ float:left; padding:0 1%;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:80px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); /*padding:10px 0;*/display:none; border:1px solid #6EC1E4 }
/*.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}*/
.menu a{ font-size:14px;color:#00617F; text-decoration:none; font-weight:normal;display:block;text-align:center;    padding: 8px 16px 8px 16px;    text-transform: uppercase;}
.menu a:hover{color:#6EC1E4;}
/*a.menu_hover{ background:#666;color:#fff;}*/
.menu_down span{ display:block;background:url(../images/tu29.png) right 2px center no-repeat;}
.menu_down span:hover{background:url(../images/tu26.png) right 2px center no-repeat;}
.chanping{ padding: 0% 2%;}
.chanping h2{ font-size:19px; color:#00617F; line-height:30px; font-weight:300;}
.chanping span{ line-height:24px; font-size:14px; line-height:24px; background:none !important; color:#54595F; margin-top:2%;}
.chanping span:hover{background:none !important}
.chanping ul{ text-align:center; margin-top:0%;}
.chanping ul li{ display:inline-block; width:22%; margin:0 auto; float:none}
.chanping ul li img{ display:block; margin:0 auto; width:100%}
.chanping ul li a{ line-height:24px !important; color:#6EC1E4; font-weight:normal; font-size:12px; height:24px; width:200px}
.chanping ul li a:hover{ color:#00617F;}

.chanping01{padding: 1% 2%;}
.chanping01 h2{  font-size:19px; color:#00617F; line-height:30px; font-weight:300;}
.chanping01 span{ line-height:24px; font-size:14px; line-height:24px; background:none !important; color:#54595F; margin-top:2%;}
.chanping01 span:hover{background:none !important}
.chanping01 ul{ margin-top:4%;}
.chanping01 ul li{ float:left; display:block; width:45%; margin-right:2%;    line-height: initial; margin-bottom:2%;}
.chanping01 ul li strong{ color:#6EC1E4; font-size:20px; font-weight:300; display:block; line-height:24px; height:24px;}
.chanping01 ul li strong:hover{color:#00617F;}
.chanping01 ul li em{line-height:24px !important; font-size:14px; background:none !important; color:#54595F; margin-top:2%; font-style:normal;}
.cont span{font-size:19px; color:#6EC1E4; line-height:30px; font-weight:300;line-height:24px !important; height:24px}
.cont strong{line-height:24px; font-size:14px; background:none !important; color:#54595F;  font-weight:300;line-height:24px !important; height:24px; display:block}
.contl{ float:left; display:block; background:url(../images/tu8.png) left center no-repeat;line-height:24px;color:#6EC1E4; padding-left:20px; margin-top:2%; margin-right:2%;}

.yuayeq{padding: 1% 2%;}
.yuayeq h2{font-size:19px; color:#00617F; line-height:30px; font-weight:300;}
.yuayeq ul{ display:block; text-align:center; margin:4% auto 0 auto;}
.yuayeq ul li{ float:none; display:inline-block; width:5%; margin:0 3%;}
.yuayeq ul li img{ width:100%; display:block;}
.yuayeq ul li span{ color:#6EC1E4; font-size:16px; font-weight:300; display:block; line-height:24px; height:24px; background:none; }
.yuayeq ul li strong{ font-size:16px; font-weight:300; display:block; line-height:24px; height:24px; background:none;}

.sousuo{padding: 1% 2%; min-height:140px;}
.sousuo h2{font-size:19px; color:#00617F; line-height:30px; font-weight:300;}
.input_text01{ line-height:40px; height:40px; border:1px solid #000; border-radius:10px; float:left; display:block; width:22%;}
.sousuo01{ margin-top:2%;}
.sousuo01 strong a{ display:block; border-radius:30px; line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; background:#6EC1E4; float:left; width:86px; padding:0; margin-left:2%;}
.sousuo01 strong a:hover{ background:#00617F; color:#fff;}


.bannner{ width:100%; height:768px; z-index:1}
.south{ position:relative; height:100%;z-index:1}
.south a{ color:#fff; position:absolute; top:8%; font-weight:bold; font-size:32px; left:0%; display:block; text-align:center; width:100%;z-index:9}
.south img{ width:100% !important; height:100% !important; width:100%;z-index:1}



.cent02-bg{ background:url(../images/t2.png) center no-repeat; background-size:100% 100%;  margin-top:-4%; position:relative; z-index:99;}
.cent02{ padding-top:7%; padding-bottom:7%;}
.cent02 span{ float:left; display:block; width:33%; font-size:32px; color:#0085AD;}
.cent02 strong{ float:right; width:64%; font-weight:normal; font-size:14px; display:block; line-height:30px;}
.cent02 strong a{ color:#6EC1E4;}
.cent02 strong a:hover{ color:#00617F;}



.cent03{ margin-top:-3%; z-index:100; position:relative}
.xijg{ text-align:center}
.xijg img{ height:125px; width:132px; margin:0 auto}
.xijg span{ text-align:center; display:block; font-size:32px; color:#00617F; font-weight:bold}
.cent03 ul{}
.cent03 ul li{ float:left; display:block; width:24%; margin-right:1%;}
.cent03 ul li img{ width:100%;/*height:180px;*/}
.cent03 ul li strong{ color:#6EC1E4; font-weight:16px;font-size:18px; display:block; text-align:left;}
.cent03 ul li em{ font-size:18px; font-weight:400; font-style:normal;color:#6EC1E4;text-align:left !important;}
.cent03 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent03 i a{ display:block; width:156px; text-align:center; line-height:40px; height:40px; color:#fff; font-style:normal; background:#6EC1E4; font-size:18px; border-radius:30px; margin:4% auto;}
.cent03 i a:hover{ background:#00617F; color:#fff;}

.cent04-bg{ background:url(../images/tu25.png) top no-repeat ; background-size:100% 100%;}
.cent04{ padding:7% 0;}
.crab h2{ color:#fff; text-align:center; font-size:30px;}
.crab img{ float:right; display:block; }

.look01{ float:left; display:block; width:48%; background:#fff; border-radius:10px; position:relative}
.look01:hover{   box-shadow: 0px 0px 12px #0000007a;}
.look01 video{ min-height:622px;}
.look011{ padding:4%;}
.look011 span{ display:block; font-size:18px; color:#6EC1E4; }
.look011 span a:hover{ color:#00617F;}
.look011 span a{color:#6EC1E4; }
.look011 strong{ color:#777777; font-size:14px; display:block; line-height:24px; font-weight:normal;}
.mackgr{ position:absolute; top:2%; left:2%; height:30px; line-height:30px; width:108px; border-radius:15px; background:#6EC1E4; text-align:center}
.mackgr a{ color:#fff}
.look02{ float:right; display:block; width:48%;}
.look03{ border-radius:10px; background:#fff; position:relative}
.look03 img{ width:100%; border-radius:10px 10px 0 0; max-height:210px;}
.ifdd{height:210px;}
.ifdd iframe{ border-radius:10px 10px 0 0;}


.sub{ width:88%; background:#00617F; border-radius:30px; padding:6%; margin:6% auto}
.sub01{ float:left; display:block; width:60%;}
.sub01 img{ width:42px; height:48px; float:left; display:block; margin-right:4%;}
.sub01 em{ display:block; font-size:28px; color:#fff; font-style:normal; font-weight:600}
.sub01 i{ font-size:14px; color:#fff; font-style:normal;}

.subs{ float:right; display:block; width:40%;}
.input_text02{ float:left; display:block; width:60%; line-height:40px; border:#6EC1E4 solid 1px; border-radius:8px; height:40px; font-size:14px; padding-left:10px;}

.input_text02::-webkit-input-placeholder{ color:#ccc;}
.subs h3 a{ float:left; display:block; line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; border-radius:30px; background:#00617F; width:120px; font-weight:normal; margin-left:2%;}
.subs h3 a:hover{ background:#6ec1e4}


.cent05{ margin-top:4%; margin-bottom:2%;}
.cent05-l{ float:left; display:block; width:60%;}
.cent05-l h2{ font-size:32px; font-weight:600; color:#00617F; width:80%;}
.cent05-l span{ font-size:14px; color:#54595F; font-weight:300; line-height:26px; display:block; margin-top:4%;}
.cent05-l strong { margin-top:6%; display:block}
.cent05-l strong a{line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; border-radius:30px; background:#00617F;font-weight:normal;  padding:8px 20px;}
.cent05-r{ float:right; display:block; width:40%;}
.cent05-r h2{ color:#6EC1E4; font-size:18px; background:url(../images/ti11.png) 128px center no-repeat;}
.cent05-r h2:hover{ color:#00617F}
.cent05-r span{ color:#00617F; font-size:16px; font-weight:600; margin-top:2%; display:block}
.cent05-r ul{ text-align:center;}
.cent05-r ul li{ display:inline-block; width:81%; margin:0 2%;}
.cent05-r ul li img{ width:100%; height:auto; margin-left:-65px;  margin-top:22px;}


.asc-bg{ background:url(../images/tu19.png) top center  no-repeat #eefaff;}
.asc{ padding-top:10%; padding-bottom:4%;}
.asc ul{ text-align:center; float:left; display:block; width:50%;}
.asc ul li{ width:84%; display:inline-block; margin:0 2%;}
.asc ul li img{ width:100%; /*height:120px;*/}

.clob{ float:left; display:block; width:50%;}
.clob h2{ font-size:32px; font-weight:600; color:#00617F; font-weight:normal;}
.clob span{ font-size:16px; color:#54595F; display:block; margin-top:6%; font-weight:normal;}
.clob strong a{line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; border-radius:30px; background:#6EC1E4;font-weight:normal; display:block; width:340px; margin-top:6%;}
.clob strong a:hover{ background:#00617F}


.subscr-bg{ background:url(../images/tu16.png) top center no-repeat #6ec1e4; position:relative; margin-top:0%; }
.subscr{ padding:6% 0 4% 0;}
.subsc01{ float:left; display:block; width:50%;}
.subsc01 h2{ font-size:28px; color:#fff; font-weight:600;}
.subsc01 strong{ display:block; font-size:14px; font-weight:500; color:#fff;}

.sunsce{ float:right; display:block; width:50%;}
.input_text03{ line-height:40px; height:40px; float:left; display:block; width:60%;  border-radius:10px; font-size:14px; padding-left:10px;}
.input_text03::-webkit-input-placeholder{ color:#ccc;}
.sunsce strong a{ float:left; display:block; line-height:40px; height:40px; text-align:center; color:#fff; font-size:16px; border-radius:30px; background:#00617F; width:120px; font-weight:normal; margin-left:2%;}
.sunsce strong a:hover{ background:#00617F}

.footer-bg{ background:url(../images/tu18.png) top center no-repeat #00617f;}
.footer{ padding:4% 0}
.foot-l{ float:left; display:block; width:24%; margin-left:2%}
.foot-l img{ /*width:74%; */max-height:260px;}
.foot-c{ float:left; display:block; width:34%; margin-left:8%;}
.foot-c ul{ min-height:120px;}
.foot-c ul li{ float:left; display:block; width:50%;}
.foot-c ul li a{ color:rgba(255,255,255,0.45); line-height:30px; height:30px; font-size:14px;}
.foot-c dl{ text-align:left;}
.foot-c dl dd{ display:inline-block; width:51px; margin-right:2%;}

.foot-r{ float:right; display:block; width:25%; margin-right:4%;}
.foot-r ul li{ color:#fff; font-size:14px; margin-bottom:6%;}
.foot-r ul li img{ float:left; display:block; /*width:10px; */height:auto}
.foot-r ul li span { float:left; display:block; width:92%; margin-left:2%}
.foot-r dl dd{ float:left; display:block;  height:auto; margin-right:4%;}

.cets{ position:fixed; width:40px; padding:10px; right:0%; top:40%; background:#ddf1f985; border-radius:30px 0 0 30px; z-index:99}
.cets ul li{ text-align:center; margin:5px auto; position:relative}
.cets ul li img:hover{    -webkit-transform: scale(1.04);
    transform: scale(1.04);}
.tu72{ width:100%; top:0px; position:absolute; display:none}
.tu72 img{ width:100%;}
.cets ul li a:hover .tu72{ display:block;}

img{max-width:100%}  
.ouroor h2{color: #00617F;
    font-size: 28px;
    font-weight: 400; text-align:center;
}
.ouroor strong{ font-weight:normal;    font-size: 14px;
    margin-top: 2%;
    display: block; text-align:center}
.ouroor ul{ margin-left:4%}
.ouroor ul li{ float:left; display:block; width:23.5%; margin-right:2%; margin-bottom:2%; background:#eefaff; border-radius:10px; padding-bottom:4%}
.ouroor ul li:nth-child(4n) {
    margin-right: 0% ;
}
.ouroor ul li img{ width:120px; height:86px; display:block; margin:0 auto; margin-top:4%;}
.ouroor ul li span{    color: #6EC1E4; display:block; font-size:20px; padding:0 10px}
.ouroor ul li em{color: #000; font-style:normal;display:block; font-size:16px; font-weight:200;padding:0 10px; line-height:30px; margin-top:1%;}
@media only screen and (max-width: 980px) 
{
    .isp1 h2{    color: #00617F;
    font-size: 25px!important;
    font-weight: normal;}
    img{max-width:100%}  
    .subsc01 h2{    margin-top: 21px;}
	.header02{ display:none;}
	.wapper{ width:100%;}
	.hendg{ display:none}
	.bannner{ height:auto;}
	.cent02{ width:90%; margin:0 auto}
	.cent02 span{ width:100%;}
	.cent02 strong{ width:95%; margin:4% auto}
		.cent03 ul li{width: 33%;margin: 0px 8%;}
		.cent04{width:90%; margin:0 auto}
		.crab h2{ width:80%; position:relative; margin:0 auto;    margin-top: 50px;}
		.crab img{ position:absolute; top:0px; right:0%; width:43px; height:43px;}
		.look01{ width:100%;}
		.look01 video{  min-height:175px !important;}
		.look02{ width:100%; margin-top:2%;}
		.sub01{ width:100%;}
		.sub01 img{ margin:0 auto; width:42px; float:none}
		.sub01 em{ text-align:center;}
		.sub01 i{ text-align:center; display:block;}
		.subs{ width:100%; margin-top:4% }
		.input_text02{ width:100%;}
		.subs h3 a{width:100%; margin-top:2%;}
		.cent05{ width:90%; margin:0 auto;}
		.cent05-l{ width:100%;}
		.cent05-l h2{ text-align:center; margin:0 auto;
    font-size: 23PX;

		}
		.cent05-l strong a{ display:block; margin:0 auto; width:120px;}
		.cent05-l span{ text-align:center}
		.cent05-r{ width:100%; margin:10% auto}
		.asc { width:82%;}
		.clob{ width:100%;}
		.asc ul{ width:100%; margin:10% auto}
		.subscr{ width:90%;}
		.subsc01{ width:100%;margin-top: 14%;}
		.sunsce{ width:100%;}
		.input_text03{ width:100%;    margin-top: 20px;}
		.sunsce strong a{ width:100%; margin-top:4%;}
		.footer{ width:90%; margin:0 auto;}
		.foot-l{ width:100%;}
		.foot-l img{ width:42%; margin:0 auto; display:block;margin-top: 63px;    float: left;}
		.foot-c{ width:100%;margin-left:17px;}
		.foot-r{width:94%; margin-right:0;}
		.foot-r dl{ text-align:center}
		.foot-r dl dd{ display:inline-block; float:none}
		.ouroor ul li{ float:none; width:100%;}
			}
			


.fish-bg{ background:url(../images/q1.png) center no-repeat; padding:2% 0;}
.fish img{ float:left; display:block; width:22%;}
.fish01{ float:right; display:block; width:66%; margin-top:4%;}
.fish01 h2{ color:#00617F; font-size:28px; font-weight:400;}
.fish01 span{ font-size:14px; margin-top:3%; display:block}
.fksh02-l{ float:left; display:block; width:60%;}
.input_text04{ border:1px solid #0085AD; line-height:40px; height:40px; border-radius:10px; float:left; display:block; width:40%; padding-left:20px; font-size:16px; font-weight:normal;}
.input_text04::-webkit-input-placeholder{ color:#ccc;}
.fksh02-l em{ float:left; display:block; width:86px; line-height:40px; height:40px; text-align:center; font-size:16px; color:#fff; background:#6EC1E4; border-radius:30px; font-style:normal; margin-left:20px}
.fksh02-l em a{ color:#fff;}
.fksh02-l em:hover{ background:#00617f;}


.fish02{ margin-top:4%;}
.fish02 strong{float:right;display:block;width: 28%;border-radius:30px;line-height:40px;height:40px;text-align:center;background: url(../images/r1.png) 10px center no-repeat #6EC1E4;font-size:16px;color:#fff;font-weight:normal;margin-right: 12%;}
.fish02 strong a{color:#fff;}


.til ul li{ float:left; display:block; width:22%; margin-right:3%; margin-bottom:2%; /*height:280px*/}
.til ul li:nth-child(4n) {
    margin-right: 0% ;
}
.til ul li img{ width:100%; max-height:220px; /*height:220px;*/}
.til ul li span{color:#6EC1E4;  font-size:14px; display:block;}
.til ul li span a{color:#6EC1E4;}
.til ul li strong{ color:#6EC1E4; font-size:18px; display:block; font-weight:normal}
.til ul li strong a{ color:#6EC1E4;}
.til ul li strong:hover{ color:#00617F}
.til em{ text-align:center; line-height:40px; height:40px; width:120px; border-radius:30px; font-style:normal; background:#6EC1E4; display:block; margin:0 auto; font-size:16px}
.til em a{ color:#fff;}
.til em:hover{ background:#00617f;}



.cennerd h2{ line-height:30px; height:30px; text-align:center; color:#000; background:#F0804F}
.cennerd ul li{ float:left; display:block; width:24%; margin:0.5%;}
.cennerd ul li img{ width:100%; max-height:280px; height:auto;}
.cennerd ul li span{ display:block; font-size:12px;}

@media only screen and (max-width: 980px) {
	.cennerd ul li{ float:left; display:block; width:48%; margin:0.5%;}
	}

.teat{ padding:4% !important}
.testImg{height: 73px;margin: 0 auto;display: block; width:42px;}
.allp{ float:left; display:block; width:30%;}
.allp h2{ font-size:32px; font-weight:normal; color:#00617F}
.allp span{ font-size:16px; display:block; line-height:24px; font-weight:normal;margin-top:4%;}
.allp em{ text-align:center; line-height:40px; height:40px; width:145px; border-radius:30px; font-style:normal; background:#6EC1E4; display:block; font-size:16px; margin-top:10%;}
.allp em a{ color:#fff;}
.allp em:hover{ background:#00617f;}
.allp2{ float:right; display:block; width:60%;}
.allp2 em{float:right;display:block;width: 28%;border-radius:30px;line-height:40px;height:40px;text-align:center;background: url(../images/r1.png) 10px center no-repeat #6EC1E4;font-size:16px;color:#fff;font-weight:normal;margin-right: 12%; font-style:normal; margin-bottom:4%;}
.allp2 em a{color:#fff;}


.allp2 ul li{ float:left; display:block; width:30%; margin-right:2%;}
.allp2 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.allp2 ul li img{ width:100%;}
.allp2 ul li span{color:#6EC1E4;  font-size:14px; display:block;}
.allp2 ul li span a{color:#6EC1E4;}
.allp2 ul li strong{ color:#6EC1E4; font-size:20px; display:block; font-weight:normal}
.allp2 ul li strong a{ color:#6EC1E4;}
.allp2 ul li strong:hover{ color:#00617F;}



@media only screen and (max-width: 980px) {
	.fish-bg{ background:url(../images/q1.png) center no-repeat; padding:2% 0; background-size:100% 100%;}
	.fish{ width:90%;}
	.fish img{ float:none; width:80%; margin:0 auto}
	.fish01{ float:none; width:100%;}
	.fksh02-l{ width:100%;}
	.fish02 strong{width:70%;margin-top: 4%;}
	.input_text04{ width:52%;}
	.fksh02-l em{ width:105px;}
	.til{ width:90%;}
	.til ul li{ width:48%;} 
	.til ul li:nth-child(2n) {
    margin-right: 0% ;
}
	.allp{ width:100%;}
	.allp2{ width:100%;    margin-top: 22px;}
.allp2 ul li{ width:48%;} 
.allp2 ul li:nth-child(2n) {
    margin-right: 0% ;
}
	}



.isp{ margin:8% auto;}
.isp img{ float:left; display:block; width:50%; border-radius:30px;}
.isp1{ float:right; display:block; width:48%;position:relative}
.isp1 h2{ color:#00617F; font-size:32px; font-weight:normal;}
.isp2{position:absolute;top: 140%;left: -8%;background:#00617F;border-radius: 10px;padding: 10%;}
.isp2 span{ display:block; color:#fff; font-size:16px; line-height:24px; margin-bottom:2%}
.isp2 span a{ color:#5cb2d3}
.isp2 span a:hover{ color:#00617F;}


.pre-bg{ background:url(../images/t2.png) center no-repeat; background-size:100% 100%;}
.pre{ padding:4% 0;}
.pre ul{ text-align:center;}
.pre ul li{ display:inline-block; width:10%; margin:2%; position:relative}
.pre ul li img{ width:100%;}
.pre ul li span{ position:absolute; top:40%; text-align:center; display:
block; width:100%; font-size:16px;}
.pre h2{ text-align:center; color:#00617F; font-weight:200; font-size:32px;}


.appearance{}
.dddt01{ width:20%;}
.dddt01 span{ padding:2%; font-size:22px;display:block; color:#00617F}
.dddt02{ width:20%;}
.dddt02 img{ max-width:100%;}
.dddt03{ width:60%;}
.dddt03 span{ padding:2%; font-size:18px;  display:block;    line-height: 31px;color: #00617F;}

@media only screen and (max-width: 980px) {
	.appearance{ width:90%; margin:0 auto;}
	table tr td{ display:block; width:100% !important;}
	}



.how{ margin:4% auto;}
.how h2{ text-align:center; color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%;}
.how span{ font-size:16px; line-height:24px; font-weight:200; display:block;}
.how span a{ font-weight:bold;}
.how01{ margin-top:4%;}
.how01-l{ float:left; display:block; width:55%;}
.how01-2{ float:right; display:block; width:40%;}
.how01-2 ul li{ float:left; display:block; width:27%; margin-right:4%;}
.how01-2 ul li img{ width:100%;}
.ske{ margin-top:10%;}



.whych{ margin:4% auto;}
.whych h2{text-align:center; color:#00617F; font-weight:200; font-size:32px;}
.whych span{ font-size:22px; color:#00617F;font-weight:200;}
.our ul{ float:left; display:block; width:60%;}
.our ul li{ background:url(../images/tu111.jpg) left center no-repeat; padding-left:30px; font-size:16px; font-weight:200; line-height:40px;}

.our02{float: right;display:block;width: 21%;background:#0085ad;border-radius:60px;padding:4%;}

.our02 h3{ color:#fff; font-weight:200; font-size:28px; display:block;}
.our02 strong{ display:block; color:#fff; font-size:16px; font-weight:normal;}
.input_text05{ border:1px solid #ccc; border-radius:5px; line-height:40px; height:40px; padding-left:20px; margin-top:4%; display:block; width:93%;}
.input_text06{ border:1px solid #ccc; border-radius:5px; line-height:40px; height:40px; padding-left:20px; margin-top:2%;display:block; width:93%;}
.our02 em { width:100%; display:block; line-height:40px; height:40px; text-align:center; font-style:normal; background:#6EC1E4;  font-size:16px; margin-top:2%; border-radius:30px;}
.our02 em a{color:#fff;}
.our02 em:hover{background:#00617f;}


.ship{ margin:4% auto;}
.ship h2{text-align:center; color:#00617F; font-weight:200; font-size:32px;}
.ship ul{ margin-top:2%}
.ship ul li{ margin-bottom:3%;}
.ship ul li img{ float:left; display:block; width:3%;margin-top: 50%; margin-top:8%;}
.ship01 span{ float:right; display:block; width:75%; font-weight:200; display:block; font-size:16px}
.ship01{ float:right; display:block; width:85%;    box-shadow: 0px 0px 19px #ccc; position:relative; padding:4%;} 
	.ship01:before{ content: '';position:absolute;background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;top: 50%;
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg);    width: 20px;
    height: 20px; left:-1%;
}
.ship01 img{ width:20% !important; float:left; display:block; margin:0 !important;}
.tubiao ul{ text-align:center}
.tubiao ul li{ display:inline-block; width:18%; margin-right:2%;}
.tubiao ul li:nth-child(4n) {
    margin-right: 0% ;
}
.tubiao ul li img{ width:100%;margin-bottom: 21px;}
.tubiao ul li span{ display:block; width:100%; text-align:center;font-size:15px; min-height:267px}
.tubiao ul li strong{ display:block; width:100%; text-align:center; font-weight:normal;font-size:18px;}
.tubiao ul li strong em{ font-size:18px; font-style:normal;}


.dss{ text-align:center;}
.dss img{ width:30%; margin:0 9%; display:inline-block; border-radius:10px;}








.ifyou{ padding:4% 0;}
.ifyou  h2{text-align:center; color:#00617F; font-weight:200; font-size:20px;}
.ifyou  h3{text-align:center; color:#00617F; font-weight:200; font-size:20px; padding:10px}
.ifyou ul{ text-align:center;}
.ifyou ul li{ display:inline-block; margin:0% 2%; font-size:16px; color:#00617F; line-height:30px; height:30px;}
.ifyou ul li img{ float:left; display:block; width:10px;    margin-top: 6%;}
.ifyou ul li span{ float:left; display:block;line-height:30px; height:30px;}





.weonly{ margin:4% auto}
.weonly h2{text-align:center; color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%;}
.weonly ul li{ float:left; display:block; width:32%; margin-right:2%; margin-bottom:4%;}
.weonly ul li:nth-child(3n) {
    margin-right: 0% ;
}
.weonly ul li img{ float:left; display:block; width:30%;}
.weion01{ float:right; display:block; width:65%; margin-top:4%;}
.weion01 span{ color:#00617F; font-weight:200; font-size:20px; display:block;}
.weion01 strong{ font-size:16px; font-weight:200; display:block; margin-top:4%;}



.whatwe-bg{ background:url(../images/tu11.png) center no-repeat; background-size:100% 100%;}
.whatwe{ padding:4% 0 !important}
.whatwe01{ float:left; display:block; width:30%;}
.whatwe01 h2{ color:#00617F; font-size:36px; font-weight:200}
.whatwe01 h3{ color:#fff; font-weight:200; font-size:30px;}
.whatwe01 strong{ font-size:16px; font-weight:normal; color:#00617F}
.whatwe01 strong span{ font-weight:bold; color:#00617F}
.whatwe02{float:right;display:block;width: 68%;margin-top:6%;}
.whatwe02 ul li{float:left;display:block;width: 18%;margin-left:2%;}
.whatwe02 ul li span{ color:#fff; font-weight:200; font-size:24px; display:block}
.whatwe02 ul li strong{font-size:16px; font-weight:normal; color:#00617F}


.pelatede{ margin:4% auto;}
.pela01{ float:left; display:block; width:65%;}
.pela01 h2{ color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%;}
.pela01 span{ font-size:16px; line-height:24px; font-weight:200; display:block;}
.pela01 ul li{ margin-bottom:4%;}
.pela01 ul li img{ border-radius:10px; float:left; display:block; width:32%; 
max-height:218px;}
.pela04{ float:right; display:block; width:65%;}
.pela04 h3{ color:#6EC1E4; font-weight:300; display:block; font-size:16px}
.pela04 h3:hover{ color:#00617F}
.pela04 strong{font-size:14px;font-weight:300;}
.pela04 em{ font-style:normal;font-size:14px; display:block; margin-top:4%;font-weight:300;}
.pela04 a{color:#6EC1E4; font-weight:300; display:block;}



.pela02{ float:right; display:block; width:25%; background:#00617F; border-radius:10px; min-height:500px; position:relative}
.pela03{ position:absolute; top:10%; left:15%; background:#fff; border-radius:10px;;box-shadow: 0px 0px 23px #000;}
.pela03 img{ border-radius:10px 10px 0 0;}
.pela03 span{ color:#6EC1E4; font-size:32px; font-weight:600; padding:30px 30px 10px 30px; display:block;}
.pela03 em a{ width:110px; display:block; line-height:40px; height:40px; text-align:center; font-style:normal; background:#6EC1E4;  font-size:16px; margin-top:2%; border-radius:30px; margin-left:30px; margin-bottom:30px}
.pela03 em a{color:#fff;}
.pela03 em:hover{background:#00617f;}


@media only screen and (max-width: 980px) {
	.isp{ width:90%;}
	.isp img{ width:100%;    margin-top: 39px;}
	.isp1{ width:100%;height: 490px;}
	.isp2{ top:16%; left:0%}
	.pre h2{ width:80%; margin:0 auto;}
	.pre ul li{ width:34%;    margin: 7%;}
	.pre-bg{ background:url(../images/t2.png) center no-repeat; background-size:100% 100%;}
	.how{ width:90%;}
	.how01-l{ width:100%;}
	.how01-2{ width:100%; margin-top:4%;}
	.how01-2 ul li{ margin-left:6%; margin-right:3%;    width: 23%;}
	.ship{ margin:20% auto;}
	.ship{ width:90%;}
	.ship ul li img{    width: 14%;margin-top: 49%;}
	.ship01{ width:70%;}
	.ship01 img{ width:100% !important;}
	.ship01 span{ width:100%; margin-top:10%;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;}
	.dss img{ width:80%; margin:4% auto;}
	.tubiao ul li{ width:40%;}
	.tubiao ul li img{ width:100%}
	.whych { width:90%;}
	.our ul{ width:100%; float:none}
	.our02{ width:80%; margin:0 auto; float:none;padding: 10%;}
	.input_text05{ margin-top:12%;}
	.input_text06{ margin-top:4%;}
	.our02 em{ margin-top:4%;}
	.ifyou{ width:80%;}
	.weonly{width:90%;}
	.weonly ul li{ float:none; width:100%; margin-bottom:10%;}
	.weonly ul li img{ float:none; margin:0 auto;}
	.whatwe-bg {
    background: #fff;  background-size: 100% 100%;

}
	.whatwe{width:90%;}
	.weion01{ width:100%; text-align:center}
	.whatwe01{ width:100%;}
	.whatwe02{ width:100%;}
	.whatwe02 ul li{ width:100%; margin-top: 10%;
}
	.pelatede{ width:90%}
	.pela01{ width:100%;}
	.pela01 ul li{ margin-bottom:10%;}
	.pela01 ul li img{ width:100%;}
	.pela04{ width:100%;}
	
	.pela02{ width:100%}
	}




.ourhis{ /*margin:4 auto;   */ margin-top: 18%;}
.ourhis h2{ color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%; text-align:center}
.update_news5 ul{ margin-top:50px; position:relative;}
.update_news5 ul:after{ content:""; position:absolute; top:0px; left:50%; width:1px; height:100%; background:#f0f0f0;}
.update_news5 ul li{ padding:10px 0px; overflow:hidden;}
.update_news5 ul li .date{
    float:left;
    width: 38%;
    height:84px;
    text-align:center;
    box-shadow: 0px 0px 19px #ccc;
    position: relative;
    padding: 27px;
    margin-left: 2%;
    margin-right: 1%;
    }
.update_news5 ul li .date span{ color: #00617F; font-size:20px}	
	.date2{float:left;width: 45.6%;display:block;height: 50px;}
.update_news5 ul li .date:before{ content: '';position:absolute;background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;top: 50%;
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg);    width: 20px;
    height: 20px;  right:-1%;
}


/*.update_news5 ul li .news_line{ float:left; width:15px; background:rgba(179,179,179,.3); height:15px; margin:0px 13px; margin-top:10px; border-radius:50%; position:relative; z-index:7; position:relative;}
.update_news5 ul li .news_line:after{ content:""; position:absolute;width:7px; height:7px; border-radius:50%; background:#b3b3b3; margin:4px; z-index:8;}*/

.update_news5 ul li .news_line{float:left;width: 91px;z-index:7;border-radius:50%;position:relative;z-index:7;position:relative;margin-top: 4%;margin-left: 3%;/* float: left; */}
.update_news5 ul li .news_line strong{display:inline-block;font-size:12px;width: 50%;font-weight: normal;float: left;line-height: 30px;height: 30px;text-align: center;margin-left: 12%;}
.update_news5 ul li .news_line img{width: 37%;z-index:8;float: left;}

.update_news5 ul li .news_desc{ float:left; width: calc(100% - 803px);    box-shadow: 0px 0px 19px #ccc;
    position: relative;    padding: 53px;margin-left: 2%;}

.update_news5 ul li .news_desc:before{ content: '';position:absolute;background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;top: 50%;
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg);    width: 20px;
    height: 20px; left:-1%;
}

.update_news5 ul li .news_desc a{ display:block; font-size:16px; color:#444; padding-top:5px;}
.update_news5 ul li .news_desc span{ color: #00617F; font-size:20px}
.update_news5 ul li:hover .news_desc a{ color:#f60;}

.update_news5 ul li .news_line strong:nth-child(2n) {
      float: left !important;
}



.youyu{ margin:2% auto}
.you01{ float:left; display:block; width:55%;}
.you01 ul li{ float:left; display:block; width:28%; margin: 2%;}
.you01 ul li img{ width:130px;margin: 0 auto;display: block; height:90px}
.you01 ul li span a{ font-size:16px; text-align:center;     color: #00617F; display:block; height:32px;}
.you01 ul li span a:hover{color:#00617F}

.you02{ float:right; display:block; width:42%;}
.you02 h2{ color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%;}
.you02 span{ font-weight:normal; font-size:16px;}

.cloes{ margin:4% auto;}
.cloes h2{ color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%; text-align:center}
.cloes span{ text-align:center; font-size:16px; width:80%; display:block; margin:0 auto}
.cloes img{ width:80%; height:auto; display:block; margin:4% auto}

.xingw{ display:none}
@media only screen and (max-width: 980px) {
	.update_news5{ display:none;}
	.youyu{ width:90%;}
	.you01{ width:100%;}
	.you02{width:100%;}
	.you01 ul li{ width:46%;}
	.cloes h2{ margin:10%;}
	.ourhis{ width:90%; margin:0 auto}
	.xingw{ display:block;}
		.xingw ul li{ margin-bottom:10%;}
	.xingw ul li img{ float: left; display:block; width:10%;    margin-top: 20%; margin-left:2%}
	.xing01{  box-shadow: 0px 0px 19px #ccc;
    position: relative;
    padding: 36px;
    margin-left: 12%;
    float:left;
    display:block;
    width: 51%; }
.xing01:before{ content: '';position:absolute;background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;top: 50%;
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg);    width: 20px;
    height: 20px; left:-1%;
}
.xing01 span{ font-size:12px;}
.xing01 strong{ color:#00617F; display:block; font-size:18px; font-weight:normal;}
	} 



.meer-bg{ background:url(../images/tu19.png) top no-repeat #eefaff;}
.meet{ padding-top:10%; padding-bottom:4%}
.meet h2{color:#00617F; font-weight:200; font-size:32px; margin-bottom:2%; }
.meet em{ font-style:normal; font-size:16px;}
.meet i{ font-style:normal; font-weight:bold}
.exes{ margin-top:4%;}
.exes h3{    color: #6EC1E4; font-weight:200; font-size:24px;}

.exes01{ float:left; display:block; width:48%;}
.exes01 img{ float:left; display:block; width:19%; border-radius:85px;}
.exes002{ float:left; display:block; width:70%;margin-left: 2%;}
.exes002 span{ color: #6EC1E4; font-weight:200; font-size:24px; display:block}
.exes002 strong{ display:block; font-size:16px; font-weight:200; margin-top:4%}
.exes02{ float:right; display:block; width:48%;}
.exes02 img{ float:left; display:block; width:19%; border-radius:85px;}


.youyang{ margin-top:4%}
.inter{ float:left; display:block; width:48%;}
.inter h3{color:#00617F; font-weight:200; font-size:34px; margin-bottom:2%; }
.inter span{display:block; font-size:16px; font-weight:200; margin-top:4%}
.youyang img{ float:right; display:block; width:48%; border-radius:10px}
.youyang2{ margin-top:4%}
.inter2{ float:right; display:block; width:48%;}
.inter2 h3{color:#00617F; font-weight:200; font-size:34px; margin-bottom:2%; }
.inter2 span{display:block; font-size:16px; font-weight:200; margin-top:4%}
.youyang2 img{ float:left; display:block; width:48%; border-radius:10px}






@media only screen and (max-width: 980px) {
.meet{ width:90%;}	
.exes01{ width:90%; margin-top:10%;}
.exes01 img {
    float: left;
    display: block;
    width: 35%;
    border-radius: 85px;
}
.exes002{ width:100%;}
.exes02{ width:100%; margin-top:10%;}
.exes02 img {
    float: left;
    display: block;
    width: 35%;
    border-radius: 85px;
}
.youyang { margin-top:20%;}
.inter{ width:100%; margin:0 auto;}
.youyang img{ width:100%; margin-top:10%}
.youyang2 { margin-top:20%;}
.inter2{ width:100%; margin:0 auto;}
.youyang2 img{ width:100%;margin-top:10%}
	}



.contat{ margin:4% auto;}
.contat h2{ font-weight:200; color:#00617F; float:left; display:block; width:40%; font-size:40px;}
.contat span{ float:right; display:block; width:60%; font-size:18px; font-weight:200;    color: #00617F;}


.headpr-bg{ background:url(../images/t2.png) center no-repeat; background-size:100% 100%;}
.hader{ padding:4% 0;}
.hader01{ float:left; display:block; width:40%;}
.hader01 h2{ color:#00617F; font-weight:bold; font-size:21px; margin-bottom:2%;}
.hader01 span{ font-size:16px; font-weight:400;    color: #01627f;}
.hader01 ul{ text-align:center}
.hader01 ul li{ display:block; width:25%; background:url(../images/tu8.png) left center no-repeat; float:left; margin-right:4%; color:#6EC1E4; font-size:16px; margin-top:4%; padding-left:30px;}

.hader02{ float:left; display:block; width:51%; background:#fff; border-radius:10px;box-shadow: 0px 0px 19px #ccc; padding:3%;}
.input_text07{    background-color: #F2F2F2; border:1px solid #ccc; line-height:40px; height:40px; display:block; width:96%; border-radius:5px; margin-bottom:2%; padding-left:20px; color:#7a7a7a;}

.text01{ background-color: #F2F2F2; border:1px solid #ccc; line-height:40px;  display:block; width:96%; border-radius:5px; margin-bottom:2%; padding-left:20px; color:#7a7a7a;}

.hader02 em { width:86px; display:block; line-height:40px; height:40px; text-align:center; font-style:normal; background:#6EC1E4;  font-size:16px; margin-top:2%; border-radius:30px;}
.hader02 em a{color:#fff;}
.hader02 em:hover{background:#00617f;}

@media only screen and (max-width: 980px) {
	.contat{ width:90%;}
	.contat h2{ width:100%;}
	.contat span{ width:100%;}
	.headpr-bg{    background: url(../images/t2.png) center no-repeat;
    background-size: 100% 100%;}
	.hader{ width:90%;}
	.hader01{ width:80%  ;  float: none; margin:0 auto}
	
	.hader02{ width:96%;    float: none; margin-top:24%;}
	.input_text07{    width: 92%;}
	}




.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }
.inside_con{ padding:10px 0;min-height: 300px}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}



.yurou{ margin-top:4%;}
.yorou01{ float:left; display:block; width:48%;}
.yorou02{ float:right; display:block; width:48%;}
.wnzi h2{ font-size:14px; font-weight:normal; color:#00617F}
.wnzi h2 a{ display:inline-block; margin:0 1%; color:#6EC1E4}

.yurou02{ float:right; display:block; width:48%;}
.tilapeis h2{ color:#00617F; font-size:32px; font-weight:normal;}
.tilapeis span{ /*background:url(../images/tu77.png) left center no-repeat;*/ padding-left:30px;font-size:16px; font-weight:300; margin:2% auto; display:block;}
.tilapeis strong{ border:1px solid rgb(204, 204, 204); background:rgb(238, 238, 238);  display:block;  padding:15px; font-size:14px; font-weight:300}
.tilapeis span a{ color:#6EC1E4;}
.tilapeis span a:hover{ color:#00617F;}

.tilapeis strong:hover{ background:#e9e9e9}

.infor{ background:#EEFAFF; border-radius:10px; padding:6%; margin-top:6%;}
.infor h2{    font-weight: 600;
    color: #00617F;font-size: 32px;}
.infor span{font-size:16px; font-weight:300; margin:2% auto; display:block;}
.infor a{ color:#FFFFFF; border-radius:24px; background:#6EC1E4; text-align:center; display:block; width:176px; height:40px; line-height:40px; font-size:15px;}

.tila{ margin-top:4%;}
.tila h3{ display:block; background:#6ec1e4; color:#fff; font-weight:normal; font-size:24px; padding:10px;}
.enzi{ float:left; display:block; width:59%}
.marleit h2{ color:#00617F; font-weight:400; font-size:26px;}
.tila02{ float:right; display:block; width:39%; margin-top:2%;}
.tila03{ width:100%;}
.tila03 img{ width:100%;}
.fenxing{ margin-top:4%;}
.fenxing h2{ color:#00617F; font-weight:400; font-size:26px;}

.fenxing ul li{ float:left; display:block; width:11%; margin:2% 0}
.fenxing ul li img{ width:100%;}
.pelat04{ margin:4%;}
.pelat04 h2{    color: #00617F;
    font-weight: 400;
    font-size: 28px;
}
.pelat04 ul li{ float:left; display:block; width:23%; margin-right:2%;}
.pelat04 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.pelat04 ul li img{ width:100%;}
.pelat04 ul li a{ font-size:15px; color:#00617F;}

@media only screen and (max-width: 980px) {
	.yorou01{ width:100%;}
	.yurou02{ width:100%;}
	.enzi{ width:100%;}
	.tila02{ width:100%;}
	.pelat04 ul li{ width:100%;}
	}