@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; }
.banner{height:600px;}
.banner .ban_c img{position:absolute;width:1920px;border-radius:0px; left:50%; top:0;transform: translate(-50%, 0%);}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url("..pro_img/cir_white.gif") no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#ff6600;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #ff6600;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden; margin-bottom: 0px;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;border-radius:0px;}
.frontCover .open{background:#ff6600;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden; }
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

/*产品*/
.cjse_m{ width: 100%; overflow: hidden;} 
.wns_pr{ width: 100%; text-align: center; overflow: hidden;} 
.wns_pr img{ border-radius:0px;} 
.wns_prc{ width: 70%; margin: 0px auto; overflow: hidden;} 
.wns_prc img{ width: 100%; overflow: hidden;} 
.wns_pra{ max-width: 1200px; overflow: hidden; margin: 0px auto;} 
.carousel-inner {  text-align: center;}

.wns_dzh_l{ width: 40%; overflow: hidden; text-align: left;  padding-left: 2%; }
.wns_dzh_l h3{ width:100%; font-size: 2.3rem; font-weight: 700; padding-top: 45px;}
.wns_dzh_l p{ width:100%;  line-height: 26px; font-size: 1rem;}
.wns_dzh_r{ width: 55%; overflow: hidden; padding-top: 0px; }
.wns_dzh_r img{ width: 100%;}
.padding-10{ padding-left: 10%; padding-right: 3%}
.padding-top5{ padding-top: 3%; padding-bottom: 3%;}
.color_wns{ background-color: #f5f5f5;}
.f_l{ float: left}
.f_r{ float: right}
.p_l_5{ padding-left: 5%;}
.p_l_3{ padding-left: 3%;}
.p_r_5{ padding-right: 5%;}
.p_r_3{ padding-right: 3%;}
.common-title {  font-size: 33px;  line-height: 30px;  color: #0f366d;  text-align: center; }
@media (min-width:940px) and (max-width:1340px) {
.wns_pr{ width: 100%; overflow: hidden;} 
.wns_dzh_l{ width: 52%; overflow: hidden; text-align: left; }
.wns_dzh_l h3{ width:100%; height: 70px;; line-height:40px; font-size: 1.6rem; font-weight: 700; padding-top: 30px;}
.wns_dzh_l p{ width:100%;  line-height: 23px; font-size: 14px; }
.wns_dzh_r{ width: 48%;  padding-bottom: 0%; overflow: hidden; padding-top: 15px; padding-right: 5%;}
.wns_dzh_r img{ width: 100%;}
.wns_pra{ width: 100%px; overflow: hidden;}
.common-title {  font-size: 30px;  line-height: 30px;  color: #0f366d;  text-align: center; }
}

@media (min-width:360px) and (max-width:940px) {
.wns_pr{ width: 100%; overflow: hidden;} 
.wns_dzh_l{ width: 100%; overflow: hidden; text-align: left; padding-left: 5%; padding-right: 5%; padding-bottom: 0px;}
.wns_dzh_l h3{ width:100%; height: 34px;; line-height:34px; font-size: 1.6rem; font-weight: 700;padding-top: 0px;  }
.wns_dzh_l p{ width:100%;  line-height: 23px; font-size: 0.9rem;   }
.wns_dzh_r{ width: 100%; margin-right: 0%; margin-left: 0%;  padding-bottom: 0%; overflow: hidden; padding-top: 0px;  text-align:center;}
.wns_dzh_r img{ width: 79%;}
.wns_pra{ width: 100%; overflow: hidden; } 
.all_cal_color h2 {  font-size: 18px;}
.service-item h3 { font-size: 0.9rem; font-weight: 500; }
.service-item h3 a{ font-size: 0.9rem; font-weight: 500; }
}
.wns_bg{ width: 100%; overflow: auto; background: url("../pro_img/wns_bg.jpg") top; color: #ffffff; position: relative;}
.yyqw_bg{ width: 100%; overflow: auto; background: url("../pro_img/yyqw_bg.jpg") top; color: #ffffff;position: relative;}
.yyqw_bga{ width: 100%; overflow: auto; background: url("../pro_img/yyqw_bg5.jpg") bottom;}
.dzh_bg{ width: 100%; overflow: auto; background: url("../pro_img/dzh_bg.jpg") top no-repeat; color: #ffffff;position: relative; background-size:100% 100%}
.dzh_bg_s{ width: 100%; overflow: auto; background: url("../pro_img/dzh_bg_h1.jpg") bottom no-repeat; color: #ffffff;position: relative; height: auto; background-size:100% 100%}

/*
.dzl_bg_h{ width: 100%; overflow: auto; background: url("..pro_img/dzh_bg_h.jpg") bottom no-repeat; color: #ffffff;position: relative;}
.dzh_bga{ width: 100%; overflow: auto; background: url("../pro_img/dzh_bga.jpg") bottom; text-align: center;}
*/
.wns_dzh_a{ width: 100%;  overflow: hidden;text-align: center;}
.wns_dzh_a img { width: 70%;  overflow: hidden;}
.wns_dzh_a p { width: 100%; overflow: hidden; font-size: 18px; line-height: 34px; text-align:left;}
.wns_dzh_a h3 { width: 100%;  font-size: 30px; line-height: 60px;}

/*产品表格*/
.wns_pr{ text-align: center;} 
.wns_pr img{ border-radius:0px;}
.pro-canshu { padding:0px 0; font-weight: 500 }
.pro-canshu .content>p { font-size: 14px; line-height: 19px; color: #999 }
.pro-canshu .content>p span { color: #ea5504 }
.table-style2 {margin:0px auto; max-width: 1200px; max-height: 600px; overflow-y:auto; overflow-x: hidden;-ms-overflow-style:none;}
.table-style2 table { border-collapse: collapse; border-spacing: 0; width:100%; font-size: 16px; color: #555; }
.table-style2 td, .table-style2 th {padding:0px;border: 1px solid #fff;text-align: center; line-height: 46px; height: 46px;}
.table-style2 thead{position: sticky;top: 0;}
.table-style2 thead td{border-top:none;}
.table-style2 .firstRow td { background: #0f366d; color: #fff;}
.table-style2 tbody td{white-space: nowrap;}
.table-style2 table tbody tr:nth-child(even) td{background-color: #f6f6f9;}
.table-style2 table tbody tr:nth-child(odd) td{background: #dddddd;}
.table-style2 table tbody tr:hover td{ background-color: #ededed; }
.table-style2::-webkit-scrollbar {display: none;}
/*WNS产品页*/
.wns_c{max-width: 1200px; margin: 0px auto;overflow: hidden;}
.wns_cp{width: 100%; overflow: hidden;}
.wns_cp p span {  color: #ea5504;font-size: 18px; font-weight: 700; width: 1200px; padding: 15px auto; margin: 0px auto;}
.wns_cp ul li{width: 23%; overflow: hidden; float: left;}
.wns_cp ul li img{width: 100%;}
.wns_cp ul li p{ font-size: 16px; line-height: 22px; padding-top: 15px;padding-left: 10px;}
.wns_mr{ margin-right: 1%; margin-left: 1%;}
@media (min-width:740px) and (max-width:970px) {
.common-title {  font-size: 23px;  line-height: 30px;  color: #0f366d;  text-align: center; }
  
}
@media (min-width:320px) and (max-width:740px) {
.wns_cp ul li{width: 48%; overflow: hidden; float: left;}
.wns_cp ul li p{ font-size: 12px; line-height: 22px; height: 70px; padding-left: 10px;}
.wns_c { max-width: 90%;  margin: 0px auto;  overflow: hidden;}
.learn_more_adna{ width:100%;  position: relative; overflow:hidden;}
.learn_btna {left: 35%;  position: absolute;}
.common-title {  font-size: 18px;  line-height: 30px;  color: #0f366d;  text-align: center;}
}
.learn_more_adna{ width:100%;  position: relative; overflow:hidden;}
.learn_btna { padding: 10px 30px; background: #FFF1B9;color: #ffc80a; border-radius: 5px; display: inline-block; left: 45%;
    position: absolute;}
.learn_btna:hover{	background:#ffc80a;	color:#fff; }

.gl_dzh_tit{ width: 100%;background: rgba(0,0,0,0.6); position:absolute; line-height: 70px; height: 70px; left: 50%;  bottom: 0; margin-left: -50%;}
.learn_more_adn{z-index:9;}
.gl_dzh_tita{ max-width: 1200px; margin: 0px auto; overflow: hidden; }
.gl_dzh_titb{ max-width: 100%;  overflow: hidden;  background: url("..pro_img/gl_dzh_bg01.jpg") no-repeat;}
.gl_dzh_titbb{ max-width: 1200px;  margin: 0px auto; overflow: hidden; padding-top:30px;}
.gl_dzh_titbb p{ line-height: 34px; font-size: 16px; padding-left: 15px; padding-right: 15px; }
/*
.gl_dzh_h {  font-size: 39px;  color: #113381;  line-height: 46px;  padding-bottom: 30px; font-weight: 600;  overflow: hidden; font-family: '思源宋体 CN SemiBold', Fixedsys; }
.gl_dzh_h::before {  width: 6px;  height: 43px;  content: "";  background: #113381;  margin-right: 20px;  float: left;}
*/
.gl_dzh_h { width: 100%; overflow: hidden; height: 74px;  border-bottom: 0px solid #113381; margin-bottom: 30px; background: url("../pro_img/gl_dzh_titbg.png") center bottom;}
.gl_dzh_h h3 { margin: 0px auto;font-family: '思源宋体 CN SemiBold', Fixedsys;  font-size: 39px;  color: #113381; text-align: center; font-weight: 700;  line-height: 34px;  }
.gl_dzh_h h4 { margin: 0px auto;font-size: 12px;  color: #113381; text-align: center; font-weight: 500;  line-height: 39px;  }


/*品牌故事*/
.brand_story.channel_content{padding:0;}
.wrap {  max-width: 1200px;  margin-right: auto;  margin-left: auto;}
.brand_story02 .rect-5520{padding-bottom:55.2%;}
/*服务*/
.brand_story02 .imgZoom { position:relative; height:590px; }
.brand_story02 .img img{position:absolute; width:100%; top:0; left:0;}
.brand_story02 .cover {width:50%; height:500px; position:absolute; bottom:0; background-color:rgb(0,0,0,0.75);padding:60px 40px 60px;}
.brand_story02 .odd  {left:0;}
.brand_story02 .even {right:0;}
.brand_story02 .tit{ font-size:36px; color:#fff; font-weight:500; position:relative; margin-bottom:50px;}
.brand_story02 .tit a{font-size:36px; color:#fff; font-weight:500;}
.brand_story02 .tit:after{content:''; position:absolute; bottom:-20px; width:342px; height:3px; background:#f6f6f6; left:0;}

.brand_story02 .cover .list{ height:270px; overflow-y:auto; color:#fff;line-height:26px;}
.brand_story02 .cover .list li{display:block; font-size:14px; color:#fff; line-height:26px; position:relative; cursor:pointer; transition:all 0.5s ease;}
.brand_story02 .cover .list li span{ font-size:16px; font-weight: 700px;}
.brand_story02 .cover .list li:hover:after{width:100%;}
.brand_story02 .cover .list li:hover{color:#FFC80A}


.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);transition:all 0.5s;}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);transition:all 0.5s;}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.service_top_image:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);
transition:all 0.5s;}


/*去掉全站滚动条样式之后的页面滚动条修改*/
.brand_story02 .cover .list::-webkit-scrollbar-track-piece {background:#f8f8f8;}  
.brand_story02 .cover .list::-webkit-scrollbar {width:0px; height:5px;} 
.brand_story02 .cover .list::-webkit-scrollbar-thumb {background:#20ade5; background-clip:padding-box; min-height:10px;}
.brand_story02 .cover .list::-webkit-scrollbar-thumb:hover {background:#bbb;}
.brandBox_detail .box .box_scroll::-webkit-scrollbar-track-piece {background:#f8f8f8;}  
.brandBox_detail .box .box_scroll::-webkit-scrollbar {width:5px; height:5px;} 
.brandBox_detail .box .box_scroll::-webkit-scrollbar-thumb {background:#20ade5; background-clip:padding-box; min-height:10px;}
.brandBox_detail .box .box_scroll::-webkit-scrollbar-thumb:hover {background:#bbb;}
body .select-ui-options-default::-webkit-scrollbar-track-piece {background:#f8f8f8;}  
body .select-ui-options-default::-webkit-scrollbar {width:5px; height:5px;} 
body .select-ui-options-default::-webkit-scrollbar-thumb {background:#20ade5; background-clip:padding-box; min-height:10px;}
body .select-ui-options-default::-webkit-scrollbar-thumb:hover {background:#bbb;}
/*去掉全站滚动条样式之后的页面滚动条修改 end*/


@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/
	   /*品牌故事*/
    .brand_story01{padding:60px 0;}
    .brand_story01 .infor .tit{font-size:30px;}
    .brand_story02 .cover {padding:30px;}
    .brand_story02 .cover .list{width:100%;}
    .brand_story02 .cover .list{line-height:30px;}
    /*
    .brand_story02 {height:456px;}*/
    .brand_story02 .cover{height:100%;}
    .dzh_bg_s {  width: 100%;  overflow: auto;   color: #ffffff; }
}

@media only screen and (max-width:992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
 /*品牌故事
    .brand_story02 {height:360px;}*/
    .brand_story02 .tit{font-size:20px;}
    .brand_story02 .tit:after{width:90%;}
    .brand_story02 .tit{margin-bottom:36px;}
    .brand_story02 .cover .list {font-size:14px;}
    .gl_dzh_tit { z-index: -9;}
}
@media only screen and (max-width: 760px) {
    body:after { content: 'Mobile'; }
    body,input,textarea,button,select {font-size:16px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:2%; padding-right:2%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

 /*品牌故事*/
    .brand_story01{padding:15px 0;}
    .brand_story01 .infor .tit{font-size:20px; margin-bottom:5px; line-height:25px;}
    .brand_story01 .infor .con{font-size:14px;}
    .brand_story02 {margin-bottom:15px; height:auto;}
    .brand_story02 .cover{width:100%; position:static; height:360px;}
    .brand_story02 .cover {padding:30px 15px 0px;}
    .brand_story02 .img img{position:static;}
    .gl_dzh_h h3 { margin: 0px auto;font-family: '思源宋体 CN SemiBold', Fixedsys;  font-size: 26px;  color: #113381; text-align: center; font-weight: 700;  line-height: 34px;}
}
/*产品图片*/

.dzh_c{ width:100%; overflow: auto; text-align: center;}
.dzh_c img{max-width:1200px; overflow: auto; text-align: center;}

.ygl_c{ width:100%; overflow: auto; text-align: center;}
.ygl_c li{ width:50%; overflow: auto; text-align: center; float: left;}
.ygl_c li img{width:96%; overflow: auto; text-align: center;}

@media (min-width: 10px) and (max-width: 991px) {
  .mobile_logo_area {     margin: 0px 10px;  }
}