@charset "utf-8";

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Microsoft Yahei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #333333;
	background-color: #f0f0f0;
}
body,div,p,span,form,iframe,table,td,th,input,textarea,button,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol, ul{ 
	list-style: none outside none;
}
a{
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
a:hover,a:focus{
	text-decoration: none;
	color: #97233f;
}
.container{
	width: 1200px;
}

/*-----------------------------------------------------------------------*/
.phonenav{
	display: none;
}
.phonenav button{
	width: 100%;
	border: none;
	background: none;
	border: 1px solid #831932;
	background-color: #831932;
	outline: none;
	margin-top: 0px;
	color: #ffffff;
	font-size: 20px;
	height: 35px;
}
.phonenavlist {
	width: 100%;
	margin: 0 auto;
	display: none;
}
.phonenavlist li{
	background-color: rgba(151,35,63,1);
	border-top: 1px solid #831932;
	color: #fff;
	line-height: 40px;
	text-align: left;
	padding-left: 20px;
	text-transform: uppercase;
}
.phonelogo{
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #97233f;
}
.phonelogo img{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 40%;
}
#homePhoneBanner{
	display: none !important;
}
.home-banner{
	position: relative;
	box-shadow: 0 30px 50px rgba(0,0,0,0.3);
}
.home-banner:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
.page-banner{
	position: relative;
}
.breav-nav{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
}
.breav-nav ul{
	padding-top: 10px;
	padding-bottom: 10px;
}
.breav-nav ul li{
	display: inline-block;
	color: #ffffff;
	margin-right: 5px;
}
.breav-nav ul li a{
	color: #ffffff;
}
.page-banner-title{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}
.page-banner-title h1{
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.page-banner-img{
	display: block;
}
.page-banner-img-phone{
	display: none;
}
.nav-main{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.nav-main:after{
	display: table;
	content: " ";
	clear: both;
}
.nav-logo{
	float: left;
	margin-top: 25px;
	margin-left: 50px;
}
.nav-logo img{
	float: left;
}
.nav-logo .line{
	float: left;
	display: block;
	width: 1px;
	height: 47px;
	background-color: #ffffff;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}
.nav-logo-text{
	float: left;
	margin-top: 10px;
}
.nav-logo-text h5{
	color: #ffffff;
	font-size: 21px;
	font-style: italic;
}
.nav-logo-text p{
	color: #ffffff;
	font-size: 16px;
	font-style: italic;
	margin-top: 5px;
}
.nav-list{
	float: right;
	margin-top: 45px;
	margin-right: 50px;
}
.nav-list ul li{
	display: inline-block;
}
.nav-list ul li a{
	display: block;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 15px;
}
.nav-list ul li a:hover{
	background-color: #97233f;
}
.nav-list .active a{
	background-color: #97233f;
}
.home-banner-text{
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	z-index: 2;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.home-banner-text h1{
	text-align: center;
	font-size: 40px;
}
.home-banner-text h2{
	text-align: center;
	font-size: 24px;
}
.home-banner-text span{
	display: block;
	width: 190px;
	height: 3px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	margin-top: 30px;
	margin-bottom: 30px;
}
.home-banner-text h3{
	text-align: center;
	font-size: 20px;
	margin-top: 25px;
}
.home-search{
	padding-top: 40px;
	padding-bottom: 30px;
}
.home-search h5{
	text-align: center;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	line-height: 40px;
}
.home-search p{
	text-align: center;
	color: #97233f;
	font-size: 20px;
	line-height: 35px;
	margin-top: 10px;
}
.home-search p strong{
	font-size: 30px;
	font-style: italic;
}
.home-search-box{
	position: relative;
	margin-top: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.home-search-box-width{
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.home-search-box input{
	width: 100%;
	height: 44px;
	border-radius: 22px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	outline: none;
	padding-left: 30px;
	padding-right: 65px;
}
.home-search-box input:focus{
	border: 1px solid #97233f;
}
.home-search-box button{
	position: absolute;
	right: 20px;
	top: 8px;
	font-size: 20px;
	background: none;
	border: none;
	outline: none;
	color: #333333;
}
.home-products{
	padding-bottom: 10px;
}
.home-products-item{
	margin-bottom: 30px;
}
.home-products-text{
	background-color: #97233f;
	padding: 25px 35px;
}
.home-products-text a{ color:#ffffff}
.home-products-text h5{
	font-size: 22px;
	color: #ffffff;
}
.home-products-text ul{
	margin-top: 10px;
    min-height: 20px;
}
.home-products-text ul li{
	display: inline-block;
	margin-right: 20px;
}
.home-products-text ul li a{
	display: block;
	font-size: 12px;
	color: #ffffff;
	position: relative;
}
.home-products-text ul li a:hover{
	color: #f5f5f5;
}
.home-products-text ul li a:after{
	content: '>';
	position: absolute;
	right: -10px;
	top: 0;
}
#homePhoneAbout{
	display: none !important;
}
.home-about .item{
	position: relative;
}
.home-about-text{
	position: absolute;
	top: 20%;
	width: 100%;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.home-about-text h4{
	font-size: 49px;
	color: #ffffff;
}
.home-about-text h5{
	font-size: 25px;
	color: #ffffff;
	margin-top: 10px;
}
.home-about-text p{
	padding-right: 350px;
	color: #ffffff;
	font-size: 16px;
	line-height: 34px;
	margin-top: 15%;
}
.home-about{
	position: relative;
}
.home-about-nav{
	position: absolute;
	bottom: 60px;
	width: 100%;
	z-index: 9;
}
.home-about-nav ul{
	text-align: right;
}
.home-about-nav ul li{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	border: 2px solid #97233f;
	border-radius: 15px;
	text-align: center;
	line-height: 27px;
	color: #97233f;
	cursor: pointer;
	margin-left: 5px;
}
.home-about-nav .active{
	background-color: #97233f;
	color: #ffffff;
}
.home-services{
	padding-top: 40px;
}
.home-services-item{
	background-color: #97233f;
}
.home-services-item:after{
	display: table;
	content: " ";
	clear: both;
}
.home-services-img{
	width: 50%;
}
.home-services-text{
	width: 50%;
	padding: 50px 40px 0 40px;
}
.home-services-text h4{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 15px;
}
.home-services-text h4 span{
	font-size: 20px;
	color: #c6c6c6;
}
.home-services-text h5{
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}
.home-services-text p{
	font-size: 14px;
	color: #ffffff;
}
.home-cases{
	padding-top: 40px;
}
.home-cases .item{
	padding-left: 15px;
	padding-right: 15px;
}
.home-cases-owl{
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
}
.home-cases-owl-left{
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -25px;
	font-size: 50px;
	background: none;
	border: none;
	outline: none;
}
.home-cases-owl-right{
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -25px;
	font-size: 50px;
	background: none;
	border: none;
	outline: none;
}
.home-cases-item-text{
	background-color: #97233f;
	padding: 20px 25px;
}
.home-cases-item-text:after{
	display: table;
	content: " ";
	clear: both;
}
.home-cases-item-text p{
	height: 40px;
	overflow: hidden;
	color: #ffffff;
}
.home-cases-item-text a{
	float: right;
	color: #ffffff;
	font-size: 12px;
}
.home-news{
	padding-top: 40px;
}
.home-news-title{
	float: left;
	background: url(../images/homenewsbg.jpg) center center;
	width: 350px;
	height: 340px;
}
.home-news-box{
	float: left;
	width: calc(100% - 350px);
	height: 340px;
	background-color: #97233f;
	padding-left: 30px;
	padding-right: 30px;
}
.home-news-title h4{
	margin-top: 80px;
	margin-left: 60px;
	color: #ffffff;
	font-size: 28px;
	line-height: 36px;
	font-style: italic;
}
.home-news-title h5{
	margin-left: 60px;
	color: #ffffff;
	font-size: 37px;
	margin-top: 50px;
}
.home-news-box h4{
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 80px;
}
.home-news-box h5{
	font-size: 12px;
	color: #b9b9b9;
	margin-top: 10px;
	margin-bottom: 15px;
}
.home-news-box p{
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	max-height: 96px;
	overflow: hidden;
}
.home-news-box a{
	float: right;
	color: #ffffff;
	font-size: 12px;
	margin-top: 5px;
}
.home-patner{
	padding-top: 40px;
	margin-bottom: 50px;
}
.home-patner-title{
	float: right;
	background: url(../images/homepatnerbg.jpg) center center;
	width: 245px;
	height: 400px;
}
.home-patner-title h4{
	margin-top: 140px;
	margin-right: 40px;
	color: #ffffff;
	font-size: 28px;
	line-height: 36px;
	font-style: italic;
	text-align: right;
}
.home-patner-title h5{
	margin-right: 40px;
	color: #ffffff;
	font-size: 37px;
	margin-top: 50px;
	text-align: right;
}
.home-patner-box{
	float: left;
	width: calc(100% - 245px);
	height: 400px;
	background-color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
}
.home-patner-row ul li{
	width: 16.66666667%;
	float: left;
}
.home-patner-row ul:after{
	display: table;
	content: " ";
	clear: both;
}
.home-bottom-info{
	margin-top: 20px;
}
.home-bottom-info:after{
	display: table;
	content: " ";
	clear: both;
}
.home-bottom-info-item{
	width: 33.33333333%;
	float: left;
	position: relative;
}
.home-bottom-info-item:hover>.home-bottom-info-text h5{
	font-size: 26px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.home-bottom-info-text{
	position: absolute;
	top: 40px;
	left: 50px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.home-bottom-info-text h5{
	color: #ffffff;
	font-size: 24px;
	height: 26px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.home-bottom-info-text p{
	color: #ffffff;
	font-size: 16px;
	margin-top: 10px;
}
.footer{
	background-color: #373737;
}
.footer-nav{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #808080;
}
.footer-nav ul{
	text-align: center;
}
.footer-nav ul li{
	display: inline-block;
	margin-left: 25px;
	margin-right: 25px;
}
.footer-nav ul li a{
	color: #c5c5c5;
}
.footer-content{
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer-content-logo{
	float: left;
}
.footer-content-info{
	float: left;
	margin-left: 40px;
	margin-top: 10px;
}
.footer-content-info li{
	color: #c5c5c5;
	line-height: 26px;
}
.footer-content-media{
	float: right;
	margin-top: 35px;
}
.footer-content-media li{
	display: inline-block;
	margin-left: 10px;
}
.footer-content-media li a{
	font-size: 30px;
	color: #c5c5c5;
}
.footer-bottom{
	padding-bottom: 40px;
}
.footer-bottom h5{
	color: #c5c5c5;
	float: right;
}
.footer-bottom h5 a{
	color: #c5c5c5;
}
.footer-bottom p{
	color: #c5c5c5;
	float: left;
}
.about-page{
	padding-top: 50px;
	padding-bottom: 30px;
}
.left-slider li{
	background-color: #97233f;
	margin-bottom: 5px;
	border-radius: 6px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider li:hover{
	background-color: #2a2a2a;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider li a{
	display: block;
	color: #ffffff;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}
.left-slider .active,.left-slider .cur{
	background-color: #2a2a2a;
}
.left-slider-child{
	background-color: #666666;
	margin-bottom: 5px;
	border-radius: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}
.left-slider .open{
	display: block;
}
.left-slider-child dt{
	border-bottom: 1px dashed rgba(255,255,255,0.5);
}
.left-slider-child dt:first-child{
	border-top: 1px dashed rgba(255,255,255,0.5);
}
.left-slider-child dt a{
	display: block;
	position: relative;
	color: #ffffff;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-child dt a:before{
	content: '●';
	position: absolute;
	left: 17px;
	top: 0px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-child .hover a{
	padding-left: 32px;
}
.left-slider-child .hover a:before{
	opacity: 1;
}
.left-slider-child dt a:hover{
	padding-left: 32px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-child dt a:hover:before{
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-third{
	display: none;
}
.left-slider-third p{
	border-bottom: 1px dashed rgba(255,255,255,0.5);
	background-color: #888888;
}
.left-slider-third p a{
	display: block;
	line-height: 30px;
	color: #ffffff;
	padding-left: 32px;
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-third p a:before{
	content: '●';
	position: absolute;
	left: 32px;
	top: 0;
	opacity: 0;
}
.left-slider-third p a:hover{
	padding-left: 45px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-third p a:hover:before{
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.left-slider-third .focus a{
	padding-left: 45px;
}
.left-slider-third .focus a:before{
	opacity: 1;
}



.products-list-content{
	margin-bottom: 20px;
}
.products-list-content h1{
	font-size: 24px;
    color: #97233f;
    font-weight: bold;
}
.products-list-content h2{
	font-size: 16px;
    color: #97233f;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
    text-indent: 2em;
}
.products-list-content hr{
	border-top: 1px solid #c7c7c7;
}
.products-list-content p{
	line-height: 30px;
	margin-bottom: 5px;
	font-size: 16px;
	text-indent: 2em;
}

.page-content p{
	line-height: 30px;
	margin-bottom: 5px;
	font-size: 16px;
	text-indent: 2em;
}
.page-content p img,.page-content div img{ width:100%}
.page-content h1{
	font-size: 26px;
	color: #97233f;
	font-weight: bold;
}
.page-content h1 span{
	font-style: italic;
	font-size: 70%;
}
.page-content hr{
	border-top: 1px solid #c7c7c7;
}
.page-content a{
	color: #97233f;
}
.page-content h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #97233f;
}
.page-left-right-nav{
	width: 100%;
	margin-top: 15px;
}
.page-left-right-nav:after{
	display: table;
	clear: both;
	content: '';
}
.page-left-right-nav a{
	display: inline-block;
	background-color: #97233f;
	color: #ffffff;
	padding: 10px 30px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
}
.page-left-right-nav a:first-child{
	float: left;
}
.page-left-right-nav a:last-child{
	float: right;
}
.about-bottom-info{
	width: 100%; 
	background-color: #97233f; 
	color: #ffffff; 
	text-align: center; 
	font-size: 20px; 
	border-radius: 6px;
	font-weight: bold;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.about-bottom-info a{
	display: block;
	color: #ffffff;
	line-height: 68px;
	cursor: pointer;
}
.about-bottom-info:hover{
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.about-bottom-sq{
	background-color: #97233f;
	color: #ffffff;
	padding: 20px 0;
	border-radius: 6px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.about-history-num{
	background-color: #97233f;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 10px;
	border-radius: 6px;
	text-indent: 0;
}
.page-content-indent{
	text-indent: 2em;
}
.honor-item{
	margin-bottom: 0px;
}
.honor-item p{
	text-indent: 0em;
}
.process-item p{
	text-indent: 0em;
}






.products-list-item{
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 0px 0px rgba(0,0,0,0);
    transform: translate3d(0px,0px,0px);
    transition: all 300ms ease;
}
.products-list-item:hover{
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	transform:translate3d(0px,-2px,0px);
	transition:all 300ms ease;
}
.products-list-item p{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	color: #ffffff;
	padding: 8px 20px;
}
.products-list-item span{
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	color: #ffffff;
	padding: 8px 20px;
}
.page-list{
	text-align: right;
	font-size: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}
.page-list ul li{
	display: inline-block;
	font-size: 14px;
	border: 1px solid #97233f;
	margin-left: 2px;
	margin-right: 2px;
	color: #97233f;
}
.page-list ul li a{
	display: block;
	padding: 5px 10px;
	color: #97233f;
}
.page-list .active{
	background-color: #97233f;
}
.page-list .active a{
	color: #ffffff;
}
.products-show-content{
	margin-bottom: 0px;
}
.products-show-content h1{
	font-size: 24px;
    color: #97233f;
    font-weight: bold;
}
.products-show-content h2{
	font-size: 16px;
    color: #97233f;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
    text-indent: 2em;
}
.products-show-content h4{
	text-indent: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}
.products-show-content hr{
	border-top: 1px solid #c7c7c7;
}
.products-show-content p{
	line-height: 30px;
	margin-bottom: 5px;
	font-size: 16px;
	text-indent: 2em;
}
.pinpailogo{
    line-height: 36px !important;
    margin-bottom: 5px !important;
    font-size: 18px !important;
    margin-top: 10px;
    font-style: italic;
    text-indent: 0em !important;
}
.products-show-img{
	position: relative;
	margin-bottom: 20px;
}
.products-show-img p{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	color: #ffffff;
	padding: 6px 20px;
	text-indent: 0;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 20px;
}
.products-show-cases p{
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	text-indent: 0em;
}
.products-show-content .about-bottom-info{
	margin-top: 30px;
}
.products-show-content .products-show-img{
	cursor: pointer;
}

.collapse-main{
	border: 1px solid #dddddd;
	border-bottom: none;
	border-radius: 6px;
	overflow: hidden;
}
.collapse-title{
	color: #ffffff;
    background-color: #97233f;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #dddddd;
    position: relative;
}
.collapse-title strong{
	font-weight: bold;
	font-size: 22px;
}
.collapse-title:after{
	content: '》';
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	transform:rotate(90deg);
	color: #ffffff;
}
.collapse-tab{
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	padding: 10px 20px;
	display: none;
}
.collapse-tab:after{
	content: '';
	display: table;
	clear: both;
}
.collapse-main p{
	margin-bottom: 0;
	font-size: 16px;
	line-height: 30px;
}
.collapse-main .active{
	display: block;
}

.collapse-main table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
.modeltablethbg{
	background-color: #eddada;
	font-weight: bold;
}
.modeltabletdbg{
	background-color: #f7ecec;
	font-weight: bold;
}
.collapse-main table th{
	border: 1px solid #cccccc;
	line-height: 28px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.collapse-main table td{
	border: 1px solid #cccccc;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.hardox-page{
	padding-top: 30px;
	padding-bottom: 30px;
}
.hardox-page h1{
	text-align: center;
	color: #97233f;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	margin-top: 20px;
}
.hardox-page h2{
	font-size: 24px;
	margin-bottom: 20px;
}
.hardox-page h3{
	font-size: 18px;
	margin-bottom: 10px;
	color: #97233f;
	font-weight: bold;
}
.hardox-page p{
	line-height: 24px;
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
}
.hardox-contact-btn{
	background-color: #97233f;
	border: none;
	outline: none;
	font-size: 16px;
	color: #ffffff;
	width: 300px;
	line-height: 35px;
	float: right;
	border-radius: 6px;
	margin-bottom: 10px;
	margin-top: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hardox-contact-btn:hover{
	font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hardox-page-cases p{
	font-size: 14px;
	line-height: 20px;
	text-indent: 0em;
}
.hardox-page-cases a{
	margin-top: 10px;
}


.contact-page{
	padding-top: 50px;
	padding-bottom: 30px;
}
.contact-bg{
	background-color: #97233f;
	padding: 30px 50px 10px 50px;
}
.contact-info ul li{
	color: #ffffff;
	line-height: 26px;
}
.contact-info dl{
	margin-top: 20px;
}
.contact-info dl dt{
	display: inline-block;
}
.contact-info dl dt a{
	display: block;
	width: 35px;
	height: 35px;
	background-color: #ffffff;
	border-radius: 50%;
	color: #97233f;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
}
.contact-form input{
	width: 100%;
	background: #ffffff;
	border: 1px solid #ffffff;
	outline: none;
	height: 35px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #333333;
}
.contact-form textarea{
	width: 100%;
	background: #ffffff;
	border: 1px solid #ffffff;
	outline: none;
	margin-bottom: 10px;
	padding: 15px;
	color: #333333;
}
.contact-form button{
	display: inline-block;
	background-color: #ffffff;
	padding: 5px 30px;
	color: #97233f;
	border: none;
}
.contact-map{
	width: 100%;
	height: 400px;
	margin-top: 30px;
	border: 3px solid #f2f2f2;
}
.contact-user{
	margin-bottom: 20px;
}
.contact-user p{
	color: #ffffff;
	line-height: 22px;
}


.news-page{
	padding-top: 50px;
	padding-bottom: 30px;
}
.news-list-item{
	background-color: #ffffff;
	margin-bottom: 20px;
}
.news-list-item-text{
	padding-right: 20px;
	padding-top: 33px;
}
.news-list-item-text h4{
	font-size: 18px;
	max-height: 19px;
	overflow: hidden;
}
.news-list-item-text h4 a{
	color: #97233f;
	font-weight: bold;
}
.news-list-item-text h4 a:hover{
	color: #97233f;
}
.news-list-item-text h5{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666666;
}
.news-list-item-text p{
	line-height: 22px;
	max-height: 66px;
	overflow: hidden;
}
.news-show-content h4{
	color: #97233f;
	font-weight: bold;
	font-size: 24px;
}
.news-show-content h5{
	font-size: 14px;
	margin-top: 10px;
	color: #666666;
}
.news-show-content p{
	line-height: 30px;
    text-indent: 2em;
    font-size: 16px;
}
.news-show-content p .aligncenter{ margin:auto}
.news-show-content hr{
	border-top: 1px solid #c7c7c7;
}


.gallery-main{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.3);
	display: none;
}
.gallery-box{
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	margin-top: -240px;
	width: 870px;
	height: 480px;
	z-index: 999;
	background-color: #f0f0f0;;
	border: 1px solid #97233f;
	border-radius: 6px;
	overflow: hidden;
}
.gallery-title{
	background-color: #97233f;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	position: relative;
}
.gallery-title button{
	position: absolute;
	right: 15px;
	top: 0;
	color: #ffffff;
	background: none;
	outline: none;
	border: none;
	font-size: 18px;
}
.gallery-content{
	padding: 20px;
}
.gallery-img-big{
	position: relative;
	margin-bottom: 20px;
}
.gallery-img-big p{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	color: #ffffff;
	padding: 6px 20px;
	text-indent: 0;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 20px;
}
.gallery-img-small-box{
	height: 400px;
	overflow-y: auto;
}
.gallery-img-small-box .page-list{
	margin-top: 30px;
}
.gallery-img-small-box:after{
	content: '';
	display: table;
	clear: both;	
}
.gallery-img-small{
	width: 25%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
}
.gallery-img-small img{
	cursor: pointer;
}
.gallery-img-small p{
	display: none;
}
.body-hidden{
	overflow: hidden;
}
.left-slider-fixed{
	position: fixed;
	width: 270px;
	top: 50px;
	z-index: 99;
}
.nav-main-fixed{
	position: fixed;
	width: 100%;
	height: 110px;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.nav-main-fixed-bg{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #97233f;
	width: 100%;
	height: 110px;
	z-index: -1;
	opacity: 0;
}
.about7-float-main{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.3);
	display: none;
}
.about7-float-box{
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	margin-top: -210px;
	width: 350px;
	height: 420px;
	z-index: 999;
	background-color: #f0f0f0;;
	border: 1px solid #97233f;
	border-radius: 6px;
	overflow: hidden;
}
.about7-float-title{
	background-color: #97233f;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	position: relative;
}
.about7-float-title p{
	line-height: 40px;
	font-size: 14px;
	margin-bottom: 0;
	text-indent: 0;
}
.about7-float-title button{
	position: absolute;
	right: 15px;
	top: 0;
	color: #ffffff;
	background: none;
	outline: none;
	border: none;
	font-size: 18px;
}
.about7-float-content{
	padding: 20px;
}
.about7-float-form input{
	display: block;
	width: 100%;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	border: 1px solid #999999;
}
.about7-float-form input:focus{
	border: 1px solid #97233f;
}
.about7-float-form button{
	background-color: #97233f;
	border: none;
	outline: none;
	color: #ffffff;
	line-height: 30px;
	width: 100%;
	margin-top: 5px;
}
.products-mainteble{
	text-transform: uppercase;
	font-weight: normal;
}
.products-mainteble th{
	background-color: #eddada;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	font-weight: bold;
}
.news-updown a{
	color: #333333;
}

.table-responsive table td{
	font-weight: 600;
}

.contact-focus{
	text-align: right;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.select-language{
	color: #c5c5c5;
	margin-top: 10px;
	position: relative;
}
.select-language p{
	cursor: pointer;
	text-align: center;
}
.select-language p i{
	margin-left: 5px;
}
.select-language-item{
	position: absolute;
	top: 25px;
	left: 45px;
	background-color: #c5c5c5;
	padding: 5px 0px;
	width: 80px;
	display: none;
}
.select-language-item a{
	display: block;
	text-align: center;
	color: #333333;
	line-height: 26px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.select-language-item a:last-child{
	border-bottom: none;
}
.select-language-item a:hover{
	color: #ffffff;
}

.nav-min-btn{
	display: none;
	position: absolute;
	right: 25px;
	top: 25px;
	background: #97233f;
	border: none;
	color: #ffffff;
	font-size: 12px;
	border-radius: 6px;
	padding: 10px 10px;
	text-align: center;
	outline: none;
	border: 1px solid rgba(255,255,255,0.2);
}
.nav-min-btn i{
	font-size: 20px;
}


.handox-float{
	position: fixed;
	left: 0;
	z-index: 99;
	top: 40%;
	cursor: pointer;
	animation:leftmove 12s infinite;
	-moz-animation:leftmove 12s infinite;
	-webkit-animation:leftmove 12s infinite;
	-o-animation:leftmove 12s infinite;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}
.handox-float img{
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}
.handox-float button{
	position: absolute;
	right: -35px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-color: #97233f;
	border: none;
	outline: none;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	border-radius: 15px;
	font-size: 18px;
}

@keyframes leftmove
{
	0%   {top: 40%;}
	80%   {top: 40%;}
	82%   {top: 41%;}
	84%   {top: 40%;}
	86%   {top: 41%;}
	88%   {top: 40%;}
	90%   {top: 41%;}
	92%   {top: 40%;}
	94%   {top: 41%;}
	96%   {top: 40%;}
	98%   {top: 41%;}
	100%  {top: 40%;}
}
@-webkit-keyframes leftmove
{
	0%   {top: 40%;}
	80%   {top: 40%;}
	82%   {top: 41%;}
	84%   {top: 40%;}
	86%   {top: 41%;}
	88%   {top: 40%;}
	90%   {top: 41%;}
	92%   {top: 40%;}
	94%   {top: 41%;}
	96%   {top: 40%;}
	98%   {top: 41%;}
	100%  {top: 40%;}
}

.float-phone-btn{
	position: fixed;
	bottom: 20px;
	left: 20px;
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background-color: #46ba71;
	text-align: center;
	line-height: 70px;
	font-size: 35px;
	color: #ffffff;
	z-index: 999;
  display: none;
}
.float-phone-btn:focus{
	color: #ffffff;
}
.floattel{
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 99;
}
.floattel button{
	position: absolute;
	right: 20px;
	top: 50px;
	background: none;
	font-size: 20px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #ffffff;
}

.bottom-float{
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	top: 25%;
	background-color: #ffffff;
	border-radius: 6px;
	overflow: hidden;
	z-index: 99;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
.bottom-float-close{
	position: absolute;
	right: 15px;
	top: 6px;
	z-index: 6;
	background: none;
	border: none;
	outline: none;
	font-size: 16px;
	color: #ffffff;
}
.bottom-float h1{
	background-color: #97233f;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding-left: 15px;
	font-weight: bold;
	color: #ffffff;
}
.bottom-float-content{
	padding: 15px 20px;
}
.bottom-float-content h5{
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
}
.bottom-float-content p{
	margin-bottom: 0;
	font-size: 12px;
}
.bottom-float-content hr{
	margin-top: 5px;
	margin-bottom: 5px;
}
.news-class li{
	display: none;
}
.news-class .active{
	display: block;
}

.breav-nav ul,.breav-nav ul a{ color:#FFFFFF}