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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5d5d5d;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#5d5d5d; }
a:hover{ color:#ff0000;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

/*	
.barwrap{ height: 99px; width:1200px;margin:0 auto; position: fixed; top:0px;z-index: 333; display: flex; display: -ms-flexbox; 
display: -moz-flex; display: -ms-flexbox; display: -moz-flex; display: -ms-flexbox; background-image:url(../images/navbg.png);align-items: center;}*/
.barwrap{ width:1200px;background:#FFF; border-radius:70px; position:fixed; top:50px; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000;}
.yhdlogo{ margin-left:50px;}
.topdh{ width:1180px; margin:0 auto;}
.topul{ width:800px; margin-top:35px; margin-left:35px;}
.topul li{ width:133px; float:left; text-align:center;}
.topul li a{ color:#070002; font-size:16px;}
.topul li a:hover{ color:#ff0000; font-weight:bold; font-size:18px;}
.topul li a#cur{ color:#3388ca; font-weight:bold; font-size:18px;}
.yhdsp01{ width:155px; background:url(../images/tel.gif) no-repeat left; font-size:20px; padding-left:36px; margin-top:35px;}
.barwrap.on{ animation-name: down; animation-duration: 1s;background:#e2c2c2; border-radius:70px; top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#e51716;}		
/*banner滚动*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#cd291e;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/
.xfcptitle{ width:1200px; margin:0 auto; margin-top:30px; color:#adadad; font-size:20px;}
.xfcptitle strong{ color:#ff0000; font-size:35px;}

.xffenleicp{ width:1200px; margin:0 auto; margin-top:20px;}
.xfsp1{ width:265px; font-size:32px; color:#525252; font-weight:bold; text-transform:capitalize;}
.xful1{ width:815px;}
.xful1 li{ width:22%; float:left; text-align:center; height:40px; line-height:40px; border:2px solid #666; margin:0 1%;}
.xful1 li a{ display:block; width:100%; height:40px;}
.xful1 li a:hover{ background:#ff0000; color:#FFF;}

.xfchanpinlist{ width:1200px; margin:0 auto; margin-top:20px;}
.xfchanpinlist ul{ width:100%; float:left;}
.xfchanpinlist li{ width:30.3333%; float:left; margin:1.4%; border:1px solid #666; cursor:pointer;}
.cpimg{ width:100%; float:left; height:auto; position:relative; z-index:1;}
.cpyangshi{ width:100%;position:relative; height:300px; float:left; background:url(../images/cpdivbg.png) repeat; margin-top:-300px; z-index:100; display:none; color:#FFF;}
.cpyangshi h1{ display:block; width:100%; margin-top:35px; margin-bottom:12px; float:left; text-align:center; font-size:15px; font-weight:bold;}
.xfxian1{ width:60px; height:5px; border:none; background:#FFF; float:left; margin-left:40%;}
.cpyangshi p{ width:90%; text-align:justify; padding:0 5%; float:left; line-height:24px; margin-top:20px; margin-bottom:22px;}
.cpyangshi a{ display:block; width:150px; height:40px; line-height:40px; text-align:center;float:left; margin-left:30%; color:#FFF; border:1px solid #FFF;}
.xfchanpinlist li:hover .cpyangshi{ display:block;}
/*******************************************************************/

.xfaboutjs{ width:100%; margin:0 auto; margin-top:30px; background:url(../images/cmpbg.jpg) no-repeat top center; padding:50px 0;}
.xfaboutjs2{ width:1200px; margin:0 auto;}
.xfsp2{ width:50%;}
.xfaboutjs2-1{ width:50%;}
.xfaboutjs2-1-1{ width:100%;color:#adadad; font-size:20px; margin-top:50px;}
.xfaboutjs2-1-1 strong{ color:#ff0000; font-size:35px;}
.xfh1{ width:100%; font-size:32px; color:#525252; margin-top:12px;font-weight:bold; text-transform:capitalize;}
.xfjsp1{ width:100%; line-height:29px; color:#737474; text-align:justify; margin-top:20px; height:250px;}
.moreab{ width:150px; height:40px; line-height:40px; margin-top:30px; text-align:center; border:1px solid #ff0000; color:#ff0000;}
.moreab:hover{ background:#ff0000; color:#FFF;}

.xfsp3{ width:80%; font-size:30px; line-height:55px; height:110px; margin-top:80px; padding-left:20%; background:url(../images/tel01.png) no-repeat 0 30px; color:#FFF;}
.xfsp3 strong{ font-size:45px;}
/*****************************************************************************/

.xfanli{ width:1200px; margin:0 auto;}
.products{ width:1200px; margin:0 auto; margin-top:20px;}
.products ul{ overflow:hidden; text-decoration:none;}
.products ul li{ float:left; width:386px; text-align:center; margin:0 12px; font-size:16px;}
.products ul li img{ border:1px solid #cdcdcd; margin-bottom:12px;}
.products ul li a:hover{ color:#ff0000;}
#demo{overflow:hidden;width:1200px;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/************************************************************************/

.xfyoushi{ width:100%; margin:0 auto; margin-top:30px;background:#525252;}
.yspic{ width:50%;}
.yspic img{ width:100%; height:auto;}
.xfyoushi-1{ width:47%; padding-left:3%;}

.xfyoushi-2-1{ width:100%;color:#FFF; font-size:20px; margin-top:50px;}
.xfyoushi-2-1 strong{ color:#ff0000; font-size:35px;}
.xfh2{ width:100%; font-size:32px; color:#FFF; margin-top:12px;font-weight:bold; text-transform:capitalize;}

.xful2{ width:62%; margin-top:30px;}
.xful2 li{ width:100%; float:left; margin:15px 0; color:#FFF;}
.xfdiv1{ width:100%;}
.xfdiv1 h1{ display:block; width:43%; font-size:24px; float:left;}
.xian2{ width:40%; height:1px; border:none; background:#FFF; margin-top:17px; margin-left:10%; }
.xfdiv1 span{ display:block; width:5%; float:left; margin-left:2%; margin-top:2px;}
.xfp1{ width:100%; line-height:24px; margin-top:15px; text-align:justify;}
/*********************************************************************/

.xfnews{ width:1200px; margin:0 auto; margin-top:30px;}
.xfnews1{ width:800px;}
.xwmore{ width:102px; height:30px; line-height:30px; text-align:center; background:#525252; color:#FFF; border-radius:30px; margin-top:50px;}
.xwmore:hover{ background:#ff0000; color:#FFF;} 

.xfnews2{ width:1200px; margin:0 auto;}
.xfnews22{ width:770px;margin-top:15px;}
.xfnews2-1{ width:100%; background:#f5f5f5;}
.xw01{ width:360px; margin:50px 0px 0px 30px; line-height:27px;}
.xw01 strong{ font-size:16px;}

.xful3{ width:100%; margin-top:30px;}
.xful3 li{ width:100%; float:left; margin:10px 0; border-bottom:1px solid #CCC; padding-bottom:10px;}

.xfnews33{ width:400px; margin-left:30px;}
.xfnews33 ul{ width:100%; float:left;}
.xfnews33 li{ width:95%; float:left; padding:8% 2.5%; background:#f5f5f5; margin:15px 0;}
.xfnews33 li h1{ display:block; width:92%; height:25px; padding-left:8%; background:url(../images/wen.png) no-repeat; float:left; font-size:16px;}
.xfnews33 li h2{ display:block; width:92%;padding-left:8%; background:url(../images/da.png) no-repeat; float:left; margin-top:7px; font-weight:normal; font-size:14px;}
/********************************************************************/

.xffoot{ width:100%; margin:0 auto; background:#5b5b5b; padding:35px 0; margin-top:30px;}
.xffoot1{ width:1200px; margin:0 auto;}
.xffoot1-1{ width:160px;}
.xfsp4{ width:100%; color:#FFF; line-height:28px; text-transform:uppercase;}
.xful4{ width:100%;}
.xful4 li{ width:50%; float:left; margin:8px 0;}
.xful4 li a{ color:#FFF;}
.xful4 li a:hover{ color:#FFF; text-decoration:underline;}

.xffoot1-2{ width:252px;}
.xfp2{ width:100%; line-height:29px; color:#FFF; margin-top:6px;}

.xffoot1-3{ width:170px; color:#FFF; }
.xfp3{ width:100%; margin-top:12px;}
.xfp3 img{ margin-bottom:10px;}
.fotmm{ margin-left:156px;}

.xffoot2{ width:100%; margin:0 auto; background:#4c4c4c; color:#FFF;}
.xffoot2-1{ width:1200px; margin:0 auto; height:55px; line-height:55px; color:#FFF;}
.xffoot2-1 a{ color:#FFF;}
.xffoot2-1 a:hover{ color:#FFF; text-decoration:underline;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#cd291e url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#cd291e url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#cd291e url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.neiba {
    overflow: hidden;
    width: 100%;
}
.slideshowba {
    height: 420px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



.htneicss{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:25px;}	
.htneicss1{ width:255px;}
.htsp06{ width:255px; background:#e51817; color:#FFF; text-transform:uppercase; text-align:center; font-size:20px; padding-top:20px; height:70px;}
.ulnei{ width:255px; border-top:10px solid #e51817; margin-top:25px;}
.ulnei li{ width:255px; float:left; text-align:center; border-bottom:1px dotted #CCC;}
.ulnei li a{ display:block; width:255px; height:45px; line-height:45px;}
.ulnei li a:hover{ display:block; width:255px; height:45px; line-height:45px; background:#e51817; color:#FFF;}
.ulnei li a#curr{ display:block; width:255px; height:45px; line-height:45px; background:#e51817; color:#FFF;}

.htneicss2{ width:915px; margin-left:30px;}
.htneicss2-1{ width:100%; text-align:right; border-bottom:1px solid #CCC; line-height:45px;}
.yhdneititle{ width:100%;margin-top:35px; text-align:center; font-size:20px; color:#e51817;}
.htneicss2-2{ width:100%; line-height:29px; margin-top:30px; font-size:16px; text-align:justify;}

.htneicss2-3{ width:100%;}
.htneicss2-3 ul{ width:100%; float:left; margin-top:25px;}
.htneicss2-3 li{ width:31%; float:left; margin:1%; border:1px solid #999;}
.htneicss2-3 li a span{ display:block; float:left; width:100%; height:45px; line-height:45px; text-align:center; background:#000; color:#FFF;}
.htneicss2-3 li a span:hover{ color:#FFF; background:#e61818;}
.htneicss2-3 li a img{ width:100%; height:auto; float:left;}

.htneicss2-4{ width:100%;}
.htneicss2-4 ul{ width:100%; float:left;}
.htneicss2-4 li{ width:100%; float:left; margin:12px 0;}
.htsp05{ width:99px; text-align:center; border-right:1px solid #CCC; height:115px;}
.htsp05 strong{ font-size:24px;}
.n_htp3{ width:780px; margin-left:35px;}
/*****************************************end***************************************/


.blzneilx{ width:100%; background:#f5f5f5; margin:0 auto; padding:50px 0;}
.blzneirr-5{ width:1080px; margin:0 auto; background:#FFF; padding:30px 60px;}
.blzh9{ width:100%; font-size:17px; color:#e51918; margin-bottom:35px;}
.lianxifs ul{ width:100%; float:left;}
.lianxifs li{ width:50%; float:left; font-size:16px; margin:10px 0;}


.message{ margin:0 auto;width:1080px; background:#FFF; padding:60px; margin-top:50px; margin-bottom:30px;}
.blzh8{ width:100%; font-size:17px; color:#e51918;}
.message .boxx{  margin-top:50px;}
.message .boxx li{line-height:47px;margin-bottom:25px; }
.message .boxx li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .boxx li .input-text:focus{border-color:#b59665;}
.message .boxx li textarea.input-text{height:84px;line-height:24px;resize:none; }
.message .boxx li.btn{ margin:0 1.5%;}
.message .boxx li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#000;border-radius:20px;color:#fff;font-size:16px}
.message .boxx li .button:hover{ background:#e51918; color:#FFF;} 




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

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}