@charset "utf-8";

html,

body,

ul,

li,

ol,

dl,

dd,

dt,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

legend,

img {

	margin: 0;

	padding: 0

}



body {

	font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #414141;

	margin: 0;

	padding: 0;

	line-height: 1.5;

}



 :focus {

	outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

	display: block;

}



a {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	color: #414141;

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	display: inline-table;

}



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}



li,

ul {

	list-style-type: none;

}



img {

	display: inline-block;

	border: none;

}



a:link,

a:hover,

a:active,

a:visited {

	text-decoration: none;

}



input,

textarea {

	outline: 0;

	border: 0;

}



textarea {

	resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

	font-weight: normal;

	font-style: normal;

}





/*banner*/



.fullSlide {

	width: 100%;

	position: relative;

	height: 460px;

	background: #FFF;

	overflow: hidden;

}



.fullSlide .bd {

	height: 460px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	overflow: hidden;

}



.fullSlide .bd ul {

	width: 100% !important;

}



.fullSlide .bd li {

	width: 100% !important;

	height: 460px;

	overflow: hidden;

	text-align: center;

}



.fullSlide .bd li a {

	display: block;

	height: 460px;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 2;

	bottom: 0;

	left: 0;

	height: 30px;

	text-align: center;

}



.fullSlide .hd ul {

	text-align: center;

}



.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

	zoom: 1;

	width: 14px;

	height: 14px;

	margin: 3px;

	background-color: #ffd101;

	overflow: hidden;

	line-height: 99px;

	border: 2px solid #FFF;

	border-radius: 50%;

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

	width: 50px;

	background: #67ae35;

	border-radius: 9px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}



.fullSlide .prev,

.fullSlide .next {

	width: 40px;

	height: 60px;

	position: absolute;

	top: 50%;

	margin-top: -30px;

	z-index: 2;

	background: url(/templates/pc_wjdh/images/slider-arrow.png) -126px -137px #000 no-repeat;

	filter: alpha(opacity=30);

	-moz-opacity: .3;

	opacity: .3;

	-webkit-transition: all .5s linear;

	transition: all .5s linear;

}



.fullSlide .prev {

	background: url(/templates/pc_wjdh/images/slider-arrow.png) -126px -137px #000 no-repeat;

	left: 10%;

}



.fullSlide .next {

	background-position: -6px -137px;

	right: 10%;

}



.rmgj-n-r {

	float: right;

	/* margin-top: 11px; */

	position: absolute;

	top: -57px;

	left: 0;

	background: #ffd101;

	width: 287px;

	height: 57px;

	z-index: 999999999;

}



.rmgj-n-r .text {

	width: 190px;

	margin-left: 20px;

	font-size: 14px;

	font-family: Montserrat, sans-serif;

	height: 30px;

	margin-top: 12px;

	margin-right: 0;

	color: #fff;

	outline: none;

	border: 1px solid rgba(255, 255, 255, .2);

	background: transparent;

	float: left;

	border-top: 0;

	box-sizing: border-box;

	-webkit-transition: all 0.15s ease;

	-moz-transition: all 0.15s ease;

	-ms-transition: all 0.15s ease;

	transition: all 0.15s ease;

	border-left: none;

	border-right: none;

}



.keytext span {

	padding-right: 10px;

	display: block;

	float: left;

	font-size: 14px;

	color: #fff;

}



.search {

	width: 1180px;

	margin: 0 auto;

	position: relative;

	z-index: 999;

}



.submit {

	/* border: 1px solid #ccc; */

	border-left: none;

	border-right: none;

	width: 49px;

	float: left;

	padding: 0;

	text-align: center;

	height: 29px;

	background: url(/templates/pc_wjdh/images/sosuo.png) no-repeat center;

	vertical-align: middle;

	cursor: pointer;

	color: #fff;

	margin-top: 13px;

	/* margin-left: 26px; */

	border-bottom: 1px solid rgba(255, 255, 255, .2);

}



/* brand */



.brand{

	width: 100%;

	padding-top: 50px;

	height: 431px;

	background: url(/templates/pc_wjdh/images/brand.jpg) no-repeat center;

	overflow: hidden;

}



.brand-left{

	width: 556px;

	height: 371px;

}



.brand-left img{

	display: block;

	width: 556px;

	height: 371px;

}

.brand-right{

	width: 600px;

	position: relative;

	height: 371px;

}



.brand-right h3 a{

	display: block;

	font: 100 28px/36px "microsoft yahei";

	color: #000;

}

.brand-right span{

	display: block;

	font: 100 14px/36px "microsoft yahei";

	padding-top: 0px;

	color: #aaa;

}



