/* ==========================================================================
   Index Page
   ========================================================================== */
.ny_banner{ height: 300px; overflow: hidden; display: flex; align-items:flex-end; justify-content: flex-end;  /*animation: scaleDraw 5s ease-in-out infinite;
-webkit-animation: scaleDraw 5s ease-in-out infinite; animation-iteration-count: 1; */ position: relative;}
.ny_about{ background: url(../img/ny_about.png) no-repeat center; background-size: cover; }
.ny_news{background:url(../img/ny_news.png) no-repeat center;  background-size: cover;}
.ny_party{background:url(../img/ny_party.png) no-repeat center;  background-size: cover;}
.ny_job{background:url(../img/ny_jobs.png) no-repeat center;  background-size: cover;}
.ny_contact{ background:url(../img/ny_contact.jpg) no-repeat center;  background-size: cover;}
.box-nav{ background: #ffffff; border-bottom: 1px solid #EEEEEE; }
.place{ display: flex; justify-content: flex-start; align-items: center;}
.place p{ font-size: 14px; color: #A3A3A3; padding-left: 15px;}
.place i{ background: #EFEFEF; padding: 0 3rem;  height: 80px; line-height: 80px; display: inline-block;}
.place a{color: #A3A3A3; }
.place a:hover, a.on { color: #6B6B6B;}  

.psub2{ height: 80px; line-height: 80px; text-align: right; clear: both; overflow: hidden; margin: 0 auto; bottom: 0; z-index: 2; justify-content: flex-end; align-items: center; display: flex;}
.psub2 a{ display: inline-block;  position: relative; color:#6B6B6B; font-size: 14px; transition: all 0.3s; position: relative; padding: 0 2rem; }
.psub2 a:after{ width: 0; height: 2px; content: ""; background: #E02020; position: absolute; left: 0; margin: 0 auto; right: 0; bottom: -1px;}
.psub2 a:hover,.psub2 a.active{ color: #E02020; transition: all 0.3s; }
.psub2 a:hover::after{ width: 100%;}
.psub2 a.active:after{ width: 100%; height: 2px; content: ""; background: #E02020; position: absolute; left: 0; right: 0; bottom: -1px;}

/*.box_b2{font-family:impact; font-weight: bold; font-size: 4.2rem; text-transform: uppercase; color: #ffffff;}
.box_b3{ font-size: 16px; line-height: 1.5; color: #736f6f; margin: 1rem 0;}
.box_b3 a{ color: #736f6f;}

.line{ max-width: 347px; margin: 2rem auto; border-top: 1px solid rgba(255,255,255,0.37); position: relative; display: block;}
.line p{background: #ffffff; width: 13px; height: 13px; border-radius: 100%; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: -7px;}*/


/*关于我们*/
.sect_about{position: relative; padding:6rem 0; background: #ffffff;}  
.box_a1{ border-bottom: 1px solid #E5E5E5; font-size: 2.4rem; color: #333333; line-height: 2; padding: 0 0 1rem;}
.about-box{ color: #333333; font-size: 16px; line-height: 2; text-align: left; padding: 2rem 0;}
.about-box p{ text-align: justify; text-indent: 3rem;}
.about-box img{ margin-top: 6rem;}
.tit-about{ text-align: left; line-height: 1;}
.tit-about span{ color: #333333; font-size:4rem; font-weight: bold;}
.tit-about span em{ color: #E02020; font-style: normal;}
.tit-about p{ color: #DBDBDB; font-size: 3rem; letter-spacing: 2px; font-family: 'BarlowCondensed-Light';}
.box_a2 ul{ margin-top: 3rem; padding: 2rem 0; list-style: none; background: url(../img/bg_a2.jpg) no-repeat top center #F6F6F6;}
.box_a2 ul li{ display: block; padding:1.5rem 3rem; position: relative;  text-align: left; font-weight: bold;}
.box_a2 ul li p{  color: #666666; font-size: 12px;   display: flex; align-items: flex-end; justify-content: flex-start; line-height: 1;}
.box_a2 ul li p b{ padding: 0 10px 0 0; color: #E02020; font-size: 3.6rem; font-weight: bold;}
.box_a2 ul li span{  color: #666666; font-size: 14px; line-height: 2;  padding: 1rem 0 0; display: block;}
.sect_about1{position: relative; background: url(../img/bg_a3.jpg) no-repeat center; background-size: cover;   padding: 5rem 0; overflow: hidden;}
.about-content{ padding: 4rem 0; text-align: center;}
.sect_about2{position: relative; background: url(../img/app_bg.jpg) no-repeat center; background-size: cover;  padding: 5rem 0; overflow: hidden;  }
.tab_news{ margin: 12px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
.tab_news a{ display: inline-block; width: 146px; margin: 0 1rem;  padding: 10px 0; display: block; line-height: 1.5; background: #ffffff; border: 1px solid #EEEEEE;   text-align: center; border-radius: 8px;  font-size: 18px; color: #212121; }
.tab_news a.active{ color: #ffffff; background: #0054A3; }
.tab_news a.active:after{}
.tablist_news{ max-width: 1000px; margin: 4rem auto; }
.tlist{ display: none; position: relative; }
.tlist.active{ height: auto; display: block;}
.list_a1{ list-style: none; display: flex; justify-content: center; margin-bottom: 3rem;}
.list_a1 li{ width: 18%; margin: 0 1%;}
.list_box1{margin-bottom: 0; color: #323232;}
.list_box1 .icon{ border-radius: 5px; overflow: hidden;min-height: 272px; vertical-align: middle; position: relative;}
.list_box1 .icon img{ width: 100%;border-radius: 5px; height: 100%; transition: all 0.3s; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover;}
.list_box1 a:hover .icon img{transform: translate(-50%, -50%) scale(1.2);}
.list_box1 .ntit{ text-align: center; padding: 1rem 0;}
.list_box1 .ntit span{ font-size: 2.4rem; color: #333333; line-height: 1;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold; }
.list_box1 .ntit p{ font-size: 14px; color: #333333; text-align: center; padding: 10px;}
.news-box1 { margin-bottom: 3rem; overflow: hidden;}
.news-box1 a{  padding: 1rem; overflow: hidden; }
.news-box1 .icon{ background: #ffffff;  overflow: hidden;  border-radius: 10px 10px 0 0 ;}
.news-box1 .icon img{ width: 100%; height: 100%; }
.news-box1 .ntit{ text-align: left; padding: 2rem ; background: #F6F6F6; border-radius: 0 0 10px 10px;}
.news-box1 .ntit p{ margin: 1rem 0 0; overflow: hidden; color: #878787; position: relative; font-size: 14px; line-height: 1.5; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #878787; }
.news-box1 .ntit h3{ font-size: 18px; line-height: 1.5; padding: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.news-box1:hover .ntit{ background: #ffffff; -moz-box-shadow:0px 1px 8px rgba(153,153,153,0.3); -webkit-box-shadow:0px 1px 5px rgba(153,153,153,0.3); box-shadow:0px 1px 5px rgba(153,153,153,0.3); }
.sect_info{ background: #ffffff; padding:3rem 0; } 
.container{ background: #ffffff; padding: 7rem 0 2rem 0;  width: 100%; margin: 0 auto;}
.sect_info .article{ text-align: center; width: 94%; margin: 0 auto;  }
.sect_info .news-tit{ font-size: 3.6rem; text-align: center; line-height: 6rem; padding: 0 0 3rem; color: #333333;}
.sect_info .fabu{ text-align:justify; padding: 2rem; font-size: 14px;  color: #333333; text-align: left; background: #F6F6F6;}
.sect_info .dot_1{ display: flex; justify-content: flex-start; align-items: center;}
.sect_info .dot_1 p{ margin-right: 2rem; font-size: 16px; color: #333333;}
.sect_info .content{line-height: 36px; color: #333333; padding: 3rem 0 5rem 0;font-size: 18px;text-align: center; }
.sect_info .content img{     max-width: 800px;width: auto; }
.sect_info .content p{ margin: 1rem 0;  text-align: left;}
.sect_info .content p span{ font-weight: bold;}
.fanye{ margin-top: 5rem; background: #F6F6F6; padding: 3rem 2rem; font-size: 18px; }
.fanye a{ font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.fanye a.fr{ text-align: right;}
.fanye a:hover{ color: #E02020;}
.share{ display: flex; justify-content: flex-end; align-items: center;}
.share p{ margin-right: 10px;}
.bdshare-button-style0-24 .bds_weixin{ background: url(../img/weixin.png) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important; border-radius: 100%;}
.bdshare-button-style0-24 .bds_sqq{ background: url(../img/qq.png) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important; border-radius: 100%;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ margin: 0 2px !important;}

.sect_about3{position: relative; background: url(../img/bg_lc.jpg) no-repeat center; background-size: cover;  padding: 8rem 0 0; overflow: hidden; background-attachment: fixed; background-size: cover;  }
.sect_about3 .wrap{ clear: both; overflow: hidden;}
.sect_about3 .swiper-slide { max-height:460px;}
.box_a3{ max-width: 295px; margin-left: 0; margin-top: 6rem;}
.box_a3 p{ font-size: 16px; color: #333333; line-height: 2;}
.box_a4{ border-left: 1px solid rgba(117,117,117,0.5); padding-bottom: 15rem;}
.box_a4 .swiper-container{ padding-left: 2rem;  overflow:visible;}
.box_a5{ display: flex; justify-content: flex-start; align-items: flex-start; min-height: 280px; position: relative;}
.box_a5:before{ width: 18px; height: 18px; background: #ffffff; border-radius: 100%; border: 2px solid #E02020; content: ""; position: absolute; left: -3rem; z-index: 100;}
.box_a5 .nbox_1{ margin-right: 4%;     width: 20%; font-size: 3rem; font-weight: bold;}
.box_a5 .nbox_2{ width: 76%;}
.box_a5 .nbox_2 span{ font-size: 16px; display: block; line-height: 1.8; font-weight:bold; margin-bottom: 1rem;}
.box_a5 .nbox_2 p{ font-size: 16px; width: 96%; margin-top: 2rem; line-height: 1.8;}
/*新闻*/
.sect_news{  padding: 4rem 0; }

.box_news{ font-size: 18px; color: #ffffff; text-transform: uppercase; display: flex; justify-content:flex-end; align-items: center;}
.box_news b{ width: 30px; height: 1px; background: #ffffff; display: inline-block; margin-right: 2rem;}
.top_new{ background: #ffffff;}
.top_new .span-7{ width: 54.333333%;}
.top_new .span-5{ width: 41.666667%;}

.news-box3{ color: #323232; background: #ffffff; position: relative; width: 100%; max-width: 788px; margin-left: 0;}
.news-box3 .icon img{ width: 100%; height: 100%;}
.news-box3 .ntit { padding: 4rem 2rem; position: absolute; left: 0; right: 0; margin:0 auto; bottom: 0;  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}
.news-box3 .ntit p{ font-size: 2rem; font-weight: bold; color: #ffffff; line-height: 1.8;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; padding-left: 15px;}

.news-box{margin-bottom: 4rem; color: #323232;}
.news-box .icon img{ width: 100%; height: 100%;     object-fit: cover;}
.news-box .ntit{ padding: 3rem 3rem 6rem;}
.news-box .ntit em{ font-style: normal; font-size: 12px; color: #333333; display: flex; justify-content: flex-start; align-items: center;}
.news-box .ntit em img{ width: 10px; height: 10px; margin-right: 5px;}
.news-box .ntit h3{ font-size: 2rem; color: #333333; line-height: 1.8; text-align: left; word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; padding: 0; min-height: 75px;} 
.news-box .ntit p{ font-size: 12px; color: #878787; line-height: 1.8;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}

.news-box:hover .ntit{ background: #E02020;}
.news-box:hover .ntit em{ color: #ffffff;}
.news-box:hover .ntit em img{ filter: grayscale(100%) brightness(400%);}
.news-box:hover .ntit h3{ color: #ffffff;}
.news-box:hover .ntit p{ color: #ffffff;}

.sect_news1{ padding: 4rem 0;  background: #F6F6F6;}
.list-n{ width: 88%; margin: 0 auto;}
.news-box2{ margin-bottom: 4rem; color: #323232; background: #ffffff;}
.news-box2:hover{ -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.2); box-shadow:0px 1px 8px rgba(0,0,0,0.2);}
.news-box2 .icon img{ width: 100%; height: 100%;}
.news-box2 .ntit { padding: 2rem;}
.news-box2 .ntit p{ font-size: 18px; font-weight: bold; background: url(../img/icon.png) no-repeat left center; color: #333333; line-height: 1.8;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; padding-left: 15px;}

.news-box4{ list-style: none;}
.news-box4 li{ border-bottom: 1px solid #E6E6E6; padding: 3rem 0rem 4rem 0px;}
.news-box4 li:last-child{ border-bottom: none;}
.news-box4 li em{ font-style: normal; margin-bottom: 1rem; font-size: 12px; color: #333333; display: flex; justify-content: flex-start; align-items: center;}
.news-box4 li em img{ width: 10px; height: 10px; margin-right: 5px;}
.news-box4 li h3{ font-size: 2rem; color: #333333; line-height: 1.8; text-align: left; word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;} 
.news-box4 li p{ font-size: 12px; color: #878787; line-height: 1.8;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
.news-box4 li a:hover h3{ color: #E02020;}

.search_box{ width: 100%; background: #ffffff; border-radius: 8px; height: 40px; display: flex; padding: 10px; -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.2); box-shadow:0px 1px 8px rgba(0,0,0,0.2); margin-top: 4rem;}
/*.search_box .dropdown{ width: 155px; border-right: 1px solid #B8B8B8; color: #9fa3b1; position: relative; cursor: pointer;}
.search_box .dropdown .default_option{ text-transform: uppercase; color: #424242; padding: 11px 15px; font-size: 14px; }
.search_box .dropdown .default_option i{ font-size: 14px; margin-left: 5px; color: #888888;}
.search_box .dropdown ul{ position: absolute; top: 50px; left: -10px; border: 1px solid #9C9C9C; background: #fff; width: 155px;  display: none; -moz-box-shadow:6px 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow:6px 2px 6px rgba(0,0,0,0.1); box-shadow:6px 2px 6px rgba(0,0,0,0.1);}
.search_box .dropdown ul.active{ display: block}
.search_box .dropdown ul li{ font-size: 12px; height: 26px; line-height: 26px; color: #888888; padding: 0 10px;}
.search_box .dropdown ul li:last-child{ padding-bottom: 0;}
.dropdown ul li:hover{ background: #E02020; color: #ffffff;}*/
.search_box select option:hover{ background-color: #E02020 !important; 	color: #ffffff;}
.search_box select {
        margin-right: 15px;
    width: 135px; 
    border-right: 1px solid #B8B8B8;
	border: none;
	border-radius: 0;
	outline: none;
	color: #424242;
	padding: 11px 10px;
	font-size: 16px;
	option {
		padding: 4px 8px;
		height: 26px;
		line-height: 26px;
		color: #424242;
		font-size: 16px;
		background: #ffffff;
		-webkit-text-fill-color: #424242;
		&:checked {
			color: #ffffff;
			background: #E02020;
			-webkit-text-fill-color: #ffffff;
		}
	}
}
.search_field{ width: 100%; height: 100%; position: relative; background: #ffffff; display: flex; align-items: center; justify-content: space-between; border-left: 1px solid #dedede;}
.search_field .input{ width: 92%; height: 100%; background: #ffffff; border: 0px; font-size: 14px; padding-left: 20px; padding-right: 38px; color: #999999; }
.search_field .btn{ width: 60px; display: block; border: none; height: 60px; background: none; position: relative;}
.search_field .btn:before{content: "\e640";  font-family: "iconfont" !important; font-size: 16px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 40%; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #9fa3b1;}
::-moz-placeholder { /* Firefox 19+ */ color: #9fa3b1;}
:-ms-input-placeholder { /* IE 10+ */  color: #9fa3b1;}

.sect_party{ background: #F6F6F6; padding: 3rem 0;}
.box_n1{ background: #ffffff; padding: 5rem 8rem;}

.dbox_1{ font-size: 16px; color: #757575; line-height: 2.6;}

.dbox_2{ background: #F8F9FB; padding: 4rem 0 3.8rem;}
.dbox_2 p{ font-size: 14px; line-height: 2; color: #333333; padding: 0 3rem 3rem 5rem; border-bottom: 1px solid #E2E4E9;}
.dbox_2 div{ padding: 2rem 3rem 0; font-size: 16px; color: #333333;}
.dbox_2 div img{ margin-right: 15px;}



/*招聘*/ 
.sect_job{ padding: 5rem 0 0;}
.box_job{ padding: 8rem 6rem; min-height: 336px; background: url(../img/bg_h4.png) no-repeat bottom center; background-size: cover; display: flex; justify-content: flex-start; align-items: center;}
.box_job p{ font-size: 18px; color: #333333; line-height: 2; text-align: left; width: 100%; max-width: 680px;}
.box_job1{}
.con_job{ background: url(../img/image.jpg) no-repeat bottom center; padding: 15rem 0 35rem;}
.con_job1{ text-align: right; margin-right: 20%;}

.job_list{ list-style: none;}
.job_list li{ display: flex; justify-content: flex-start; align-items:flex-start; margin-bottom: 5rem;}
.job_list li em{ font-size: 18px; font-weight: bold; color: #ffffff; font-style: normal; width: 60px; height: 60px; background: #E02020; border-radius: 100%; text-align: center; line-height: 60px;}
.job_list li b{ width: 40px; height: 1px; background: #E02020; display: block; margin: 3rem 2rem;}
.job_list li div{ text-align: left; width: calc(100% - 100px);}
.job_list li div span{ font-size: 2.2rem; color: #333333; font-weight: bold;}
.job_list li div p{ font-size: 14px; line-height: 2; margin-top: 5px;}

.sect_job1{ background: #ffffff; padding: 3rem 0;}
.sect_job1 .wrap{ max-width: 1400px;}

.job_list1{ list-style: none; clear: both; overflow: hidden;}
.job_list1 li{ width: 50%; float: left; background: #F6F6F6; margin-bottom: 3rem;}
.job_list1 li:nth-child(2n) .news-box5 a{ border-right: 0;}
.job_list1 li:hover{ background: #E02020;}
.job_list1 li:hover .ntit p{ color: #ffffff;}
.job_list1 li:hover .ptit span{ color: #ffffff;}
.job_list1 li:hover .ptit p{ color: #ffffff;}
.job_list1 li:hover .ptit i{ border: 1px solid #ffffff; color: #ffffff;}
.news-box5 { overflow: hidden; margin-bottom: 0;}
.news-box5 a{  padding: 5rem 3rem; overflow: hidden; border-right: 1px solid rgba(136,136,136,.3); }
.news-box5 .ptit{ color: #333333; }
.news-box5 .ptit i{ width: 50px; height: 24px; border: 1px solid #757575; border-radius: 15px; display: block; color: #757575; font-size: 2rem; text-align: center; line-height: 24px; margin-top: 1rem; margin-left: auto;}
.news-box5 .ptit span{ font-size: 2.2rem; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.8; overflow: hidden;}
.news-box5 .ptit p{ font-size: 14px; margin: 2rem 0 0;}
.news-box5 .ntit{ margin: 5rem 0 0; }
.news-box5 .ntit p{overflow: hidden; color: #333333; position: relative; font-size: 14px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


/*联系我们*/ 
.map{width:100%; height:400px;}
.BMap_shadow img{ display: none;}
.sect_contact{ background: url(../img/bg_c.png) no-repeat center #ffffff; padding:5rem 0 8rem;}
.sect_contact .full-row .span-5{width: 46.666667%;}
.sect_contact .full-row .span-4{width: 28.333333%;}
.box_con1{ display: flex; justify-content: flex-end; align-items: center; font-size: 18px; color: #ffffff; text-align: left;}
.box_con1 i{ color: #ffffff; margin-right: 10px;}
.box_con{  border-left:1px solid #E2E4E9; padding:6rem 5rem; background: #ffffff;}
.box_con ul{ }
.box_con ul li{  padding: 2rem 0; display: flex; justify-content:flex-start; align-items: center;}
.box_con ul li i{ width:8rem; height:8rem; line-height: 8rem; display: block; border-radius: 100%; background:#F6F6F6; display: block; text-align: center; color: #E02020; font-size: 3.5rem;}
.box_con ul li p{ margin-left: 3rem; font-size: 16px; color: #333333; text-align: left; line-height: 2; padding: 15px 0;}
.box_con ul li span{ font-size: 20px; font-weight: bold; display: block;}
.box_con ul li a:hover{ color: #E02020;}
/*产业发展*/
.sect_product{}
.pro-box1{ background:url(../img/bg_i1.png) no-repeat center top; padding: 8rem 0 ; background-size: cover;}
.box_pro{ max-width: 600px; margin-left: 0; width: 100%; padding: 5rem 0;}
.tit-about1{ text-align: left; line-height: 1; border-bottom: 1px solid #E6E3DB; padding-bottom: 2rem;}
.tit-about1 span{ color: #333333; font-size:4rem; font-weight: bold;}
.tit-about1 span em{ color: #E02020; font-style: normal;}
.tit-about1 p{ color: #999999; font-size: 4.8rem; letter-spacing: 2px; font-family: 'BarlowCondensed-Light'; margin: 1rem 0;}
.box_pro1{ text-align: left; margin: 5rem 0; font-size: 16px; line-height: 1.8; color: #333333;}

.right { position: relative;}
.right .tourism_huodong1 {position:relative}
.right .tourism_huodong2 { position: absolute; top: 118px; left: 18%;}

.pro-box{background: #ffffff; position: relative;     margin: 0 auto;      max-width: 1920px; }
.pro-box li{ display: flex; justify-content: flex-start; align-items: flex-start; background: #ffffff url(../img/pic_pp.png) no-repeat right bottom;}
.pro-box li:nth-child(2n){ flex-direction: row-reverse; background: #ffffff url(../img/pic_pp1.png) no-repeat left bottom;}
.pro-box li:nth-child(2n) .pro_2 div{ margin-left: auto; margin-right: 10%;}
.pro-box li .pro_1{ width: 55.7%;}
.pro-box li .pro_2{ width: 44.3%; margin-top: 8%;}
.pro-box li .pro_2 div{ max-width: 530px; margin-left: 10%;}
.pro-box li .pro_2 div em{ color: #E02020; font-style: normal; font-size: 2.4rem; line-height: 2;}
.pro-box li .pro_2 div h3{ font-size: 4rem; color:#333333; line-height: 1.5;}
.pro-box li .pro_2 div span{ display: block; font-size: 18px; padding-bottom: 2rem; font-family: 'BarlowCondensed-Light'; line-height: 2; border-bottom: 1px solid rgba(117,117,177,0.2); color: #999999; letter-spacing: 1px;}
.pro-box li .pro_2 div p{ margin-top: 2rem; font-size: 16px; text-indent: 24px; line-height: 2; text-align: justify;}
/*企业文化*/
.section.active .culture_1 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_1 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_2 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_2 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_3 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_3 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_4 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_4 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_5 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_5 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_6 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_6 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_7 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_7 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_8 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_8 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}

.section.active .culture_9 .box_culture p{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .culture_9 .box_culture span{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1.5s;animation-fill-mode: both; data-wow-iteration:1;}

.culture_1{ background:url(../img/pic_f1.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_2{ background:url(../img/pic_f2.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_3{ background:url(../img/pic_f3.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_4{ background:url(../img/pic_f4.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_5{ background:url(../img/pic_f5.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_6{ background:url(../img/pic_f6.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_7{ background:url(../img/pic_f7.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_8{ background:url(../img/pic_f8.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.culture_9{ background:url(../img/xpic_f9.jpg) no-repeat center top; height: 100vh; background-size: cover;}
.box_culture{ text-align: left; color: #ffffff; padding-top: 25%; }
.box_culture span{ font-size: 3rem; display: block;}
.box_culture p{ font-size: 5.6rem; font-weight: bold; line-height: 2;}
#menu{ position: fixed; right: 2%; top:40%; z-index: 100000; display: flex;justify-content: center; flex-direction: column; max-width: 200px;}
#menu li {display:inline-block;position: relative;  margin-bottom: 2rem;   }
#menu li a{  background: #C8C8C8; width: 16px; height: 3px; margin-left: auto; }
#menu li.active a{background: #E02020; width: 28px; height: 5px;}

#menu li a,#menu li.active a{display:block;}
#menu li.active a{color: #fff;}