@charset "utf-8";

/*===========================header=============================*/
@media screen and (max-width:1200px) {
#header{width:100%;z-index: 9999;height:69px;position: relative;}
#logo{ display: block; position: absolute; left: 1.5rem; top: 17px;}
#logo img{height: 30px;border: none;}
body{ width:100%;}


.nav_btn{position: relative;margin-top: 15px;float: right;margin-right: 20px;width: 40px !important;height: 40px !important;border-radius:3px;transition: 0.5s;cursor: pointer;border:none;padding: 0;}
.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\9;
 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: 3.5rem;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;display: none;}
.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;
}
.am-control-nav li a.am-active{background-color: rgba(0,0,0,0.5) !important;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;display: none;}
.am-slider-default .am-direction-nav a.am-next:before{}

/*===================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: #232325;padding: 0 0;}
#footer li{display: block;border-right: #57575b 1px solid;width: 33.3%;
    text-align: center;float: left;
    background: #333;}
#footer li a{display: block;color: #fff;font-size: 12px;height: 50px;line-height: 50px;}
#footer li img{opacity: 1;}
#footer li a .j_iconfont{color: #929293;display: inline-block;margin-bottom:2px;margin-right: 10px;}
#footer li:last-child a{ border: none;} 

#copyright{font-size: 12px;line-height: 20px;color: #acadad;text-align: center;}
#copyright a{color: #acadad;}


#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;}


#s_main_box{margin-bottom: 7rem; position:relative;}

/*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 .ar_article{margin-right:0;padding-left: 10px;}


#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:#1384e2; display:block; bottom:-2px; left:50%; margin-left:-40px; position:absolute;}
#tt_xq h3{text-align:center;font-size:18px;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;}

/*====人力资源====*/
.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{margin-bottom: 0;height: 300px;}

.am-direction-nav{display: block;}

.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%;text-align: center;}
.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;}


