/*** 

====================================================================
	Fonts
====================================================================

 ***/


/*** 

====================================================================
	Resources / Css Files
====================================================================

 ***/

@import url('animate.css');
@import url('hover.css');
@import url('timeline.min.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('fontawesome-all.css');
@import url('flaticon.css');
@import url('jquery.fancybox.min.css');
@import url('custom-animate.css');
@import url('global.css');


/*** 

====================================================================
	Main Header
====================================================================

***/

.main-header {
	position          : absolute;
	z-index           : 999;
	width             : 100%;
	top               : 0;
	left              : 0;
	-webkit-transition: all 300ms ease;
	-moz-transition   : all 300ms ease;
	-ms-transition    : all 300ms ease;
	-o-transition     : all 300ms ease;
	transition        : all 300ms ease;
}

/*Sticky Header*/

.sticky-header {
	position  : fixed;
	left      : 0px;
	top       : 0px;
	width     : 100%;
	padding   : 0px 0px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px;
	z-index   : 9999999;
}

.sticky-header .logo {
	padding: 15px 30px;
}

.sticky-header .auto-container {
	width: 1500px;
}


/* Header Upper */
.main-header .header-upper {
	position: relative;
}

.main-header .header-upper .header-outer {
	display    : flex;
	flex-wrap  : wrap;
	align-items: center;
}

.main-header .header-upper .logo-box {
	position: relative;
	left    : 0px;
	z-index : 10;
}

.main-header .header-upper .logo-box .logo img {
	display           : inline-block;
	max-width         : 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition    : all 300ms ease;
	-o-transition     : all 300ms ease;
	-moz-transition   : all 300ms ease;
	transition        : all 300ms ease;
}

.main-header .header-upper .nav-outer {
	position: relative;
}

.main-header .header-upper .nav-outer .main-menu {
	position: relative;
	float   : left;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position   : relative;
	margin-left: 350px;
}

.main-menu .navigation>li {
	position          : relative;
	float             : left;
	padding           : 45px 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition   : all 300ms ease;
	-ms-transition    : all 300ms ease;
	-o-transition     : all 300ms ease;
	transition        : all 300ms ease;
}

.sticky-header .main-menu .navigation>li {
	padding: 27px 35px;
}
.sticky-header .main-menu .navigation>li>a{
    color: #000;
}
.main-menu .navigation>li>a {
	position          : relative;
	display           : block;
	text-align        : center;
	font-size         : 22px;
	line-height       : 30px;
	text-transform    : uppercase;
	opacity           : 1;
	color             : #fff;
	padding           : 0;
	-webkit-transition: all 300ms ease;
	-moz-transition   : all 300ms ease;
	-ms-transition    : all 300ms ease;
	-o-transition     : all 300ms ease;
	transition        : all 300ms ease;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: #802a11;
}

.main-menu .navigation>li>ul {
	position                : absolute;
	left                    : 0px;
	top                     : 100%;
	width                   : 230px;
	z-index                 : 100;
	padding                 : 30px 0px;
	opacity                 : 1;
	background              : #ffffff;
	border-radius           : 0 0 3px 3px;
	-webkit-transform       : translateY(30px);
	-moz-transform          : translateY(30px);
	-ms-transform           : translateY(30px);
	-o-transform            : translateY(30px);
	transform               : translateY(30px);
	-webkit-transform-origin: top;
	-moz-transform-origin   : top;
	-ms-transform-origin    : top;
	-o-transform-origin     : top;
	transform-origin        : top;
	-webkit-transition      : all 400ms ease;
	-moz-transition         : all 400ms ease;
	-ms-transition          : all 400ms ease;
	-o-transition           : all 400ms ease;
	transition              : all 400ms ease;
	box-shadow              : 0 15px 27px 0 rgba(14, 0, 40, .05);
}



.main-menu .navigation>li>ul>li {
	position: relative;
	width   : 100%;
	padding : 0 35px;
}

.main-menu .navigation>li>ul>li:last-child {
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>a {
	display           : block;
	font-size         : 16px;
	line-height       : 24px;
	padding           : 6px 0;
	white-space       : nowrap;
	color             : #252733;
	font-weight       : 600;
	letter-spacing    : 1px;
	text-align        : left;
	text-transform    : capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition   : all 200ms ease;
	-ms-transition    : all 200ms ease;
	-o-transition     : all 200ms ease;
	transition        : all 200ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #802a11;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	content    : "\f105";
	position   : absolute;
	right      : 0;
	top        : 5px;
	display    : block;
	font-size  : 16px;
	line-height: 24px;
	padding    : 3px 25px;
	color      : #222222;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	text-align : center;
	z-index    : 5;
}

.main-menu .navigation>li>ul>li>ul {
	position                : absolute;
	left                    : 100%;
	top                     : 0;
	width                   : 230px;
	z-index                 : 100;
	padding                 : 30px 35px;
	opacity                 : 1;
	background              : #ffffff;
	border-radius           : 0 0 3px 3px;
	-webkit-transform       : translateY(30px);
	-moz-transform          : translateY(30px);
	-ms-transform           : translateY(30px);
	-o-transform            : translateY(30px);
	transform               : translateY(30px);
	-webkit-transform-origin: top;
	-moz-transform-origin   : top;
	-ms-transform-origin    : top;
	-o-transform-origin     : top;
	transform-origin        : top;
	-webkit-transition      : all 400ms ease;
	-moz-transition         : all 400ms ease;
	-ms-transition          : all 400ms ease;
	-o-transition           : all 400ms ease;
	transition              : all 400ms ease;
	box-shadow              : 0 15px 27px 0 rgba(14, 0, 40, .05);
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width   : 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>ul li a {
	display           : block;
	font-size         : 16px;
	line-height       : 24px;
	padding           : 6px 0;
	color             : #252733;
	font-weight       : 600;
	letter-spacing    : 1px;
	text-align        : left;
	text-transform    : capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition   : all 200ms ease;
	-ms-transition    : all 200ms ease;
	-o-transition     : all 200ms ease;
	transition        : all 200ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li>ul li:hover a {
	color: #802a11;
}

.main-menu .navigation>li.dropdown:hover>ul {
	-webkit-transform: translateY(0px);
	-moz-transform   : translateY(0px);
	-ms-transform    : translateY(0px);
	-o-transform     : translateY(0px);
	transform        : translateY(0px);
	visibility       : visible;
	opacity          : 1;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	-webkit-transform: translateY(0px);
	-moz-transform   : translateY(0px);
	-ms-transform    : translateY(0px);
	-o-transform     : translateY(0px);
	transform        : translateY(0px);
	visibility       : visible;
	opacity          : 1;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position   : absolute;
	right      : 10px;
	top        : 8px;
	width      : 34px;
	height     : 30px;
	text-align : center;
	font-size  : 16px;
	line-height: 30px;
	color      : #ffffff;
	cursor     : pointer;
	z-index    : 5;
	display    : none;
}

.main-header .outer-box {
	position    : relative;
	margin-right: -15px;
}

.main-header .outer-box .wrapper-box {
	display        : flex;
	align-items    : center;
	justify-content: center;
	flex-wrap      : wrap;
}

.main-header .outer-box .social-icon-one {
	margin-right: 50px;
}

.main-header .outer-box .social-icon-one li a {
	font-size : 22px;
	color     : #fff;
	transition: .5s ease;
}

.main-header .outer-box .social-icon-one li a:hover {
	color: #802a11;
}

.main-header .outer-box .theme-btn {
	padding    : 46px 120px;
	font-size  : 24px;
	font-weight: 600;
}

.main-header .outer-box .theme-btn span {
	font-size   : 20px;
	margin-right: 7px;
}

.main-header .outer-box .contact-info li {
	border     : 4px solid #3b3d48;
	color      : #fff;
	font-size  : 16px;
	font-weight: 500;
	padding    : 9px 40px;
	float      : left;
}

.main-header .outer-box .contact-info li a {
	color: #fff;
}

.main-header .outer-box .contact-info li span {
	font-size   : 14px;
	color       : #802a11;
	margin-right: 10px;
}

/*** 

====================================================================
	Header Style Two
====================================================================

***/

.main-header.header-style-two {
	position  : relative;
	background: #fff;
}

.main-header.header-style-two .header-upper {
	width        : 100%;
	border-bottom: 0px;
	padding      : 0 0;
}

.main-header.header-style-two .header-upper .logo-box {
	padding: 46px 0;
	border : 0px;
}

/*** 

====================================================================
	Main Slider
====================================================================

***/

.banner .swiper-container {
	position: relative;
	left    : 0;
	top     : 0;
	width   : 100%;
	overflow: hidden;
	height  : auto;
}

.banner .swiper-wrapper {
	width    : 100%;
	height   : auto;
	display  : flex;
	transform: translate(-100%, 0);
}

.banner .swiper-slide {
	flex-shrink: 0;
	width      : 100%;
	height     : auto;

}

.banner .swiper-slide .images1 {
	display: none;
}

.banner .swiper-slide img {
	width    : 100%;
	min-width: auto;
	height   : auto;
	display  : block;
}

.banner .infos {
	position: absolute;
	bottom  : 20%;
	right   : 18%;
	width   : 550px;
	height  : 474px;
}

.banner .infos a img {
	width : 100%;
	height: 100%;
}

.banner .swiper-pagination {
	position  : absolute;
	left      : 0;
	bottom    : 5%;
	width     : 100%;
	height    : 8px;
	text-align: center;
}

.banner .swiper-pagination span {
	margin        : 0 5px;
	vertical-align: top;
	display       : inline-block;
	width         : 20px;
	height        : 20px;
	background    : #802a11;
	border-radius : 50%;
}

.banner .swiper-pagination span:hover {
	background: #802a11;
}

/***

==================================================================
		About Section
==================================================================

***/

.about-section {
	width     : 100%;
	height    : 1080px;
	background-size: cover;
	background: url(../images/background/abot-bg.png)no-repeat;


}

.about-section .auto-container {
	width : 994px;
	margin: 0 auto;
}

.about-top {
	width            : 913px;
	height           : 49px;
	animation        : innovativeChildIn .6s ease-in-out 0s both;
	-moz-animation   : innovativeChildIn .6s ease-in-out 0s both;
	-o-animation     : innovativeChildIn .6s ease-in-out 0s both;
	-webkit-animation: innovativeChildIn .6s ease-in-out 0s both;
}


.about-top-title {
	margin           : 30px 30px;
	text-align       : center;
	animation        : innovativeChildIn .6s ease-in-out .3s both;
	-moz-animation   : innovativeChildIn .6s ease-in-out .3s both;
	-o-animation     : innovativeChildIn .6s ease-in-out .3s both;
	-webkit-animation: innovativeChildIn .6s ease-in-out .3s both;
}

.about-top-title p {
	font-size  : 18px;
	color      : #444;
	line-height: 30px;
}

.about-icon {
	margin           : 30px auto 0;
	overflow         : hidden;
	margin           : 0 -10px;
	animation        : innovativeChildIn .6s ease-in-out .6s both;
	-moz-animation   : innovativeChildIn .6s ease-in-out .6s both;
	-o-animation     : innovativeChildIn .6s ease-in-out .6s both;
	-webkit-animation: innovativeChildIn .6s ease-in-out .6s both;
}

.about-icon ul {
	margin: 0 10px;
}

.about-icon ul li {
	width          : 25%;
	float          : left;
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : center;
	padding        : 0 10px;
}

.about-icon ul li .icon {
	margin-top: 15px;
}

.about-icon ul li span {
	font-size  : 20px;
	margin-left: 20px;
	color      : #802a11;
}

.icon-1 {
	width          : 52px;
	height         : 52px;
	background-size: 52px 52px;
	background     : url(../images/clients/more_03.png)no-repeat;
}

.icon-2 {
	width          : 48px;
	height         : 48px;
	background-size: 48px 48px;
	background     : url(../images/clients/more_06.png)no-repeat;
}

.icon-3 {
	width          : 47px;
	height         : 46px;
	background-size: 47px 46px;
	background     : url(../images/clients/more_11.png)no-repeat;
}

.icon-4 {
	width          : 43px;
	height         : 48px;
	background-size: 43px 48px;
	background     : url(../images/clients/more_08.png)no-repeat;
}

.about-img-type {
	margin-top       : 30px;
	width            : 994px;
	height           : 292px;
	animation        : innovativeChildIn .6s ease-in-out .9s both;
	-moz-animation   : innovativeChildIn .6s ease-in-out .9s both;
	-o-animation     : innovativeChildIn .6s ease-in-out .9s both;
	-webkit-animation: innovativeChildIn .6s ease-in-out .9s both;
}

.counter-block .type_box {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
}

.counter-block {
	position: relative;
	padding : 45px 0 0;
}

.counter-block:last-child {
	border-right: 0px;
}

.count-box {
	font-size: 48px;
	color    : #802a11;
}

.counter-block .count-text {
	font-size: 48px;
	color    : #802a11;
}

.icon-5 {
	margin         : 0 0 20px;
	width          : 45px;
	height         : 41px;
	background-size: 45px 41px;
	background     : url(../images/clients/more_20.png);
}

.icon-6 {
	margin         : 0 0 20px;
	width          : 45px;
	height         : 41px;
	background-size: 45px 41px;
	background     : url(../images/clients/more_17.png);
}

.icon-7 {
	margin         : 0 0 20px;
	width          : 45px;
	height         : 41px;
	background-size: 45px 41px;
	background     : url(../images/clients/more_14.png);
}

.icon-8 {
	margin         : 0 0 20px;
	width          : 45px;
	height         : 41px;
	background-size: 45px 41px;
	background     : url(../images/clients/more_23.png);
}

.counter-block h5 {
	margin: 20px 0 0;
}

.about-section a .link-btn {
	margin: 60px auto 0;
}


/***

==================================================================
		Services Section 
==================================================================

***/

.product-section {
	position             : relative;
	background-repeat    : no-repeat;
	background-position  : center;
	background-size      : cover;
	background-attachment: fixed;
}

.product-top {
	width            : 913px;
	height           : 49px;
	margin           : 0 auto;
	animation        : productTitleLeft .8s ease-in-out 0s both;
	-moz-animation   : productTitleLeft .8s ease-in-out 0s both;
	-webkit-animation: productTitleLeft .8s ease-in-out 0s both;
	-o-animation     : productTitleLeft .8s ease-in-out 0s both;
}

.product {
	width         : 100%;
	padding-bottom: 60px;
}

.product ul {
	margin: 60px 0;
}

.product ul li {
	width: 100%;
}

.product-title {
	display       : flex;
	flex-direction: row;
}

.product-content-img {
	width   : 1145px;
	height  : 709px;
	overflow: hidden;
}

.product-content-img img {
	width     : 100%;
	height    : 100%;
	transition: all 1s;
}

.product-content-img img:hover {
	transform: scale(1.2);
}

.product-title .title-t {
	width     : 40%;
	background: #f3f3f1;
	text-align: center;
	padding   : 10% 60px;
}

.product-title .title-t .link-btn {
	margin: 0 auto;
}

.product-title .title-t h3 {
	font-size: 30px;
	color    : #222;
}

.product-title .title-t h3:hover {
	color: #802a11;
}

.product-title .title-t p {
	font-size  : 18px;
	color      : #666;
	line-height: 28px;
	margin     : 30px 0 30px;
	text-align : center;
}

/* ==== */

.product-type {
	margin-top: 60px;
}

.h-product-main {
	width   : 100%;
	position: relative;
}

.h-product-main .imgs {
	width   : 1180px;
	margin  : 0 auto;
	overflow: hidden;
}

.h-product-main .imgs ul {
	margin: 0 -10px
}

.h-product-main .imgs ul li {
	width     : 25%;
	padding   : 0 10px;
	float     : left;
	box-sizing: border-box
}

.h-product-main .imgs ul li dl {
	width     : 100%;
	max-height: 320px
}

.h-product-main .imgs ul li dl dt {
	max-width : 250px;
	max-height: 225px;
	overflow  : hidden
}

.h-product-main .imgs ul li dl dt:hover {
	border    : 2px solid #eee;
	box-shadow: 1px 2px 2px 2px #f6f6f6
}

.h-product-main .imgs ul li dl dt img {
	width: 100%
}

.h-product-main .imgs ul li dl dd {
	padding   : 20px 0;
	overflow  : hidden;
	text-align: center
}

.h-product-main .imgs ul li dl dd p {
	font-size: 22px;
	color    : #333;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;

	width          : 69px;
	height         : 61px;
	background-size: 69px 61px;
}

.swiper-button-next {
	left            : 0;
	background-image: url(../images/clients/more_05-8-1.png)
}

.swiper-button-prev {
	left            : initial !important;
	right           : 0;
	background-image: url(../images/clients/more_05-8-2.png)
}

.swiper-button-next:hover {
	background-image: url(../images/clients/more_05-8-3.png)
}

.swiper-button-prev:hover {
	background-image: url(../images/clients/more_05-8-4.png)
}

/***

==================================================================
		News  Section 
==================================================================

***/

.news-section {
	padding   : 80px 0 0;
	margin-top: 60px;
	width     : 100%;
	height    : 957px;
	background: url(../images/background/news-bg.png)no-repeat;
}

.news-top {
	width            : 913px;
	height           : 49px;
	margin           : 0 auto;
	animation        : newsbottom .8s ease-in-out 0s both;
	-moz-animation   : newsbottom .8s ease-in-out 0s both;
	-webkit-animation: newsbottom .8s ease-in-out 0s both;
	-o-animation     : newsbottom .8s ease-in-out 0s both;
}


.news-type {
	margin           : 60px 0 0;
	animation        : newsup .8s ease-in-out 0s both;
	-moz-animation   : newsup .8s ease-in-out 0s both;
	-webkit-animation: newsup .8s ease-in-out 0s both;
	-o-animation     : newsup .8s ease-in-out 0s both;
}

.news-type ul {
	display       : flex;
	flex-direction: row;
	align-items   : center;
	margin        : 0 -10px;
}

.news-type ul li {
	width     : 33.3333333%;
	padding   : 0 10px;
	box-sizing: border-box;

}

.news-type ul li dl {
	width     : 100%;
	min-height: 440px;
}

.news-type ul li dl dt {
	overflow: hidden;
}

.dt-img {
	width   : 440px;
	height  : 328px;
	overflow: hidden;
}

.news-type ul li dl dt img {
	width     : 100%;
	height    : auto;
	transition: all 1s;
}

.news-type ul li dl dt img:hover {
	transform: scale(1.2, 1.2);
}

.news-type ul li dl dd {
	padding: 20px 20px 0;
}

.news-type ul li dl dd h3 a {
	font-size         : 24px;
	color             : #000;
	overflow          : hidden;
	text-overflow     : ellipsis;
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom     : 20px;
}

.news-type ul li dl dd h3 a:hover {
	color: #802a11;
}

.news-type ul li dl dd a {
	color    : #009adc;
	font-size: 16px;
}

.news-type ul li dl dd p {
	line-height       : 22px;
	text-align        : justify;
	overflow          : hidden;
	text-overflow     : ellipsis;
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin            : 0 0 30px;
}

/***

==================================================================
		advertising  Section 
==================================================================

***/
.advertising-section {
	width            : 100%;
	height           : 480px;
	animation        : productTitleLeft .8s ease-in-out 0s both;
	-moz-animation   : productTitleLeft .8s ease-in-out 0s both;
	-webkit-animation: productTitleLeft .8s ease-in-out 0s both;
	-o-animation     : productTitleLeft .8s ease-in-out 0s both;
}

/***

==================================================================
		cooperative  Section
==================================================================

***/
.cooperative-section {
	margin-bottom    : 60px;
	animation        : productTitleLeftTitle .8s ease-in-out 0s both;
	-moz-animation   : productTitleLeftTitle .8s ease-in-out 0s both;
	-webkit-animation: productTitleLeftTitle .8s ease-in-out 0s both;
	-o-animation     : productTitleLeftTitle .8s ease-in-out 0s both;
}

.h-cooperative-main {
	position: relative;
}

.cooperative-type {
	width   : 1200px;
	margin  : 0 auto;
	overflow: hidden;
}

.cooperative-type ul {
	display       : flex;
	flex-direction: row;
	align-items   : center;
}

.cooperative-type ul li {
	text-align: center;
	padding   : 0 15px;

}

/***

==================================================================
		Main Footer 
==================================================================

***/

.main-footer {
	width     : 100%;
	height    : 405px;
	background: url(../images/clients/footer.png)no-repeat;
}

.footer-widgets-section {
	padding-top   : 80px;
	display       : flex;
	flex-direction: row;
	align-items   : center;
}

.f-l {
	width: 70%;
}

.f-l ul {
	display       : flex;
	flex-direction: row;
}

.f-l ul li {
	width: 20%;
}

.f-l ul li dl {
	width: 100%;
}

.f-l ul li dl dt a {
	font-size: 22px;
	color    : #fff;
}

.f-l ul li dl dd {
	margin-top: 20px;
}

.f-l ul li dl dd a p {
	font-size  : 16px;
	line-height: 18px;
	color      : #fff;
}

.f-r {
	width: 30%;
}

.f-r ul {
	display       : flex;
	flex-direction: row;
}

.f-r ul li {
	width: 50%;
}

.f-r ul li p {
	font-size  : 22px;
	color      : #fff !important;
	margin-left: 10px;
}

.footer-botton {
	margin-top: 60px;
	font-size : 18px;
	text-align: center;
	color     : #fff;
}

.footer-botton a {
	font-size: 18px;
	color    : #fff;
}

.main-footer .share {
	overflow      : hidden;
	padding-bottom: 10px;
}

.main-footer .share .bdsharebuttonbox {
	float: left;
}

.main-footer .share .bdsharebuttonbox {
	padding: 10px;
}

.main-footer .share .bdshare-button-style0-16 a,
.main-footer .share .bdsharebuttonbox a {
	padding: 0;
	margin : 0;
	width  : 34px;
	height : 34px;
	margin : 0 10px;
}

.main-footer .share .bdshare-button-style0-16 a,
.main-footer .share .bdshare-button-style0-16 .bds_more {
	background-image: none;
}

.main-footer .share .bdshare-button-style0-16 .bds_tsina,
.main-footer .share .bdsharebuttonbox .bds_tsina {
	background-position: 0 0;
	background-image   : url(../images/weibo.png);
}

.main-footer .share .bdshare-button-style0-16 .bds_weixin,
.main-footer .share .bdsharebuttonbox .bds_weixin {
	background-position: 0 0;
	background-image   : url(../images/weixin.png);
}

.main-footer .share .bdshare-button-style0-16 .bds_sqq,
.main-footer .share .bdsharebuttonbox .bds_sqq {
	background-position: 0 0;
	background-image   : url(../images/qq.png);
}

.share .info h6 {
	font-size: 16px;
	color    : #fff;
	padding  : 0 20px;
}

/*** 

====================================================================
		Page Title  about-us
====================================================================

***/

.page-title {
	position           : relative;
	padding            : 250px 0px 350px;
	background-color   : #ffffff;
	text-align         : center;
	overflow           : hidden;
	background-position: center;
	background-size    : cover;
}

.page-title:before {
	position  : absolute;
	content   : '';
	background: #252733;
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	opacity   : .2;
}


.page-title h1 {
	position      : absolute;
	font-size     : 58px;
	line-height   : 1em;
	color         : #000;
	top           : 50%;
	left          : 15%;
	letter-spacing: 4;
}

/*** 

====================================================================
		navtwo Section
====================================================================

***/
.navtwo-section ul {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : center;
}

.navtwo-section ul li {
	padding: 30px 60px;
}

.navtwo-section ul li a {
	font-size : 24px;
	color     : #000;
	text-align: center;
}

.navtwo-section ul li.active {
	background: #802a11;
}

.navtwo-section ul li:hover {
	background: #802a11;
}

.navtwo-section ul li:hover a,
.navtwo-section ul li.active a {
	color: #fff;
}

/*** 

====================================================================
		company-profile Section
====================================================================

***/
.company-profile-section h3 {
	font-size    : 36px;
	text-align   : center;
	color        : #000;
	margin-bottom: 10px;
}

.company-profile-section h6 {
	font-size    : 22px;
	color        : #444;
	text-align   : center;
	margin-bottom: 10px;
}

.company-profile-section p {
	margin-bottom: initial !important;
	font-size    : 14px;
	color        : #666;
	text-align   : justify;
}

/***

==================================================================
		Board Chairman Section
==================================================================

***/
.board-chairman-section {
	width     : 100%;
	height    : 698px;
	background: url(../images/background/ds-bg.png)no-repeat;
}

.board-chairman-section h3 {
	font-size    : 36px;
	text-align   : center;
	color        : #000;
	margin-bottom: 10px;
}

.board-type ul {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: center;
	align-items    : center;
}

.board-type-img {
	width   : 624px;
	height  : 413px;
	overflow: hidden;
}

.board-type-img img {
	width     : 100%;
	height    : auto;
	transition: all 1s;
}

.board-type-img img:hover {
	transform: scale(1.2)
}

.board-type ul li {
	width: 50%;
}

.board-type ul li p {
	padding   : 0 30px;
	font-size : 14px;
	color     : #666;
	text-align: justify;
}

/***

==================================================================
		corporate culture  Section
==================================================================

***/
.corporate-culture-section h3 {
	font-size    : 36px;
	text-align   : center;
	color        : #000;
	margin-bottom: 10px;
}

.corporate-culture-type ul {
	width          : 60%;
	margin         : 0 auto;
	display        : flex;
	flex-wrap      : wrap;
	justify-content: center;
	align-items    : center;
}

.corporate-culture-type ul li {
	width: 33.333%;
}

.corporate-culture-type ul li dl {
	width          : 100%;
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
}

.corporate-culture-type ul li dl dt {
	width        : 162px;
	height       : 162px;
	border-radius: 50%;
	border       : 1px solid #666;
	text-align   : center;
	padding      : 55px 0;
}

.corporate-culture-type ul li dl dt p {
	font-size: 30px;
	color    : #000;
}

.corporate-culture-type ul li dl dt .xian {
	width     : 46px;
	height    : 2px;
	margin    : 0 auto;
	background: #802a11;
}

.corporate-culture-type ul li dl dd {
	height    : 100px;
	font-size : 16px;
	padding   : 30px 0;
	text-align: center;
}

.corporate-culture-type ul li dl:hover dt {
	border    : none;
	background: #802a11;
}

.corporate-culture-type ul li dl:hover dt p {
	color: #fff;
}

.corporate-culture-type ul li dl:hover dt .xian {
	background: #fff;
}

.corporate-culture-type ul li dl:hover dd {
	color: #802a11;
}

/***

==================================================================
		qualification honor  Section
==================================================================

***/
.qualification-honor-section {
	width     : 100%;
	height    : 759px;
	background: url(../images/background/ab-bg.png)no-repeat;
	padding   : 80px 0 0;
}

.qualification-honor-section h3 {
	font-size    : 36px;
	text-align   : center;
	color        : #000;
	margin-bottom: 60px;
}

.m-honor-main {
	position: relative;
}

.honor-type-img {
	width : 1301px;
	margin: 0 auto;
}

.honor-type-img ul {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : center;
	margin         : 0 -10px;
}

.honor-type-img ul li {
	width     : 25%;
	padding   : 0 10px;
	box-sizing: border-box;
}

.honor-type-img ul li dl {
	width          : 100%;
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
}

.honor-type-img ul li dl dt {
	width     : 100%;
	border    : 1px solid #666;
	box-sizing: border-box;
	padding   : 8px;
}

.honor-img {
	width   : 286px;
	height  : 394px;
	overflow: hidden;
}

.honor-type-img ul li dl dd {
	padding   : 20px;
	text-align: center;
}

.honor-type-img ul li dl dd p {
	font-size: 14px;
	color    : #444;
}

/***

==================================================================
		product Section
==================================================================

***/
.product-twonav-main .swiper-button-next {
	width           : 42px;
	height          : 42px;
	background-size : 42px 42px;
	background-image: url(../images/jiant.png);
}

.product-twonav-main .swiper-button-next:hover {
	background-image: url(../images/jiant1-1.png);
}

.product-twonav-main .swiper-button-prev {
	width           : 42px;
	height          : 42px;
	background-size : 42px 42px;
	background-image: url(../images/jiant2.png);
}

.product-twonav-main .swiper-button-prev:hover {
	background-image: url(../images/jiant2-1.png);
}

.product-twonav-main .twonav-type {
	width : 1300px;
	margin: 0 auto;
}

.product-twonav-main .twonav-type span a{
	font-size : 30px;
	color     : #000;
	display   : inline-block;
	text-align: center;
	cursor    : pointer;
	padding   : 30px 20px;

}

.product-twonav-main .twonav-type span.select a{
	color     : #fff;
	background: #802a11;
	cursor    : pointer
}

.product-twonav-main .twonav-type ul li {
	width     : 20%;
	float     : left;
	padding   : 30px 0;
	text-align: center;
}

.product-twonav-main .twonav-type ul li:hover {
	background: #802a11;
}

.product-twonav-main .twonav-type ul li:hover a {
	color: #fff;
}

.hidden {
	display: none;
}

.tab_box {
	width : 100%;
	margin: 60px 0;
}

.tab_box .moreload.select {
	display: block;
}

.moreload {
	width     : 100%;
	height    : auto;
	margin    : 0 auto;
	overflow  : hidden;
	text-align: left;
	background: #fff;
	padding   : 5px;
	display   : none;
}

.moreload ul {
	width: 100%;
}

.moreload li {
	width: 20%;
}

.moreload li a dl {
	width         : 100%;
	display       : flex;
	flex-direction: column;
}

.moreload li a dl dt {
	width : 100%;
	border: 1px solid #ddd;
}

.moreload li a dl dd {
	padding: 10px 0;
}

.moreload li a dl dd p {
	font-size: 24px;
	color    : #000;
}

.moreload li a dl:hover dt {
	background: #eee;
}

.moreload li a dl:hover dd p {
	color: #802a11;
}

.moreload ul.list {
	width   : 100%;
	overflow: hidden;
}

.moreload ul.list li {
	width   : 24%;
	height  : auto;
	margin  : 5px;
	float   : left;
	overflow: hidden;
}

.moreload ul.list li img {
	width : 100%;
	height: 100%;
}

.moreload ul.list p {
	text-align: center;
	padding   : 10px;
}

.moreload .more {
	overflow  : hidden;
	padding   : 10px;
	text-align: center;
}

.moreload .more a {
	display      : block;
	width        : 200px;
	padding      : 20px 0;
	color        : #fff;
	margin       : 30px auto;
	background   : #802a11;
	text-align   : center;
	border-radius: 3px;
}

.moreload .more a:hover {
	text-decoration: none;
	background     : #802a11;
	color          : #fff;
}

/***

==================================================================
		Porduct Details Section
==================================================================

***/


.product-twonav-main {
	position: relative;
}

.product-details-content {
	margin-top    : 60px;
	margin-bottom : 60px;
	display       : flex;
	flex-direction: row;
}

.product-details-left {
	width   : 40%;
	position: relative;
}

.product-details-left .swiper-container {
	width : 100%;
	height: 535px;
}

.product-details-left .swiper-slide {
	width : 100%;
	height: 494px;
}

.product-details-left .swiper-slide img {
	width : 100%;
	height: 100%;
}

.product-details-left .swiper-pagination {
	position  : absolute;
	left      : 0;
	bottom    : 0;
	width     : 100%;
	height    : 20px;
	text-align: center
}

.product-details-left .swiper-pagination span {
	margin        : 0 5px;
	vertical-align: top;
	display       : inline-block;
	width         : 15px;
	height        : 15px;
	background    : #802a11;
}

.product-details-left .swiper-pagination span:hover {
	background: #802a11
}

.product-details-right {
	width  : 60%;
	float  : left;
	padding: 0 0 0 120px;
}

.detils-right-xian {
	width     : 100%;
	height    : 1px;
	background: #ccc;
	margin    : 15px 0;
}

.title-page dl {
	display       : flex;
	flex-direction: row;
	margin-bottom : 8px;
}

.title-page dl dt {
	width    : 18%;
	font-size: 22px;
	color    : #222;
}

.title-page dl dd {
	width    : 82%;
	font-size: 16px;
	color    : #444;
}

/***

==================================================================
		News Content Section
==================================================================

***/
.news-content-section {
	width     : 100%;
	margin-top: 60px;
}

.news-content-details {
	width: 100%;
}

.news-content-details li {
	padding: 0 0 30px;
	margin : 30px 0 0;
}

.news-content-details dl {
	display       : flex;
	flex-direction: row;
	align-items   : center;
}

.news-content-details dl dt {
	width: 30%;
}

.news-content-details dl dt .news-imag {
	width   : 440px;
	height  : 328px;
	overflow: hidden;
}

.news-content-details dl dt .news-imag img {
	width     : 100%;
	height    : 100%;
	transition: all 1s;
}

.news-content-details dl dt .news-imag img:hover {
	transform: scale(1.2);
}

.news-content-details dl dd {
	width         : 70%;
	display       : flex;
	flex-direction: row;
}

.news-xian {
	width     : 100%;
	height    : 1px;
	background: #ccc;
}

.news-title-details {
	width  : 85%;
	padding: 0 15% 0 10%;
}

.news-title-details h5 {
	font-size    : 22px;
	color        : #000;
	overflow     : hidden;
	text-overflow: ellipsis;
	/*表示文本超出时候用 “...” 来代替*/
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;

}

.news-title-details p {
	font-size: 16px;
	color    : #444;
	margin   : 20px 0;
}

.p-title {
	overflow     : hidden;
	text-overflow: ellipsis;
	/*表示文本超出时候用 “...” 来代替*/
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-content-details dl dd .link-btn {
	margin-top: 35%;
}

.news-page {
	width : 40%;
	height: 60px;
	margin: 60px auto;

}

.news-page ul {
	display       : flex;
	flex-direction: row;
}

.news-page li {
	width      : 50%;
	background : #ccc;
	line-height: 60px;
	text-align : center;
	margin     : 0 20px;
}

.news-page li a {
	font-size: 18px;
	color    : #000;
}

.news-page li:hover {
	background: #802a11;
}

.news-page li:hover a {
	color: #fff;
}

.news-page li.cur {
	background: #802a11;
}

.news-page li.cur a {
	color: #fff;
}

/***

==================================================================
		News-Content-Details
==================================================================

***/
.news-particular-section {
	margin: 80px 0 0;
}

.news-particular-section h2 {
	margin-bottom: 10px;
	text-align   : center;
}

.news-particular-section .np-p {
	font-size : 18px;
	color     : #666;
	text-align: center;
}

.news-particular-title {
	margin       : 30px 0;
	border-top   : 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding      : 30px 0;
}

.news-particular-title p {
	font-size    : 18px;
	color        : #666;
	margin-bottom: 30px;
}

.particular-title-img {
	text-align   : center;
	margin-bottom: 30px;
}

.news-particular-section .news-page {
	width: 50%;

}

.news-item {
	display       : flex;
	flex-direction: row;
	align-items   : center;
}


/* 留言板 */
#msgBox {
	width        : 100%;
	background   : #fff;
	border-radius: 5px;
	margin       : 30px auto;
	padding-top  : 10px;
}

#msgBox form {
	background: url(../images/boxBG.jpg) repeat-x 0 bottom;
	padding   : 0 20px 15px;
}

#userName,
#conBox {
	color        : #666;
	border       : 1px solid #d0d0d0;
	border-radius: 6px;
	background   : #fff url(../images/inputBG.png) repeat-x;
	padding      : 10px 5px;
	font         : 14px/1.5 arial;
}

#userName.active,
#conBox.active {
	border: 1px solid #222;
}

#userName {
	height: 40px;
}

