@charset "utf-8";
/* CSS Document */
@import url(/css/public.cssv);
body { background: #f5f5f5; }
.breadCrumb { padding: 10px 0; line-height: 30px; }
.breadCrumb span { color: #0eb2c8; }
.breadCrumb a.current { color: red; border: 1px solid #dedede; padding: 3px 10px; border-radius: 4px; }
.breadCrumb a.current i { font-size: 12px; padding: 0 0 0 5px; color: red; }
.breadCrumb p i { color: #0eb2c8;/* font-weight: bold;*/ }
.filter { background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgb( 204, 204, 204 ); margin-bottom: 15px; border-radius: 4px; overflow: hidden; }
.filter dl { border-bottom: 1px solid #ededed; position: relative; min-height: 45px; padding: 0 0 0 130px; }
.filter dl:last-of-type { border: none; }
.filter dd { position: absolute; left: 0; top: 0; height: 100%; width: 130px; color: #666; background: #f8f8f8; text-indent: 36px; line-height: 45px; }
.filter .BrandList { }
.filter .BrandList li { width: 11.1111111111111%; float: left; }
.filter .BrandList li i { width: 133px; width:126px; height: 73px; display: block; margin: 0 auto; margin-left:-4px;}
.filter .BrandList li .icon_01 { background-position: 0 -672px; }
.filter .BrandList li .icon_02 { background-position: -143px -672px; }
.filter .BrandList li .icon_03 { background-position: -286px -672px; }
.filter .BrandList li .icon_04 { background-position: -429px -672px; }
.filter .BrandList li .icon_05 { background-position: -572px -672px; }
.filter .BrandList li .icon_06 { background-position: -715px -672px; }
.filter .BrandList li .icon_07 { background-position: 0 -757px; }
.filter .BrandList li .icon_08 { background-position: -143px -757px; }
.filter .BrandList li .icon_09 { background-position: -286px -757px; }
.filter .BrandList li .icon_10 { background-position: -429px -757px; }
.filter .BrandList li .icon_11 { background-position: -572px -757px; }
.filter .BrandList li .icon_12 { background-position: -715px -757px; }
.filter .BrandList li .icon_13 { background-position: 0 -842px; }
.filter .BrandList li .icon_14 { background-position: -143px -842px; }
.filter .BrandList li .icon_15 { background-position: -286px -842px; }
.filter .BrandList li .icon_16 { background-position: -429px -842px; }
.filter .BrandList li .icon_17 { background-position: -572px -842px; }
.filter .BrandList li a { border: 1px solid #ededed; border-color: #ededed #ededed #fff #fff; display: block; height: 75px; position: relative; overflow:hidden;}
.filter .BrandList li:nth-of-type(9n+9) a { border-bottom-color: #ededed; }
.filter .BrandList li .text { background: #fff; position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; line-height: 26px; padding: 11px 0 0 0; display: none; }
.filter .BrandList li a:hover, .filter .BrandList li.on a { border-color: #0eb2c8 }
.filter .BrandList li a:hover .text, .filter .BrandList li.on .text { display: block; color: #0eb2c8; }
.filter .typeList { line-height: 45px; }
.filter .typeList li { float: left; padding: 0 20px; font-size:13px;}
.filter .typeList li a { padding: 3px 5px; border-radius: 3px; color: #666; }
.filter .typeList li a:hover { background: #ddf5f8; }
.filter .typeList li.on a { color: #fff; background: #0eb2c8; }
.filter2 { background: #f7f7f7; border: 1px solid #e5e5e5; height: 47px; line-height: 45px; border-radius: 4px; overflow: hidden; margin-bottom: 10px; padding: 0 10px; position: relative; }
.filter2 .select { float: left; border: 1px solid #e6e6e6; border-width: 0 1px; padding: 0 10px; }
.filter2 .select.on { background: #0eb2c8; color: #fff; }
.filter2 .select:first-of-type { margin-left: 10px; }
.filter2 .select:last-of-type { border-left: none; }
.filter2 .page { }
.filter2 .page span { color: #000; }
.filter2 .page span i { color: #666; }
.filter2 .page .prev, .filter2 .page .next { padding: 4px 10px; border: 1px solid #d5d5d5; font-size: 15px; line-height: 46px; color: #000; border-radius: 3px; }
.filter2 .page .disabled { color: #d5d5d5; cursor: text; }
.filter2 form { width: 380px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -165px; background: #fff; border: 1px solid #ddd; line-height: 28px; border-radius: 30px; padding: 0 15px; }
.filter2 form .text { width: 100%; }
.filter2 form .btn { width: 30px; height: 30px; border-radius: 30px; position: absolute; right: 0; top: -1px; line-height: 30px; background: #d4d4d4; color: #fff; cursor: pointer; }
/*.proList { margin: 0 -4px 10px; }
.proList li { width: 33.3333333%; padding: 0 4px 8px; float: left; }
.proList li a { background: #fff; display: block; padding: 0 0 88px; position: relative; overflow: hidden; }
.proList li .hd { position: absolute; left: 0; bottom: 0; height: 88px; width: 100%; background: #277dfb; color: #fff; text-align: center; }
.proList li a .hd h2 { font-size: 24px; line-height: 45px; padding: 7px 0 0 0; }
.proList li a .hd p { }
.proList li a .hd p span { background: #277dfb; display: inline-block; padding: 0 10px; position: relative; }
.proList li a .hd p span:after, .proList li a .hd p span:before { content: ""; width: 200px; height: 1px; background: #7baffd; position: absolute; right: -200px; top: 50%; }
.proList li a .hd p span:after { right: inherit; left: -200px; }
.proList li a .bd { background: url(../img/proListBg.png) repeat-x; ; position: absolute; left: 0; bottom: -236px; height: 236px; width: 100%; padding: 132px 0 0 0; text-align: center; color: #fff; opacity: 0; }
.proList li a .bd span { display: inline-block; border: 1px solid #7baffd; min-width: 200px; margin-bottom: 4px; }
.proList li a:hover .hd { bottom: -88px; opacity: 0; }
.proList li a:hover .bd { bottom: 0; opacity: 1; }*/
.pages{ text-align:center; padding:10px 0 20px;}
.pages a{display:inline-block; border:1px solid #e6e6e6; padding:5px 15px; background:#fff; margin:0 2px; border-radius:4px;}
.pages a:hover{ background:#f1f1f1;}
.pages a.disabled{background: #0eb2c8; color:#fff; cursor:text; border-color:#0eb2c8;}

/*����*/
.proDetailNav{ height:40px; line-height:40px; background:#2b2a2c;}
.proDetailNav li.m{float:left; padding: 0 10px 0 0; color:#a1a1a1; position:relative; overflow:hidden;}
.proDetailNav li.m:last-of-type{color:#fff;}
.proDetailNav li.m h3 a{ color:#a1a1a1; display:block; float:left;font-size: 14px;}
.proDetailNav li.m h3 a i{font-size: 12px;}
.proDetailNav li.m h3 a:hover,.proDetailNav .m.on h3 a{color:#fff;}
.proDetailNav li.m a{ color:#a1a1a1}
.proDetailNav li.m a:hover{ color:#fff;}

.proDetailNav .sub{position:absolute;left: 50%;top: 100px;width: 120px;background: #fff;text-align: center;margin-left: -70px; border-radius:0 0 4px 4px; padding:10px 0; opacity:0;}
.proDetailNav .sub li{line-height:30px;}
.proDetailNav .sub li a{display:block;}
.proDetailNav .sub li a:hover{     background: #efefef;}
.proDetailNav .m.on{ overflow:visible;}
.proDetailNav .m.on .sub{ opacity:1; top:40px;}
.proDetailMainPic{ /*height:800px; */background:url(../img/001.gif) repeat-x #2f2f2f; background-size:auto 100%;}
/*���ӻ�*/
.proDetail_ksh{ background:#f3fbfe; padding:0 0 70px;}
.proDetail_ksh .top{ height:240px; text-align:center; padding:50px 0 0 0;}
.proDetail_ksh .top h2{font-size:46px; color:#141414;}
.proDetail_ksh .top p{ font-size:19px; color:#3d3d3d;}
.proDetail_ksh .center{ background:url(../img/003.jpg) no-repeat center center;}
.proDetail_ksh ul{}
.proDetail_ksh li{float:left; width:16.666666%; position:relative; padding:0 0 0 60px; font-size:16px; color:#000;}
.proDetail_ksh li span{ width:44px; height:44px; position:absolute; left:0; top:0;}
.proDetail_ksh li .icon_01{ background-position:-205px -491px;}
.proDetail_ksh li .icon_02{ background-position:-249px -491px;}
.proDetail_ksh li .icon_03{ background-position:-293px -491px;}
.proDetail_ksh li .icon_04{ background-position:-205px -535px;}
.proDetail_ksh li .icon_05{ background-position:-249px -535px;}
.proDetail_ksh li .icon_06{ background-position:-293px -535px;}
/*��Ҫ����*/
.proDetail_zygn{ background:url(../img/004.jpg) no-repeat center center; min-height:585px; text-align:center;}
.proDetail_zygn h2{height:227px;color: #000;font-size:46px;padding:75px 0 0 0;}
.proDetail_zygn .list{}
.proDetail_zygn .list p{width:16.6666666%;float:left;font-size: 16px;color: #000;}
.proDetail_zygn .list span{width:110px;height:132px;display:block;margin:0 auto;font-size: 24px;line-height:36px;padding:20px 0 0 0;color: #fff;}
.proDetail_zygn .list .t1 span{ background-position:-441px -51px;}
.proDetail_zygn .list .t2 span{ background-position:-441px -183px;}
.proDetail_zygn .list .t3 span{ background-position:-441px -315px;}
.proDetail_zygn .list .t4 span{ background-position:-551px -51px;}
.proDetail_zygn .list .t5 span{ background-position:-551px -183px;}
.proDetail_zygn .list .t6 span{ background-position:-551px -315px;}
/*Ӧ�ü�ֵ*/
.proDetail_yyjz{ background:url(../img/005.jpg) no-repeat center bottom #fff; min-height:1284px;}
.proDetail_yyjz img{display:block; margin:0 auto;}
.proDetail_yyjz .hd{height:232px; text-align:center;}
.proDetail_yyjz .hd h2{font-size:46px; color:#141414; padding:70px 0 0 0;}
.proDetail_yyjz .hd p{ font-size:19px; color:#3d3d3d;}
.proDetail_yyjz ul{ background:url(../img/005_03.png) no-repeat center 0; padding:80px 0 0 0;}
.proDetail_yyjz ul li{ text-align:center; float:left; width:14.28571%; position:relative; padding:110px 0 0 0; height:250px; color:#fff;}
.proDetail_yyjz ul li span{/*width:113px; height:110px;*/width:92px;height:92px;border-radius:92px;background-position: -227px -51px;position:absolute;left:50%;top:0;margin-left:-46px;box-shadow: 10px 10px 10px rgba(0, 85, 175, 0.56);}
.proDetail_yyjz ul li h2{ font-size:22px;}
.proDetail_yyjz ul li p{ font-size:15px; line-height:27px;}
.proDetail_yyjz ul li:nth-of-type(2) span{background-position: -340px -51px;}
.proDetail_yyjz ul li:nth-of-type(3) span{background-position: -227px -161px;}
.proDetail_yyjz ul li:nth-of-type(4) span{background-position: -340px -161px;}
.proDetail_yyjz ul li:nth-of-type(5) span{background-position: -226px -271px;}
.proDetail_yyjz ul li:nth-of-type(6) span{background-position: -341px -271px;}
.proDetail_yyjz ul li:nth-of-type(7) span{background-position: -226px -381px;}
/*���ݴ���*/
.proDetail_sjcs{ background:url(../img/006.gif) repeat-x #3884cc; min-height:934px; text-align:center; color:#fff; padding-bottom:30px;}
.proDetail_sjcs img{ display:block; margin:0 auto;}
.proDetail_sjcs h2{font-size:46px; padding:65px 0 0 0;}
.proDetail_sjcs p{ font-size:19px; padding:0 0 26px;}
/*��վ��ʽ*/
.proDetail_zzfs{ background:url(../img/007.jpg) no-repeat center center; min-height:909px;}
/*��Ʒ����*/
.proDetail_info{ background:#f6f7fb;}
.proDetail_info .top{ height:180px; text-align:center; color:#121212; padding:60px 0 0 0;}
.proDetail_info .top h2{ font-size:46px; line-height:63px;}
.proDetail_info .top p{ font-size:18px; line-height:35px;}
.proDetail_info dl{ padding:70px 0; position:relative; border-bottom:1px dashed #b1b1b2;}
.proDetail_info dl{ position:relative;}
.proDetail_info dd{ font-size:24px; color:#000; position:absolute; left:0; top:70px;}
.proDetail_info dd i{ width:35px; height:49px; background-position:-441px 0; float:left; margin:0 10px;}
.proDetail_info dl:last-of-type{border:none;}
.proDetail_info dt{ width:740px; float:right;min-height:200px;}
.proDetail_info dt img{}




.proDetail_info .canshu{ width:100%; padding:0px 0 0 0;}
.proDetail_info .canshu ul{ float:left; width:710px; padding:80px 0 0 10px;color:#67696e;}
.proDetail_info .canshu li{ position:relative; min-height:34px; padding:0 0 25px 140px;}
.proDetail_info .canshu li:last-of-type{padding-bottom:0;}
.proDetail_info .canshu li span{ font-size:16px; color:#1b5cff; text-align:center; border:1px solid #1b5cff; width:130px; height:34px; border-radius:34px; position:absolute; left:0; top:0;}
.proDetail_info .canshu li p{ padding:3px 0 0 0; }
.proDetail_info .canshu .imgBox{ float:right; width:570px;}
.proDetail_info .canshu img{ /*float:right; max-width:570px;*/ float: right;}
.proDetail_info .canshuText{}
.proDetail_info .canshuText li{/*zoom: 1; */line-height:36px;}
.proDetail_info .canshuText li:after { content: ""; display: block; clear: both; height: 0;font-size:19px; }
.proDetail_info .canshuText li span{float:left; width:150px;  color:#111}
.proDetail_info .canshuText li p{ width:590px; color:#333; float:left;}
.proDetail_info .canshuText em{font-size:12px; color:#777;}

@media (max-device-width: 1024px){
	.proDetail_info .canshu ul{width:610px;}
}