﻿@charset "UTF-8";
body{ background: url("../images/business_bg.jpg") top center no-repeat fixed; background-size:cover}
.fl,.fr{width:49%}
.textarea:focus-visible{ outline: none }
/*header部分*/

/*网页主体容器*/
.content_container{background-color: #fff;padding:25px;box-sizing: border-box;}

.content0,.content2,.content3,.content4{margin-bottom: 25px}
.content0 .tab-content a:hover,.content2 .tab-content a:hover,.content4 a:hover{color:#ab0000 !important;}
/*轮播图+右侧tab*/
.content0 .prev,.content0 .next{display: none}
.content0 >div:first-child{width:49%;height: 400px}
.content0 .fr{padding-top: 10px}
.content0 .tab-title .tab-item{margin-right: 50px}

/*两张图片链接*/
.content1 {width:100%;height:120px}
.content1 a{width: 100%;height: 85px;display: block;transition: all .2s; overflow: hidden }
.content1 a:hover{ border-radius: 5px; box-shadow: 0 0 10px 0 #7b7b7b; }
.content1 a img{width:100%}

/*左右两块tab*/
.more img{width:100%;padding: 15px 0 0 0;}
.content2 .tab-title{border-bottom: 1px solid #015293}
.content2 .tab-title >.active{background: #015293;}
.content2 .tab-title >.active a{color:#fff}
.content2 .tab-content>ul>li{background: url('../images/list-bg2.png') center left no-repeat}

/*营商环境指标*/
.index_title{width:100%;height: 50px}
.title_text{font-size: 1.3rem; display: inline-block; text-align: center;
    width: 20%;
    color: #015293;
    font-weight: bolder;
    box-sizing: border-box;}
.index_title >.fl ,.index_title >.fr{width: 40%}
.index_title >.fl >.fl ,.index_title >.fr >.fr {width:80%;height: 40px;background: url("../images/gm_pic08.gif") repeat-x center;}
.index_title >.fl >.fr ,.index_title >.fr >.fl {width:20%;height: 40px;background: url("../images/gm_pic09.jpg") repeat-x center;}
.index_list ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.index_list ul li {width:14.2%;text-align: center;}
.index_list .lotBox {width: 100%;}
.index_list >div:first-child{width: 95%;overflow: hidden;margin: 0 auto}
.lotBox li a{color:#fff}
.lotBox li a span{display: block;width: 100%;color: #000;font-size: 16px;margin: 15px auto;}
.lotBox i{display: block;width: 80px;height: 80px;background: #86b8df;padding: 15px;box-sizing: border-box;border-radius: 50%;margin: 0 auto;transition: all 1s}
.lotBox i:hover{background: #2972c2;transform: rotateY(360deg)}
.content3{border-bottom: 1px solid #ccc;padding-bottom: 8px}

/*左侧占位图片和右侧列表*/
.content4{ width:63%; }
.content4 img,
.content4 a{width: 100%}


/*留言和反馈按钮*/
.btn_left , .btn_right{ margin: 65px auto; }
.btn_left >div,.btn_right >div{width: 280px;height: 50px;margin: 0 auto;border-radius: 10px;box-shadow: 0 0 5px 5px #f0f0f0;padding-top: 8px;}
.btn_left >div:hover,.btn_right >div:hover{box-shadow: 0 0 10px 5px #e2e2e2;}
.btn_left a, .btn_right a{display: block;width: 120px;height: 40px;margin: 0 auto;padding-left: 43px;font-size: 27px;}
.btn_left a{background: url("../images/msg.png") left center no-repeat;background-size: contain;}
.btn_left a:hover{color:#ab0000;background: url("../images/msg_hover.png") left center no-repeat;background-size: contain;}

.btn_right a{background: url("../images/opinion.png") left center no-repeat;background-size: contain;}
.btn_right a:hover{color:#ab0000;background: url("../images/opinion_hover.png") left center no-repeat;background-size: contain;}

/*右侧意见建议*/
.content5{width:35%;height: 300px; border: 1px solid #ccc;border-top: none}
.content5 img{ width: 100%;  }
.content5 .textarea{display: block; width: 340px;height: 80px;margin: 25px auto;background: #efefef; padding: 10px 20px; color: #666;font-size: 14px; }
.content5 .textarea:hover{ cursor: text}
.submit{ display: block; width: 150px;height: 40px;margin: 20px auto;text-align: center;line-height: 40px;background: #2784c9;color: #fff; }

#Footer .fl,#Footer .fr{width: 105px}

/*友情链接*/
.column6{ background: #fff; padding-top: 20px;  }
.column6 .link-site{ background: #f2f2f2; }
.column6 .link-site a{ float: left; padding: 0 30px; line-height: 45px; }
.column6 .link-site a:hover{ color: red; }
.column6 .link-site a:first-child{ margin-left: 0; padding: 0 20px;background: var(--color); color: #fff; font-weight: bold; font-size: 17px; }
