@charset "utf-8";

/*===========================header=============================*/
#header{width:100%;z-index: 9999;height:80px;}
#logo{ display: block; position: absolute; left: 1.5rem; top: 12px;}
#logo img{height:32px;border: none;display:block;}
#logo .logo_lase{max-width: 70%;height: auto;margin-top: 5px;}
body{ width:100%;}
a,p,input{outline:none;}
.w1200{ width:94%; margin:0 auto}


.nav_btn{position: absolute;margin-top: 15px;right: 1rem;width: 40px !important;height: 40px !important;border-radius:3px;transition: 0.5s;cursor: pointer;border:none;padding: 0;outline: none;background: none;}
.line{position: relative;display: block;width: 26px;height: 2px;margin: 1px auto 0;background: #505050;border-radius:3px;}
.line:before,.line:after{content: '';width: 100%;height: 2px;left: 0;position: absolute;background: #505050;border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.3s,0s;}
.line:before{transition-property: bottom,transform;bottom: 8px;}
.line:after{transition-property: top,transform;top: 8px;}
.nav_btn_active{right: 240px;position: fixed; z-index:999; top:0; border-radius:0;}
.nav_btn_active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.nav_btn_active span:after,.nav_btn_active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.nav_btn_active span:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.nav_btn_active span:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.header-nav {display: block;width: 240px;position: fixed;top: 0;right: 0;opacity: 0;transition: 0.5s;text-align: left; transform: translateX(240px);*visibility: hidden;height: 100vh; overflow: auto; bottom: 0; z-index: 1090; background: #f8f8f8; }
.header-nav-active {opacity: 1; display:block;transform: translateX(0);}
.am-offcanvas-content{ padding:0;}
#aside_nav .am-offcanvas-bar{ width: 252px; background: #f4f4f4;}
#nav .am-list > li{  background: none; border-color:rgba(0,0,0,.06); padding:1.5rem 0; box-shadow:none !important; }
#nav .am-list > li a{padding:0;padding-left:2rem;font-size:14px;color: #333;}
#nav .am-fr[class*="am-icon-"]{ color:#999 !important;}
#nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;}
#nav .am-list > li ul li{padding:0 2rem;line-height: 3rem;display: block;border:0;}
#nav .am-list > li ul li{}
#nav .am-list > li ul li:last-child{ border:none;}
#nav .am-list > li ul li a{font-size:12px;display:block;padding:0;color: #666;}
#nav .am-fr[class*="am-icon-"]{ color: #eee;}
#nav .doc-oc-demo3{ width:50px;}
#nav .am-list > li ul{ padding-top: 10px; }
.am-offcanvas-bar::after{ background:none;}
#index_nav_bar li{}
#index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;}
.am-pureview{ z-index:10000; }
#header .mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

.am-control-nav{bottom: 1.5rem !important;line-height: 8px;}
.am-control-nav li a{background: none;border-radius: 5px;}
.am-slider-default .am-control-nav li a{
    /* border: none; */
    background: rgba(0,0,0,0.25);
    box-shadow: none;
    border: rgba(255,255,255,0.5) 1px solid;
}
.am-control-nav li a.am-active{background: none;box-shadow:none;}
.am-slider-default .am-control-nav li a:hover{ background: #e62129;}
.am-slider-default{ background: none;}
.am-slider-default .am-direction-nav a:before{ color: #fff;  }
.am-slider-default .am-direction-nav a.am-next:before{}

.banner{}
.banner #banner-button-next,.banner #banner-button-prev{display:none;}
.banner #banner-pagination{}
.banner #banner-pagination .swiper-pagination-bullet-active{background-color:#383C83;}


/*===================footer==========================*/
#footer_box{ padding: 0px;  z-index:999; position:relative;}
#footer_box .copyright{color:#797b7d; display:block; font-size: 13px;}
#footer{ position:fixed; bottom:0; left:0; width:100%;}
#footer ul{background: #1f2021;padding: 0 0;}
#footer li{display: block;border-right: #7d7e7e 1px solid;}
#footer li a{display: block;color: #fff;font-size: 14px;height: 50px;line-height: 50px;}
#footer li img{opacity: 1;margin: -3px 0 0;}
#footer li a .j_iconfont{color: #929293;display: inline-block;margin-bottom:2px;margin-right: 6px;}
#footer li:last-child a{ border: none;} 

#copyright{font-size: 12px;line-height: 20px;color: #818181;text-align: center;padding: 0 2rem;}
#copyright a{color: #818181;}


#gotop{position:fixed;display: block;width: 40px;height: 40px;line-height: 36px;bottom: 52px;right: 0;z-index: 9999;background: #1384e2;border-radius: 50%;}
#gotop img{display: inline-block;height: 20px;}

#n_banner{background-repeat:no-repeat; background-position: center; background-size: cover; height:40vw;}
#n_banner img{display:none;}
#s_main_box{margin-bottom: 7rem; position:relative;}

.two_nav{padding:0 20px;margin:25px 0 ;}
.two_nav ul{display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
.two_nav ul li{text-align: center;background:#f1f1f1; }
.two_nav ul li a{font-size:14px;color:#333333;line-height:35px;height:35px;}
.two_nav ul li.on {background:#383c83;}
.two_nav ul li.on a{color:#ffffff;}




/**/
#n_recrui_box{padding:0px 0 20px;}
#n_recrui_box .list{margin-bottom:50px;}
#n_recrui_box .list ul{display: block;}
#n_recrui_box .list ul li{width: 100%;padding:0;margin-bottom: 20px;}
#n_recrui_box ul li *{transition: .5s}
#n_recrui_box ul li a{display: flex;justify-content: space-between;background: #fbfbfb;padding: 15px 15px;border-radius: 0;flex-wrap: wrap;}
#n_recrui_box ul li a .ll{width: calc(100% - 35px);}
#n_recrui_box ul li a .rr{width: 32px;}
#n_recrui_box ul li a .box{width: 100%;margin: 5px 0 0;display: flex;flex-wrap: wrap;height: 60px;}
#n_recrui_box ul li a .box p{font-size: 13px;color: #333333;line-height: 30px;opacity: .7;width: 50%;}
#n_recrui_box ul li a h5{font-size: 18px;color: #333333;height: 30px;display: flex;align-items: center;margin-bottom: 10px;}
#n_recrui_box ul li a h5 svg{width: 24px;height: 24px;margin: 0 15px 0 0;vertical-align: top;fill: #383c83;min-width: 24px;}
#n_recrui_box ul li a p{font-size: 13px;color: #333333;line-height: 30px;opacity: .7;}
#n_recrui_box ul li a h6{font-size: 1rem;color: #333333;line-height: 1.25;margin: 2rem 0 0;opacity: .7}
#n_recrui_box ul li a .rr svg{width: 32px;height: 32px;fill: #a8aaac;}
.gg_tc{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10000;opacity: 0;visibility: hidden;transition: .5s;display: flex;align-items: center;justify-content: center;}
.gg_tc.act{opacity: 1;visibility: visible}
.gg_tc .tc-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.8);}
.gg_tc .tc_box{background: #fff url(../images/tc_box_bg.jpg) center no-repeat;background-size: cover;width: 1162px;position: relative;border-radius: 0;padding: 52px;max-width: calc(100% - 30px);display: flex;flex-wrap: wrap;max-height: calc(100vh - 60px); padding: 20px 15px;}
.gg_tc .tc_box .left{width: 316px;padding: 0 15px 0 0;display: flex;flex-direction: column;/* justify-content: space-between;*/}
.gg_tc .tc_box .left h3{font-size: 1.625rem;color: #333333;line-height: 1.5;}
.gg_tc .tc_box .right{width: calc(100% - 316px);border-left: #e3dfdf 1px solid;position: relative;}
.gg_tc .tc_box .right::after{content: "";position: absolute;top: 0;left: -2px;background:#383c83;width: 3px;height: 2.5rem;}
.gg_tc .tc_box .right .scroll{padding: 0 0 0 60px;/* height: 32rem;*/overflow: hidden;overflow-y: scroll;}
.gg_tc .tc_box .right .scroll::-webkit-scrollbar{width:3px;height: 8px;background-color: transparent;}
.gg_tc .tc_box .right .scroll::-webkit-scrollbar-track{border-radius: 0;background-color:transparent;}
.gg_tc .tc_box .right .scroll::-webkit-scrollbar-thumb{border-radius: 0;background-color:#383c83;}
.gg_tc .tc_box .right .ar_article p{font-size: 1rem;color: #7a7a7f;line-height: 1.875rem;margin-bottom: 1.875rem;}
.gg_tc .tc_box .right .ar_article{padding:0;}
.gg_tc .tc_box .right h3{font-size: 1.25rem;color: #383c83;font-weight: normal;margin-bottom: 1.75rem;}
.list_box_17s{margin: 10px 0 20px;}
.list_box_17s li{font-size: 1rem;color: #333333;line-height: 2.25rem;opacity: .7;}
.more003 a{display: flex;width: 15rem;height: 4.6875rem;border: #e5e5e5 1px solid;border-radius: 6px;align-items: center;justify-content: center;flex-direction: column}
.more003 a h5{font-size: 1rem;color: #333333;line-height: 1.5}
.more003 a h6{font-size: 13px;color:#383c83;line-height: 1.25;margin: .125rem 0 0;}
.more004{margin: 10px 0 0;}
.more004 a{background: #383c83;display: flex;width: 160px;height: 50px;border: #383c83 1px solid;border-radius: 6px;align-items: center;justify-content: center;font-size: 1rem;color: #fff;transition: .5s;}
.more004 a:hover{background: #383c83;border: #383c83 1px solid;}

.n_dongshi .fl04 .left{ width: 100%; padding: 0;}
.n_dongshi .fl04 .right{ width: 100%; display: none;}
	
.list_box_13{ margin-bottom: 0;}
.list_box_13 li{ width: 100%;  margin-bottom: 1.25;}
	
.list_box_17{ margin:1.5rem 0; display:flex; flex-wrap:wrap}
.list_box_17 li{min-width: 50%;}
.gg_tc .tc_box .left{ width: 100%;}
.gg_tc .tc_box .right{width: 100%;margin: 0 0 0;}
.gg_tc .tc_box{ padding: 20px 15px;}
.gg_tc .tc_box .right .scroll{padding:0 0 0 15px;height: calc(100vh - 30px - 2rem - 40px - 30rem);}
.more003 a, .more004 a{ width: 100%;}
	
.list_box_job{ margin:0 -6px}
.list_box_job li{ width:50%; padding:0 6px}

.more003.ar_web, .more004.ar_web{ display:none}
.more003.ar_wap, .more004.ar_wap{ display:block}

/*banner*/

#mode_coop{ margin-bottom: 20px;}
#mode_coop ul{ margin:0 -5px;}
#mode_coop ul li{ padding:5px; margin-bottom:10px; }
#mode_coop ul li .img{ width:100%;display:block; padding:0 6px;background:#fff; border:1px solid #eee; height: 100%; text-align:center;  text-align: -webkit-center;}
#mode_coop ul li .img a{ display: block; text-align: center;height: 72px;  display: table-cell; vertical-align: middle;}
#mode_coop ul li .img a img{ max-width: 100%; max-height: 100%; height: auto;}
#mode_coop ul li h5{ font-size:13px; color:#666; text-align: center; line-height:30px;}


#mode_case1 ul{  margin:0 -5px;}
#mode_case1 li{ margin-bottom:5px;}
#mode_case1 li a{  display: block; margin: 5px; vertical-align:middle; text-align:center;  }
#mode_case1 li a img{  width: 100%; height:100%; overflow: hidden;  }
#mode_case1 ul li h5{ background:#eaebed; color:#222; font-size: 14px; text-align: center; padding: 12px 10px;  }  



#mode_case2{ margin-bottom:30px;}
#mode_case2 ul li{ font-size:0; margin-bottom:15px;}
#mode_case2 ul li a{ display:block; width:100%; height:100%; background:#edecf1; overflow:hidden;}
#mode_case2 ul li .img{width: 44%;float:left;overflow:hidden;}
#mode_case2 ul li .img img{transition:ease-in-out 2s;-moz-transition:ease-in-out 2s;-ms-transition:ease-in-out 2s;-o-transition:ease-in-out 2s;-webkit-transition:ease-in-out 2s;height: 108px;}
#mode_case2 ul li .txt{width: 56%;float:left;padding: 0 15px;height: 108px;}
#mode_case2 ul li .txt h5{font-size:15px;color:#090909;padding-top: 13px;margin-bottom:0;font-weight:100;}
#mode_case2 ul li .txt h5:hover{ color:#e1582c;}
#mode_case2 ul li .txt i{display:block;width:18px;height: 2px;background: #1384e2;margin-top:8px;margin-bottom:12px;}
#mode_case2 ul li .txt span{ font-size:12px; color:#808080;display:block; margin-bottom:16px; line-height:18px; height:36px; overflow:hidden;}
#mode_case2 ul li .txt p{ font-size:12px; color:#76767d; line-height:24px; height:72px; overflow:hidden;}
#mode_case2 ul li .txt .btn{ display:block; width:72px; height:30px; line-height:30px;text-align:center;background:#fff; font-size:12px; color:#2f2f2f; border-radius:30px; margin-top:25px; transition:.3s; -webkit-transition:.3s;}
#mode_case2 ul li .txt .btn:hover{ background:#e1582c; color:#fff;}



#mode_pro1{ margin-bottom:30px;}
#mode_pro1 ul li{ font-size:0; margin-bottom:15px; border:1px solid #edecf1;}
#mode_pro1 ul li a{ display:block; width:100%; height:100%; background:#edecf1; overflow:hidden;}
#mode_pro1 ul li .img_mid{width: 44%;height:110px;float:left;overflow:hidden;display:table;background:#fff;}
#mode_pro1 ul li .img_mid div{ display:table-cell; height:110px; vertical-align:middle; text-align:center;}
#mode_pro1 ul li .img_mid img{width: 100%;height: 100%;}
#mode_pro1 ul li .txt{width: 56%;height:110px;float:left;padding:0 10px;display:table;}
#mode_pro1 ul li .txt div{ display:table-cell; vertical-align:middle; height:110px;}
#mode_pro1 ul li .txt h5{ font-size:15px; color:#1c1b1b; font-weight:100; margin-bottom:8px;}
#mode_pro1 ul li .txt h5:hover{ color:#e1582c;}
#mode_pro1 ul li .txt p{ font-size:12px; color:#646464; line-height:18px; height:36px; overflow:hidden;}
#mode_pro1 ul li .txt span{font-size:11px;color: #1384e2;text-transform:lowercase;display:inline-block;margin-top:10px;font-weight:100;position:relative;text-transform:uppercase;}
#mode_pro1 ul li .txt span:before{content:"";width:3px;height:10px;display: inline-block;background: #1384e2;margin-right:5px;}


#mode_pro2 ul{  margin: 0 -5px;}
#mode_pro2 li{ border: none; margin: 0; margin-bottom:5px; }
#mode_pro2 li a{  display: block; margin:5px; background:#eaebed; padding:3px;  }
#mode_pro2 li .img_mid{  display: table; width: 100%; overflow: hidden; box-sizing: border-box; background:#fff; }
#mode_pro2 li .img_mid div{display:table-cell;width:100%;height: 110px;vertical-align:middle;text-align:center;}
#mode_pro2 li .img_mid img{width: 100%;height: 100%;}
#mode_pro2 ul li h5{ margin:0; font-size:14px; color:#222; font-weight:300; text-align:center; line-height:40px;}


#mode_news6{ margin-top:30px; margin-bottom:30px;}
#mode_news6 ul{}
#mode_news6 ul li{ background:#f3f3f4; margin-bottom:18px;}
#mode_news6 ul li .img{ width:100%; position:relative;}
#mode_news6 ul li .img img{ width:100%; transition:2s; -webkit-transition:2s; -moz-transition:2s; -ms-transition:2s;-o-transition:2s;}
#mode_news6 ul li .txt{ width:100%; padding:20px 10px;}
#mode_news6 ul li .txt h5{ font-size:15px; color:#252525; margin-bottom:8px;}
#mode_news6 ul li .txt p{ font-size:12px; color:#848484; line-height:18px; height:36px; overflow:hidden;}
#mode_news6 ul li .txt span{ position:relative; display:block; font-size:12px; color:#aeaeae; font-family:arial; height:20px; line-height:20px; margin-top:10px;}
#mode_news6 ul li .txt h5:hover{ color:#e1582c;}

#mode_team1{ margin-bottom:20px;} 
#mode_team1 ul{  margin:0 -5px;}
#mode_team1 li{ margin-bottom:5px;}
#mode_team1 li a{display: block;margin: 5px;vertical-align:middle;background: #f9f9f9;}
#mode_team1 li a img{  width: 100%; overflow: hidden;  }
#mode_team1 ul li .txt{ padding: 15px 10px;}
#mode_team1 ul li h5{color:#222;font-size: 14px;margin-bottom:5px;line-height: 20px;text-align: left;} 
#mode_team1 ul li p{ font-size:12px; color:#848484; line-height:18px; overflow:hidden;}

#mode_licheng1{ margin-bottom:30px;}
#mode_licheng1 ul{}
#mode_licheng1 ul li{ overflow:hidden; margin-bottom:20px;}
#mode_licheng1 ul li .img{ width:40%; height:90px; float:left; overflow:hidden; display:table; border:3px solid #ddd;}
#mode_licheng1 ul li .img img{ width:100%; height:100%;}
#mode_licheng1 ul li .txt{ width:60%; height:90px; float:left; padding:0 10px; display:table;}
#mode_licheng1 ul li .txt div{ display:table-cell; vertical-align:middle; height:90px;}
#mode_licheng1 ul li .txt p{ font-size:12px; color:#777879; line-height:18px; max-height:72px; overflow:hidden;}
#mode_licheng1 ul li span{font-size:18px;color: #696969;display:block;border-bottom: 1px solid #f3f3f3;margin-bottom:15px;padding-bottom:5px;}

#mode_licheng2{}
#mode_licheng2 .n_gczs_slide{ border-left:1px solid #e9e9e9; margin-left: 10px;}
#mode_licheng2 .swiper-slide{ margin-left: -12px;}
#mode_licheng2 .swiper-slide{ width:100%; padding-bottom:15px; padding-left:20px;}
#mode_licheng2 .swiper-slide h5{font-size:20px;color:#535354;margin-bottom:0;position:relative;left:-20px;padding-left:30px;}
#mode_licheng2 .swiper-slide h5:before{ content: url(../images/icon_gzzs.png); position:absolute; left:0; top:0; display:inline-block;}
#mode_licheng2 .swiper-slide h5 span{ font-size:16px;}
#mode_licheng2 .n_gczs_slide .article{margin-right:0;padding-left: 10px;}
#mode_licheng2 .n_gczs_slide .article p{font-size: 12px;color: #787878;float: none !important;line-height: 28px;padding-bottom: 20px;}
#mode_licheng2 .n_gczs_slide .article img {max-width: 100%;display: block;margin: 0 auto 0 auto;float: none !important;}

#mode_zizhi1{margin: 1rem 0;}
#mode_zizhi1 ul{ position: relative;  margin: -5px;}
#mode_zizhi1 li{ display:block; position: relative;  }
#mode_zizhi1 li a{display: block; padding: 0; padding-bottom: 1rem; margin:5px;  position: relative;}
#mode_zizhi1 li a .img_mid{  width: 100%; height:150px; display:table; background: #edecf1;}
#mode_zizhi1 li a .img_mid div{ display:table-cell; vertical-align:middle; text-align:center; width: 100%; height:150px; }
#mode_zizhi1 li a .img_mid img{ max-height:90%; max-width:90%; margin:0; display: inline-block;}
#mode_zizhi1 li a h5{margin:0 10px;padding-top:10px;text-align: center;color:#212734;font-size: 13px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: normal;}


#mode_zizhi2{ margin-bottom: 3rem;}
#mode_zizhi2 ul{ position: relative;  margin: -5px;}
#mode_zizhi2 li{ display:block; position: relative;  }
#mode_zizhi2 li a{display: block; padding: 0; padding-bottom: 1rem; margin:5px;  position: relative;}
#mode_zizhi2 li a .img_mid{  width: 100%; height:150px; display:table; background: #edecf1;}
#mode_zizhi2 li a .img_mid div{ display:table-cell; vertical-align:middle; text-align:center; width: 100%; height:150px; }
#mode_zizhi2 li a .img_mid img{ max-height:90%; max-width:90%; margin:0; display: inline-block;}
#mode_zizhi2 li a h5{ margin:0 10px; padding-top:10px; text-align: center; color:#212734; font-size: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }



#tt_xq{ text-align:center; border-bottom:1px solid #dfe0e0; padding-bottom:10px; margin-bottom:25px; position:relative;}
#tt_xq:after{ content:""; width:80px; height:3px; background:#383C83; display:block; bottom:-2px; left:50%; margin-left:-40px; position:absolute;}
#tt_xq h3{text-align:center;font-size:16px;color:#2d3134;margin-bottom: 0.5rem;}
#tt_xq p{ font-size:12px; color:#a2a4a5;}

#mode_news_xq1{}
#mode_news_xq1 .con{ min-height:300px;}



#mode_news_xq1{}
#mode_news_xq1 .img{ text-align:center;}
#mode_news_xq1 .tt{ font-size:20px; color:#3a3c3d; border-bottom:1px solid #ebebeb; padding:20px 0 10px; margin-bottom:20px;}
#mode_news_xq1 .tt span{ font-size:15px; color:#7e7e7f; border-left:1px solid #999; padding-left:10px; margin-left:10px;}


.message{padding:20px 0 20px;background: #fff;}
.message .wrap{width:96%;}
.message .title{font-size:16px;text-align: center; color: #000000;}
.message .content { margin-top: 36px;}
.message .content textarea, .message .content input[type='text']{float: none;width: 100%; height: 45px; line-height: 42px;padding: 0 10px; font-size: 14px;margin-bottom: 15px;color: #333;border: solid 1px #e4e4e4; box-sizing: border-box;}
.message .content textarea{height:80px;}

.message .content .r, .message .content .l{width:100%;float:none!important;}
.message .content .btn{height:45px;line-height:45px;font-size: 16px; width: 100%; text-align: center;  display: block; background:#383c83; color: #fff; cursor: pointer;  border: none;  transition: 0.4s;  -webkit-transition: 0.4s;  -moz-transition: 0.4s;  -ms-transition: 0.4s;  -o-transition: 0.4s;}
#mode_lianxi1 .map{height:60vw!important;}
#mode_lianxi1 .map .BMap_omCtrl{width:90px!important;height:90px!important;}
#mode_lianxi1 .map .BMap_omCtrl .BMap_omOutFrame{width:89px!important;height:89px!important;}
#mode_lianxi1 .map .BMap_omCtrl .BMap_omOutFrame .BMap_omInnFrame{width:86px!important;height:86px!important;}



/*====人力资源====*/
.n_talent{padding: 0 0 0 0;}
.n_talent ul{float:left;position: relative; width: 100%;margin-bottom:5%;}
.n_talent ul li{float:left;width: 100%;height: auto;margin: 0 0 1rem 0;text-align: left;cursor:pointer;overflow:hidden;background-color: #f9f9f9;box-sizing:border-box;border-radius: 3px;padding: 0 5%;position: relative;}
.n_talent ul li .con{float:left;width: 100%;height: auto;position:relative;z-index:1;}
.n_talent ul li h6{}
.n_talent ul li h6 span{display:inline-block;font-size:11px;margin-bottom:20px;color: #8f8f8f;font-weight: normal;}
.n_talent ul li h2{font-size: 14px;color: #444;line-height: 28px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 70%;}
.n_talent ul li .more{ position:absolute; right:5%; top:50%; margin-top:-14px; width:72px; height:28px; line-height:28px; border:#d0d1d3 1px solid; box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-align:center; font-size:12px; color:#8c8c8c}
.n_talent .ar_title{border-bottom: #f0f0f0 2px solid;padding-bottom: 0;margin-bottom: 40px;margin-top: 50px;}
.n_talent .ar_title h3{font-size: 22px;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;}
.n_talent .ar_title h6 span{position:relative;font-size: 12px;color: #7e8080;display:inline-block;height: 50px;line-height: 50px;font-weight:normal;}
.n_talent .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #0350aa;}

#mode_ziliao1{ overflow:hidden; }
#mode_ziliao1 ul{ margin-bottom:20px; overflow:hidden;}
#mode_ziliao1 ul li{ width:100%; height:90px; float:left; border-radius:5px; border:1px solid #e5e5e5; padding-top:20px; position:relative;  margin-top:10px;}
#mode_ziliao1 ul li a:before{content:"";width:100%;height:100%;display:block;border-radius:5px;position:absolute;left:0;top:0;transition:.3s;-webkit-transition:.3s;transform:scale(1.03,1.08);opacity:0;}
#mode_ziliao1 ul li .txt{margin-left: 15px;width:210px;float:left;position:relative;}
#mode_ziliao1 ul li .txt p{ font-size:14px; color:#242425; line-height:20px; height:20px; overflow:hidden;}
#mode_ziliao1 ul li .txt span{ font-size:12px; color:#97989b; margin-top:5px; display:block;}
#mode_ziliao1 ul li .btn{display:block;width: 30px;height: 30px;float:right;margin-right: 15px;margin-top: 8px;transition:.3s;-webkit-transition:.3s;background:url(../images/n_xiazai_ico.png) center no-repeat;background-size: 30px;}



#mode_zhaopin1{  }
#mode_zhaopin1 ul{ margin:0 -5px;}
#mode_zhaopin1 li{ width:50%; float:left;}
#mode_zhaopin1 li a{ margin: 5px; display:block; border:1px solid #d1d5d6; background:#f7f8fa;  height: 145px;} 
#mode_zhaopin1 li h5{ padding-top: 30px; display:block; text-align:center; font-size:18px; color:#222223; margin-bottom:5px;}
#mode_zhaopin1 li span{ color:#908f8f; font-size:14px; text-align:center; display:block; }
#mode_zhaopin1 li strong{ color:#908f8f; font-size:14px; text-align:center; display:block;}
#mode_zhaopin1 li .btn{ width:80px; height:28px; line-height:28px; display:block; background:#1384e2; color:#fff; font-size:13px; border-radius:3px; text-align:center; margin:0 auto; margin-top:10px;}


.n_zhaopin .lwy .slider-nav{margin: 0 -0.5rem;padding: 0 2rem; margin-bottom: 2rem;}
.n_zhaopin .lwy .slider-nav .miso-prev,
.n_zhaopin .lwy .slider-nav .miso-next{width:12px;height:21px;margin-top:  -1rem;}
.n_zhaopin .lwy .slider-nav .miso-prev{background:url(../images/left01.png) center no-repeat;background-size:100% 100%;left: 0;}
.n_zhaopin .lwy .slider-nav .miso-next{background:url(../images/right01.png) center no-repeat;background-size:100% 100%;right: 0;}
.n_zhaopin .lwy{padding: 0;}
.n_zhaopin .lwy .slider-nav .miso-slide{ padding:0 0.5rem}
.n_zhaopin .lwy .slider-nav .miso-slide .miso{margin: 0 0;padding: 1.5rem 0.5rem;background:#ecedf2;text-align:center;}
.n_zhaopin .lwy .slider-nav .miso-slide .miso h5{font-size: 14px;color:#010101;margin-bottom:10px;}
.n_zhaopin .lwy .slider-nav .miso-slide .miso h6{font-size: 11px;color:#acacac;text-transform:uppercase;font-weight: normal;line-height: 18px;height: 36px;overflow: hidden;}
.n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso{background: #1384e2;}
.n_zhaopin .lwy .slider-nav .miso-slide.miso-current .miso h5{ color:#fff}
.n_zhaopin .lwy .slider-for{padding: 0;}

#mode_lianxi1{}
#mode_lianxi1 .tt{height:40px;font-size: 16px;border-bottom:1px dashed #bdbdbd;margin-bottom:20px;}
#mode_lianxi1 .map { border: 1px solid #e5e7eb; overflow: hidden; background:#fff; margin-top:30px;}


#mode_video1{}
#mode_video1 ul{}
#mode_video1 ul li{ margin-bottom:20px; position:relative;}
#mode_video1 ul li video{position:relative; border:2px solid #ddd; font-size:0; object-fit: fill}
#mode_video1 ul li h5{ font-size:15px; color:#777; text-align:center; padding-top:3px;}



.am-pagination-select .am-pagination-select select{ color: #666666 !important; text-align: center;  background: none; font-size: 14px; border: 1px solid #dedede;}
.am-pagination-select > li > a{ color: #666666 !important; background: none; font-size: 14px; border: 1px solid #dedede;}
.am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; }

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

.w94{ width:94%; margin:0 auto}

#banner{}

.am-direction-nav{ display:none}

.container00 .am-titlebar-default{margin:0;background: #f3f5f7;border:  #e7e8e9 1px solid;margin-bottom:1.5rem;}
.container00 .am-titlebar-default .am-titlebar-title{background: #1f59d6;padding:0 2rem;font-size:1.25rem;color:#fff;font-weight:normal;}
.container00 .am-titlebar-default .am-titlebar-title:before{ display:none}
.container00 .am-titlebar-default .am-titlebar-nav a{font-size:1rem;color: #6c6b6b;margin-right:1rem;text-transform:uppercase;}


/*新闻一*/  
#mode_news1 ul{  margin:0 -5px;}
#mode_news1 li{ margin-bottom:5px;}
#mode_news1 li a{display: block;margin: 5px;vertical-align:middle;background: #f9f9f9;}
#mode_news1 li a img{width: 100%;height: 110px;overflow: hidden;}
#mode_news1 ul li .txt{ padding: 12px 10px;}
#mode_news1 ul li h5{color:#222;font-size: 14px;margin-bottom:8px;line-height: 20px;height: 40px;white-space: normal;} 
#mode_news1 ul li p{font-size:12px;color:#848484;line-height:18px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
#mode_news1 ul li span{ position:relative; display:block; font-size:12px; color:#aeaeae; font-family:arial; height:20px; line-height:20px; margin-top:6px;}


#mode_news2{ margin-bottom:20px;}
#mode_news2 ul{ margin-top:-15px;}
#mode_news2 ul li{ font-size:0; padding:15px 0; border-bottom:1px dashed #eee; overflow:hidden;}
#mode_news2 ul li a{ display:block; width:100%; height:100%;overflow:hidden;}
#mode_news2 ul li .img{width: 44%;height: 110px;float:left;overflow:hidden;display:table;padding-right: 15px;}
#mode_news2 ul li .img img{ width:100%; height:100%;}
#mode_news2 ul li .txt{height: 110px;}
#mode_news2 ul li .txt div{ height:100px;}
#mode_news2 ul li .txt h5{font-size:15px;color:#1c1b1b;font-weight:100;margin-bottom:5px;padding-top: 12px;}
#mode_news2 ul li .txt h5:hover{ color:#3568df;}
#mode_news2 ul li .txt p{ font-size:12px; color:#646464; line-height:18px; height:36px; overflow:hidden;}
#mode_news2 ul li .txt span{ font-size:11px;  color:#999; display:inline-block; margin-top:10px; font-weight:100; text-transform:uppercase; }

#mode_news3{ margin-bottom:30px;}
#mode_news3 ul{margin-top:-15px;}
#mode_news3 ul li{ font-size:0; padding:15px 0; border-bottom:1px solid #eee; }
#mode_news3 ul li a{ display:block; width:100%;overflow:hidden;}
#mode_news3 ul li .tt{ overflow:hidden;}
#mode_news3 ul li h5{ font-size:15px; color:#1c1b1b; font-weight:100; margin-bottom:8px; width:250px; float:left; position:relative;}
#mode_news3 ul li h5:before{content:"";width:3px;height:10px;display: inline-block;background: #7a7a7a;margin-right:5px;}
#mode_news3 ul li h5:hover{ color:#3568df;}
#mode_news3 ul li p{ font-size:12px; color:#646464; line-height:18px; max-height:36px; overflow:hidden;}
#mode_news3 ul li span{ font-size:11px; color:#999; float:right; text-transform:uppercase; font-weight:100; }


#mode_news4{ margin-bottom:30px;}
#mode_news4 ul{margin-top:-15px;}
#mode_news4 ul li{ font-size:0; padding:15px 0; border-bottom:1px dashed #eee; }
#mode_news4 ul li a{ display:block; width:100%;overflow:hidden;}
#mode_news4 ul li h5{ font-size:13px; color:#1c1b1b; font-weight:100; width:250px; float:left; position:relative;}
#mode_news4 ul li h5:before{content:"·";color: #7a7a7a;display: inline-block;margin-right:5px;font-weight: bold;}
#mode_news4 ul li h5:hover{ color:#3568df;}
#mode_news4 ul li span{ font-size:11px; color:#999; float:right; text-transform:uppercase; font-weight:100; }


.n_jishu .fl01{padding: 3rem 0 2rem;background:#f7f7f9;margin-top: -2.5rem;}
.n_jishu .fl02{padding: 3rem 0 1rem;}
.n_jishu .fl02 ul{margin-bottom: 0;}
.n_jishu .fl02 ul li{ margin-bottom:19px; overflow:hidden}
.n_jishu .fl02 ul li .time{float:left;width:180px;height:175px;background:#f7f7f9;border:#e2e4e7 1px solid;padding:48px 0 0 55px;position:relative;display:  none;}
.n_jishu .fl02 ul li .time:before{ content:""; position:absolute; width:65px; height:1px; background:#bcbcbc; left:55px; top:122px;}
.n_jishu .fl02 ul li .time:after{ content:""; position:absolute; width:0; height:3px; background:#c30d23; right:58px; top:122px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_jishu .fl02 ul li:hover .time:after{ left:55px; width:65px;}
.n_jishu .fl02 ul li .time h3{ font-size:28px; color:#2d2d2e; margin-bottom:12px;}
.n_jishu .fl02 ul li .time h5{ font-size:14px; color:#a7a8aa}
.n_jishu .fl02 ul li .con{float:left;width: 100%;height: auto;border-bottom: #e2e4e7 1px solid;padding: 1rem 0;}
.n_jishu .fl02 ul li .con h5,.n_jishu .fl02 ul li .con h5 a{font-size: 1.25rem;color:#242424;padding: 0;}
.n_jishu .fl02 ul li .con h6{ margin:0; font-size:0.875rem; color:#999; font-weight:normal; margin-bottom:1rem}
.n_jishu .fl02 ul li .con h5 a:hover{ color:#c30d23}
.n_jishu .fl02 ul li .con p{line-height: 1.5rem;font-size: 0.875rem;color:#848486;height: 3rem;overflow:hidden;margin: 1rem 0 0;}
.n_jishu .fl02 ul li .con .more a{ font-size:12px; color:#848486; text-decoration:underline; text-transform:uppercase}
.n_jishu .fl02 ul li .con .more a:hover{ color:#c30d23}


#s_case{padding: 3rem 0 3rem;}
#s_case{ overflow:hidden;}
#s_case .content{}
#s_case ul{margin: -0.5rem;float: left;margin-bottom: 1rem;}
#s_case li{width: 50%;position:relative;display:block;overflow:hidden;float:left;padding: 0 0.5rem;box-sizing: border-box;margin-bottom:1rem;}
#s_case li a{ display:block;}
#s_case li .pic_box{ position:relative; background:#000; }
#s_case li img{width: 100%;height: 100%;display:block;}
#s_case li .img{  }
#s_case li .icon_play{ position:absolute; left:0; top:0; width:380px; height:260px; background:url(../images/bnt_play.png) center no-repeat;} 
#s_case li h1{position:absolute;z-index:3;left: 0.5rem;right: 0.5rem;bottom: 0;overflow:hidden;height: 35px;line-height: 35px;padding:0 20px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;font-size: 1rem;text-align:center;display:block;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');background: rgba(0,0,0,0.3);}
#s_case li:hover h1{}
#s_case li .video{ position:absolute; width:100%; height:100%; line-height:100%; left:0; top:0; text-align:center}
#s_case li .video img{vertical-align:middle;display:inline-block;width: 28px;hei;height: 28px;}
.table{ display:table; width:100%; height:100%;}
.table_cell{ display:table-cell; vertical-align:middle}


.n_join ul{margin-bottom: 3rem;}
.n_join ul li{margin-bottom: 0.5rem;}
.n_join ul li .top{position:  relative;height: 55px;line-height: 55px;background: #f5f6f6;padding: 0 1rem;box-sizing:  border-box;}
.n_join ul li .top i{position:absolute;right: 1rem;top:50%;margin-top: -8px;width:44px;height:16px;background:url(../images/jian01.png) center no-repeat;background-size: auto 12px;}
.n_join ul li .top h5{font-size: 12px;color: #333438;display: inline-block;width: 83%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:  normal;}
.n_join ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;}
.n_join ul li a.open .top{background: #fff; position:relative;}
.n_join ul li a.open .top:before{content:"";position:absolute;height:1px;bottom: 0px;background:#eeeeee;left: 1rem;right: 1rem;}
.n_join ul li a.open .top:after{width:66px;height:1px;background: #1384e2;content:"";position:absolute;bottom: 0;left: 1rem;}
.n_join ul li a.open .top i{ background:url(../images/jian01_on.png) center no-repeat; background-size: auto 12px;}
.n_join ul li a.open .top h5{}
.n_join ul li a.open .top span{ color:#fff}
.n_join ul li .ar_article{padding: 2rem 1rem;display:none;margin-bottom: 0;}
.n_join ul li .ar_article p{margin-bottom:0;color: #929292;font-size:12px;}
.n_join .more{ text-align:center;}
.n_join .more img{ display:inline-block;}
.n_join ul li.lwy{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.15);padding: 0;}

.product_detail .am-panel{border:#e5e5e5 1px solid;margin-top: 20px;}

/*====合作留言====*/
.j_form .label { display: block; margin-bottom: 1.5rem;}
.j_form .h_x{ color: #f00;}
.j_form .label strong{ font-weight:normal; display:block; padding-bottom: .5rem;  color:#666666;     font-size:14px;    }
.j_form .label input{display: block;width: 100%;background: #ffffff;padding:7px 10px;border:1px solid #d7d4d4;color:#797979;font-size:14px;text-align: left;font-weight: normal;}
.j_form .label button{ display: block; width: 100%; background: #f6f6f7; padding:0px 10px; height: 38px; border:1px solid  #d7d4d4; color:#797979;  text-align: left;   font-size:14px; font-weight: normal;  }
.j_form textarea{display: block;width: 100%;background: #ffffff;padding:10px 10px;border:1px solid  #d7d4d4;color:#797979;text-align: left;font-size:14px;font-weight: normal;}
.j_form input[type="submit"]{width: 100%;margin: 1rem auto;font-size: 14px;height: 40px;line-height: 40px;padding: 0;background: #1384e2;display: block;color: #fff;opacity: 1;border: none;width: 100%;text-align: center;}
.yzm_box {  position:relative;  margin-left:0; border:none; margin-top: 0px; margin-bottom: 10px; padding-right: 120px;}
.yzm_box strong{ }
.yzm_box input{ display: block; width: 100%;  }
.yzm_box img{ position:absolute; bottom: 0; right: 0;}


/*代码开始区*/

#header h3{position:absolute;right: 5rem;display:inline-block;line-height: 70px;font-size:12px;color:#383C83;display: none;}
#header h3 big{ font-size:18px;}

.container01{padding: 3rem 0;*background:url(../images/container01_bg.jpg) center no-repeat;background:url(../images/container02_bg.jpg) center no-repeat;background-size:cover;}
.container01 .title{ margin-bottom:24px; text-align:center}
.container01 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container01 .title h6{font-size: 12px;color: #8b8d94;}
.container01 .fl01{margin-bottom: 22px;}
.container01 .fl01 ul{margin: 0 -5px;position:relative;}
.container01 .fl01 ul:before{content:"";position:absolute;left: 0;right: 0;top: 30px;height:1px;background: #cbcbce;}
.container01 .fl01 ul li{float:left;width: 20%;padding: 0 5px;text-align:center;}
.container01 .fl01 ul li .icon{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin-bottom: 5px;position:relative;overflow:hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;overflow: hidden;}
.container01 .fl01 ul li .icon:after{content:"";position:absolute;left: 1px;top: 1px;right: 1px;bottom: 1px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform: scale(1.25);border:#fff 4px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;opacity: 0;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li h5{font-size: 12px;color: #404040;white-space: nowrap;}
.container01 .fl02 ul{margin: 0 -7px 30px;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2 ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container01 .fl01 ul li.miso-current .icon:after{transform:scale(1);transition-delay:0.36s;opacity: 1;}
.container01 .fl01 ul li.miso-current .icon .con{display:flex;align-items: center;justify-content: center;}
.container01 .fl01 ul li.miso-current .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con{display:flex;align-items: center;justify-content: center;}
.container01 .fl01 ul li.miso-current .icon{ background:#383C83}
.container01 .fl01 ul li.miso-current .icon .con01{ left:100%;}
.container01 .fl01 ul li.miso-current .icon .con02{ left:0;}
.container01.active .fl02 ul{}
.container01 .fl02{margin-bottom: 0px;}
.container01 .fl02 ul li{padding: 0 5px;}
.container01 .fl02 ul li .img{height:50vw;background-position: center;background-repeat: no-repeat; background-size:cover; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative}


.container01 .fl02 ul li .img>img{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width: 100%;}
.container01 .fl02 ul li .img .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container01 .fl02 ul li .img .top h5{font-size: 18px;color:#fff;margin-bottom: 24px;}
.container01 .fl02 ul li .img .top img{ display:inline-block;}
.container01 .fl02 ul li a>h5{height: 50px;line-height: 50px;font-size: 14px;color: #3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container01 .fl02 ul .miso-prev, .container01 .fl02 ul .miso-next{top:50%;margin-top: -76px;width:35px;height:80px;z-index:1000;background-size:cover !important;}
.container01 .fl02 ul .miso-prev{ left:-100px; background:url(../images/left.png) center no-repeat;}
.container01 .fl02 ul .miso-next{ right:-100px; background:url(../images/right.png) center no-repeat;}
.container01 .fl02 .content>.miso-list{ overflow:visible}
.more00{ text-align:center} 
.more00 a{display:inline-block;width: 140px;height: 40px;line-height: 40px;text-align:center;background: #383C83;font-size: 14px;color: #fff;position:relative;}
.more00 a:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; transition:0.6s; background:#383C83}
.more00 a span{ position:relative}

.container01 .fl01 ul li .icon .con img{ height:30px}


.container02{background:url(../images/container02_bg.jpg) center no-repeat;padding: 3rem 0;background-size: cover;display:none;}
.container02 .title{margin-bottom: 28px;text-align:center;}
.container02 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container02 .title h6{font-size: 12px;color: #8b8d94;}

.container02 .fl01{ margin-bottom:24px;}
.container02 .fl01 ul{font-size:0;margin: 0 -5px;}
.container02 .fl01 ul li{padding: 0 5px;margin-bottom:15px;width: 50%;display:inline-block;}
.container02 .fl01 ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.container02 .fl01 ul .img{background-position: center;background-repeat: no-repeat; background-size:cover;  overflow:hidden;height: 40vw;}
.container02 .fl01 ul .img>img{ width:100%}
.container02 .fl01 ul .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background:#383C83;text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.container02 .fl01 ul .top h5{font-size: 18px;color:#fff;margin-bottom: 16px;}
.container02 .fl01 ul .top p{font-size: 14px;color:#fff;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.container02 .fl01 ul .top img{ display:inline-block;}
.container02 .fl01 ul a>h5{position:relative;z-index:1;background: #e3e4e6;height: 45px;line-height: 45px;font-size: 14px;color:#3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container02 .fl02 ul{font-size:0;text-align: center;}
.container02 .fl02 ul li{width:40px !important;text-align:center;display:inline-block;float: none;}
.container02 .fl02 ul li span{ display:inline-block; width:30px; height:30px; line-height:30px; background:#b4b4b5; border-radius:50%; font-size:12px; color:#fff; cursor:pointer}
.container02 .fl02 ul li.miso-current span{ background:#383C83; color:#fff; }


.container03{ padding:3rem 0; position:relative; overflow:hidden}
.container03 .w1200{ position:relative}
.container03 .left{width: 100%;margin-bottom: 2rem;}
.container03 .title{margin-bottom: 2rem;text-align: center;}
.container03 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container03 .title h6{font-size: 12px;color: #8b8d94;}
.container03 .left ul li h3{ margin-bottom:24px}
.container03 .left ul li h3 font{ font-size:48px; color:#383C83; font-family:Impact}
.container03 .left ul li h3 small{font-size:24px;color:#383C83;vertical-align: bottom;margin-left: 10px;}
.container03 .left ul li h5{font-size: 14px;color:#3f4144;position:relative;text-align: center;}
.container03 .left ul li h5:before{content:"";position:absolute;right: -115px;height:1px;top:50%;width:0;background:#000000;transition:0.6s;}
.container03 .left ul li.miso-current h5:before{ width:94px}

.container03 .right{width: 100%;}
.container03 .right .miso-prev, .container03 .right .miso-next{display:none !important ;top: 7rem;bottom: 0;width: 35px;height: 35px;z-index:1000;background-size:cover !important;}
.container03 .right .miso-prev{left: 0;background:url(../images/left01.png) center no-repeat;}
.container03 .right .miso-next{left: auto;background:url(../images/right01.png) center no-repeat;}
.container03 .right>.miso-list{ overflow:visible}


.container03 .right ul{margin: -1.5rem -5px 0 -5px;margin-bottom: 1rem;padding: 0px 0;}
.container03 .right ul .miso-list{padding: 3rem 0 0 0 !important;}
.container03 .right ul li{ position:relative; z-index:1 !important;  padding:0 5px}
.container03 .right ul li a{display:block;border: #16316f 3px solid;}
.container03 .right ul li img{ width:100%; height:150px;}
.container03 .right ul li.miso-current a .con{ bottom:0}

.container04{background:url(../images/container04_bg.jpg) center no-repeat;padding: 3rem 0 5rem;position: relative;background-size: cover;}
.container04 .title{margin-bottom: 28px;text-align:center;}
.container04 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container04 .title h6{font-size: 12px;color: #8b8d94;}
.container04 ul{ font-size:0; margin:0 -4px;}
.container04 ul li{padding:0 4px;margin-bottom:8px;width: 50%;display:inline-block;}
.container04 ul a{display:block;position:relative;overflow: hidden;width: 100%;}
.container04 ul .img{overflow:hidden;width: 100%;position:relative;}
.container04 ul .img>img{width: 100%;transition:0.6s;}
.container04 ul .con{ position:absolute; left:0; top:0; width:100%; height:100%}
.container04 ul .con:before{ content:""; top:-100%;left:0;position:absolute;width:100%;height:100%;background:rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.container04 ul .con:after{ content:""; top:0;left:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 3.5rem;z-index: 100;overflow: hidden; z-index:0}
.container04 ul .con h5{font-size: 14px;color:#fff;position:relative;z-index:10;text-align: center;}

.circle {width: 90px;height: 90px;margin: 0 auto;position: absolute;bottom: -45px;left: 50%;margin-left: -45px; z-index:999;text-align:center;line-height: 90px;color:#3f897c;font-size:30px;}
.circle span {width: 100%;height: 100%;position: absolute; top: 0;left: 0;border-radius: 50%;background-color: #cacaca; -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transform: scale(0); -webkit-animation: circleScale 3s linear infinite;-moz-animation: circleScale 3s linear infinite;-ms-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;}
.circle span:nth-of-type(2) {animation-delay: 1s;}
.circle span:nth-of-type(3) {animation-delay: 2s;}
@keyframes circleScale {
0% {opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
100% {opacity: 0; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
.circle a{cursor:pointer;position: absolute;background: #16316f;width: 30px;height: 30px;display: inline-block;border-radius: 50%;top: 50%;margin-top: -17px;left: 50%;margin-left: -17px;line-height: 28px;font-size: 22px;color: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.circle a:hover{background: #383C83;}

.container05{padding: 5rem 0 5rem;}
.container05 .title{margin-bottom: 28px;text-align:center;}
.container05 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container05 .title h6{font-size: 12px;color: #8b8d94;}
.container05 ul li.miso-slide { background:#383C83; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:3rem 2rem; text-align:center}
.container05 ul li.miso-slide h3{ font-size:26px; color:#fff; font-weight:bold; margin-bottom:2rem}
.container05 ul li.miso-slide h3 span{ display:none;align-items: center;justify-content: center; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px; margin-right:8px; }
.container05 ul li.miso-slide h3 span img{ height:18px; margin-top:-3px}
.container05 ul li.miso-slide .p{font-size:12px;line-height:26px;color:#fff;height: 52px;}

.container05 .miso-dots{bottom: -3rem;}
.container05 .miso-dots li{ background:#737478; width:8px; height:8px; border-radius:4px}
.container05 .miso-dots li.miso-active{ width:30px;}
.ban_po{text-align:right;line-height: 40px;}

.container06{background:#f2f3f7;padding:3rem 0;margin-bottom: 2rem;}
.container06 .title{margin-bottom: 28px;text-align: left;position:relative;}
.container06 .title h3{font-size: 18px;color: #2c2d2f;margin-bottom: 4px;font-weight:bold;}
.container06 .title h6{font-size: 12px;color: #8b8d94;}
.container06 .first{padding: 0;overflow:hidden;margin-bottom: 9px;}
.container06 .first .left{width: 140px;overflow:hidden;}
.container06 .first .left img{width:100%;float:left;height: 90px;}
.container06 .first .right{width: calc(100% - 140px);background: #fff;padding: 0 1rem;height: 90px;}
.container06 .first .right h5{float:left;width: 100%;margin: 8px 0 4px 0;}
.container06 .first .right h5 a{display:block;font-size: 14px;color: #404041;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;margin-bottom: 0;padding: 0;}
.container06 .first .right h5 a:hover{ color:#79b70d}
.container06 .first .right span{color: #b0b0b1;font-size:12px;vertical-align: top;}
.container06 .first .right .more a{font-size:12px;color: #3a3a3c;text-decoration: underline;}
.container06 .first .right p{float: left;width:100%;font-size: 12px;color: #666666;line-height: 18px;height: 36px;overflow:hidden;margin-bottom: 4px;}

.container06 ul li{padding: 0 0 0 16px;line-height: 36px;height: 36px;position: relative;font-size: 14px;color: #414141;background: url(../images/icon_dot.png) left center no-repeat;background-size: 8px;border-bottom: #dcdcdc 1px dotted;}
.container06 ul li a{font-size: 13px;color:#414141;display:  inline-block;width: 78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container06 ul li a:hover{ color:#0058af}
.container06 ul li span{ float:right; font-size:12px; color:#a3a3a3}

.container06 .title a{position:absolute;right: 0;top: 16px;font-size:14px;color: #434242;}

.container07{position:relative;text-align:center;padding-bottom:20px;}
.con07 img{width:50%;}

.n_yanghu ul{font-size:0;margin:0 -26px;margin-bottom: 2rem;}
.n_yanghu ul li{display:inline-block;width: 100%;padding:0 26px;margin-bottom: 15px;}
.n_yanghu ul li a{display:block;border:#e5e5e5 1px solid;padding: 22px 15px 22px;position:relative;background:#fff;transition:0.6s;}
.n_yanghu ul li a:after{ content:""; position:absolute; right:-1px; bottom:-1px; width:0; height:3px; background:#383C83; transition:0.6s}
.n_yanghu ul li a h5{font-size: 15px;color:#2b2b2c;line-height:20px;transition:0.36s;}
.n_yanghu ul li a h5 img{vertical-align: top;height:16px;margin-top: 3px;}
.n_yanghu ul li a h5 font{ display:inline-block; max-width:80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-right:15px}
.n_yanghu ul li a p{font-size:14px;color:#99999b;line-height:24px;height:48px;overflow:hidden;margin: 8px 0 15px;}
.n_yanghu ul li a h6{font-size: 14px;color:#d8d8d7;line-height:18px;}
.n_yanghu ul li a h6 span{ position:relative; padding-left:56px}
.n_yanghu ul li a h6 span:before{ content:""; position:absolute; left:0; width:44px; height:1px; background:#c2c1bf; top:50%; margin-top:-0.5px;}
.n_yanghu ul li a h6 .fr{ font-size:12px; color:#66635f; text-transform:uppercase}

/* Example 5 */
.n_case_detail .slider-for{width: 100%;margin-bottom: 1rem;display: inline-block;}
.n_case_detail .slider-for li img{width: 100%;}
.n_case_detail .slider-nav{padding: 0;margin: 0 -5px;}
.n_case_detail .slider-nav li{padding: 0 5px;margin-bottom: 0;}
.n_case_detail .slider-nav li img{width: 100%;float: left;}
.n_case_detail .slider-for .miso-prev, .n_case_detail .slider-for .miso-next{width: 80px;height: 78px;margin-top: -39px;}
.n_case_detail .slider-for .miso-prev{background:url(../images/left03.png) center no-repeat;left: -128px;}
.n_case_detail .slider-for .miso-next{background:url(../images/right03.png) center no-repeat;bottom:0;right: -128px;}
.n_case_detail .slider-nav .miso-current img{border: #383C83 2px solid;box-sizing:border-box;}

#n_show_case{text-align:center;width: 100%;display:inline-block;}

.n_case_detail .fl01{text-align:center;margin-bottom: 2rem;}
.n_case_detail .fl01 h2{font-size: 20px;color: #3b3b3b;line-height:50px;margin-bottom: 2rem;}
.n_case_detail .fl02 h3{font-size: 18px;color:#363637;margin-bottom: 2rem;line-height: 30px;}


.n_product_detail{ overflow:hidden;}
.n_product_detail .left{float:left;width: 100%;}
.n_product_detail .fl01{margin-bottom: 2rem;}
.n_product_detail .lwy .slider-nav{}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin: 0;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 100%;}
.n_product_detail .lwy .slider-nav .miso-slide.miso-current .miso img{}
.n_product_detail .lwy .slider-nav .miso-dots{ bottom:16px}
.n_product_detail .lwy .slider-nav .miso-dots li{ width:8px; height:8px; background:#cbcbcb; border-radius:50%}
.n_product_detail .lwy .slider-nav .miso-dots li.miso-active{ background:#c12d3a}
.n_product_detail .lwy .miso-prev, .n_product_detail .lwy .miso-next{top:50%;margin-top: -15px;width: 30px;height: 30px;z-index:1000;background-size:cover !important;}
.n_product_detail .lwy .miso-prev{left: 5px;background: url(../images/left04.png) center no-repeat;}
.n_product_detail .lwy .miso-next{right: 5px;background:url(../images/right04.png) center no-repeat;}


.n_product_detail .right{float:right;width: 100%;padding: 0;}
.n_product_detail .right .table{ text-align:left}
.n_product_detail .right h4{font-size: 14px;color: #383C83;margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom:66px;position:relative;line-height: 32px;font-size: 18px;color: #3f3f3f;margin: 15px 0 12px;}
.n_product_detail .right .ar_article{overflow:hidden;padding-right: 0;}
.n_product_detail .right .ar_article p{font-size: 12px;color: #777777;line-height: 26px;}
.n_product_detail .right .ar_article::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:none}
.n_product_detail .right a{display:inline-block;width: 150px;height: 40px;line-height: 40px;text-align:center;border-radius: 20px;background: #383C83;margin-right:46px;font-size: 14px;color:#fff;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_product_detail .right a.a2{ background:#f0771e}
.n_product_detail .right a img{margin:-3px 8px 0 0;height: 16px;}
.n_product_detail .right a:hover{background: #16316f;}
.n_product_detail .fl02{ overflow:hidden}
.n_product_detail .fl02 h3{height: 65px;line-height: 65px;margin-bottom: 2rem;border-bottom: #e9e9e9 1px solid;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size: 18px;color: #2e2e2e;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #383C83;}
.n_product_detail .fl02 .ar_article p{font-size: 12px;line-height: 26px;}
.n_youshi .fl01{padding: 3rem 0;background:url(../images/n_youshi_fl01.jpg) center no-repeat;border-top:#ebecef 1px solid;border-bottom:#ebecef 1px solid;}
.n_youshi .fl01 .title{margin-bottom: 3rem;text-align:center;}
.n_youshi .fl01 .title h3{font-size: 20px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl01 .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}

.n_youshi .fl01 ul li{padding-bottom: 2rem;margin-bottom: 2rem;border-bottom:#d2d3d6 1px solid;}
.n_youshi .fl01 ul li .left{ position:relative}
.n_youshi .fl01 ul li .left:after{content:"";position:absolute;width:40px;height:7px;background:#383C83;right: -23px;top:36px;}
.n_youshi .fl01 ul li:nth-child(2n) .left:after{content:"";position:absolute;width:40px;height:7px;background:#383C83;left: -23px;top:36px;}
.n_youshi .fl01 ul li .right{width:100%;padding: 15px 0 0;position:relative;}

.n_youshi .fl01 ul li .right h3{font-size: 20px;color:#383C83;font-weight:bold;}
.n_youshi .fl01 ul li .right h4{font-size: 20px;color:#363637;margin: 8px 0 2px;}
.n_youshi .fl01 ul li .right h5{font-size:14px;color:#383C83;text-transform:uppercase;margin-bottom: 1rem;}
.n_youshi .fl01 ul li .right p{font-size: 12px;line-height: 26px;color:#636366;}
.n_youshi .fl01 ul li:last-child{ border:none}

.n_youshi .fl02{padding: 3rem 0 0;}
.n_youshi .fl02 .title{margin-bottom: 2rem;text-align:center;}
.n_youshi .fl02 .title h3{font-size: 20px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl02 .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}
.n_youshi .fl02 ul{margin: 0 -5px;margin-bottom: 1rem;}
.n_youshi .fl02 ul li{padding: 0 5px;}
.n_youshi .fl02 .ar_article p{text-align:center;font-size: 12px;line-height: 26px;}

.n_youshi .fl02 .miso-prev, .n_youshi .fl02 .miso-next{width: 80px;height: 78px;margin-top: -39px;}
.n_youshi .fl02 .miso-prev{background:url(../images/left03.png) center no-repeat;left: -128px;}
.n_youshi .fl02 .miso-next{background:url(../images/right03.png) center no-repeat;bottom:0;right: -128px;}


.n_youshi .fl03{background:url(../images/n_youshi_fl03.jpg) center no-repeat;height: 310px;background-size: cover;}
.n_youshi .fl03 .title{margin-bottom: 2rem;text-align:center;padding-top: 2rem;padding-right: 0;}
.n_youshi .fl03 .title h3{font-size: 20px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.n_youshi .fl03 .title h6{font-size: 14px;color: #8b8d94;text-transform:uppercase;}
#youku-playerBox{ width:100% !important; height:300px !important;}



/*.i_contnet h5{ width:96%; overflow:visible;}*/
.i_contnet  table{ width:100%;  }
.i_contnet  table td{ word-break:break-all}
/*table.ke-zeroborder { width:100%; border:#CF2629 solid 1px;}*/