.brand-line {

	width: 160px;

	height: 1px;

	background: #ffd101;

	position: absolute;

	top: 90px;

	left: -80px;

}



.brand-right p{

	font: 14px/30px "microsoft yahei";

	color: #333;

	text-indent: 2em;

	margin-top: 46px;

	color: #5f5f5f;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 7;

	overflow: hidden;

	height: 210px;

}





/* products */



.products{

	width: 100%;

	height: 632px;

	background: url(/templates/pc_wjdh/images/products.jpg) no-repeat center;

}



.products-right ul li{

	padding: 0 20px;

	float: left;

	-webkit-transition: .5s;

	height: 60px;

}

.products-title{

	height: 60px;

	border-bottom: 1px solid #000;

}

.products-title h3{

	font: 18px/30px "microsoft yahei";

}

.products-title span{

	font: 12px times;

	letter-spacing: 2px

}

.products-right ul li a{

	color: #333;

	display: block;

	letter-spacing: 2px;



	font: 16px/60px "microsoft yahei";

}

.products-right ul li:hover {

	background: url(/templates/pc_wjdh/images/products-ico.jpg) no-repeat center 50px;

}



.products-box ul li{

	width: 280px;

	height: 230px;

	margin: 10px 7px 0;

	float: left;

}

.products-box ul li b{

	display: block;

	width: 280px;

	height: 180px;

	overflow: hidden;

}

.products-box ul li img{

	display: block;

	width: 280px;

	height: 180px;

	-webkit-transition: .45s;

	transition: .45s;

}	

.products-box ul{

	padding-top: 40px;

}

.products-box ul li:hover img{

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

	box-shadow: 2px 2px 2px rgba(255, 255, 255, .2);

}



.products-box p a{

	font: 16px/50px "microsoft yahei";

	color: #333;

	height: 50px;

	display: block;

	text-align: center;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	-webkit-transition: .45s;

}

.products-box p a:hover{

	-webkit-animation: rot 0.5s 2 alternate;

    -moz-animation: rot 0.5s 2 alternate;

    -ms-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    -ms-transform: rotate(0deg) scale(1.1);

}







/* a-dm1 */

/*a-dm1*/

.a-dm1{

	width: 100%;

	height: 286px;

	background: url(/templates/pc_wjdh/images/a-dm1.jpg) no-repeat center;

}

.a-dm1-top h4{

	font: 36px/36px "microsoft yahei";

	color: #333;

	text-align: center;

	padding-top: 40px;

	letter-spacing: 4px;

}

.a-dm1-top p{

	font: 18px/30px "microsoft yahei";

	color: #333;

	text-align: center;

	padding-top: 40px;

	letter-spacing: 2px;

}

.a-dm1-top{

	height: 194px;

}

.a-dm1-bottom {

    width: 785px;

    margin: 0 auto;

}

.a-dm1-bottom>input{

	display: inline-block;

	width: 223px;

	height: 34px;

	border: 1px solid #ccc;

	background: transparent;

	font: 14px/34px "microsoft yahei";

	color: #5f5f5f;

	margin-top: 30px;

	margin-right: 40px;padding-left: 10px;

}



.a-dm1-bottom>.a-dm1-bth{

	width: 220px;

	height: 38px;

	margin: 0 auto;

	background: #ffd101;

	color: #fff;

		border: 1px solid #ffd101;

	cursor: pointer;

	-webkit-transition: .5s;

	transition: .5s;

}

.a-dm1-bottom>.a-dm1-bth:hover{

	background: #67ae35;

	border: 1px solid #67ae35;

}



/* a-dv */

.a-dv{

	width: 100%;

	height: 871px;

	background: url(/templates/pc_wjdh/images/a-dv.jpg) no-repeat center;

}



.a-dv-title span{

	display: block;

	padding-top: 30px;

	font: 43px times;

	color: #ffd61a;

	text-emphasis: none;

	text-align: center;

}

.a-dv-line{

	width: 30px;

	height: 4px;

	background: #ffd101;

	margin: 10px auto;

}



.a-dv-title h3{

	text-align: center;

	font:100 28px "microsoft yahei";

	letter-spacing: 2px;

}



.a-dv-box .bd{

	height: 355px;

	overflow: hidden;

}



.a-dv-box .hd ul li {





}



.a-dv-box .hd ul li .a-dv-left{

	width: 631px;

	height: 355px;

	background: url(/templates/pc_wjdh/images/a-dvCover.png) no-repeat center

}



.a-dv-left{

	position: relative;

}

