﻿*{ margin:0; padding:0}
body {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
a{ outline:none; text-decoration:none; color:#000000}
a:hover{ color:#FF0000;}
i{ width:110px; height:4px; background-color:#DCDDDD; display:block; margin:15px auto;}
h1{ font-size:40px;font-weight:normal;}
h2{ font-size:24px;}
h3{ font-size:25px; font-weight:normal;}
h5{ font-size:18px; font-weight:normal;}
img{ display:block;}
li{ list-style:none;}
.w{ width:90%; max-width:1200px; margin:auto;}
.l{ float:left;}
.r{ float:right;}
.zuo{ width:20%;}
.you{ width:79%;}
.half{ width:50%; box-sizing:border-box;}
.clear{ clear:both}
.pad{ padding:60px 0;}
.fa{ width:28px; height:28px; background-color:#CCCCCC; background-size:100%!important;}
.fa-youtube{background:url(../fonts/fa1.svg) no-repeat center center;}
.fa-facebook{background:url(../fonts/fa2.svg) no-repeat center center;}
.fa-google-plus{background:url(../fonts/fa3.svg) no-repeat center center;}
.fa-twitter{background:url(../fonts/fa4.svg) no-repeat center center;}
.fa-linkedin{background:url(../fonts/fa5.svg) no-repeat center center;}

table img{ margin:0!important; max-width:auto!important; height:auto!important}


table  
{  
	border-collapse: collapse; width:100%
}  
table td, table th  
{  
	border: 1px solid #cad9ea;  
	color: #666;  
	height: 30px; padding:0 5px; font-size:14px;
}  
table thead th  
{  
	background-color: #CCE8EB;  
	width: 100px;  
}  
table tr:nth-child(1)  
{  
	background: #F5FAFA!important;
} 
table tr:nth-child(odd)  
{  
	background: #F5FAFA;  
}  
table tr:nth-child(even)  
{  
	background: #fff;  
} 

.top{ width:100%; height:30px; line-height:30px; background-color:#002E5B; font-size:12px; color:#FFFFFF; position:fixed; top:0; z-index:999;}
.top p{ display:block;}
.topdh span{ display:inline-block; margin-left:10px;}
.topdh1{ background:url(../fonts/topdh1.svg) no-repeat center left; padding-left:15px;}
.topdh2{ background:url(../fonts/topdh2.svg) no-repeat center left; padding-left:20px;}
.mt{ margin-top:103px;}

.about{ background-color:#002E5B; color:#FFFFFF;}
.gsjj{ width:80%;}
.gsjj2{ width:15%; margin-top:40px;}
.more{ width:150px; height:40px; line-height:40px; font-size:14px; background-color:#FDD428; text-align:center; display:block; margin-top:40px;}
.more:hover{ color:#FFFFFF;}
.gsjj h2{ margin-bottom:30px;}
.gsjj p{ line-height:26px;opacity: 0.5;}

.sousuo{ width:200px; padding-left:50px; margin-top:12px!important;}
.search{ width:60px; border:solid 1px; border-color:rgba(0,0,0,0); padding:2px 4px 2px 2px;transition:0.4s; overflow:hidden; position:relative; float:right; margin-top:10px;}
.search:hover{ width:200px; border:#FDD428 solid 1px;transition:0.4s; background-color:#f6f6f6}
.text-msearch{ width:80%; line-height:24px; float:left; box-sizing:border-box; border:none; outline:none; display:block; background:none;}
.btn-msearch{ width:30px; line-height:24px; position:absolute; right:0; box-sizing:border-box;border:none; background:url(../fonts/search.svg) center center no-repeat;}
.dtop h1{ text-align:center; color:#002E5B}
.prjs{ position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(253,212,40,0.8); box-sizing:border-box; padding:35% 35px 0 35px; opacity:0; transition:0.6s;word-break:break-all;}
.prjs i{ width:60px; margin:inherit; margin-bottom:30px; background-color:#000000}
.item:hover .prjs{background-color:rgba(253,212,40,0.8); padding:25% 35px 0 35px; opacity:1; transition:0.6s; color:#000000}

.yingyong{ background:url(../images/yybg.jpg) center left no-repeat; background-size:auto 100%; overflow:hidden;}
.yytit{ width:45%; box-sizing:border-box; padding:0px 0 0px 8%; position:relative;}
.yyli{ width:55%; padding:40px 7% 40px 0.5%; box-sizing:border-box;background-color:#FDD428;}
.yytit i{ margin:15px 0 15px 0;}
.yytit h1{ color:#FFFFFF}
.yytit p{ color:#FFFFFF; padding-right:150px;}
.yytit2{background:url(../images/yy.png) top right no-repeat; min-height:612px; padding-top:20%; position:absolute;}
.yylist{ width:21%; margin:1.2% 2%; float:left; display:block; box-sizing:border-box; position:relative; overflow:hidden;}
.yylist img{ width:100%;}
.yylist span{ display:block; width:100%; min-height:30px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.6); color:#FFFFFF; z-index:99; text-align:center; padding:6px 5px; box-sizing:border-box;transition:0.6s;}
.yylist:hover span{ min-height:100%;transition:0.6s; padding-top:30%}

		/* 本例子css */
		.slideTxtBox{ padding-top:20px;}
		.slideTxtBox .hd{ height:30px; line-height:30px; position:relative; text-align:center}
		.slideTxtBox .hd ul{ position:absolute; height:32px; width:100%;}
		.slideTxtBox .hd ul li{padding:5px 20px; cursor:pointer; display:inline-block; background-color:#fff;border:1px solid #ddd;}
		.slideTxtBox .hd ul li.on{ height:30px;  background:#DCDDDD; border:1px solid #ddd;}
		.slideTxtBox .bd{ margin-top:60px;}
		.slideTxtBox .bd ul{ zoom:1;}
		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }


.newli{ width:33.3%; position:relative; overflow:hidden; float:left; padding:0 20px;box-sizing:border-box;}
.newli a{ color:#000000; display:block; width:100%; position:relative;}
.newli img{ width:100%;}
.newxx{ position:absolute; width:100%; bottom:-80px; background-color:rgba(255,255,255,0.8); padding:20px;box-sizing:border-box;transition:0.4s;}
.newxx h5{ margin-bottom:15px;}
.newxx span{ color:#002E5B; display:inline-block; line-height:16px;}
.newspan{ padding-right:10px; border-right:#002E5B solid 1px; margin-right:10px;}
.newxx p{ margin-top:15px; color:#666666; height:60px; width:100%; overflow:hidden;}
.newli:hover .newxx{ bottom:0px;;transition:0.4s;}

.hangye{ width:50%; float:left;box-sizing:border-box; padding:15px;}
.hangye a{ font-size:18px;}
.hangye p{ color:#999999; font-size:14px; display:block; margin-top:10px;}
.hangye img{ width:100px; height:70px; float:left; margin-right:20px;}
.hangye span{ display:block; margin-top:20px; color:#002E5B;}
.footdh{ background-color:#F6F6F6; padding:45px 0;}
.fd{float:left;color:#666666; line-height:28px;}
.f1{ width:30%;}
.f2{ width:30%;}
.f3{ float:right;}
.fd h3{ color:#002E5B; margin-bottom:15px;}
.fd a{ display:block; color:#666666; line-height:28px;}

footer{ margin-top:30px;}
.banquan{ width:100%; text-align:center; color:#FDD428; font-size:14px; padding:30px 0; background-color:#002E5B;}
.lianjie{ margin-top:15px;}
.lianjie a{ display:block; float:left; margin-right:15px;}
.lianjie span{ display:block;}

.dherji{width:100%; max-height:0; left:0; right:0; overflow:hidden; background-color:rgba(253,212,40,0.9); position:absolute;transition:0.4s; display:block; z-index:999;}
.menu2{ border-bottom:rgba(255,255,255,0) solid 4px;}
.daohang li:hover .dherji{ height:auto;max-height:50px;transition:0.4s;}
.daohang li:hover .menu2{color:#002E5B; border-bottom:#002E5B solid 4px;}
.dherji a{  display:inline-block; padding:17px 10px; text-align:center; font-size:14px; border:none!important; color:#000000!important;}
.dherji a:hover{ color:#FF8A42!important;background-color:rgba(255, 255, 255, 0.8)!important;}
.dhej1{margin-left:22%}
.dhej9{margin-left:45%}
.dhej10{margin-left:55%}
.dhej13{margin-left:60%}
.dhej14{margin-left:62%}
.dhej18{ float:right; margin-right:20%}

.pronav{ width:800px; left:50%; margin-left:-400px;}
.fenlei{ width:33.3%; float:left; box-sizing:border-box; padding:0 10px;}
.fenlei ul{}
.prosanji{ font-size:12px; line-height:18px;text-align:left!important; padding:5px 10px!important;}
.proerji{ font-size:14px; color:#0099FF;text-align:left!important; border-bottom:#FFFFFF dashed 1px;}

.current a{color:#002E5B!important; border-bottom:#002E5B solid 4px;}
.ban1{ width:100%;height:300px; background-color:#00CCCC!important;position:relative;}
.mianbao2{ position:absolute; left:0; right:0; margin:auto; bottom:30px; color:#000000}
.mianbao2 a{ color:#000000}
.zhong{ min-height:500px;}

.menu_list{ width:100%;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left:30px;
	font-size: 16px;
	color: #525252;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	background: #f6f6f6; margin-top:-1px;
}
.menu_head2{ width:37px;background:url(../images/pro_left.png) center right no-repeat; margin-top:-1px; border:none; float:right; position:relative; z-index:999; margin-top:-48px; margin-right:1px;}

.menu_list .current{background:#f6f6f6 url(../images/pro_down.png) center right no-repeat;}
.menu_list .current2{background:#f6f6f6 url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1; display:none;
}
.menu_body2{ display:block;}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:30px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1; font-size:12px;}
.menu_body a:hover{text-decoration:none;}
.zhong{ padding:40px 0;}


.prolili{ width:102%}
.proli{ width:31.3%; margin-right:2%; margin-bottom:2%; float:left; position:relative;}
.protu{ width:100%; overflow:hidden; border:#ddd solid 1px; display:block; position:relative;}
.protu img{ width:100%;}
.protit{ display:block; padding:10px 0;}
.newlist{ margin-bottom:30px; border:#CCCCCC solid 1px;}
.newlitu{ width:15%; display:block;}
.newlitu img{ width:100%;}
.newsjs{ width:85%;box-sizing:border-box; padding:20px 40px;}
.newsjs p{ color:#999999; margin-top:20px;}
.newsjs span{ margin-top:20px; color:#999999; display:block}
.newsjs a{ font-size:18px; margin-top:10px; display:block;}
.mb{ line-height:24px; background-color:#f2f2f2; padding:13px 0; color:#999;}
.mb a{ color:#999;}
.con{ line-height:26px; padding-bottom:30px;}
.con h1{ color:#999900; font-size:50px; text-transform:uppercase; margin-bottom:30px; line-height:50px;}
#googleMap{ width:100%; height:400px; margin-bottom:50px;}
.map{ padding-right:100px;}


.zuozhe{ color:#999999; padding:40px 0;}
.erji h2{ line-height:35px; background-color:#FDD428; color:#002E5B; padding:5px 0 5px 40px; margin-bottom:1px;}
.erji a{ line-height:35px; background-color:#f6f6f6; display:block; padding-left:40px;}
.erji a{ margin-bottom:1px;}
.erji a:hover{ background-color:#FDD428;color:#002E5B;}
.fenye2{ margin-top:30px; margin-bottom:30px; padding-top:30px; border-top:#ccc 1px dashed; color:#999999}
.fenye2 a{ color:#999999}
.fenye{ overflow:auto; padding:20px 0; margin-top:20px;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; padding:0 8px; color:#666; line-height:18px;}
.fenye li:hover{ background-color:#F8B62D;}
.thisclass{background-color:#F8B62D;}
.fenye li a{color:#666;}
.mtop{ margin-top:50px;}
.tttu{ width:75px; height:75px; background-size:cover!important; display:block; float:left; margin-right:15px;}
.ttli{ padding:15px 0;}
.ttli p{ font-size:12px; color:#999999; line-height:18px; padding-top:10px;}
.ttli p a{ color:#999999;}
.ttli a{ line-height:20px;}
.disno{ display:none;}

.proslt{ width:43%;box-sizing:border-box; padding:5px; border:#ddd solid 1px;}
.pro{ padding:30px 0}
.proslt img{ width:100%;}
.provideo{ width:54%;}
.provideo iframe{width:100%; height:408px;box-sizing:border-box;padding:5px; border:#ddd solid 1px;}

.massage{ margin-bottom:20px;}
.massage input,.massage textarea{ display:block; width:100%; margin-bottom:10px; padding:0 5px; box-sizing:border-box; border-radius:3px; border:#CCCCCC solid 1px; line-height:30px; border-left:#FDD428 solid 2px;}
.massage h2{ margin-bottom:20px; color:#002E5B; font-size:30px;}
.coolbg{ background-color:#FDD428;}
.coolbg:hover{ background-color:#002E5B; color:#FFFFFF;}
.massage textarea{ height:120px;}
.prolx{ margin-top:15px;}
.prolx span{ font-size:16px; margin-right:20px;}

.erji2{margin-top:20px; text-align:center; border-bottom:#ccc solid 1px;}
.erji2 a{ display:inline-block; line-height:35px; border:#ccc solid 1px; padding:0 15px; background-color:#f6f6f6; margin-top:5px; margin-bottom:-1px;}
.sec{ background-color:#999900!important; color:#FFFFFF!important;}
.erji2 a:hover{ background-color:#999900!important; color:#FFFFFF!important;}


.resultbar{ line-height:30px; padding:10px 0; border-bottom:#ddd solid 1px;}
.fl dede_pages{ margin-top:30px;}
.resultlist li{ padding:15px 0;}
.resultlist li p{ color:#999; padding:10px 0;}
.resultlist li span,.resultlist li span a{ color:#0099CC!important;}

.link{ padding:10px; overflow:auto; background-color:#002E5B;border-top:#666 dashed 1px;}
.link span{ float:left; display:block;color:#666}
.link li{ float:left; margin-right:10px;}
.link li a{ font-size:12px; line-height:22px; color:#666}

/*1600*/
@media (max-width: 1600px) {

.dhej1{margin-left:10%}
.dhej9{margin-left:45%}
.dhej10{margin-left:50%}
.dhej13{margin-left:55%}
.dhej14{margin-left:58%}
.dhej18{ float:right; margin-right:10%}
.proslt{ width:42%}
.provideo{ width:55%;}
.provideo iframe{ height:355px;}
}




/*1440*/
@media (max-width: 1500px) {
.proslt{ width:40%;}
.provideo{ width:52%;}
.dhej1{margin-left:10%}
.dhej9{margin-left:40%}
.dhej10{margin-left:45%}
.dhej13{margin-left:50%}
.dhej14{margin-left:54%}
.dhej18{ float:right; margin-right:10%}
.proslt{ width:44%}
.provideo{ width:53%;}
.provideo iframe{height:335px;}
}

/*笔记本*/
@media (max-width: 1400px) {
.proslt{ width:43%}
.provideo{ width:54%;}
.provideo iframe{height:309px;}
.menu_head{ font-size:12px; padding-left:15px;}
.menu_body a{padding-left:15px;}
.dherji a{ font-size:12px; padding:18px 8px;}
}

/*手机*/
@media (max-width: 768px) {
header .top{ display:none;}
.zhong{ padding:30px 0;}
.sousuo{ display:none!important;}
.mt{ margin-top:60px;}
.l,.r{ width:100%; float:none;}
.half{ width:100%;}
.gsjj{ width:100%;}
.yytit{ height:230px; padding:20px 10px;}
.yytit2{ padding-top:10px; background:none;}
.yytit2 .more{ display:none}
.yytit p{ padding-right:0}
.yylist{ width:29.3%;}
.yyli{ padding:10px;}
.newli{ width:100%; margin-bottom:15px; padding:0}
.hangye{ width:100%; padding:10px 0;}
.fd{ width:100%!important; float:none;}
.f2,.f3{ margin-top:20px;}
.fd a{ float:left; margin-right:20px;}
.tdh{ line-height:40px;}
.map{ padding-right:0; margin-bottom:40px;}
#googleMap{ width:100%; height:200px;}
.proslt img{ width:100%; height:auto;box-sizing:border-box;}
.provideo{ margin-left:0}
.provideo iframe{box-sizing:border-box; height:260px; margin-top:20px;}
.dherji{ display:none;}
.con h1{ font-size:32px; line-height:32px;}
.zuo{ margin-bottom:20px;}
.prolili{ width:100%;}
.proli{ width:100%; margin-right:0;}
.erji{margin-top:-10px; text-align:center; border-bottom:#ccc solid 1px;}
.erji h2{ display:none}
.erji a{ display:inline-block; line-height:35px; border:#ccc solid 1px; padding:0 15px; background-color:#f6f6f6; margin-top:5px; margin-bottom:-1px;}
.zhengwen img{ max-width:100%; height:auto!important; float:none; margin:0!important;}
.zhengwen table{ width:100%!important;}
.zhengwen table tr td{ width:auto!important;}
.massage h2{ font-size:24px;}
}
/*屏幕大于1060时*/
@media screen and (min-width:900px) {}



.page{ 
padding-top: 10px; 
padding-bottom: 10px; text-align: center; 
} 

.page li{ 
display: inline; 
line-height: 22px; 
} 
.page li a{ 
margin-right: 5px; 
padding-right: 5px; 
padding-left: 5px; 
padding-top: 3px; 
padding-bottom: 3px; 
border: 1px solid #CCC; 
background-color: #FFF; 
} 