@charset "utf-8";/* CSS Document */

/*---------------------------- header部分 ---------------------------------*/

.share{width:100%;}
.share-main{max-width:1200px;}
.share-left{width:200px;float:left;}
.share-right{width:940px;float:right;}
.share-left-box{width: 100%;border-top: 1px solid #e6e6e6;margin-top: 50px;}
.share-left-box ul{line-height:50px;}
.share-left-box ul li{border-bottom:1px solid #e6e6e6; font-size:14px;}
.share-left-box ul li a{color:#222; display:block;}
.share-left-box ul li a:hover{color:#0664b4;}
.share-left-box ul li.on a{color:#0664b4;}
.share-left-box ul li a i{background:url(/public/images/common.png) no-repeat; width:16px; height:16px; display:inline-block; margin:0 12px 0 20px; vertical-align:-3px;}
.share-left-box ul li a i.t2{background-position:-29px 0; vertical-align:-5px}
.share-left-box ul li a i.t1,.share-left-box ul li a i.t6{background-position:-29px -24px;}
.share-left-box ul li a i.t4{background-position:-29px -57px;}
.share-left-box ul li a i.t5{background-position:-29px -86px;}
.share-left-box ul li a i.t3{background-position:-29px -116px;}
.share-left-box ul li a:hover i.t2{background-position:0px 0; vertical-align:-5px}
.share-left-box ul li a:hover i.t1,.share-left-box ul li a:hover i.t6{background-position:0px -24px;}
.share-left-box ul li a:hover i.t4{background-position:0px -57px;}
.share-left-box ul li a:hover i.t5{background-position:0px -86px;}
.share-left-box ul li a:hover i.t3{background-position:0px -116px;}
.share-left-box ul li.on a i.t2{background-position:0px 0; vertical-align:-5px}
.share-left-box ul li.on a i.t1,.share-left-box ul li.on a i.t6{background-position:0px -24px;}
.share-left-box ul li.on a i.t4{background-position:0px -57px;}
.share-left-box ul li.on a i.t5{background-position:0px -86px;}
.share-left-box ul li.on a i.t3{background-position:0px -116px;}
.green_bt{width: 100%;height: 88px;background: #0664b4;display: block;color: #fff;margin-top: 30px;transition: all 1s ease-in-out;}
.green_bt:hover{background:#018904;}
.blue_bt{width: 100%;height: 88px;background: #0664b4;display: block;color: #fff;margin-top: 30px;transition: all 1s ease-in-out;}
.blue_bt:hover{background:#06aeb4;}
.green_bt span{background:url(/public/images/common.png) no-repeat -59px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left;}
.green_bt p{float:left;line-height:20px;font-family:'微软雅黑';}
.green_bt p b{display:block;font-size:16px; margin:24px 0 2px 0;}
.blue_bt span{background:url(/public/images/common.png) no-repeat -105px 0; width:35px; height:35px; display:inline-block; margin:27px 12px 0 30px; vertical-align:-3px; float:left;}
.blue_bt p{float:left;line-height:20px;font-family:'微软雅黑';}
.blue_bt p b{display:block;font-size:16px; margin:24px 0 2px 0;}


.share-right-box{width:100%; margin:50px auto; clear:both; overflow:hidden; padding-bottom:50px; border-bottom:1px dotted #c0c2c3;}
.share-right-box .share-img{float:left; display:block; width:270px; height:180px;}
.share-right-box .share-img a{display:block; width:100%; height:100%;}
.share-right-box .share-text{width:620px; float:right; margin-right:25px; text-align:left; color:#666; font-size:14px; line-height:25px;font-family:'微软雅黑';}
.share-right-box .share-text .share-text1{margin-bottom:7px;height:100px;margin-top:10px;overflow:hidden;}
.share-right-box .share-text h3{height:30px;line-height:30px;width:100%;margin-bottom:5px;}
.share-right-box .share-text h3 a{font-size:24px;color:#222;font-weight:normal;}
.share-right-box .share-text h3 a:hover{color:#0664b4; text-decoration:none;}
.share-right-box .share-text a{color:#0664b4;}
.share-right-box .share-text a:hover{text-decoration:underline;}
.share-right-box .share-text .share-text2 span{float:right;}
.share-right-box .share-text .share-text1 a{float:left;}
.share-more a{background:#24b727; width:120px; height:35px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.share-more a:hover{background:#0664b4;color:#fff;}
.news_con_banner{width:100%; overflow:hidden; text-align:center; height:440px;}
.news_con_banner h1{font-size:36px; line-height:50px; color:#fff; margin-top:230px;}
.case_con_banner{width:100%; height:670px; text-align:center; overflow:hidden;}
.case_con_banner_con{width:100%; height:780px; text-align:center; overflow:hidden;}
.case_con_banner_big{width:100%; height:650px; text-align:center; overflow:hidden;}

.contentbox{padding-left:20px;}
.contentbox .titles{font:24px/50px '微软雅黑';color:#333;margin-top:40px;padding-bottom:5px;}
.contentbox .author{font-family:'微软雅黑';}
.contentbox .author span{margin-right:20px;color:#666;}
.contentbox .author i{font-style:normal;color:#666;}
.contentbox .contents{margin-top:30px;}
.contentbox .before{margin-top:30px;}
.contentbox .after{padding-bottom:20px}
.contentbox .before,.contentbox .after{font:14px/30px '微软雅黑';color:#333;}
.contentbox .before a,.contentbox .after a{text-decoration:underline;}
.contentbox .before a:hover,.contentbox .after a:hover{color:#0664b4;}

@media Screen and (max-width:1200px){

.share-main{width:100%;}
.share-right{width:78%;}
.share-right-box .share-text{width:60%;}

}

@media Screen and (max-width:1000px){

.share-left{width:100%;float:left;}
.share-right{width:100%;float:left;}
.share-left-box{border-top:0px solid #e6e6e6;}
.green_bt,.blue_bt{display:none;}
.share-left-box ul li{border-bottom: 0;display: block;float: left;width: 29%;margin: 5px 2%;}
.share-left-box ul li a{display: block;line-height: 39px;margin: 0;border-radius: 2px;border: 1px solid #dadada;}
.share-left-box ul li.on a,.share-left-box ul li a:hover{color:#fff;background:#0664b4;border: 1px solid #0664b4;}
.share-right-box .share-text{width:60%;}
}

@media Screen and (max-width:820px){
    .share-right-box .share-text{width:55%;}
}
@media Screen and (max-width:820px){
    .share-right-box .share-text{width:50%;}
}

@media Screen and (max-width:640px){
  
.share-right-box .share-img{float:none; display:block; width:90%; height:320px;margin:0px auto;}
.share-right-box .share-img a{display:block; width:100%; height:100%;}
.share-right-box .share-text{width:90%;padding-left:0px;margin:0px auto;float:none;margin-top:20px;}
.share-right-box .share-text .share-text1{margin-bottom:7px;height:auto;margin-top:10px;overflow:hidden;}
.share-left-box{margin-top:30px;}
.share-right-box{margin:30px auto;margin-top:40px;}
}

@media Screen and (max-width:480px){

.share-left-box ul li{width:46%;}
.share-right-box .share-img{height:240px;}
}

@media Screen and (max-width:400px){
.share-right-box .share-img{height:180px;}
}

@media Screen and (max-width:320px){
     
.share-left-box ul li a i{margin:0 10px 0 12px;}
.share-right-box .share-img{height:130px;}
    }