.a-dv-leftImg{

	width: 631px;

	height: 355px;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}

.a-dvCover{

	width: 643px;

	height: 336px;

	position: absolute;

	top: 9px;

	left: 6px;

	z-index: 999;

}



.a-dv-box{

	width: 1180px;

	margin: 0 auto;

	padding-top: 40px;

}

.a-dv-right{

	width: 509px;

	padding: 0 20px;

	height: 355px;

	background: #fff;

}

.a-dv-right h4{

	width: 300px;

	text-align: center;

	margin: 30px auto 0;	

	font: 21px/50px "microsoft yahei";

	letter-spacing: 2px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.a-dv-right p{

	font: 14px/30px "microsoft yahei";

	color: #5f5f5f;

	text-align: center;

	margin-top: 30px;

}





.a-dv-box .hd{height:10px;overflow:hidden;position:absolute;left:845px;top: 355px;z-index:1;}

.a-dv-box .hd ul{ overflow:hidden; zoom:1; float:left;  }

.a-dv-box .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; text-align:center; background:#67ae35; cursor:pointer;border-radius: 50%;margin: 0 10px; }

.a-dv-box .hd ul li.on{ background:#ffd61a; color:#fff; }





.a-dv-box{

	height: 355px;

}



.a-dv2{

	width: 100%;

	height: 250px;

	background: url(/templates/pc_wjdh/images/a-dv2.png) no-repeat center;margin-top: 40px;	

}



.a-dv2 ul li{

	width: 295px;

	float: left;

}

.a-dv2 ul li img{

	display: block;

	width: 56px;

	height: 56px;

	margin: 40px auto 0;

}



.a-dv2 ul li h4{

	font: 300 40px "microsoft yahei";

	text-align: center;

	color: #333;

	margin-top: 20px;

	letter-spacing: 2px;

}

.a-dv2 ul li h4 span{

	font: 300 18px "microsoft yahei";

}



.a-dv2 ul li p{

	padding-top: 10px;

	text-align: center;

	letter-spacing: 2px;

	font-size: 16px;

}





/* case */

.case{

	width: 100%;

	height: 380px;

	background: url(/templates/pc_wjdh/images/case.png) no-repeat center top;

}



.case ul li {

	float: left;

	width: 275px;

	margin: 40px 10px 0;

}

.case ul li img{

	width: 275px;

	height: 188px;

	display: block;

}

.case ul li p a{

	display: block;

	width: 100%;

	height: 50px;

	font: 16px/50px "microsoft yahei"; 

	text-align: center;

	overflow: hidden;

}



/* a-dm2 */

.a-dm2{

	width: 100%;

	height: 244px;

	background: url(/templates/pc_wjdh/images/a-dm2.jpg) no-repeat center;

}

.a-dm2 h4{

	font: 28px "micosoft yahei";

	text-align: center;

	letter-spacing: 4px;

	padding-top: 60px;

}



.a-dm2  p{

	font: 28px times;

	color: rgba(255, 255, 255, .2);

	text-align: center;

	padding-top: 10px;

}



.a-dm2 a{

	width: 120px;

	height: 30px;

	display: block;

	border: 1px solid #fff;

	font: 14px/30px "micosoft yahei";

	text-align: center;

	margin: 20px auto 0;

}



/* about */

.about{

	width: 100%;

	height: 425px;

	background: url(/templates/pc_wjdh/images/about.jpg) no-repeat center;

}



.about-title h3 a{

	display: block;

	font: 24px/36px "miscosoft yahei";

	text-align: center;

	letter-spacing: 2px;

	padding-top: 30px;

}

.about-line{

	width: 60px;

	height: 2px;

	background: #ffd61a;

	margin: 20px auto;

}

.about-title span{

	display: block;

	font: 20px times;

	text-align: center;

	color: #aaa;

}





.about p{

	font: 14px/30px "micosoft yahei";

	text-align: center;

	margin-top: 30px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	height: 120px;

}

.about-mores{

	width: 510px;

	margin: 0 auto;

}

.about-mores ul li a {

	width: 160px;

	display: block;

	height: 50px;

	background: #fff;

	float: left;

	margin: 40px 5px 0;

	font: 16px/50px "micosoft yahei";

	text-align: center;

	-webkit-transition: .4s;

	transition: .4s;

	letter-spacing: 2px;

}

.about-mores ul li a:hover{

	background: #ffd101;



}





/*honor*/

.honor{

	height: 251px;

	overflow: hidden;

}



/*hz-box*/

.honor-box{

	width: 100%;

	height: 251px;

	background: url(/templates/pc_wjdh/images/honor-box.jpg) no-repeat center;

}

.honor-box ul li{

	width: 220px;

	height: 194px;

	float: left;

	margin-top: 30px;

	margin: 40px 8px 0;

}

.honor-box ul li a img{

	display: block;

	width: 220px;

	height: 144px;

	-webkit-transition: .45s;

	transition: .45s;

}

.honor-box ul li b{

	display: block;

	width: 220px;

	height: 144px;

	overflow: hidden;

}

.honor-box ul li p{

	height: 50px;

	overflow: hidden;

}

.honor-box ul li p a {

	display: block;

	font: 16px/50px "microsoft yahei";

	text-align: center;

	color: #5f5f5f;

}

.honor-box ul li:hover p a{

	color: #ffd101;

	-webkit-transition: .45s;

	transition: .45s;

}



.honor-box ul li:hover img{

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}









/*news*/

.news{

	width: 100%;

	padding-top: 40px;

	height: 595px;

	background: url(/templates/pc_wjdh/images/news.jpg) no-repeat center;

}

.news-left{

	width: 756px;

	

}

.news-box .hd ul li{

	width: 142px;

	height: 56px;

	font: 16px/56px "microsoft yahei";

	text-align: center;color: #fff;

	float: left;

	cursor: pointer;

}

.news-box .hd ul li.on{

	background: #333;

}
.news-box .hd ul li.on a{
	color: #fff;
}
.news-box .hd ul {

	width: 756px;

	height: 56px;

	background: #ffd61a;

}

.news-leftT a img{

	display: block;

	width: 280px;

	height: 168px;

	margin-top: 30px;

}

.news-leftB{

	width: 260px;

	padding: 10px;

	height: 306px;

	background: #fff5c9;

}

.news-leftB a{ 

	font: 16px/30px "microsoft yahei";

	color: #333;	

	text-align: center;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	height: 30px;

	display: block;;

}



.news-leftB p{

	font: 14px/30px "microsoft yahei";

	color: #5f5f5f;

	text-indent: 2em;

	margin-top: 20px;

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

overflow: hidden;

height: 144px;

}

a.news-more{

	width: 180px;

	height: 40px;

	background: #ffd61a;

	color: #fff;

	text-align: center;

	font: 14px/40px "microsoft yahei";

	display: block;

	margin: 30px auto 0;

}

.news-RightT ul{

	width: 446px;

	margin-top: 30px;

}

.news-RightT ul li{

	width: 446px;

	height: 48px;

	border-bottom: 1px solid rgba(255,255,255,.6);

}

.news-RightT ul li a{

	display: inline-block;

	width: 330px;

	overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

height: 48px;

font: 14px/48px "microsoft yahei";

padding-right: 20px;

}

.news-RightT ul li  span{

	display: inline-block;

	font: 14px/48px "microsoft yahei";

    vertical-align: top;

    margin-left: 10px;

    color: #333;

}

.news-RightT ul li:hover a,.news-RightT ul li:hover span{

	color: #333;

}

.news-box .bd{

	height: 520px;

	overflow: hidden;

}





.faq{

	width: 392px;

}

.faq h3{

	display: block;

	width: 392px;

	height: 56px;

	background: #ffd61a;

	font: 16px/56px "microsoft yahei";

	color: #fff;

	text-indent: 20px;

}







.faq ul li a{

	display: block;

	width: 340px;

	padding-left: 40px;

	background: url(/templates/pc_wjdh/images/q.jpg) no-repeat left top;

	font: 16px/24px "microsoft yahei";

	margin-top: 16px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.faq ul li p{

	width: 339px;

	padding-left: 40px;

	background: url(/templates/pc_wjdh/images/a.jpg) no-repeat left top;

	margin-top: 10px;

	overflow: hidden;

	font: 14px/24px "microsoft yahei";

	text-overflow:ellipsis;

	white-space: nowrap;

	color: #5f5f5f;

}

.faq ul li{

	width: 380px;

	margin: 0 auto;

	border-bottom: 1px solid rgba(255,255,255,.6);

	height: 70px;

	padding-left: 10px;

}



/*links*/

.links{

	width: 100%;

	height: 64px;

	background: #ffd61a;

	border-bottom:#ffd61a 1px solid;

}

.links-left {

	font: 16px/65px "microsoft yahei";

	color: #333;

	padding-right: 20px;

}

.links-right a{

	display: inline-block;

	font: 14px/65px "microsoft yahei";

	padding:0 10px;

	color: #333;

}



<!--0.0001671314239502-->