@charset "gb2312";
/* CSS Document */
@import url(/css/public.cssv);
body { background: #f8f8f8; }
.caseWrap { padding: 15px 0 80px; }
.caseWrap a { text-decoration: none; }
.hidden { display: none !important; }
.caseSideBar {width: 300px;float: right;background: #fff;}
.caseSideSearch{position:relative;background: #f8f8f8;padding-bottom: 14px;}
.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: #373d41;position: relative;line-height: 70px;height: 70px;border-bottom: 1px solid #f0f0f0;}
.caseSideTitle span { font-size: 12px; color: #999; font-weight: normal; }
.caseSideTitle a{float: right;font-size: 14px;color: #1bb8ce;}
.caseSideItemBox {border-bottom: 10px solid #f8f8f8;/* margin-bottom: 25px; */padding: 0 20px;}
.caseSide_01 {padding: 15px 0 25px;margin: 0 -10px;}
.caseSide_01 li {width: 50%;float: left;margin: 10px 0;padding: 0 10px;}
.caseSide_01 li a {display: block;padding: 0 0 0 0px;position: relative;line-height: 32px;color: #555;border: 1px solid #eee;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_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: 16px; 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: 25px 0 0 0;}
.caseSide_tabNews .hd{ border-bottom: 1px solid #f0f0f0;}
.caseSide_tabNews .hd ul{}
.caseSide_tabNews .hd li{ width: 33.33333%; float: left;}
.caseSide_tabNews .hd a{ font-size: 14px; color: #666; text-align: center; display: block;}
.caseSide_tabNews .hd li.on a{ background: #1bb8ce; color: #fff;}
.caseSide_tabNews .bd{padding: 10px 0;text-align: right;}
.caseSide_tabNews .bd li{padding: 12px 0;text-align: left;}
.caseSide_tabNews .bd li a{display: block;}
.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: #4f4f50; height: 54px; overflow:hidden;}
.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: 990px; 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 {float: left;padding: 0 27px 0 0;}
.caseLeftTab li a {font-size: 14px;color: #303031;text-align: center;line-height: 30px;border: 2px solid rgb(248, 248, 248);display: block;padding: 0 12px;border-radius: 4px;position: relative;}
.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;}
.case_list li {padding: 20px 0;border-top: 1px solid #e5e5e5;/* border-left: 15px solid #fff; *//* border-right: 15px solid #fff; */margin: -1px 15px 0;}
.case_list .pic { float: left; width: 320px; height: 180px; margin-right: 20px; background-position: center center; background-size: cover; }
.case_list .right { width: 480px; float: left; }
.case_list h2 {font-size: 24px;line-height: 1;color: #333;color: #000;padding: 10px 0 0px;margin-bottom: 14px;}
.case_list .tag {line-height: 1;overflow: hidden;font-size: 14px;margin-bottom: 20px;margin-left: -5px;}
.case_list .tag a {color: #666;/* 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: 24px; color: #87898d;    color: #444; overflow: hidden; max-height: 48px; }
.case_list .time { }
.case_list .time { line-height: 25px; font-size: 14px; color: #aab2bd; margin-top: 20px; }
.case_list .time i { padding: 0 5px 0 10px; font-size: 22px; line-height: 27px; display: inline-block; vertical-align: bottom; }
.case_list .arrow { display: block; width: 32px; height: 32px; line-height: 32px; border: 1px solid #bfbfbf; border-radius: 32px; color: #bfbfbf; font-size: 12px; padding: 0; position: initial; float: left; text-align: center; margin: 74px 0 0 65px; }
.case_list li:hover{padding-left: 40px;background: #fcfcfc;border-color: #fcfcfc;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: #f8f8f8;}
.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: 50px;}
.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: 24px;color:#333;height:32px;margin: 0;line-height: 1;}
.case_DetailHd .tag{float: left;overflow: hidden;line-height: 1;font-size: 12px;padding-top: 4px;}
.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: #333;}
.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 dashed #e5e5e5;padding: 22px 0 22px 14px;border-width: 1px 0;margin-bottom: 45px;}
.case_DetaiPage li{float: left;width: 340px;margin: 0 12px;/* background: #000; */position: relative;}
.case_DetaiPage li:last-of-type{ width: 130px;}
.case_DetaiPage li a{
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 38px;
}
.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: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: 60px;font-size: 12px;color: #666;/* padding: 10px 0 0 0; *//* margin-left: -10px!important; */}
.BreadCrumbs a { float: left; padding: 0 15px 0 10px; background: url(../img/cp_dot.png) no-repeat right center; color: #666; text-decoration: none; }
.BreadCrumbs a:hover {color: #4fc2d5;}
.BreadCrumbs a:first-of-type { padding-left: 0; }

.BreadCrumbs span { float: left; padding-left: 10px; }

@media (max-device-width: 1024px){
	.caseLeft{width:870px; overflow: hidden;}
	.case_list .right{width:370px;}
	.case_DetaiPage li{width:270px;}
}