@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-06-03 10:11:13
 * @version $Id$
 */
.top_img{
	width: 100%;
	min-width: 1200px;
	height: auto;
	float: left;
	overflow: hidden;
}
 .first{
 	padding: 36px 0;
	background: #f5f5f5;
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;}

.first .crumbs{font-weight: bold; font-size: 20px;}

.first .small_menu ul li{padding: 6px 10px; margin: 0 15px; border-radius: 4px; transition: color 0.3s linear 0s, background-color 0.3s linear 0s;}

.first .small_menu ul li.on,

.first .small_menu ul li:hover{background: #da251d;}
.first .small_menu ul li:hover a{color: #fff;}

.first .small_menu ul li.on a{color: #fff;}
.first .small_menu a{color: #000;}
/***********品牌故事**************/

.brand_introdtion{padding: 82px 0 51px;float: left;}

.brand_introdtion .introdtion_left{width: 529px; height: 529px;float: left;}

.brand_introdtion .introdtion_right{width: 600px; height: 529px; margin-left: 60px; padding-top: 50px; color: #333; position: relative;}

.introdtion_right .title{font-size: 18px; border-bottom: 1px solid #ccc; line-height: 35px;}

.introdtion_right .title span{color: #2A8D70; font-weight: bold;}

.introdtion_right .title_en{line-height: 35px; font-size: 18px;}

.introdtion_right .content0{margin-top: 10px; font-size: 14px; line-height: 28px;}

.introdtion_right .big_tips{position: absolute; top: -82px; right: 0;}

.big_tips{height: 133px; width: 160px; background: #2A8D70; color: #fff; padding: 30px 12px 0; text-align: center;}

.big_tips .tips_title{font-size: 24px; white-space: nowrap; margin-bottom: 10px;}

.big_tips .line1{height: 1px; background: #1f6e00;}

.big_tips .line2{height: 1px; background: #1f6e00;}

.big_tips .tips_title_en{margin-top: 8px; font-size: 12px;}

.choose_map{position: relative; height: 688px; background-image: url(../images/map.jpg); background-position: center; color: #fff;}

.choose_map .bubble{position: absolute; top: 67px; left: 50%; margin-left: -241px;}

.choose_map .bubble p:nth-child(1){font-size: 42px;}

.choose_map .bubble p:nth-child(2){font-size: 18px;}

.choose_map .map_tro{position: absolute; top: 47px; left: 50%; margin-left: 42px;}

.choose_map .map_tro p{font-size: 24px; line-height: 45px;}

.choose_map .map_tro p span{font-size: 36px;}

.culture{background: #fff; height: 446px; position: relative;}

.culture .culture_wrap{position: relative; width: 1200px; margin: 0 auto;}

.culture .culture_wrap .big_tips{position: absolute; top: 0; left: 0;}

.culture .cultrue_item{width: 50%; padding-top: 133px; text-align: center; color: #333;}

.culture .cultrue_item .cultrue_item_wrap{padding-bottom: 79px; padding-top: 42px;}

.culture .cultrue_item.hover .cultrue_item_wrap{background: #2a8d70; color: #fff;}

.culture .cultrue_item .cultrue_img{margin-top: 25px;}

.culture .cultrue_item .cultrue_img img{width: 100px;}

.culture .cultrue_item .des{margin-top: 25px; font-size: 16px;}

.cultrue_list{width: 1200px; margin: 0 auto;}

.cultrue_list .cultrue_item{text-align: center; padding: 16px 10px 0; margin: 8px 8px 0 0; color: #333; width: 274px; height: 250px; background: #fff;}

.cultrue_list .cultrue_item:nth-child(4n){margin-right: 0;}

.cultrue_list .cultrue_item.hover{color: #fff; background: #2A8D70;}

.cultrue_list .cultrue_item.hover .line{width: 200px; background: #fff;}

.cultrue_list .cultrue_item.hover .line.tran{transform-origin: center center;}

.cultrue_list .cultrue_item .cultrue_img{width: 75px; margin: 0 auto;}

.cultrue_list .cultrue_item .title{margin-top: 20px; font-size: 18px;}

.cultrue_list .cultrue_item .line{height: 2px; margin: 10px auto 16px; width: 36px; background: #2A8D70;}

.cultrue_list .cultrue_item .des{font-size: 14px;}

.history{position: relative; background-image: url(../images/story_bg.jpg); background-position: center; height: 1612px;width: 100%;float: left}

.history .history_wrap{position: relative; width: 1200px; height: 1612px; margin: 0 auto; background-image: url(../images/story_list.png); background-position: left; background-repeat: no-repeat;}

.history .big_tips{margin-top: 58px;}

.history .history_item,

.history .short_title{display: inline-block; position: absolute;}

.history .short_title{font-size: 36px; color: #348fe8; width: 36px; line-height: 1;}

.history .history_item.item1{top: 52px; left: 598px;}

.history .history_item.item2{top: 252px; left: 437px;}

.history .history_item.item3{top: 484px; left: 437px;}

.history .history_item.item4{top: 729px; left: 253px;}

.history .history_item.item5{top: 973px; left: 253px;}

.history .history_item.item6{top: 1334px; left: 170px;}

.history .short_title.item1{top: 83px; left: 488px;}

.history .short_title.item2{top: 287px; left: 315px;}

.history .short_title.item3{top: 527px; left: 315px;}

.history .short_title.item4{top: 773px; left: 132px;}

.history .short_title.item5{top: 1013px; left: 132px;}

.history .short_title.item6{top: 1380px; left: 50px;}

.history .history_item .title{font-size: 28px; color: #348fe8; line-height: 32px; font-weight: bold;}

.history .history_item .content0{font-size: 16px; color: #333; line-height: 25px; margin-top: 12px; width: 600px;}

.honors{position: relative;width: 100%;float: left; background-image: url(../images/story_swiper_bg.png); background-position: center; padding-top: 210px; height: 720px;}

.honors .big_tips{position: absolute; top: 0;}

.honors #honors_swiper{margin: 0 auto; width: 1200px;}

.honors #honors_swiper .honors_list *{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.honors #honors_swiper .honors_list li{position: relative; overflow: hidden; float: left; width: 296px; height: auto; margin: 2px;}

.honors #honors_swiper .honors_list li:hover .trbl{opacity: 0;}

.honors #honors_swiper .honors_list li:hover .tit{top: -30%;}

.honors #honors_swiper .honors_list .trbl{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #332F2C; opacity: .9;}

.honors #honors_swiper .honors_list .tit{position: absolute; left: 10px; right: 10px; top: 50%; margin-top: -12px; text-align: center; font-size: 16px; font-weight: normal; color: #F5F5F5;}

.honors #honors_swiper .honors_list .li0{z-index: 2; position: relative; overflow: visible; width: 596px; height: 173px;}

.honors #honors_swiper .honors_list .li0 img{max-width: none; width: 628px; height: 220px; margin: -17px -14px; box-shadow: 0 11px 16px rgba(0, 0, 0, .27);}

.honors .swiper-container{height: 620px;}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction{bottom: 0;}

.swiper-pagination-bullet{width: 13px; height: 13px; background: #efefef;}

.swiper-pagination-bullet-active{background: #007aff;}

.contact{position: relative;}

.contact .contact_wrap{position: relative; padding-top: 142px; height: 393px; width: 1200px; margin: 0 auto;}

.contact .big_tips{position: absolute; top: 0; right: 0;}

.contact p{font-size: 18px; color: #333; margin-bottom: 32px;}
img{
	max-width: 100%;
border: 0;
vertical-align: middle;
}