@charset "utf-8";

#b3 {
	width: 100%;
	height: auto;
	background: #f4f4f4;
}

.pro_c {
	width: 100%;

	min-height: 100%;
	height: auto;
	margin:0 auto;
	position: relative;
}

.pro_c .pro_detail {
	width: 100%;
	max-width:1500px;
	height: auto;
	margin:0 auto;
	background: #eeeeee;
	overflow:hidden
}

/**/
.pro_detail{ max-width:80%; margin:0 auto;}
.pro_detail .pro-n-left{ padding-top:130px; padding-bottom:50px; overflow:hidden}
.pro_tit_l{ float:left; width:50%}
.pr-rght{ float:left; width:50%}
 .pro_tit_l span.btrand{ display:block; font-size:30px;}
.pro_detail .pro-n-left .p-line{ width:54px; background:#fe0000; height:2px; margin:10px 0 5px 0;}
.pro_tit_l h3{ font-size:21px; margin-bottom:30px;}
 .pro-n-left .detlr{ font-size:14px; line-height:25px;}

.pr-rght span.btrand{display:block; font-size:22px;} 

.pro-footer{ height:700px; max-width:1920px; margin:0 auto; width:100%;}
.pro-footer .pf-t-l{ float:left; width:50%;padding-top:260px; padding-left:80px;}
.pro-footer .pf-t-l h2{ font-size:25px; margin-bottom:10px; margin-top:30px;}
.pro-footer .pf-t-r{ float:right; width:50%;padding-top:290px; padding-left:50px; }

.pro-footer .pf-t-l p{ color:#777777; line-height:20px;}
.pro-footer .pf-t-r h2{ font-size:28px; margin-bottom:20px;}
.pro-footer .pf-t-r span{ padding:6px 30px; background:#000;  display:inline-block}
.pro-footer .pf-t-r span.s1{opacity:1;}
.pro-footer .pf-t-r span.s2{opacity:0.9;}
.pro-footer .pf-t-r span.s3{opacity:0.8;}
.pro-footer .pf-t-r span.s4{opacity:0.7;}
.pro-footer .pf-t-r span.s5{opacity:0.6;}
.pro-footer .pf-t-r span.s6{opacity:0.5;}
.pro-footer .pf-t-r span.s7{opacity:0.4;}
.pro-footer .pf-t-r span.s8{opacity:0.3;}
.pro-footer .pf-t-r span.s9{opacity:0.2;}
.pro-footer .pf-t-r span.s10{opacity:0.1;}
.pro-footer .pf-t-r div{ margin-bottom:30px;}

.pro_detail .pro-n-right{ float:right; background:#eaeaea; width:50%;}
.pro_detail .pro-n-right img{ width:100%}

.pro-img-list{text-align:center; margin-top:20px;}
.pro-img-list img{ max-width:80%;width: 100%;}
.pro-slide{ width:100%; max-width:1920px; margin:0 auto;}
.pro-slide-spw .swiper-slide{ background-repeat:no-repeat; background-position:top center;background-size: cover;}

 .arrow-left {
    background:url("../images/arrows.png") no-repeat scroll left top;
	background-size:44px auto;
    height: 50px;
    left: 100px;
    margin-top: -15px;
    position: absolute;
    top: 75%;
    width: 50px;
	z-index:10;
}
 .arrow-right {
    background: url("../images/arrows.png") no-repeat scroll left -53px;
	background-size:44px auto;
    height: 50px;
    margin-top: -15px;
    position: absolute;
    right: 100px;
    top: 75%;
    width: 50px;
	z-index:10;
}

.pro-slide .swiper-pagination-bullet{ background:#999}
.pro-slide .swiper-pagination-bullet-active{ background:#fe0000;}

.pro-slide .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ width:30px; left:50%; bottom:204px}
.pro-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:2px 2px;}
.pro-slide .swiper-pagination-bullet{ width:6px; height:6px;}

/**/

.pro_c .pro_list {
	width: 100%;

	margin: 0 auto;
}

.pro_c .pro_list li {
	display: inline-block;
	float: left;
	width: 32.533%;
	margin-bottom: 10px;
	margin-right:10px;
	background: #fff;
	overflow:hidden
}

.pro_c .pro_list .pro_img {
	height: auto;
	cursor: pointer;
	position: relative;
}

.pro_c .pro_list .pro_img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.pro_c .pro_list .pro_img img.scale {
    transform: scale(1.2);
	transition: all 0.6s;
}

.pro_c .pro_list .pro_bgic,.pro_c .pro_list .pro_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.pro_c .pro_list .pro_bgic {
	display: none;
	z-index: 10;
	color:#fff;
	font-size:32px;
    padding: 25% 3em;
}
.pro_c .pro_list .pro_bgic h1{text-align:center}
.pro_c .pro_list .pro_bgic p{ font-size:15px; color:#fff; text-align:center}
.pro_c .pro_list .pro_bg {
	background: #000;
	display: none;
	z-index: 5;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.pro_c .pro_list .pro_txt {
	padding: 10px;
	height: 84px;
}

.pro_c .pro_list .pro_txt h2 {
	margin-top: 11px;
	font-size: 1.6em;
	color: #a1a1a1;
	text-align: center;
}

.pro_c .pro_list .pro_txt p {
	margin-top: 11px;
	font-size: 1.4em;
	color: #c7c7c7;
	text-align: center;
}

.pro_c .hclear {
	height: 152px;
	clear: both;
}




.pro_c_ph {
	padding-top: 50px;
}

.pro_c_ph .pro_list {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin: 0;
}

.pro_c_ph .pro_list li {
	margin: 0 2% 5% 2%;
	width: 45%;
	height: auto;
}

.pro_c_ph .pro_list .pro_img {
	width: 100%;
	height: auto;
}

.pro_c_ph .pro_list .pro_txt {
	padding: 20px 0;
	width: 100%;
	height: 184px;
}

.pro_c_ph .pro_list .pro_txt h2 {
	font-size: 4em;
	line-height: 2em;
	width: 100%;
	height: 2em;
	overflow: hidden;
}

.pro_c_ph .pro_list .pro_txt p {
	font-size: 3em;
}

.page_pro { width:100%; height:100%;text-align:center; display: table;}
.page_pro a{ vertical-align:middle; font-size:40px; color:#000; background:#e6e6e6;display: table-cell;}


/*箭头*/

.round-prev {
    left: 4.188rem;
}
.round-next {
	right: 4.188rem;
}
.round-back {
	left: 50%;
	margin-left: -22.5px;
}
.round {
	position: fixed;
	bottom: 2.5rem;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 4;
	opacity: 0;
	transition: .4s -webkit-transform cubic-bezier(.19,1,.22,1),.6s opacity cubic-bezier(.19,1,.22,1);
	transition: .4s transform cubic-bezier(.19,1,.22,1),.6s opacity cubic-bezier(.19,1,.22,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
}

.round {
	opacity: 1;
}
.round::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 45px;
	background: #FF2600;
	opacity: .22;
	transition: .4s opacity cubic-bezier(.19,1,.22,1);
}
.round__drawer__inner {
	background: rgba(255,38,0,.22);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	border-radius: 45px;
	padding: 0 55px 0 22px;
	color: #fbf9f6;
	font-weight: 700;
	font-size: .875rem;
	line-height: 2.813rem;
}
.round__drawer.left .round__drawer__inner {
	 -webkit-transform: translateX(100%);
	 transform: translateX(100%); 
	padding: 0 22px 0 55px;
}

.round__drawer {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	white-space: nowrap;
	border-radius: 45px;
}
.round__drawer.left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	right: auto;
	left: 0px;
}
.round__drawer__inner span {
	
	transition: .4s opacity ease;
}
.round__drawer__inner {
	color: #fbf9f6;
	font-size: 18px;
	line-height: 2.813rem;
}
.round:hover:not(.is-disabled):not(.no-hover) .round__drawer:not(.more),.round:hover:not(.is-disabled):not(.no-hover) .round__drawer:not(.more) .round__drawer__inner {
	-webkit-transform: translateX(0);
	transform: translateX(px);
}
.round__drawer, .round__drawer__inner {
	transition: .4s -webkit-transform cubic-bezier(.19,1,.22,1),.4s background ease;
	transition: .4s transform cubic-bezier(.19,1,.22,1),.4s background ease;
	display: inline-block;
}
.round__icons {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition: .4s background ease;
}

.round__icons img{ width:46px;}

/*页尾*/
.five{ background:#fe0000;}
.five .ourfooter{
	
	margin-left: auto;
    margin-right: auto;
    max-width: 1828px;
	padding: 3% 0;
	overflow:hidden;
}
.scroll{ cursor:pointer;}
.five .ourfooter .o-f-left{ width:48.999%; float:left;padding-left: 114px;
padding-right: 114px;}
.five .ourfooter .bto-right{ width:48.999%;float:left;padding-left: 114px;
padding-right: 114px;}

.five .ourfooter .o-f-left h1{ font-size:53px; font-weight:bold; color:#fff;margin-bottom: 19px;}

.five .ourfooter .o-f-left h2{ font-size:21px; color:#fff}
.five .ourfooter .o-f-left .banq{ font-size:10px; color:#fff; margin-top:40px;}
.five .ourfooter .o-f-left p{ font-size:16px; line-height:30px; color:#fff}
.five .ourfooter .o-f-left .line{ height:2px; background:#fff; margin:30px 0; width:83px;}

.five .ourfooter .bto-right .foll-us{ font-size:53px; color:#fff;font-weight:bold; margin-bottom:22px; }

.five .ourfooter .bto-right a{ display:inline-block; width:40px; height:40px;margin-right:30px;}
.five .ourfooter .bto-right a.wb{ background:url(../images/wb.png) no-repeat; background-size:40px auto; background-position:0px -112px}
.five .ourfooter .bto-right a.wx{ background:url(../images/wx.png) no-repeat; background-size:40px auto;background-position:0px -112px}
.five .ourfooter .bto-right a.qq{ background:url(../images/qq.png) no-repeat; background-size:40px auto;background-position:0px -112px}
.five .ourfooter .bto-right a.qq:hover,.five .ourfooter .bto-right a.wb:hover,.five .ourfooter .bto-right a.wx:hover{background-position:0px -4px}


.five .ourfooter .bto-right .foll-down{ font-size:21px; margin-top:100px;background:url(../images/downicon.png) no-repeat;background-position:0px 3px; padding-left:70px; background-size:57px auto;cursor:pointer }

.five .ourfooter .bto-right .foll-down:hover{background-position:0px -170px}
.five .ourfooter .bto-right .foll-down:hover p{ color:#000}
.five .ourfooter .bto-right .foll-down p{ color:#fff}