﻿*{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:1200px; }
.w1440{ margin: 0px auto; width:1400px; }
.l{float: left}
.r{float: right}





.in_header{width:100%; height:80px; position:fixed; top:0; left:0;  z-index:9999;  border-bottom: 1px solid rgba(255,255,255,0.1); padding: 0 6%  }
.h_logo{width:177px; height:80px; float: left; display: flex; align-items: center;}
.h_logo img{ max-width: 100%; height: auto; align-items: center; margin: 0px auto;}
#logo2{display: none;}
.h_search{width:24px; height: 80px; background: url(../images/search.png) no-repeat center; float: right; margin-right:1.4%}
.h_input{width:100%; height:100%;  background:rgba(255,255,255,0.8); border-top:1px solid #e5e5e5;  position: absolute; top:100%; left:0; z-index: 9; display: none; padding-top:18px;}
.h_input .h_text{width:288px; height:50px; float: left; background: #eee; border: 0; padding: 0 10px; font-size: 14px; color: #555555;}
.h_submit{width:120px; height: 50px; background:#d9ab7a; float: right;border: 0; cursor: pointer; text-align: center; line-height: 50px; font-size: 16px; color: #fff}
.h_input_text{width:408px; margin: 0px auto; height:50px; }
.in_sj,.in_wx{width:31px; height:80px; position: relative; float: right; margin-left: 1.2%}

.in_sj img{width:100px;  height: auto; position: absolute; top:80px; left:0; display: none}
.in_wx img{width:100px;  height: auto; position: absolute; top:80px; right:0; display: none}

.in_wx:hover img,.in_sj:hover img{display: block}
.in_sj{background: url(../images/h_sj.png) no-repeat center}
.in_wx{background: url(../images/h_wx.png) no-repeat center}
.zhong_zi{width:92%; height: auto; position:fixed; bottom:40px; left:0; padding-left:5%; z-index: 9 }
.zhong_zi h4{color:#ffffff; font-size: 16px; opacity: 0.5; float: left; letter-spacing:8px}
.zhong_zi hr{width:20%; height: 1px; background:rgba(255,255,255,0.5); float: right; margin-top:9px;}
.in_top{width:59px; height: 100vh; position:absolute; top:0; right:58px}
.in_top:after{content: ""; width: 1px; height: 100vh; position: absolute; top:0; left:50%; background: rgba(255,255,255,0.2)}
.in_top a{width:59px; height: 59px; background: #b39068; text-align: center; line-height: 59px; font-size: 16px; color: #fff; display: block; margin: 0px auto; border-radius: 50%; position: absolute; bottom:88px; left:0; z-index: 9}




/*导航*/
#menu{float: right; width:51%; height: 100%; }
#menu .nav{ position:relative; z-index:1;   width:100%; height:auto; margin: 0px auto;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; line-height:80px; width:14.2%;  }
#menu .nav .nLi:last-child{margin-right: 0}
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative; height:100%; display: table; margin: 0px auto;}
#menu .nav .nLi p a{color:#fff;font-size:16px;   height:100%;   overflow: hidden; position: relative; display: block }
#menu .nav .sub{ display:none; width:160px; left:50%; top:80px;  position:absolute;  line-height:24px; z-index: 99999; background: #ddd; margin-left:-80px; padding:5px 8px}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height:auto;font-size: 15px;  color:#333; margin:5px 0}
#menu .nav .sub a:hover{ color:#d9ab7a;  }
.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{font-weight: bold; color:#d9ab7a}
#menu .nav .nLi:hover p a{font-weight: bold; color:#d9ab7a; background: url(../images/on.png) no-repeat bottom center}
#menu .nav .active p,#menu .nav .nLi:hover p{ background: url(../images/on.png) no-repeat bottom center}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff; border:0; width:8px; height:8px; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%,-50%);}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{border: 1px solid #fff; border-radius: 50%}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background:#fff;}
#fp-nav.right{right:20px;}
#fp-nav ul li, .fp-slidesNav ul li{width:44px; height:44px;  border-radius: 50%;  margin: 0 0 20px}
.two_header{border-bottom: 1px solid #f3f3f3}
.two_header #menu .nav .nLi p a{color:#333333}
.two_header .h_yuyan span{color:#666666}
.two_header .h_yuyan{background: url(../images/dt_hicon.png) no-repeat left center;}
.two_header .h_dianhua{background: url(../images/dh_hicon.png) no-repeat left center;}



/*第1块*/
.section1{display: block; width: 100%; height: 100%;overflow: hidden; position: relative;}
.section1 .fp-tableCell{vertical-align: bottom;}
.banner-index{position: relative;overflow: hidden; width: 100%; height: auto;}
.section1 .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.section1 .slideBox .hd{position:absolute;left:50%;  bottom:8%;z-index:1;overflow:hidden;height:22px; transform: translate(-50%,0);}
.section1 .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.section1 .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; opacity: 0.5; cursor:pointer; border-radius: 50%;}
.section1 .slideBox .hd ul li.on{opacity: 1}
.section1 .slideBox .hd ul li:last-child{margin-right: 0}
.section1 .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.section1 .slideBox .bd ul{width:100%;height:100%}
.section1 .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.section1 .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; position: relative}
.section1 .slideBox .bd li img{width:75%; margin: 0px auto; position: absolute; bottom:6%; left:50%; transform: translate(-50%,0);}




/*第2块*/
.section2{display: block; width: 100%; height: 100%;overflow: hidden; position: relative; background: url(../images/about_bjs.jpg) no-repeat  center;}
.section2 .w1440{position: relative; }
.section2_info{width:870px; height: auto; float: left}
.section2_info h3{color:#ffffff; font-size: 71px; font-family: 'AMRCANAN'; margin-bottom:5px;}
.section2_info h3 span{color:#d9ab7a; font-size:71px}
.section2_info h5{color:#fff; font-size: 21px;}
.section2_info h4{color:#fff; font-size:24px; font-weight: bold; margin:50px 0 40px;}
.section2_xx{width:100%; height: 90px; overflow: hidden; font-size: 16px; line-height:30px; color:#fff; word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 58px; }
.in_about_more{width:200px; height: 55px; line-height: 55px; text-align: center; display: block; background: #d9ab7a; color:#1a2332; font-size: 16px; display: block}
.in_about_more:hover{background: #fff; color:#d9ab7a}
.section2_num{width:100%; overflow: hidden; margin-top: 70px;}
.section2_num dl{float: left; text-align: center; width:auto;}
.section2_num dl dt{widthg:auto; overflow: hidden; display: table; margin: 0px auto; font-size: 16px; color: #fff; line-height: 50px;}
.section2_num dl dt span{color:#fff; font-size: 48px; font-family: 'AMRCANAN'; font-weight: bold; float: left}
.section2_num dl dd{color:#fff; font-size:16px; text-align: center; line-height:35px;}
.section2_num img{float: left; margin:22px 70px 0}
.section2_num dl:hover dt span{color:#d9ab7a}




/*第3块*/
.section3{display: block; width: 100%; height: 100%;overflow: hidden; position: relative;  background:#1a2332; }
.section3 .w1440{position:relative; z-index: 1; padding-top: 8vh}
.section3_left{width:42.5%; float: left}
.section3_left .swiper-container{width:100%; height: auto; overflow:hidden}
.section3_left .swiper-slide a{width:100%; height: auto; display: block}
.in_case_pic{width:100%; height: auto; overflow: hidden}
.in_case_pic img{width:100%; display: block}
.in_case_xx{width:100%; height: 50px; line-height: 50px; text-align: right; padding-right: 4%; margin-top:2vh}
.in_case_xx h4{max-width: 50%; color:#fff; font-size: 21px; float: right}
.in_case_xx hr{width:35%; height: 1px; background: rgba(255,255,255,0.2); float: right; margin-top:25px; margin-right:6%}

.section3_center{width:37.5%; height: auto; background: rgba(217,171,122,0.8); position: absolute; top:0; left:42.5%; padding:9% 4.5% 5%; z-index: 9}
.section3_center h4{color:#1a2332; font-size: 71px; font-family: 'AMRCANAN';}
.section3_center h5{color:#1a2332; font-size:21px; }
.section3_xxinfo{width:100%; height: 120px; color:#fff; font-size: 16px;  line-height: 30px; display: block; overflow: hidden; margin: 26px 0;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;}
.section3_more{width:246px; height: 64px; display: block; text-align: center; line-height: 64px; color: #fff; background: #1a2332; font-size: 16px;}
.section3_img{width:57.5%; position: absolute; bottom:0; right:0}
.section3_img img{width:100%; height: 100%; object-fit: cover; object-position: center center;}

.section3_left .swiper-button-next,.section3_left .swiper-button-prev{width:62px; height: 62px; bottom:69px; top:auto; margin-top: 0}
.section3_left .swiper-button-next{background:#1a2332 url(../images/p_right.png) no-repeat center; right:0}
.section3_left .swiper-button-prev{background: #1a2332 url(../images/p_left.png) no-repeat center; right:62px; left:auto}
.section3_left .swiper-button-prev:hover{background: #d9ab7a url(../images/p_left.png) no-repeat center;}
.section3_left .swiper-button-next:hover{background:#d9ab7a url(../images/p_right.png) no-repeat center;}




/*第5块*/
.section5{display: block; width: 100%; height: 100%; overflow: hidden;}
.section5_ban{background: url(../images/news_bjs.jpg) no-repeat center; width: 100%; height: 100vh; 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);}
.section5 .w1440{position: relative; z-index: 9; }
.section5_title{width:100%; height: auto; overflow: hidden; margin-top: 3vh; margin-bottom: 4vh }
.section5_title dl{width:auto;  height: auto; display: table; margin:0px auto;}
.section5_title dl dt{color:#fff; font-size:71px;  float: left; margin-right:30px; font-family: 'AMRCANAN';}
.section5_title dl dt span{color:#d9ab7a; font-size: 71px;}
.section5_title dl dd{color:#fff; font-size:21px; vertical-align: bottom; float: left; margin-top: 50px }
.section5_left{width:27.2%; height: auto; float: left; position: relative; overflow:hidden}
.section5_left a{width:100%; display: block}
.section5_left 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;}
.section5_left:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}

.section5_left_hover{width:100%; height: 184px; background: url(../images/n_hover.png) no-repeat center bottom; position: absolute; bottom:0; left:0; 
	padding:60px 15px 0;}
.section5_left_hover dl{width:100%; height: 40px; line-height: 40px;}
.section5_left_hover dl dt{width:60%; height: 100%; float: left; color:#fff; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.section5_left_hover dl dd{width:auto; height: 100%; float: right; color:#fff; font-size: 16px;}
.section5_left_hover p{color:#ffffff; font-size: 16px; line-height: 30px; height: 60px; width: 100%;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.section5_right{width:71.6%; height: auto; float: right}
.section5_right .hd{width:34%; height: auto; float: left; background: #fff}
.section5_right .hd li{width:100%; height:142px; padding:35px 8%; position: relative}
.section5_right .hd li h4{width:100%; height: 30px; line-height: 30px; color: #333333; font-size: 18px; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; margin-bottom:10px; }
.section5_right .hd li p{width:100%; height: 30px; line-height: 30px; color: #333333; font-size: 16px; }
.section5_right .hd li a{position: relative; z-index: 9; width: 100%; display: block}
.in_news_more{width:85%; height:75px; border-top:1px solid #eeeeee; display: block; line-height: 75px; margin: 0px auto;}
.in_news_more span{color:#cea176; font-size: 18px;  font-family: 'AMRCANAN'; background: url(../images/hh_jts.png) no-repeat right center; padding-right: 30px;}
.section5_right .hd li:after{content: ""; width:0; height: 100%; background: #cea176 url(../images/n_jts.png) no-repeat 95% center; position: absolute; top:0; left:0; z-index: 2; transition: all 0.4s ease-in-out;}
.section5_right .hd li.on h4{color:#fff}
.section5_right .hd li.on p{color:#fff}
.section5_right .hd li.on:after{content: ""; width:412px;  transition: all 0.4s ease-in-out;}
.section5_right .bd{width:66%; height: auto; float: left}
.section5_right .bd ul{width:100%; height: auto; overflow: hidden}
.section5_right .bd ul li{width:100%; height: auto; overflow: hidden}
.section5_right .bd ul li img{width:100%; display: block}




/*第6块*/
.section6{display: block; width: 100%; height: 100%; overflow: hidden;}
.section6_ban{background: url(../images/biaoyu_bjs.jpg) no-repeat center; width: 100%; height: 100vh; transition:transform 5s ease 0s, opacity 2s ease 0s; position: absolute; top:0; left:0; z-index: 0}
.active .section6_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.section6 .w1440{position: relative; z-index: 9; text-align: center}
.section6 h4{color:#d9ab7a; font-size: 71px; font-family: 'AMRCANAN';}
.section6 h5{color:#ffffff; font-size: 21px; margin: 2.2vh 0 3vh}
.section6 h3{color:#ffffff; font-size: 60px; font-weight: bold;}
.section6 p{color:#ffffff; font-size: 16px; font-family: "Arial"; margin: 3vh 0 3.2vh}
.section6 .w1440 a{width:211px; height: 46px; display: block; margin: 0px auto; background: #d9ab7a; text-align: center; line-height: 46px; font-size: 16px; color:#fff}
.section6 .w1440 a:hover{background:#fff; color:#d9ab7a}


/*第7块*/
.section7{display: block; width: 100%; height: 100%; overflow: hidden; position: relative}
.section7_ban{background: url(../images/contact_bjs.jpg) no-repeat center; width: 100%;  height: 100vh;  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 .w1440{position: relative; z-index: 9;}
.section7_left{width:39%; float: left; }
.section7_left dl.section7_title{width:86%;  height: auto; overflow: hidden; margin-bottom:40px; border-bottom: 1px solid #d9ab7a; padding-bottom:32px;}
.section7_left dl.section7_title dt{color:#fff; font-size: 71px; font-family: 'AMRCANAN';}
.section7_left dl.section7_title dt span{color:#d9ab7a; font-size: 71px}
.section7_left dl.section7_title dd{color:#fff; font-size:16px;  }
.section7_xx{width:100%; height: auto; overflow: hidden; }
.section7_xx p{ color:#fff; line-height: 42px; font-size: 16px; width:100%; padding-left:55px; margin-bottom:22px; line-height: 42px}
.f1{background: url(../images/f1.png) no-repeat left center}
.f2{background: url(../images/f2.png) no-repeat left center}
.f3{background: url(../images/f3.png) no-repeat left center}
.section7_input{width:51%; height: auto; overflow: hidden; float: right;  }
.section7_input h5{color:#ffffff; font-size: 71px; font-family: 'AMRCANAN';}
.section7_input h5 span{color:#d9ab7a}
.section7_input h4{color:#fff; font-size: 16px; margin-bottom: 28px}
.section7_input p{ position: relative; width:49%; height: 6.5vh;  margin-bottom: 25px;}
.section7_input p input[type="text"]{width:100%; height: 100%; background: rgba(26,35,50,0.3); border:1px solid rgba(255,255,255,0.3); color:#fff; font-size: 14px; padding: 0 10px;}
.section7_input textarea{width:100%; height:17vh; background: rgba(26,35,50,0.3); border:1px solid rgba(255,255,255,0.3);  font-size: 14px; padding: 20px; color:#fff; resize:none}
.in_tijiao{width:172px; height:6vh; border: 0; background: #d9ab7a; color:#fff; font-size:14px; margin:40px 0 0; float: right; display: block}
.in_tijiao:hover{background: #f68121;  cursor: pointer}
.index_banquan{width:100%; height:auto; overflow: hidden; margin-top: 1vh}
.index_banquan .in_copy_l{width:100%; font-size: 14px; color:#fff; line-height:30px; }
.in_copy_l a{font-size: 14px; color: #fff; text-align: center}
.index_banquan a{margin-left: 10px;}
.index_zhichi{width:100%; height:40px; line-height: 40px; }
.index_zhichi p{ width:220px; float: left; font-size: 14px; color:#333333;  margin-right: 10px; padding-left: 0!important}
.index_zhichi .pt{width:121px;height: 18px; background: url(../images/vls.png) no-repeat; margin-top:8px; margin-right: 10px}
.index_zhichi .js{width:121px;height: 18px; background: url(../images/wls.png) no-repeat; margin-top:10px;}
.index_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.index_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.index_zhichi span{float: left; font-size: 14px; color: #fff;}
.index_zhichi i{ float: left;}
.f_brq{float:left;}
.section_map{width:30.3%; height: 100vh; position: absolute; top:0; right:0; }
.section_map:after{content: ""; width: 100%; height: 100vh; background: rgba(12,46,146,0.8); position: absolute; top:0; left:0}


.section7_input p input::-webkit-input-placeholder { /* WebKit browsers */  
    color:#fff;  
}  
.section7_input p input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#fff;  
   opacity:  1;  
}  
.section7_input p input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#fff;  
   opacity:  1;  
}  
.section7_input p input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#fff;  
}  

.section7_input textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:#fff;  
}  
.section7_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#fff;  
   opacity:  1;  
}  
.section7_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#fff;  
   opacity:  1;  
}  
.section7_input textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#fff;  
}  





/*内页*/
.ny_banner{width:100%; height:474px; position: relative; padding-top: 160px;}
.ny_banner .in_header{position: absolute}
.product_ban{background: url(../images/product_ban.jpg) no-repeat center}
.banner_info{width:1440px; height: auto; margin: 0px auto; text-align: center}
.banner_info h4{color:#fff; font-size: 44px; font-weight: bold;}
.banner_info h5{color:#fff; font-size: 16px; margin-top:12px;}
.banner_info img{width:33px; height: 33px; display: block; margin: 20px auto 30px; animation:mymove 5s infinite;}

@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}

.my_post{width:auto; display: table; background: url(../images/dz_icon.png) no-repeat left center; padding-left: 30px; float: right; font-size: 14px; opacity: 0.7; color: #fff; line-height: 30px;}
.my_post a{font-size: 14px;  color: #fff}
.ny_nav{width:100%; height:78px; background: rgba(0,0,0,0.38); position: absolute; bottom:0; left:0 }
.ny_nav ul li{width:20%; height: 100%; float: left; text-align: center; line-height: 78px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-right:1px solid rgba(255,255,255,0.2)}
.ny_nav ul li a{color:#fff; font-size: 16px; display: block}
.ny_nav ul li.active,.ny_nav ul li:hover{background: #f68121}
.ny_nav ul li.active a,.ny_nav ul li:hover a{font-weight: bold;}
.ny_nav ul li:last-child{border-right:0}





/*产品*/
.ny_product{width:100%;height: auto; overflow: hidden; margin:75px 0}
.ny_tproduct{width:100%; height: auto; text-align: center}
.ny_tproduct h4{color:#f68121; font-size: 18px; font-family: "Arial"; text-transform: uppercase;line-height: 30px;}
.ny_tproduct h5{color:#0c2e92; font-size: 38px; font-weight: bold;}
.ny_product ul{width:100%; padding: 10px 5px; display:list-item; margin-bottom: 40px; margin-top: 68px;}
.ny_product ul li{width:32%; height: auto; float: left; background: #fff; margin-right: 2%; box-shadow: 0 0 8px rgba(0,0,0,0.1); padding-bottom: 30px; 
	margin-bottom: 34px;}
.ny_product ul li:nth-child(3n){margin-right: 0}
.ny_product ul li h3{width:100%; height:100px; line-height: 100px; border-bottom: 1px solid #f8f8f8; padding: 0 10px; font-size:18px; color: #333333; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; text-align: center}
.ny_product ul li h3:after{content: ""; width:41px; height: 3px; background: #f68121; position: absolute; top:0; left:34px; }
.ny_pro_pic{width:100%; height: auto; overflow: hidden; margin:70px 0; display: flex; align-items: center;}
.ny_pro_pic img{max-width: 90%; display: flex; align-items: center; margin: 0px auto;}
.ny_product ul li span{width:154px; height: 45px; background: #0c2e92; text-align: center; line-height:45px; color:#fff; font-size: 14px; display: block; margin: 0px auto; }


/*产品详情*/
.ny_tuijian_pro{width:100%; height: auto; overflow: hidden; background: url(../images/cp_bjs.jpg) no-repeat top center; padding-top: 58px; margin-bottom: 60px;}
.ny_tuijian_title{width:100%; height: auto; overflow: hidden}
.tuijian_title_left{float: left}
.tuijian_title_left h4{color:#f68121; font-size: 18px; font-family: "Arial"; text-transform:uppercase; margin-bottom: 5px; }
.tuijian_title_left h3{color:#0c2e92; font-size: 38px; font-weight: bold; margin-bottom: 22px;}
.tuijian_title_left p{color:#999999; font-size: 16px;}
.ny_tuijian_title a{float:right; width:182px; height: 47px;  background: #f68121; text-align: center; line-height: 47px; font-size: 14px; color:#fff; 
	margin-left: 38px; margin-top: 40px;}
.ny_tuijian_title a:hover{background: #fff; color:#f68121}
.ny_tuijian_hot{width:100%; margin-top:36px}
.ny_tuijian_hot .swiper-slide a{width:100%; display: block;  text-align: center; padding: 5px;}
.ny_tj_li{background: #fff; padding-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.ny_tuijian_xx{width:100%; height:130px; border-bottom: 1px solid #f8f8f8; padding:20px 30px 0; position: relative}
.ny_tuijian_xx:after{content: ""; width:41px; height: 3px; background: #f68121; position: absolute; top:0; left:34px; }
.ny_tuijian_xx h3{color:#333333; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 30px; 
	line-height: 30px; margin-bottom: 5px}
.ny_tuijian_xx p{color:#999999; font-size: 14px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; width: 100%; height:48px; line-height: 24px; }
.ny_tuijian_hot .swiper-slide a span{width:154px; height: 45px; background: #0c2e92; text-align: center; line-height:45px; color:#fff; font-size: 14px; display: block; margin: 0px auto; }
.ny_tuijian_hot .swiper-slide a:hover span{background: #f68121}
.ny_product_one{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.product_one_top{width:100%; height: auto; overflow: hidden; margin-top: 35px; position: relative}
.product_one_top:after{content: ""; width:49%; height: 500px; position: absolute; top:45px; left:0; background: #f7f7f7}
.product_one_left{width:50%; height: auto; float: left}
.ny_pro_img{width:100%; height: auto; display: flex; align-items: center;}
.ny_pro_img img{max-width: 100%; align-items: center; margin: 0px auto;}
.product_one_left .swiper-button-next,.product_one_left .swiper-button-prev{width:44px; height: 44px; top:auto; margin-top: 0}
.product_one_left .swiper-button-next{background: url(../images/p_right.png) no-repeat center; top:40%; right:0}
.product_one_left .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:auto; right:0; top:52%}
.product_one_right{width:40%; height: auto; float: right; margin-top: 65px}
.product_one_right h3{color:#333333; font-size: 30px; font-weight:bold; line-height: 40px;}
.product_one_right h4{color:#999999; font-size: 16px; line-height: 30px;}
.product_one_right hr{width:98px; height: 5px; background: #f68121; display: block; margin: 42px 0 45px;}
.product_one_xx{width:100%; height: auto; padding-bottom: 52px; border-bottom: 1px solid #eeeeee; color:#666666; font-size: 14px; line-height: 30px; 
	margin-bottom: 52px}
.product_one_right a{width:182px; height: 47px; float: left; margin-right: 36px; text-align: center; line-height: 47px; font-size: 14px; color: #fff}
.p_contact{background: #0c2e92}
.p_list{background: #f68121}
.ny_product_xianq{width:100%; height: auto; margin: 60px 0 86px;}
.product_xianq_nav{width:100%; height: auto; overflow: hidden; border-bottom: 4px solid #f68121}
.xianq_nav_tab{width:auto; display: table; margin: 0px auto; height: 50px;line-height: 40px;}
.xianq_nav_tab a{color:#333333; font-size: 18px; font-weight:bold; margin: 0 60px}
.xianq_nav_tab a:hover{color:#f8801c}
.ny_xq_info{width:100%; height: auto; color:#333333; font-size: 16px; line-height: 30px; margin: 50px 0}
.ny_xq_li ul{width:100%; height: auto; overflow: hidden}
.ny_xq_li ul li{width:23.5%; height: auto; float: left; overflow: hidden; margin-right: 2%}
.ny_xq_li ul li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_xq_li ul li:last-child{margin-right: 0}
.ny_xq_li ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}






/*案例合作*/
.ny_product_case{width:100%; height:709px; background: url(../images/al_bjs.jpg) no-repeat center; padding: 55px 0; background-attachment: fixed;
    background-size: cover;}
.ny_hztitle{width:100%; height: auto; text-align: center}
.ny_hztitle h4{color:#fff; font-size: 18px; font-family: "Arial"; text-transform: uppercase; line-height: 35px;}
.ny_hztitle h3{color:#fff; font-size: 38px; font-weight: bold;}
.ny_hztitle p{color:#fff; font-size: 16px; opacity: 0.6; margin-top: 20px;}
.ny_product_case .swiper-container{width:100%; height: auto; margin:35px 0 }
.ny_product_case .swiper-slide a{width:100%; height: auto; display: block}
.ny_hz_pic{width:100%; height: auto; overflow: hidden}
.ny_hz_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_case .swiper-slide a h4{width:100%; height:66px; line-height: 66px; background: #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap }
.ny_product_case .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}






/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background:url(../images/footer_bjs.jpg) no-repeat center; padding:62px 0 0;}
.footer .w1440{overflow: hidden}
.footer_top_left{width:314px; height: auto; float: left}
.footer_top_left h4{color:#ffffff; font-size: 30px; font-weight: bold; margin-bottom: 25px;}
.footer_top_left p{color:#fff; font-size: 16px; line-height: 30px;}
.footer_input{width:38%; height: auto; float: left; margin-left:10%}
.footer_input p{width:49%; height:45px; line-height: 45px; border: 1px solid rgba(255,255,255,0.5);  position: relative}
.footer_input p input[type="text"]{width:100%; height: 100%; display: block; background: none; border: 0; font-size:16px; color: #fff; padding: 0 10px;}
.footer_input textarea{width:100%; height:118px; padding: 10px; border: 1px solid rgba(255,255,255,0.5);  font-size:16px; color: #fff; background: none; margin-top: 10px; resize: none}
.f_sbumit{width:270px; height: 48px; background: #d9ab7a; color:#fff; font-size: 14px; display: block; border: 0; margin-top: 8px;}
.f_sbumit:hover{background: #fff; color:#d9ab7a; cursor: pointer}
.footer_top_right{width:auto; float: right}
.footer_top_right h4{color:#fff; font-size: 18px;  margin-bottom: 15px;}
.footer_top_right dl{width:110px; height: auto; float: left; margin-right:28px}
.footer_top_right dl dt{width:100%; height: auto;}
.footer_top_right dl dt img{width:100%; display: block; }
.footer_top_right dl dd{width:100%;  color:#fff; font-size:14px; margin-top:10px; text-align: center}
.footer_top_right dl:last-child{margin-right: 0}
.copy{clear:both;width:100%;height:88px; line-height:88px;  position: relative;     margin-top: 44px; border-top:1px solid rgba(255,255,255,0.2); }
.copy_tab{display: table; margin: 0px auto;}
.copy_l{float:left; font-size:16px; color:#fff; height: 100%; }
.copy_l a{color:#fff}
.copy_l a:hover{color:#2a9bd7!important}
.footer_zhichi{width:auto; height:100%; float: right; margin-left: 20px; }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; height: 100%}
.footer_zhichi p:last-child{margin-right:0}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vls.png) no-repeat; margin-top:34px; margin-right: 10px}
.footer_zhichi .js{width:90px;height: 18px; background: url(../images/wls.png) no-repeat; margin-top:34px;}
.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: 16px; color: #fff;}
.footer_zhichi i{ float: left;}
.index_link{width:100%; height: auto; overflow: hidden; margin: 18px 0 22px}
.index_link p{float: left; color:#333333; font-size: 16px; line-height: 34px;}
.index_link_xx{margin-left: 100px;}
.index_link_xx a{color:#999999; font-size: 16px; height: 34px; line-height: 34px; margin-right:3%; float: left; margin-bottom: 8px;}
.index_link_xx a:hover{color:#d9ab7a}



.footer_input p input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.footer_input p input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.footer_input p input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.footer_input p input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  



.footer_input textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.footer_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.footer_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.footer_input textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    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 i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#d9ab7a;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



.page-list{ display: none;}
.inside_banner h2{ font-size: 40px; font-weight: bold; color: #fff;; text-align: center;line-height: 2.4; padding-top: 20px;}
.inside_banner p.ny_post,.inside_banner p.ny_post a{ text-align: center; color: #fff; font-size: 16px; cursor:pointer}
.inside_banner p.ny_post img{ margin-right: 10px;}
.inside_banner p.ny_post a:hover,.inside_banner p.ny_post span:hover{font-weight:bold; color:#d9ab7a}
.inside_banner .shubiao{ display: block; margin: 32px auto;}

.nav-height{height:auto; background: #f7f6f4;position: relative; padding:8px 0}
.nav-wrap.navFix{position: fixed; top:92px; left: 0; z-index: 8; height:90px; background: #f7f6f4; width: 100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.nav-wrap{ }
.nav-wrap ul{display: table!important; margin: 0 auto; max-width:1200px}
.nav-wrap li{ float: left; line-height:42px; position: relative; margin-bottom:10px}
.nav-wrap li a{font-size: 17px; padding: 0 25px; display:block}
.nav-wrap li a:hover{font-weight:bold; color:#d9ab7a}
.nav-wrap li::before{ content: "|"; position: absolute;  display: block; right: 0; color: #808080;}
.nav-wrap li:last-child::before{ display: none;}
.nav-wrap li a.active{ position: relative;}
.nav-wrap li a.active::after{ content: ""; position: absolute; width: 80px; height:3px; bottom:0; background: #d9ab7a; left: 50%; margin-left:-40px;  }
.honor{ overflow: hidden; padding-bottom: 120px;}
.honor_list{ overflow: hidden;  width:100%; margin-bottom:50px;}
.honor_list li{ width: 32.6%; float: left; border: 1px solid #e5e5e5; margin-right: 1%; margin-bottom: 20px;}
.honor_list li:nth-child(3n){ margin-right: 0;}
.honor_list li .img{overflow: hidden; width:100%;}
.honor_list li .img img{ width: 100%; transition: all 0.3s; display:block;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height: 50px; background: #e5e5e5;text-align: center; font-size: 16px; transition: all 0.3s; width:100%; height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.honor_list li:hover{ border: 1px solid #d9ab7a;}
.honor_list li:hover .gallery-title{ background: #d9ab7a; color: #fff;}





/*��ҳ����*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: 60px 0 100px; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin-bottom: 40px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left;margin-top:50px;}
.ny_news_all ul li .ny_time span{display: block; font-size: 16px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size: 41px; color: #c8c8c8;    text-align: right;}
.news_xx{width:62%; height: auto; float: left; margin-left:2%; margin-top: 36px;}
.news_xx h3{width:100%; height: 35px; line-height: 35px; font-size: 20px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:52px; line-height: 25px; font-size: 14px; color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:24%; height: auto; float: right; overflow:hidden}
.news_pic img{width:100%; height: auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_all ul li:hover{background: #f4f4f4}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#d9ab7a}
.ny_news_all ul li:hover h3{font-weight: bold; color:#d9ab7a }
.ny_service_all{width:100%; height: auto; overflow: hidden; margin: 60px 0 100px; }
.ny_lx_dh,.ny_lx_dh p{width:100%; height:auto;  font-size: 16px; color: #333; line-height: 36px;}
.ny_list_all{width: 100%; height: auto; overflow: hidden; margin-top: 60px; margin-bottom: 60px;}
.ny_news_all ul li:hover .news_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}




/*联系我们*/
.ny_contact{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_contact_map{width:100%;  height: 400px; overflow: hidden; margin-top: 20px;}
.ny_conta_xx{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 42px; margin-top: 20px;}
.contact_right{width:50%;float: left; font-size: 16px; color: #666666; line-height:32px}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; height: 200px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; padding: 10px; background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}

.keyword_light{line-height:28px;}
.container2{width: 1200px;margin: 0px auto;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin: 60px 0 100px; padding-bottom: 70px; }
.ny_news_show img{max-width:100%}
.ny_news_show p{font-size:16px; color:#333; line-height: 36px;}
.ny_title_1{ overflow: hidden; margin-bottom: 20px;}
.ny_title_1 h2{font-weight: 300; font-size: 34px; line-height: 1.2; color: #222;font-weight: bold   }
.ny_title_1 p{text-transform: uppercase; font-size: 22px; color: #d9ab7a; position: relative; line-height: 2.8; }
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width: 140px; background: #d4d4d4; left: 0; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size:18px; line-height:1.4; color: #000; padding: 15px 0; display: block;}

.section-content{width:100%; height:auto; overflow:hidden; margin: 60px 0 100px;}
.inside_banner{ height: 400px; padding-top:180px; position:relative; }
.inside_banner .in_header{position:absolute}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center;}
.news_ban{ background: url(../images/news_ban.jpg) no-repeat center;}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center;}
.rlzy_ban{background: url(../images/rlzy_ban.jpg) no-repeat center;}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center;}
.product_ban{background: url(../images/product_ban.jpg) no-repeat center;}
.qxqy_ban{background: url(../images/qxqy_ban.jpg) no-repeat center;}






@media screen and (max-width:1600px){
	.w1440{width:1200px;}
	.zhong_zi h4{font-size:15px;}
	.section2_info h4{margin:15px 0 20px}
	.section2_xx{margin-bottom:25px; font-size:15px;}
	.section2_num{margin-top:30px;}
	.section2_info h3,.section3_center h4,.section5_title dl dt,.section6 h4,.section7_input h5,.section7_left dl.section7_title dt{font-size:60px;}
	.section2_num dl dt span{font-size:40px;}
	.section3_more{width:196px; height:54px; line-height:54px;}
	.section5_right .hd li{height:118px; padding: 23px 8%;}
	.section5_title dl dd{margin-top:38px;}
	.section6 h3{font-size:50px;}
	.section7_xx p{margin-bottom:15px;}

	
}


@media screen and (max-width:1450px){
	#menu{width:58%}
	.section7_left dl.section7_title{margin-bottom:25px}
	.section7_left dl.section7_title{padding-bottom:20px;}
	.section2_info h3,.section3_center h4,.section5_title dl dt,.section6 h4,.section7_input h5,.section7_left dl.section7_title dt{font-size:50px;}
	.copy_l,.footer_zhichi span{font-size:14px;}
}


@media screen and (max-width:1370px){
	.in_about_more{width:170px; height:46px; line-height:46px;}
	.section2_num img{margin: 22px 50px 0;}
	.section2_info{width:712px}
	.section5_title{display:none}
	.section3_xxinfo{font-size:14px; line-height:24px; height:96px;}
	.section2_info h3,.section3_center h4,.section5_title dl dt,.section6 h4,.section7_input h5,.section7_left dl.section7_title dt{font-size:40px;}
	.section3_center{    padding: 8% 4.5% 5%;}
}