/*代码开始区*/
.w1200{ width:94%; margin:0 auto}
.container01{background: #e7ebee url(../images/container01_bg.jpg) center top no-repeat;padding: 3rem 0;background-size: cover;}
.container01 .title{margin-bottom: 2rem;}
.container01 .title .fl h3{font-size: 18px;color:#3f3f3f;font-weight:bold;margin-bottom: 3px;}
.container01 .title .fl h5{font-size: 12px;color:#9e9fa3;}
.container01 .title .fr{padding: 5px 0 0;}
.container01 .title .fr a{display:inline-block;width: 88px;height: 32px;line-height: 32px;font-size: 12px;color:#282a2e;background:#fff;border-radius: 16px;text-align:center;position:relative;overflow: hidden;}
.container01 .title .fr a:before{content:"";position:absolute;width:145px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-72.5px;background:#3ca0d3;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container01 .title .fr a span{ position:relative}

.container01 ul{font-size:0;margin: 0 -5px;}
.container01 ul li{display:inline-block;width: 50%;padding: 0 5px;margin-bottom: 1rem;overflow: hidden;}
.container01 ul li a{ display:block; position:relative; transition:0.6s; overflow:hidden}
.container01 ul li a .img{ overflow:hidden}
.container01 ul li a .img img{width:100%;object-fit: cover;}
.container01 ul li a h5{font-size: 13px;color:#262626;height: 30px;line-height: 30px;position:absolute;bottom: 0;left:0;width:100%;padding:0 15px;text-align:center;background: #fff;}

.container02{ position:relative}
.container02 .left{width: 65px;position:absolute;top:0;bottom:0;background:#3ca0d3;}
.container02 .left .title{margin-bottom: 10px;}
.container02 .left .title h5{font-size: 8px;color:#fff;display:inline-block;width: 10px;vertical-align:top;white-space: normal;text-overflow: inherit;}
.container02 .left .title h3{font-size: 12px;color:#fff;font-weight:bold;margin-left:5px;display:inline-block;width: 12px;vertical-align:top;line-height: 14px;}
.ban_po .wrap p{font-size: 14px;color: #85cff5;font-weight: bold;}
.ban_po .wrap p .current,.ban_po .wrap p font{color: #fff;}

.ban_po.ban_po01{margin-top: 0;position:relative;}
.ban_po.ban_po01:before{content:"";position:absolute;top:-100px;width:1px;height:80px;background:#77bde0;left:50%;display: none;}
.ban_po.ban_po01 .wrap p{font-size: 35px;color:#9dc9e5;font-family:DINOT;font-weight:bold;}
.ban_po.ban_po01 .wrap p .current,.ban_po.ban_po01 .wrap p font{ color:#9dc9e5;}

.container02 .right{width: calc(100% - 65px);position:relative;background:#f7f9fa;}
.container02 .right .box{ position:relative}
.container02 .right .miso-bd .box .top{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);}
.container02 .right .miso-bd .box .top h3{height: 35px;}
.container02 .right .miso-bd .box .top h3 img{ display:inline-block; height:24px}
.container02 .right .miso-bd .box .top h2{height: 35px;font-size: 16px;color:#fff;}
.container02 .right .miso-bd .box .top p{font-size: 11px;line-height: 20px;color:#ffffff;margin-bottom: 15px;}
.container02 .right .miso-bd .box .top .table_cell{padding: 0 3%;}
.container02 .right .miso-bd .box .top a{background-image: linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;width: 124px;height: 34px;line-height: 34px;border-radius:25px;font-size: 12px;color:#fff;transition:0.6s;}

.container02 .right .miso-bd{margin-bottom: 0;background:#000;}
.container02 .right .miso-hd{margin: 0px -3px;padding: 0;}
.container02 .right .miso-hd li{padding: 0 3px;}
.container02 .right .miso-hd li .box{ cursor:pointer}
.container02 .right .miso-hd li .box .img{ overflow:hidden; transition:0.9s}
.container02 .right .miso-hd li .box .img img{ width:100%}
.container02 .right .miso-hd .box .top{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);display: block;}
.container02 .right .miso-hd .box .top h2{font-size: 10px;color:#fff;display: none;}

.container02 .right .miso-hd li.miso-current .box .top{ background:rgba(60,160,211,0.9)}

.container03{ background:none}
.container03 .title .fr a{ background:#eeeeee}
.container03 ul li a h5{ position:relative}

.container05{padding: 0 0 3rem;}
.container05 .left{}
.container05 .left .title h2{font-size: 20px;color:#393c3d;font-family:MLSBQ;text-transform: uppercase;text-align: center;}
.container05 .left .title h4{font-size: 14px;color:#393c3d;margin: 0px 0 2rem;text-align: center;}
.container05 .left>h3{font-size: 16px;color:#1b2433;margin-bottom: 1rem;text-align: center;}
.container05 .left p{font-size: 12px;line-height: 24px;color:#65686b;margin-bottom: -2.5rem;overflow: hidden;}
.container05 .left ul{ font-size:0}
.container05 .left ul li{ display:inline-block;}
.container05 .left ul li a{display:inline-block;width:130px;height:250px;background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);text-align:center;padding:55px 0 0;position: relative;}
.container05 .left ul li a:before{ content:""; position:absolute; right:0; width:0; height:100%; top:0; background-image:linear-gradient(62deg, #282a2e ,#3d5e95); text-align:center; transition:0.6s}
.container05 .left ul li a h3{ height:46px; position:relative}
.container05 .left ul li a h5{ font-size:14px; color:#fff; position:relative}
.container05 .left ul li a h6{ margin-top:70px; position:relative}
 

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 94%;height: 210px;background-color: #fff;position: fixed;left: 3%;top: 50%;margin-top: -105px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: -40px;right: 0;}
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

.container05 .right .img{position:relative;width: 100%;height:100%; overflow: hidden;background:#000;margin: 0px 0;}
.container05 .right .img a>img{ opacity:0.7}
.container05 .right .img .top{ position:absolute; top:0; left:0; width:100%; height:100%}
.container05 .right .img .top img{ height:32px}
.container05 .right .img img{width: 100%;}
.container06{padding: 3rem 0;}
.container06 .title h3{font-size: 18px;color:#3ca0d3;font-weight:bold;margin-bottom: 3px;}
.container06 .title h5{font-size: 12px;color:#9e9fa3;}

.container06 .miso_hd{float: right;margin-bottom: 2rem;margin-top: -35px;}
.container06 .miso_hd .miso-slide{margin-left:8px;outline: none;width: 82px !important;cursor:pointer;}
.container06 .miso_hd h5{font-size: 12px;color: #1b2433;height: 32px;line-height: 30px;border: #b2b5b9 1px solid;border-radius: 20px;outline: none;text-align: center;}
.container06 .miso_hd .miso-slide.miso-current{ /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */}
.container06 .miso_hd .miso-slide.miso-current h5{color: #3ca0d3;border: #3ca0d3 1px solid;}
.container06 ul{margin: 0 -5px;overflow:hidden;}
.container06 ul li{float:left;width: 50%;padding: 0 5px;overflow: hidden;margin-bottom: 1rem;}
.container06 ul li a .img,.container06 ul li a .img img{max-width: 100%;height:160px;overflow:hidden;}
.container06 ul li a .con{padding: 10px 0;position:relative;transition:0.6s;}

.container06 ul li a .con h5{font-size: 13px;color:#000000;margin-bottom: 8px;}
.container06 ul li a .con p{font-size: 12px;line-height:20px;height:40px;overflow:hidden;color:#919191;}
.container06 ul li a .bottom font{ font-size:14px; color:#a5a5a5; text-transform:uppercase; float:left;}
.container06 ul li a span{font-size: 12px;color:#3ca0d3; float:right;}

.container06 .more{ text-align:center}
.container06 .more a{ display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; background:#3ca0d3}

.container07{position:relative;z-index:1;background: #eff1f6;padding: 2rem 0 2rem;margin-bottom: 2rem;}
.container07 .title{position:relative;margin-bottom: 2rem;}
.container07 .title h3{font-size: 18px;color:#393c3d;font-weight:bold;margin-bottom: 3px;}
.container07 .title h5{font-size: 12px;color:#9e9fa3;}

.container07 ul{  margin: 0 -5px;}
.container07 ul li{float:left;padding: 0 5px 0;-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;margin-bottom: 15px;}
.container07 ul li img{width: 100%;-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;}
.container07 ul li .img{width: 100%;position:relative;cursor: pointer;}
.container07 ul li .img h5{position:absolute;top:0;left:0;width:100%;height:0;background: rgba(60, 160, 211,0.8);line-height: 80px;font-size:14px;color:#fff;padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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;text-align:center;}
.container07 ul li:hover .img h5{ height:100%}

.container07 .miso-prev,.container07 .miso-next{ width:27px; height:27px; margin-top:-14px;}
.container07 .miso-prev{ background:url(../images/container07_prev.png) center no-repeat; left:-50px;}
.container07 .miso-next{ background:url(../images/container07_next.png) center no-repeat; right:-50px}

.container07 ul li:hover img{ box-shadow:rgba(0,0,0,0.15) 0 10px 10px;}



.n_banner,.n_banner .w1200{height: 160px;}
.n_banner .table{ }
.n_banner .mianbao{display:inline-block;padding: 0;margin-left:30px;}
.n_banner .mianbao h3 span{ vertical-align:top}
.n_banner .mianbao h3 font{color:#3db8f7;font-family:MLSBQ;font-weight: bold;font-size: 22px;margin-left: 10px;display: inline-block;vertical-align:top;margin-top: -3px;}
.n_banner .mianbao h3{font-size: 18px;color: #ffffff;margin-bottom: 0px;font-weight: bold;text-transform: uppercase;height: 26px;}
.n_banner .mianbao h6{padding: 0;position:relative;font-weight: normal;}
.n_banner .mianbao h6:before{content:"";position:absolute;left:5px;top:7px;width:60px;height:1px;background:#9d9fa4;display: none;}
.n_banner .mianbao h6 a,.n_banner .mianbao h6 i,.n_banner .mianbao h6 span{font-size: 12px;color: #b9c4d4;margin:0 3px;font-style:normal;height:14px;line-height:14px;-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;}
.n_banner .mianbao h6 a:hover{color: #3db8f7;}

.sanji{margin-top: 15px;text-align:center;margin-bottom: 15px;}
.sanji ul{font-size: 0;text-align: left;}
.sanji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;width: 25%;margin-bottom: -1px;}
.sanji ul li a{font-size: 13px;color:#4f4f52;display:inline-block;padding-bottom:14px;position:relative;width: 100%;height: 45px;line-height: 43px;border:  #dcdcdc 1px solid;text-align: center;background: #fff;}
.sanji ul li a:hover{ color:#3db8f7;}
.sanji ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #3db8f7;-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;}
.sanji ul li.on a:before,.sanji ul li:hover a:before{ left:0; width:100%}

.n_about .fl01{padding: 3rem 0 3rem;}
.n_about .fl01 .ar_article h3 span{ font-size:16px !important; line-height:28px;}
.n_about .fl02{padding: 2rem 0;background:#f7f9fa;}
.n_about .fl02 h2{font-size: 16px;color:#393c3d;font-weight:bold;margin-bottom: 2rem;text-align:center;line-height: 33px;}
.n_about .fl02 ul{ font-size:0; margin:0 -7px;}
.n_about .fl02 ul li{display:inline-block;padding:0 7px;width: 50%;vertical-align:top;overflow:hidden;margin-bottom: 15px;}
.n_about .fl02 ul li a{ display:block}
.n_about .fl02 ul li a .img,.n_about .fl02 ul li a .img img{width: 100%;overflow:hidden;transition:0.6s;height: 145px;}
.n_about .fl02 ul li a .con{padding: 0;}
.n_about .fl02 ul li a .con h3{font-size: 14px;color:#393c3d;margin: 14px 0 6px;}
.n_about .fl02 ul li a .con p{font-size: 12px;color:#6e7171;line-height: 20px;}
.n_about .fl02 ul li a:hover .img img{ transform:scale(1.06)}

.n_about .fl03{padding: 3rem 0;}
.n_about .fl03 h2{font-size: 16px;color:#393c3d;font-weight:bold;margin-bottom: 2rem;text-align:center;}
.n_about .fl03 ul.miso_hd{margin:0 -6px;margin-bottom: 2rem;}
.n_about .fl03 ul.miso_hd li{ padding:0 6px; overflow:hidden}
.n_about .fl03 ul.miso_hd li a{display:block;width: 100px;height: 100px;background-image: linear-gradient(62deg, #3ca0d3, #00e4ff);border-radius:50%;margin-bottom:35px;position:relative;cursor:pointer;}
.n_about .fl03 ul.miso_hd li a:before{ content:""; position:absolute; left:50%; margin-left:-10px; width:21px; height:0; bottom:-35px; background:url(../images/down.png) center no-repeat; overflow:hidden; transition:0.6s}
.n_about .fl03 ul.miso_hd li.miso-current a:before{ height:13px;}
.n_about .fl03 ul.miso_hd li:nth-child(2n) a{  background-image:linear-gradient(62deg, #282a2e ,#3d5e95)}
.n_about .fl03 ul.miso_hd li a h3{height: 40px;}

.n_about .fl03 ul.miso_hd li a h3 img{ display:inline-block; height:24px;}

.n_about .fl03 ul.miso_hd li a h5{font-size: 14px;color:#fff;margin-bottom: 6px;}

.n_about .fl03 ul.miso_hd li a h6{font-size: 11px;color:rgba(255,255,255,0.6);text-transform:uppercase;display: none;}
.n_about .fl03 ul.miso_bd li p{font-size: 12px;line-height:24px;color:#595b5c;}

.n_news{padding: 2rem 0 3rem;}
.n_news ul{margin-bottom: 2rem;}
.n_news ul li{margin-bottom: 15px;overflow:hidden;}
.n_news ul li a{ display:block}

.page { margin:0px auto 0px auto;}
.page .box{display:inherit;width:100%;text-align: center;}
	.page li{float: left;margin-left: 15px;}
.page a{padding: 0 10px;height: 30px;line-height: 30px;display:inline-block;margin:0 2px;color: #666666;font-size: 14px;border-radius:2px;background: #eeeff4;transition: 0.36s;}
.page .on{background: #3ca0d3;color:#fff !important;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#4a41bd; color:#fff !important;border:1px solid #4a41bd;}
.page a:hover{background: #3ca0d3;color:#fff !important;text-decoration:none;}
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.n_hezuo{padding: 2rem 0 3rem;background:#fff;}
.n_hezuo ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;}
.n_hezuo ul li{display:inline-block;float:none;padding: 0 5px;width: 50%;margin-bottom: 15px;}






.n_hezuo ul li .img{ cursor:pointer}
.n_hezuo ul li .img:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:#e5e5e5 1px solid}

.n_case{padding: 2rem 0 3rem;}
.n_case ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;}
.n_case ul li{padding: 0 5px;text-align:center;width: 50%;display:inline-block;margin-bottom: 15px;overflow:hidden;}
.n_case ul li a{display:block;text-align:center;}
.n_case ul li .img{ overflow:hidden;position:relative}
.n_case ul li .img>img{width: 100%;}

.n_case ul li .img .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(60,160,211,0.8);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 44px;display: none;}
.n_case ul li .img .top h5{font-size: 18px;color:#fff;margin-bottom: 18px;}
.n_case ul li .img .top h3{ text-align:center}
.n_case ul li .img .top h3 span{font-size: 16px;color:#242525; display:inline-block; width:120px; height:40px; line-height:40px; background:#fff; border-radius:20px}

.n_case ul li .img .top img{ display:inline-block;}
.n_case ul li a>h5{height: 40px;line-height: 40px;font-size: 13px;color: #1b2433;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;}
.n_case ul li:hover .img .top{ top:0;}
.n_case ul li:hover a>h5{ transform:scale(0);}
.n_case ul li:hover .img>img{ transform:scale(1.06);}

.n_product{padding: 3rem 0 3rem;}
.n_product ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;}
.n_product ul li{display:inline-block;width: 50%;padding: 0 5px;margin-bottom: 15px;}
.n_product ul li a{ display:block; position:relative; transition:0.6s; overflow:hidden}
.n_product ul li a .img{ overflow:hidden}
.n_product ul li a .img img{width: 100%;object-fit: cover;}
.n_product ul li a h5{font-size: 12px;color:#262626;height:40px;line-height:40px;position:absolute;bottom: 0px;left:0;width:100%;padding:0 15px;text-align:center;background: #fff;}

.n_product .title .fr a:hover{ color:#fff}
.n_product .title .fr a:hover:before{transform:scale(1); opacity:1}
.n_product ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}

.n_zizhi{padding: 2rem 0 3rem;}
.n_zizhi ul{font-size: 0;margin: 0 -5px;margin-bottom: 2rem;}
.n_zizhi ul li{background: #fff;box-sizing:  border-box;-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;display:  inline-block;padding: 0 5px;text-align:  center;margin-bottom: 15px;width: 50%;}
.n_zizhi ul li .pic_box{width: 100%;height: 198px;display:table;overflow:hidden;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li img{max-width: 100%;max-height: 198px;display:block;}
.n_zizhi ul li h5{font-size: 13px;color: #5a5c60;line-height: 42px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li:hover h5{ color:#e84518}

.n_video{padding: 3rem 0;}
.n_video ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;}
.n_video ul li{display:inline-block;width: 50%;padding: 0 5px;margin-bottom: 1rem;}
.n_video ul li .img{width: 100%;overflow:hidden;position:relative;background:#000;}
.n_video ul li .img>img{width: 100%;opacity: 0.4;-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;height: 114px;object-fit: cover;}
.n_video ul li .img .top01{ width:100%; height:100%; position:absolute; left:0; top:0;}
.n_video ul li .img .top01 img{transition:0.6s;height: 28px;}
.n_video ul li h5{border-bottom:#e7e7e7 1px solid;font-size: 13px;color: #000000;width:100%;position:relative;padding: 12px 0 13px;white-space: normal;}
.n_video ul li h5 span{overflow:hidden;display:block;width:100%;height: 48px;line-height: 24px;}
.n_video ul li h5:after{content:"";position:absolute;left:0;bottom:-1px;width: 40px;height:2px;background:#a5a5a6;transition:0.6s;}

.n_video ul li a:hover .img>img{ transform:scale(1.06); opacity:1}
.n_video ul li a:hover h5:after{width:100%;height:3px;background: #3ca0d3;}
.n_video ul li a:hover .img .top01 img{ transform:rotate(180deg)}

/*资料下载*/
.n_xiazai{padding: 2rem 0 3rem;}
.n_xiazai ul{font-size:0;margin:0 -60px;margin-bottom: 2rem;}
.n_xiazai ul li{display:inline-block;padding:0 60px;width: 100%;margin-bottom: 15px;overflow:hidden;}
.n_xiazai ul li a{display:block;border:#e5e5e5 2px solid;padding: 20px 12px;border-radius:4px;position:relative;}
.n_xiazai ul li a:after{ content:""; position:absolute; left:-2px; top:-2px; right:-2px; bottom:-2px; border:transparent 3px solid; border-radius:4px; transition:0.6s}
.n_xiazai ul li span{display:inline-block;background:url(../images/xiazai.png) center no-repeat;width: 34px;height: 34px;position:absolute;right: 15px;top:28px;transition:0.6s;background-size: cover;}

.n_xiazai ul li .txt{display:inline-block;width: 80%;}
.n_xiazai ul li .txt h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_xiazai ul li .txt h5{font-size: 14px;color: #242425;}
.n_xiazai ul li .txt h5 font{ font-size:18px; color:#0f89dd; margin-right:6px}
.n_xiazai ul li .txt p{color: #97989b;font-size: 12px;margin-top: 6px;}


.n_xiazai ul li a:hover span{ background:url(../images/xiazai_on.png) center no-repeat;}
.n_xiazai ul li a:hover:after{ border:#3ca0d3 3px solid;}

.n_service{padding: 2rem 0;}
.n_service ul li{ overflow:hidden; margin-bottom:20px}
.n_service ul li .box{ font-size:0}
.n_service ul li .box .img,.n_service ul li .box .img img{display:inline-block;width: 100%;overflow:hidden;}
.n_service ul li .box .con{display:inline-block;width: 100%;border:#dbdcdf 1px solid;padding: 24px 15px;}
.n_service ul li .box .con .table{ text-align:left}
.n_service ul li .box .con h3{margin-bottom: 23px;}
.n_service ul li .box .con h3 font{font-size: 16px;color:#363535;}
.n_service ul li .box .con dl{ font-size:0; float:right}
.n_service ul li .box .con dd{ display:inline-block;}
.n_service ul li .box .con dd a{background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;font-size: 12px;font-weight:bold;color:#fff;width: 80px;height: 32px;line-height: 32px;text-align:center;margin-left: 8px;border-radius:20px;transition:0.6s;}

.n_service ul li .box .con dd.dd a{ background-image:linear-gradient(62deg, #282a2e ,#3d5e95)}
.n_service ul li .box .con p{font-size: 12px;color:#86868b;line-height: 20px;}

.n_service ul li .box .con dd a:hover{ opacity:0.6}

.n_solution{padding: 3rem 0;}
.n_solution ul{font-size:0;margin: 0 -5px;margin-bottom: 2rem;}
.n_solution ul li{display:inline-block;width: 50%;padding: 0 5px;margin-bottom: 1rem;text-align:center;overflow:hidden;}
.n_solution ul li a{ display:block}
.n_solution ul li .img,.n_solution ul li .img img{width: 100%;overflow:hidden;height: 90px;position:relative;background:#000;}
.n_solution ul li .con{padding: 20px 10px;background:#fff;position:relative;}
.n_solution ul li .con:before{ content:""; position:absolute; bottom:0; left:0; right:0; background:#3ca0d3; height:0; transition:1.2s}
.n_solution ul li .con h5{font-size: 16px;color:#454545;margin-bottom: 2px;position:relative;transition:0.6s;}
.n_solution ul li .con h6{font-size: 10px;color:#949494;text-transform:uppercase;margin-bottom: 8px;position:relative;transition:0.6s;font-weight: normal;}
.n_solution ul li .con span{display:inline-block;width: 90px;height: 35px;line-height: 35px;border-radius:2px;font-size: 12px;color:#fff;background:#3ca0d3;position:relative;transition:0.6s;}

.n_solution ul li a:hover .con:before{ top:0; height:100%}
.n_solution ul li a:hover .con h5{ color:#fff}
.n_solution ul li a:hover .con h6{ color:rgba(255,255,255,0.7)}
.n_solution ul li a:hover .con span{ color:#3ca0d3; background:#fff}

.n_solution_detail .fl01{padding: 2rem 0 0;}
.n_solution_detail .fl01 .w1200{ border-bottom:#dedede 1px solid; padding-bottom:30px}
.n_solution_detail .fl01 h2{font-size: 16px;color:#3f3b3d;font-weight:bold;margin-bottom: 2rem;text-align:center;line-height: 30px;}
.n_solution_detail .fl01 ul{margin-bottom: 2rem;}
.n_solution_detail .fl01 ul li{ text-align:center;}
.n_solution_detail .fl01 ul li img{display:inline-block;width: 100%;}
.n_solution_detail .fl02{padding: 3rem 0 2rem;}
.n_solution_detail .fl02 .title{margin-bottom: 2rem;}
.n_solution_detail .fl02 .title h3{font-size: 16px;color:#262626;font-weight:bold;}
.n_solution_detail .fl02 .title h3 img{margin-right: 8px;margin-top: -3px;height: 16px;}
.n_solution_detail .fl03{padding: 3rem 0;background:#e7ebee;}
.n_solution_detail .fl03 .title{margin-bottom: 2rem;}
.n_solution_detail .fl03 .title h3{font-size: 16px;color:#262626;font-weight:bold;margin-top: -3px;}
.n_solution_detail .fl03 .title h3 img{margin-right: 8px;height: 12px;}
.n_solution_detail .fl03 .title h3 a{display:inline-block;line-height:30px;float:right;font-size: 13px;color:#262626;font-weight:normal;transition:0.6s;}

.n_solution_detail .fl03 ul{font-size:0;margin: 0 -5px;}
.n_solution_detail .fl03 ul li{display:inline-block;width:33.333333%;padding: 0 5px;}
.n_solution_detail .fl03 ul li a{ display:block; position:relative; transition:0.6s; overflow:hidden}
.n_solution_detail .fl03 ul li a .img{ overflow:hidden}
.n_solution_detail .fl03 ul li a .img img{width: 100%;}
.n_solution_detail .fl03 ul li a h5{font-size: 13px;color:#262626;height: 30px;line-height: 20px;position: relative;bottom: 8px;left:0;width:100%;padding:0 15px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #fff;}

.n_solution_detail .fl03 .title .fr a:hover{ color:#fff}
.n_solution_detail .fl03 .title .fr a:hover:before{transform:scale(1); opacity:1}
.n_solution_detail .fl03 ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}
.n_solution_detail .fl03 .miso-prev,.n_solution_detail .fl03 .miso-next{ width:68px; height:68px; margin-top:-34px;}
.n_solution_detail .fl03 .miso-prev{ background:url(../images/left02.png) center no-repeat; left:-105px;}
.n_solution_detail .fl03 .miso-next{ background:url(../images/right02.png) center no-repeat; right:-105px}

.n_solution_detail .fl03 .title h3 a:hover{ color:#3ca0d3}

.n_solution_detail .fl04{padding: 3rem 0;text-align:center;position: relative;}
.n_solution_detail .fl04 h2{font-family:MLSBQ;font-size: 20px;color:#262626;text-transform:uppercase;margin-bottom: 8px;}
.n_solution_detail .fl04 h2 font{ color:#3ca0d3; font-family:MLSBQ;}
.n_solution_detail .fl04 h5{font-size: 12px;color:#262626;margin-bottom: 2rem;overflow:hidden;white-space: normal;text-overflow:ellipsis;line-height: 24px;padding: 0 15px;}
.n_solution_detail .fl04 a{background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;width: 100%;line-height: 50px;height: 50px;border-radius: 3px;font-size: 16px;color:#fff;transition:0.6s;}
.n_solution_detail .fl04 a img{margin-right: 8px;height: 18px;margin-top: -3px;}
.n_solution_detail .fl04 a:hover{ opacity:0.6}

.n_case_detail .fl01 .w1200{ border:none; padding-bottom:0}
.n_case_detail .fl01 .miso-prev,.n_case_detail .fl01 .miso-next{width: 30px;height: 30px;margin-top: -15px;background-size: cover !important;}
.n_case_detail .fl01 .miso-prev{background:url(../images/left03.png) center no-repeat;left: 5px;}
.n_case_detail .fl01 .miso-next{background:url(../images/right03.png) center no-repeat;right: 5px;}


.n_case_detail .fl02 .title{ position:relative}
.n_case_detail .fl02 .title:before{ content:""; position:absolute; left:170px; right:84px; height:1px; background:#e3e3e3; top:50%}
.n_case_detail .fl02 .title h3 a{display:inline-block;line-height:30px;float:right;font-size: 13px;color:#262626;font-weight:normal;transition:0.6s;}
.n_case_detail .fl02 ul{font-size:0;margin: 0 -5px;}
.n_case_detail .fl02 ul li{display:inline-block;width: 50%;padding: 0 5px;}
.n_case_detail .fl02 ul li a{ display:block; position:relative; transition:0.6s; overflow:hidden}
.n_case_detail .fl02 ul li a .img{ overflow:hidden}
.n_case_detail .fl02 ul li a .img img{width: 100%;transition:0.9s;}
.n_case_detail .fl02 ul li a h5{font-size: 13px;color:#454545;height: 40px;line-height: 40px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:0.6s;}
.n_case_detail .fl02 ul li a:hover .img img{ transform:scale(1.06)}
.n_case_detail .fl02 ul li a:hover h5{ color:#3ca0d3}

.n_case_detail .fl02 .title h3 a:hover{ color:#3ca0d3}

.n_case_detail .fl04{padding: 3rem 0;}
.n_case_detail .fl04 .content{padding: 0;}
.n_case_detail .fl04 .content .form01{overflow:hidden;width: 100%;}
.n_case_detail .fl04 .content .form01 .form_box{margin: 0 -8px;}
.n_case_detail .fl04 .content .form01 .form_box .box{float:left;width: 100%;padding: 0 8px;margin-bottom: 10px;}
.n_case_detail .fl04 .content .form01 .form_box .box .label{width: 100px;height: 45px;line-height: 45px;background: #e3e4ea;float:left;text-align:  center;font-size: 16px;color: #373737;}
.n_case_detail .fl04 .content .form01 .form_box .con{border: #e3e4ea 1px solid;background:none;height: 45px;line-height: 43px;float:  left;width: calc(100% - 100px) !important;margin-left: -1px;position:relative;}
.n_case_detail .fl04 .content .form01 .form_box .con input{height: 43px;width:100%;padding:0 10px;font-size: 16px;border: none;color: #3e3e3e;vertical-align: top;}
.n_case_detail .fl04 .content .form01 .form_box .button{background: linear-gradient(62deg, #3ca0d3, #00e4ff);width: 100%;height: 60px;line-height: 60px;margin: 0 auto;margin-top: 0;cursor: pointer; transition:0.6s}
.n_case_detail .fl04 .content .form01 .form_box .button button{display:block;width:100%;line-height: 50px;height: 50px;background:none;border:none;font-size: 15px;color:#fff;font-weight: bold;cursor: pointer;}
.n_case_detail .fl04 .content .form01 .form_box .con .yzm{position:absolute;right:2px;top: 0px;}
.n_case_detail .fl04 .content .form01 .form_box .con textarea{width:100%;height:100%;padding: 10px 10px;border:none;outline:none;resize:none;font-size: 13px;color: #3e3e3e;}
.n_case_detail .fl04 .content .form01 .form_box .button:hover{ opacity:0.6}

.n_form{padding: 3rem 0 5rem;}
.n_form .left{width: 100%;padding: 0 2rem;margin-bottom: 3rem;}
.n_form .left h2{font-size: 24px;color:#fff;line-height: 31px;font-family:MLSBQ;text-transform:uppercase;margin: 0 0 1rem;}
.n_form .left p{font-size: 12px;color:#fff;line-height: 26px;}


.n_form form{overflow:hidden;width: 100%;}
.n_form form .form_box{margin: 0 -8px;}
.n_form form .form_box .box{float:left;width:  100%;padding: 0 8px;margin-bottom: 10px;}
.n_form form .form_box .box .label{width: 100px;height: 50px;line-height: 50px;background: #e3e4ea;float:left;text-align:  center;font-size: 14px;color: #373737;}
.n_form form .form_box .con{border: #e3e4ea 1px solid;background:none;height: 50px;line-height: 48px;float:  left;width: calc(100% - 100px);margin-left: -1px;position:relative;}
.n_form form .form_box .con input{height: 48px;width:100%;padding:0 10px;font-size: 16px;border: none;color: #3e3e3e;vertical-align: top;}
.n_form form .form_box .button{background: linear-gradient(62deg, #3ca0d3, #00e4ff);width: 100%;height: 60px;line-height: 60px;margin: 0 auto;margin-top: 0;cursor: pointer; transition:0.6s}
.n_form form .form_box .button button{display:block;width:100%;line-height: 60px;height: 60px;background:none;border:none;font-size: 15px;color:#fff;font-weight: bold;cursor: pointer;}
.n_form form .form_box .con .yzm{position:absolute;right:2px;top: 0px;}
.n_form form .form_box .con .shouji{position:absolute; top: 0px; font-size:14px; color:#8e8e8e; right:26px}
.n_form form .form_box .con .shouji a{ color:#8e8e8e;}
.n_form form .form_box .con textarea{width:100%;height:100%;padding: 10px 10px;border:none;outline:none;resize:none;font-size: 16px;color: #3e3e3e;}

.n_form form .form_box .con .shouji a:hover{ color:#3ca0d3}
.n_form form .form_box .button:hover{ opacity:0.9}

#n_lianxi{ position:relative; z-index:9; padding:62px 0 0}
#n_lianxi .tt1{color: #3ca0d3;text-align:center;margin-bottom: 2rem;}
#n_lianxi .tt1 h3{font-size: 16px;font-weight:bold;color: #393c3d;margin-bottom: 0;}
#n_lianxi .tt1 span{font-size: 11px;font-family:arial;text-transform:uppercase;}
#n_lianxi .tt2{ text-align:center;}
#n_lianxi .tt2 img{ height:40px}
#n_lianxi .con{text-align:center;margin-top:40px;font-size: 12px;color:#676768;line-height: 26px;}

.lianxi_box{overflow:hidden;padding: 3rem 2rem;margin-top: 3rem;background: #fff;border-top: #393c3d 7px solid;}
.lianxi_box .left{width: 100%;}
.lianxi_box .tt{margin-bottom: 2rem;text-align: center;}
.lianxi_box .tt h3{font-size: 20px;color: #3ca0d3;font-weight:bold;text-transform:uppercase;display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box ul{border-top:1px solid #e4e7e9;padding-top: 3rem;font-size: 0;}
.lianxi_box ul li{font-size:14px;color: #727273;display:inline-block;padding-left: 40px;margin-bottom:30px;width: 50%;}
.lianxi_box ul li+li{}
.lianxi_box ul li b{display:block;font-weight:normal;font-size: 14px;color:#171717;margin-bottom: 0;}
.lianxi_box ul li a{font-size: 12px;color: #727273;font-weight:bold;}
.lianxi_box .ewm{width: 50%;text-align:center;font-size: 14px;color:#303030;display: inline-block;}
.lianxi_box .ewm img{width: 120px;height: 120px;margin-bottom: 10px;border:1px solid #e5e5e5;padding:20px;display: inline-block;}

.n_container{padding: 0 0 50px;}

.n_product_detail .fl01{background:#e7ebee;padding: 3rem 0;}
.n_product_detail .fl01 .left{width: 100%;overflow:hidden;}
.n_product_detail .fl01 .left .miso_bd{width: 100%;margin-bottom:12px;}
.n_product_detail .fl01 .left .miso_bd li img{width: 100%;}
.n_product_detail .fl01 .left .miso_hd{padding: 0 30px;margin: 0 -3px;overflow: hidden;}
.n_product_detail .fl01 .left .miso_hd li{padding: 0 3px;}
.n_product_detail .fl01 .left .miso_hd li img{width: 100%;height: 70px;}
.n_product_detail .fl01 .left .miso_hd .miso-prev,.n_product_detail .fl01 .left .miso_hd .miso-next{width: 25px;height: 70px;z-index:1000;margin-top: -35px;background-size: 100% 70px !important;}
.n_product_detail .fl01 .left .miso_hd .miso-prev{ background:url(../images/left04.png) center no-repeat; left:0}
.n_product_detail .fl01 .left .miso_hd .miso-next{ background:url(../images/right04.png) center no-repeat; right:0}
.n_product_detail .fl01 .right{width: 100%;overflow:hidden;margin-top: 2rem;}
.n_product_detail .fl01 .right h3{font-size: 18px;color:#262626;font-weight:bold;line-height: 32px;margin-bottom: 1rem;}




.n_product_detail .fl01 .right h4{font-size: 16px;color:#65686b;font-weight:bold;padding: 0 0 13px 16px;position:relative;border-bottom:#cdd1d4 1px solid;margin-bottom: 2rem;position:relative;}
.n_product_detail .fl01 .right h4:before{content:"";position:absolute;left:0;top: 5px;width: 3px;height:18px;background:#3ca0d3;}
.n_product_detail .fl01 .right p{font-size: 13px;color:#65686b;line-height: 26px;margin-bottom: 2rem;}

.n_product_detail .fl01 .right a{background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;width: 100%;line-height: 45px;height: 45px;border-radius: 2px;font-size: 16px;color:#fff;transition:0.6s;text-align: center;}
.n_product_detail .fl01 .right a img{margin-right: 8px;height: 18px;}
.n_product_detail .fl01 .right a:hover{ opacity:0.6}

.siji{background:#fff;border-bottom: #dcdcdc 1px solid;border-top: #dcdcdc 1px solid;}
.siji ul{font-size: 0;margin: -1px 0;position: relative;z-index: 100;}
.siji ul li{display:inline-block; width:20%; font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}
.siji ul li a{font-size: 12px;color: #262626;display:inline-block;padding-bottom:14px;position:relative;width: 100%;height: 50px;line-height: 48px;border:  #dcdcdc 1px solid;text-align: center;background: #fff;cursor:pointer;}
.siji ul li a:hover{ color:#3db8f7;}

.siji ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #3db8f7;-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;}
.siji ul li a:after{content:"";position:absolute;top: 65px;left:50%;margin-left:-7px;width:14px;height: 0;background:url(../images/jiantou01.png) center no-repeat;transition: 0.6s;}
.siji ul li.miso-current a:before,.siji ul li:hover a:before{ left:0; width:100%}
.siji ul li.miso-current a:after,.siji ul li:hover a:after{ height:8px;}

.n_product_detail .fl02{background:#fff;padding-bottom: 3rem;}
.n_product_detail .fl02 .more{text-align:center;margin-top: 2rem;}
.n_product_detail .fl02 .more a{background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;width: 100%;line-height: 50px;height: 50px;border-radius: 3px;font-size: 16px;color:#fff;transition:0.6s;text-align: center;}
.n_product_detail .fl02 .more a img{margin-right:15px;height: 18px;display: inline-block;}
.n_product_detail .fl02 .more a:hover{ opacity:0.6}

.n_product_detail .fl02 .miso_hd .miso-list{ overflow:visible}

.n_product_detail .fl02 .miso_bd .con{padding: 3rem 0 0;}
.n_product_detail .fl02 .miso_bd .con03 .img{ text-align:center}
.n_product_detail .fl02 .miso_bd .con03 .img img{ display:inline-block; width:930px; height:490px;}
.n_product_detail .fl02 .miso_bd .con03 h3{ font-size:30px; color:#454545; text-align:center; margin:52px 0 36px}
.n_product_detail .fl02 .miso_bd .con03 .ar_article{ margin-bottom:60px}
.n_product_detail .fl02 .miso_bd .con03 .more01{ text-align:center}
.n_product_detail .fl02 .miso_bd .con03 .more01 a{ font-size:16px; color:#fff; display:inline-block; width:210px; height:55px; line-height:55px; background:#3ca0d3; border-radius:3px; text-align:center;}
.n_product_detail .fl02 .miso_bd .con03 .more01 a:hover{ opacity:0.6}
.n_product_detail .fl02 .miso_bd .con04{}
.n_product_detail .fl02 .miso_bd .con04 .more01{ text-align:center}
.n_product_detail .fl02 .miso_bd .con04 .more01 a{ font-size:16px; color:#fff; display:inline-block; width:210px; height:55px; line-height:55px; background:#3ca0d3; border-radius:3px; text-align:center;}
.n_product_detail .fl02 .miso_bd .con04 .more01 a:hover{ opacity:0.6}
.n_product_detail .fl02 .miso_bd .con05{ background:#e7ebee;}
.n_product_detail .fl02 .miso_bd .con05 .more01{ text-align:center}
.n_product_detail .fl02 .miso_bd .con05 .more01 a{ font-size:16px; color:#fff; display:inline-block; width:210px; height:55px; line-height:55px; background:#3ca0d3; border-radius:3px; text-align:center;}
.n_product_detail .fl02 .miso_bd .con05 .more01 a:hover{ opacity:0.6}


.n_news_detail{padding: 1rem 0 1rem;}
.n_news_detail .left{float:left;width: 100%;}
.n_news_detail .left .title{height: auto;overflow: hidden;position:relative;padding-bottom: 35px;}
.n_news_detail .left .ar_title{padding: 0;padding-bottom: 25px;border-bottom: #e7e7e7 1px solid;position:relative;text-align: center;}
.n_news_detail .left .ar_title h3{font-size: 20px;color: #000000;line-height: 30px;margin-bottom: 5px;font-weight: bold;}
.n_news_detail .left .ar_title h6{position:relative;font-size: 13px;color: #3ca0d3;position:relative;}
.n_news_detail .left .ar_title:before{content:"";position:absolute;bottom: -1px;left: 50%;width:70px;height:2px;background:#3ca0d3;margin-left: -35px;}

#ar_fot01{position:relative;width: 100%;overflow:  hidden;}
#ar_fot01 h1{display:block;font-size: 12px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin: 0;-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;width: 100%;height: 30px;line-height: 30px;}
#ar_fot01 h1 span{color: #575c63;-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;display: inline-block;vertical-align: top;}

#ar_fot01 h1 a{font-size: 12px;color: #575c63;font-weight:normal;-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;width: calc(100% - 60px);display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#ar_fot01 h1:hover, #ar_fot01 h1:hover a, #ar_fot01 h1:hover span{color: #3db8f7;vertical-align: top;display: inline-block;}
#ar_fot01 .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot01 .bnt_back:hover{ border-radius:3px;}
#ar_fot01 a,#ar_fot span{}
#ar_fot01 .shart_box a{ line-height:36px;}
#ar_fot01 .fr{text-align: left;}
#ar_fot01 h1:hover{}

.dibu{position:relative;margin-top: 3rem;padding-top: 28px;border-top: #eef1f2 2px solid;margin-bottom: 1rem;}
.dibu .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #ffffff;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #616060;text-transform:uppercase;font-weight: 600;}

.n_news_detail .right{ width:380px;}
.n_news_detail .right .fl00{ background:#e7ebee; padding:30px 30px}
.n_news_detail .right .fl00 .title{ font-size:24px; color:#262626; margin-bottom:30px;}
.n_news_detail .right .fl00 .title img{ margin:-3px 14px 0 0}
.n_news_detail .right .fl01{ margin-bottom:16px}
.n_news_detail .right .fl01 ul li{ text-align:center}
.n_news_detail .right .fl01 ul li .img,.n_news_detail .right .fl01 ul li .img img{ width:320px; height:240px; overflow:hidden; transition:0.9s}
.n_news_detail .right .fl01 ul li h5{ font-size:16px; margin-top:22px; color:#262626; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition:0.6s}
.n_news_detail .right .fl01 .miso-prev,.n_news_detail .right .fl01 .miso-next{width: 8px;height: 13px;z-index:1000;top: -50px;}
.n_news_detail .right .fl01 .miso-prev{background:url(../images/container07_prev.png) center no-repeat;left: auto;right: 26px;}
.n_news_detail .right .fl01 .miso-next{ background:url(../images/container07_next.png) center no-repeat; right:0}

.n_news_detail .right .fl02{ margin-bottom:16px}
.n_news_detail .right .fl02 ul li{ text-align:center}
.n_news_detail .right .fl02 ul li a{ display:block; position:relative}
.n_news_detail .right .fl02 ul li .img,.n_news_detail .right .fl02 ul li .img img{ width:320px; height:185px; overflow:hidden; transition:0.9s}
.n_news_detail .right .fl02 ul li h5{background:rgba(0,0,0,0.7);padding:0 15px;height:40px;line-height:40px;font-size:18px;margin-top:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;position:absolute;bottom:0;width:100%;text-align: left;padding-right: 110px;}
.n_news_detail .right .fl02 .miso-dots{bottom: 14px;text-align: right;width: auto;right: 14px;}
.n_news_detail .right .fl02 .miso-dots li{width:10px;height:10px;background:#d1d1d1;border-radius:5px;margin: 0 3px;}
.n_news_detail .right .fl02 .miso-dots li.miso-active{ background:#3ca0d3; }


.n_news_detail .right .fl03 ul{ margin-top:15px;}
.n_news_detail .right .fl03 ul li{line-height: 30px;height: 30px;}
.n_news_detail .right .fl03 ul li a{display:block;position:relative;line-height: 30px;height: 30px;}
.n_news_detail .right .fl03 ul li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fafafa; opacity: 0; visibility: hidden\9; transform: scale(1, 0); transition: all .5s; z-index: -1;}

.n_news_detail .right .fl03 ul li i{display:inline-block;width: 13px;vertical-align: top;}

.n_news_detail .right .fl03 ul li font{display:inline-block;font-size: 15px;color: #6d6f71;width: 246px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.36s;vertical-align: top;}
.n_news_detail .right .fl03 ul li span{float:right;font-size:14px;color: #6d6f71;}

.m_3d .fl01{padding: 2rem 0 3rem;}
.m_3d .fl01 .w1200{ border-bottom:#dedede 1px solid; padding-bottom:30px}
.m_3d .fl01 h2{font-size: 18px;color:#3f3b3d;font-weight:bold;margin-bottom: 2rem;text-align:center;}

.m_3d .fl04{padding: 3rem 0;text-align:center;position: relative;}
.m_3d .fl04 h2{font-family:MLSBQ;font-size: 24px;color:#262626;text-transform:uppercase;margin-bottom:12px;}
.m_3d .fl04 h2 font{ color:#3ca0d3; font-family:MLSBQ;}
.m_3d .fl04 h5{font-size: 12px;color:#262626;margin-bottom: 2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height: 26px;}

.m_3d .fl03{padding: 3rem 0;background:#e7ebee;}
.m_3d .fl03 .title{ margin-bottom:44px}
.m_3d .fl03 .title h3{font-size: 18px;color:#262626;font-weight:bold;margin-top: -3px;}
.m_3d .fl03 .title h3 img{margin-right: 12px;height: 18px;}
.m_3d .fl03 .title h3 a{ display:inline-block; line-height:30px; float:right; font-size:16px; color:#262626; font-weight:normal; transition:0.6s;}


.m_3d .fl03 .danxuan .box{ font-size:0; margin:0 -20px;}
.m_3d .fl03 .danxuan .box .con{display:inline-block;width: 100%;padding:0 20px;}
.m_3d .fl03 .danxuan .box .con .layui-form-item{ height:115px; border:#e2e2e2 1px solid; background:#fff}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-form-label{height:115px;line-height:115px;width: 86px;border-right:#e2e2e2 1px solid;font-size: 13px;color:#373737;padding: 0;text-align: center;}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-form-label font{ color:#ff0000}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-input-block{margin-left: 88px;height:113px;padding-left: 15px;}
.m_3d .fl03 .danxuan .box .con .layui-form-item .table{
    text-align: left;
}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-form-radio *{font-size: 14px;color:#373737;text-transform:uppercase;}
.m_3d .fl03 .danxuan .box.box01 .con .layui-form-item .layui-form-radio >div{ font-weight:bold; }
.m_3d .fl03 .danxuan .box .con .layui-form-item img{margin-left: -38px;margin-right: 20px;height: 38px;}

.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .layui-form-radio{ position:relative}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .layui-form-radio *{margin-right: 74px;}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item img{margin-left: -143px;margin-right: 20px;}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .layui-form-radio>div{ margin-right:0}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .lwy{width:220px;display:inline-block;text-align: left;margin: 3px 0;}
.m_3d .fl03 .danxuan .box.box01 .con .layui-form-item .lwy{display:inline-block;text-align: left;}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-form-radio .layui-anim.layui-icon{ color:#9f9f9f}
.m_3d .fl03 .danxuan .box .con .layui-form-item .layui-form-radio.layui-form-radioed .layui-anim.layui-icon{ color:#3a3a3a}

.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item{ height:200px;}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .layui-form-label{ height:200px; line-height:200px}
.m_3d .fl03 .danxuan .box.box02 .con .layui-form-item .layui-input-block{ height:200px;}

.container12 ul{ font-size:0; margin:0 -5px;}
.container12 ul li{ display:inline-block; width:50%; padding:0 5px; vertical-align:top}
.container12 ul li a{background:#3ca0d3;display:block;height: 70px;padding: 12px 0;text-align: center;box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.container12 ul li a .icon,.container12 ul li a .con{display:inline-block;margin:0 2px;vertical-align: top;text-align: left;}
.container12 ul li a .icon img{width:30px;margin: 5px 0;margin-right: 6px;}
.container12 ul li a .con h3{ font-size:16px; color:#fff}
.container12 ul li a .con h5{ font-size:12px; color:#89c0e0}
.siji01 ul li{ margin-bottom:5px !important}
.siji01 ul li a{ font-size:14px !important;    width: 140px;}}