@import url("reset.css");
@import url("global.css");

.head_top a{ color:#fff;}

.w_1400{ width:1200px; margin:0 auto; overflow:hidden;}
.lm1{ height:638px;  background:url(../images/wltp1.jpg) no-repeat top center;}
.h3_1{ text-align:center; margin:20px auto; overflow:hidden; height:85px;}
.h3_2{ background:url(../images/wltp2.png) no-repeat top center; }
.h3_3{ background:url(../images/wltp11.png) no-repeat top center;}
.h3_4{ background:url(../images/wltp26.png) no-repeat top center; }
.h3_5{ background:url(../images/wltp36.png) no-repeat top center; height:107px;}

.lm1_l{ width:600px; height:336px;}
.lm1_l video{ width:100%; height:auto;}
.lm1_r{ height:336px; width:580px;  background:url(../images/wltp3.png) no-repeat bottom center; margin-bottom:30px;}
.lm1_r p{ padding:0 30px; margin-top:0px; line-height:35px; text-indent:0em; font-size:16px;}

.lyzx{ clear:both; overflow:hidden;}
.lyzx ul{ }
.lyzx ul li{ width:180px; height:117px; line-height:117px; text-indent:80px; font-size:18px; font-weight:bold; float:left; margin-right:20px; }
.lyzx ul li a{ color:#fff; transition: all 0.3s ease 0s;}
.lyzx ul li:hover a{ color:#ffd76c;}
.lyzx ul .li_1{  background:url(../images/wltp4.png) no-repeat top center; background-size:100% 100%;}
.lyzx ul .li_2{  background:url(../images/wltp5.png) no-repeat top center;background-size:100% 100%;}
.lyzx ul .li_3{  background:url(../images/wltp6.png) no-repeat top center;background-size:100% 100%;}
.lyzx ul .li_4{  background:url(../images/wltp7.png) no-repeat top center;background-size:100% 100%;}
.lyzx ul .li_5{  background:url(../images/wltp8.png) no-repeat top center;background-size:100% 100%;}
.lyzx ul .li_6{  background:url(../images/wltp9.png) no-repeat top center;background-size:100% 100%;}

.lyzx ul li:last-child{ margin-right:0;}

.lm2{ height:698px;  background:url(../images/wltp10.jpg) no-repeat top center;}
.ycfg{ height:500px;}

.ycfg em{ height:500px; width:73px;   float:left; cursor:pointer;}
.ycfg dl{ width:516px; height:118px; overflow:hidden; background:url(../images/wltp13.png) no-repeat top center; color:#fff; float:left; margin-top:373px; margin-left:30px; position:relative; z-index:2;}
.ycfg dl a{ color:#fff;}
.ycfg dl h4{ font-size:24px; margin:20px auto; padding-left:30px; font-weight:bold;}
.ycfg dl p{ padding:0 30px; line-height:27px; font-size:16px;text-indent:2em;}

.ycfg .fg{  float:left; height:500px;width:835px; display:none;}
.ycfg .fg1{ }
.ycfg .fg2{ }


.fghz span{ display:none;}
.fghz{ width:73px; float:left; overflow:hidden;  transition: all 0.5s;}
.fghz em{ position:relative;}
.fghz em img{ width:73px; height:500px; position:absolute; left:0; top:0; z-index:2; opacity: 0.5;}
.fghz em dd{ position:absolute; left:26px; top:50px; text-align:center;  z-index:3; font-size:24px; font-weight:bold; width:24px; color:#fff;}
.fghz em dt{ display:block; position:absolute; left:0; top:0; background:#2e88e5; width:73px; height:100%; z-index:1;}

.fghz.on .fg{ display:block;}
.fghz.on{width:835px;}
.fghz.on em{ display:none;}

.fg{ position:relative;}
.fg span{ position:absolute; top:0; left:0; z-index:1;}
.fg span img{ height:500px; width:835px;}
.fghz span{ display:none;}
.fghz.on span{ display:block;}

.yszx{ width:1200px; margin:30px auto; height:180px; overflow:hidden;}
.yszx ul{ }
.yszx ul li{ width:160px; height:160px; text-align:center; line-height:180px; margin-right:48px; font-size:36px; float:left; position:relative;}
.yszx ul li em{ position:absolute; left:0; top:0; z-index:1; }
.yszx ul li em img{ transition: all 0.3s ease-in-out; width:160px; height:160px;}
.yszx ul li p{ position:relative; z-index:2;}
.yszx ul li:hover img{transform: rotate(360deg);}
.yszx ul li:last-child{ margin-right:0;}

.ycrw{ margin-bottom:30px;}
.rw_l{ width:180px;}
.rw_l ul li{ width:180px; height:72px; line-height:72px; border-bottom:1px solid #e5e5e5; font-size:20px;}
.rw_l ul li img{ margin-right:10px; transition: all 0.2s ease 0s;}
.rw_l ul li.on{ background:url(../images/wltp42.png) no-repeat top center;}
.rw_l ul li.on img{ margin-left:10px;}
.rw_l ul li.on a{ color:#2375c9; font-size:24px; font-weight:bold;}
.rw_l em{ display:block; height:47px; margin-top:30px; width:72px; border-bottom:1px solid #0d59a7; transition: all 0.2s ease 0s; position:relative;}
.rw_l em a{ color:#2375c9; font-size:18px;}
.rw_l em:after{ position:absolute; right:-23px; bottom:-5px;  height:9px;  background:url(../images/wltp35.png) no-repeat top center; width:23px; content: '';}
.rw_l em:hover{   width:92px;}


.rw_r{ width:1000px;}
.rw_r ul{height:395px;}
.rw_r ul li{ width:250px; height:395px; position:relative; float:left; overflow:hidden;}
.rwbj{ position:absolute; top:0; left:0; z-index:1;}
.rwbj img{ width:296px; height:395px;}

.xsp{ position:absolute; bottom:5px; left:0; width:100%; z-index:2; color:#fff;}
.xsp h4{ font-size:24px; padding:0 25px; margin-bottom:5px;}
.xsp p{ line-height:26px; padding:0 25px;}
.ycp{ position:absolute; height:100%; top:395px; left:0; background:rgba(35,117,201,0.7) no-repeat; z-index:3; color:#fff; transition: all 0.3s ease 0s;}
.ycp h4{font-size:24px; padding:0 25px; margin-bottom:10px; margin-top:110px;}
.ycp p{ line-height:26px; padding:0 25px; margin-bottom:20px;}
.ycp span{ display:block; width:calc(100% - 50px); background:#fff; text-align:center; line-height:46px; margin:0 auto;}
.rw_r ul li:hover .ycp{ top:0; }
.rw_r ul li:hover .xsp{ display:none;}

.lm3{ height:688px;  background:url(../images/wltp43.jpg) no-repeat top center;}
.ycmp{width:1200px; overflow:hidden;}
.ycmp ul{ }
.ycmp ul li{ float:left; width:284px; position:relative; overflow:hidden; cursor:pointer; margin-right:20px;}
.ycmp ul li img{ width:290px; height:439px;   transition: all 0.3s ease-in-out;}
.ycmp ul li span{ position:absolute; top:0; right:18px; z-index:1; width:72px; height:202px;  background:url(../images/wltp37.png) no-repeat top center;}
.ycmp ul li span a{ width:30px; display:block; font-size:30px; margin:15px auto; color:#fff;}
.ycmp ul li:hover img{    transform: scale(1.1);}
.ycmp ul li:last-child{ }

.mpqh{ text-align:center; display:block; overflow:hidden; margin-top:20px;}
.mpqh li{ display:inline-block; width:28px; height:8px; line-height:50px; background:#e1dddc; border-radius:10px; overflow:hidden; transition: all 0.3s ease 0s; margin-right:10px; cursor:pointer;}
.mpqh li.on{ background:#d6b98d; width:70px;}

 


@media screen and (max-width: 1024px) {
	
	*{ box-sizing: border-box; -moz-box-sizing:border-box; }
	.lm1,.lm2{ height:auto;}
	.contenner{}
	.w_1400{ width:100%; padding:2%;}	
	.lm1_l,.lm1_r,.yszx{ width:100%; height:auto;}
	.lm1_l video{ width:100%; height:auto;}
	.h3_1{background-size:1000px 90%;}
	.lm1_r p{ padding:0 10px;}
	.lyzx ul{ margin:0;}
	.lyzx ul li{ width:49%; background-size:100% 100%!important; margin-bottom:10px; margin-right:0;}
	.lyzx ul li:nth-child(even){ float:right;}
	.ycfg{ height:auto;}
	.fghz{width:calc(100% / 6); height: 330px;}
	.ycfg em{ width:100%; height: 100%;}
	.fghz img{ width:100%;}
	.yszx{ overflow:hidden; padding:0 2%;}
	.yszx ul{ margin:0;}
	.yszx ul li{ margin:0; width:46%;  height: auto;}
	.yszx ul li:nth-child(even){ float:right;}
	.yszx ul li em img{ width:100%; height:auto;}
	.h3_4{ margin:0 2%;}
	.rw_l{ width:100%; margin-bottom:10px;}
	.rw_l ul li{ width:48%; float:left;}
	.rw_l ul li:nth-child(even){ float:right;}
	.rw_l em{ display:none;}
	.rw_l ul li.on{background-size:100% 100%!important;}
	.rw_r{ width:100%;}
	.rw_r ul li{ width:50%; height:240px;}
	.rwbj img{ width:100%; height:auto;}
	.ycrw{ margin-bottom:0;}
	.xsp h4{ font-size:20px;}
	.rw_r ul li:hover .ycp{ top:395px; }
	.rw_r ul li:hover .xsp{ display:block;}
	.ycmp{ width:100%;}
	.ycmp ul li{ width:48%; margin-right:10px;}
	.ycmp ul li img{ width:100%; height:auto;}
	.lm3{ height:auto;}
	.ycmp ul li a{ font-size:24px;}
	
}