body{ margin:0px; padding:0px;background:#fff;font: 12px/1.5 "Open Sans",Arial, Helvetica, sans-serif;overflow-x: hidden;color: #3e3a39;}
form,ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px;}
li,i{ list-style:none; list-style-position:outside;font-style: normal;}
img{ border:none; max-width: 100%;}
img, input{ vertical-align:middle;padding: 0;border: 0;}
a{ color:#3e3a39; text-decoration:none;font-family:"Open Sans",Arial, Helvetica, sans-serif;}
a:hover{text-decoration:none;color: #003282;}
.clear{ clear: both;}
.bj_color{background: #f7f7f7;}
@font-face{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight:300;
    src: url(../font/Open-Sans-2.ttf);
}
@font-face{
    font-family: "Si Yuan";
    src: url(../font/GenJyuuGothic-Regular-2.ttf);
}

@font-face {
	font-family: 'FontAwesome';
        src: url('../font/fontawesome-webfont.eot');
        src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2') format('woff2'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*公用样式*/
.BodyDiv_Parent{max-width: 1920px; min-width: 1200px; margin: auto;}
.body_div{ width:85%; margin:auto;}
.button{display: inline-block;cursor: pointer;outline: none;white-space: nowrap;margin: 5px;padding: 0 22px;font-size: 14px;line-height: 40px;height: 40px;color: #fff;font-weight: bold;letter-spacing: 1px;border: 0;}
.about_btns{margin-bottom: 2.9rem;font-size: 0.95rem;}
.about_btns a{margin-right: 4.3rem; font-weight: 500;}
.about_btns a:hover,.about_btns a.on{ color: #003281;}
.white{color: #fff;}
.body_bg01{ background: #f7f7f7;}

.paging{margin: 40px 0;overflow: hidden;text-align: center;font-size: 16px;}
.paging ul{}
.paging a{padding: 5px;margin: 0 5px;}
.paging a.cur,.paging a:hover{background: #003281;color: #ffff;}

.tap_bar{height: 50px;width: 100%;background: #04307B;color: #fff;line-height: 50px;}
.tap_bar .right{float:right;}
.tap_bar li{display: inline-block;vertical-align: middle;}
.tap_bar li a{color: #fff;font-size: 18px;}
.tap_bar .language{float: right;padding:0 20px;font-size: 0;padding-top: 10px;}
.tap_bar .language a{width: 40px;height: 32px;text-align: center;line-height: 32px;display: inline-block;font-size: 18px;background: #0DA8F4;color: #fff;}
.tap_bar .language a.on{background: #1F6BDF;color: #fff;}

/* 登录 */
.html,.body{width: 100%;height: 100%;overflow: hidden;}
.bj{background: url(../images/sys-recruit-bg.jpg) no-repeat center;width: 100%;height: 100%;}
.user_wrapper{}
.login{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 600px;}
.login .header{padding: 20px 40px;background: #6e327c;}
.login .header img{margin-bottom: -5px;}
.login .header span{border: 1px solid #fff;padding: 5px;color: #fff;margin-left: 20px;font-size: 12px;vertical-align: bottom;}
.login .login_a{text-align: center;background: #FCDB04;display: block;margin: 40px 0;transition: all .5s;}
.login .login_a:hover{background: #04307B;}
.login .panel-body{padding: 40px 40px 5px 40px;background:rgba(255,255,255,0.7);}
.login .panel-body .input-group{margin-bottom: 20px;position: relative;display: table;border-collapse: separate;}
.login .panel-body .input-group input{border-radius: 30px;border-bottom-right-radius: 0;border-top-right-radius: 0;display: table-cell;width: 100%;float: left;height: 50px;border: 1px solid #cccccc;color: #555555;outline: none;padding: 0 12px;box-sizing: border-box;}
.login .panel-body .input-group .span{position: relative;white-space: nowrap;width: 1%;display: table-cell;vertical-align: middle;font-size: 0;}
.login .panel-body .input-group .span a{border-top-right-radius: 30px;border-bottom-right-radius: 30px;margin-left: -1px;border-bottom-left-radius: 0;border-top-left-radius: 0;width: 100%;border:1px solid #cccccc;color: #333;text-align: center;cursor: pointer;height: 50px;display: block;background: #fff;padding: 10px 16px;box-sizing: border-box;height: 50px;font-size: 16px;}
.login .panel-body .input-group .span a:hover{background:rgba(255,255,255,0.5);}
.login .panel-body .inp{margin-bottom: 20px;}
.login .panel-body .inp input{width: 100%;display: block;height: 50px;line-height: 50px;padding: 6px 12px;box-sizing: border-box;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border-radius: 30px;outline: none;}
.login .panel-body .tleft{margin-bottom: 60px;}
.login .panel-body .tleft a{font-size: 16px;margin-right: 20px;margin-bottom: 25px;color: #FCDB04;}
.login .panel-body .tleft a:hover{color: #04307B;}

/* 左右箭头 */
.pagination{}
.pagination .bx-rax{position: absolute;width: 40px;height: 40px;background:transparent;border-radius: 24px;top: 36%;cursor: pointer;z-index: 33;transform: translateY(50%);}
.pagination .bx-rax i{font-size: 24px;}
.pagination .bx-rax i::before{content: "";border-right:2px solid #fff;border-bottom: 2px solid #fff;width: 20px;height: 20px;display: inline-block;}
.pagination .bx-prev{left: 0;margin-left: 14px;}
.pagination .bx-prev i::before{transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0);margin-left: 15px;}
.pagination .bx-next{right: 0;margin-right: 16px;}
.pagination .bx-next i::before{transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);}

.search{border-bottom: 1px solid #888888;width: 345px;margin: 20px 0 20px 20px;}
.search input{background: transparent;width: 320px;outline: none;color: #999;}
.search img{width: 20px;}


/* top */
.top{height: 4.3rem; line-height: 4.3rem;box-shadow: 0 0 12px rgba(0, 0, 0, .3);position: fixed;top: 0;width: 100%;z-index: 999;background: #fff;}
.top .logo{float: left;}
.top .logo img{}
.top .nav{float: right; width: 73%;}
.top .menu_box{ float: left; width:90%;}
.top .nav .nav_item{font-size: 0.95rem; display: inline-block; margin-right: 5%;}
.top .nav .nav_item:hover .subnav{display: block;}
.top .nav .nav_item:hover a,.top .nav .nav_item.on a{color:#003281;}
.top .nav .nav_item .subnav{background: rgba(24,80,151,1);position: absolute;top: 100%;width: 150px;margin-left: -32px;display: none;text-align: center;}
.top .nav .nav_item .subnav li{height: 40px;line-height: 40px;padding: 0 20px;}
.top .nav .nav_item .subnav li:hover{background: rgba(35,95,170,1);color: #fff;}
.top .nav .nav_item .subnav li a{color: #fff;display: block;}
.top .nav .icon{ height: 0.25rem; display:none; width: auto;}
.top .nav .nav_item:nth-child(3) .icon{ display:inline-block;}
.top .language{ width: 7%; float:right;}
.top .language .item_box{ font-size:0.8rem; margin-top: 1.65rem; line-height:1rem; padding: 3px 3px; height: 1rem;border: 1px solid #a6a6a6;}
.top .language a{ float:left; width:50%;text-align: center;}
.top .language a.on{background: #900000;color: #fff;}
.top_space{ height: 4.3rem;}

/* banner */
.banner{overflow: hidden; position: relative;}
.banner .swiper-container{}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet{width: 60px;height: 3px;background: rgba(255,255,255,0.5);border-radius: 0;opacity: 1;vertical-align: middle;transition: all .4s ease;margin: 0 !important;}
.banner .swiper-pagination-bullet:hover{background: rgba(255,255,255,0.9);}
.banner .swiper-pagination-bullet-active{background: #fff;height: 6px;}
.banner .swiper-slide{ position: relative;}
.banner .text{position:absolute; top:10.5rem; left:3rem;}
.banner .text .title{font-size: 3rem;font-weight: 400;line-height: 1.2;}

/* z_banner */
.z_banner{height: 19rem; background-size:cover; background-position: center center;}
.z_banner .text{ position: relative; top:50%; transform: translateY(-50%);}
.z_banner .text h3{ font-size: 2.6rem; font-weight: 600; color: #003282;}
.z_banner .text .title1{ font-size: 2.6rem; font-weight: 600; color: #fff;}

.index_about .index_title .title{color: #003281;}
.index_about .index_title .subtitle{font-size: 16px;}

.index_about{position: relative;}
.index_about .template{overflow: hidden;}
.index_about .template .left{width: 50%;float: left;}
.index_about .template .text{position: absolute;left: 50%;width: 660px;box-sizing: border-box;}
.index_about .template .title,.index_title .title{font-size:1.6rem;font-weight: 400; padding-top: 30px;}
.index_about .template .subtitle,.index_title .subtitle{color: #9E9E9F;font-size: 0.8rem;position: relative;padding-bottom: 10px;display: block;}
.index_about .template .subtitle::before,.index_title .subtitle::before{content:"";width: 1.5rem;height: 2px;background: #9E9E9F;position: absolute;bottom: 0;left: 0;}
.index_about .template .title{color: #003281;}
.index_about .template .content{margin-top: 1rem;font-size:0.9rem; line-height: 2; color: #595757;}
.index_about .template .btn a{ display:block;width:4rem;text-align: center;background: #003281;color: #fff;display: block; cursor: pointer;padding: 2px 5px;}
.index_about .template .btn a:hover{background: #043c95;color: #fff;}
.index_about .template .btn img{ height: 0.45rem; margin-left: 3px;}
.index_about .template .right{width: 50%;float: right;}
.index_about .template .pic{height: 365px;}
.index_about .template .pic img{width: 100%;object-fit: cover;height: 100%;}
.index_about .template1{ position: relative;}
.index_about .template1 .text{ position:absolute;left: 7.5%;width:42%; padding-right: 5.5%;}

.index_about .template2{}
.index_about .template2 .text{width:42%; padding-left: 5.5%;}
.index_about .template2 .wrapper{display: flex;justify-content : space-between;flex-wrap: wrap;width: 100%; margin-left: -8%;}
.index_about .template2 .wrapper .item{width:25%; box-sizing:border-box; text-align: center;margin-top: 30px;}
.index_about .template2 .wrapper .item .icon{text-align: center;width:2.3rem;height:2.3rem;line-height:2.3rem;border: 1px solid #B4B4B5;border-radius: 50%;display: inline-block;}
.index_about .template2 .wrapper .item .icon img{ height: 60%;}
.index_about .template2 .wrapper .item span{display: block;text-align: center;margin-top: 5px;}

.index_buslness{ background: #f7f7f7;}
.index_buslness .index_title .title{color: #003281;}
.index_buslness .index_title .subtitle{font-size: 16px;}
.index_buslness .content_list{margin-left: -2%;overflow: hidden;margin-top: 40px;}
.index_buslness .content_list .content_item{width: 31%;margin-left: 2%;position: relative;text-align: center;float: left;margin-bottom: 40px;overflow: hidden;}
.index_buslness .content_list .content_item .pic{height:18rem;}
.index_buslness .content_item img{width: 100%;object-fit: cover;height: 100%; opacity: 1;}
.index_buslness .content_item .pic::before{background:rgba(0, 0, 0, .2);position: absolute;top: 0;bottom: 0;left: 0;right: 0;content:"";}
.index_buslness .content_item .text{position: absolute;bottom: 20px;text-align: center;padding:0 20px;box-sizing: border-box;width: 100%;color: #fff;font-size: 16px;transition: all .4s ease;}
.index_buslness .content_item .text a:hover{color: #900000;}
.index_buslness .content_item .text span::after{content:"";width: 40px;height: 3px;background: none;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.index_buslness .content_item span{position: relative;padding-bottom: 10px;color: #0e3d86;}
.index_buslness .content_item .btn{display: block;font-size: 12px;color: #0e3d86;position: absolute;left: 50%;transform: translateX(-50%);top: 80px;}
.index_buslness .content_item:hover .pic::before{background:rgba(0, 0, 0, .2);}
.index_buslness .content_item:hover .pic img{ opacity: 0.5;}
.index_buslness .content_item:hover .text{bottom: 80px;font-size: 24px;}
.index_buslness .content_item:hover .text span::after{background: #0e3d86;}

@keyframes animation01
{
    from {opacity: 0;}
    to {opacity: 0.7;}
}

.index_project{}
.index_project .index_title .title{color: #003281;}
.index_project .index_title .subtitle{font-size: 16px;}
.index_project .content_list{overflow: hidden;margin-top: 20px;}
.index_project .content_item .pic::before{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6); animation: animation01 0.1s;}
.index_project .content_item .pic img{width: 100%;}
.index_project .content_item{width: 25%;float: left;position: relative;overflow: hidden;}
.index_project .content_item .text{position: absolute;top: 84%;left: 0;padding: 0 20px;box-sizing: border-box;text-align: center;width: 100%;}
.index_project .content_item a{display: block;color: #fff;}
.index_project .content_item .title{font-weight: normal;padding-bottom: 10px;position: relative;}
.index_project .content_item .title span::after{content:"";width: 20px;height: 3px;background: #fff;display: block;margin:10px auto 0 auto;}
.index_project .content_item .content{color: #fff;margin: 20px 0;}
.index_project .content_item:hover .pic::before{display: block; background: rgba(0,0,0,0.3);}
.index_project .content_item:hover .text{text-align: left;bottom: 10%;top: auto;}
.index_project .content_item:hover a{color: #fff;}
.index_project .content_item:hover .title span::after{margin:10px 0 0 0;background: #3E3A39;}
.index_project .swiper_bapagin1{padding: 20px 0;text-align: center;}
.index_project .swiper_bapagin1 span{width: 40px;height: 4px;border-radius: 0;}
.index_project .swiper_bapagin1 .swiper-pagination-bullet-active{background: #3e3a39;}

/* about */
.about{overflow: hidden;}
.about .left{width: 50%;float: left;}
.about .right{width: 47%;float: right;}

.bottom{background: #003281;padding: 2.6rem 0;overflow: hidden;}
.bottom a{color: #fff;}
.bottom .left{display: table;table-layout: fixed;float: left;width: 50%;}
.bottom .content_list{color: #fff;display: table-cell;}
.bottom .content_list h3{ font-weight: normal; font-size: 1rem; margin-bottom: 0.5rem;}
.bottom .content_list li{ font-size: 0.85rem; line-height: 2.1;}
.bottom .right{width: 25%;float: right;text-align: right;color: #dbdcdc;font-size: 0.8rem;}
.bottom .right .pic img{ height: 4.4rem; margin-top: 0.3rem; margin-bottom: 0.5rem;}
.bottom .right .copyright{margin-top: 20px;}

.about{padding: 1.4rem 0 60px 0;overflow: hidden;}
.about .index_title .title{font-size: 20px;}
.about .index_title .subtitle{font-size: 16px;}
.about .template1{}
.about .template1 .left{width: 50.5%;float: left;}
.about .template1 .details_txt{ font-size: 0.85rem; line-height: 2;}
.about .template1 .details_txt p{ margin-bottom: 0.8rem;}
.about .template1 .right{ width: 44.5%; position: relative;}
.about .template1 .right .pic_bg{ background: #efefef; position: absolute; top: 0; bottom: 0; right: -5%; width: 55%;}
.about .template1 .right .pic{position: relative; padding:1.6rem 0;}
.about .template1 .right img{width: 100%;height: auto;position: relative;}
/*我们的优势*/
.about .template2{}
.about .template2 .top_to{font-size: 1.15rem; margin-bottom: 40px;}
.about .template2 .wrap{margin-left: -3%;}
.about .template2 .wrap .item{width: 31%;float: left;margin-left: 2.2%;background: #EEEEEF;text-align: center;cursor: pointer;padding: 20px 0;margin-bottom:1.8rem;}
.about .template2 .wrap .item img{ width: 4.5rem; height: 4.5rem;}
.about .template2 .wrap .title{padding: 10px; font-size: 1.1rem; font-weight: normal;}
.about .template2 .istration{ background: #f7f7f7; padding-top: 2.6rem; padding-bottom: 1rem;}
.about .template2 .title_box .title{ font-weight: normal; font-size: 1.6rem; padding-bottom: 0.2rem;}
.about .template2 .title_box .subtitle{position: relative; color: #9e9e9f; font-size: 0.8rem;}
.about .template2 .title_box .subtitle:after{content: ""; position: absolute; left: 0; top: 1.5rem; width: 25px; height: 1px; background: #999;}
.about .template2 .istration .content{padding: 2.1rem 0; line-height:2;font-size:0.95rem;}
.about .template2 .istration .pic img{width: 90%;display: block;margin: auto;}
.about .template2 .cultivate{ padding-top: 4.6rem;}
.about .template2 .cultivate .content_list{margin-top: 30px;margin-left: -2.5%;overflow: hidden;}
.about .template2 .cultivate .item{width: 22.5%;float: left;margin-left: 2.5%;text-align: center;}
.about .template2 .cultivate .item img{width: 100%;}
.about .template2 .cultivate .text{padding: 20px;background: #EEEEEF;font-size: 0.95rem;}
.about .template2 .curriculum{margin-left: -2.5%;overflow: hidden; padding-top:40px;}
.about .template2 .curriculum .item{width: 30.8%;margin-left: 2.5%;padding:0.4rem 0.8rem;box-sizing: border-box;background: #EEEEEF;float: left;margin-bottom: 1.5rem;}
.about .template2 .curriculum .timer{width: 20%; box-sizing:border-box; font-size: 2.2rem; line-height:1; font-weight: bold;color: #999;border-right: 1px solid #999;text-align: center;display: inline-block;vertical-align: middle;}
.about .template2 .curriculum .text{width: 75%; box-sizing:border-box; display: inline-block;vertical-align: middle;}
.about .template2 .curriculum .text i{float: left;}
.about .template2 .curriculum .text img{ height:2rem; width:auto;padding-left: 1rem;}
.about .template2 .curriculum .text span{ color: #666; line-height:2rem;text-align: center;font-size: 1rem;}
/*企业社会责任*/
.about .template3{}
.about .template3 .top_to{font-size: 1.15rem; line-height: 2; margin-bottom: 40px; padding-top:1rem;}
.about .template3 .content_list{margin-left: -2%;}
.about .template3 .item{float: left;width: 48%;position: relative;margin-bottom:1.6rem;margin-left: 2%;}
.about .template3 .item .pic img{width: 100%;}
.about .template3 .item .text{position: absolute; color:#fff;bottom:0.5rem;width: 100%;}
.about .template3 .item a{color: #fff;}
.about .template3 .item .text{padding: 1.6rem; font-size: 0.92rem; line-height:2;box-sizing: border-box;}
.about .template3 .item .title{font-size: 1.5rem;font-weight: 300;}
.about .template3 .item li{display:block;width: 33%;box-sizing: border-box;float: left;padding: 0 10px; margin-top:0.5rem;position: relative;}
.about .template3 .item li::before{content:'';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 50%;background: #fff;}
/*职业道德与合规*/
.about .template4{background: url(../images/pic28.jpg) no-repeat center;background-size:cover; height:23rem; overflow-y: auto;}
.about .template4 .text{padding: 4.3rem 3.5rem;font-size: 1rem;width: 50%;line-height:2;}

/* product_list */
.product_list{padding: 40px 0 60px 0;}
.product_list .content_list{overflow: hidden;}
.product_list .content_item{margin-left: 3%; float: left;margin-bottom: 20px;background: #fff;}
.product_list .content_item:hover{box-shadow: rgba(255,255,255,0.7);box-shadow: 0 0 12px rgba(255, 255, 255, .4);}
.product_list .content_item .pic{ padding-top: 20px; width:345px; height: 250px;}
.product_list .content_item .pic img{width: 100%;}
.product_list .content_item .text{padding: 20px 20px 30px 20px;}
.product_list .content_item .title{margin-bottom: 20px; height: 45px;}
.product_list .content_item .btn{display: inline-block;padding: 2px 10px;border: 1px solid #888888;}

.team_list{padding:1.4rem 0 5rem 0;}
.team_list .top_content{display: block;padding:0.8rem 0 1.8rem 0; font-size: 1.1rem;}
.team_list .content_item{overflow: hidden;padding:1.5rem 2rem;background: #f7f7f7;margin-bottom: 20px;}
.team_list .content_item a{display: block;overflow: hidden;}
.team_list .content_item .pic{width: 30%;float: left;}
.team_list .content_item .pic img{width: 100%;}
.team_list .content_item .text{width: 67%;float: right;}
.team_list .content_item .title{border-bottom: 1px solid #aaa;font-size:1.4rem; padding-bottom:1rem;font-weight: normal;}
.team_list .content_item .content{font-size:1rem; color:#4c4948;margin-top: 15px;}

.team_list1{overflow: hidden;padding:20px 0 60px;}
.team_list1 .content_list{ position: relative;}
.team_list1 .box{width: 100%;margin-bottom: 50px;text-align: center;}
.team_list1 .content_item{display: inline-block;margin: 0 40px;margin-bottom: 40px;}
.team_list1 .content_item .pic{width: 10rem;height: 10rem;border-radius: 50%;display: inline-block;overflow: hidden;}
.team_list1 .content_item .pic img{width: 100%;object-fit: cover;height: 100%;}
.team_list1 .content_item .text{display: block;}
.team_list1 .content_item .title{font-size: 20px;font-weight: normal;}
.team_list1 .content_item .content{font-size: 14px;position: relative;}
.team_list1 .content_item .content::before{content:"";width: 0;height: 0;position: absolute;border: 15px solid;border-color: transparent transparent rgb(113,112,113);transition: all .4s ease;margin-left: 6px;bottom: -26px;opacity: 0;}
.team_list1 .text_bj{background: #717071; font-size: 14px;  width: 100%; position: absolute; z-index: 999; left: 0; width: 100%;color: #fff;margin-top: 26px;opacity: 0;transition: all .4s ease;}
.team_list1 .text_bj .box{padding: 30px 0;display: none;}
.team_list1 .content_item:hover .text_bj{opacity: 1;}
.team_list1 .content_item:hover .box{display: block;}
.team_list1 .content_item:hover .content::before{ opacity: 1;}

.team_list2 {padding: 20px 0 60px;}
.team_list2 img{width: 80%;display: block;margin: auto;}

.message_success{ text-align: center; font-size: 16px; display: none; padding: 15px 0px; border: #f5f5f5 1px solid;}
.contact{overflow: hidden;padding: 40px 0 20px;}
.contact .left{float: left;width: 49%;}
.contact .left .inp{margin-bottom:0.85rem;color: #fff;}
.contact .left input{height:3rem; font-size:1rem;width: 100%;background: #EEEEEF;padding:0 1rem;box-sizing: border-box;outline: none;}
.contact .left textarea{width: 100%; display:block;height:8.5rem;padding:0.7rem 1rem; font-size:1rem;background:#EEEEEF;border: 0;box-sizing: border-box;}
.contact .left .btn{width: 100%; font-size:1rem;height:3.5rem;line-height:3.5rem;text-align: center;background: #003282;color: #fff;display: block;}
.contact .right{float: right;width: 46%;}
.contact .right .title{font-size: 24px;margin-bottom:2.5rem;font-weight: 400;}
.contact .right li{margin:2rem 0;font-size:1.05rem;}
.contact .right li:nth-child(1) img{ width: 1.3rem;}
.contact .right li:nth-child(2) img{ width: 1.5rem;}
.contact .right li:nth-child(3) img{ width: 1.5rem;}
.contact .right span{margin-left: 10px;}
.contact .btn_xcc{ padding-top: 0.8rem;}
.contact .btn_xcc a{ display: block; border: 1px solid #717071; text-align: center; width: 18rem; font-size: 1.2rem; line-height: 3.3rem; height: 3.3rem;}
.contact .btn_xcc a:hover{background: #900000;color: #fff;}
.map{display: block; padding-top:2rem; margin-bottom: 40px;}
.map img{width: 100%;}

.job_list{}
.job_list .body_div{background: #fff; box-sizing:border-box;padding:1.8rem 1.5rem;}
.job_list .left{width: 23%;float: left;}
.job_list .left h3{font-size: 26px; padding-left:1rem;font-weight: 400;color: #900000;line-height: 80px; height:80px; overflow:hidden; box-sizing: border-box;}
.job_list .left ul{ border-top: 1px solid #B4B4B5;}
.job_list .left li{padding:0 1rem;font-size: 1.2rem; line-height:4.2rem; height:4.2rem; overflow:hidden;border-bottom: 1px solid #B4B4B5;}
.job_list .left li:hover,.job_list .left li.on{background: #EEEEEF;}
.job_list .left li a{display: block;}
.job_list .right{margin-left: 23%;overflow: hidden;}
.job_list .right .content_list{border-left: 1px solid #B4B4B5; min-height: 400px;padding-left: 40px;margin-top: 80px;}
.job_list .right .content_item{border-bottom: 1px solid #B4B4B5; padding-bottom: 1.2rem; margin-bottom: 1.8rem;}
.job_list .right .content_item .title a{font-size: 1.4rem;color: #9e2020;font-weight: normal;}
.job_list .right .content_item .subtitle{font-size: 1rem;margin:1rem 0;font-weight: normal;}
.job_list .right .content_item .content{font-size: 0.8rem; color: #717071;}

/*job_details*/
.job_details{padding: 60px;width: 85%;margin: auto;}
.job_details .box{border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 20px;}
.job_details h3{font-size: 1.4rem;font-weight: normal;margin-bottom: 20px;}
.job_details p{position: relative;padding-left: 20px;}
.job_details p:before{content:"";width: 5px;height: 5px;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #900000;left: 0;}
.job_details .title{font-size: 1.4rem;color: #9e2020;font-weight: normal;}
.job_details .subtitle{font-size: 1rem;margin: 1rem 0;font-weight: normal;border-top: 1px solid #ccc;border-bottom: 1px solid #cccc;padding: 10px 0;}
.job_details .content{font-size: 0.8rem;}
.job_details .mail{font-size: 12px;}
.job_details .mail a{color: #900000;font-weight: bold;}
    /*市场详情*/
.serve_details{padding:2rem 0;}
.serve_details .template1 .details_txt{ font-size: 1rem;}
/*市场列表*/
.serve_list{ padding:2rem 0 2.5rem 0;}
.serve_list .top_content{font-size:1.1rem; padding-bottom: 2rem; line-height: 32px;}
.serve_list .filtrate{font-size: 16px;}
.serve_list .filtrate select{border: 0;font-size: 16px;}
.serve_list .search{display: inline-block;}
.serve_list .wrapcolor{display: flex;display:-webkit-flex;justify-content:space-between;}
.serve_list .wrapcolor .item{width: 24.5%;position: relative;}
.serve_list .wrapcolor .item img{width: 100%;}
.serve_list .wrapcolor .text{position: absolute;bottom: 0;line-height: 60px;font-size: 16px;color: #fff;padding: 0 20px;}


/*.serve_details .template1{overflow: hidden;}*/
/*.serve_details .template1 .left{float: left;width: 45%;font-size: 16px;line-height: 1.8;}*/
/*.serve_details .template1 .left p{padding: 10px 0;}*/
/*.serve_details .template1 .right{float: right;width: 50%;}*/
/*.serve_details .template1 .right .pic{background: url(../images/bj.png) repeat-y right;padding: 20px;}*/
/*.serve_details .template1 .right img{width: 100%;}  */

.serve_details .template2{position: relative;}
.server_banner img{width: 100%;}
.serve_details .template2 .newsHead{margin-bottom: 40px;text-align: center;}
.serve_details .template2 .case_head{text-align: left;}
.serve_details .template2 .case_head .title:before{left: 0;transform: translateX(0);}
.serve_details .template2 .title{font-size: 24px;font-weight: 500;position: relative;padding-bottom: 10px;}
.serve_details .template2 .title::before{content:"";width: 45px;height: 3px;background: #900000;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.serve_details .template2 .new_Main{font-size: 14px;}
.serve_details .template2 .new_Main p{margin-bottom: 10px;}
.serve_details .template2 .ms{font-size: 14px;padding: 5px;}
.serve_details .template2 .bx-rax{top: 40%;background: rgba(0, 0, 0, .2);border-radius: 0;padding: 20px 0;}
.serve_details .template2 .bx-next{margin-right: -55px;}
.serve_details .template2 .bx-prev{margin-left: -55px;}
.serve_details .template2 .text{padding: 20px;line-height: 26px;font-size: 14px;}
.serve_details .template3 {overflow: hidden;}
.serve_details .template3 .top_content{font-size: 0.8rem;margin-bottom: 20px;}
.serve_details .template3 .content_list{margin-left: -3%;}
.serve_details .template3 .content_item{width: 30%;float: left;margin-left: 3%;margin-bottom: 20px;height: 35rem;overflow: hidden;}
.serve_details .template3 .content_item .pic{height: 14rem;}
.serve_details .template3 .content_item .pic img{width: 100%;object-fit: cover;height: 100%;}
.serve_details .template3 .content_item .text{padding: 15px;background: #fff;height: 305px;}
.serve_details .template3 .content_item .title{font-size: 18px;border-bottom: 1px solid #888888;padding: 10px 0;}
.serve_details .template3 .content_item .icon{padding-right: 5px;}
.serve_details .template3 .content_item .content p{position: relative;padding-left: 10px;margin-top: 5px;color: #595757;}
.serve_details .template3 .content_item .content p::after{width: 5px;height: 5px;background: #003281;position: absolute;top: 50%;transform: translateY(-50%);left: 0;content:"";border-radius: 50%;}

/* news_list */
.news_list{ padding: 1.4rem 0 60px 0;}
.news_list .content_item{background: #fff; padding: 1.5rem 2rem; margin-bottom: 1.5rem;}
.news_list .content_item .pic{ float: left; width: 30%; height: 230px;}
.news_list .content_item .text{ float: right; width: 67%;}
.news_list .content_item h3{ font-weight: normal; font-size: 1rem;}
.news_list .content_item .timer{margin-top: 10px; color:#888;display: block;}
.news_list .content_item .content{ color: #888; font-size: 0.85rem; padding-top: 1rem; line-height: 2;}
.news_list .content_item .btn{ border: 1px solid #888888;padding: 0.2rem 0.6rem;display: inline-block;font-size: 0.8rem;margin-top:1rem;}
.news_list .content_item .btn a{ color: #888;}

.news_list1 .content_item .btn{color: #888888;border: 1px solid #888888;padding: 0 5px;display: inline-block;font-size: 0.85rem;margin-top:1rem;}
.news_list1 {padding: 1.4rem 0 60px 0;overflow: hidden;}
.news_list1 .content_list{margin-left: -3%;overflow: hidden;}
.news_list1 .content_item{background: #fff;float: left;width: 30%;margin-left: 3%;margin-bottom: 20px;}
.news_list1 .content_item .pic{position: relative; height: 11.5rem; overflow: hidden;}
.news_list1 .content_item .pic img{width: 100%;}
.news_list1 .content_item .pic::before{content:"";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255, 255, 255, .4);display: none;}
.news_list1 .content_item .pic .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.news_list1 .content_item .pic .icon img{width: 35px;height: 35px;}
.news_list1 .content_item .text{padding: 20px;}
.news_list1 .content_item .text .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list1 .content_item .text .content{height: 80px;}
.news_list1 .content_item .content{margin: 10px 0;}
.news_list1 .content_item .timer{margin-bottom: 10px;display: block;}
.news_list1 .content_item:hover .pic::before,.news_list1 .content_item:hover .pic .icon{display: block;}
.news_list1 .content_item:hover{box-shadow: 0px 0px 12px rgba(255, 255, 255, .4);}
.news_list1 .content_item:hover .btn{background: #888;color: #fff;}