@charset "utf-8";
/* CSS Document */

.header{ display:none !important;}
#banner{ display:none !important;}
.m_chanpin{ display:none !important;}
.m_foot{ display:none !important;}
.sjbdmap{ display:none !important;}
@media only screen and (max-width: 1000px){
.barwrap{ display:none !important;}	
	
.header{ display:block !important;position:relative;height:50px;background:#2b5677;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.banner{ display:none !important;}

#banner{display:block !important;}
#banner img{width:100%}
.myflexslider{ position: relative}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}	
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #fdaa00; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background:#1596d4; }
.flex-control-paging li a.flex-active { background: #000; background: #1596d4; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*FlexSlider幻灯片  样式结束*/		



.gongsi2{
    height:860px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gongsi3{ width:98%; margin:0 auto; margin-top:0px;}
.gongsi3-1{ width:100%;}
.gongsi3-1 h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal; margin-top:25px; text-align:center;}
.m_jspic{ width:60%; height:auto;  margin-left:20%;}
.cmpmore{ width:150px; margin-left:30%; border:2px solid #000000; border-radius:15px; text-align:center; height:40px; font-size:14px; line-height:40px; margin-top:12px;}
.cmpmore:hover{ background:#3489cc; color:#FFF; border:2px solid #3489cc; }
.gongsi3-1 p{ width:100%; float:left; line-height:26px; margin-top:15px; margin-bottom:20px;}

.gongsi3-2{ width:100%; margin-left:0px;}
.gongsi3-2 img{ width:100%; height:auto; margin-top:10px;}

/************************************/
	
.section{ display:none !important;}	
.m_chanpin{ display:block !important; width:98%; margin:0 auto;}
.m_chanpin ul{ width:100%; float:left;}
.m_chanpin li{ width:47%; float:left; margin:1.5%;}
.m_chanpin li a span{ display:block; width:100%; float:left; height:35px; line-height:35px; text-align:center; color:#FFF; background:#2b5677;}
.m_chanpin li a img{ width:100%; height:auto; float:left;}
/*************************************************/


.youshi{
    height:475px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.youshititle{ width:98%; margin:0 auto; margin-top:25px; color:#FFF; text-align:center; line-height:22px; font-size:14px;}
.youshititle strong{ font-size:17px;}

.youshi2{ width:100%; margin:0 auto; margin-top:10px;}
.youshi2 ul{ width:100%; float:left;}
.youshi2 li{ width:96%; cursor:pointer;float:left; color:#FFF; padding:2%; height:76px; overflow:hidden;}
.youshi2 li span{ display:block; font-weight:bold; width:15%; height:75px; float:left; font-size:30px; line-height:75px; text-align:center;}
.youshi2 li div{ width:80%; float:left; margin-left:5%;}
.youshi2 li div h1{ display:block; margin-top:0px; float:left; width:100%; font-size:16px; font-weight:bold;}
.youshi2 li div p{ width:100%; float:left; font-size:14px; margin-top:5px;}
.youshi2 li:hover{ background:#3488ca; color:#FFF;}
.youshi2 li:hover span{ background:#FFF; color:#3488ca;}
/************************************/

.htxinwen{ width:98%; margin:0 auto; margin-top:20px;}
.htxinwen1{ width:100%;}
.htxinwen1 img{ width:100%; height:auto;}
.htxinwen1-1{ width:100%; margin-top:20px;}
.htsp15{ width:15%; text-align:center;}
.htsp15 strong{ font-size:17px;}
.htp2{ width:80%; margin-left:5%;}
.xwa1{ width:100%; font-size:16px; margin-bottom:5px; height:20px; overflow:hidden;}
.xwa2{ width:100%;}

.htxinwen2{ width:100%; margin-left:0;}
.htxinwen2 ul{ width:100%; float:left;}
.htxinwen2 li{ width:100%; float:left; margin:12px 0;}
.htsp05{ width:15%; text-align:center; border-right:1px solid #CCC; height:115px;}
.htsp05 strong{ font-size:17px;}
.htp3{ width:80%; margin-left:4%;}
/*****************************************end***************************************/
.shfoot{ display:none !important;}
.shfoot3{ display:none !important;}

.yb_conct{ display:none !important;}

.m_foot{ display:block !important; width:100%; background:#2b5677; color:#FFF; line-height:25px; padding:25px 0px; text-align:center; margin:0 auto;}
.m_foot img{ margin:12px 0;}


.sjbdmap{ display:block !important; margin-top:80px;}
.sjfoot{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#3488ca;
	position:fixed;
	height:63px;
	bottom: 0;
	left: 0;
	z-index:100000;
	}	
	
.sjfoot ul{
	width:100%;
	float:left;
	}
.sjfoot li{
	float:left;
	width:24.5%;
	height:63px;
	line-height:93px;
	border-right:1px solid #8db6d7;
	text-align:center;
	overflow:hidden;
	}
.sjfoot a li{
	color:#FFF;
}	
	
.hm1{
	background:url(../images/home.png) no-repeat center top;}	
	
.hm2{
	background:url(../images/phone.png) no-repeat center top;}	
.hm3{
	background:url(../images/contact.png) no-repeat center top;}	
#hm4{
	background:url(../images/map.png) no-repeat center top;	border-right:none;}		



.daqianmessage{ width:98%; float:left; margin-bottom:25px;}
.message{height:487px;}
.message .box{padding:0px 0px 0px 0px}
.message .box li{line-height:37px;margin-bottom:15px; width:98%}
.message .box li .input-text{height:37px;line-height:37px; margin-right:0px;border:1px solid #ccc;width:97%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.neirongput{height:145px;line-height:26px;border:1px solid #ccc;width:97%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:84px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:45px; float:left;}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#cd291e;border-radius:4px;color:#fff;font-size:16px}



.slideshowba {
    height: 115px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



.shneiview2{ width:100%; box-sizing:border-box; padding:18px 8.35%; line-height:18px; position:relative; font-size:12px; color:#585858;overflow:hidden;}
.shneiview2 a{ color:#585858;}
.shneiview2 a:hover{ color:#585858; text-decoration:underline;}
.shneiview2 span{background: url(../images/zhuye.png) left center no-repeat; padding-left:20px;}

.shneiview3{ width:98%; margin:0 auto; margin-top:20px; text-align:center; font-size:20px;}
.shneiview3 hr{ width:200px;border: 0; margin:0 auto; margin-top:10px;height: 4px;background-image: linear-gradient(to right, rgba(43, 86, 119, 0), rgba(43, 86, 119, 0.55), rgba(43, 86, 119, 0));}

.shneiview4{ width:98%; margin:0 auto; margin-top:25px; line-height:26px; margin-bottom:30px;}
.shneiview4 img{ width:100%; height:auto;}

.shneiview5{ width:98%; margin:0 auto; margin-top:25px; margin-bottom:30px;}
.shneiview5 ul{ width:100%; float:left;}
.shneiview5 li{ width:47%; float:left; border:1px solid #CCC; margin:1.2%;}
.shneiview5 li a img{ width:100%; height:auto;float:left;}
.shneiview5 li a span{ display:block; float:left; width:100%; height:32px; line-height:32px; text-align:center; color:#FFF; background:#2b5677; font-size:14px;}
.shneiview5 li:hover a span{ background:#3488ca; color:#FFF;}


.shneiview6{ width:98%; margin:0 auto; margin-top:25px; margin-bottom:30px;}
.shneiview6 ul{ width:100%; float:left;}
.shneiview6 li{ width:100%; float:left; padding-bottom:20px; margin:20px 0; border-bottom:1px solid #CCC;}
.shneiview6 li span{ display:block; width:20%; float:left; text-align:center; line-height:24px; height:80px; padding-top:23px; background:#2b5677; color:#FFF;}
.shneiview6 li span strong{ font-size:30px;}
.shneiview6 li a{ display:block; margin-top:10px; width:75%; font-size:14px; float:left; margin-left:5%; line-height:24px;}
.shneiview6 li a strong{ font-size:16px; color:#036;}
.shneiview6 li a:hover{ color:#2b5677;}
/******************************************************************/


	}