#conBox {
	width   : 100%;
	resize  : none;
	height  : 200px;
	overflow: auto;
}

#msgBox form div {
	position  : relative;
	color     : #999;
	margin-top: 10px;
}

#msgBox img {
	border-radius: 3px;
}

#face {
	position: absolute;
	top     : 0;
	left    : 188px;
}

#face img {
	width       : 30px;
	height      : 30px;
	cursor      : pointer;
	margin-right: 6px;
	opacity     : 0.5;
	filter      : alpha(opacity=50);
}

#face img.hover,
#face img.current {
	width  : 28px;
	height : 28px;
	border : 1px solid #f60;
	opacity: 1;
	filter : alpha(opacity=100);
}

.usb {
	display       : flex;
	flex-direction: row;
	align-items   : center;

}

.input {
	width: 70%;
}

#sendBtn {
	border       : 0;
	width        : 200px;
	height       : 50px;
	cursor       : pointer;
	margin-left  : 10px;
	background   : #802a11;
	color        : #fff;
	border-radius: 6px;
}

#sendBtn.hover {
	background-position: 0 -30px;
}

#msgBox form .maxNum {
	font   : 26px/30px Georgia, Tahoma, Arial;
	padding: 0 5px;
}

#msgBox .list {
	margin       : 0 20px;
	padding      : 30px;
	border       : 1px solid #ccc;
	border-radius: 6px;
}

