/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
*,:after,:before{box-sizing:border-box;}
body,html{overflow-x:hidden;color:#333;font:14px/26px arial,"Microsoft Yahei","微软雅黑";background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#146fd6;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;overflow:hidden;margin:0 auto;width:1300px;}
.wrap-no{clear:both;display:block;margin:0 auto;width:1300px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.yahei{font-family:Microsoft Yahei,microsoft yahei,微软雅黑,arial;}
.shadow{-webkit-box-shadow: 0px 2px 3px rgba(115, 128, 157, 0.2);box-shadow: 0px 2px 3px rgba(115, 128, 157, 0.2);}

#header{position:fixed;top:0px;right:0px;left:auto;z-index:1000;}
#header.nofixed{ position:inherit}
#header{ width:100%; height:70px;}
#header .logo{ padding:24px 0; height:22px; line-height:22px}
#header .logo .b{ display:none}
#header .logo em{ float:left;font-size:22px; color:#fff; margin-left:10px; margin-top:2px}
#header .nav ul li{ float:left; padding-left:70px; }
#header .nav ul li h3{ line-height:70px; display:block}
#header .nav ul li h3 a{ font-size:16px; color:#fff; font-weight:normal; position:relative}
#header .nav ul li h3 a em{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#header .nav ul li h3 a em{ display:block;height:3px; overflow:hidden; background:#206cde; width:22px; margin:0 auto; position:absolute; left:calc(50% - 11px); top:23px; opacity:0;}
#header .nav ul li.on h3 a em{ opacity:1}
#header.scroll{ background:#fff;-webkit-box-shadow: 0px 1px 5px rgba(115, 128, 157, 0.2);box-shadow: 0px 1px 5px rgba(115, 128, 157, 0.2);}
#header.scroll .logo .w{ display:none}
#header.scroll .logo .b{ display:block}
#header.scroll .logo em{ color:#2f76e0}
#header.scroll ul li h3 a{ font-size:16px; color:#333; font-weight:normal}

#header .sub{-webkit-box-shadow: 0px 1px 5px rgba(115, 128, 157, 0.2);box-shadow: 0px 1px 5px rgba(115, 128, 157, 0.2); z-index:999}
#header .sub{ width:100%; position:absolute; left:0; top:70px; background:#fff; display:none; border-top:1px solid #f8f8f8;}
#header .sub .wrap{ padding:20px 0;}
#header .sub .left{ width:650px;}
#header .sub .left dt{ font-weight:600; padding-bottom:10px; font-size:15px}
#header .sub .left dd{}
#header .sub .left dd a{ padding:10px 0px; display:block}
#header .sub .left dd a:hover{ background:#f3f5f7; padding:10px}
#header .sub .left dd a p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#header .sub .left dd a p:nth-child(1){ font-weight:400; color:#444}
#header .sub .left dd a p:nth-child(2){ color:#bbbbbb; font-size:12px}
#header .sub .right{ width:560px;}
#header .sub .right dt{ font-weight:bold; padding-bottom:10px}
#header .sub .right dd a{ float:left; width:50%; font-weight:400; line-height:36px}
#header .sub.apply .right dd a{ width:25%}
#header .sub.about{ text-align:right}
#header .sub.about a{ margin-left:170px; font-weight:bold}

#video{ width:100%; height:600px; overflow:hidden; background:#333; position:relative}
#video video {width: 100%;height: 600px;object-fit: fill;}
#video .info{ width:100%; position:absolute; left:0; top:calc(50% - 20px); font-size:40px; line-height:40px; color:#fff; text-align:center;}
#product{ width:100%; padding:90px 0; position:relative}
#product .pbg{ width:50%; height:800px; left:50%; bottom:0; position:absolute; display:block}
#product .pbg{ background-repeat:no-repeat; background-size:800px auto; background-position:left bottom}
#product .stitle{ width:100%}
#product .pro_big .swiper-slide{ position:relative; padding-top:90px; min-height:540px}
#product .pro_big .swiper-slide{background-repeat:no-repeat; background-position:right 25px;}
#product .pro_big .swiper-slide .pr_title{ font-size:24px; font-weight:600}
#product .pro_big .swiper-slide .pr_title em{ color:#206cde}
#product .pro_big .swiper-slide .left{ width:240px; position:relative; z-index:10}
#product .pro_big .swiper-slide .left .pr_info{ font-size:16px; margin-top:50px; color:#515457}
#product .pro_big .swiper-slide .left .pr_view{margin-top:30px; }
#product .pro_big .swiper-slide .left .pr_view a{ background:url(/skin/images/jt_b.png) no-repeat left bottom; display:block; height:30px}
#product .pro_big .swiper-slide .left .pr_view a:hover{ background:url(/skin/images/jt_b_hover.png) no-repeat left bottom;}
#product .pro_big .swiper-slide .right{ width:450px; margin-left:90px; z-index:10; position:relative}
#product .pro_big .swiper-slide .right .list{ margin-top:50px}
#product .pro_big .swiper-slide .right .list ul li{ padding-bottom:60px}
#product .pro_big .swiper-slide .right .list ul li .t{ font-size:16px; font-weight:400}
#product .pro_big .swiper-slide .right .list ul li p{ color:#9b9d9f; margin-top:5px}
#product .pro_big .swiper-slide .pic{ position: absolute; right:0; top:0; z-index:0}
#product .pro_big .swiper-slide .right .list ul li.icon{ background-repeat:no-repeat; background-position:left 5px; padding-left:50px}
#product .pro_big .swiper-slide.Z0 .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z0_1.png);}
#product .pro_big .swiper-slide.Z0 .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z0_2.png);}
#product .pro_big .swiper-slide.Z0 .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z0_3.png);}
#product .pro_big .swiper-slide.Z1 .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z1_1.png);}
#product .pro_big .swiper-slide.Z1 .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z1_2.png);}
#product .pro_big .swiper-slide.Z1 .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z1_3.png);}
#product .pro_big .swiper-slide.Z3 .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z3_1.png);}
#product .pro_big .swiper-slide.Z3 .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z3_2.png);}
#product .pro_big .swiper-slide.Z3 .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z3_3.png);}
#product .pro_big .swiper-slide.Z6 .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z6_1.png);}
#product .pro_big .swiper-slide.Z6 .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z6_2.png);}
#product .pro_big .swiper-slide.Z6 .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z6_3.png);}
#product .pro_big .swiper-slide.Z8 .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z8_1.png);}
#product .pro_big .swiper-slide.Z8 .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z8_2.png);}
#product .pro_big .swiper-slide.Z8 .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z8_3.png);}
#product .pro_big .swiper-slide.ZBOX .right .list ul li.icon.icon1{ background-image:url(/skin/images/youshi/icon_z9_1.png);}
#product .pro_big .swiper-slide.ZBOX .right .list ul li.icon.icon2{ background-image:url(/skin/images/youshi/icon_z9_2.png);}
#product .pro_big .swiper-slide.ZBOX .right .list ul li.icon.icon3{ background-image:url(/skin/images/youshi/icon_z9_3.png);}
#product .pro_small{ margin-top:10px}
#product .pro_small .swiper-slide{ width:100%; height:132px; background:#f0f4fb; cursor:pointer; position:relative;}
#product .pro_small .swiper-slide .num{ position:absolute; top:0; right:0; opacity:0}
#product .pro_small .swiper-slide .num{height:36px; width:36px; background:#315db4; color:#fff; font-style:italic; display:block; text-align:center; line-height:36px; font-weight:bold}
#product .pro_small .swiper-slide .t{ padding:24px 50px 0;font-size:32px; font-family:Impact; color:#206cde; font-weight:900; line-height:46px; font-family:"dincond_medium"}
#product .pro_small .swiper-slide p{ color:#515457; padding:0 30px 0 50px; margin-top:10px; font-size:18px}
#product .pro_small .swiper-slide-thumb-active { background:url(/skin/images/pr_small_bg.png) no-repeat right top}
#product .pro_small .swiper-slide-thumb-active .t,
#product .pro_small .swiper-slide-thumb-active p{ color:#fff}
#product .pro_small .swiper-slide-thumb-active .num{ opacity:1}

#apply{ width:100%; height:875px; padding:90px 0}
#apply.apply_1{ background:url(/skin/images/apply_bg_1.png) no-repeat center center #323b45}
#apply.apply_2{ background:url(/skin/images/apply_bg_2.png) no-repeat center center #323b45}
#apply .main .left{ padding-top:40px; width:395px;;}
#apply .main .left .left_click{ margin-top:90px; cursor:pointer}
#apply .main .left .left_click .t{ font-size:28px; font-weight:600; color:#6e767d; padding-top:8px}
#apply .main .left .left_click p{ font-size:16px; color:#6e767d; margin-top:8px}
#apply .main .left .left_click.on{ background:url(/skin/images/apply_left_click.png) no-repeat left top; padding-left:50px;}
#apply .main .left .left_click.on .t{ font-size:32px; font-weight:bold; color:#fff; padding-top:8px}
#apply .main .left .left_click.on p{ font-size:16px; color:#adb4bb; margin-top:8px}
#apply .main .left .left_click.on .pr_view{margin-top:10px; }
#apply .main .left .left_click.on .pr_view a{ background:url(/skin/images/jt_w.png) no-repeat left bottom; display:block; height:30px}
#apply .main .left .left_click.on .pr_view a:hover{ background:url(/skin/images/jt_b_hover.png) no-repeat left bottom;}
#apply .main .right{ width:900px; padding-top:70px}
#apply .main .right .right_1 .r_title{ color:#fff; font-weight:600; font-size:24px}
#apply .main .right .right_1 .apply_big{ margin-top:50px; padding-bottom:110px;font-size:16px; color:#adb4bb; }
#apply .main .right .right_1 .list{ margin-top:34px}
#apply .main .right .right_1 .list ul li{ background:rgba(255,255,255,.05); height:70px; display:block; cursor:pointer; float:left; margin-right:16px;margin-top:16px;border-radius:2px}
#apply .main .right .right_1 .list ul li a{display:block; text-align:center; line-height:70px; font-weight:400; font-size:20px; color:#fff;padding:0 26px ; } 
#apply .main .right .right_1 .list ul li i{padding-left:40px; line-height:70px; display:inline-table}
#apply .main .right .right_1 .list ul li:nth-child(1) i{ background:url(/skin/images/apply/app_1_1.png) no-repeat left center}
#apply .main .right .right_1 .list ul li:nth-child(2) i{ background:url(/skin/images/apply/app_1_2.png) no-repeat left center}
#apply .main .right .right_1 .list ul li:nth-child(3) i{ background:url(/skin/images/apply/app_1_3.png) no-repeat left center}
#apply .main .right .right_1 .list ul li:nth-child(4) i{ background:url(/skin/images/apply/app_1_4.png) no-repeat left center}
#apply .main .right .right_1 .list ul li a:hover { background:#206cde;border-radius:2px}
#apply .main .right .right_2 .r_title{ color:#fff; font-weight:bold; font-size:24px}
#apply .main .right .right_2 .apply_big{ margin-top:50px; padding-bottom:110px;font-size:16px; color:#adb4bb; }
#apply .main .right .right_2 .list{ margin-top:34px}
#apply .main .right .right_2 .list ul li{ background:rgba(255,255,255,.05);height:70px; display:block; cursor:pointer; float:left; margin-right:16px;margin-top:16px;border-radius:2px}
#apply .main .right .right_2 .list ul li a{display:block; text-align:center; line-height:70px; font-weight:400; font-size:20px; color:#fff;padding:0 26px ; } 
#apply .main .right .right_2 .list ul li i{padding-left:40px; line-height:70px; display:inline-table}
#apply .main .right .right_2 .list ul li:nth-child(1) i{ background:url(/skin/images/apply/app_2_1.png) no-repeat left center}
#apply .main .right .right_2 .list ul li:nth-child(2) i{ background:url(/skin/images/apply/app_2_2.png) no-repeat left center}
#apply .main .right .right_2 .list ul li:nth-child(3) i{ background:url(/skin/images/apply/app_2_3.png) no-repeat left center}
#apply .main .right .right_2 .list ul li:nth-child(4) i{ background:url(/skin/images/apply/app_2_4.png) no-repeat left center}
#apply .main .right .right_2 .list ul li:nth-child(5) i{ background:url(/skin/images/apply/app_2_5.png) no-repeat left center}
#apply .main .right .right_2 .list ul li:nth-child(6) i{ background:url(/skin/images/apply/app_2_6.png) no-repeat left center}
#apply .main .right .right_2 .list ul li a:hover { background:#206cde;border-radius:2px}

#about{ width:100%; padding:90px 0; background:url(/skin/images/about_bg.png) center center}
#about .content{ padding-top:90px; width:650px;}
#about .content .companyname{ font-size:24px; color:#000}
#about .content .enname{ color:#a3a6a8}
#about .content .info{ margin-top:50px; font-size:16px }
#about .content .info p{ padding-bottom:20px}
#about .content .info em{ color:#206cde}
#about .content .pr_view{margin-top:20px; }
#about .content .pr_view a{ background:url(/skin/images/jt_b.png) no-repeat left bottom; display:block; height:30px}
#about .content .pr_view a:hover{ background:url(/skin/images/jt_b_hover.png) no-repeat left bottom;}
#about .pic{ position:relative; padding-top:50px}
#about .pic .ln{ position:absolute; left:-420px; bottom:70px; padding:30px 80px; background:rgba(221,229,241,.5)}

#hezuo{ width:100%; background:url(/skin/images/hezuo_bg.png) center center; padding:90px 0}
#hezuo .list{ background:#fff; margin-top:50px;}
#hezuo .list ul li{ float:left;width:325px;height:124px; overflow:hidden}

#footer{ width:100%; background:#f5f6f7}
#footer .map{ padding:40px 0;}
#footer .map .item{ width:150px;}
#footer .map .item2{ width:300px;}
#footer .map .item h2{ margin-bottom:20px}
#footer .map .item h2 a{ font-size:16px; font-weight:normal}
#footer .map .item p{ line-height:40px}
#footer .map .item p a{ color:#666}
#footer .map .item p a:hover{ color:#206cde}
#footer .map .contact{ width:240px; text-align:right}
#footer .map .contact p{ margin-top:10px;}
#footer .map .contact p:nth-child(1){ margin-top:0px; color:#333; font-size:16px; }
#footer .map .contact p:nth-child(3){ margin-top:40px; color:#333; font-size:16px;}
#footer .map .contact p:nth-child(2){ margin-top:20px; color:#206cde; font-size:40px; font-family:"dincond_medium"; font-weight:bold}
#footer .map .contact p:nth-child(4){ color:#666}
#footer .cor{ border-top:1px solid #eee; padding:20px 0}
#footer .cor .left a{ position:relative; background:url(/skin/images/icon_wx.png) no-repeat right center; padding-right:50px; line-height:26px; display:block}
#footer .cor .left a .ewm{ position:absolute; left:0px; top:0px; height:0; overflow:hidden}
#footer .cor .left a:hover .ewm{top:-300px; height:300px; overflow:hidden}
#footer .cor .left a .ewm img{width:300px; height:300px}
#footer .cor .right i{ padding:0 8px}

#nbanner{ width:100%;height:400px; position: relative}
#nbanner .proname{ font-size:36px; color:#fff; margin-top:130px}
#nbanner p{ font-size:16px; color:#fff; margin-top:20px; width:500px}
#nbanner.banner_pro{ background: url(/skin/images/nbanner.png) no-repeat center center #333}
#nbanner.banner_zw{ background: url(/skin/images/banner_zw.png) no-repeat center center #333}
#nbanner.banner_fa{ background: url(/skin/images/banner_fa.png) no-repeat center center #333}
#nbanner.banner_news{ background: url(/skin/images/banner_news.png) no-repeat center center #333}
#nbanner.banner_about{ background: url(/skin/images/banner_about.png) no-repeat center center #333}
#nbanner.banner_jiam{ background: url(/skin/images/banner_jiam.png) no-repeat center center #333}
#nbanner.bgz3{ background: url(/skin/images/z3.jpg) no-repeat center center #333}
#nbanner.bgz8{ background: url(/skin/images/z8.jpg) no-repeat center center #333}
#nbanner.bgzbox{ background: url(/skin/images/zbox.jpg) no-repeat center center #333}


#n_nav{ background:#fafbfc; width:100%; height:47px; border-bottom:1px solid #eee; z-index:999}
#n_nav a{ line-height:47px; margin-right:100px; font-size:16px}

#n_pro{ width:100%; padding:60px 0}
#n_pro.probgef{ background:#fafbfc}
#n_pro.nob{ padding-bottom:0 !important}
#n_pro .left{ width:320px;}
#n_pro .left p{ width:220px; color:#999; margin-top:20px}
#n_pro .right{ width:975px}
#n_pro .right.pr_info p:nth-child(n+2){ padding-top:20px}
#n_pro .right.pr_info em{ color:#206cde}
#n_pro .right.txlist ul li{ float:left; width:400px; margin-bottom:30px}
#n_pro .right.txlist ul li:nth-child(2n){ float:right}
#n_pro .right.txlist ul li .img{ float:left;width:73px; height:72px; overflow:hidden}
#n_pro .right.txlist ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_pro .right.txlist ul li .info{ float:right; width:300px}
#n_pro .right.txlist ul li .info .t{ font-weight:400; font-size:18px; color:#555}
#n_pro .right.txlist ul li .info p{ color:#999; margin-top:10px; min-height:90px}
#n_pro .right.yyxtlist ul li{ float:left; width:300px; background:#fafbfc; margin-right:37.5px; margin-bottom:50px}
#n_pro .right.yyxtlist ul li a{display:block;}
#n_pro .right.yyxtlist ul li a:hover{-webkit-box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);}
#n_pro .right.yyxtlist ul li:nth-child(3n){ margin-right:0}
#n_pro .right.yyxtlist ul li .t{ font-size:16px; padding:15px 10px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#n_pro .right.yyxtlist ul li .img{ width:100%; height:160px; overflow:hidden}
#n_pro .right.yyxtlist ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_pro .right .r_s_t{ display:block; padding:90px 0 50px; position:relative}
#n_pro .right .r_s_t span{ font-size:24px; padding-left:30px;}
#n_pro .right .r_s_t i{ color:#fff; background:#206cde; height:24px; width:24px; text-align:center; line-height:24px; font-weight:bold; display:block; position:absolute; left:0; top:90px; font-size:20px}
#n_pro .right.zutai p{ margin-top:20px; color:#666}
#n_pro .right.zutai p:nth-child(2){ margin-top:50px}
#n_pro .right.falist .hd ul li{ float:left; margin-right:10px; }
#n_pro .right.falist .hd ul li a{font-size:18px; padding:0px 40px; line-height:40px; display:block;}
#n_pro .right.falist .hd ul li.on a{ background:#206cde; color:#fff}
#n_pro .right.falist .bd { margin-top:30px}
#n_pro .right.falist .bd ul li{ float:left; width:300px; background:#fff;  margin-right:37.5px;margin-bottom:40px;}
#n_pro .right.falist .bd ul li a{display:block;padding-bottom:10px;}
#n_pro .right.falist .bd ul li a:hover{-webkit-box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);}
#n_pro .right.falist .bd ul li:nth-child(3n){ margin-right:0}
#n_pro .right.falist .bd ul li .t{ font-size:16px; padding:15px 10px 0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#n_pro .right.falist .bd ul li p{ padding:5px 10px; color:#999;overflow:hidden;height:52px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#n_pro .right.falist .bd ul li .img{ width:100%; height:160px; overflow:hidden}
#n_pro .right.falist .bd ul li .img img{width:100%; height:100%;object-fit:cover;}
#n_pro .right.fayslist ul li{ float:left; border:1px solid #eee; text-align:center;  width:300px; margin-right:37.5px;padding:20px 50px;}
#n_pro .right.fayslist ul li:hover{-webkit-box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);box-shadow: 0px 1px 8px rgba(185, 186, 188, 0.23);}
#n_pro .right.fayslist ul li:nth-child(3n){ margin-right:0}
#n_pro .right.fayslist ul li .img{ height:50px;}
#n_pro .right.fayslist ul li .t{ font-size:22px; margin-top:20px}
#n_pro .right.fayslist ul li p{ color:#999; font-size:15px; margin-top:10px;overflow:hidden;height:52px}
#n_pro .right.fajzlist ul li{ margin-bottom:70px; position:relative}
#n_pro .right.fajzlist ul li:last-child{ margin-bottom:0px; }
#n_pro .right.fajzlist ul li .t{ font-size:22px; padding-left:30px}
#n_pro .right.fajzlist ul li p{ color:#666; margin-top:20px; line-height:24px}
#n_pro .right.fajzlist ul li:before{color:#fff; background:#206cde; height:24px; width:24px; text-align:center; line-height:24px;  display:block; position:absolute; left:0; top:0px; font-size:20px}
#n_pro .right.fajzlist ul li:nth-child(1):before{content:"A";}
#n_pro .right.fajzlist ul li:nth-child(2):before{content:"B";}
#n_pro .right.fajzlist ul li:nth-child(3):before{content:"C";}
#n_pro .right.fajzlist ul li:nth-child(4):before{content:"D";}
#n_pro .right.fajzlist ul li:nth-child(5):before{content:"E";}
#n_pro .right.fajzlist ul li:nth-child(6):before{content:"F";}
#n_pro .right.fajzlist ul li:nth-child(7):before{content:"G";}
#n_pro .right.fajzlist ul li:nth-child(8):before{content:"H";}
#n_pro .right.xttxlist ul{padding:0px 0px 20px;}
#n_pro .right.xttxlist ul li{ float:left; border:1px solid #eee; padding:15px 20px; width:300px; margin-right:37.5px; position:relative; margin-bottom:30px; z-index:0}
#n_pro .right.xttxlist ul li:nth-child(3n){ margin-right:0}
#n_pro .right.xttxlist ul li .img{ position:absolute; left:30px; top:25px}
#n_pro .right.xttxlist ul li .t{ font-size:22px; margin-top:20px; padding-left:70px}
#n_pro .right.xttxlist ul li .txt{ color:#999; font-size:15px; margin-top:25px;;overflow:hidden;height:52px}

#huoqu{ width:100%; height:480px; background:url(/skin/images/apply_hqfa_bg.png) center center}
#huoqu a{ display: block; width:100%; height:480px;}

#jiam{ width:100%; height:310px; background:url(/skin/images/jiameng_bg.png) center center}
#jiam .info{ text-align:center; color:#fff; font-size:36px; padding-top:90px; line-height:36px}
#jiam .info i{ padding:0 40px}
#jiam .btn{ text-align:center; line-height:40px; margin-top:70px}
#jiam .btn a{ background:#fff; color:#206cde; line-height:40px; display: inline-block; padding:0 30px; font-weight:400}

#news{ width:100%; padding:40px 0}
#news ul li{ padding:30px 0; height:260px;}
#news ul li .info{ border-bottom:1px solid #eee; height:200px; width:850px}
#news ul li .info .date{ color:#206cde}
#news ul li .info h2{ font-size:22px; margin-top:10px; font-weight:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#news ul li .info .from{ margin-top:10px; color:#999}
#news ul li .info p{ margin-top:20px; color:#999;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#news ul li .img{ width:355px; height:200px; overflow:hidden; padding-top:8px}
#news ul li .img img{width:100%; height:100%;object-fit:cover;}

#news_view{ width:100%; background:#fafbfc; border-top:1px solid #e5e5e7}
#news_view .content{ background:#fff; padding:90px 150px}
#news_view .content h1{ text-align:center; font-size:40px; font-weight:500;line-height:50px;}
#news_view .content .info{ border-bottom:1px solid #e5e5e7; padding-bottom:35px; text-align:center; margin-top:26px; color:#999}
#news_view .content .info span{ margin:0 50px}
#news_view .content .mycontent{ padding:30px 0}
#news_view .content .mycontent p{ padding:15px 0; font-size:15px}
#news_view .content .mycontent img{ max-width:100%}
#news_view .content .updown{ border-top:1px solid #e5e5e7; padding-top:20px}

#n_pro.about_bg_about{ background:url(/skin/images/about_bg_about.png) no-repeat right top #fff}
#n_pro.about_bg_zizhi{ background:url(/skin/images/about_bg_zizhi.png) no-repeat right top #fafbfc}
#n_pro.about_bg_hezuo{ background:url(/skin/images/about_bg_hezuo.png) no-repeat right top #fafbfc}
#n_pro.jm_sq_bg{ background: url(/skin/images/jm_sq_bg.png) no-repeat center bottom}
#n_pro .right.about_info{ position:relative; padding-bottom:50px}
#n_pro .right.about_info .img{ margin-right:70px}
#n_pro .right.about_info p{ margin-bottom:40px}
#n_pro .right.about_info em{ color:#206cde}
#n_pro .right.about_info p:nth-child(4){ margin-top:70px; margin-bottom:0; width:470px}
#n_pro .right.about_info .year{ position:absolute; right:0; bottom:20px}
#n_pro .right.about_info .year{ background:url(/skin/images/about_p2.png) no-repeat; width:435px; height:150px; display:block; line-height:150px; margin-left:70px; margin-top:20px}
#n_pro .right.about_info .year span{ font-size:38px; font-family:"dincond_medium"; color:#fff; width:160px; text-align:center; display:inline-block; font-weight:900}
#n_pro .right.about_info .year span:nth-child(2){ width:230px}
#n_pro .right.about_bg_quyu{ position:relative; height:513px; background:url(/skin/images/about_bg_quyu.png) no-repeat right top #fff}
#n_pro .right.about_bg_quyu span{ position:absolute; left:0; top:0; padding-bottom:13px}
#n_pro .right.about_bg_quyu span i{ border:1px solid #206cde; color:#206cde; line-height:26px; height:26px; padding:0 10px; border-radius:26px; display:block; background:#fff} 
#n_pro .right.about_bg_quyu span.da,
#n_pro .right.about_bg_quyu span.db,
#n_pro .right.about_bg_quyu span.dc,
#n_pro .right.about_bg_quyu span.dd{ opacity:0}
#n_pro .right.about_bg_quyu span.a{ left:150px; top:100px}
#n_pro .right.about_bg_quyu span.b{ left:414px; top:183px}
#n_pro .right.about_bg_quyu span.c{ left:533px; top:170px}
#n_pro .right.about_bg_quyu span.d{ left:768px; top:68px}
#n_pro .right.about_bg_quyu span.e{ left:725px; top:156px}
#n_pro .right.about_bg_quyu span.js{ left:825px; top:124px}
#n_pro .right.about_bg_quyu span.rb{ left:920px; top:64px}
#n_pro .right.about_bg_quyu span.h{ left:853px; top:340px}
#n_pro .right.about_bg_quyu span.gx{ left:767px; top:178px}
#n_pro .right.about_bg_quyu span.ln{ left:850px; top:62px}
#n_pro .right.about_bg_quyu span.gs{ left:745px; top:106px}
#n_pro .right.about_bg_quyu span.fj{ left:818px; top:165px}
#n_pro .right.about_bg_quyu span.nx{left:755px; top:90px}
#n_pro .right.about_bg_quyu span.sd{left:827px; top:94px}
#n_pro .right.about_bg_quyu span.hn{left:795px; top:116px}
#n_pro .right.about_bg_quyu span.zj{left:834px; top:145px}
#n_pro .right.about_bg_quyu span.gz{left:761px; top:156px}
#n_pro .right.about_bg_quyu span.gd{left:795px; top:178px}
#n_pro .right.about_bg_quyu span.sx{left:767px; top:115px}
#n_pro .right.about_bg_quyu span.sxs{left:787px; top:74px}
#n_pro .right.about_bg_quyu span.hns{left:787px; top:158px}
#n_pro .right.about_bg_quyu span.ah{left:814px; top:130px}
#n_pro .right.about_bg_quyu span.hb{left:790px; top:85px}
#n_pro .right.about_bg_quyu span.jx{left:789px; top:117px}
#n_pro .right.about_bg_quyu span.sh{left:843px; top:133px}
#n_pro .right.about_bg_quyu span:before{content:"";position:absolute;bottom:0; left:calc(50% - 10px);background:url(/skin/images/about_bg_quyu_zuobiao.png) no-repeat center bottom; width:19px; height:14px;}
#n_pro .right.about_bg_quyu .tongji{ background:rgba(214,225,244,.5); width:490px; position:absolute; left:0; bottom:50px}
#n_pro .right.about_bg_quyu .tongji .item{ float:left; width:33.33%; text-align:center; padding:20px 0 10px}
#n_pro .right.about_bg_quyu .tongji .item em{ display:block; font-size:40px; font-family:"dincond_medium"; color:#206cde; font-weight:bold}
#n_pro .right.about_bg_quyu .tongji .item p{ display:block; margin-top:5px}
#n_pro .right.about_hz_list ul li{ float:left; width:25%;; overflow:hidden;height:93px}
#n_pro .right.about_hz_list ul li img{ width:100%; height:auto}

#n_pro .right.about_zz_list .hd{ }
#n_pro .right.about_zz_list .hd ul li{ border-top:4px solid #fff;float:left; width:200px; height:190px; background:#fff;text-align:center; margin-right:30px;cursor:pointer}
#n_pro .right.about_zz_list .hd ul li span{ display:block;}
#n_pro .right.about_zz_list .hd ul li span.num{ font-size:58px; font-weight:bold; padding-top:50px}
#n_pro .right.about_zz_list .hd ul li span.t{ margin-top:35px;}
#n_pro .right.about_zz_list .hd ul li span.t em{ font-size:18px; font-weight:bold; background-repeat:no-repeat; background-position: 0px 8px; background-size:25px auto; padding-left:30px;line-height:40px; height:40px; display:inline-block}
#n_pro .right.about_zz_list .hd ul li:nth-child(1) span.t em{ background-image:url(/skin/images/icon_about_zz_bt1.png);}
#n_pro .right.about_zz_list .hd ul li:nth-child(2) span.t em{ background-image:url(/skin/images/icon_about_zz_bt2.png);}
#n_pro .right.about_zz_list .hd ul li:nth-child(3) span.t em{ background-image:url(/skin/images/icon_about_zz_bt3.png);}
#n_pro .right.about_zz_list .hd ul li:nth-child(4) span.t em{ background-image:url(/skin/images/icon_about_zz_bt4.png);}
#n_pro .right.about_zz_list .hd ul li.on{ border-top:4px solid #206cde; background-color:#f3f5f8}
#n_pro .right.about_zz_list .hd ul li.on span.num{ color:#0069e8}
#n_pro .right.about_zz_list .item{ padding-bottom:50px}
#n_pro .right.about_zz_list .item .btn{ position:absolute; right:0; bottom:0; z-index:99}
#n_pro .right.about_zz_list .item .btn .swiper-button-next-b{ background:url(/skin/images/btn_right.png) no-repeat center center; width:50px; height:50px; display:block; float:left; cursor:pointer}
#n_pro .right.about_zz_list .item .btn .swiper-button-prev-b{ background:url(/skin/images/btn_left.png) no-repeat center center; width:50px; height:50px; display:block; float:left; cursor:pointer}
#n_pro .right.about_zz_list .item .btn .my-button-disabled{ opacity:.2}
#n_pro .right.about_zz_list .item .swiper-slide{ float:left; width:100%;padding-top:50px;}
#n_pro .right.about_zz_list .item .swiper-slide .img{ padding:10px; height:310px; overflow:hidden; display:block; line-height:270px;}
#n_pro .right.about_zz_list .item .swiper-slide .i//mg{ -webkit-box-shadow: 0px 0px 8px rgba(115, 128, 157, 0.3);box-shadow: 0px 0px 8px rgba(115, 128, 157, 0.3);}
#n_pro .right.about_zz_list .item .swiper-slide .img img{ width:100%; max-height:270px; vertical-align:middle; text-align:center}
#n_pro .right.about_zz_list .item .swiper-slide p{ text-align:center; margin-top:0px; height:52px; overflow:hidden}

#n_pro .right.jm_lc .jmleft{ float:left; width:560px}
#n_pro .right.jm_lc .jm_title{ background:url(/skin/images/jm_title_bg.png) no-repeat left center; line-height:40px; font-size:20px; color:#fff; width:148px; text-align:center; margin-bottom:50px}
#n_pro .right.jm_lc .jm_line{ border-left:1px solid #eee; height:50px; margin:15px 5px}
#n_pro .right.jm_lc .jm_item{}
#n_pro .right.jm_lc .jm_item h3{ background: url(/skin/images/icon_jm_dot.png) no-repeat left center; font-size:16px; padding-left:25px; margin-bottom:20px}
#n_pro .right.jm_lc .jm_item p{ color:#666}

#n_pro .right.jm_zclist{ background: url(/skin/images/jiam_bg_zc.jpg) no-repeat left top #fff}
#n_pro .right.jm_zclist ul li{ float:left; width:33.33%; text-align:center; margin-bottom:50px;}
#n_pro .right.jm_zclist ul li .t{ font-size:20px; margin-top:25px; font-weight:bold}
#n_pro .right.jm_zclist ul li p{ color:#999; margin-top:10px; padding:0 50px}
#n_pro .right.jm_sqbox span{ float:left; width:430px; padding:10px 0;}
#n_pro .right.jm_sqbox span:nth-child(2n){ float:right}
#n_pro .right.jm_sqbox span label{ font-size:16px; width:80px; float:left; text-align:right; margin-right:25px; line-height:40px;color:#CFCFD0}
#n_pro .right.jm_sqbox span label font{ color:#f00}
#n_pro .right.jm_sqbox span em .inp{ border:1px solid #ddd; text-indent:10px; width:325px; border-radius:4px; font-size:16px; line-height:44px;height:44px}
#n_pro .right.jm_sqbox span em .sel{ border:1px solid #ddd; text-indent:10px; width:325px; color:#666; border-radius:4px; font-size:16px; line-height:44px;height:44px}
#n_pro .right.jm_sqbox span em .text{ border:1px solid #ddd; padding:10px 0; text-indent:10px; width:870px; height:200px; border-radius:4px; font-size:16px}
#n_pro .right.jm_sqbox .btn{ margin-top:10px; width:100%; text-align:center; float:none}
#n_pro .right.jm_sqbox .btn .jm_btn{ font-size:16px; color:#fff; padding:10px 50px; background:#206cde; border-radius:4px; border:0}

#n_fahq{ width:100%; padding:80px 0; background: url(/skin/images/jm_sq_bg.png) no-repeat left bottom #fafbfc}
#n_fahq .t{ font-size:36px; text-align:center; line-height:50px; font-weight:bold}
#n_fahq .info{ text-align:center; color:#999; margin-top:30px}
#n_fahq .input_box{ width:730px; margin:50px auto 0}
#n_fahq .input_box .item{ padding:10px 0;}
#n_fahq .input_box .item label{ float:left; width:120px; margin-right:25px; font-size:16px; text-align:right; line-height:44px}
#n_fahq .input_box .item label font{ color:#f00}
#n_fahq .input_box .item span{ float:left; width:560px;}
#n_fahq .input_box .item span .inp{ border:1px solid #ddd; text-indent:10px; width:100%; border-radius:4px; font-size:16px; line-height:44px;height:44px}
#n_fahq .input_box .item span .sel{ border:1px solid #ddd; text-indent:10px; width:100%; color:#666; border-radius:4px; font-size:16px; line-height:44px;height:44px}
#n_fahq .input_box .item span .text{ border:1px solid #ddd;text-indent:10px; width:100%; height:200px; border-radius:4px; font-size:16px; line-height:44px}
#n_fahq .input_box .btn{ text-align:center; margin-top:50px}
#n_fahq .input_box .btn .hq_btn{ font-size:16px; color:#fff; padding:10px 50px; background:#206cde; border-radius:4px; border:0}