*{box-sizing:border-box;margin:0; padding:0; list-style:none;  }
a{ color:#333; text-decoration:none;   }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0;  }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1400px; }
.w1360{ margin: 0px auto; width:1360px; }



@font-face {
    font-family: 'beifang';
    src: url('../fonts/北方行书_1.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.in_header{width:100%; height:97px; position:fixed; top:0; left:0; z-index:9999; padding: 0px 6%;}
.in_header .h_logo{width:174px; height:100%; float: left; display: flex; align-items: center;}
.in_header .h_logo img{max-width: 100%}
.h_dianhua{float: right; background: url(../images/h_dianhua.png) no-repeat left center; padding-left: 30px; font-size: 24px; color: #ffffff;  font-weight: bold; 
	font-family: "Arial"; line-height: 100px}
.ny_header .in_header{position:absolute; }


/*导航*/
#menu{float: right; width:62%; height: auto; margin-right: 4%}
#menu .nav{ z-index:1;   width:100%; height:auto; margin: 0px auto;}
#menu .nav .nLi{ float:left; display:inline; height:100%;  width:14.2%;  }
#menu .nav .nLi:last-child{margin-right: 0}
#menu .nav .nLi p{font-weight: normal; width:100%; text-align:center;  z-index: 2; position: relative; height:100%; }
#menu .nav .nLi p a{color:#fff;font-size:16px;   height:100%;   overflow: hidden; position: relative; padding-bottom:25px; line-height:95px;}
#menu .nav .sub{ display:none; width:100%; left:0; top:87px;  position:absolute; z-index: 99999; background:rgba(255,255,255,0.5); padding:20px 0; text-align: center}
#menu .nav .sub li{ zoom:1;display: inline-block; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px; line-height: 36px; color:#333; padding: 0 25px; background: url(../images/tx.png) no-repeat right center;}
#menu .nav .sub a:hover{ color:#fff;  }
.nLi > p > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active p a{border-bottom: 3px solid #fff }
#menu .nav .nLi:hover p a{border-bottom: 3px solid #fff; }

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #707375; border: 1px solid #707375; width: 6px; height: 6px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #fbc100; width: 12px; height: 12px; border: 0; left:0}
#fp-nav.right{right:auto; left:20px}
#fp-nav ul li, .fp-slidesNav ul li{margin:15px 8px;}
.chColor{background:rgba(0,0,0,0.5); top:0; height:auto; padding:12px 4%}
.fp-nav #menu .nav .nLi p a{color:#333}
.fp-nav .active p a{ border-bottom: 3px solid #00529b;}
.fp-nav .in_hsearch_text{border:1px solid #e5e5e5}
.fp-nav .h_submit{background: url(../images/search.png) no-repeat center}	
	




/*第1块*/
.section1{display: block; width: 100%; height:auto;overflow: hidden; position: relative; }
.section1 .slideBox{position:relative;overflow:hidden;width:100%;height:auto;}
.section1 .slideBox .bd{position:relative;z-index:0;width:100%;height:auto; overflow: hidden}
.section1 .slideBox .bd ul{width:100%;height:100%}
.section1 .slideBox .bd li{width:100%;height:100vh;vertical-align:middle;zoom:1}
.section1 .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100vh; }
.section1 .slideBox .bd li img{width:100%; height: auto; display: block;}
.section1 .slideBox .hd{height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1;}
.section1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.section1 .slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px;  background: #fff; border-radius: 50% }
.section1 .slideBox .hd ul li.on{background: #71614d}
.section1 .pageState{position: absolute; top:150px; left:10%; font-size: 26px; color: #fff; font-family: "beifang"}
.section1 .pageState span{font-size: 96px; color: #90704c; font-family: "beifang"}
.section1_sousuo{position: absolute; bottom:80px; right:20px; width: 396px}
.section1_input{width:233px; height: 31px; background: rgba(255,255,255,0.2); border-radius: 25px; padding: 0 10px; float: right; margin-right: 30px;}
.section1_input input[type="text"]{width:80%; height: 100%; float: left; background:none; border: 0; font-size: 16px; color: #fff}
.section1_input input[type="submit"]{width:20%; height: 100%; background: url(../images/souso.png) no-repeat center; border: 0}
.section1_text{width:100%; height: auto; overflow: hidden; line-height: 40px; margin-top:15px;}
.section1_text p,.section1_text a{font-size: 16px; color: #fff; float: left}
.section1_hot{float: left; }
.section1_text a{margin: 0 15px}






/*2*/
.section2{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section2_ban{background: url(../images/section1_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
.section2 .container{padding-top: 8vw}
.section2_left{width:43%; height: auto; float: left; margin-top: 40px;}
.in_about_info{width:100%; height: 112px; overflow: hidden; line-height:28px; font-size: 16px; color: #ffffff;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; opacity: .65; margin: 50px 0; text-indent: 2rem }
.in_ab_jts{width:60px; height: 60px; float: left}
.section2_left ul{float: left; overflow: hidden; margin-top: 8px;}
.section2_left ul{float: left; overflow: hidden; margin-top: 8px;}
.section2_left ul li{float: left; margin-left:54px}
.section2_left ul li i{width:14px; height: 14px; border: 2px solid #fff; display: block; margin: 0px auto; border-radius: 50%}
.section2_left ul li p{font-size: 14px; color: #fff; line-height: 30px; margin-top: 8px;}
.section2_left ul li:hover i{border: 2px solid #a58057}
.section2_ku{width:100%; display: block; overflow:hidden; margin-top:10vw}
.section2_ku a{width:20px; height: auto; float: left; position: relative; padding-bottom:60px; text-align: center; line-height: 20px; margin-right: 20px;}
.section2_ku a p{font-size: 12px; color: #fff; font-family: "beifang"; writing-mode:tb-rl; writing-mode:vertical-rl; text-transform: uppercase; opacity: 0; 
	transition: all .5s ease}
.section2_ku a:after{content: ""; width: 2px; height: 28px; background:rgba(255,255,255,0.4); position: absolute; bottom:0; transition: all .5s ease }
.section2_ku a:hover:after{height:44px; background:#fff;}
.section2_ku a:hover p{opacity: 1}
.section2_ku a.active:after{height:44px; background:#fff;}
.section2_ku a.active p{opacity: 1}
.section2_right{width:53.3%; height: auto; float: right}
.section2_right h4{font-size: 14px; color: #ffffff; text-align: right; margin-bottom:20px;}
.section2_right .slideBox{position:relative;overflow:hidden;width:100%;height:auto; }
.section2_right .slideBox .bd{position:relative;z-index:0;width:100%;height:auto; overflow: hidden}
.section2_right .slideBox .bd ul{width:100%;height:100%}
.section2_right .slideBox .bd li{width:100%;height:auto;vertical-align:middle;zoom:1}
.section2_right .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }
.section2_right .slideBox .bd li img{width:100%; height: auto; display: block; }
.section2_right .slideBox .hd{height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; margin-right: -30px;}
.section2_right .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.section2_right .slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px;  background: #fff; border-radius: 50% }
.section2_right .slideBox .hd ul li.on{background: #71614d}


.active .section2_right{animation-name: fadeInRightBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section2_ku{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section2_left h3,.active .section2_left h4{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .in_ab_jts,.active .section2_left ul{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .in_about_info{animation-name: fadeInLeftBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}












/*第3块*/
.section3{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section3_ban{background: url(../images/section2_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
/*.active .section2_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}*/
.section3 .container,.section2 .container{ position: relative; z-index: 9}
.section3_title{width:100%; height: auto; overflow: hidden; position: relative; z-index: 9; margin-top: 5vw}
.section3_title h4,.section2_left h4{font-size: 75px; color: #d6c7b8;  font-family: 'beifang'; text-transform: uppercase}
.section3_title h3,.section2_left h3{font-size:36px; color: #a58057; font-weight: bold; margin-bottom:20px;}
.section3_title h5{font-size:16px; color: #fff; margin-bottom: 10px;}
.section3 ul{width:100%; height: auto; overflow: hidden; margin-top: 10vw}
.section3 ul li{width:25%; height: auto; float: left; background: url(../images/sx.png) no-repeat right center; padding-left: 5%; padding-top: 40px; transition: all .4s ease}
.section3 ul li h4{font-size: 34px; color: #ffffff; margin-bottom:15px;}
.section3 ul li p{font-size: 18px; color: #ffffff;}
.section3 ul li i{width:40px; height: 40px; display: block; background: url(../images/xl_jia.png) no-repeat center; display: block; margin-top:30px; opacity: 0}
.section3 ul li:nth-child(1){padding-left: 0}
.section3 ul li:hover i{opacity: 1}
.section3 ul li:hover h4{font-weight: bold;}
.section3 ul li:hover{padding-top:0}
.active .section3_ul{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section3_title h3,.active .section3_title h4{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section3_title h5{animation-name: fadeInLeftBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}







/*第3块*/
.section4{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section4_ban{background: url(../images/section3_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
/*.active .section3_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}*/
.index_product_title{height: auto; overflow: hidden;position: relative; z-index: 999; margin-top:5vw}
.in_pro_left{width:auto; height: auto; float: left}
.in_pro_left h4{font-size: 75px; color: #d6c7b8;  font-family: 'beifang'; text-transform: uppercase}
.in_pro_left h3{font-size:36px; color: #a58057; font-weight: bold; margin-bottom:15px;}
.in_pro_nav{float: right; font-size: 16px; color: #fff; background: url(../images/pro_jts.png) no-repeat left center; padding-left: 220px; height: 36px; line-height: 36px; margin-top:90px;}
.index_product_right{width:100%; height: auto; float: right; position: relative; padding-bottom: 60px; margin-top:2vw}
.index_product_right .swiper-slide{width:1019px}
.index_product_right .swiper-slide a{width:100%; height: auto; display: block; transition: 300ms; position: relative;}
.index_product_right .swiper-slide a img{width:100%; height: auto; display: block;}
.index_product_right .swiper-slide a:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(165,128,87,0.6)}
.index_product_right .swiper-slide-active a:after{opacity: 0}
.index_product_right .swiper-slide-active{transform: scale(1);}
.index_product_right .swiper-button-next,.index_product_right .swiper-button-prev{width:50px; height:51px;  margin-top:-25.5px; opacity: 0.6}
.index_product_right .swiper-button-next{background: url(../images/pro_right.png) no-repeat center; right:19%}
.index_product_right .swiper-button-prev{background: url(../images/pro_left.png) no-repeat center; left:19%}
.index_product_right .swiper-button-next:hover{opacity: 1}
.index_product_right .swiper-button-prev:hover{opacity: 1}


.active .index_product_title{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .index_product_right{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}




/*第4块*/
.section5{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section5 .fp-tableCell{vertical-align:top; padding-top: 10vw}
.section5_ban{background: url(../images/section4_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
/*.active .section4_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}*/
.section5_left{width:42%; height: auto; float: left; position: relative; z-index: 9}
.section5_left h4{font-size: 75px; color: #d6c7b8;  font-family: 'beifang'; text-transform: uppercase}
.section5_left h3{font-size:36px; color: #a58057; font-weight: bold; margin-bottom:15px;}
.section5_left h5{font-size:16px; color: #ffffff; opacity: .7; margin-bottom:46px;}
.section5_left a{width:159px; height: 40px; display: block; background: #90704c; border-radius: 25px; display: block; text-align: center; line-height: 40px; font-size: 18px; color: #fff; }
.section5_img{width:100%; height: auto; overflow: hidden; position: absolute; bottom:0; left:0; z-index: 9}
.section5_img img{width:100%; height: auto; display: block}
.section5 ul{width:55%; height: auto; float: right; position: relative; z-index: 9; padding-top: 40px;}
.section5 ul li{width:30%; height: auto; float: left; margin-right:5%; text-align: center;transition: all .5s ease}
.section5 ul li:nth-child(3){margin-right: 0}
.section5 ul li i{width:36px; height: 36px; display: block; background: url(../images/zs_jia.png) no-repeat center; margin: 0px auto; opacity: 0}
.section5 ul li h4{font-size: 22px; color: #ffffff; font-weight: bold; margin: 15px 0 20px}
.section5 ul li p{font-size:14px; color: #ffffff;  margin-bottom: 10px; opacity: .6;line-height: 30px;}
.section5 ul li:hover i{opacity: 1}
.section5 ul li:hover{margin-top: -40px;}

.active .section5_left{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section5_right{animation-name: fadeInRightBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}







/*第5块*/
.section6{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section6_ban{background: url(../images/section5_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
/*.active .section5_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}*/
.section6_all{width:100%; height: auto; position: relative; z-index: 9 }
.index_news_title{ height: auto; overflow: hidden; position: relative; z-index: 9}
.index_news_title h3{font-size:36px; color: #a58057; font-weight: bold;}
.index_news_title h4{font-size:75px; color: #d6c7b8; font-family: "beifang"; text-transform: uppercase}
.index_news_all{width:100%; height: auto; margin-top:8vh; position: relative}
.index_news_all .swiper-slide{width:762px; opacity: 0.5}
.index_news_all .swiper-slide a{width:100%; height: auto; overflow: hidden}
.index_news_pic{width:308px; height: auto; overflow: hidden; float: left; position: relative}
.index_news_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_pic:after{content: ""; width: 100%; height: 100%; background: rgba(165,128,87,0.8); position: absolute; top:0; left:0; z-index: 1}
.index_news_xx{width:424px; height: auto; float: right}
.index_news_xx h3{width:100%;height:64px; line-height:32px; font-size:24px; color: #d6c7b8; font-weight: bold;  margin-top:8px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:30px;}
.index_news_xx p{width:100%;height:78px; line-height:26px; font-size:14px; color: #ffffff; opacity: .39;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 25px}
.index_news_xx i{font-size: 48px; color: #a58057; font-family: "beifang"}
.index_news_xx span{width:123px; height: 34px; line-height: 34px; text-align: center; display: block; font-style: normal; color:#fff; background: #90704c; font-size: 14px; border-radius: 25px;}
.index_news_time{width:100%; height: auto; overflow: hidden; text-align: center; margin-top:6vw; opacity: 0}
.index_news_time i{font-size: 22px; color:#ffffff; display: block; margin-top: 10px}
.index_news_all .swiper-slide a:hover .index_news_pic img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.section6 .swiper-slide-active{opacity:1}
.section6 .swiper-slide-active .index_news_time{opacity: 1}
.in_news_anniu{width:100%; height: 60px; overflow: hidden; background: url(../images/news_xs.png)  no-repeat 5px center; position: relative; margin-top: -106px;}
.index_news_all .swiper-button-next,.index_news_all .swiper-button-prev{width:39px; height:40px;  margin-top: 0}
.index_news_all .swiper-button-next{background: url(../images/news_right.png) no-repeat center; right:20%; top:20px}
.index_news_all .swiper-button-prev{background: url(../images/news_left.png) no-repeat center; left:20%; top:0;}
.active .index_news_title{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .index_news_all{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.section6 .swiper-slide-active .index_news_pic:after{opacity: 0}








/*第7块*/
.section7{display: block; width: 100%; height: 100%;overflow: hidden; position: relative}
.section7_ban{background: url(../images/section6_bjs.jpg) no-repeat left center; width: 100%; height: 100%; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
/*.active .section7_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}*/
.section7 .fp-tableCell{vertical-align:top}
.section7_top{overflow:hidden; position: relative; z-index: 9; margin-top:10vw }
.section7_top_left{width:49%; height: auto; float: left}
.section7_top_left h4{font-size: 75px; color: #d6c7b8;  font-family: 'beifang'; text-transform: uppercase}
.section7_top_left h3{font-size:36px; color: #a58057; font-weight: bold; margin-bottom:15px;}
.section7_top_left h5{font-size:16px; color: #ffffff; opacity: .7; margin-bottom:46px;}
.section7_top_left .f1{font-size: 24px; height: 30px; line-height: 30px; color: #ffffff; font-weight: bold; background: url(../images/icon1.png) no-repeat left center; padding-left:40px; 
	margin-bottom:20px;}
.section7_top_left .f2{font-size:20px; height: 30px; line-height: 30px; color: #ffffff; background: url(../images/icon2.png) no-repeat left center; padding-left:40px;}
.section7_top_right{width:46%; height: auto; float: right}
.section7_top_right dl{width:100%; height: 66px;}
.section7_top_right dl dt{width:48%; height: 100%; float: left}
.section7_top_right dl dd{width:48%; height:100%; float: right}
.section7_top_right dl input[type="text"]{width:100%; height: 100%; border: 1px solid rgba(255,255,255,0.4); border-radius:10px; padding: 0 10px; font-size: 16px; color: #fff; background: none;}
.section7_top_right textarea{width:100%; height:130px;  border: 1px solid rgba(255,255,255,0.4); padding: 10px; resize: none;  font-size: 16px; color: #fff; 
	background: none; border-radius:10px; margin-top: 26px;}
.section7_submit{width:191px; height: 47px; float: right; background: #a58057; text-align: center; line-height: 47px; color:#ffffff; font-size: 16px; border-radius:10px; border: 0; margin-top: 38px;}
.section7 .footer{position: absolute; bottom:0; left:0; z-index: 9; }
.footer{width:100%; height:270px; background: #000; padding-top: 2.5vw;}
.footer_top{width:100%; height: auto; overflow: hidden}
.footer_top_left{width:360px; height: auto; float: left}
.footer_top_left h4{font-size: 22px; color: #a58057; line-height: 40px}
.footer_top_left p{font-size: 14px; color: #ffffff; line-height:26px;opacity: 0.5; margin-top: 10px;}
.footer_top dl{float: left; margin-left: 5%}
.footer_top dl dt{color:#ffffff; font-size: 16px; float: left; width: 104px}
.footer_top dl dd{color:#ffffff; font-size: 14px; float: left; line-height: 30px;}
.footer_top dl dd a{color:#ffffff; font-size: 14px; opacity: .6; display: block}
.footer_top dl dd a:hover{opacity: 1}
.footer .slideTxtBox{float: right}
.footer .slideTxtBox .hd{width:30px; height: auto; float: left; margin-right:35px}
.footer .slideTxtBox .hd ul{width:100%; height: auto; display: block}
.footer .slideTxtBox .hd ul li{width:30px; height: auto; margin-bottom: 10px; }
.footer .slideTxtBox .hd ul li img{width:100%; height: auto; opacity: 0.4}
.footer .slideTxtBox .hd ul li.on img{opacity: 1}
.footer .slideTxtBox .bd{width:118px; float: left}
.bd_list{width:100%; height: auto;}
.bd_list img{width:100%; height: auto; display: block}
.section7_banquan{width:100%; height: auto; overflow: hidden; margin-top:40px;}
.copy_l{width:auto; line-height:40px; font-size:14px; color: #ffffff; float: left}
.copy_l a{ font-size:14px; color: #ffffff;}
.footer_zhichi{width:auto; height:40px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; line-height:40px;}
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 28px; background: url(../images/wl.png) no-repeat; margin-top:10px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}



.active .section7_top_left{animation-name: fadeInDownBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section7_top_right{animation-name: fadeInUpBig;	animation-duration: 1.1s;	animation-delay:0.8s;animation-fill-mode: both;}








/*客服*/
.lxfx{height:auto;position:absolute;right:0;top:0;width:118px;z-index:11;height:226px;background:url(../images/xxs.png) no-repeat center;padding-top:34px}
.leftlx{float:left;height:45px;width:45px}
.fix_ewm{border:5px solid #fff;display:none;height:120px;left:-145px;position:absolute;top:-40px;width:120px}
.lxfx li i{display:block;height:27px;margin:0 auto;text-align:center;width:30px;background:url(../images/fx.png) no-repeat}
.lxfx li i.icon-tel{background-position:0 -25px}
.lxfx li i.icon-ly{background-position:4px -53px}
.lxfx li i.icon-wx{background-position:-34px 4px}
.lxfx li i.icon-wb{background-position:-30px -22px}
.lxfx li p{line-height:12px;text-align:center}
.lxfx li{height:45px;margin-bottom:1px;margin-left:0;position:relative;width:45px;border-radius:50%;margin:0 auto 8px}
.y_dh{background:url(../images/i1.png) no-repeat}
.y_kf{background: url(../images/i3.png) no-repeat}
.y_dh span{width:120px; height:30px; background: url(../images/../images/h_pic.png) no-repeat;  position: absolute; left:140px; top:50%; margin-top: -16px; font-size: 14px; color: #e60039;
	text-align: center; line-height:30px; display: block;}
.y_dh:hover{background: url(../images/i1_h.png) no-repeat}
.y_dh:hover span{left:-112px; }
.y_kf a{width:140px; height:30px;  background: url(../images/../images/h_pic.png) no-repeat;position: absolute; left:140px; top:50%; margin-top: -16px; font-size: 14px; color: #e60039;
	text-align: center; line-height:30px; display: block;}
.y_kf:hover a{left:-112px;}
.y_kf:hover{background: url(../images/i2_h.png) no-repeat}




/*内页*/
.case_ban{ background: url(../images/case_ban.jpg) no-repeat}
.bkzl_ban{ background: url(../images/bkzl_ban.jpg) no-repeat}
.qysl_ban{ background: url(../images/qysl_ban.jpg) no-repeat}
.about_ban{background: url(../images/about_ban.jpg) no-repeat}
.news_ban{ background: url(../images/news_ban.jpg) no-repeat}
.product_ban{ background: url(../images/pro_ban.jpg) no-repeat}
.rlzy_ban{background: url(../images/rlzy_ban.jpg) no-repeat}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat}
.zshz_ban{background: url(../images/zshz_ban.jpg) no-repeat}
.p-tit{height:70px;line-height:70px; border-bottom: 1px solid #dcdcdc}
.m-crm{color:#333;font-size:12px; background: url(../images/home.png) no-repeat left center; padding-left: 30px; float: left;font-size:14px;}
.m-crm a{font-size:14px; margin:0 3px;color:#333;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#71614d;}
.p-tit ul{float:right; height: 100%;}
.p-tit ul li{float:left;margin:0 20px}
.p-tit ul li a{display:block;height:70px;line-height:70px;color:#333333;font-size:14px;}
.p-tit ul li.active a,.p-tit ul li:hover a{color:#71614d}

.ny_biaoti{overflow:hidden; margin:30px auto 30px;}
.ny_biaoti ul{width:100%; height:auto; overflow:hidden}
.ny_biaoti ul li{width:130px; height:40px; line-height:40px; border:1px solid #eee; border-radius:8px; text-align:center; float:left; margin-right:8px; margin-bottom:10px;}
.ny_biaoti ul li a{display:block;height:100%;color:#333333;font-size:14px;}
.ny_biaoti ul li.active a,.ny_biaoti ul li:hover a{color:#fff; background:#71614d; border-radius:8px;}
.ny_biaoti ul li:nth-child(9n){margin-right:0}




/*关于我们*/
.ny_about_ul{width:100%; height: auto; overflow: hidden; }
.ny_about_ul li{width:520px; height: 300px; float: left; overflow: hidden; position: relative; margin-bottom: 10px;}
.ny_about_ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.about_ul_hover{width:100%; height: 52px; background: rgba(0,0,0,0.48); position: absolute; bottom:0; left:0; text-align: center; transition: all 0.4s ease-in-out;}
.about_ul_hover h4{width:100%; height: 52px; line-height: 52px; font-size: 18px; color: #fff; font-weight: bold;}
.about_ul_hover p{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; margin: 10px 0}
.about_ul_hover span{width:100%; font-size: 16px; color: #fff;}
.ny_about_ul li:nth-child(2n){float: right}
.ny_about_ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_about_ul li:hover .about_ul_hover{height:100%; background: rgba(0,53,148,0.8); transition: all 0.4s ease-in-out; padding-top: 55px}
.ny_about_ul li:hover h4{font-size: 30px; }
.ny_about_ul img{max-width:100%; display:block;}
.ny_about_xq{padding:20px 0;}
.ny_about_xq .about_xq_xq{background:#fff; padding:50px; font-size:16px; color:#666; line-height:32px; width:1300px; margin:0px auto;     box-shadow: 0 0 8px rgba(0,0,0,0.2); overflow:hidden}
.about_xq_xq img{max-width:100%}

/*内页产品*/
.ny_ban{width:100%; height: 365px; position: relative;}
.ny_ban_info{width:100%; height:229px; background: url(../images/dao_bjs.jpg) no-repeat left center; position: absolute; bottom:0; left:0}
.ny_ban_info dl{width:1200px; height: 100%; float: left; margin-top: 35px;text-align: center}
.ny_ban_info dl dt{font-size: 36px; color: #fff; font-weight: 900; font-family: "Arial"}
.ny_ban_info dl dd{font-size: 24px; color: #fff;}
.ny_post{float: right; background: url(../images/home.png) no-repeat left center; padding-left: 30px; font-size: 16px; color: #666666; margin-top: 196px;}
.ny_post a,.ny_post span{font-size: 16px; color: #666666}
.ny_post a:hover{color:#194ca6}
.ny_all{width:100%;line-height:30px; margin-bottom:40px;  width:100%; height:auto; overflow:hidden}

.ny_info{width:100%; height: auto; overflow: hidden; background: url(../images/pro_bjs.jpg)  no-repeat right top;  
	padding-bottom: 36px}
.ny_product_ul ul{width:100%; height: auto; overflow: hidden; margin: 0px auto;}
.ny_product_ul ul li{width:32.3%; height: auto; float: left; position: relative; margin-right:1.5%; margin-bottom: 20px; overflow: hidden;border-radius:10px}
.ny_product_ul ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_ul ul li:nth-child(3n){margin-right: 0}
.ny_pro_hover{width:100%; height: 50px; background: rgba(0,0,0,0.48); position: absolute; bottom:0; left:0; text-align: center; transition: all 0.4s ease-in-out;}
.ny_pro_hover h3{width:100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_pro_hover span{font-size: 16px; color: #fff; line-height: 40px; display: none }
.ny_product_ul ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product_ul ul li:hover .ny_pro_hover{background: #71614db3; height: 100%; transition: all 0.4s ease-in-out; padding-top:15%}
.ny_product_ul ul li:hover span{display: block}
.ny_product_ul ul li:hover h3{font-size: 18px; color: #fff;}
.ny_pro_title{background:url(../images/ab.jpg) no-repeat center; background-size:cover; width:1300px!important; margin-top:20px; height:120px; padding:50px 30px 0}
.ny_pro_title h4{color:#fff; font-weight: bold; font-size: 50px; float:left;}
.ny_pro_title p{color:#fff;  padding-top:10px; font-size: 20px;  padding-left:20px; float:left; background:url(../images/xie.png) no-repeat left top}
.w1200{ margin: 0px auto; width:1200px;}
.ny_product_info{margin-bottom:40px;}


/*荣誉资质*/
.ny_honor{width:100%; height:auto; overflow:hidden; margin-top:35px; margin-bottom:40px;}
.ny_honor ul{width:100%; height:auto; overflow:hidden}
.ny_honor ul li{width:23.85%; height:auto; float:left; margin-right:1.5%; margin-bottom:20px;}
.ny_honor ul li .ny_honor_pic{width:100%; height:auto; border:1px solid #eee; overflow:hidden}
.ny_honor_pic img{width:100%; height:auto; display:block;}
.ny_honor ul li p{width:100%; height:40px; line-height:40px;font-size:16px; text-align:center; color:#333}
.ny_honor ul li:nth-child(4n){margin-right:0}
.go_black {
    width: 90px;
    height: 30px;
    background: #1578bf;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    position: relative;
    float: right;
}



/*内页新闻*/
.ny_news_top{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.ny_news_top dl{width:578px; height: auto; float: left}
.ny_news_top dl dt{width:255px; height: 180px; overflow: hidden; float: left}
.ny_news_top dl dt img{width:100%; height: 100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_top dl dd{width:298px; height: 184px; float: right}
.ny_news_top dl dd h3{width:100%; height: 30px; line-height: 30px; font-size: 18px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_top dl dd span{font-size: 14px; color: #999999; display: block; margin: 10px auto;}
.ny_news_top dl dd p{width:100%; height: 106px; font-size: 14px; color: #999999; line-height: 28px;}
.ny_news_top dl:nth-child(2n){float: right}
.ny_news_top dl:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}
.ny_news_top dl:hover h3,.ny_news_top dl:hover span,.ny_news_top dl:hover p{color:#71614d}
.p-ct{width:100%; height: auto; overflow: hidden;margin-top:40px; margin-bottom: 100px;}
.new-list{width: 100%; height: auto;overflow: hidden; margin-bottom:25px;}
.new-list li{height:173px;padding:25px 50px 0; background: #eeeeee; margin-bottom: 18px;}
.new-list li:hover{background: linear-gradient(to right, #71614d 0%,#d7c8b9 100%);}
.new-list .f-imgfd-img{width:23px; height: 27px; float: right; background: url(../images/nh_jt.png) no-repeat; margin-top:54px}
.new-list li .f-imgfd-li{width:100%;height:100%;float: left;}
.f-imgfd-li dl{width:100%; height: 40px; line-height: 40px;}
.f-imgfd-li dl dt{width:600px; height: 100%; float: left; font-size: 18px; color: #333333; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.f-imgfd-li dl dd{font-size: 16px; color: #333333; float: right}
.f-xx{width:100%; height: 56px; line-height: 28px; font-size: 16px; color: #333;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 20px;}
.new-list li:hover dt,.new-list li:hover dd{color:#fff}
.new-list li:hover .f-xx{color:#fff}
.new-list li:hover .f-imgfd-img{background: url(../images/nb_jt.png) no-repeat center}

/*详情页*/
.nyinfo_title{width:100%;font-size:20px; color:#555; padding:10px 0px; text-align:center; clear:both}
.info_time{width:100%; line-height:30px; color:#999; height:30px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; clear:both}
.info_xq{width:100%; font-size:20px; color:#666; padding:10px 0px; clear:both}
.pro_page_con{color: #666; float:right; font-size: 14px;   width: 72%; height: auto; overflow: hidden; line-height: 30px; margin-bottom: 40px;}
.keyword_light{font-size:16px; color:#666; line-height:30px; margin-bottom:30px;}

/*联系我们*/
.lxwm_z{float:left; width:700px;}
.lxwm_r{float:right;}
.lxwm{width:100%; height:auto; overflow:hidden; margin:20px auto;}
.lxwm_r li{width:130px; height:auto; float:left; margin-left:20px;}
.lxwm_r li p{width:100%; height:30px; line-height:30px; text-align:center}
.lxwm_r li img{width:100%; height:auto; display:block; border:1px solid #eee}





@media screen and (max-width:1600px){
	.section2 .container,.section3 .container,.section5 .container,.section7 .container{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8)}
	.index_news_title{display:none;}
	.index_product_right .swiper-slide{width:800px;}
	.in_pro_left h4{font-size:46px;}
	.in_pro_left h3{font-size:26px;}
	.in_pro_nav{margin-top:45px;}
	.footer{padding-top:1.5vw}

}


@media screen and (max-width:1500px){
.container{width:1200px}
}

@media screen and (max-width:1366px){
.in_header .h_logo{width:130px}
#menu .nav .nLi p a{font-size:14px;}
.section3_title h4, .section2_left h4,.section5_left h4,.section7_top_left h4{font-size:46px;}
.section3_title h3, .section2_left h3,.section5_left h3,.section7_top_left h3{font-size:26px;}
.index_product_right .swiper-slide{width:600px;}
.section2_right{width:45%}
.section2_left{width:52%}
.footer{padding-top:1vw}

}




/*图文列表样式*/
.n-list{ padding:15px 0px; }
	.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#f08200; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:auto; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
	
	.search-tit{width:100%; height:auto; text-align:center; margin-top:40px;}
	.search-tit h3{font-size:20px; color:#333; margin-bottom:10px;}
	.search-tit span{font-size:18px; color:#333}