#msgBox .list h3 {
	position   : relative;
	height     : 33px;
	font-size  : 14px;
	font-weight: 400;
	background : #e3eaec;
	border     : 1px solid #dee4e7;
}

#msgBox .list h3 span {
	position   : absolute;
	left       : 6px;
	top        : 6px;
	background : #fff;
	line-height: 28px;
	display    : inline-block;
	padding    : 0 15px;
}

#msgBox .list ul {
	overflow: hidden;
	zoom    : 1;
}

#msgBox .list ul li {
	float        : left;
	clear        : both;
	width        : 100%;
	border-bottom: 1px dashed #d8d8d8;
	padding      : 20px 0;
	background   : #fff;
	overflow     : hidden;
}

#msgBox .list ul li.hover {
	background: #f5f5f5;
}

#msgBox .list .userPic {
	float        : left;
	width        : 50px;
	height       : 50px;
	display      : inline;
	margin-left  : 10px;
	border       : 1px solid #ccc;
	border-radius: 3px;
}

#msgBox .list .content {
	float      : left;
	width      : 80%;
	font-size  : 14px;
	margin-left: 10px;
	font-family: arial;
	word-wrap  : break-word;
}

#msgBox .list .userName {
	display      : inline;
	padding-right: 5px;
}

#msgBox .list .userName a {
	color: #2b4a78;
}

