/**Global Style Setting**/
a{ cursor:pointer;}
a:focus,a:active,a:hover{ color:inherit; outline:none; text-decoration:none;}
h1{font-size: 60px;}
h2{font-size: 50px;}
h3{font-size: 38px;}
h4{font-size: 28px;}
h5{font-size: 20px;}
.color-gold{color: #bd934c;}
.color-white{color: #FFFFFF;}
.color-white a{color: #FFFFFF;}
.color-block-black{background-color: #666666; height: 3px; }
.border-gold{background:url(../images/bg-border-s-gold.png) scroll no-repeat 0 bottom;}
.border-white{background:url(../images/bg-border-s-white.png) scroll no-repeat 0 bottom;}
.border-white-l{background:url(../images/bg-border.png) scroll no-repeat 0 bottom;}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.shortline-gold, .shortline-white{width: 30px; height: 2px; display: inline-block;}
.shortline-gold{background-color: #bd934c;}
.carousel-space{padding-left: 10px; padding-right: 10px; display: inline-block;}
.read-more{background:url(../images/icon-read-more.png) scroll no-repeat right center; background-size:20px 22px; display:inline-block; height: 28px; line-height: 28px; padding-right: 32px;}

header{height:50px;/*overflow:hidden;*/font-size:16px;color:#4f4f4f;}
header a{color:#4f4f4f;text-decoration: none;}
header .on a, header a:hover{color: #bd934c; text-decoration: none; background:none;}
header .on a:before{content: '['}
header .on a:after{content: ']'}

header .logo{width:158px;float:left; margin-left:40px;}
header nav.navbar{width:55%;height:50px;float:left; margin-left:20px; margin-bottom:0;}
header nav.navbar #navbar{ width:100%;}
header nav.navbar #navbar ul.nav{ width:100%;}
header nav.navbar #navbar li{width:16%; height:50px; padding-left:1%; padding-right: 1%; line-height:50px;text-align:center;float:left;}
header nav.navbar #navbar ul.nav li a{height: 50px; line-height: 50px; display: inline-block; padding: 0 2px; background:none;}

header nav.navbar #navbar ul.dropdown-menu{ width:auto; min-width:100%; border:none; border-radius:0; background:rgba(255,255,255,0.8); margin:0; padding:0;}
header nav.navbar #navbar ul.dropdown-menu li{ float:none; clear:both; width:auto; min-width:0; height:auto; padding:0; line-height:100%;}
header nav.navbar #navbar ul.dropdown-menu li a{ padding:0; height:34px; line-height:34px; padding:0 10px;}
header nav.navbar #navbar ul.dropdown-menu li a:hover{ color:#bd934c; background:none;}
header nav.navbar #navbar li.on li a{ color:#333;}
header nav.navbar #navbar li.on li a:before,
header nav.navbar #navbar li.on li a:after{content: '';}

.navbar-toggle{ margin:4px 6px;}
.navbar-toggle .icon-bar{ background:#c19634; width:28px; height:4px;}

header .social{width:82px;height:18px;margin-top:16px;float:right; margin-right: 20px;}
header .social a{width:18px;height:18px;display:inline-block;background:url(../images/social-icon.jpg) scroll no-repeat; background-size:72px 36px; margin-left:10px;}
header .social a.weibo{background-position:0 0;}
header .social a.weibo:hover{background-position:-18px 0;}
header .social a.wechat{background-position:0 -18px;}
header .social a.wechat:hover{background-position:-18px -18px;}

header .social a.facebook{background-position:-36px 0;}
header .social a.facebook:hover{background-position:-54px 0;}
header .social a.twitter{background-position:-36px -18px;}
header .social a.twitter:hover{background-position:-54px -18px;}

header .language{float:right;height:50px;line-height:50px; margin-right: 20px; font-size:14px;}

.breadcrumb{background-color: #FFFFFF; margin:0; color: #727272; border-top: solid 1px #000000; border-radius:0; padding:8px 20px 10px 40px;}
.breadcrumb a{color: #727272;}

footer {text-align: center; height: 100px; padding:30px 0;}
footer .copyright nav{height: 20px; line-height: 20px; margin: 20px auto 10px 0;}
footer .copyright p{height: 30px; line-height: 30px;}
footer .copyright li{border-right: solid 1px #6d6d6d; width: 19%; display: inline-block;}
footer .copyright li:last-child{border-right: none;}
footer a{color:inherit;}
footer .qrcode{ width:25%; max-width:300px; float:right;}

/*970*/
@media (max-width: 992px) {
	header{ font-size:14px;}
	header nav.navbar{ width:70%; margin-left:0;}
	header nav #navbar ul li a{ padding:0;}
	header .social{ margin-right:5px; display:none;}
	.qrcode{ display:none;}
	footer { padding:10px 0 0 0;}
	
	.breadcrumb{ padding:0; border:none;}
	.breadcrumb .bcLine{ padding-left:15px; display:none;}
	footer .copyright{ padding:0;}
	}
/*767*/
@media (max-width: 767px) {
	body{ padding-top:50px;}
	
	h1{font-size: 30px;}
	h2{font-size: 26px;}
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 14px;}
	
	header{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#FFF; z-index:1000;}
	header .logo{ margin:0 auto; float:none;}
	.language{ display:none;}
	header nav.navbar{ width:100%; position:absolute; left:0; top:0; margin:0; padding:0; border:none; box-shadow:none;}
	header nav.navbar #navbar{ clear:both; float:none; width:100%; background:#f1f1f1; overflow-y:auto; overflow-x:hidden;}
	header nav.navbar #navbar ul.nav{ clear:both; float:none; padding:0; margin:0;}
	header nav.navbar #navbar ul.nav li{ float:none; width:100%; text-align:left; border-bottom:1px solid #e6e6e6; padding:20px 0; height:auto;}
	header nav.navbar #navbar ul.nav li a{ width:100%; padding:0; font-size:20px; color:#bd934c; display:block;}
	header nav.navbar #navbar ul.nav li a:after{ content:">"; float:right; height:50px; line-height:50px; transition: all 0.5s ease 0s;}
	
	header nav.navbar #navbar ul.nav li.dropdown.open a:after{ transform:rotate(90deg);}
	
	header nav.navbar #navbar ul.dropdown-menu{ float:none; width:100%; background:#f1f1f1; box-shadow:none;}
	header nav.navbar #navbar ul.dropdown-menu li{ float:none; clear:both; width:100%; height:auto; padding:10px 0 0 0; border-bottom:none; border-top:1px solid #e6e6e6;}
	header nav.navbar #navbar ul.dropdown-menu li a{ height:40px; line-height:40px; padding:0; font-size:16px;}
	header nav.navbar #navbar ul.dropdown-menu li a:after{ content:"";}
	header nav.navbar #navbar ul.dropdown-menu li a:hover{ color:#bd934c; background:none;}
	
	header .on a:before{content: ''}
	header .on a:after{content: ''}
	}
/*580*/
@media (max-width: 590px) {
	}

/**Global Style Setting End**/

/**Index Style Setting**/
.swiper-container{ width: 100%; height: 100%;}
.swiper-slide{ text-align: center; color: #bd8e40; text-shadow:none; width:100%; overflow:hidden;}
.swiper-slide img{ width:100%;}
.swiper-slide .carousel-caption{top: 15%; color: #bd8e40; text-shadow:none;}
.swiper-slide .align-left .carousel-caption{left: 10%; right: 0; text-align: left;}
.swiper-slide .align-right .carousel-caption{right: 10%; left: auto; text-align: right;}
.swiper-slide .carousel-caption .read-more{padding: 4px 16px; border: solid 1px #bd8e40; background: none; height: auto; line-height: auto; position: relative; margin-top:20px; color: #bd8e40;}
.swiper-slide .carousel-caption .read-more:before{content: ' '; background-color: #83836d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2;opacity:0.4;filter:alpha(opacity=40);}
.swiper-slide .carousel-caption .read-more:hover{text-decoration: none;}
.swiper-container .swiper-pagination{ bottom:20px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{width: 60px; height: 4px; background: url(../images/bg-carousel-pagination.png) scroll no-repeat 0 0; margin: 0 4px; border: none; border-radius: 0; opacity:1;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 136px; background-image: url(../images/bg-carousel-pagination-active.png)}

.swiper-button-next,.swiper-button-prev{width: 31px; height: 30px; position: absolute; top: 50%; margin-top:-15px; display: block; z-index: 30; background: url(../images/bg-social-history-arrow.png) scroll no-repeat 0 0; cursor: pointer;}
.swiper-button-next{ right:-40px; background-position: 0 -30px;}
.swiper-button-prev{ left:-40px;}


.index-industry{width: 100%; height:auto; margin-top: 50px; margin-bottom: 10px; text-align:center;}
.index-industry li{position: relative; text-align: center; height: 50px; overflow: hidden; display:inline-block; margin:0 1%;}
.index-industry a{width:auto; height: 50px; line-height: 50px; padding:0 15px; display: block; background-color: transparent; color: #576568; font-size: 20px; position: relative; z-index: 5; margin: 0 auto;}
.index-industry a:hover{color: #FFFFFF; text-decoration: none;}
.index-industry a:before{position: absolute; width: 0; height: 50px; top: 0; left: 0; background: #bd934c; z-index: -1; content: ' ';
    transition: 0.5s;
    -moz-transition: 0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari and Chrome */
    -o-transition: 0.5s; /* Opera */
}
.index-industry a:hover:before{width: 100%;}
.index-industry a span{width: 40px; height: 30px; background: url(../images/bg-icon-index-industry.png) scroll no-repeat 0 0; 
display: inline-block; position: relative; left: 0; top: 10px;}
.index-industry ul li:nth-child(1) a:hover span{background-position: 0 -30px;}
.index-industry ul li:nth-child(2) a span{background-position: -40px 0;}
.index-industry ul li:nth-child(2) a:hover span{background-position: -40px -30px;}
.index-industry ul li:nth-child(3) a span{background-position: -80px 0;}
.index-industry ul li:nth-child(3) a:hover span{background-position: -80px -30px;}
.index-industry ul li:nth-child(4) a span{background-position: -120px 0;}
.index-industry ul li:nth-child(4) a:hover span{background-position: -120px -30px;}
.index-industry ul li:nth-child(5) a span{background-position: -160px 0;}
.index-industry ul li:nth-child(5) a:hover span{background-position: -160px -30px;}

/*970*/
@media (max-width: 992px) {
	}
/*767*/
@media (max-width: 767px) {
	.swiper-slide .carousel-caption{top:5%;}
	.swiper-slide .carousel-caption h5{ font-size:16px; margin:10px 0;}
	.swiper-slide .carousel-caption h3{ font-size:22px; margin:10px 0;}
	.swiper-slide .carousel-caption .read-more{ margin-top:10px; font-size:14px; padding:0 10px;}
	.index-industry{ margin-top:10px;}
	.index-industry li{ width:100%; margin:0;}
	.index-industry a{ width:100%; text-align:center; color:#bd934c;}
	.index-industry a span{ display:none;}
	.swiper-button-next{ right:-15px;}
	.swiper-button-prev{ left:-15px;}
	.swiper-container .swiper-pagination{ bottom:10px;}
	.swiper-container .swiper-pagination .swiper-pagination-bullet{width: 30px; background-size:100% 100%;}
	.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 60px; background-size:100% 100%;}
	}
/*580*/
@media (max-width: 590px) {
	}

/**Index Style Setting End**/



/**Common Style Setting**/
.layout-kv{position: relative; z-index: 5;}
.layout-container{position: relative; z-index: 10;}

.menu{margin-top: -50px; margin-bottom: 50px; position: relative;}
.menu li{height: 50px; line-height: 50px; background-color: #f2f2f2; color: #626262; font-size: 16px; border-bottom: solid 1px #e8e8e8; width:90%; overflow:hidden;}
.menu li:last-child{border-bottom: none;}
.menu li a{ color: #626262; width: 90%; margin: 0 5%; display: inline-block; height: 50px; line-height: 50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.menu li:hover,
.menu li.on{background-color: #c0953e;  position: relative;}
.menu li:hover a,
.menu li.on a{color: #ffffff; text-decoration:none;}
.menu li:hover:after,
.menu li.on:after{content: ' >'; position: absolute; right: 2%; color:#FFF;}
.menu li a .keyword{ color:#bd934c; text-decoration:underline;}
.menu li a:hover .keyword{ color:#FFF;}
.menu .pagination{position: relative; width: 90%; top: 0; margin: 0; height: 40px;}
.menu .prev, .menu .next{position: absolute; display: inline-block; color: #c0953e; height: 40px; line-height: 40px;}
.menu .next{right: 0; }
.menu .prev::before{content: '<    ';}
.menu .next::after{content: '    >';}
.menu .disabled{ color:#d2d2d2;}

#single-kv{position: relative;}
#single-kv .single-kv-reference{position: absolute; width: 20%; height: 100%; top: 0; left: 60%; z-index: 20;}
#single-kv .single-kv-content{position: absolute; z-index: 4; width: 80%; left: 0; right: 0; margin: 0 auto;}
#single-kv .single-kv-content .color-block-black{width: 20%; margin: 0 auto; display: block;}
#single-kv .single-kv-content h3, #single-kv .single-kv-content h4{text-align: center;}
#single-kv .single-kv-mask{position: relative; z-index: 2;top:0;left:0;width:100%;height:100%;background-color: #FFFFFF;opacity:0.7;filter:alpha(opacity=70);}

.page-content{padding: 40px 15px 80px 15px; text-align: center; line-height: 160%; font-size:14px; line-height:26px;}
.page-list{background-color: #f8f7f5; padding: 50px 0;}
.page-list li{text-align: center;}
.page-list a.detail{color: #bd934c; display: inline-block; border: solid 1px #bd934c; padding: 4px 8px; margin: 20px auto;}
.page-list a.detail:hover{background-color: #bd934c; color: #FFFFFF; text-decoration: none;}

.mobileMenu{ width:100%; height:40px; background:url(../images/mobileNav.png) 97% 14px no-repeat #f1f1f1; display:none;}
.mobileMenu a{ display:block; margin-left:15px; width:80%; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; color:#696969;}
/*970*/
@media (max-width: 992px) {
	.layout-container{ position:static;}
	.menu{ display:none; width:100%; padding:0; position:absolute; z-index:900; left:0; top:90px; border-top:1px solid #e8e8e8; background:#FFF; margin-top:0;}
	.menu li{ width:100%; height:40px;}
	.menu li a{ height:40px; line-height:40px; margin:0; margin:0 15px; font-size:14px;}
	.menu li:hover:after,
	.menu li.on:after{ height:40px; line-height:40px;}
	.menu .pagination{ margin:0 5%;}
	.menu-search{ margin:0 5%; height:60px;}
	
	#single-kv .single-kv-reference{ width:40%; left:55%;}
	}
/*767*/
@media (max-width: 767px) {
	.page-list{ padding:20px 0;}
	.page-list a.detail{ margin-top:0;}
	.page-content{ padding-bottom:40px;}
	}
/*580*/
@media (max-width: 590px) {
	}
/**Common Style Setting End**/

/****/


/**Industry Style Setting**/
.presentation-descript, .presentation-diagram{position: relative; top: 0; left: 0;}
.presentation-diagram .presentation-descript-logo,
.presentation-descript .presentation-descript-logo{width: 160px; height: 140px; position: absolute; right: 10px; top: 10px; z-index: 20;}
.presentation-diagram{margin-bottom: 280px;}
.presentation-diagram .presentation-diagram-small{position: absolute; bottom: -30%; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #EEEEEE; padding: 5px; z-index: 10;}
.presentation-diagram .presentation-diagram-small li{padding: 0;}

.presentation-diagram .presentation-diagram-navigation{position: absolute; left: 0; top: 75px; width: 300px;}
.presentation-diagram .presentation-diagram-navigation li{background-color:rgba(48,68,95,0.8); color: #FFFFFF; border-bottom: solid 1px #CCCCCC;}
.presentation-diagram .presentation-diagram-navigation li:last-child{ border-bottom:none;}
.presentation-diagram .presentation-diagram-navigation li a{ color:inherit; text-decoration:none; display:inline-block; width:100%; height:50px; line-height:50px; padding: 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.presentation-diagram .presentation-diagram-navigation li.on,.presentation-diagram .presentation-diagram-navigation li:hover{background-color:rgba(192,149,62,0.8);}

.presentation-diagram-bottom{margin-top: 150px; position:relative;}
.presentation-diagram-bottom .presentation-diagram-small{position: absolute; top: -10%; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #EEEEEE; padding: 5px; z-index: 10;}
.presentation-diagram-bottom .presentation-diagram-small li{padding: 0;}

.presentation-diagram-bottom .presentation-diagram-navigation{position: absolute; left: 0; top: 75px; width: 200px; z-index:100;}
.presentation-diagram-bottom .presentation-diagram-navigation li{background-color:rgba(48,68,95,0.8); color: #FFFFFF; border-bottom: solid 1px #CCCCCC;}
.presentation-diagram-bottom .presentation-diagram-navigation li:last-child{ border-bottom:none;}
.presentation-diagram-bottom .presentation-diagram-navigation li a{ color:inherit; text-decoration:none; display:inline-block; width:100%; height:50px; line-height:50px; padding: 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.presentation-diagram-bottom .presentation-diagram-navigation li.on{background-color:rgba(192,149,62,0.8);}
.presentation-diagram-bottom .presentation-descript-logo{width: 160px; height: 140px; position: absolute; right: 10px; top: 10px; z-index: 20;}

.presentation-descript .presentation-descript-container{position: absolute; max-height:400px; height:95%; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.presentation-descript .presentation-descript-container .presentation-descript-mask{width: 100%; height: 100%; background-color: #FFFFFF; position: absolute; left: 0; top: 0; z-index: 1;opacity:0.75;filter:alpha(opacity=75);}
.presentation-descript .presentation-descript-container .presentation-descript-content{width: 50%; margin-left: 45%; position: relative; z-index: 5;}
.presentation-descript .presentation-descript-container .presentation-descript-img{width: 40%; position: absolute; left: -2%; bottom: -4%; z-index: 10; padding: 5px;}
.presentation-descript .presentation-descript-container .presentation-descript-img img{ border:3px solid #FFF;}
.presentation-descript .presentation-descript-container .presentation-descript-content p{ font-size:14px; line-height:24px;}
.presentation-descript .presentation-descript-container .presentation-descript-content h5{ margin-bottom:30px;}
.presentation-descript .presentation-descript-container .presentation-descript-content .more-btn{ display:inline-block; padding:5px 10px; border:1px solid #bd934c; color:#bd934c; text-decoration:none; margin-top:20px;}
.presentation-descript .presentation-descript-container .presentation-descript-content .more-btn a{ color:inherit; text-decoration:inherit;}
.presentation-descript .presentation-descript-container .presentation-descript-content .more-btn::after{content:" >";}

.presentation-descript .presentation-diagram-navigation{position: absolute; left: 0; top: 75px; width: 200px; z-index:100;}
.presentation-descript .presentation-diagram-navigation li{background-color:rgba(48,68,95,0.8); color: #FFFFFF; border-bottom: solid 1px #CCCCCC;}
.presentation-descript .presentation-diagram-navigation li:last-child{ border-bottom:none;}
.presentation-descript .presentation-diagram-navigation li.on{background-color:rgba(192,149,62,0.8);}
.presentation-descript .presentation-diagram-navigation li a{ color:inherit; text-decoration:none; display:inline-block; width:100%; height:50px; line-height:50px; padding: 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*970*/
@media (max-width: 992px) {
	/*.presentation-diagram{ display:none;}*/
	.presentation-diagram-small{ display:none;}
	.presentation-diagram{ margin-bottom:0;}
	.presentation-diagram .presentation-descript-logo,
	.presentation-descript .presentation-descript-logo{ width:80px; height:70px;}
	.presentation-descript .presentation-descript-container .presentation-descript-img{ bottom:0; top:15%; left:0; width:100%;}
	.presentation-descript .presentation-descript-img img:first-child{ display:block; width:70%; margin:0 auto;}
	.presentation-descript .presentation-descript-container{ position:static; padding-top:40%; height:auto; max-height:none; padding-bottom:40px; background:#f1f1f1;}
	.presentation-descript .presentation-descript-container .presentation-descript-content{ margin:0 auto; width:70%;}
	.presentation-descript .presentation-descript-container .presentation-descript-content h5{ margin-bottom:10px;}
	.presentation-descript .presentation-descript-container .presentation-descript-content .more-btn{ margin-top:10px;}
	.presentation-descript .presentation-descript-container .presentation-descript-mask{ display:none;}

	.presentation-diagram .presentation-diagram-navigation,.presentation-descript .presentation-diagram-navigation{ display:none; width:100%; padding:0; position:absolute; z-index:900; left:0; top:0; border-top:1px solid #e8e8e8; background:#FFF; margin-top:0;}
	.presentation-diagram .presentation-diagram-navigation li,.presentation-descript .presentation-diagram-navigation li{ width:100%; height:40px;}
	.presentation-diagram .presentation-diagram-navigation li a,.presentation-descript .presentation-diagram-navigation li a{ height:40px; line-height:40px; margin:0; margin:0 15px; padding:0;}
	}
/*767*/
@media (max-width: 767px) {
	.presentation-descript .presentation-descript-container{ position:static; padding-top:48%;}
	}
/*580*/
@media (max-width: 590px) {
	.presentation-descript .presentation-descript-container{ position:static; padding-top:55%;}
	}
/**Industry Style Setting End**/


/**Social Responsibility Style Setting**/
.social-history{background-color: #FFFFFF; margin-top: 60px; margin-bottom: 60px;}
.social-history .social-history-years{position: relative; width: 100%;}
.social-history .social-history-years .mask{width: 100%; height: 3px; position: absolute; left: 0; top: 20px; z-index: 1; background-color: #bd934c;}
.social-history .social-history-years .social-history-list{position: relative; left: 0; top: 0; z-index: 20; width: 100%;}
.social-history .social-history-years .move{width: 31px; height: 30px; position: absolute; top: 6px; display: block; z-index: 30; background: url(../images/bg-social-history-arrow.png) scroll no-repeat 0 0; cursor: pointer;}
.social-history .social-history-years .prev{left: -40px;}
.social-history .social-history-years .next{right: -40px; background-position: 0 -30px;}
.social-history .social-history-years .social-history-list,
.social-history .social-history-years .social-history-list .swiper-container{width: 100%; overflow: hidden;}
.social-history .social-history-years .social-history-list .swiper-slide{background: url(../images/bg-social-history.jpg) scroll no-repeat center 0; height: 160px; text-align: center; padding: 0;}
.social-history .social-history-years .social-history-list .swiper-slide a{width: 108px; height: 45px; background: url(../images/bg-social-history-year.jpg) scroll no-repeat 0 0; display: inline-block; margin: 74px auto 0 auto; line-height: 45px; font-size: 36px;}
.social-history .social-history-years .social-history-list .swiper-slide a:hover{color: #bd934c; text-decoration: none;}
.social-history .social-history-years .social-history-list .swiper-slide.on a{background-position: 0 -45px; color: #FFFFFF;}

.social-responsibility {width: 100%; background-color: #f8f7f5; padding: 65px 0 0 0;}
.social-responsibility h3{background: url(../images/bg-social-responsibility.jpg) scroll no-repeat center bottom; padding-bottom: 30px; margin-bottom: 30px;}
.social-responsibility li{margin-bottom: 60px;}
.social-responsibility li .social-responsibility-content{background-color: #FFFFFF; padding: 20px 30px;}
.social-responsibility li .social-responsibility-content h5{/*display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;*/ height:44px; overflow:hidden; line-height:22px;}
.social-responsibility li .social-responsibility-content p{ margin-top:20px; font-size:14px; line-height:26px; height:52px; overflow:hidden;}

.social-detail-content{position: relative;}
.social-detail-media{position: relative; top: 0; left: 0; margin-top:30px;}
.social-detail-media .mask{width: 100%; height: 100%; background-color: #FFFFFF; opacity:0.9;filter:alpha(opacity=90); position: absolute; top: 0; left: 0; z-index: 10;}
.social-detail-media .revert-arrow{width: 100%; height: 10px; position: absolute; top: 0; z-index: 20; background: url(../images/bg-revert-arrow.png) scroll no-repeat center top;}
.social-detail-media .images{ padding:20px 25px 0 25px; margin:0 auto; position:relative;}
.social-detail-media .images .swiper-button-next{ right:40px; margin-top:-5px;}
.social-detail-media .images .swiper-button-prev{ left:40px; margin-top:-5px;}

.social-detail-media .social-detail-images .image-list a{ cursor:auto;}
.social-detail-media .media-content{ margin-left: auto; margin-right: auto; z-index: 30; height: auto;}
.social-detail-media .social-detail-images .images,
.social-detail-media .social-detail-images .image-list,
.social-detail-media .social-detail-images .image-list ul{overflow: hidden; width: 100%;}
.social-detail-media .social-detail-images .image-list ul li img{ min-height:202px;}
.social-detail-media .social-detail-images .images{position: relative;}
.social-detail-media .social-detail-images .images .image-list{position: relative; z-index: 5;}
.social-detail-media .social-detail-images .images .move{width: 31px; height: 30px; position: absolute; top: 6px; display: block; z-index: 30; background: url(../images/bg-social-history-arrow.png) scroll no-repeat 0 0; cursor: pointer;}
.social-detail-media .social-detail-images .images .prev{left: 40px;}
.social-detail-media .social-detail-images .images .next{right: 40px; background-position: 0 -30px;}

.social-detail-media .media-content .video{padding-left: 10px; padding-right: 10px; position: relative; top: 0; margin-top: 40px;}
.social-detail-media .media-content .video a{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: url(../images/bg-play.png) scroll no-repeat 0 0; width: 75px; height: 75px; z-index: 10;}

@media (max-width: 992px) {
	.social-detail-content{ position:static;}
	.social-history .social-history-years{ width:80%; margin:0 auto;}
	}
/*767*/
@media (max-width: 767px) {
	.social-detail-media .images{ padding-left:0; padding-right:0;}
	.social-detail-media .images .swiper-button-next{ right:10px;}
	.social-detail-media .images .swiper-button-prev{ left:10px;}
	
	.social-responsibility .col-sm-6,.social-responsibility .col-xs-6{ padding-left:5px; padding-right:5px;}
	.social-responsibility li .social-responsibility-content{ padding: 5px 10px;}
	.social-responsibility li .social-responsibility-content h5{ height:40px; line-height:20px; margin-bottom:0;}
	.social-responsibility li .social-responsibility-content p{ margin-top:5px;}
	}
/*580*/
@media (max-width: 590px) {
	}
/**Social Responsibility Style Setting End**/


/**News Responsibility Style Setting**/
.menu-search{ width:90%;}
.menu-search input{ width:240px; height:35px; line-height:34px; background:url(../images/search-icon.jpg) 0 0 no-repeat #FFF; padding:0 10px 0 60px; float:left; border:1px solid #b1b1b1; font-size:14px;}
.menu-search a{ float:right; color:#525252; font-size:14px; text-decoration:underline; display:inline-block; height:35px; line-height:34px;}
.news-detail-title-time{ font-size:14px; color:#626262;}

.detail-content{ margin-top:40px;}

.detail-content .content p:first-child{ margin-top:20px;}
.detail-content .content p{ font-size:14px; line-height:26px; margin-bottom:20px;}
.detail-content .content p .news-detail-btn{ display:inline-block; padding:0 10px; border:1px solid #bd934c; color:#bd934c; text-decoration:none; margin-left:15px;}
.detail-content .content p .news-detail-btn a{ color:inherit; text-decoration:inherit;}
.detail-content .content p .news-detail-btn::after{content:" >";}
/**News Responsibility Style Setting End**/

/**Contact us Responsibility Style Setting**/
.contact-detail-content{ position:relative; background:url(../images/contactus-bg.jpg) center bottom no-repeat; background-size:100% auto;}
.contact-describe{ font-size:16px; line-height:28px; margin-top:60px; margin-bottom:40px;}

.contact-map{ position:relative; margin:40px 0;}
.contact-map-point{ display:block; width:12.20752797558494%; height:8.38574423480084%; position:absolute; left:0; top:0;}
.contact-map-pop{ padding:15px; color:#FFF; font-size:16px; line-height:28px; position:absolute; left:0; top:0; background:rgba(195,155,82,0.8);}
.innerDiv{ width:100%; height:100%; position:relative;}
.topArrpw{ width:10px; height:10px; background:rgba(195,155,82,0.8); position:absolute; transform:rotate(45deg); position:absolute; left:-10px; top:-20px;}

/*970*/
@media (max-width: 992px) {
	}
/*767*/
@media (max-width: 767px) {
	.contact-map{ display:none;}
	}
/*580*/
@media (max-width: 590px) {
	}
/**Contact us Responsibility Style Setting End**/

/**About Responsibility Style Setting**/
.about-content{ margin:15px 0;}
.about-content .ceo-photo{ float:left; margin-right:30px; margin-top:40px;}
.about-subtitle{ font-size:18px; line-height:200%;}
.about-content .content{ clear:both;}
.about-content .content p{ font-size:14px; line-height:26px; margin-bottom:20px;}
.about-content .content li{ font-size:14px; line-height:26px;}
.about-content .content p:first-child{ margin-top:20px;}

.about-content .about-histroy-page{ display:none;}
.about-content .about-histroy-page.on{ display:block;}

.about-histroy-page-content p{ margin:20px 0 10px 0;}

.about-content .pagination{position: relative; width: 100%; top: 0; margin: 0; height: 40px;}
.about-content .prev, .about-content .next{position: absolute; display: inline-block; color: #c0953e; height: 40px; line-height: 40px;}
.about-content .next{right: 0; }
.about-content .prev::before{content: '<    ';}
.about-content .next::after{content: '    >';}
.about-content .pagination .disabled{ color:#d2d2d2;}

.about-content .images{position: relative; margin-top:40px; padding:0 15px;}
.about-content .images .image-list{position: relative; z-index: 5;}
.about-content .images .image-list ul li img{ min-height:150px;}
.about-content .images .move{width: 31px; height: 30px; position: absolute; top: 6px; display: block; z-index: 30; background: url(../images/bg-social-history-arrow.png) scroll no-repeat 0 0; cursor: pointer;}
.about-content .images .prev{left: -40px;}
.about-content .images .next{right: -40px; background-position: 0 -30px;}
.about-content .images .prev:before,
.about-content .images .prev:after,
.about-content .images .next:before,
.about-content .images .next:after{content: '';}

.about-content .about-video-content{ margin:20px 0;}

.about-friend-col{ padding:0 0.4%;}
.about-friend-col li { margin-bottom: 7%; position: relative; width: 100%;}
.about-friend-col li::before { content: ""; display: block; padding-top: 54.25%;}
.about-friend-col li.large::before {content: ""; display: block; padding-top: 115.5%;}
.about-friend-col li a {bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; cursor:auto;}
.about-friend-col li.large a { height: 100%; overflow: hidden; width: 100%;}
.about-friend-col li a img { height: auto; transition: all 1s ease 0s; width: 100%; transform-origin:50% 50% 0; position:relative;}
.about-friend-col li.large a img { height: 100%; left: 50%; max-width: none; position: relative; top: 50%; transform: translate(-50%, -50%); width: auto;}
.about-friend-col li:hover img{ transform: scale(1.3);}
.about-friend-col li.large:hover img{ transform: translate(-50%, -50%) scale(1.3);}
.about-friend-col li::after{content: " "; display:block; width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(255,255,255,0.7); opacity:0; transition: all 1s ease 0s;}
.about-friend .swiper-slide:hover li::after{ opacity:1;}
.about-friend .swiper-slide:hover li:hover::after{ opacity:0;}

/*970*/
@media (max-width: 992px) {
	}
/*767*/
@media (max-width: 767px) {
	.about-content{ padding:0;}
	.about-content .ceo-photo{ margin-top:0;}
	.about-friend{ padding:0 15px;}
	.about-subtitle{ font-size:14px; line-height:20px;}
	.about-content .images .prev{left: -5px;}
	.about-content .images .next{right: -5px;}
	}
/*580*/
@media (max-width: 590px) {
	}
/**About Responsibility Style Setting End**/