@charset "utf-8";
/* CSS Document */
* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	font-family: "微软雅黑", Helvetica, Tahoma, sans-serif;
	background-color: #FFF;
	color: #666;
}
ul, ol, li{list-style: none}
input{	font-family: "微软雅黑";}
.fl{ float:left;}
.fr{ float:right;}
a {
	font-family: "微软雅黑", Helvetica, Tahoma, sans-serif;
	text-decoration: none;
	color: #666666;
}
.wrap{ width:1175px; margin:0 auto; overflow:hidden;}
.head{
	height:80px;
	width:100%;
	background-color:#fff;
	/*box-shadow: 0px 1px 2px #ccc;
	position: fixed;
	top: 0px;
	z-index: 9999;
	*/
	position: relative;
}
.head_left{
	float: left;
	width: 270px;
	height: 80px;
	background-image: url(../../../front/common/images/logo.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.head_right{
	height:80px;
	line-height: 80px;
	float:right;
	padding: 0px;
}
.head_right ul{
	display: block;
	padding: 0px; margin: 0px;

}
.head_right ul .cur a{
	color:#d4203d;
}
.head_right ul .cur .btm_line{
	width:100%;
}
.head_right ul li{
     font-family:"微软雅黑", Helvetica, Tahoma, sans-serif;
	list-style:none;
	float:left;
	line-height: 80px;
	height: 80px;
	width: 110px;
	font-size:18px;
	cursor: pointer;
	text-align: center;
}

.head_right ul li a{
	width:100%;
	height:100%;
	display:block;
}

.head_right ul li:hover .btm_line{
	width:100%;
}
.btm_line{
	position: relative;
	bottom: 0px;
	margin: -3px auto;
	background: #D4203D;
	height: 3px;
	width: 0%;
	display: block;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.head_right ul li a{ color:#555;}
.head_right ul li a:hover,.head_right ul li:hover a{color:#d4203d;}
.showdiv {
	position: absolute;
	top: 80px;
	left:0px;
	z-index: 99999;
	width:100%;
	background-color:rgba(255,255,255,0.95);
	overflow:hidden;
}
/*二级菜单*/
.submenu .submenu-cpfa{height:190px;float: right;}
.submenu .submenu-cpfa .pic{
	float: left;
/* 	background-image: url(../../../front/common/images/submenu_cpfa.png); */
	width:268px; height:137px;
	margin-top:23px;
}
.submenu .submenu-cpfa  ul{ float:left; overflow:hidden; margin-top:24px; margin-left:50px;}
.submenu .submenu-cpfa  ul li{ float:left; width:155px; margin-right:40px;}
.submenu .submenu-cpfa  ul li h3{
	color: #df0024;
	font-size: 16px;
	border-bottom: 1px solid #d5a8ac;
 	background-image: url(../../../front/common/images/submenu_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	margin-bottom: 12px;
	font-weight: normal;
	padding-bottom: 4px;
}
.submenu .submenu-cpfa  ul li h3 a{ color: #df0024;	font-size: 16px;}
.submenu .submenu-cpfa  ul li a{ display:block; font-size:14px; line-height:25px; cursor:pointer;}
.submenu .submenu-cpfa  ul li a:hover{ color: #df0024;}

.submenu .submenu-about{height:90px;}
.submenu .submenu-about  ul{overflow:hidden;margin-left:397px; padding-top:30px;}
.submenu .submenu-about  ul li{ float:left; width:110px; border-right:1px solid #e40014; text-align:center; font-size:16px; }
.submenu .submenu-about  ul li:last-child{ border-right:0 solid #fff;}
.submenu .submenu-about  ul li a:hover{ color:#e40014; }

/* 通用banner样式 */
.subpage-banner{
	height: 332px;
	background-image: url(../../../front/common/images/product-top.jpg);
	background-position: right;
	width: 100%;
	background-color: #d4203d;
	background-repeat: no-repeat;
}
.subpage-banner div{ width:1170px; margin:0 auto; color:#fff;}
.subpage-banner div h3{ font-size:36px; padding:95px 0 15px 0;}
.subpage-banner div p{ width:610px; font-size:14px; line-height:22px;}

/*底部版权部分*/
.footer {
	width: 100%;
	height: 373px;
	background-color: #27303f;
}
.footer .info {
	min-width: 1000px;
	max-width: 1150px;
	height: 306px;
	overflow: hidden;
	margin: 0 auto;
}
.footer .info-content {
	float: left;
	height: 306px;
	overflow: hidden;
	width: 685px;
	padding-top: 40px;
}
.footer .info-content li {
	width: 25%;
	float: left;
}
.footer .info-content .info-title {
	color: #d7d8d9;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
}
.footer .info-content .info-subcontent {
	margin-top: 18px;
}
.footer .info-content .info-subcontent a {
	color: #9b9ea0;
	display: block;
	line-height: 28px;
	font-size: 14px;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.footer .info-content .info-subcontent a:hover {
	color: #fff;
}
.footer .footer-call {
	float: right;
	width: 200px;
	height: 290px;
	background-image: url(../../../front/common/images/footer_tell.png);
	background-repeat: no-repeat;
	background-position: center 60px;
	text-align: center;
	margin-right: 24px;
}
.footer .footer-call h3{ color: #aaaeb0;font-size: 24px;margin-top: 128px;}
.footer .footer-call span{ color:#8f9091; font-size:12px;}
.footer .r-ma {
	float: right;
	width: 240px;
	height: 306px;
	background-image: url(../../../front/common/images/footer_2weima.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #212936;
}
.footer .copyright {
	background-color: #171f2a;
	height: 70px;
}
.footer .copyright div {
	min-width: 1000px;
	max-width: 1150px;
	line-height: 70px;
	color: #979da4;
	margin: 0 auto;
	font-size: 13px;
}
.footer .copyright span {
	display: block;
	height: 70px;
	float: right;
	width: 240px;
	background-color: #121821;
	background-image: url(../../../front/common/images/footer_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.homeadd{
    line-height: 16px;
    color: #8f9091;
    background-image: url(../../../front/common/images/home-add.png);
    background-repeat: no-repeat;
    background-position: left 14px;
    padding-left: 30px;
    text-align: left;
    border-top: 1px solid #3f4754;
    margin-top: 10px;
    padding-top: 8px;
}
.video{
	background-image: url(../../../front/common/images/videobackgroung.jpg);
	background-repeat: repeat;
	background-position: center center;
	height: 200px;
	width: 100%;
}
.video a{
	background-image: url(../../../front/common/images/video_font.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	width: 100%;
	margin:0 auto;
	display:block;
}
.video a:hover{ background-image: url(../../../front/common/images/video_font_hover.png);}
/* 鼠标悬浮按钮上时执行动画 */
@-webkit-keyframes moveFromBottom {from { -webkit-transform:translateY(120%);
	/*translateY:竖直方向上变化  */
	opacity: 0;
}
to {
	-webkit-transform: translateY(0%);
	opacity: 1;
}
}
@-moz-keyframes moveFromBottom {from { -moz-transform:translateY(120%);
	opacity: 0;
}
to {
	-moz-transform: translateY(0%);
	opacity: 1;
}
}
@-ms-keyframes moveFromBottom {from { -ms-transform:translateY(120%);
	opacity: 0;
}
to {
	-ms-transform: translateY(0%);
	opacity: 1;
}
}
@-o-keyframes moveFromBottom {from { -o-transform:translateY(120%);
	opacity: 0;
}

to {
	-o-transform: translateY(0%);
	opacity: 1;
}
}
@keyframes moveFromBottom {from { transform:translateY(120%);
	opacity: 0;
}
to {
	transform: translateY(0%);
	opacity: 1;
}
}

/*逐个出现动画*/
.flap:nth-child(1){animation-delay: 0.1s;-moz-animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.flap:nth-child(2){animation-delay: 0.2s;-moz-animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.flap:nth-child(3){animation-delay: 0.3s;-moz-animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.flap:nth-child(4){animation-delay: 0.4s;-moz-animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.flap:nth-child(5){animation-delay: 0.5s;-moz-animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.flap:nth-child(6){animation-delay: 0.6s;-moz-animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.flap:nth-child(7){animation-delay: 0.7s;-moz-animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.flap:nth-child(8){animation-delay: 0.8s;-moz-animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.flap:nth-child(9){animation-delay: 0.9s;-moz-animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.flap:nth-child(10){animation-delay: 1s;-moz-animation-delay: 1s;-webkit-animation-delay: 1s;}
.flap:nth-child(11){animation-delay: 1.1s;-moz-animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.flap:nth-child(12){animation-delay: 1.2s;-moz-animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.flap:nth-child(13){animation-delay: 1.3s;-moz-animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.flap:nth-child(14){animation-delay: 1.4s;-moz-animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.flap:nth-child(15){animation-delay: 1.5s;-moz-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.flap {
	animation: modelFadeOut 1s;
	-moz-animation: modelFadeOut 1s;	/* Firefox */
	-webkit-animation: modelFadeOut 1s;	/* Safari 和 Chrome */
	animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
}
@keyframes modelFadeOut{
	0%{opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);}
	100%{opacity: 1;-webkit-transform: none;transform: none;-moz-transform: none;}
}
@-moz-keyframes modelFadeOut{
	0%{opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);}
	100%{opacity: 1;-webkit-transform: none;transform: none;-moz-transform: none;}
}
@-webkit-keyframes modelFadeOut{
	0%{opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);}
	100%{opacity: 1;-webkit-transform: none;transform: none;-moz-transform: none;}
}
.iframe-footer{ width:100%; height:376px;}
.iframe-top{width: 100%;height:272px ;position: absolute; z-index: 99; background-color:transparent;}
.ss_sp{width: 380px;height: 247px;float: right;background-color: #999;position: relative;background:url(../../../front/common/images/shangshi_sp.jpg) no-repeat;}
.ss_sp a{display:block;width: 380px; height: 247px;}