@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){
.yttop{ display:none !important;}
.fcmenu{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;}
.section{ 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;}

.xdlabout{ width:100%; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat top center; padding-bottom:20px; overflow:hidden;}
.ytabout1{ width:100%; margin:0 auto; margin-top:20px;}
.ytabout1-1{ width:100%; border-radius:0px; box-shadow:10px 10px 10px #CCC; background:#eeeeee; padding:30px 0;}
.ytabout1-1 h1{ display:block; width:100%; margin-left:0; text-align:center; color:#0a4094; margin-top:20px; font-size:16px; font-weight:normal; float:left;text-transform:uppercase;}
.ytabout1-1 h2{ display:block; width:100%; margin-left:0;  text-align:center;font-size:25px; color:#000; margin-top:10px; float:left;}
.p001{ width:96%; float:left; margin-left:2%; margin-top:20px; line-height:29px; text-align:justify;}
/**************************************************************************************************/

/*数据统计滚动*/
.product-number-info{position: relative;}
.product-number-info .product-number-inner{width: 100%; float:left; margin-top:20px;}
.product-number-info ul{padding:0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 33.333333%; height: 50px; text-align:center; color:#0a4094;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:25px; line-height: 1;display: inline-block; position: relative;}
.product-number-info li b i{font-style: normal;font-family:Impact;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li b sub{ font-size:15px;padding-left: 2px; bottom:0;}
.product-number-info li p{font-size: 16px; margin-top:15px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:50px;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}

.ytabout{ width:36%; height:40px; line-height:40px; text-align:center; border-radius:30px; background:#0a4094; color:#FFF; margin-left:32%; margin-top:70px;}
.ytabout:hover{ background:#079dd8; color:#FFF;}
.ytabout1-2{ width:100%; margin-top:20px;}
.cmpimg{ position:relative; width:100%; height:auto; float:left; margin-left:0; z-index:100000;}
/**********************************************************/


.xdlchanpin{ width:100%; margin:0 auto; height:auto; padding-bottom:25px;background:url(../images/chanpinbg.jpg) no-repeat top center;  overflow:hidden;}
.ytchanpin{ width:98%; margin:0 auto; background:url(../images/chanpinbg2.png) no-repeat bottom right; margin-top:20px; background-size:100%;}
.ytchanpin h1{ display:block; width:100%; float:left; color:#FFF; font-size:22px; font-weight:bold;}
.ytchanpin h2{ display:block; width:100%; margin-top:10px; float:left; color:#FFF; font-size:15px; font-weight:normal; margin-bottom:20px;}

.ytchanpin2{ width:98%; margin:0 auto; margin-top:12px;}
.ytchanpin2 ul{ width:100%; float:left;}
.ytchanpin2 li{ width:47%; border:1px solid #FFF; float:left; margin:1.5%; height:200px; overflow:hidden;}
.cpimg{ width:100%; height:auto;}

.cpdiv01{ width:100%; padding:15% 5%; color:#FFF; display:block !important; position:relative; height:100%; margin-top:0px; background:#22539e; z-index:10000;}
.cpdiv01 img{ display:none !important;}
.cpdiv01 span{ display:block; width:100%; float:left; text-align:center; font-size:15px; font-weight:bold;}
.cpdiv01 p{ display:none !important;}

.ytchanpin2 li a:hover .cpdiv01{ display:block !important;}
.cpmore{ width:36%; height:40px; line-height:40px; margin-top:20px; text-align:center; border-radius:30px; background:#0a4094; color:#FFF; margin-left:32%;}
.cpmore:hover{ background:#FFF; color:#0a4094;}

.xdlsp1{ width:100%; display:block !important; float:left; text-align:center; margin-top:60%; line-height:40px; color:#FFF; font-size:20px;}
.xdlsp1 strong{ font-size:35px;}
.xdlsp1 img{ margin-bottom:35px;}

.xdlsp1-1{ display:none !important; width:100%; float:left; margin-top:60%; color:#FFF; font-size:35px; text-align:center;}

.wrapper:hover section:hover .xdlsp1{ display:none !important;}
.wrapper:hover section:hover .xdlsp1-1{ display:block !important;}
/**************************/
.ytyoushi{   padding: 10px;}
.ytys{ display:block;  grid-template-columns: 1fr 1fr;  gap: 15px;}
.ytzuo1{ width:100%; background:url(../images/zuobg.jpg) no-repeat; padding:3rem 0;background-size: 100% 100%; overflow:hidden;}
.ytzuo1 h1{ display:block; width:100%; font-size:1.5rem; text-align:center; float:left;}
.ytzuo1 p{ width:96%; float:left; text-align:center; margin-top:15px; font-size:14px; line-height:26px;}
.ytzuo1 a{ display:block; width:100%; text-align:center; margin-top:20px; font-size:1rem; float:left;}

.ytyou1{ width:100%;}
.ytyou1-1{ width:100%; background:url(../images/yousbg.jpg) no-repeat; padding:6rem 0;background-size: 100% 100%; display: flex; }
.ytyou1-1-1{ width:50%; margin-left:5%;}
.ytyou1-1-1 h1{display:block; width:auto 0; font-size:1.5rem; text-align:left; float:left;}
.ytyou1-1-1 p{ width:100%; float:left; text-align:left; margin-top:15px; font-size:14px; line-height:26px;}
.ytyou1-1-1 a{ display:block; width:100%; text-align:left; margin-top:30px; font-size:1rem; float:left;}


.ytyou1-2{ width:100%; background:url(../images/youxbg.jpg) no-repeat;padding:6rem 0; margin-top:1%;background-size: 100% 100%; display: flex; }
.ytyou1-2-1{ width:50%; margin-left:5%;}
.ytyou1-2-1 h1{display:block; width:100%; font-size:1.5rem; text-align:left; float:left;}
.ytyou1-2-1 p{ width:100%; float:left; text-align:left; margin-top:15px; font-size:14px; line-height:26px;}
.ytyou1-2-1 a{ display:block; width:100%; text-align:left; margin-top:30px; font-size:1rem; float:left;}

#zhanshi img {flex-shrink: 0;}
/*******************************************/

.ytyingyong{ display:none !important;}
#xk{ display:none !important;}
/*************/

#newcenter {
  margin-top:0;
  padding-top:15px;
  width: 100%;
  background: none;
  background-size: cover;
  position: relative;
  z-index: 10;
}
.imgnw{ width:100%; height:auto;}
.ytxinwen{ width:98%; margin:0 auto;}
.ytxinwen1{ width:100%; margin-right:0;}
.ytxinwen2{ width:100%; margin-top:15px;}
.ytxinwen2 ul{ width:100%; float:left;}
.ytxinwen2 li{ width:100%; float:left; margin:1% 0; padding:3%; background:#FFF; cursor:pointer; border-bottom:2px solid #c2c3c6;}
.ytxinwen2 li a{ display:block; width:100%; height:100%; float:left;}
.ytxinwen2 li a h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal;}
.xinwdiv{ width:100%; margin-top:5rem;}
.sp04{ background:url(../images/riqi.gif) no-repeat; height:15px; line-height:15px; padding-left:30px;}
/***********************************************************/

#foot{ display:none !important;}
.m_foot{ display:block !important; width:100%; margin:0 auto; padding:25px 0; background:#1e1f21; color:#FFF; line-height:26px; text-align:center;}
.m_foot img{ width:30%; height:auto; margin:12px 0;}
.m_foot a{ color:#FFF;}



.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;}		

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

.neiyeba{
    height:100px;
}


.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;}
/*************************/

.ytnymenu{ width:100%; margin:0 auto; height:80px; border-bottom:1px solid #eeeeee; }
.ytnymenu1{ width:98%; margin:0 auto;}
.sp05{ width:80px; height:80px; background:#0a4094;}
.sp05 img{ display:block; margin:0 auto; margin-top:31.5px;}
.ul02{ width:80%;}
.ul02 li{ line-height:20px; border-right:1px solid #eeeeee; padding:12px 0; width:30%;float:left; text-align:center;}
.sp06{ display:none !important;}
/**********************************************************************************************/
.ytaboutnr{ width:98%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.ytaboutnr1{ width:100%; text-align:center; font-size:16px; line-height:25px; text-transform:uppercase;}
.ytaboutnr1 strong{ font-size:14px;}
.ytaboutnr2{ width:100%; line-height:26px; margin-top:20px; text-align:justify; font-size:15px;}
.ytaboutnr2 img{ width:100%; height:auto; margin-top:20px; margin-bottom:20px;}

/******/

.ytaboutnr3{ width:100%;margin-top:20px;}
.ytaboutnr3 ul{ width:98%; float:left;}
.ytaboutnr3 li{ width:48%; float:left; margin:1%; border:1px solid #a1a3a4;}
.ytaboutnr3 li a img{ width:100%; height:auto;}
.cpdiv02{ width:100%; padding:3%;}
.cpdiv02 h1{ display:block; width:100%; float:left; font-size:15px; text-align:center; height:40px; line-height:23px; overflow:hidden;}
.cpdiv02 p{ display:none !important;}
.sp07{ width:100%; line-height:35px; text-align:center; background:#0a4094; color:#FFF; margin-top:15px;}
.ytaboutnr3 li:hover .sp07{ background:#089dd8; color:#FFF;}
/********************************************************************************/

.m_cpul{ display:none !important;}

.ytaboutnrproshow{ width:100%; margin-top:20px;padding-bottom:20px;}
.ytaboutnrproshow-1{ width:100%; border:1px solid #a1a3a4;}
.ytaboutnrproshow-1 img{ display:block; width:100%; height:auto;} 
.ytaboutnrproshow-2{ width:100%; margin-left:0; margin-top:15px;  }
.ytaboutnrproshow-2 h1{ display:block; width:100%; float:left; font-size:1.5rem;}
.ytaboutnrproshow-2 p{ width:100%; float:left; line-height:28px; font-size:0.925rem; text-align:justify; color:#444445; margin-top:15px;}
.sp08{ width:90%; margin-top:20px; line-height:35px; border-left:5px solid #0a4094; padding-left:30px;}
.sp08 strong{ font-size:2rem;}

.ytaboutnrproshow2{ width:100%; margin-top:20px;}
.ytaboutnrproshow2 h1{ display:block; width:100%; float:left; font-size:1.5rem; border-bottom:1px solid #a1a3a4; padding-bottom:15px;}
.ytaboutnrproshow2-1{ width:100%; line-height:28px; font-size:0.925rem; margin-top:15px;}
.ytaboutnrproshow2-1 img{ width:100%; height:auto;}
.jishucs{ margin-top:20px;}
/***********************************************************************************/
.ytaboutnr5{ width:100%; margin-top:20px;}
.ytaboutnr5 ul{ width:100%; float:left;}
.ytaboutnr5 li{ width:100%; float:left; margin:1% 0; padding:3%; background:#eeeeee; border-radius:0; cursor:pointer;}
.ytaboutnr5 li a{ display:block; width:100%; height:100%; float:left;}
.ytaboutnr5 li a h1{ display:block; width:100%; float:left; font-size:16px; font-weight:normal;}
/*****************************************************************************************/
.ytaboutnr6{ width:100%; margin-top:20px;}
.ytaboutnr6-1{ width:100%;}
.ytaboutnr6-1 h1{ display:block; width:100%; float:left; font-size:1.25rem; text-transform:uppercase; line-height:40px;}
.ytaboutnr6-1 h1 strong{ font-size:2rem;}
.ytaboutnr6-1 p{ width:100%; float:left; line-height:35px; font-size:1.15rem; margin-top:20px;}
.ytaboutnr6-1 p strong{ font-size:1.5rem; font-weight:normal;}
.ytaboutnr6-1 p a{ color:#048bc0;}

.ytaboutnr6-2{ width:100%; margin-left:0; margin-top:12px;}
.ytaboutnr6-2 img{ width:100%; height:auto;}
/********************************************************************/


.ytmessage{ width:100%; margin-top:20px; background-color:#000; background-image:none; padding-top:20px; padding-bottom:20px;}
.ytmessagewrap{ width:98%; margin:0 auto;}
.ytmessage1{ width:100%; margin-right:0; color:#FFF;}
.ytmessage1 h1{ display:block; width:100%; float:left; font-size:1rem; text-transform:uppercase; line-height:30px;}
.ytmessage1 h1 strong{ font-size:1.5rem;}
.ytmessage1 p{ width:100%; margin-top:30px; line-height:35px; float:left;}
.ytmessage1 p strong{ font-size:1.6rem;}

.message{width:100%; margin-top:15px;}
.message .box{  margin-top:0px;}
.message li{ width:100%; float:left; height:47px; margin:10px 0; color:#FFF; }
#liuyan2{ width:100%; height:80px; margin:10px 0; float:left;}
.mklxsp1{ width:16%; line-height:45px; text-align:right;}
.input-text{ width:93%;height:45px; line-height:45px; text-indent:12px; border:1px solid #FFF;float:left; outline:none;color:#FFF;}
.input-text2{ width:93%; background:none; height:80px; line-height:23px; padding-top:10px; font-size:14px;color:#FFF; font-family:Microsoft YaHei; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.input-text::placeholder, .input-text2::placeholder{ color:#FFF;}
.mklxsp2{ width:4%; color:#F00; font-size:18px; font-weight:bold;line-height:45px; text-align:right;}

.button00{ width:30%; margin-top:20px; margin-left:19%; cursor:pointer; background:#079dd8; color:#FFF; text-align:center; float:left; border:none; height:35px; line-height:35px; font-size:20px;}
.button02{ margin-left:2%;}
.button00:hover{ background:#000; color:#FFF;}
/**********************************************************************/

}