@charset "UTF-8";
/*------------// Overall //------------------*/
body{font:12px/140% '微软雅黑',Arial,"宋体",Helvetica, sans-serif,Verdana;color:#5a5a5a; margin:0; background:#FFF; }
html,body{-webkit-text-size-adjust:none;}
table,td{font:12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#d8d0d0;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 }
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}
.overz{ overflow:auto; zoom:1; overflow-x:hidden; overflow-y:hidden;}
.mn_12{ margin-bottom:12px;}
.warp{width:1200px;margin: 0px auto;}  /*所有内容居中*/
.clear{clear: both;}
/*a:hover{
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
}*/
body{}
.indexbody{background: none;}
.t_center {text-align: center;}
/*导航*/
.option{border-bottom: 1px solid #ccc;margin-bottom: 24px;line-height: 55px;display: block;}
.option a{color: #333;}
.option a:hover{color: #005292;}
.nav_title{display: -webkit-inline-box;margin:20px 0;}
.nav_title .etitle{font-family: 微软雅黑;font-size: 70px;line-height:54px;color: rgb(175, 145, 59);display:table-cell;font-weight: bolder;}
.nav_title .title{vertical-align: middle;margin-left: 5px; border-bottom: 1px solid #af913b;line-height: 25px;text-align: center;padding: 0 25px;color: rgb(67, 67, 67);}
.nav_title .title b{display: block;font-size:24px;}
.nav_title .title font{display: block;font-size: 14px;text-transform: uppercase;}


/*菜单*/
.slogo{color: #fff;line-height:55px;text-align: left;display: table-cell;}
.oa{
	cursor: pointer;
	display: table-cell;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    font-size: 17px;
    width: 75px;
}
.top {width: 100%;z-index: 10;}
.oa:hover{background: rgba(255,255,255,0.2);}
.head{height: 50px;background:url(img/nr_c58p.png) no-repeat;margin: 10px 0px 320px 0px;}
.head .menu{height: 50px;}
.head .menu .logo{width:293px;text-align: left;}
.head .menu li:first-child{
    border-left: 1px solid #eeeeee
}
.head .menu li{float: left;width:12.5%;text-align: center;line-height: 30px;border-right: 1px solid #eeeeee}
.head .menu li a{color: black;display:block;padding: 10px 15%;}
.head .menu li a:hover{background: #1752A0;color: #FFFFFF}
.head .menu li .on{background: #1752A0;color: #ffffff;}
.logo{
    padding:10px;
    display: flex;
    justify-content: space-between;
}
.logo-right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


/*主体*/
.mainer{}
.mainer .index_page1{background: url(img/whybg.png) no-repeat bottom right;margin-top: 50px; background-size: 100%;height: 380px;}
.mainer .index_page1 .ti1{font-family: 微软雅黑;font-size: 40px;text-transform: uppercase;color: rgb(175, 145, 59);font-weight: bolder;line-height: 70px;margin-left: 100px;}
.mainer .index_page1 .ti1 font{margin: 0px 15px;font-size:70px;font-weight:bolder;}
.mainer .index_page1 .ti1 span{font-family: 微软雅黑;color:#666;font-size:70px;font-weight:bolder;}
.mainer .index_page1 .index_abouttext {width:700px;font-size: 14px;line-height:30px;margin: 10px 0;}
.mainer .index_page2{background:url(img/x_gq17.png) #f2f2f2 no-repeat top;padding:0 0 35px 0px;}
.mainer .index_page2 .index_case {margin-top:37px;}
.mainer .index_page2 .index_case li{
	float: left;
    width: 30%;
    margin: 0px 1.5%;
    background: #fff;
    padding-bottom: 15px;
    border-radius: 5px;
    line-height: 25px;
    text-align: left;
}
.mainer .index_page2 .index_case li img{width: 100%;}
.mainer .index_page2 .index_case li h4{font-size: 16px;color: #333;font-weight: 600;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li .date{color: #ccc;font-size: 14px;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li .des{color: #666;font-size: 14px;text-align: left;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li:hover {background: #dedede;}
.mainer .index_ad{padding:3% 0px;}
.mainer .index_team{padding-bottom:1%;padding-top: 1%;}
.mainer .index_team a{display: block;float: left;width: 24%;margin:10px 0.5%;}
.mainer .index_team a img{width:280px}
.mainer .index_team a:hover{}

.mainer .index_news{display: table;padding-top: 10px;}
.mainer .index_news .left{display: table-cell;width:452px;padding-right: 50px;}
.mainer .index_news .left h4{font-size: 16px;line-height:30px;color: #333;}
.mainer .index_news .left .date{color: #999;}
.mainer .index_news .left .des{margin: 5px 0px;line-height: 20px;color: #666;}
.mainer .index_news .left a:hover h4{color: #212121;}
.mainer .index_news .index_news_list{vertical-align: top;display: table-cell;}
.mainer .index_news_list .conts{margin-bottom:20px;}
.mainer .index_news_list .conts .title{font-size: 18px;line-height: 30px;background: url(img/rt_zrb9.png) no-repeat left;padding-left: 13px;}
.mainer .index_news_list .conts .title a{color: #333;}
.mainer .index_news_list .conts .title a:hover{color: #212121;}
.mainer .index_news_list .conts .abstract{font-size: 12px;color: #666;line-height: 20px;margin-right: 50px;}


/*关于我们*/
.about{text-align: center;}
.about .page1 {padding: 25px 0px;}
.about .page1 .left{float: left;width:270px;}
.about .page1 .left a{line-height:50px;height:50px;font-size: 16px;background: #777;color:#fff;display: block;margin-bottom: 8px;}
.about .page1 .left a:hover,.about .page1 .left .on{background: #283349;}
.about .page1 .right{float:right;text-align: left;line-height: 200%;font-size: 16px;color: #333;width: 900px;}
.about .page2{background: #D9D9D9;padding: 2%;margin-bottom: 25px;}
.about .page2 ul{}
.about .page2 ul li{width: 50%;float: left;text-align: left;display: table;margin-bottom: 15px;}
.about .page2 ul .bleft{vertical-align: middle;display: table-cell;}
.about .page2 ul b{vertical-align: middle;font-size: 47px;font-weight: 100;background: #283349;color: #fff;border-radius: 50px;padding: 15px;}
.about .page2 ul .text{padding-bottom: 20px;border-bottom: 1px dashed #283349;margin: 0px 20px;height: 175px;}
.about .page2 ul .text h1{color: #283349;line-height: 50px;}
.about .page2 ul .text p{line-height: 25px;font-size: 14px;}
.about .page3 {text-align: left;margin:2% 0px;}
.about .page3 a{width: 24%;float: left;margin: 0px 0.5%;}
.about .page3 a img{width: 100%;}

/*联系我们*/
.contact {}
.contact h1{font-family: 微软雅黑;font-size: 22px;color: rgb(175, 145, 59);text-align: center;line-height: 30px;margin: 15px 0px 5px 0;}
.contact .h2{font-size: 14px;text-align: center;}
.contact .text{display: table;margin: 2% 0 5% 0;}
.contact .text_tel{display: table-cell;vertical-align: top;font-size: 16px;line-height: 30px;width: 300px;padding: 18px 41px;}
.contact .text_map{}

/*业务范围*/
.business{margin-bottom: 6%;}
.business .son_nav{margin:40px 0px;text-align: center;}
.business .son_nav a{font-size: 16px;background:#ccc;color: #333;padding: 15px 26px;text-align: center;margin: 0px 5px;}
.business .son_nav a:hover{background: rgb(175, 145, 59);color: #fff;}
.business .son_nav .on{background: rgb(175, 145, 59);color: #fff;}
.business .text{background: #fff;padding: 5% 9%;font-size: 16px;line-height: 28px;color: #333;}

/*团队*/
.list_team{}
.list_team li{display: table;margin: 2% 0px;box-shadow: 0px 0px 0px #ccc;border: 1px solid rgb(229, 229, 229);background: #fff;width: 100%;text-align: left;}
.list_team li .img{display: table-cell;width: 280px;}
.list_team li .img img{display: block;width: 280px;}
.list_team li .text_right{display: table-cell;line-height: 30px;font-size: 16px;vertical-align: top;padding: 10px 60px 10px 60px;}
.list_team li .text_right span.titles{font-weight: 600; line-height: 24px;text-transform: uppercase;font-size: 16px;color: rgb(0, 85, 145);}
.list_page {text-align: center;}
.list_page ul{font-size: 14px;padding: 0px 0px 20px 0px;}
.list_page ul li{
display: inline-block;
width: 65px;
border: 1px solid #ccc;
text-align: center;
height: 30px;line-height: 30px;margin: 0px 5px;
}
.list_page ul li a{background: #3b639f;color: #fff;display: block;}

/*新闻中心*/
.news_list .conts{margin-bottom: 10px; padding:0px 5% 15px 5%;border-bottom: 1px dashed #ccc;}
.news_list .conts .img{float: left;}
.news_list .conts img{width: 280px;}
.news_list .conts .right{float: left;margin-left: 15px;width: 65%;}
.news_list .conts .title{font-size:20px;line-height: 35px;background: url(img/rt_zrb9.png) no-repeat left;padding-left: 13px;}
.news_list .conts .title a{color: #333;}
.news_list .conts .title a:hover{color: #005591;}
.news_list .conts .abstract{font-size: 13px;color: #999;line-height: 20px;margin-right: 50px;margin-top:7px;}


/*详细新闻*/
.artice_text {padding: 1% 5%;background: #fff;font-size: 16px;line-height: 30px;}

/*下一页上一页*/
.ey-page {}
.ey-page ul{margin: 10px 0px;}
.ey-page ul li{ float: left;height: 30px;line-height: 30px;margin: 0px 4%;}
.ey-page ul li:nth-child(2){float:right;}
.ey-page ul li a{font-size: 16px;}
.ey-page .text-truncate{color: #666;}
.ey-page ul li a .hidden-xs-down{color: #0096ff !important;}
.ey-page ul li a .hidden-xs-down:hover{color: #FF2B00 !important;}





.jobs_list a{ display: block;height: 35px; line-height: 35px;margin: 10px 7%;border-bottom: 1px dashed #ccc;font-size: 16px;}
.jobs_list a .title{float: left;}
.jobs_list a .title span{color: #0064d4;padding: 0px 5px;}
.jobs_list a .date{float: right;}
.jobs_list a:hover{color: #0064d4;}
/*人才招聘单页*/
.single_jobs {}
.single_jobs .text{line-height: 25px;font-size: 16px;padding:25px 5%;margin-bottom: 5%;background:#fff;}


#wap-header,#wap-footer{
    display: none;
}
#head,#footer{
    display: block;
}
/*  手机显示 */
@media screen and (max-width: 768px) {
    
    /*导航*/
.option{border-bottom: 1px solid #ccc;margin-bottom: 24px;line-height: 55px; margin-top: 336px;display: block;}
.option a{color: #333;}
.option a:hover{color: #005292;}
.nav_title{display: -webkit-inline-box;margin:20px 0;}
.nav_title .etitle{font-family: 微软雅黑;font-size: 50px;line-height:40px;color: rgb(175, 145, 59);display:table-cell;font-weight: bolder;}
.nav_title .title{vertical-align: middle;margin-left: 5px; border-bottom: 1px solid #af913b;line-height: 21px;text-align: center;padding: 0 5px;color: rgb(67, 67, 67);}
.nav_title .title b{display: block;font-size:20px;}
.nav_title .title font{display: block;font-size: 14px;text-transform: uppercase;}


/*菜单*/
.slogo{color: #fff;line-height:55px;text-align: left;display: table-cell;}
.oa{
	cursor: pointer;
	display: table-cell;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    font-size: 17px;
    width: 75px;
}
.top {width: 100%;z-index: 10;}
.oa:hover{background: rgba(255,255,255,0.2);}
.head{height: 60px;background:url(img/nr_c58p.png) no-repeat;margin: 10px 0px 320px 0px;}
.head .menu{height: 60px;}
.head .menu .logo{width:293px;text-align: left;}
.head .menu li{float: left;width:112.5px;text-align: center;line-height: 30px;height: 100%}
.head .menu li a{color: #fff;display:block;padding: 10px 15%;}
.head .menu li a:hover{background: #1752A0;}
.head .menu li .on{background: #1752A0;}



/*主体*/
.mainer{}
.mainer .index_page1{background: url(img/index_about.jpg) no-repeat bottom right;padding: 20px 0px  60px 0; background-size: 70%;}
.mainer .index_page1 .ti1{font-family: 微软雅黑;font-size: 40px;text-transform: uppercase;color: rgb(175, 145, 59);font-weight: bolder;line-height: 70px;margin-left: 100px;}
.mainer .index_page1 .ti1 font{margin: 0px 15px;font-size:70px;font-weight:bolder;}
.mainer .index_page1 .ti1 span{font-family: 微软雅黑;color:#666;font-size:70px;font-weight:bolder;}
.mainer .index_page1 .index_abouttext {width:700px;font-size: 14px;line-height:30px;margin: 10px 0;}
.mainer .index_page2{background:url(img/x_gq17.png) #f2f2f2 no-repeat top;padding:0 0 35px 0px;}
.mainer .index_page2 .index_case {margin-top:37px;}
.mainer .index_page2 .index_case li{
	float: left;
    width: 30%;
    margin: 0px 1.5%;
    background: #fff;
    padding-bottom: 15px;
    border-radius: 5px;
    line-height: 25px;
    text-align: left;
}
.mainer .index_page2 .index_case li img{width: 100%;}
.mainer .index_page2 .index_case li h4{font-size: 16px;color: #333;font-weight: 600;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li .date{color: #ccc;font-size: 14px;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li .des{color: #666;font-size: 14px;text-align: left;padding: 0 10px 0px 10px;}
.mainer .index_page2 .index_case li:hover {background: #dedede;}
.mainer .index_ad{padding:3% 0px;}
.mainer .index_team{padding-bottom:1%;padding-top: 1%;}
.mainer .index_team a{display: block;float: left;width: 24%;margin:10px 0.5%;}
.mainer .index_team a img{width:280px}
.mainer .index_team a:hover{}

.mainer .index_news{display: table;padding-top: 10px;}
.mainer .index_news .left{display: table-cell;width:452px;padding-right: 50px;}
.mainer .index_news .left h4{font-size: 16px;line-height:30px;color: #333;}
.mainer .index_news .left .date{color: #999;}
.mainer .index_news .left .des{margin: 5px 0px;line-height: 20px;color: #666;}
.mainer .index_news .left a:hover h4{color: #212121;}
.mainer .index_news .index_news_list{vertical-align: top;display: table-cell;}
.mainer .index_news_list .conts{margin-bottom:20px;}
.mainer .index_news_list .conts .title{font-size: 18px;line-height: 30px;background: url(img/rt_zrb9.png) no-repeat left;padding-left: 13px;}
.mainer .index_news_list .conts .title a{color: #333;}
.mainer .index_news_list .conts .title a:hover{color: #212121;}
.mainer .index_news_list .conts .abstract{font-size: 12px;color: #666;line-height: 20px;margin-right: 50px;}


/*关于我们*/
.about{text-align: center;}
.about .page1 {padding: 25px 0px;display: flex;flex-direction: column;padding-bottom: 0;}
.about .page1 .left{float: none;width:94vw;padding: 0 3%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 25px;}
.about .page1 .left a{flex: 0 0 49%;line-height:50px;height:50px;font-size: 16px;background: #777;color:#fff;display: block;margin-bottom: 8px;}
.about .page1 .left a:hover,.about .page1 .left .on{background: #283349;}
.about .page1 .right{float:none;text-align: left;line-height: 200%;font-size: 16px;color: #333;padding: 0 3%;width: 96vw;}
.about .page1 .right br{display: none;}
.about .page1 .right img{float: left;padding-left: 0 !important;padding-right: 25px;}
.about .page1 .right b{display: block;margin: 10px 0 5px;}
.about .page2{background: #D9D9D9;padding: 2%;margin-bottom: 25px;}
.about .page2 ul{}
.about .page2 ul li{width: 100%;float: none;text-align: left;display: table;margin-bottom: 15px;}
.about .page2 ul .bleft{vertical-align: middle;display: table-cell;}
.about .page2 ul b{vertical-align: middle;font-size: 35px;font-weight: 100;background: #283349;color: #fff;border-radius: 50px;padding: 15px;}
.about .page2 ul .text{padding-bottom: 20px;border-bottom: 1px dashed #283349;margin: 0px 20px;height: auto;}
.about .page2 ul .text h1{color: #283349;line-height: 50px;}
.about .page2 ul .text p{line-height: 25px;font-size: 14px;}
.about .page3 {text-align: left;margin:2% 0px;}
.about .page3 a{width: 94%;padding: 0 3%;float: none;}
.about .page3 a img{width: 94%;margin-bottom: 3%;}

/*联系我们*/
.contact {}
.contact h1{font-family: 微软雅黑;font-size: 18px;color: rgb(175, 145, 59);text-align: center;line-height: 30px;margin: 15px 0px 5px 0;}
.contact .h2{font-size: 14px;text-align: center;}
.contact .text{display: table;margin: 2% 0 5% 0;display: flex;margin: 2% 0 5% 0;flex-direction: column-reverse;justify-content: center;align-items: center;}
.contact .text_tel{display: table-cell;vertical-align: top;font-size: 16px;line-height: 30px;width: 300px;padding: 18px 41px;}
.contact .text_map .ditu1 #allmap{width: 95vw !important;}
.contact .text_map .ditu1{overflow: hidden;}

/*业务范围*/
.business{margin-bottom: 6%;}
.business .son_nav{margin:40px 0px;text-align: center;}
.business .son_nav a{font-size: 16px;background:#ccc;color: #333;padding: 15px 26px;text-align: center;margin: 0px 5px;}
.business .son_nav a:hover{background: rgb(175, 145, 59);color: #fff;}
.business .son_nav .on{background: rgb(175, 145, 59);color: #fff;}
.business .text{background: #fff;padding: 5% 3%;font-size: 16px;line-height: 28px;color: #333;}

/*团队*/
.list_team{padding: 0 3%;}
.list_team li{padding-top: 10px;border: none;border-top: 1px solid rgb(229, 229, 229);display: block;margin: 2% 0px;box-shadow: 0px 0px 0px #ccc;background: #fff;width: 100%;text-align: left;}
.list_team li .img{display: table-cell;width: 40%;float: left;margin-right: 10px;}
.list_team li .img img{display: block;width: 100%;}
.list_team li .text_right{display: inherit;line-height: 30px;font-size: 16px;vertical-align: top;padding: 0 ;}
.list_team li .text_right span.titles{font-weight: 600; line-height: 24px;text-transform: uppercase;font-size: 16px;color: rgb(0, 85, 145);}
.list_page {text-align: center;}
.list_page ul{font-size: 14px;padding: 20px 0px 20px 0px;}
.list_page ul li{
display: inline-block;
width: 65px;
border: 1px solid #ccc;
text-align: center;
height: 30px;line-height: 30px;margin: 0px 5px;
}
.list_page ul li a{background: #3b639f;color: #fff;display: block;}

/*新闻中心*/
.news_list .conts{margin-bottom: 10px; padding:0px 5% 15px 5%;border-bottom: 10px solid #ccc;}
.news_list .conts .img{float: none;}
.news_list .conts img{width: 100%;margin-bottom: 7px;}
.news_list .conts .right{float: none;margin-left: 0;width: 100%;}
.news_list .conts .title{margin-top: 7px;font-size:20px;line-height: 25px;background: url(img/rt_zrb9.png) no-repeat left;padding-left: 0;text-align: left;}
.news_list .conts .title a{color: #333;}
.news_list .conts .title a:hover{color: #005591;}
.news_list .conts .abstract{font-size: 13px;color: #999;line-height: 20px;margin-right: 0;margin-top:7px;}


/*详细新闻*/
.artice_text {padding: 1% 5%;background: #fff;font-size: 16px;line-height: 30px;}
.artice_text img{width: 100% !important;height: auto !important;}

/*下一页上一页*/
.ey-page {}
.ey-page ul{margin: 10px 0px;display: flex;flex-direction: column;}
.ey-page ul li{ float: left;height: auto;line-height: 30px;margin: 0px 4%;}
.ey-page ul li:nth-child(2){float:right;}
.ey-page ul li a{font-size: 14px;}
.ey-page .text-truncate{color: #666;}
.ey-page ul li a .hidden-xs-down{color: #0096ff !important;}
.ey-page ul li a .hidden-xs-down:hover{color: #FF2B00 !important;}



/*人才招聘*/


.jobs_list a{ display: block;height: 35px; line-height: 35px;margin: 10px 7%;border-bottom: 1px dashed #ccc;font-size: 16px;}
.jobs_list a .title{float: none;font-size: 14px;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobs_list a .title span{color: #0064d4;padding: 0px 5px;}
.jobs_list a .date{float: none;text-align: right;}
.jobs_list a:hover{color: #0064d4;}
/*人才招聘单页*/
.single_jobs .text img{width: 90vw !important;height: 57vw !important;}
.single_jobs .text{line-height: 25px;font-size: 16px;padding:25px 5%;margin-bottom: 5%;background:#fff;}

.clear {
    clear: both;
    flex: 0 0 30%;
    padding: 15px 26px;
    margin: 5px 5px;
    display: none;
}

    body,.jobs{background: #fff;}
    body{width: 100vw;overflow-x: hidden;}
    #content-warp{
        padding-top: 75px !important;
    }
    #head,#warp,#footer,.option{
        display: none !important;
    }
    #wap-header,#wap-footer{
        display: inline-flex;
    }
    .warp{
        width: 100vw;
        margin: 0px;
    }
    .jobs_list a {
        display: block;
        height: auto;
        min-height: 35px;
        line-height: 45px;
        margin: 10px 3%;
        border-bottom: 1px dashed #ccc;
        font-size: 10px;
        display: flex;
    justify-content: space-between;
    }


    .business .son_nav {
        margin: 0 0px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }
    .business .son_nav a {
        flex: 0 0 30%;
        font-size: 14px;
        background: #ccc;
        color: #333;
        padding: 15px 26px;
        text-align: center;
        margin: 5px 5px;
    }
    .business .son_nav .a {
        flex: 0 0 auto;
        font-size: 14px;
        background: #ccc;
        color: #333;
        padding: 15px 26px;
        text-align: center;
        margin: 5px 5px;
    }
}
.server{

}
.clearfix {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}
.server-title {
    padding-top: 50px;
    box-sizing: border-box;
    margin: 0 auto 0;
    width: 280px;
    height: 56px;
    text-align: center;
    color: black;
}
.server .server-content ul {
    margin: 155px 90px 0 90px;
    display: flex;
    flex-wrap: wrap;
}
.server-title .en {
    color: #b5c2d3;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 32px;
}
.server-title .cn {
    font-weight: bold;
    margin: 0px auto;
    font-size: 34px;
    width: 226px;
    color: black;
}
.server .server-content ul li {
    width: 25%;
    height: 360px;
    padding-top: 15px;
    box-sizing: border-box;
    border-right: 1px solid  #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 2s;
}
.server .server-content ul li:nth-child(-n+4){
    border-top: 1px solid #d8d8d8;
}
.server .server-content ul li:nth-child(5){
    border-left: 1px solid #d8d8d8;
}
.server .server-content ul li:nth-child(1){
    border-left: 1px solid #d8d8d8;
}
.server .server-content ul .li-bottom {
    /*padding-top: 30px;*/
    /* box-sizing: border-box; */
    /*border-bottom: none;*/
}
.box {
    display: block;
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #fff;
    margin: 90px auto 0px;
    /* padding-top: 32px; */
    box-sizing: border-box;
    /* position: relative;
}
.server-p {
    width: 100%;
    height: 70px;
    line-height: 70px;
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0px;*/
    /* background: red; */
}
.a2 p {
    color: #ffffff;
    font-size: 22px;
    margin-top: 5px;
}
.server-p{
    margin-top: 5px;
    font-size: 25px;
    color: black;
}


.a2 {
    width: 100%;
    height: 360px;
    position: absolute;
    left: 0;
    bottom: -360px;
    text-align: center;
    color: white;
    background: #2E63A9;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    opacity: 0.95;
}
.server-title .cn:after {
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    float: left;
    background: #cccccc;
    margin-top: 7px;
}
.server-title .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.box .topline {
    width: 0px;
    height: 2px;
    top: -2px;
    left: 0px;
    background: #000;
    position: absolute;
    overflow: hidden;
}
.box .rightline {
    width: 2px;
    height: 0px;
    bottom: -2px;
    right: -2px;
    background: #000;
    position: absolute;
    overflow: hidden;
}
.box .bottomline {
    width: 0px;
    height: 2px;
    bottom: -2px;
    right: 0px;
    background: #000;
    position: absolute;
    overflow: hidden;
}
.box .leftline {
    width: 2px;
    height: 0px;
    top: -2px;
    left: -2px;
    background: #000;
    position: absolute;
    overflow: hidden;
}

.server-title-footer{
    padding-top: 20px;
}
.server-title-two{
    padding-top: 90px;
    box-sizing: border-box;
    margin: 0 auto 0;
    width: 540px;
    height: 56px;
    text-align: center;
    margin-bottom: 110px;
}
.server-title-two .en {
    color: #b5c2d3;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 32px;
}
.server-title-two .cn {
    font-weight: bold;
    margin: 0px auto;
    font-size: 28px;
    width: 500px;
    color: #FFFFFF;
}
.server-title-two .cn:after {
    float: left;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.server-title-two .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.index_page1-contain{
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.sty{
    margin-left: 40%;
    width: 55%;
}
.index_page1-contain-one{
    width: 47%;
    display: flex;
    margin: 5px 0 0 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain-two{
    width: 47%;
    display: flex;
    margin: 5px 0 0 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain-three{
    width: 47%;
    display: flex;
    margin: 5px 0 0 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain-four{
    width: 47%;
    display: flex;
    margin: 5px 0 0 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain-five{
    width: 47%;
    display: flex;
    margin: 5px 0 0 0;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain h2{
    margin-left: 40%;
    font-size: 16px;
    font-weight: bold;
    color: black;
}
.index_page1-contain-six{
    width: 47%;
    margin: 5px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    border-radius: 10px;
}
.index_page1-contain-one{
    background: url(/skin/img/01.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain-two{
    background: url(/skin/img/02.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain-three{
    background: url(/skin/img/03.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain-four{
    background: url(/skin/img/04.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain-five{
    background: url(/skin/img/05.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain-six{
    background: url(/skin/img/06.png) no-repeat bottom right;
    background-size: 100%;
}
.index_page1-contain div img{
    width: 100%;
}
.server-title-three{
    padding-top: 18%;
    box-sizing: border-box;
    margin: 0 auto 0;
    width: 280px;
    height: 56px;
    text-align: center;
}
.server-title-three .cn {
    font-weight: bold;
    margin: 0px auto;
    font-size: 34px;
    width: 226px;
    color: black;
}
.server-title-three .en{
    color: #b5c2d3;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 32px;
    color: black;
}
.server-title-footer {
    padding-top: 20px;
}
.server-title-three .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.server-title-three .cn:after {
    float: left;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.server-title-four{
    padding-top: 50px;
    box-sizing: border-box;
    margin: 0 auto 0;
    width: 690px;
    height: 56px;
    text-align: center;
}
.server-title-four .cn {
    font-weight: bold;
    margin: 0px auto;
    font-size: 34px;
    width: 690px;
    color: black;
}
.server-title-four .en{
    color: #b5c2d3;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 32px;
}
.server-title-footer {
    padding-top: 20px;
}
.server-title-four .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.server-title-four .cn:after {
    float: left;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.form span{
    font-size: 14px;
}
.server-title-five{
    padding-top: 50px;
    box-sizing: border-box;
    margin: 0 auto 0;
    width: 690px;
    height: 56px;
    text-align: center;
    color: #FFFFFF;
}
.server-title-five .cn {
    font-weight: bold;
    margin: 0px auto;
    font-size: 34px;
    width: 360px;
}
.server-title-five .en{
    color: #b5c2d3;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 32px;
}
.server-title-footer {
    padding-top: 20px;
}
.server-title-five .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.server-title-five .cn:after {
    float: left;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .lawyer {
        width: 100%;
        height: 450px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -140px;
        left: auto;
    }
    .index-c{
        height: 100px;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 480px;
    }
    .server-title-five{
        padding-top: 50px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
.index-c{
    box-shadow: 0px 4px 4px #4a4a4a4d;
    margin: 10px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .lawyer {
        width: 100%;
        height: 445px;
    }
    .index-c{
        height: 90px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -140px;
        left: auto;
    }
    .swiper-slide .lavwyer-name1 {
        width: 100%;
        height: 47%;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 550px;
    }
    .server-title-five{
        padding-top: 100px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
@media (min-width: 1024px) and (max-width: 1440px) {
    .lawyer {
        width: 100%;
        height: 470px;
    }
    .index-c{
        height: 95px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 50px;
        left: auto;
    }
    .swiper-slide .lavwyer-name1 {
        width: 100%;
        height: 40%;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 632px;
    }
    .server-title-five{
        padding-top: 150px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
@media (min-width: 1440px) and (max-width: 1770px) {
    .lawyer {
        width: 100%;
        height: 520px;
    }
    .index-c{
        height: 125px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 45px;
        left: auto;
    }
    .swiper-slide .lavwyer-name1 {
        width: 100%;
        height: 38%;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 680px;
    }
    .server-title-five{
        padding-top: 200px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
@media (min-width: 1770px) and (max-width: 1960px) {
    .lawyer {
        width: 100%;
        height: 590px;
    }
    .index-c{
        height: 130px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 60px;
        left: auto;
    }
    .swiper-slide .lavwyer-name1 {
        width: 100%;
        height: 38%;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 789px;
    }
    .server-title-five{
        padding-top: 200px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
@media (min-width: 1960px) {
   .lawyer {
        width: 100%;
        height: 590px;
    }
    .index-c{
        height: 130px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 60px;
        left: auto;
    }
    .swiper-slide .lavwyer-name1 {
        width: 100%;
        height: 38%;
    }
    .swipers{
        background: url(/skin/img/tdbg.png) no-repeat center center ;  /*背景图路径 背景图不平铺 背景图垂直、水平均居中 */
        background-size:cover;   /* ---把背景图片放大到适合元素容器的尺寸，图片比例不变，但某些部分被切割无法显示完整背景图像 */
        /*background-attachment:fixed;   !* 当内容高度大于图片高度时，背景图像的位置相对于 可视窗口 固定，此条属性必须设置 *!*/
        width: 100%;
        height: 870px;
    }
    .server-title-five{
        padding-top: 200px;
        box-sizing: border-box;
        margin: 0 auto 0;
        width: 690px;
        height: 56px;
        text-align: center;
        color: #FFFFFF;
    }
}
.lawyer-title {
    margin: 60px auto 50px;
    width: 227px;
    height: 56px;
    text-align: center;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    /*padding: 0 60px 0 60px;*/
    z-index: 9999;
}
.swiper-slide img{
    width: 95%;
    margin-top: 2%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-wrapper {
    width: 100% !important;
    /*height: 515px !important;*/
    margin: 0 auto !important;
    padding: 0 22px;
}
.swiper-button-next, .swiper-button-prev {
    margin-top: -283px !important;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    transition: 300ms;
    transform: scale(0.8);
    font-size: 25px;
    /*padding: 5px;*/
}

.swiper-slide .lavwyer-sp1, .lavwyer-sp2 {
    font-size: 18px;
    color: black;
    display: inline-block;
    padding: 0;
}
/*.swiper-slide-active {*/
/*    width: 364px;*/
/*    height: 480px;*/
/*    border: 8px solid #1752a0;*/
/*    border-radius: 12px;*/
/*    position: relative;*/
/*}*/
/*.swiper-slide-active {*/
/*    margin-right: 0 !important;*/
/*}*/
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-slide p {
    box-sizing: border-box;
    text-align: left !important;
    font-size: 24px;
    font-weight: bold;
    color: black;
}
.swiper-slide .lavwyer-sp1, .lavwyer-sp2 {
    font-size: 18px;
    color: black;
    display: inline-block;
    padding: 0;
}

.swiper-slide .lavwyer-sp1 {
    text-align: left !important;
}
.swiper-slide .lavwyer-sp2 {
    text-align: right !important;
    margin-left: 40px;
}
/*.swiper-slide-active a {*/
/*    font-size: 14px;*/
/*    color: #f9f9f9;*/
/*    display: inline-block;*/
/*    text-align: left !important;*/
/*    padding: 3px 10px;*/
/*    border-radius: 20px;*/
/*    border: 1px solid #f9f9f9;*/
/*    !* margin-left: 5px; *!*/
/*}*/
.swiper-slide-prev .lavwyer-name {
    width: 100%;
}
.swiper-slide-next .lavwyer-name {
    width: 100%;
}
.swiper-slide .lavwyer-sp1, .lavwyer-sp2 {
    font-size: 18px;
    color: black;
    display: inline-block;
}
.swiper-slide-duplicate-prev .lavwyer-name {
    width: 100%;
}
.swiper-slide-duplicate-next .lavwyer-name{
    width: 100%;
}
.lavwyer-sp1 div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.lavwyer-name.lavwyer-name1 div{
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-around;
}
.lavwyer-name.lavwyer-name1 div a:link{
    border-radius: 15px;
    border: 1px solid #2B65B7;
    /*color: #2B65B7;*/
    line-height: 20px;
    padding: 0 5px;
    text-align: center;
    margin: 0 5px 5px 0;
    font-size: 16px;
}
.news-c {
    height: 786px;
    background: #f7f7f7;
    margin-top: 90px;
}
.news-content {
    overflow: hidden;
}
.newsText {
    display: none;
    height: 450px;
}
.morecase1 {
    margin: 0px auto;
    width: 136px;
    height: 38px;
    border: 1px solid #1752a0;
    border-radius: 10px;
}
.clearfix {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}
.morecase1 a {
    color: #1752a0;
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 38px;
    text-align: center;
}
.news-title {
    margin: 60px auto 50px;
    width: 250px;
    height: 56px;
    text-align: center;
}
.news-title .en {
    color: #cccccc;
    font-size: 10px;
    margin-bottom: 20px;
}
.news-title .cn {
    font-weight: bold;
    color: black;
    font-size: 34px;
}
.news-title .cn:before {
    float: right;
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: #cccccc;
    margin-top: 7px;
}
.news-title .cn:after {
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    float: left;
    background: #cccccc;
    margin-top: 7px;
}
.newlist-c {
    width: 480px;
    margin: 0 auto;
}
.newslist a:first-child {
    margin-left: 35px;
}
.newslist a {
    width: 100px;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 20px;
    color: #929292;
    border-radius: 6px;
    text-align: center;
    float: left;
    margin-left: 60px;
    margin-bottom: 50px;
}
.newslist .current {
    color: #fff;
    background: #1752a0;
}
.newsText-l {
    width: 584px;
    height: 160px;
    float: left;
    /* margin-left: 30px; */
}
.newsText-r {
    width: 584px;
    height: 160px;
    float: right;
}
.newsText-top {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
}
.newsText-top img {
    float: left;
    width: 40%;
    height:160px;
}
.toptext {
    float: left;
    width: 344px;
    height: 160px;
    background: #ffffff;
    padding-left: 20px;
    /* padding-right: 42px; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.toptext .txt1 {
    margin-top: 16px;
    line-height: 44px;
    font-size: 16px;
    color: #676767;
}
.toptext .txt3 {
    font-size: 12px;
    color: #afafaf;
}
.toptext .txt2 {
    width: 280px;
    line-height: 24px;
    font-size: 14px;
    color: #959595;
    margin-bottom: 7px;
}
.newsText-bottom li {
    border-bottom: 1px dashed #dddddd;
    width: 542px;
    height: 57px;
    line-height: 57px;
}
.newsText-bottom li .text1 {
    float: left;
    font-size: 16px;
    color: #333333;
}
.newsText-bottom li .text2 {
    float: right;
    font-size: 12px;
    color: #b3b3b3;
    margin-right: 3px;
}
.newsText-bottom li .text1 .icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 6px;
    background: url(/skin/img/dian.png) no-repeat;
}
.list-contatin div{
    border-radius: 15px;
    border: 1px solid #2B65B7;
    color: #2B65B7;
    line-height: 25px;
    padding: 0 5px;
    font-size: 14px;
    text-align: center;
    margin: 0 5px 5px 0;
}
.newsText-top a{
    display: flex;
    flex-direction: row;
    align-items: center;
}