#msgBox .list .msgInfo {
	display  : inline;
	word-wrap: break-word;
}

#msgBox .list .times {
	color     : #889db6;
	font      : 12px/18px arial;
	margin-top: 5px;
	overflow  : hidden;
	zoom      : 1;
}

#msgBox .list .times span {
	float: left;
}

#msgBox .list .times a {
	float  : right;
	color  : #889db6;
	display: none;
}

/***

==================================================================
		Cooperation Section OEM
==================================================================

***/
.cooperation-section {
	width           : 100%;
	height          : 2010px;
	padding         : 60px 0 0;
	background-image: url(../images/background/oem-bg.png);
}

.cooperation-section h1,
.cooperation-section h4 {
	text-align: center;
}

.cooperation-section h1 {
	margin: 0 0 15px;
}

.cooperation-business {
	width     : 100%;
	margin-top: 120px;
}

.business-type {
	display       : flex;
	flex-direction: row;
	align-items   : center;
	margin-bottom : 80px;
}

.business-type li {
	float: left;
}

.business-type .list-1 {
	margin-top: 120px;
	width     : 20%;
}

.business-type .list-3 {
	display: none;
}

.business-type .title-right {
	margin-left: 25%
}

.business-type .list-2 {
	width: 80%;
}

.business-flow {
	display    : flex;
	flex-wrap  : wrap;
	align-items: center;

}

