@charset "utf-8";
/* CSS Document */
.neiye .aboutus a:hover{color:#fff;}

.neiye nav:hover ul li a{color:#fff;}
.neiye .nav:hover .aboutus a{color:#fff;}
	  .pages .hero-module{ height: 70vh}
 .neiye section{ margin:0 auto;overflow: hidden; padding: 0 auto;}
.part1{ margin: 0 auto; max-width: 1200px; position: relative; width:1200PX}
.part1-1 img{ width: 100%}
	
.part1-2{ position: relative;}
	.h115{ height: 11.5rem;}
	.h119{ height: 11.9rem;}
		.h59{ height: 5.9rem;}
	.h89{ height: 8.9rem;}
	.h86{ height: 8.6rem;}
	.h67{ height: 6.7rem;}
	.f16{ font-size:16px;}
	.f36{font-size: 36px;}
	.f18{font-size: 18px;}
	.magauto{ margin: 0 auto;}
	.texcen{text-align:center}
	.linh89{ line-height:89px;}
	.linh86{ line-height:86px;}
	.linh67{ line-height: 67px;}
	.part1lishil{ width: 50%; float: left;}
	.part1lishir{ width: 50%; position: absolute;top:0;left: 45%;padding-left: 5%; float: left;}
	
	.hr1{border-top:1px solid #333333;border-bottom:1px solid #333333;  padding: 1rem 0; margin: 1rem 0;width:77%; }

	.part2{ width:72.5%; margin: 0 auto}
	.part2-1 { width:100%; margin: 0 auto;}
	.part2-2{ width:100%; margin:0 auto;overflow: hidden; padding-top: 4.6rem; padding-bottom:3%;}
	.part2-2 dl{ float:left; margin-left:0.5%; background:#FFF; padding:4% 0 3% 0; width: 19.5%;  position:relative;}
	.part2-2 dl p{ margin:0 auto; width:90%; height:auto; overflow:hidden;}
    .part2-2 dl p img{ width:100%;}
	.part2-2 dl dt{ margin:0 auto; width:80%; height:auto; overflow:hidden; padding-bottom:2%; border-bottom:1px solid #313333; color:#313333; margin-top:5%; font-size:24px;}
	.part2-2 dl dd{ margin:0 auto; width:80%; height:auto; line-height:23px; overflow:hidden; color:#313333; margin-top:4%; height:70px;}
	.part2-2 dl i{
    position:absolute; left:0; top:45%;
	width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid #ddc0a0;
    border-bottom: 8px solid transparent;}
	.part2-2 dl:hover{transform:scale(1.05,1.1); cursor:pointer; z-index:999; box-shadow:2px 2px 6px #666;}
	.part2-2 dl:hover dt{border-bottom:1px solid #ff8a00; color:#ff8a00;}
	.part2-2 dl:hover dd{color:#ff8a00;}
	.part2-2 dl:hover i{border:0;}
	
	/*.part2-2 ul li{ float:left; margin-left:0.5%; background:#FFF; padding:5% 0; width: 19.5%;}
	.part2-2 ul li img{width:100%;}
	.part2-2 ul li:hover{transform:scale(1.05,1.1); box-shadow:2px 2px 10px #313333;}*/
	
	.neiye .part2-3 {width:19.3%; margin: 0 auto; padding: 6.3rem 0;}


.neiye .part3-4{width:26.8%; margin: 0 auto; padding: 5.6rem 0;}
.part3, .part5 ,.part6,.part7,.part8,.part9{ width:1200PX;; max-width: 1200px;margin: 0 auto}
.part3-1{width:100%;}
.part3-2{width:100%;color: #333333; font-size: 80%; text-align: center;  margin: 0 auto;}
.part3-2 p{padding: 4rem 0;}
.part3-3{ width:100%; margin: 0 auto; padding-top: 4rem;overflow: hidden;}
.part3-3 ul li{ float:left; width: 21.6%; padding: 0.85%;  border:2px solid #b5b5b5;}
.part3-3 ul li:hover{border:2px solid #ff8a00; cursor:pointer;}
.part3-3 ul li img{ width:100%;}
.tl{margin-left:1.5%;}
.tlr{margin:0 1.5%;}



.neiye .neiyex.pic_an{
	 background: #ddc0a0 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: 134px;
}
.neiye .neiyex.pic_an a {color:#24282b}




.pic_an{
	 background: #ff8a00 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: 134px;
}
.pic_an a {color:#fff}


section .part4{width:100%;max-width: 1920px; margin: 0 auto;}
.part4-1{width:23.3%;margin: 0 auto}
.part4-2{width:100%;margin: 0 auto}
.container{
            max-width:1920px;
            margin: 0 auto;
        }
        .slide{
            width: 100%;
            min-height:180px;
            overflow: hidden;
            position: relative;
  
        }
        .slide .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
        }
        .slide .img img{
            width: calc(100% - 14px);
            height: calc(100% - 14px);
            margin: 7px;
        }
        .slide .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide .img2{
            width: 50%; opacity:0.4;filter:alpha(opacity=40);
            height:75%;
            top: 12%;
            left: -23.5%;
            z-index: 2;
        }
        .slide .img3{
            width:46%;
            height:88%;
            top: 5%;
            left:27%;
            z-index: 3;
        }
        .slide .img4{
            width: 50%; opacity:0.4;filter:alpha(opacity=40);
            height: 75%;
            top: 12%;
            right: -23.5%;
            z-index: 2;
        }
        .slide .img5{
            width: 40%;
            height: 40%;
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide-bt{
            position: absolute;
            left: 50%;
            bottom: 1%;
            z-index: 10;
        }
        .slide-bt span{
            width: 41px;
            height: 3px;
            background: #c9caca;
            float: left;
            margin: 5px;
            border-radius: 4px;
        }
        .slide .slide-bt .on{
            background: #ff8a00;
        }
		.prev{position: absolute; left:20%;
            top: 38%; width:2.5%; cursor:pointer;
            z-index: 10;}
		.next{position: absolute; right:20%;
            top: 38%; width:2.5%; cursor:pointer;
            z-index: 10;}
		.prev img,.next img{ width:100%;}


.part4-3{width:14.8%;margin: 5.2rem auto; }


.wp_js{ margin:0 auto; width:100%; height:auto; overflow:hidden; margin-top:20px;}
.wp_js .hl6{ margin:0 auto; width:70%; height:auto; overflow:hidden;}
.hl6 li{ float:left; width:45%; margin: 0 2.5%; position:relative; margin-bottom:5%;}
.hl6 li a{ text-align:center; border:1px solid #313333; line-height:70px; color:#747474; height:70px; display:block; font-size:32px; cursor:pointer;}

.hl6 li.hover a{ background:#cba881; border:1px solid #cba881;}
.hl6 li.hover a{ color:#fff}
.hl6 li i{ position:absolute; width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #cba881;
	bottom:-15px; left:46%; display:none;}
.hl6 li.hover i{ display:block}


.lg_js{ margin:0 auto; width:100%; height:auto; background:#FFF; overflow:hidden;}
.lg_js .liugan{ float:right; width:35%; height:auto; overflow:hidden; padding-top:8%;}
.lg_js li{ float:left; width:94%; margin:11% 0 0 5%; position:relative;}
.lg_js li a h3{ float:left; padding: 0 5%; font-size:30px; border-right:1px solid #313333;}
.lg_js li a h4{ float:left; padding: 0 5%;}
.lg_js li a{ text-align:center; color:#747474; height:auto; display:block; font-size:28px; cursor:pointer;}

.lg_js li.hover a{ color:#cba881; padding-right:20%;}
.lg_js li.hover a h3{border-right:1px solid #cba881;}
.lg_js li i{ position:absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #cba881;
    border-bottom: 10px solid transparent;
	left:-15px; top:23%; display:none;}
.lg_js li.hover i{ display:block}

.lg_js div{ float:left; width:60%; padding-top:1%}
.lg_js div img{ width:100%;}

.shuanghu{ margin:0 auto; width:100%; height:auto; overflow:hidden;}
.shuanghu img{ width:100%;}


.part5-3{width:25.4%;margin: 5.5rem auto}
.part6-3{ width: 21%;margin: 8.3rem auto}
.part7-1{ width:46.6%; margin: 0 auto}
.part7-2{overflow: hidden;}
.part7-2 ul li{ width:274PX;float:left; height:541px; margin-left:2%;}
.part7-2 ul li:nth-child(1){ margin-left:0;}

.part7-2 ul li.fxal1{ background:url("fx1-a.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal2{ background:url("fx2-a.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal3{ background:url("fx3-a.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal4{ background:url("fx4-a.jpg") no-repeat; background-size:100%;}

.part7-2 ul li.fxal1:hover{ background:url("fx1-hover.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal2:hover{ background:url("fx2-hover.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal3:hover{ background:url("fx3-hover.jpg") no-repeat; background-size:100%;}
.part7-2 ul li.fxal4:hover{ background:url("fx4-hover.jpg") no-repeat; background-size:100%;}


.part7-2 ul li img{ width:100%; overflow: hidden;}
.part7-3{ width:20.9%; margin: 5.8rem auto}



/*.tl7{margin-left:2%;}
.tr7{margin-right:2%;}
.tlr7{margin:0 2%;}*/



.part8-1{ width:43.5%; margin: 0 auto}
.part8-2{margin-top: 10.4rem;}
.part8-2 .p8m01{width:34.6%; float: left}
.p8m01 div{border-bottom:1px solid #ff8100; color:#7a797e; line-height: 50px; font-size: 20px}
.p8m02 div{border-bottom:1px solid #7a797e; color:#7a797e; line-height: 50px;font-size: 20px}
.part8-2 .p8m02{width:42.75%; float: left;}
.part8-2 .p8m01,.p8m2{ margin-left: 9.7%; margin-right: 4.5%; overflow: hidden;}
.part8-2 .p8m02{margin-right: 7.8%; margin-bottom: 10px;}
.p8m{ width:100%;}
.p8m1{margin-top: 5rem; }
.p8m1 .p8m11{ margin-left: 9.7%; margin-right: 1.7%}
.p8m1 .p8m12{margin-right: 7.8%}
.p8m2{ margin-top:5.7rem}

.part9-2 {margin-top:3rem;}
.part9-2 .p9m{ width: 46%; text-align: right;}
.part9-2 .p9m, .part9-2 .p9m1{ float:left;}
.part9-2 .P8m1{ width:54%;}
.p9m1 ul {  margin-left: 4.7rem;}
.p9m1 ul li{color: #fff; border:1px solid #fff;line-height: 6.7rem; float: left;margin-top: 2.6rem;  width: 86%}

.p9m1 ul li:nth-child(3) span { background:url("part9tli2.png"); background-position: left; display: block; background-repeat: no-repeat; padding-left: 4rem; margin-left: 3rem;}
.p9m1 ul li:nth-child(1) span { background:url("part9tli1.png"); background-position: left; display: block; background-repeat: no-repeat; padding-left: 4rem; margin-left: 3rem;}

.p9m1 ul li:nth-child(2) span { background:url("part9tli2.png"); background-position: left; display: block; background-repeat: no-repeat; padding-left: 4rem; margin-left: 3rem;}

.p9m1 ul li:hover{  background:#fff; color: #cba881}


.part8-3{ width: 20.9%; margin:5.6rem auto;}
.part9-1{ width: 47.5%; margin: 0 auto}

.p9m1{ WIDTH:54%;margin-top: 4.5rem; }
.nav nav ul li a{color:#ddc0a0}
.aboutus a{color:#ddc0a0}

 .pages .hero-module{ height: 70vh}


 @media (max-width:2560px){
		 .p8m01 embed{height:232px; width: 100%}
	 	 .p8m02 embed{height:287px;width: 100%}
		.h59{height:120px;}
	 	.f36{ font-size: 26px;}
		.part1r11{ font-size: 12px; line-height: 16px;}
	
		.linh86{ line-height:50px;}
		.hr1{width:74%;}
	 .p9m1{ margin-top: 122px;}
	 .part1r p{ font-size: 18px;line-height: 28px;}
	 .part1-1,.part2-1 ,.part3-1,.part3-2{width:1200px;}
	 .part3-3 ul li img{width:auto;}
.neiye .part3-4{ width:322px;}
	 /*img {width:auto;}*/
	 .shuanghu img{width:auto;}
	 .part7-2 ul li.fxal1{ background-size: auto}
	 
		}


 @media (min-width:1560px) and (max-width:1820px){
	  .p8m01 embed{height:193px; width: 100%}
	 	 .p8m02 embed{height:238px;width: 100%}
	   .neiye .aboutus{position:absolute; top:48px;right:0;margin-right: 193px} 
	.hl6 li a{line-height:60px; height:60px; font-size:30px;}	
.lg_js li a h3{font-size:28px;}
.lg_js li a{font-size:26px;}   
			   
		
				.part1 .h59{height:40px;}
				.f36{font-size:30px;}
				.part1r11{font-size: 14px;line-height: 28px;}
				.pic_anpp a{line-height: 43px;height: 43px;}
				.linh86{line-height:60px;}
				.hr1{width:106%;}
			    .p9m1{ margin-top: 76px;}
	 

			   
			   .neiye .hero-module.hero__page .media {top:-29%; background-size:84% }
			  .neiye .hero-module .inner{    margin-left: 83px;
    margin-right: 83px;
    padding-top: 60.89px;
			   }
			 .pages .neiyex{ margin-top: 20px;}
			   
			   .nav.desktopNav ul	  {
				   
				 margin-left: 197px;
    margin-right: 197px;
    padding-top: 60.89px;   
				 
				   
			   }  
.part7-2 ul li{height:541px;}
			  }


 @media(max-width:1440px){
	 .p8m01 embed{height:170px; width: 100%}
	 	 .p8m02 embed{height:214px;width: 100%}
			 .neiye section{padding-top:70px;overflow: hidden;}
			 	 .pages .neiyex{ margin-top: 20px;}	 
			 		 
			 .hr1.f16{ font-size: 10px;line-height: 14px; }
			  .pages .hero-module{height:82.5vh;}
			 .h59{height:40px;}
			  .f36{ font-size: 26px;}
			 .part1r11{ font-size: 12px; line-height: 16px;}
			 .pic_anpp  a{ line-height: 43px; height: 43px;}
			 .linh86{ line-height:50px;}
			 .hr1{width:106%;}
	 .p9m1 ul li{line-height:55px}
	  .p9m1{ margin-top: 97px;}
	  .part7-2 ul li{height:420px;}
	  .hl6 li a{line-height:50px; height:50px; font-size:28px;}	
	  .lg_js li a h3{font-size:26px;}
.lg_js li a{font-size:24px;} 
		  }


 @media(min-width:1440px){
			 
			
			 .neiye section>div{padding:0 auto;}
			 		 
	

		  }