@charset "utf-8";
/* CSS Document */

.header{ display:none !important;}
#banner{display:none !important;}
.m_foot{ display:none !important;}
.sjbdmap{ display:none !important;}
.m_chanpin{ display:none !important;}
.m_foot{ display:none !important;}
.m_cptitle{ display:none !important;}
.m_yingyong{ display:none !important;}
@media only screen and (max-width: 1000px){
.yftop{ display:none !important;}
.yflogo{display:none !important;}
.header{ display:block !important;position:relative;height:65px;background:#FFF; }
.header .logo{display:block;width:180px;height:auto;padding:5px 0 0 10px;}
.header .logo img{display:block;width:100%; height:auto;}
.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;}
.yfbabg{ display:none !important;}
.owl-theme .owl-controls{ margin-top: -30px !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幻灯片  样式结束*/		
.yb_conct{ display:none !important;}


.yfcpbg{ width:98%; margin:0 auto; background:url(../images/cpbg.jpg) no-repeat bottom center; padding-bottom:20px; margin-bottom:20px;}
.yfcpzx{ width:100%; margin:0 auto; margin-top:12px; text-align:center; color:#333333; font-size:22px; font-weight:bold;}
.yfcpzx span{ font-size:17px; font-weight:normal;}
.yfcpzx1{ width:100%; margin:0 auto; margin-top:12px;}
.yfcpzx1 ul{ width:100%; float:left;}
.yfcpzx1 li{ width:44.5%; float:left; margin:1.4%; text-align: center; border:1px solid #dddddd; border-top:none; padding:1%;}
.yfcpzx1 li a img{ margin-bottom:10px; width:100%; height:auto;}
.yfcpzx1 li:hover{ border:#fe5d13 1px solid; border-top:none;}

.yfcpzx1 li span{ display:block !important; line-height:20px; height:40px;}

.yfsp1{ width:100%; margin-top:30px;}
.yfsp1 a{ display:block; width:25%; margin-left:40%; height:45px; line-height:45px; text-align:center; background:#273272; color:#FFF;}
.yfsp1 a:hover{ background:#e54000; color:#FFF;}
/****************************************************************************/


.youshibg{ width:100%; margin:0 auto; background:url(../images/youshibg.jpg) no-repeat bottom center; padding-bottom:20px;}
.wrap{width:98%; margin:0 auto;}

.ysimg1{ display:block !important; margin-left:10%;}
.ysimg2{ display:none !important;margin-left:10%;}

.tabs{ margin-top:20px; margin-bottom:20px;}
.tabs a{display:block;float:left;width:25%;color:#515454;text-align:center;font-size:15px;}
.tabs a:hover{ color:#e54000;}
.tabs a:hover .ysimg1{ display:none !important;}
.tabs a:hover .ysimg2{ display:block !important;}
.tabs a.active{color:#e54000;border-radius:5px 5px 0px 0px;}
.tabs a.active .ysimg1{ display:none !important;}
.tabs a.active .ysimg2{ display:block !important;}
.swiper-container{background:#e54000; float:left; height:450px;width:100%; overflow:hidden;}
.swiper-slide{width:100%;background:none;color:#fff;}
.content-slide{padding:5%;}

.youshibigimg{ border:2px solid #FFF; margin-right:25px; width:98%;}
.youshidiv{ width:100%;}
.youshidiv span{ width:100%; display:block; font-size:15px; font-weight:bold; float:left; margin-top:5px; text-align:justify;}
.youshidiv p{ width:100%; float:left; line-height:20px; margin-top:0; font-size:14px;}
/****************************************/

.yfcmp{ width:100%; margin:0 auto; background-image:none; background:#273272;height:450px; overflow:hidden; margin-top:12px; margin-bottom:12px;}
.yfcmp1{ width:86%; margin:0 auto; color:#FFF;}
.yfcmp2{ width:100%; margin-left:0; padding-left:0;}
.yfsp2{ width:100%; font-size:17px; font-weight:bold; margin-top:35px;}
.yfp1{ line-height:27px; margin-top:0px; width:100%; text-align:justify; white-space:pre-line;}
.yfulo1{ width:100%; margin-top:20px;}
.yfulo1 li{ width:25%; float:left;text-align:center;}
.yfulo1 li a{ color:#FFF; }
.yfulo1 li a:hover{ font-weight:bold; text-decoration:underline;} 
.yfulo1 li a img{margin-bottom:10px;}
/*********************************************************/


.yfxinwen{ width:98%; margin:0 auto; margin-top:20px;}
.yfxinwen1-1{ width:100%;}
.yfxinwen1-1-1{ width:100%;}
.yfxinwen1-1-1 img{ width:100%; height:auto;}
.yfsp3{ display:none !important;}
.yfxinwen1-1-1 a:hover .yfsp3{ color:#FFF; font-weight:bold; text-decoration:underline;}

.yful02{ display:none !important;}

.yfxinwen1-2{ width:100%; margin-left:0; margin-top:20px;}
.yfxinwen1-2 ul{ width:100%; float:left;}
.yfxinwen1-2 li{ width:100%; float:left; margin-bottom:35px; border-bottom:1px dotted #e2e2e2; padding-bottom:12px;}
.yfxinwen1-2 li a img{ width:30%; height:auto; margin-right:5%;}
.yfxinwen1-2 li a span{ display:block; float:left; width:65%; line-height:20px;}
.yffoot{ display:none !important;}
/******************************************/

.szfoot{ display:none !important;}
.m_foot{ display:block !important; font-size:14px; width:100%; margin:0 auto; padding:25px 0; background:#7e7e7e; color:#FFF; line-height:26px; text-align:center;}
.m_foot img{ width:40%; height:auto; margin:12px 0;}
.m_foot a{ color:#FFF;}

/*******************/
.neiyeba{height:100px;}

.sjbdmap{ display:block !important; margin-top:80px;}
.sjfoot{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#f8f8f8;
	position:fixed;
	height:63px;
	bottom: 0;
	left: 0;
	z-index:100000;
	border-bottom:1px solid #e6e4e4;
	border-top:1px solid #e6e4e4;
	}	
	
.sjfoot ul{
	width:100%;
	float:left;
	}
.sjfoot li{
	float:left;
	width:24.5%;
	height:63px;
	line-height:93px;
	border-right:1px solid #e6e4e4;
	text-align:center;
	overflow:hidden;
	}
.sjfoot a li{
	color:#6d6b6b;
}	
	
.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;}		

/****************/

.slideshowba{
    height:90px;
}


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; float:left;}
.dc_pages1 a{ display:block; width:17%; float:left; height:37px; border:1px solid #999; margin:0px 1% 0px 1%; line-height:37px; text-align:center;}
/*************************/

.yftiao2{ width:98%; margin:0 auto; line-height:20px; padding:10px;} 	
.yftiao2 strong{ color:#e54000;}



.yfnei{ width:98%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.yfleft1{ width:100%; border:2px solid #273272; padding-bottom:20px;}
.yfsp4{ width:100%; color:#FFF; padding:6px 0; background:#273272; line-height:30px; text-align:center;}
.yfsp4 strong{ font-size:17px;}

.yful03{ width:100%;}
.yful03 li{ width:100%; float:left; padding:0; border:1px dashed #7278a0; margin:1% 0; text-align:center;}
.yful03 li a{ color:#666; display:block; width:100%;padding:5px 0; line-height:20px;}
.yful03 li a:hover{ color:#FFF; background:#273272;}

.yfright1{ width:100%; margin-left:0; margin-top:12px;}
.yfright1-1{ width:100%; text-align:center; color:#273272; line-height:30px; font-size:17px; font-weight:bold;}
.yfright1-2{ width:100%; margin-top:12px; line-height:28px; text-align:justify;}
.yfright1-2 img{ width:100%; height:auto;}
/****************************/


.yfright1-5-1{ width:100%; line-height:30px; text-align:center; font-size:14px;}
.yfright1-5-1 strong{ color:#fe5d13; font-size:16px;}

.yfright1-5-2{ width:100%; margin-left:0; margin-top:20px;}
.message{ width:100%;}
.message .box{ width:100%;float:left;}
.message .box li{line-height:42px;margin-bottom:12px; float:left; width:100%;}
.message .box li span{ display:block; width:5%; float:left; text-align:center; font-size:20px;}
.message .box li .input-text{height:42px;line-height:42px; float:left;border:1px solid #ccc;width:92%;padding:0 1%;-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-text2{height:100px;border:1px solid #ccc;width:96%;padding:1%;line-height:24px;resize:none}
.message .box li.btn{margin-left:40px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#273272;border-radius:4px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#fe5d13; color:#FFF;}
/****************************/

.yfright1-3{ width:100%;}
.yfright1-3 ul{ width:100%; float:left;}
.yfright1-3 li{ width:47%; float:left; margin:1.5%;}
.yfright1-3 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#273272; color:#FFF; text-align:center;}
.yfright1-3 li a img{ width:98.5%; height:auto; border:1px solid #273272; float:left;}
.yfright1-3 li:hover span{ background:#e54000; color:#FFF;}
.yfright1-3 li:hover img{border:1px solid #e54000;}
/*****************************/
}