@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#333333;
	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:#333333; }
a:hover{ color:#ff5722;}
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:100%;background:url(../images/navbg.png) repeat; position:fixed; top:0; left:0; right:0; height:100px; margin-left:auto;margin-right:auto;z-index:100000000000;}
.yhdlogo{ margin-top:20px;}
.topdh{ width:1200px; margin:0 auto;}
.topul{ width:902px;margin-left:30px; margin-top:32px;}
.topul li{ width:112px; float:left; text-align:center;}
.topul li a{ color:#FFF; display:block; width:128px; height:40px; line-height:40px; font-size:15px; font-weight:bold;}
.topul li a:hover{ color:#FFF; font-weight:bold; background:#ff5722; border-radius:20px;}
.topul li a#cur{  color:#FFF; font-weight:bold; background:#ff5722; border-radius:20px;}

.barwrap.on{ animation-name: down; animation-duration: 1s;background:url(../images/navbg.png) repeat; top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#FFF;}		
/*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:#ff5722;}
.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*************/
.hmabout{ width:1200px; margin:0 auto; margin-top:30px;}
.hmabout1{ width:607px; margin-right:30px;}
.hmabout1 h1{ display:block; width:100%; float:left; font-size:35px; font-weight:normal;}
.hmabout1 h2{ display:block; width:100%; float:left; font-size:17px; color:#cccccc; font-weight:normal; text-transform:uppercase; margin-top:5px; margin-bottom:5px;}
.hmp01{ width:100%; line-height:26px; margin-top:12px;}
.hmul01{ width:100%; float:left; margin-top:12px;}
.hmul01 li{ width:16%; float:left; margin:0 4.5%; text-align:center;}
.hmul01 li a img{ width:100%; height:auto; }
#gstu1{ display:block;}
#gstu2{ display:none;}
.hmul01 li:hover #gstu1{ display:none;}
.hmul01 li:hover #gstu2{ display:block;}

.abmore{ width:150px; height:40px; line-height:40px; text-align:center; border:1px solid #0158a5; color:#0158a5; border-radius:10px; margin-top:20px;}
.abmore:hover{ background:#ff5722; color:#FFF; border:1px solid #ff5722;}
/**/

.hmcpbg{ width:100%; margin:0 auto; margin-top:30px; background:url(../images/chanpinbg.jpg) no-repeat top center; background-size:cover; padding:40px 0;}

/*轮播*/
.lb_gl{ width:1200px; margin:0 auto; margin-top:50px;}
.container{width: 1200px;margin:0 auto;position: relative;}
.pictureSlider{height:412px;margin-bottom: 24px;}
.poster-item{background: #fff;height: 385px;width:1071px; padding:12px 12px 0 12px;
	transition: all 0.5s;cursor: default;
	-moz-transition: all 0.5s;cursor: default;
	-webkit-transition: all 0.5s;cursor: default;
	-o-transition: all 0.5s;cursor: default;
}
.for_btn{position: relative;height:370px;overflow:hidden;}
.in_page{position: absolute;left:50%;width:212px;height:300px; top:35%;}

/**/

.hmchanpintt{ width:1200px; margin:0 auto; text-align:center; background:url(../images/wenbg.png) no-repeat center; font-size:36px; font-weight:bold;}
.hmchanpintt strong{ color:#0158a5;}
/**/

.hmyoushi{ width:1200px; margin:0 auto; margin-top:30px; background:url(../images/youshi.jpg) no-repeat center; height:450px; overflow:hidden;}
.hmul02{ width:600px;}
.hmul02 li{ width:50%; padding-right:10%; float:left; margin-top:50px; margin-bottom:50px; text-align:right;}
.hmul02 li strong{ font-size:20px;}

.hmul03{ width:370px; margin-left:230px;}
.hmul03 li{ width:82%; float:left; padding-left:18%;margin-bottom:50px; margin-top:50px;}
.hmul03 li strong{ font-size:20px;}

#li01{ background:url(../images/ys01.gif) no-repeat right;}
#li02{ background:url(../images/ys02.gif) no-repeat right;}
#li03{ background:url(../images/ys03.gif) no-repeat right;}
#li04{ background:url(../images/ys04.gif) no-repeat left;}
#li05{ background:url(../images/ys05.gif) no-repeat left;}
#li06{ background:url(../images/ys06.gif) no-repeat left;}
/**/

.hmfw{ width:100%;background:url(../images/fuwubg.jpg) no-repeat top center;margin:0 auto; margin-top:30px; padding:70px 0;}
.hmfw2{ width:1200px; margin:0 auto;}
.hmp02{ width:245px; color:#FFF;}
.hmp02 strong{ font-size:36px;}
.hmp02 b{ font-size:20px;}

.ul04{ width:905px; margin-left:50px; color:#FFF;}
.ul04 li{ width:15%; float:left; margin:0 2.5%; text-align:center;}
.ul04 li img{ width:60%; height:auto; margin-bottom:5px; }
/**/



#products{width:1242px; margin:0 auto; margin-top:25px;}
#products #products_con{ margin:0px; padding:0px;height:352px;}
#products_con .LeftBotton {height:352px; width:57px; background:url(../images/legtjt01.gif) 0px center no-repeat; float:left; cursor:pointer;}
#products_con .LeftBotton:hover{ background:url(../images/legtjt02.gif) 0px center no-repeat;}
#products_con .RightBotton {height:352px; width:57px; background:url(../images/rightjt01.gif) 0px center no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton:hover{ background:url(../images/rightjt02.gif) 0px center no-repeat;}
#products_con .Cont {width:1128px; overflow:hidden; float:left;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{ margin:0px; margin:0px 10px; float:left; border:1px solid #848484;overflow:hidden; text-align:center; padding:12px; font-size:12px; font-weight:bold;}
#products_con .Cont li:hover{border:1px solid #ff5722; background:#ff5722; cursor:pointer; color:#FFF;}
#products_con img{ margin-bottom:10px; border:1px solid #848484;}
#products_con li:hover img{border:1px solid #333333;}
#products_con li:hover a{ color:#FFF;border:1px solid #FFF; }
#products_con a{ display:block; font-size:26px; font-weight:bold; border:1px solid #848484; text-align:center; border-radius:100px; margin:0 auto; width:35px; height:35px; line-height:30px; margin-top:10px;}

/***************************************************************************/
.dhyoushi {
    overflow: hidden;
    width: 100%;
	margin-top:30px;
}
.dhyoushi2{
    height:450px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dhyoushi3{ width:1200px; margin:0 auto; }
.dhys{ width:600px; float:left; color:#FFF; margin-top:70px;}
.dhys h1{ width:540px; float:left; font-size:36px; line-height:30px;}
.dhys p{ width:80%; float:left; line-height:25px; margin-top:35px;}
.ysmore{ width:150px; height:45px; text-align:center; background:#f08119; line-height:45px; margin-top:30px; color:#FFF; font-size:20px; font-weight:bold;}
.ysmore:hover{ background:#333333; color:#FFF;}

.hmysbg{ width:100%; background:url(../images/ysbg.png) repeat; margin:0 auto; height:173px;margin-top:-172px; position:relative; z-index:10000;}
.mingzhenyoushi4{ width:1200px; margin:0 auto;}
.mingzhenyoushi4 ul{ width:1200px; float:left; height:173px; overflow:hidden; }
.mingzhenyoushi4 li{ width:300px; height:150px; float:left;font-size:25px; text-align:center; color:#FFF; padding-top:23px;}
.mingzhenyoushi4 li img{ margin-bottom:10px;}
.mingzhenyoushi4 li:hover{ background:#0158a5;cursor:pointer;}

.mingzhenyoushi4 li:hover .yousp{ color:#FFF;}
/**/

.hmmm{ margin-top:30px;}

.hmxw{ width:1200px; margin:0 auto; margin-top:30px;}
.hmxw1{ width:426px; background:#f9f9f9;}
.hmxw1-1{ width:426px;}
.xwpic{ position:relative;}
.hmsp01{ width:73px; height:56px; text-align:center; line-height:24px; padding-top:17px; color:#FFF; background:#0158a5; position:absolute; z-index:1000;}
.hmsp01 strong{ font-size:20px;}

.hmxw1-2{ width:400px; margin-left:13px; margin-top:30px; margin-bottom:35px;}
.hmxw1-2 a{ display:block; width:100%; float:left; line-height:25px;}

.hmxw2{ width:735px; margin-left:39px;}
.hmxw2 ul{ width:100%; float:left;}
.hmxw2 li{ width:96%; float:left; margin:0 0 10px 0; padding:3% 2%; background:#f9f9f9;}
.hmxw2 li span{ display:block; width:15%; text-align:center; float:left; line-height:25px;}
.hmxw2 li span strong{ font-size:20px;}
.hmxw2 li:hover{ background:#ff5722; color:#FFF; cursor:pointer;}
.hmxw2 li a{ display:block; width:76%; margin-left:5%; float:left;}
.hmxw2 li:hover a{ color:#FFF;}
/**/
.hmfoot{ width:100%; margin:0 auto; background:url(../images/footbg.jpg) no-repeat top  center; padding:30px 0; margin-top:30px;}
.hmfoot2{ width:1200px; margin:0 auto; color:#FFF;}

.hmfoot2-1{ width:268px; margin-top:40px;}
.hmul04{ width:286px; float:left; margin-top:25px;}
.hmul04 li{ width:108px; float:left; margin-left:15px; color:#FFF; margin-right:20px; text-align:center;}
.hmul04 li img{ margin-bottom:5px;} 

.hmfoot2-2{ width:100px;}
.hmfoot2-2 h1{ display:block; width:100%; float:left; text-align:center; font-size:16px;}
.hmfoot2-2 ul{ width:100%; float:left; margin-top:10px;}
.hmfoot2-2 li{ width:100%; float:left; text-align:center; margin:6px 0;}
.hmfoot2-2 li a{ color:#FFF;}
.hmfoot2-2 li a:hover{ color:#FFF; text-decoration:underline;}

.hmfoot2-3{ width:270px;}
.hmfoot2-3 h1{ display:block; width:100%; float:left; font-size:16px;}
.hmul05{ width:100%; line-height:24px; margin-top:10px;}

.fotmm{ margin-left:92px;}

.hmfoot3{ width:1200px; margin:0 auto; margin-top:30px; color:#FFF;}
.hmfoot3 a{ color:#FFF; text-decoration:none;}
.hmfoot3 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:#ff5722 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff5722 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#ff5722 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%;
}
.slideshowba2 {
    height: 325px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/****************/
.dhneiye{ width:1200px; margin:0 auto; margin-top:25px;}

.dhneiyeleft{ width:260px;}
.neisp01{ width:100%; height:45px; line-height:45px; background:#ff5722; color:#FFF; font-size:20px; font-weight:bold; text-align:center; border-bottom:2px solid #333333;}

.neiul01{ width:100%; background:#f5f5f5; padding:15px 0px 80px 0px;}
.neiul01 li{ width:100%; float:left;text-align:center; border-bottom:1px dotted #c7a384;}
.neiul01 li a{ display:block; width:100%; float:left; height:45px; line-height:45px;}
.neiul01 li a:hover{ display:block; width:100%; float:left; height:45px; line-height:45px; font-size:16px; background:#716b6b; color:#FFF; font-weight:bold;}
.neiul01 li a#curnei{ display:block; width:100%; float:left; height:45px; line-height:45px; font-size:16px; background:#716b6b; color:#FFF; font-weight:bold;}
/********************/

.dhneiyeright{ width:910px; margin-left:30px;}
.dhneiyeright-1{ width:96%; height:45px; background:#ff5722; color:#FFF; line-height:45px; padding:0 2%; font-size:18px;border-bottom:2px solid #333333;}
.dhneiyeright-1 span{ display:block; width:50%; float:right; text-align:right; font-size:14px;}

.dhneiyeright-2{ width:94%; background:#fcfcfc; line-height:29px; padding:3%;}

.dhneiyeright-3{ width:94%;background:#fcfcfc; padding:3%;}

.dhcpliebiao{ width:100%;}
.dhcpliebiao li{ width:100%; float:left; margin-bottom:20px; border-bottom:1px solid #dad8d8; padding-bottom:15px;}
.dhcppic{ display:block; width:29.5%; height:auto; border:1px solid #333333;}
.dhcplbxq{ width:67%; margin-left:3%;}
.dhcplbxq h1{ display:block; width:100%; font-weight:normal; font-size:15px;}
.dhcplbxq h1 strong{font-size:20px; color:#ff5722;}
.dhcplbxq p{ width:100%; float:left; line-height:27px; margin-top:15px;}
/**/

.dhxinwenzx{ width:100%;}
.dhxinwenzx li{ width:100%; float:left; margin:15px 0;}
.dhxwsp02{ width:20%; line-height:27px; text-align:center; padding:35px 0; background:#ff5722; color:#FFF;}
.dhxwsp02 strong{ font-size:30px;}
.dhxwdiv{ width:77%; margin-left:3%;}
.dhzxmore{ width:100%; color:#999;}
.dhzxmore strong{ font-size:16px; color:#333333;}
.dhxinwenzx li:hover .dhzxmore{ color:#ff5722;}
.dhxinwenzx li:hover .dhzxmore strong{ color:#ff5722;}
/**/

.dhanlilist{ width:100%;}
.dhanlilist li{ width:30.3333%; float:left; margin:1.5%; text-align:center;}
.dhanlilist li a img{ margin-bottom:10px; width:100%; height:auto; border:1px solid #333333;}
.dhanlilist li a:hover{ color:#ff5722; font-weight:bold;}
.dhanlilist li a img:hover{ border:1px solid #ff5722;}
/********************************/

.dhneiyeright-2-1{ width:55%;}
.dhlxh1{ width:100%; font-size:17px; color:#ff5722;}
.dhlxh2{ width:100%; font-weight:normal; font-size:14px; color:#999; margin-top:15px; line-height:23px;}
.dhlxp1{ width:100%; margin-top:50px; line-height:26px;}
.dhlxp1 strong{ font-size:20px;}
.dhlxp1 img{ margin-top:20px; border:1px solid #333333;}
/***/
.dhneiyeright-2-2{ width:42%; margin-left:3%;}
.mainW{ width:100%; float:left;}
.message{height:400px;}
.message .box{width:100%;}
.message .box li{line-height:47px;margin-bottom:15px}
.message .box li .input-text{height:42px;line-height:42px; margin-right:30px;border:1px solid #ccc;width:90%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;outline:none;}
.message .box li strong{ color:#F00;}
.neirongput{height:145px;line-height:26px;border:1px solid #ccc;width:90%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; font-size:14px; outline:none;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.neirongput{height:150px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{float:left; margin-left:45px;}
.message .box li .button{cursor:pointer;width:115px;border:none;height:32px;background-color:#ff5722;border-radius:4px;color:#fff;font-size:16px}

.dhbaidumap{ width:100%; margin-top:35px;}
/*****************************/



.dc_pages{ width:100%; float:left; margin-top:25px; margin-bottom:25px;}
.dc_pages1{ width:610px; margin:0 auto;}
.dc_pages1 a{ display:block; color:#999; width:100px; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}
.dc_pages1 a:hover{ display:block; background:#f6a009; color:#FFF;}


.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.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%;}

