/* CSS Document */
.city-box{background-color:#F6F6F6; padding:0 5vw 3vw 5vw;}
.city-wz{ height:50px; line-height:50px; text-align:left; color:#333333;}
.city-wz a{color:#333333;}

.city-b{}
.city-b .left-menu{ float:left; width:130px; padding:20px 10px 20px 10px; background-color:#FFFFFF;}
.city-b .left-menu a{position:relative; display:block; text-align:center; line-height:40px; font-size:14px;}
.city-b .left-menu a:hover,
.city-b .left-menu .a_be{color:#FFFFFF; background-color:#D60000;}

.city-b .right-news{float:right; width:340px; padding:125px 0 0 0; background-image:url(../img/xzhfk.jpg); background-repeat:no-repeat; background-position:center top;}
.city-b .right-news .n-title{background-color:#D60000; padding:12px 0 12px 14px;}
.city-b .right-news .n-title p{height:20px; line-height:20px; font-size:16px; color:#FFFFFF; padding:0 0 0 15px; border-left:4px solid #FFFFFF;}
.city-b .right-news ul{ background-color:#FFFFFF; padding:18px 18px 20px 18px;}
.city-b .right-news ul li{height:45px; line-height:45px; overflow:hidden; border-bottom:1px dashed #dcdcdc;}
.city-b .right-news ul li span{color:#D60000;}
.city-b .right-news ul li a{font-size:13px;}

.city-b .right-news .youshi{ background-color:#FFFFFF; padding:18px 18px 20px 18px; font-size:13px; line-height:1.8em;}


/*Öмä*/
.city-b .center-div{float:left; margin-left:12px; width:70%; width:calc(100% - 515px); width:-webkit-calc(100% - 515px); width:-moz-calc(100% - 515px);}
.city-b .center-div .center-box{padding:30px; background-color:#FFFFFF;}
.city-b .center-div .center-box .c-title{ text-align:center; line-height:2em; font-size:2vw; font-weight:bold; padding:0 0 20px 0;}
.city-b .center-div .center-box h1{ text-align:center; line-height:2em; font-size:2vw; font-weight:bold; padding:0 0 20px 0;}
.city-b .center-div .center-box .c-jianjie{ line-height:2em; font-size:14px;}
.city-b .center-div .center-box .answer-ul{ line-height:1.8em; padding:10px 0 0 0;}
.city-b .center-div .center-box .answer-ul li{ padding:0 0 14px 0;}
.city-b .center-div .center-box .answer-ul li .li-title{ font-size:16px; color:#000000; font-weight:bold;}
.city-b .center-div .center-box .answer-ul li .li-jianjie{ font-size:14px;}
.city-b .center-div .center-box .city-ul{}
.city-b .center-div .center-box .city-ul li{}
.city-b .center-div .center-box .city-ul li a{ float:left; position:relative; display:block; font-size:14px; padding:0 14px 0 14px; margin:5px 10px 5px 0; height:30px; line-height:30px; border:1px solid #DDDDDD;}
.city-b .center-div .center-box .city-ul li a:first-child{ font-weight:bold;}

.city-b .center-div .center-box .server-ul{border-top:1px solid #eeeeee; border-left:1px solid #eeeeee;}
.city-b .center-div .center-box .server-ul li{ float:left; width:25%;}
.city-b .center-div .center-box .server-ul li .li-box{border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; text-align:center; padding:30px 0 30px 0;}
.city-b .center-div .center-box .server-ul li .li-box i{ font-size:5vw;}
.city-b .center-div .center-box .server-ul li .li-box h3{font-size:16px; line-height:2em;}


.city-b .center-div .center-box .case-ul{}
.city-b .center-div .center-box .case-ul li{ padding:10px 0 10px 0; border-bottom:1px solid #eeeeee;}
.city-b .center-div .center-box .case-ul li .case-img{ float:left; width:224px; padding:5px; border:1px solid #eeeeee;}
.city-b .center-div .center-box .case-ul li .case-img img{width:100%; display:block;}
.city-b .center-div .center-box .case-ul li .case-right{float:right; margin:15px 0 0 0; width:72%; width:calc(100% - 260px); width:-webkit-calc(100% - 260px); width:-moz-calc(100% - 260px);}
.city-b .center-div .center-box .case-ul li .case-right .case-title{ font-size:20px;}
.city-b .center-div .center-box .case-ul li .case-right .case-jianjie{padding:10px 0 0 0; font-size:14px; line-height:1.8em; color:#888888;}
.city-b .center-div .center-box .case-more{ padding:10px 0 10px 0;}
.city-b .center-div .center-box .case-more a{ position:relative; display:block; width:100%; font-size:16px;}
.city-b .center-div .center-box .case-more a:hover{color:#FFFFFF;}


.hei12{height:12px; line-height:12px;}




@media screen and (max-width:1100px){
	.city-box{padding:0 10px 3vw 10px;}
	.city-b .center-div .center-box .server-ul li{ width:50%;}
}

@media screen and (max-width:900px){
	.city-b .left-menu{ width:100%;}
	.city-b .left-menu a{ float:left; padding:8px 15px 8px 15px; border:1px solid #eeeeee; margin:8px 8px 8px 8px;}
	
	.city-b .center-div{ margin:0 0 0 0; width:100%;}
	.city-b .center-div .center-box .c-title{ font-size:18px;}
	
	.city-b .right-news{ width:100%;}
	
	.city-b .center-div .center-box{padding:15px;}
}

@media screen and (max-width:600px){
	.city-b .center-div .center-box .case-ul li .case-img{ width:100%;}
.city-b .center-div .center-box .case-ul li .case-right{ width:100%;}
}