/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,  dl, dt, dd, ul, ol, li, pre, 

form, fieldset, legend, button, input, textarea,  form elements 
th, td, 
img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea {font: 14px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,li{ list-style: none; }
a { text-decoration: none; }
table > tbody > tr > td>a:hover { text-decoration: none;}
table > tbody > tr > td>a:active{}
img{ border:0px;  }
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank13{height:13px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	clear:both;
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}
/*header css*/
body {min-width:320px;overflow-x:hidden;}
.box1{width:100%; height:100%; overflow:hidden;}
.box1 li{ width:100%; height:100%; overflow:hidden;}
.box1 .bd ul li{ transition:1s}
 .hd{bottom:2%; text-align:center; width:100%}
 .hd ul li{ display:inline-block; width:17px; height:17px; border-radius:50%; background:#FFF; text-align:center; line-height:17px; margin-right:10px; transition:1s}
 .hd ul li.on{ background:#D70A50; color:#FFF}
 
  .niubni span{ border-left:1px solid #fff; padding-left:10px}


.cases{ width:100%; margin-top:20px;}
.cases ul{ display:none;}
.cases ul.active{ display:block;}
.cases li{ width:48%; float:left; margin-top:3%; padding:0 1%;overflow:hidden;}
.cases li:nth-of-type(2n){ float:right;}
img{ width:100%;}
.cases li p{ text-align:center; height:2em; line-height:2em;  color:#1489e6;}
.cases li a img{ /*border:3px solid #33a200;border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;*/
}
/*.cases li a img:hover{ border:3px solid #33a200;border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}*/

.alert{ width:576px; height:443px; background:#fff; }
.alert h2{ font-size:3.5rem; color:#1489e6; text-align:center; margin:5% 0 2%;}
.alert p{ font-size:2.4rem; color:#444444; padding:0 10%; line-height:1.6;}

















#nav{ font-size:2.4rem; height:5.3rem; line-height:5.0rem; text-align:center; margin-top:5px; clear:both; /*position: absolute; left:20px; top:1772px; z-index:199;*/}
#nav dl{ height:100%;}
#nav dt{ width:14%;}
#nav dd{ width:86%; position:relative; height:100%; overflow:hidden; left:14%; /*margin-top:1.5%;*/}
#nav dd ul{ position:absolute; left:0; top:0; width:200%;}
#nav li span{ display:block;}
#nav li{ float:left; width:11.5%; border:1px solid #CCC;height:5.3rem; line-height:5.0rem;cursor:pointer; display:block;}
#nav li.active span{ border-bottom:2px solid #33a200; color:#33a200;}

/*media*/
@media (min-width: 320px) and (max-width: 360px){
	/*html*/
	html{ font-size:31.25%;}
	/*nav*/
	#nav{ width:100%;}
	#nav{ width:100%;position: relative; left:0px; top:5px; z-index:199;}
	#nav li{font-size:1.41rem;}
}
@media (min-width: 360px) and (max-width: 479px){
	/*html*/
	html{ font-size:39.0625%;}
	/*nav*/
	#nav{ width:100%;}	
	#nav{ width:100%;position: relative; left:0px; top:5px; z-index:199;}
	#nav li{font-size:1.6rem;}
}
@media (min-width: 480px) and (max-width: 639px){
	/*html*/
	html{ font-size:46.875%;}
	/*nav*/
	#nav{ width:100%;}
	#nav{font-size:2.4rem; text-align:center; margin-top:25px; clear:both;position: relative; left:0px; top:5px; z-index:199; overflow:hidden;}
	#nav li{font-size:2.0rem;}
	.cases li p{ text-align:center;  height:2em; line-height:2em; font: '寰蒋闆呴粦';  color:#1489e6;font-size:1.8rem;}
}
@media (min-width: 640px) {
	/*html*/
	html{ font-size:46.875%;}
	/*nav*/
	#nav{ width:100%;position: relative; left:0px; top:5px; z-index:199;}
	#nav li{ float:left; width:8%;font-size:2.2rem; border:1px solid #CCC;height:5.3rem; line-height:5.0rem;cursor:pointer; display:block;}
	.cases li p{ text-align:center;  height:2em; line-height:2em; font: '寰蒋闆呴粦';  color:#1489e6;font-size:2.2rem;}
}



 @media screen and (min-width:320px) and (max-width:768px) {
	
.hd ul li{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#FFF; text-align:center; line-height:8px; margin-right:5px; transition:1s}

}





.more{ margin-top:2%; overflow:hidden;}
.more h2{ width:98%; margin:0 auto; font-size:3.6rem; color:#fff; text-align:center; line-height:2.5; background:#ff7e00;}
.more h2 a{ color:#fff;}
.pic{ width:98%; margin:3% auto 0;}


.noPd { padding-right:0 !important; }
.video { position:relative; width:640px; padding-left:15px; }
.video dl { float:left; width:50%; padding:20px 7px 0 6px; }
.video .hd { position:absolute; left:130px; top:8px; line-height:22px; }
.video .hd li { float:left; width:66px; line-height:22px; text-align:center; font-size:12px; color:#fff; background:#6295dc; margin-right:5px; border-radius:2px; cursor:pointer; }
.video .hd .on { background:#496eb8; }
.video .bd { height:352px; overflow:hidden; }
 
.video dt { width:50%; height:117px; }
.offVideo { display:none; }
.video dd { font-size:14px; line-height:18px; padding-top:3px; }
.video dd p { font-size:12px; padding-left:15px; background:url(../images/ico3.gif) no-repeat left center; color:#b3b3b3; }
.sphh{ width:640px; margin: 0 auto;}
.sphh .clearfix .dl{ width:320px; float:left;}
.tpal { display:none; }
.bydp{ margin:0 auto; width:98%; margin-top:10px;}



.tpal { display:none; }
/*.on{background:rgba(11,98,167,0.9);}*/
.navbz .showbzMenu{ width:48px; height:28px; left:3%; top:50%; margin-top:-14px;}
.showbzMenu a {
	display: block;
	width: 48px;
	height: 28px;
	position: relative;
	outline: none;
}
.showbzMenu a:before, .showbzMenu a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 8px;
	width: 100%;
	z-index: -1;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: #1489e6;
	margin-top: -4px;
}
.showbzMenu a:before {
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.showbzMenu a:after {
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.hidebzMenu a:before {
	-moz-transform: rotate(90deg) rotate(45deg);
	-o-transform: rotate(90deg) rotate(45deg);
	-ms-transform: rotate(90deg) rotate(45deg);
	-webkit-transform: rotate(90deg) rotate(45deg);
	transform: rotate(90deg) rotate(45deg);
}
.hidebzMenu a:after {
	-moz-transform: rotate(90deg) rotate(-45deg);
	-o-transform: rotate(90deg) rotate(-45deg);
	-ms-transform: rotate(90deg) rotate(-45deg);
	-webkit-transform: rotate(90deg) rotate(-45deg);
	transform: rotate(90deg) rotate(-45deg);
}
.showbzMenu a em {display:block;width:14px;height:14px;position:absolute;right:-6px;top:-11px;z-index:10; background-color:#e60012;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:0 0 4px rgba(0,0,0,0);-webkit-box-shadow:0 0 4px rgba(0,0,0,0);box-shadow:0 0 4px rgba(0,0,0,0);}

.head .logo{ width:392px; height:62px; top:50%; margin-top:-31px; left:50%; margin-left:-196px;background:url(images/top_2.png) no-repeat; background-size:100% 100% }
.head .tel{width:45px; height:47px; right:3%; top:50%; margin-top:-23px;background:url(images/tel1.png) no-repeat; background-size:100% 100%}
.head .tel a{ display:inline-block; width:100%; height:100%}
.desbz_line{ z-index:99999999; top:23px;}
.desbz_line table.table-bordered{ border:none}
.desbz_line table caption{ background:rgba(13,87,136,0.9); color:#FFF; height:84px; line-height:70px; font-size:30px; padding-left:1%}
.desbz_line table tr{ background:rgba(11,98,167,0.9); border-left:none; border-right:none}
.desbz_line table tr td{ width:33.3%; text-align:center; height:77px; line-height:77px; font-size:24px;}
.desbz_line table tr td em{ width:8%; display:inline-block; margin-right:5%; text-align:center;}
.desbz_line table tr td em img{ vertical-align:middle}
.desbz_line table > tbody > tr > td{ padding:0px; border-left:0px; }
.desbz_line table > tbody > tr > td:nth-child(3n){border-right:0px;}
.desbz_line table tr td a{ color:#FFF; display:block;width:100%; height:77px;}
.desbz_line table tr td a:active{background: rgba(22,22,22,0.5);}

@media screen and (min-width:320px) and (max-width:768px) {
	.head{ height:48px;}
	.head .showbzMenu{ width:24px; height:14px; left:3%; top:50%; margin-top:-7px;}
	.showbzMenu a {
	display: block;
	width: 24px;
	height: 14px;
	position: relative;
	outline: none;
}	
	.showbzMenu a:before, .showbzMenu a:after{
	height: 4px;
	margin-top: 0px;
}	


.showbzMenu a:before {
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.showbzMenu a:after {
	-moz-transform: translateY(5px);
	-o-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.hidebzMenu a:before {
	-moz-transform: rotate(90deg) rotate(45deg);
	-o-transform: rotate(90deg) rotate(45deg);
	-ms-transform: rotate(90deg) rotate(45deg);
	-webkit-transform: rotate(90deg) rotate(45deg);
	transform: rotate(90deg) rotate(45deg);
}
.hidebzMenu a:after {
	-moz-transform: rotate(90deg) rotate(-45deg);
	-o-transform: rotate(90deg) rotate(-45deg);
	-ms-transform: rotate(90deg) rotate(-45deg);
	-webkit-transform: rotate(90deg) rotate(-45deg);
	transform: rotate(90deg) rotate(-45deg);
}
/*导航菜单右上角新加红色圆圈*/
.showbzMenu a em {display:block;width:7px;height:7px;position:absolute;right:-3px;top:-5px;}
/*导航菜单右上角新加红色圆圈*/

	.head .logo{ width:196px; height:31px; top:50%; margin-top:-15px; left:50%; margin-left:-98px;} 
	.head .tel{width:22px; height:23px; right:3%; top:50%; margin-top:-12px;}
	.blank13{ height:6px;}
	.desbz_line{ z-index:99999; top:23px;}
	.relative .hd ul li{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#FFF; text-align:center; line-height:8px; margin-right:5px; transition:1s}
	}
@media screen and (min-width:320px) and (max-width:479px) {
	
	.headtitle table > tbody > tr > td{ height:48px; font-size:14px; padding:0px;}
	.headtitle tr td a{ color:#717171; padding-left:5px; display:block; width:100%; height:100%; line-height:47px;}
	.headtitle tr:nth-child(1) td:nth-child(1){ background:url(images/t1.png) no-repeat 10px center; background-size:15px;}
	.headtitle tr:nth-child(1) td:nth-child(2){ background:url(images/t2.png) no-repeat 10px center; background-size:15px;}
	.headtitle tr:nth-child(1) td:nth-child(3){ background:url(images/t3.png) no-repeat 10px center; background-size:15px;}
	.headtitle tr:nth-child(2) td:nth-child(1){ background:url(images/t4.png) no-repeat 10px center; background-size:15px;}
	.headtitle tr:nth-child(2) td:nth-child(2){ background:url(images/t5.png) no-repeat 10px center; background-size:16px;}
	.headtitle tr:nth-child(2) td:nth-child(3){ background:url(images/t6.png) no-repeat 10px center;background-size:15px;}
	.desbz_line table caption{ background:#0d5788; color:#FFF; height:42px; line-height:30px; font-size:16px; padding-left:1%}
	.desbz_line table tr td{ width:33.3%; text-align:center; height:40px; line-height:40px; font-size:15px;}
	.desbz_line table tr td a{ height:40px; line-height:40px; width:100%}
	
	.footer .shenmin{ background:url(images/footer_bg.jpg) no-repeat center center; background-size:100% 100%; width:100%; height:260px;}
	.footer .shenmin .adr{ background:url(images/footer_adr.png) no-repeat; width:229px; height:64px; left:19%; top:28px; background-size:100% 100%}
	.footer .shenmin .adrr a.adrr_map{ background:url(images/footer_map.png) no-repeat; width:93px; height:32px; top:105px; left:31%;background-size:100% 100%}
	.footer .shenmin .adrr a.adrr_about{ background:url(images/footer_about.png) no-repeat;  width:93px; height:32px; top:105px;  left:62%;background-size:100% 100%}
	.footer .shenmin .copyright{ top:150px; }

 }
  @media screen and (min-width:480px) and (max-width:768px) {
	.headtitle table > tbody > tr > td{ height:48px; font-size:14px; padding:0px;}
	.headtitle tr td a{ color:#717171; padding-left:5px; display:block; width:100%; height:100%; line-height:47px;}
	.headtitle tr:nth-child(1) td:nth-child(1){ background:url(images/t1.png) no-repeat 30px center; background-size:20px;}
	.headtitle tr:nth-child(1) td:nth-child(2){ background:url(images/t2.png) no-repeat 30px center; background-size:20px;}
	.headtitle tr:nth-child(1) td:nth-child(3){ background:url(images/t3.png) no-repeat 30px center; background-size:20px;}
	.headtitle tr:nth-child(2) td:nth-child(1){ background:url(images/t4.png) no-repeat 30px center; background-size:20px;}
	.headtitle tr:nth-child(2) td:nth-child(2){ background:url(images/t5.png) no-repeat 30px center; background-size:20px;}
	.headtitle tr:nth-child(2) td:nth-child(3){ background:url(images/t6.png) no-repeat 30px center;background-size:20px;}
	.desbz_line table caption{ background:#0d5788; color:#FFF; height:60px; line-height:50px; font-size:18px; padding-left:1%}
	.desbz_line table tr td{ width:33.3%; text-align:center; height:50px; line-height:50px; font-size:16px;}
	.desbz_line table tr td a{ height:50px; line-height:50px; width:100%}


 }
 
   @media screen and (min-width:769px)and (max-width:900px){

 }
 
 .discuss{ width:100%;  margin: 0 auto; padding:5px 0; font-family:微软雅黑; font-size:12px; line-height:25px; overflow:hidden;}
.discuss_1{font-size:12px; color:#a3a3a3;}
.discuss_1 p{ float:left; display:inline; width:20%; text-align:center; line-height:20px;}
.discuss_1 span{ color:#2772a9;}
.discuss_1 a{ float:left; display:inline; background:#ca0000; padding:0 5px; color:#FFF;}
.discuss_2 dl{ clear:both; width:100%; padding:10px 0; border-bottom:1px dashed #cacaca; color:#5e5e5e; overflow:hidden;}
.discuss_2 dd{ float:left; display:inline; width:100%; margin-bottom:10px; overflow:hidden;}
.discuss_2 dd p.p01{ float:left; display:inline; width:160px; overflow:hidden;}
.discuss_2 dd p.p03{ width:60px; overflow:hidden;}
.discuss_2 dd p.p01 span{ color:#ca0000;}
.discuss_2 dd p.p02{ float:right;}
.discuss_2 dd p.p02 span{ cursor:pointer;}
 /*===== 分页 =====*/ 
.page{ margin:15px auto 10px; text-align:center;}
.page a{ margin:0 5px; padding:5px; border:1px solid #cacaca; color:#8ab6c3; cursor:pointer;}
.page span{ dispay:none;}
.page .jp-current{ color:#F00;}
 /*===== 评论弹窗 =====*/ 
#mySend { position:fixed; left:50%; top:50%; z-index:9999999999;width:307px; height:303px; margin-left:-153px; margin-top:-151px;  display:none; border:#CCC solid 1px; background:#FFF}
#mySend table{margin:auto;text-align: left;width: 100%;font-size:12px;}
#mySend table th {background:#EEF3F7;border-bottom: 1px solid #D5DFE8;font-weight:normal;color: #2e8acb;text-indent:26px;height: 30px;line-height: 32px;}
#mySend table tr{background:#fff;}
#mySend table tr:hover{background:#DBECFD;}
#mySend table td {border-bottom: 1px solid #EEEEEE;color: #888;height: 30px;line-height: 30px;padding:1px 10px;}
#mySend table td div.middle {float: left;height: 100px;line-height: 100px;}
#mySend table td div.sc {float: left;}
#mySend table td div.default{float: left;}
#mySend table td div.default img{display: inline-block;margin-top: -5px; width:10%;}
#mySend form input.text{background:#FFFFFF;border: 1px solid #2e8acb;height:19px;width: 220px;}
#mySend form textarea{ background:#FFFFFF;border: 1px solid #2e8acb;float: left;height: 100px;width: 220px;min-width:220px;min-height:100px;max-height:100px;max-width:220px;}
#mySend form input.btn1{background:#2e8acb;border: 1px solid #2e8acb;color: #FFF;cursor: pointer;height: 21px;outline:none;width: 124px;margin-left:80px; font-size:12px;}


#page_navigation, #page_navigation1 { clear: both; padding: 20px 0; text-align:center; margin: 0 auto; }
.page_link, .page_link1 { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #999999; cursor: pointer; display: inline; float: left; height: 30px; line-height: 30px; margin: 0 5px; text-align: center; width: 30px; }
.previous_link, .next_link, .previous_link1, .next_link1 { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #999999; cursor: pointer; display: block; float: left; height:26px; line-height:26px; text-align: center; width: 60px; }
#page_navigation a { border: 1px solid #CCCCCC; margin-left:3px; padding:5px; font-size: 14px }
.active_page, .active_page1 { background: none repeat scroll 0 0 #3399FF; }