.business-flow .one {
	width         : 20%;
	display       : flex;
	flex-direction: column;
	padding       : 0 0 45px;
}

.business-flow h6 {
	font-size : 20px;
	color     : #333;
	text-align: center;
}

.business-flow .xian {
	width     : 60px;
	height    : 2px;
	background: #666;
	margin    : 20px auto;
}

.business-flow .yuan {
	width        : 42px;
	height       : 42px;
	border-radius: 50px;
	border       : 1px solid #666;
	line-height  : 42px;
	text-align   : center;
	margin       : 0 auto 20px;
	font-size    : 18px;
	color        : #666;
}

.one-img {
	width           : 214px;
	height          : 20px;
	background-image: url(../images/background/a-b2.png);
	background-size : 214px 20px;
	margin          : 0 auto;
}

.business-flow .one:hover h6,
.business-flow .one:hover .yuan {
	color: #802a11;
}

.business-flow .one:hover .xian {
	background: #802a11;
}

.business-flow .one:hover .yuan {
	border: 1px solid #802a11;
}

.business-flow .one:hover .one-img {
	background-image: url(../images/background/a-b1.png);
}

/***

==================================================================
		Contact Section
==================================================================

***/
.contact-top {
	margin        : 60px 0;
	display       : flex;
	flex-direction: row;
	align-items   : center;
}

.fuwu {
	margin-left: 120px;
	width      : 15%;
}

.fuwu h3 {
	margin-bottom: 20px;
}

.fuwu p,
.tousu-title span {
	font-size: 20px;
	color    : #802a11;
}

.tousu {
	margin-top: 10px;
}

.tousu-title {
	font-size: 22px;
	color    : #000;
}

.contact-info-section {
	border-top    : 1px solid #ccc;
	display       : flex;
	flex-direction: row;
}

#dituContent {
	width : 697px;
	height: 550px;
	border: #ccc solid 1px;
}

.info-title {
	width  : 50%;
	padding: 60px;
}

.info-title h3 {
	margin-bottom: 20px;
}

.lianxi {
	width     : 100%;
	padding   : 20px 0 0;
	border-top: 1px solid #ccc;
}

.lianxi p {
	font-size: 18px;
	color    : #444;
}

.iw_poi_title {
	color        : #CC5522;
	font-size    : 14px;
	font-weight  : bold;
	overflow     : hidden;
	padding-right: 13px;
	white-space  : nowrap
}

.iw_poi_content {
	font       : 12px arial, sans-serif;
	overflow   : visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap  : break-word
}