﻿.proDetailsIntro {
	position: relative;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(../images/f_bj.jpg) no-repeat center / cover;
}
.page{ width:1400px; margin:auto;}
.proDetailsIntro > .page::after {
	content: '';
	display: block;
	clear: both;
}
.proDetailsIntro .conL {
	width: 600px;
	float: left;
	position: relative;
	overflow: hidden;
}
.proDetailsIntro .conL i {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	overflow: hidden;
	top: 50%;
	margin-top: -22px;
}
.proDetailsIntro .conL i.prev {
	left: 0;
}
.proDetailsIntro .conL i.next {
	right: 0;
}
.proDetailsIntro .conL .btnList {
	width: 100%;
	height: 14px;
	text-align: center;
	position: absolute;
	bottom: -74px;
	padding: 30px 0;
	background: rgba(0,0,0,0.3);
	transition: 0.3s all ease-in-out;
}
.proDetailsIntro .conL:hover .btnList {
	bottom: 0;
}
.proDetailsIntro .conL .btnList span {
	display: inline-block;
	width: 14px;
	height: 14px; color:#fff;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-left: 16px;
	cursor: pointer;
	border-radius: 50px;
}
.proDetailsIntro .conL .btnList span.cur {
	background: #ff8a00; color:#ff8a00;
}
.proDetailsIntro .conL .btnList span:first-child {
	margin-left: 0;
}
.proDetailsIntro .conL .conBox {
	width: 600px;
	height:450px;
	position: relative;
	overflow: hidden;
}
.case_proDetailsIntro.proDetailsIntro .conL .conBox {
	width: 600px;
	height: 535px;
	position: relative;
	overflow: hidden;
}
.proDetailsIntro .conL .conBox ul {
	position: absolute;
	top: 0;
	left: 0;
}
.proDetailsIntro .conL .conBox li {
	float: left;
	width: 600px;
}
.proDetailsIntro .conL .conBox li img {
	display: block;
	width: 600px;
	height: auto;
}
.case_proDetailsIntro.proDetailsIntro .conL .conBox li img {
	display: block;
	width: 600px;
	height: 335px;
}
.proDetailsIntro .conR {
	float: right;
	padding-top:22px;
	width:720px;
	height: 420px;
	position: relative;
}
.case_proDetailsIntro.proDetailsIntro .conR {
	height: 315px;
}
.proDetailsIntro .conR h3 {
	font-size: 27px;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}
