@charset "utf-8";
/* CSS Document */
@import url(/css/public.css?180716001);
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: 60px; line-height: 60px; 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 .wphcenter { width: 380px; height: 40px;font-size:1.8em;color:#00b8b8; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -165px;line-height: 28px;  padding: 0 15px; }
.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:#41BCD1;}
.proDetailNav li.m{float:left; padding: 0 10px 0 0; color:#F3F3F3; position:relative; overflow:hidden;}
.proDetailNav li.m:last-of-type{color:#fff;}
.proDetailNav li.m h3 a{ color:#F3F3F3; 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:#F5F5F5;}
.proDetailNav li.m a:hover{ color:#fff;}

.proDetailNav .sub{position:absolute;left: 50%;top: 100px;width: 120px;z-index:999;background: #41BCD1;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-color:#fff; 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;}
.product-body {width:95%;margin:0 auto;background-color:#fff;margin:20px;}
.product-title {font-size:2em;text-align:left;padding-top:40px;}
.product-jianjie {padding:5px;border:1px solid #D5ECE7;border-radius:4px;
-moz-border-radius:4px; /* Old Firefox */}
.BrandList li {background:no-repeat center center;}

.newTopSearch {border-top:4px solid #00b8b8;margin-bottom:20px;}
.newTopSearch form { width: 650px; margin: 0 auto; padding: 92px 0 0 0; }
.newTopSearch .hd { height: 40px; background: #fff; border-radius: 3px; position: relative; }
.newTopSearch .hd .text { line-height: 40px; padding: 0 70px 0 15px; color: #75787d; width: 100%; border: none; background: none; }
.newTopSearch .hd .btn { width: 60px; position: absolute; right: 0; top: 0; line-height: 40px; background: none; cursor: pointer; color: #75787d; font-size: 20px; }
.newTopSearch .bd { }
.newTopSearch .bd a { font-size: 14px; color: #fff; display: inline-block; margin-right: 15px; line-height: 40px; }
.caseWrap { padding: 15px 0 80px; }
.caseWrap a { text-decoration: none; }
.hidden { display: none !important; }
.caseSideBar { width: 29%; float: right; background: #fff; }
.caseSideSearch { position: relative; padding-bottom: 20px; margin-top: 10px; }
.caseSideSearch .text { border: 1px solid #dcdcdc; line-height: 40px; height: 40px; padding: 0 50px 0 20px; border-radius: 40px; width: 100%; background: none;/* font-size: 14px; */ }
.caseSideSearch .btn { position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; text-align: center; cursor: pointer; width: 50px; background: none; color: #d6d8d8; }
.caseSideTitle { font-size: 18px; color: #404243; position: relative; line-height: 70px; height: 70px; border-bottom: 1px solid #e9e9e9; }
.caseSideTitle span { font-size: 12px; color: #999; font-weight: normal; }
.caseSideTitle a { float: right; font-size: 14px; color: #1bb8ce; }
.caseSideItemBox { border-bottom: 10px solid rgb(255, 255, 255);/* margin-bottom: 25px; */ padding: 0 20px; background: #f9fafa; }
.caseSide_01 { padding: 15px 0 25px; margin: 0 -10px; }
.caseSide_01 li { width: 50%; float: left; mar;
margin: 6px 0; padding: 0 10px; }
.caseSide_01 li a { display: block; padding: 0 0 0 0px; position: relative; line-height: 28px; color: #404243; border: 1px solid #e9e9e9; border-radius: 30px; text-align: center; font-size: 14px; }
.caseSide_01 li i { width: 20px; height: 20px; background: url(../img/001_01.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.caseSide_01 li a:hover { color: #1bb8ce; border-color: #1bb8ce; }
.caseSide_01 li .on { color: #1bb8ce; border-color: #1bb8ce; }
.caseSide_02 { padding: 18px 0 20px; margin: 0 -4px; }
.caseSide_02 li {/* padding: 4px 0px; */ float: left;/* margin: 0 4px; */ background: #f7f7f7; width: 50%; text-align: center; }
.caseSide_02 li:nth-of-type(4n+3), .caseSide_02 li:nth-of-type(4n+4) { background: #fdfdfd; }
.caseSide_02 li a {/* display:block; */ font-size: 13px; line-height: 50px;/* border: 1px solid #4fc2d5; *//* background:#4074e1; */ color: #3c4048; border-radius: 30px;/* padding: 0 20px; *//* float: left; */ display: inline-block; }
.caseSide_02 li a:hover {/* background: #4fc2d5; */ color: #4fc2d5; }
.caseSide_03 { padding: 10px 0 10px 12px; margin-left: -20px; margin: 0 0 0 -20px; }
.caseSide_03 li { float: left; width: 25%; line-height: 20px; margin: 20px 0; position: relative; text-align: center; }
.caseSide_03 li a { color: #555; font-size: 14px; }
.caseSide_03 li a:hover { color: #4074e1; }
.caseSide_03 li:before { content: ''; height: 16px; width: 1px; background: #ececec; position: absolute; left: 0; top: 2px; }
.caseSide_03 li:nth-of-type(4N+1):before { background: none; }
.caseSide_04 { padding: 20px 12px 30px 12px; margin: 0; }
.caseSide_04 li { padding: 9px 0; }
.caseSide_04 li a { display: block; line-height: 50px; border: 1px solid #4074e1; color: #4074e1; font-size: 18px; text-align: center; border-radius: 4px; }
.caseSide_04 li a:hover { background: #4074e1; color: #fff; }
.caseSide_05 { padding: 0; margin: 0; }
.caseSide_05 li {/* margin: 0 0 0 60px; */ padding: 17px 0 17px 50px; position: relative; border-bottom: 1px dashed #ccc; }
.caseSide_05 li:last-of-type { border: none; }
.caseSide_05 .QRbox { background: url(../img/002_05.png) no-repeat; width: 30px; height: 30px; float: right; margin-top: 10px; cursor: pointer; }
.caseSide_05 .QRcon { width: 180px; height: 180px; position: absolute; right: 30px; top: 50%; margin-top: -105px; border-radius: 3px; overflow: hidden; box-shadow: 0px 0px 10px 0px rgb( 100, 100, 100 ); z-index: 2; display: none; }
.caseSide_05 .QRbox:hover .QRcon { display: block; }
.caseSide_05 .icon { position: absolute; left: 0; top: 50%; margin-top: -20px; }
.caseSide_05 h2 { font-size: 16px; color: #333; line-height: 30px; margin: 0; }
.caseSide_05 p { font-size: 12px; color: #999; line-height: 20px; }
.caseSide_06 { padding: 10px 0; }
.caseSide_06 li { padding: 15px 0; }
.caseSide_06 li a { display: block; }
.caseSide_06 li .img { float: left; width: 138px; height: 106px; margin-right: 20px; border-radius: 5px; background-position: center center; background-size: cover; }
.caseSide_06 li a h2 { font-size: 13px; color: #333; line-height: 20px; height: 50px; }
.caseSide_06 li a p { font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; color: #bfbfbf; width: 98px; margin: 9px 0; }
.caseSide_06 li a:hover p { color: #1cb8cf; }
.caseSide_06 li a:hover h2 { font-weight: bold; color: #1cb8cf; }
.caseSide_06 li a span { line-height: 30px; background: #1cb8cf; display: inline-block; font-size: 12px; text-align: center; color: #ffffff; border-radius: 30px; width: 98px;/* margin-top: 5px; */ }
.caseSide_07 { }
.caseSide_07 ul { }
.caseSide_07 li { padding: 4px 0; }
.caseSide_07 li a { font-size: 13px; line-height: 2; display: block; position: relative; padding: 0 0 0 10px; color: #4f4f50; }
.caseSide_07 li a:hover { color: #1cb8cf; /*font-weight: bold;*/ }
.caseSide_07 li a:before { width: 4px; height: 4px; border-radius: 4px; background: #4f4f50; position: absolute; left: 0; top: 50%; margin-top: -2px; content: ''; }
.caseSide_07 li a:hover:before { background: #1cb8cf }
#caseSide_anli .prev { position: absolute; right: 15px; top: 0; height: 70px; line-height: 70px; color: #d1d1d1; cursor: pointer; }
#caseSide_anli .prev:hover { color: #1cb8cf; }
#caseSide_anli { position: relative; }
.caseSide_txfa { padding: 20px 0 10px; }
.caseSide_txfa li { padding: 0 0 24px; }
.caseSide_txfa li a { display: block; }
.caseSide_txfa li img { width: 100%; height: 97px; }
.caseSide_txfa li a p { text-align: center; font-size: 16px; line-height: 30px; color: #4f4f50; background: #ebebeb; }
.caseSide_txfa li a:hover p { background: #5fcad9; color: #fff; }
.caseSide_tjsb { padding: 15px 0 0px; }
.caseSide_tjsb li { padding: 0 0 5px; }
.caseSide_tjsb li a { display: block; }
.caseSide_tjsb li img { width: 100%; height: 190px; }
.caseSide_tjsb li a p { font-size: 15px; line-height: 40px; color: #4f4f50; }
.caseSide_tjsb li a:hover p { color: #5fcad9; }
.caseSide_hotQA { padding: 6px 0; }
.caseSide_hotQA li { border-bottom: 1px solid #cfcfcf; padding: 14px 0; }
.caseSide_hotQA li:last-of-type { border: none; }
.caseSide_hotQA a { display: block; }
.caseSide_hotQA a h3 { font-size: 15px; color: #4f4f50; line-height: 1; padding: 6px 0; }
.caseSide_hotQA a p { font-size: 12px; color: #bfbfbf; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.caseSide_hotQA a:hover h3 { font-weight: bold; color: #1bb8ce; }
.caseSide_weixin { padding: 30px 0 35px; }
.caseSide_weixin img { display: block; margin: 0 auto; border: 1px solid #cacaca; border-radius: 10px; padding: 9px; }
.caseSide_tabNews { padding: 15px 0 0 0; }
.caseSide_tabNews .hd {/* border-bottom: 1px solid #f0f0f0; */ }
.caseSide_tabNews .hd ul { margin: 0 -5px; overflow: hidden; }
.caseSide_tabNews .hd li { width: 33.33333%; float: left; padding: 0 5px;/* border-left: 1px solid rgb(102, 102, 102); */ position: relative; }
.caseSide_tabNews .hd li:before { content: ''; width: 1px; height: 15px; background: #666; position: absolute; left: -1px; top: 9px; }
.caseSide_tabNews .hd a { font-size: 14px; color: #666; text-align: center; display: block; border: 1px solid rgb(249, 250, 250); border-radius: 30px; }
.caseSide_tabNews .hd li.on a {/* background: #1bb8ce; */ color: rgb(27, 184, 206); border-color: rgb(27, 184, 206); }
.caseSide_tabNews .bd { padding: 10px 0; text-align: right; }
.caseSide_tabNews .bd li { padding: 0 0 0 10px; text-align: left; }
.caseSide_tabNews .bd li a { display: block; line-height: 36px;color:#666; }
.caseSide_tabNews .bd li a:hover{ color: #1bb8ce; }
.caseSide_tabNews .bd li .pic { float: left; width: 110px; height: 75px; margin-right: 10px; background-position: center center; background-size: cover; }
.caseSide_tabNews .bd li a h2 { font-size: 13px;/* line-height: 18px; */ color: #727577;/* height: 54px; */ overflow: hidden; }
.caseSide_tabNews .bd li a span { float: left; margin-left: -10px; width: 20px;padding-top:-20px; /* display: block; */ }
.caseSide_tabNews .bd li a .time { font-size: 12px; color: #aab2bd; line-height: 1; padding-top: 8px; }
.caseSide_tabNews .bd li a:hover h2 { color: #1bb8ce; font-weight: bold; }
.caseSide_tabNews .bd .more { font-size: 12px; line-height: 25px; color: #1bb8ce; display: inline-block; }
.caseLeft { width: 70%; float: left; min-height: 500px; background: #fff; }
.caseLeftTab {/* background: #f8f8f8; */ }
.caseLeftTab ul { padding: 0 0 20px;/* border-bottom: 1px dashed #e8e8e8; */ margin: 0; }
.caseLeftTab li { width:120px;margin:5px;overflow:hidden;}
.caseLeftTab li a { font-size: 14px; }
.caseLeftTab li a:before { content: ''; background: #4fc2d5; width: 10px; height: 10px; position: absolute; left: 50%; bottom: -6px; margin-left: -7px; display: none; transform: rotate(45deg); }
.caseLeftTab li a:hover { color: #4fc2d5; }
.caseLeftTab li.on a { color: #fff; border-color: #4fc2d5; background: #4fc2d5; }
.caseLeftTab li.on a:before { display: block; }
.case_list { overflow: hidden;padding-left:10px; border-bottom: 1px solid rgb(229, 229, 229); }
.case_list li { padding: 20px 0; border-top: 1px solid rgb(229, 229, 229);/* border-left: 15px solid #fff; *//* border-right: 15px solid #fff; */ margin: 0 0px 0; }
.case_list .pic { float: left; width: 247px; height: 154px; margin-right: 20px; background-position: center center; background-size: cover; }
.case_list .right { width: 690px; float: left; }
.case_list h2 {font-size: 20px;line-height: 1;color: rgb(36, 37, 38);padding: 10px 0 0px;margin-bottom: 14px;font-weight: bold;}
.case_list .tag { line-height: 25px; overflow: hidden; font-size: 14px;/* margin-left: -5px; */ margin-top: 23px; float: left; color: rgb(170, 178, 189); }
.case_list .tag i { font-size: 24px; color: rgb(170, 178, 189); }
.case_list .tag a { color: rgb(170, 178, 189);/* border-left: 1px solid #aab2bd; *//* float: left; *//* line-height: 14px; */ padding: 0 5px 0 5px;/* margin-left: -6px; */ display: inline-block; }
.case_list .info {font-size: 14px;line-height: 25px;color: rgb(68, 68, 68);height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case_list .time {}
.case_list .time { line-height: 25px; font-size: 14px; color: rgb(170, 178, 189); margin-top: 23px;padding-right:5px; float: right; }
.case_list .time i { padding: 0 5px 0 10px; font-size: 22px; line-height: 27px; display: inline-block; vertical-align: bottom; color: #ccc; }
.case_list li:hover { border-color: rgb(229, 229, 229); margin-left: 0; margin-right: 0; }
.case_list li:hover .arrow { border-color: #575757; color: #000; }
.case_list li:hover h2 { color: #1bb8ce; }
.pages { text-align: center; padding: 35px 0 60px; background: rgb(255, 255, 255); }
.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;/* color: #1bb8ce; */ }
.pages a.disabled { background: #1bb8ce; color: #fff; cursor: text; border-color: #1bb8ce; }
.case_Detail {/* padding: 0 40px; */ }
.case_DetailHd { padding: 0 0 20px; margin-top: 40px; }
.case_DetailHd .date { width: 44px; height: 47px; border: 1px solid #1bb8ce; text-align: center; background: #f9fafe; font-size: 18px; line-height: 24px; color: #1bb8ce; float: left; margin-right: 15px; }
.case_DetailHd .date .MM { font-size: 14px; line-height: 22px; color: #fff; background: #1bb8ce; display: block; }
.case_DetailHd h1 { font-size: 18px; color: #333; margin: 0;}
.case_DetailHd .tag { float: left; overflow: hidden; line-height: 1; font-size: 12px; padding-top: 4px; color: rgb(158, 166, 179); }
.case_DetailHd .tag i { font-size: 24px; color: rgb(204, 204, 204); }
.case_DetailHd .tag a { color: #333; border-left: 1px solid #aab2bd; float: left;/* line-height: 14px; */ padding: 0 11px 0 5px; margin-left: -6px; }
.case_DetailHd .time { float: right; font-size: 14px; line-height: 20px; color: #9ea6b3; }
.case_DetailHd .time i { padding: 0 0px 0 10px;/* font-size: 22px; */ line-height: 20px; display: inline-block; vertical-align: bottom; }
.case_DetaiBd { font-size: 15px; line-height: 32px; padding: 0px 0 30px; color: #666; text-indent: 30px; }
.case_DetaiBd p { /*text-indent: 32px;*/ padding: 8px 0; }
.case_DetaiBd img { display: block; margin: 0 auto; padding: 5px 0; border-radius: 10px; }
.case_DetaiPage { border: 1px solid #e2e2e2; padding: 11px 0 11px 0px; border-width: 1px 0; margin-bottom: 40px; }
.case_DetaiPage li { float: left; width: 50%; margin: 0 12px;/* background: #000; */ position: relative; margin: 0; }
.case_DetaiPage li:last-of-type {/* width: 130px; */ float: right; text-align: right; }
.case_DetaiPage li a { display: block; height: 28px; line-height: 28px; padding: 0;/* padding: 0 0 0 50px; */ }
.case_DetaiPage li a i { /* display: inline-block; */ /* float: left; */ width: 28px; height: 28px; border: 1px solid #b3b5b5; border-radius: 28px; line-height: 28px; text-align: center; font-size: 13px; color: #b3b5b5; position: absolute; left: 0; top: 0; }
.case_DetaiPage li a span { display: inline-block; width: 55px; margin-left: -50px; float: left; }
.case_DetaiPage li a:hover { font-weight: bold; color: #1bb8ce; }
.case_DetaiPage li a:hover i { color: #1bb8ce; border-color: #1bb8ce; }
.loaDmore { text-align: center; margin-top: 30px; }
.loaDmore a { border: 1px solid #ddd; border-radius: 4px; display: inline-block; font-size: 15px; line-height: 30px; background: #fff; padding: 0 10px; color: #333; }
.loaDmore a span { color: #ddd; padding: 0 0 0 5px; font-size: 14px; }
.loaDmore a:hover { color: #fff; background: #4276e1; }
.loaDmore a:hover span { color: #fff; }
.loaDmore a.disabled, .loaDmore a.disabled span { color: #ddd !important; border-color: #ddd !important; background: #fff !important }
.BreadCrumbs { line-height: 50px; font-size: 12px; color: rgb(158, 166, 179);/* padding: 10px 0 0 0; *//* margin-left: -10px!important; */ border-bottom: 1px dashed #e4e4e4; }
.BreadCrumbs a { float: left; padding: 0 15px 0 10px; background: url(images/cp_dot2.png) no-repeat right center; color: rgb(158, 166, 179); text-decoration: none; }
.BreadCrumbs a:hover { color: #4fc2d5; }
.BreadCrumbs a:first-of-type { padding-left: 0; }
.BreadCrumbs span { float: left; padding-left: 10px; }
/*相关推荐*/
.xgtj_list { }
.xgtj_list .hd { line-height: 50px; border-bottom: 1px dashed #e6e6e6; }
.xgtj_list .hd h4 { font-size: 22px; float: left; color: #000; }
.xgtj_list .hd a { float: right; color: rgb(0, 184, 184); font-size: 16px; }
.xgtj_list ul { margin: 0 -20px; }
.xgtj_list li { width: 25%; float: left; padding: 15px 20px 20px; }
.xgtj_list li a { }
.xgtj_list li a .pic { height: 140px; background-position: center center; background-size: cover; }
.xgtj_list li a p { font-size: 14px; line-height: 20px; color: #999999; padding: 10px 0 0 0; }
.xgtj_list li a:hover p { color: rgb(0, 184, 184); }
.QA_list { border-bottom: 1px solid rgb(241, 241, 241); }
.QA_list li { border-top: 1px solid #f1f1f1; padding: 25px 0; }
.QA_list li a h2 { line-height: 1; font-size: 16px; color: #444444; font-weight: bold; }
.QA_list li a:hover h2 { color: rgb(28, 184, 207); }
.QA_list li .tag { padding-bottom: 5px; line-height: 35px; color: rgb(158, 158, 158); }
.QA_list li .tag i { display: inline-block; /* color: #9e9e9e; */ font-size: 24px; margin-right: 5px; }
.QA_list li .tag a { font-size: 14px; color: #9e9e9e; }
.QA_list li .tag a:hover { color: rgb(28, 184, 207); }
.QA_list li .info a { color: rgb(28, 184, 207); }
.QA_list li .info { font-size: 14px; line-height: 26px; color: #666; }
.QA_list li .bd { padding: 6px 0 14px 0; line-height: 30px; font-size: 12px; color: #9e9e9e; }
.QA_list li .bd span { padding: 0 20px 0 0; }
.QA_list li .bd span a { }
.QA_list li .ba span i { }
.QA_list li .textBox { background: #f7f8fa; padding: 24px 30px 0; }
.QASideBar { }
.QASideBar .caseSideItemBox { border: 1px solid #f1f1f1;/* margin-bottom: 25px; */ padding: 0 20px; background: none; margin-bottom: 10px; }
.QASideBar .caseSideTitle { font-size: 20px; color: #404243; position: relative; line-height: 60px; height: 60px; border-bottom: 1px solid #e9e9e9; }
.QASideBar .caseSideTitle span { font-size: 12px; color: #999; font-weight: normal; }
.QASideBar .caseSideTitle a { float: right; font-size: 14px; color: #1bb8ce; }
.QASideBar .caseSide_hotQA { padding: 6px 0; }
.QASideBar .caseSide_hotQA li { border-bottom: 1px dashed #eee; padding: 14px 0; }
.QASideBar .caseSide_hotQA li:last-of-type { border: none; }
.QASideBar .caseSide_hotQA a { display: block; }
.QASideBar .caseSide_hotQA a h3 { font-size: 16px; color: #242424; line-height: 1; padding: 6px 0; }
.QASideBar .caseSide_hotQA a p { font-size: 12px; color: #727577; lin;line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.QASideBar .caseSide_hotQA a:hover h3 { font-weight: bold; color: #1bb8ce; }
.case_DetailHd .bd { padding: 6px 0 14px 0; line-height: 30px; font-size: 14px; color: #9e9e9e; float: right; }
.case_DetailHd .bd span { padding: 0 0 0 20px; }
.case_DetailHd .bd span a { }
.case_DetailHd .ba span i { }
.searchNoWrap { padding: 45px 0 0 0; }
.searchNoWrap .hd { height: 210px; background: #eee; text-align: center; line-height: 210px; font-size: 20px; color: #a1a7a9; }
.searchNoWrap .hd i { display: inline-block; border: 1px solid #a1a7a9; height: 33px; line-height: 33px; width: 33px; border-radius: 33px; font-size: 23px; margin-right: 10px; }
.searchNoWrap .hd span { color: #00b6b6; }
.searchNoWrap .bd { padding: 30px 0 200px; }
.searchNoWrap .bd a { display: block; margin: 0 auto; width: 130px; line-height: 36px; border: 1px solid #00b6b6; text-align: center; border-radius: 5px; font-size: 16px; color: #75787d; }
.searchNoWrap .bd a:hover { background: rgb(0, 182, 182); color: #fff; }
.search_list {margin-top: 45px;background: #eee;padding: 18px 30px;}
.search_list li { }
.search_list li a {font-size: 14px;color: #444;line-height: 42px;padding: 0 0 0 15px;position: relative;}
.search_list li a:hover {
    color: rgb(127, 139, 164);
}
.search_list li a:before {content:'';width: 5px;height: 5px;background: #7f8ba4;position: absolute;left: 0;top: 50%;margin-top: -2px;border-radius: 5px;}
.prodcut-content {text-align:left;padding:20px;font-size:1.8em;}