@charset "UTF-8";
.gray_bg_pic{background-color: #f3f3f3; margin-bottom: 30px;}
.circle_bg{background-color: #f3f3f3; border-radius: 30px; padding: 20px;}
.green_text{color: #11622f; font-size: 18px;}
.arrow_list	li{margin-bottom: 20px; background:url(../images/icon_arrow.png) no-repeat 0px 0px; padding-left: 28px; font-size: 16px; color: #666666;}
.dot_list li{margin-bottom: 20px; background:url(../images/icon_dot.png) no-repeat 0px 0px; padding-left: 28px; font-size: 16px; color: #666666;}
.pig_list li{margin-bottom: 20px; background:url(../images/icon_pig.png) no-repeat 0px 0px; padding-left: 28px; font-size: 16px; color: #666666;}
.page_warpper h2{background:url(../images/h2_line.png) no-repeat center bottom; padding-bottom: 10px}
.page_banner{ height: 370px; margin-bottom: 60px; width: 100%; box-shadow:0px 0px 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.7);}
.page1_banner1{background: url(../images/page1_banner1.jpg) center center;background-size: cover;}
.page1_banner2{background: url(../images/page1_banner2_en.jpg) center center;background-size: cover;}
.page1_banner3{background: url(../images/page1_banner3.jpg) center center;background-size: cover;}
.page1_banner4{background: url(../images/page1_banner4.jpg) center center;background-size: cover;}
.page1_banner5{background: url(../images/page1_banner5.jpg) center center;background-size: cover;}
.page1_banner6{background: url(../images/page1_banner6.jpg) center center;background-size: cover;}
.page2_banner{background: url(../images/page2_banner.jpg) center center;background-size: cover;}
.page3_banner1{background: url(../images/page3_banner1.jpg) center center;background-size: cover;}
.page3_banner2{background: url(../images/page3_banner2.jpg) center center;background-size: cover;}
.page4_banner{background: url(../images/page4_banner.jpg) center center;background-size: cover;}
.page5_banner{background: url(../images/page5_banner.jpg) center center;background-size: cover;}
.page6_banner{background: url(../images/page6_banner.jpg) center center;background-size: cover;}
.page7_banner{background: url(../images/page7_banner.jpg) center center;background-size: cover;}
.video-wrpper{width: 800px; margin: 30px auto;}
.video{position: relative;padding-bottom: 62.5%;height: 0;overflow: hidden;}
.video iframe{position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
.page_copyright{background-color: #2b2b2b; padding: 30px 0px; color: #fff;}
.page_copyright .icp{text-align: center;}
.page_copyright a{margin: 10px 8px 0px; color: #fff;}	
.malposition_pic{position: relative; height: 430px;}
.malposition_pic .pic_bar{position: absolute; left:-15px;}	
.watermark{background: url(../images/watermark.png) no-repeat center center; background-size: cover;}
.idea_bar h3{text-align: center; border-bottom: solid 2px rgba(17,98,17,1); padding-bottom: 20px; line-height: 1.2em; margin-top: -10px;}
.belief_bar{background: url(../images/page1_page4_pic4.jpg) no-repeat center center; background-size: cover; padding: 60px 0px; text-align: center;}
.belief_bar h2,.belief_bar p{color: #fff; background: none;}
.belief_bar p{width: 700px; margin: auto;}
.history_bar .content{background: url(../images/history_line.png) repeat-y top center; margin-top:100px;}
.history_bar .item{padding: 15px; background-color:#f7f7f7; margin: 35px 0px; position: relative; margin-top: -80px;}
.history_bar .item h4{color: rgba(17,98,17,1); font-size: 22px;}
.history_bar .item p{color: #666; font-size: 16px; margin-bottom: 0px;}
.history_bar .item .dot_icon{background: url(../images/history_right_icon.png) no-repeat; width: 40px; height: 25px; position: absolute; top:10px;}
.history_bar .right_text{border-left: solid 1px rgba(17,98,17,1); margin-left: 13px;}
.history_bar .left_text{border-right: solid 1px rgba(17,98,17,1); margin-right:13px; text-align: right;}
.history_bar .left_text h4{text-align: right;}
.history_bar .right_text .dot_icon{left:-40px;}
.history_bar .left_text .dot_icon{right:-40px; transform:rotate(180deg) }
.history_bar .first_item{margin-top: -30px;}
.honor_bar .pic_list{margin-bottom: 30px;}
.pic_text_list span{display: block; text-align: center; margin: 10px;}
.news_list .items{margin-bottom: 30px;}
.news_list .items img{width: 100%;}
.news_list h4{font-size: 20px; color: #333; overflow:hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0;}
.news_list .time{margin-bottom: 10px;}
.news_list .time span{margin-right: 10px; font-size: 12px; color: #b1b1b1;}
.news_list .more a{display: block; background: #278f4d; border-radius: 5px; text-align: center; width: 64px; height: 25px; line-height: 25px; color:#fff; font-size: 10px;}
.paging_bar ul li a{color: #929292;}
.paging_bar ul li a:hover,.paging_bar ul .active a{color: #fff; background-color: #11622f; border-color:#11622f ;}
.news_detail .title{border-bottom: solid 1px #dbdbdb; padding-bottom: 20px; margin-bottom: 20px;}
.news_detail .title h2{background: none; color: #333; font-size: 30px; margin-bottom: 0px;}
.news_detail .title .time{text-align: center;}
.first_list li{background: url(../images/page3_page2_icon.png) no-repeat; font-size: 18px; line-height: 1.2em; padding: 20px 0px 20px 70px; margin-bottom: 7px;}
.first_list .icon1{background-position: 0px 0px;}
.first_list .icon2{background-position: 0px -65px;}
.first_list .icon3{background-position: 0px -130px;}
.first_list .icon4{background-position: 0px -195px;}
.first_list .icon5{background-position: 0px -260px;}
.arming_var {position: relative;}
.arming_var .text{}
.figure_list li{background: url(../images/figure_list.png) no-repeat; font-size: 16px; line-height: 1.2em; padding: 10px 0px 10px 70px; margin-bottom: 7px;}
.figure_list .icon1{background-position: 0px 0px;}
.figure_list .icon2{background-position: 0px -50px;}
.figure_list .icon3{background-position: 0px -100px;}
.figure_list .icon4{background-position: 0px -150px;}
.figure_list .icon5{background-position: 0px -200px;}
.thumb span{width: 100%; color: #11622f; text-align:center; display: block; margin: 10px 0px 20px; font-size: 18px;}
.detail_data{margin-top: -20px;}
.detail_data h3{margin-bottom: 10px;}
.data_table {border-top: solid 1px #cdcdcd; border-left: solid 1px #cdcdcd;}
.data_table th{background: #dbe9cd;}
.data_table td,.data_table th{text-align: center; padding: 13px; border-bottom: solid 1px #cdcdcd; border-right: solid 1px #cdcdcd; box-sizing: content-box;}
.data_table tr:nth-child(odd){background:rgba(230,230,230,1);}
.data_table tr:nth-child(even){background:rgba(255,255,255,1);}
.black_pig h4{font-size: 18px; font-weight: 500;}
.black_pig .green_text{color:#11622f; font-size: 16px; }
.service_text p{margin-right: 80px;}
.service_text span{color:#11622f; margin-right: 20px;}
.logo_list{margin-bottom: 30px;}
.mom_talk{border-radius: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);-webkit-box-shadow:  0px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow:  0px 0px 20px rgba(0,0,0,0.2); padding: 40px 50px 60px; background: url(../images/page4_pic11.jpg) no-repeat right 30px #fff;}
.mom_talk p{width: 60%;}
.mom_talk span{width: 100%; text-align: right; display: block;}
.page5_figure .figure_list li{font-size: 20px;}
.pic_border{border: solid 1px #ececec}
.statistics_bar h4{color: #333; font-weight: 500; text-align: center;}
.statistics_bar .pic{margin: 0px 70px;}
.exchange_bar h3{margin-bottom: 10px; margin-top: -5px;}
.contact_bar .items p span{font-family: 20px; font-weight: 600;}
.five-foremost .items{margin-bottom:30px; position:relative;}
.five-foremost .items h3{ position:absolute; left:0px; top:50px; text-align:center; color:#fff; margin:50px 70px;}
.five-foremost .items h4{ color:#666666; font-size:18px; padding:5px 0px 0px 50px; margin-top:15px; background:url(../images/page3_page2_icon.png) no-repeat; height:40px;}
.five-foremost .items .icon1{ background-position:0px 0px;}
.five-foremost .items .icon2{ background-position:0px -40px;}
.five-foremost .items .icon3{ background-position:0px -80px;}
.five-foremost .items .icon4{ background-position:0px -120px; padding:0px 0px 0px 50px;}
.five-foremost .items .icon5{ background-position:0px -160px; padding:0px 0px 0px 50px;}
@media (max-width: 1200px) {
	.belief_bar p{width: 100%;}
	.arming_var .text{position: relative; width: 100%; left:0px;}
	.five-foremost .items h3{ top:0px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
.belief_bar p{width: 100%;}
	.pic img{width: 100%;}
	.arming_var .text{position: relative; width: 100%; left:0px;}
	.service_text p{margin-right: 0px;}
	.mom_talk{padding: 40px 50px 0px;}
	.five-foremost .items h3{ top:0px; margin:50px 20px; font-size:28px;}
}
@media (max-width:767px) {
	.page_banner{ height: 240px; margin-bottom: 30px;}
	.page1_banner1{background: url(../images/page1_banner1_mb.jpg) center center;}
	.page1_banner2{background: url(../images/page1_banner2_mb.jpg) center center;}
	.page1_banner3{background: url(../images/page1_banner3_mb_en.jpg) center center;}
	.page1_banner4{background: url(../images/page1_banner4_mb.jpg) center center;}
	.page1_banner5{background: url(../images/page1_banner5_mb.jpg) center center;}
	.page1_banner6{background: url(../images/page1_banner6_mb.jpg) center center;}
	.page2_banner{background: url(../images/page2_banner_mb.jpg) center center;}
	.page3_banner1{background: url(../images/page3_banner1_mb.jpg) center center;}
	.page3_banner2{background: url(../images/page3_banner2_mb.jpg) center center;}
	.page4_banner{background: url(../images/page4_banner_mb.jpg) center center;}
	.page5_banner{background: url(../images/page5_banner_mb.jpg) center center;}
	.page6_banner{background: url(../images/page6_banner_mb.jpg) center center;}
	.page7_banner{background: url(../images/page7_banner_mb.jpg) center center;}
	.page_warpper .pic img{ width: 100%;}
	.video-wrpper{width: 100%; margin: auto;}
	.malposition_pic .pic_bar{position: relative; left: 0px;}	
	.circle_bg{padding: 20px; margin: 10px;}
	.idea_bar h3{margin-top: 30px;}
	.belief_bar p{width: 100%;}
	.belief_bar{background: url(../images/page1_page4_pic4_mb.jpg) no-repeat; background-size: cover;}
	.history_bar .content{background: url(../images/history_line.png) repeat-y top left;}
.history_bar .item{margin-top: 0px;}
.history_bar .item .dot_icon{width: 32px;}
.history_bar .right_text{border-left: solid 1px rgba(17,98,17,1); margin-left: 26px; margin-right: 0px;}
.history_bar .left_text{border-left: solid 1px rgba(17,98,17,1); border-right:none; margin-left:26px; text-align: left;  margin-right: 0px;}
.history_bar .left_text h4{text-align: left;}
.history_bar .right_text .dot_icon{left:-32px;}
.history_bar .left_text .dot_icon{left:-32px; transform:rotate(0deg) }
.first_list li{padding: 10px 0px 10px 70px; margin-bottom: 10px;}
.arming_var .text{position:static; width: 100%; left:0px;}
.figure_list li{padding: 5px 0px 10px 70px; margin-bottom: 7px;}	
.service_text p{margin-right: 0px;}
.mom_talk{padding: 30px 30px 10px;} 
.statistics_bar .pic{margin: 0px 0px;}
.five-foremost .items h3{ top:0px; margin:40px 25px; font-size:18px;}
.five-foremost .items h4{font-size:14px; padding:5px 0px 0px 50px; margin-top:15px; background:url(../images/page3_page2_icon.png) no-repeat; height:40px;}	
	
}


