.proDetailsIntro .conR i {
	display: block;
	height: 2px;
	margin: 16px 0 50px 0;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.proDetailsIntro .conR h4 {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin: 46px 0 26px;
}
.proDetailsIntro .conR p {
	font-size: 14px;
	color: #aaa;
	line-height: 32px;
	height: 130px;
	overflow: hidden;
}
.proDetailsIntro .conR .box {
	width:447px;
	float: right;
}
.proDetailsIntro .conR .box .zx {
	display: block;
	width: 200px;
	height: 50px;
	float: left;
	font-size: 22px;
	color: #fff;
	line-height: 48px;
	background: #ff8a00;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	transition: 0.3s all ease-in-out;
	margin-top: 27px;
}
.proDetailsIntro .conR .box .zx:hover {
	background: #ff8a00;
}
.proDetailsIntro .conR .box .zx img {
	position: relative;
	top: 4px;
	margin-left: 8px;
}
.proDetailsIntro .conR .box .phone {
	float: left;
	padding-left: 60px;
	background: url(../images/proListClassify_phone.png) no-repeat left center;
	margin-top: 31px;
}
.proDetailsIntro .conR .box .phone span {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.proDetailsIntro .conR .box .phone em {
	display: block;
	font-size: 31px;
	color: #ff8a00;
	font-weight: bold;
	font-family: arial;
	font-style: normal;
	line-height: 26px;
}


.cion2 {
    line-height: 40px;
    font-size:29px; letter-spacing:2px;
    color: #ff8a00;
    font-weight: bold;
    display: block;
    font-family: arial; 
    position: relative;
    margin: 0 auto;
}
/*.cion2:after{content:'';width:23px;height:1px;background:#ff8a00;position:absolute;left:0;top:50%;}
.cion2:before{content: '';width:23px;height:1px;background:#ff8a00;position:absolute;right:0;top:50%;}*/


.proDetailsIntro .conR h3::before {
    content: '产品名称：';
    font-weight: 100;
    color: #f6f6f6;
}

.source_wx .bdsharebuttonbox a {
    display: block;
    float: left;
    background-color: #fff;
    margin: 26px 20px 15px 0;
    border-radius: 5px;
    transform: rotate(0deg);
}
.source_item {
  float: left;
  width: 60px;
  height: 60px;
  position: relative;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.source_item:hover{background: #b90000;border-color:#b90000}
.source_item > canvas {
    position: absolute;
    bottom: 0px;
    width: 160px;
    height: 160px;
    left: -60px;
    transition: 0.3s all ease-in-out;
    transform: scale(0);
    opacity: 0;
    background: #fff;
    padding: 10px;
}
.source_item:hover > canvas{bottom: 75px;opacity: 1;transform: scale(1);}
.source_wx {
  padding:30px 0px;
  height: 52px;
}
.source_item:after{content: '';position: absolute;width: 30px;height: 30px;display: block;background: url(../images/ewm_ico.png) no-repeat center;left: 15px;top: 15px;}

.pro_ewm_left{width:145px;height:183px;border: 1px solid #e9e9e9;position:relative; float:left;}
.pro_ewm_left .ewm img{width: 145px;;}
.pro_ewm_left .ewm p{text-align:center;color:#999; font-size:16px; height:34px !important;}


.show_product_con{padding:50px 0; background:#eaeaea;}
.show_product_con_l { padding:50px; width:990px; background: #fff; float: right;}
.show_product_con_r { width:260px; float: left; }
.proinfo-menu { height: 172px; padding-top: 20px; background: url(../images/bg_proinfomenu.jpg) no-repeat center; }

.show_product_con_r h3 { font-size: 22px; color: #333; padding-top:25px; padding-bottom: 25px; }

.show_product_con_r .list_product li { width: 100%; }

.show_product_xxk {
    height: 80px;
    line-height: 80px;
}

.show_product_xxk li {
    margin-right: 20px;
    float: left;
}

.show_product_xxk li a {
    display: block;
    padding: 0 40px;
    line-height: 40px;
    border: 1px solid #959595;
    font-size: 18px;
    color: #333;
    background-color: #fff;
}

.show_product_xxk li.on a {background-color: #ff8a00;
border: 1px solid #ff8a00;
    color: #fff;
}


.list_product li { float: left; margin-bottom: 43px; width: 23%; margin-right: 2.5%; transition: 0.5s; }

.list_product li .main_pic { background-color: #f5f5f5; }

.list_product li a { display: block; transition: 0.5s; }

.list_product li .main_pic img { transition: 0.5s; max-height: 327px; width: 100%; display: block; height: auto; }
.list_product li:nth-child(4n) { margin-right: 0px; }

.list_product h4 { position: relative; transition: 0.5s; line-height: 55px; border-bottom: 1px solid #959595; font-size: 18px; color: #333; padding: 0 28px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list_product li:hover h4 { color: #ff8a00; }

.list_product li span { display: block; position: absolute; bottom: -1px; left: 0px; height: 1px; width: 0px; background-color: #ff8a00; z-index: 2; transition: 0.5s; }

.list_product li:hover h4 span { width: 100%; }

.list_product li:hover .main_pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.list_product li h4 i { position: absolute; right: 0px; top: 0px; height: 55px; width: 18px; background: url(../images/jia2.png) no-repeat center; opacity: 0; transition: 0.5s; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); transform: rotate(0deg); }

.list_product li:hover h4 i { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transform: rotate(180deg); }

.list_product li:hover h4 { padding-left: 33px; }

.list_product li .main_pic i { display: block; width: 100%; height: 0%; position: absolute; z-index: 2; opacity: 0; top: 0; left: 0px; transition: 0.5s; background: rgba(255, 255, 255, 0.6); }

.list_product li .main_pic { position: relative; }

.list_product li:hover .main_pic i { opacity: 1; height: 100%; }

.show_product_con_r .list_product li { width: 100%; }


.show_product_xxk {
    height: 80px;
    line-height: 80px;
}

.show_product_xxk li {
    margin-right: 20px;
    float: left;
}

.show_product_xxk li a {
    display: block;
    padding: 0 40px;
    line-height: 40px;
    border: 1px solid #959595;
    font-size: 18px;
    color: #333;
    background-color: #fff;
}

.show_product_xxk li.on a {background-color: #ff8a00;
border: 1px solid #ff8a00;
    color: #fff;
}


.sidebar{width:320px;}
.sidebar .top{width:100%;height:70px;background:url(../images/proListClassify_icon01.png) no-repeat 267px center #ff8a00}
.sidebar h3{padding:23px 0 0 26px;font-size:28px;font-weight:400}
.sidebar h3 a{display:block;color:#fff;text-decoration:none; font-size:28px;}
.sidebar h3 em{font-weight:700;color:#fff;font-size:28px; font-style: normal;}
.sidebar h3 span{font-size:10px;color:#fff;font-family:arial;margin-left:6px;position:relative;top:2px}
.sidebar .box1{padding:26px;background:#fff}
.sidebar .box1 dl{margin-top:20px}
.sidebar .box1 dl:first-child{margin-top:0}
.sidebar .box1 dt{height:56px;text-indent:26px;font-size:18px;background-color:#eaeaea;line-height:56px}
.sidebar .box1 dt a{display:block;width:100%;height:100%;position:relative;width: 266px; font-size:18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 50px;box-sizing: border-box;}
.about-menu-sidebar .box1 dd i, .sidebar .box1 dd i, .sidebar .box1 dt i{display:block;width:24px;height:24px;background-color:#fff;border:solid 1px #ddd;position:absolute;right:10%;top:15px;z-index:9;border-radius:50%;}
.about-menu-sidebar .box1 dd i:after,.about-menu-sidebar .box1 dd i:before, .sidebar .box1 dd i:after, .sidebar .box1 dd i:before, .sidebar .box1 dt i:after, .sidebar .box1 dt i:before{content:'';width:0;height:0;display:block;position:absolute;right:0;top:5px;z-index:5;border-top:7px transparent dashed;border-right:7px transparent dashed;border-bottom:7px transparent dashed;border-left:7px #ccc solid;overflow:hidden}
.about-menu-sidebar .box1 dd i:after, .sidebar .box1 dd i:after, .sidebar .box1 dt i:after{right:3px;border-left-color:#fff}
.about-menu-sidebar .box1 dd a.cur i:before,.about-menu-sidebar .box1 dd a:hover i:before, .sidebar .box1 dd a.cur i:before, .sidebar .box1 dd a:hover i:before, .sidebar .box1 dt a.cur i:before, .sidebar .box1 dt a:hover i:before{border-left-color:#fff}
.about-menu-sidebar .box1 dd a.cur i:after,.about-menu-sidebar .box1 dd a:hover i:after, .sidebar .box1 dd a.cur i:after, .sidebar .box1 dd a:hover i:after, .sidebar .box1 dt a.cur i:after, .sidebar .box1 dt a:hover i:after{border-left-color:#ff8a00}
.about-menu-sidebar .box1 dd a.cur,.about-menu-sidebar .box1 dd a:hover, .sidebar .box1 dd a.cur, .sidebar .box1 dd a:hover, .sidebar .box1 dt a.cur, .sidebar .box1 dt a:hover{color:#ff8a00;font-weight:700}
.about-menu-sidebar .box1 dd a.cur i,.about-menu-sidebar .box1 dd a:hover i, .sidebar .box1 dd a.cur i, .sidebar .box1 dd a:hover i, .sidebar .box1 dt a.cur i, .sidebar .box1 dt a:hover i{background-color:#ff8a00;border-color:#ff8a00}
 .sidebar .box1 dd a{display:block;font-size:14px;color:#666;height:50px;line-height:50px;text-indent:25px;text-decoration:none;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;position:relative}
 


.con ul{width:880px; float:right;}
.con li{width:30.8%;height:auto;margin-left:2.5%;float:left;margin-bottom:2%}
.con li .Pic{display:block;width:100%;overflow:hidden}
.con li .Pic img{display:block;width:100%;}

.dyspq9{ margin-top:40px;}


/*参数*/
.xq{width:100%;margin: 0 auto;}
.wenan{font-size:16px; line-height:36px; margin-top:30px;}
.wenan span{background:#f39501;display: block;height:45px;font-size:18px;color: #fff;line-height: 45px;padding-left: 10px;margin: 12px 0 15px 0;}
.wenan em{font-style: normal;margin-left:10px; font-style: italic; font-size:13px; text-transform: uppercase;}
.wen span{background:#f39501; display: block;height:45px;font-size: 20px;color: #fff;line-height:45px;padding-left: 10px;margin: 10px 0 20px 0;}
.wen em{font-style: normal;margin-left:10px; font-style: italic; font-size:13px; text-transform: uppercase;}
.bg{margin-bottom:40px;}    
.sz{text-align: center;font-size:15px;line-height:40px;}
.col{text-align: center;font-size: 18px;line-height:46px;background-color:#767676;color:#fff;}
.wenan table{margin: 0 auto;margin-top: 20px;margin-bottom: 40px;}    