@charset "utf-8";
/* CSS 定制的公共样式 */
html,body{font-family:"PingFangSC-Regular, sans-serif", "Microsoft yahei", "Arial";font-size:14px; line-height:26px;color:#888; background-color:#f4f6fa; overflow-x:auto;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,input{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
a{color:#666; text-decoration:none;outline:none} /* for firefox */
a:hover{color:#000;}
ul,dl,li{list-style-type:none;}li{vertical-align:top;}
.clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
img{ border:none; vertical-align:top;}
input,textarea,select,button{font-family:"Microsoft yahei"; font-size:12px;color:#888; border:none; outline: medium none;}
.input_b:focus{box-shadow: 0px 0px 8px 0px #e7eaef;}
.img_bfb img{ width:100%;}
/* CSS 活动的公共样式 */
.left{ float:left;}.right{ float:right;}.display_bk{ display:block;}.display_in_bk{ display:inline-block;}.display_no{ display:none;}.overflow{ overflow:hidden;}.text_center{ text-align:center;}.text_right{ text-align:right;}.text_left{ text-align:left;}
.web_widht{ width:100%; margin:0 auto;}/* 网页的内容宽 */
.relative{ position:relative;}.absolute{ position:absolute;}.fixed{ position:fixed;}.pointer{cursor: pointer}

/* CSS 边距 */
.mt_10{ margin-top:10px;}.mt_15{ margin-top:15px;}.mt_20{ margin-top:20px;}.mt_25{ margin-top:25px;}.mt_30{ margin-top:30px;}.mt_35{ margin-top:35px;}.mt_40{ margin-top:40px;}.mt_50{ margin-top:50px;}
.ml_10{ margin-left:10px;}.ml_15{ margin-left:15px;}.ml_20{ margin-left:20px;}.ml_25{ margin-left:25px;}.ml_30{ margin-left:30px;}.ml_35{ margin-left:35px;}.ml_40{ margin-left:40px;}.ml_50{ margin-left:50px;}
.mr_10{ margin-right:10px;}.mr_15{ margin-right:15px;}.mr_20{ margin-right:20px;}.mr_25{ margin-right:25px;}.mr_30{ margin-right:30px;}.mr_35{ margin-right:35px;}.mr_40{ margin-right:40px;}.mr_50{ margin-right:50px;}
.mb_10{ margin-bottom:10px;}.mb_15{ margin-bottom:15px;}.mb_20{ margin-bottom:20px;}.mb_25{ margin-bottom:25px;}.mb_30{ margin-bottom:30px;}.mb_35{ margin-bottom:35px;}.mb_40{ margin-bottom:40px;}.mb_50{ margin-bottom:50px;}
.m_auto{ margin:0 auto;}
.pt_10{ padding-top:10px;}.pt_15{ padding-top:15px;}.pt_20{ padding-top:20px;}.pt_25{ padding-top:25px;}.pt_30{ padding-top:30px;}.pt_35{ padding-top:35px;}.pt_40{ padding-top:40px;}.pt_45{ padding-top:45px;}.pt_50{ padding-top:50px;}
.pb_10{ padding-bottom:10px;}.pb_15{ padding-bottom:15px;}.pb_20{ padding-bottom:20px;}.pb_25{ padding-bottom:25px;}.pb_30{ padding-bottom:30px;}.pb_35{ padding-bottom:35px;}.pb_40{ padding-bottom:40px;}.pb_45{ padding-bottom:45px;}.pb_50{ padding-bottom:50px;}
.pl_10{ padding-left:10px;}.pl_15{ padding-left:15px;}.pl_20{ padding-left:20px;}.pl_25{ padding-left:25px;}.pl_30{ padding-left:30px;}.pl_35{ padding-left:35px;}.pl_40{ padding-left:40px;}.pl_45{ padding-left:45px;}.pl_50{ padding-left:50px;}
.pr_10{ padding-right:10px;}.pr_15{ padding-right:15px;}.pr_20{ padding-right:20px;}.pr_25{ padding-right:25px;}.pr_30{ padding-right:30px;}.pr_35{ padding-right:35px;}.pr_40{ padding-right:40px;}.pr_45{ padding-right:45px;}.pr_50{ padding-right:50px;}
.p_10{ padding:10px;}.p_20{ padding:20px;}.p_30{ padding:30px;}.p_40{margin: 0; padding-top: 15%;padding-bottom: 7%;}.p_50{ padding:50px;}.p_60{ padding:60px;}.p_70{ padding:70px;}.p_80{ padding:80px;}
/* 字体 */
.tahoma{font-family:"Tahoma"; }
.arial{font-family:"Arial, Helvetica, sans-serif";}
.verdana{font-family:Verdana, Geneva, sans-serif;}
.yahei{font-family:"Microsoft yahei";}
.fzlth{font-family:"Lantinghei SC";}
.bold{font-weight:bold;}
.upper{text-transform:uppercase;}
/* 字体大小 */
.font10{ font-size:10px;}.font11{ font-size:11px;}.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font21{ font-size:21px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px; line-height:26px;}.font28{ font-size:28px; line-height:26px;}.font30{ font-size:30px; line-height:30px;}.font32{ font-size:32px; line-height:32px;}.font34{ font-size:34px; line-height:34px;}.font36{ font-size:36px; line-height:36px;}

/* 字体颜色 */
.color_0{ color:#000;}.color_3{ color:#2c2c2c;}.color_6{ color:#666;}.color_8{ color:#888;}.color_9{ color:#999;}.color_c{ color:#CCC;}
.color_f,.color_f a,.color_f:hover{ color:#fff;}
.red{color:#F00;}
.blue,.blue a{ color:#31537b;}
.blue a:hover{color:#000;}
.orange,.orange a{ color:#f1503f;}
/* 行高 */
.lh_16{ line-height:16px;}.lh_18{ line-height:18px;}.lh_20{ line-height:20px;}.lh_21{ line-height:21px;}.lh_24{ line-height:24px;}.lh_25{ line-height:25px;}.lh_30{ line-height:30px;}.lh_40{ line-height:40px;}.lh_50{ line-height:50px;}
/* 边框线 */
.bord_top{border-top:1px solid #e5e5e5;}
.bord_bot{border-bottom:1px solid #e5e5e5;}
.bord_no{ border-bottom:none;}
/* 页面背景图片与颜色 */
.i{display:block; overflow:hidden; position:absolute; left:0; top:50%;}
.back_white{ background:#fff;}
.gray_bj{ background:#fafafa;}
.blue_bj{background:#57bbe4;}
/*效果 */
.alpha1{filter: Alpha(Opacity=10);opacity: 0.1;}
.alpha2{filter: Alpha(Opacity=20);opacity: 0.2;}
.alpha3{filter: Alpha(Opacity=30);opacity: 0.3;}
.alpha4{filter: Alpha(Opacity=40);opacity: 0.4;}
.alpha5{filter: Alpha(Opacity=50);opacity: 0.5;}
.alpha6{filter: Alpha(Opacity=60);opacity: 0.6;}
.alpha6,a:hover img{filter: Alpha(Opacity=70);opacity: 0.7;}
.radius_3{border-radius:3px;}.radius_5{border-radius:5px;}
.radius_bf5{border-radius:50%;}
{box-shadow: 0px 0px 2px 2px #f9f9f9;}
.i,a,img,input,textarea
,.banner .swiper-button-next,.banner .swiper-button-prev
,.nav li :after,.dropdown_menu,.ico,.li_box_n,.news_list li,.tabs a:after,.ah_line a:after,.but_b
{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }
/* 共用 */
.i_top{height: 113px;width: 100%;z-index: 99; border-bottom: 1px solid rgba(225,225,225,0.2);}
.top{height: 113px; background: #fff;}
.top a{color: #31537b;}
.top .nav li :hover:after{width:100%;background:#31537b; left:0}
.top .nav li.on a{border-bottom: 3px solid #31537b;}
.web_widht2{width:1128px; margin:0 auto;}
.logo img{margin-top: 40px;}
.nav{top: 32px;}
.nav li,.t_sub_nav li{display: inline-block;margin: 0 23px;line-height:80px;}
.nav li a{line-height:80px;display: inline-block;border-bottom: 3px solid rgba(0,0,0,0);}
.t_sub_nav li,.nav li{ position:relative;}
.nav li.on a{border-bottom: 3px solid #fff;}
.t_sub_nav{right: 0;top: 32px;}
.t_sub_nav li{margin: 0 0 0 60px;}
.top a:hover{opacity:.5;}
.nav li a:after{content: " ";position: absolute;width:0;height:3px;background:#fff;left:50%;bottom:0px; z-index:9}
.nav li a:hover:after{width:100%;background:#fff; left:0}
.dropdown_menu{ position:absolute; left:50%; top:70px; margin-top:20px; background:#fff; width:70px; margin-left:-35px; text-align:center; padding:5px 0; border-radius:5px;visibility:hidden;opacity: 0; z-index:1}
.dropdown_menu a{ color:#666; line-height:40px; font-size:14px; display:block; border-bottom:1px solid #f0f0f0;}
.dropdown_menu a:last-child{ border-bottom:none}
.dropdown_menu a:hover{ color:#31537b;}
.top li:hover > .dropdown_menu{opacity: 1;visibility: visible;margin-top: 0;}
.t_sub_nav li i{ position:absolute; top:0; right:-25px;}
/*
.t_sub_nav li:hover i{transform:rotate(180deg);}
*/
.main_ny{width: 1400px;margin: 0 auto;padding: 100px 0;}

.nav .dropdown_menu{ width:120px; margin-left:-60px;}
.nav .dropdown_menu a:after{ display:none}
.nav .dropdown_menu a{ display:block; position:relative; line-height:40px;font-size:14px;border-bottom:1px solid #f0f0f0;}
.nav li.on .dropdown_menu a{ border-bottom:1px solid #f0f0f0;}
.nav li.on .dropdown_menu a:last-child{ border-bottom:none}
.nav .dropdown_menu a:last-child{ border-bottom:none}

.i_top li:hover > .dropdown_menu{opacity: 1;visibility: visible;margin-top: 0;}
.i_top .nav .dropdown_menu{ width:120px; margin-left:-60px; top:80px}

.banner .swiper-button-next,.banner .swiper-button-prev{position: absolute;top: 50%;width: 36px;height: 36px;margin-top: -18px;cursor: pointer;background-size: 6px auto;border-radius: 50%; background-color:rgba(255,255,255,0.2);}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-color:rgba(255,255,255,1);}
.banner .swiper-button-prev{ left:100px}
.banner .swiper-button-next{ right:100px}
.banner .swiper-pagination-bullet-active{ background:#31537b}
.swiper-pagination-bullet{ background:#000; opacity:1}
.banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}

.wd_60{width: 60px;height: 60px;}

.i_about .title_bj{left: -150px;top: 180px;}
.i_about .nr{padding-top:3%;height: 100%;position: relative;z-index: 1;}
.title_bj{font-size: 200px;line-height: 100%;font-weight: bold;color: #000;opacity: 0.02; z-index:-1;}
.title h1{font-size:30px;letter-spacing:6px;color: #2c2c2c;line-height: 100%;}
.line{height: 2px;width: 60px;background: #31537b;display: inline-block;margin-top: 30px;}
.line2{ height:3px; width:24px; background:#2c2c2c;display: inline-block;margin-top:10px;}
.but_b{line-height: 60px;display: inline-block;color: #fff;background: #31537B;border-radius: 5px;padding: 0 60px;font-size: 18px;}
.but_b:hover{color: #fff;box-shadow: 0px 0px 20px 2px #b9c5d4;}
.i_sup{z-index:2; position:relative; margin-top:80px;}
.i_sup .title_bj{ top:-60px; left:365px;}
.li_box li:hover .li_box_n,.news_list li:hover{box-shadow: 0px 0px 20px 0px #c0cbd7;}
.i_out{ margin-top:0;}

.i_cer{ padding-bottom:170px;
background-image: url(../images/i_cer.png);
background-position: top right;
background-repeat: no-repeat;
background-origin: content-box;
background-size:cover;
}
.i_cer .title h1{ color:#fff}
.i_cer .title .line{ background:#fff;}
.i_cer li img{ width:222px; height:322px; border:2px solid #2c2c2c; margin-bottom:40px;}
.news_list ul{ margin-left:-40px;min-height:420px;}
.news_list li{ width:468px; float:left; background:#fff; margin-left:40px;border-radius: 5px;position: relative;
margin-top: 40px;}
.news_list li a{position: absolute;width: 100%;height: 100%;display: block;z-index:1;}
.news_list .img{height: 160px;border-radius: 5px 5px 0 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news_list .txt{padding: 40px 40px 40px 155px;min-height: 110px;}
.news_list .time{left:0;top:50%;text-align: center;width: 155px; margin-top: -30px;}
.tabs {margin-bottom:40px;}
.tabs .active{background: #31537B;color: #FFF;}
.tabs a{display: inline-block;font-size: 24px;line-height: 40px;padding: 0 26px;border-radius: 3px;background: #fff;margin: 0 7px;}
.tabs2 .tabs a{font-size: 18px;background: none;position: relative;}
.tabs2 .tabs .active{color: #31537b;font-weight: bold;}
.tabs2 .tabs .active:after{content: " ";margin-left: -10px; position: absolute;width:20px;height:2px;background:#31537b;left:50%;bottom:0;}
.tabs2 .tabs {margin-bottom:0;}

.brief{padding-bottom: 100px;}
.ny_left{width: 270px;}
.sub_nav{box-shadow: 0px 5px 10px 0px #e7eaef;line-height: 40px;}
.sub_nav h1{color: #7a818c;background: #ebeef4;line-height: 66px;padding-left: 25px;font-size: 18px;}
.sub_nav ul{padding: 20px 0;}
.sub_nav li a{color: #999;padding-left: 25px;}
.sub_nav li a:hover,.sub_nav li.bold a{color: #333;}
.guide{padding: 25px 20px;border: 1px solid #eaeaea;margin-top: 30px;}
.guide p{line-height: 28px;}
.guide a{line-height: 30px;display: block;margin-top: 30px;}
.guide a img{margin-right: 10px;}
.main_con{width: 1040px;}
.main_con img{max-width: 100%;}
.w1030{width: 1030px;}
.loca{top: 0;right: 0;}

.cer_main{width: 910px;}
.cer_list .img{min-height: 210px;display:flex;justify-content: center;align-items: center;  }
.cer_list .txt{min-height:52px;}
.cer_list .d_img{ width:100%; height:383px;}
.main_con img{max-width: 100%;}
.ui_page{line-height: 34px;}
.ui_page a,.ui_page span{display: inline-block;margin: 0 2px; padding: 0 14px;border: 1px solid #e7e7e7;background:none;}
.ui_page a:hover,.ui_page .on{background:#31537b;border-color: #31537b;color: #fff;}
.ui_page span,.ui_page b{display: inline-block;}
.pro_main{width: 1000px;}
.pro_list .li_box_n{box-shadow: 0px 0px 8px 0px #e7eaef;}
.pro_list li h2{line-height: 50px;height: 50px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.txt_h{height: 75px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}
.pro_list .img{height: 200px;}
.pro_list a{color: #31537b;}
.ah_line a{position: relative;padding-bottom: 5px;}
.ah_line a:after{content: " ";position: absolute;width:0;height:1px;background:#fff;left:0;bottom:0;}
.ah_line a:hover:after{width:100%;background:#000; left:0}
.ny_banner{height: 240px;background-size: cover;background-position: center center;}

.lx_left{width: 540px;margin-right: 80px;}
.con_main{padding-top: 50px;}
.con_main .brief{padding-bottom: 50px;}
.input_b{ width:84%;  height:28px;font-size: 16px;color: #333; text-indent:20px;border: 1px solid #dfe2e8;background: none;}
.lx_left li{margin-bottom: 10px;}
.textarea{line-height:26px;min-height: 100px;padding:4% 5%;width: 90%;text-indent: 0;}
.lx_left .but_b{padding: 0;width: 100%;cursor: pointer;}
.lx_right{width: 620px;}
.lx_right .share_it li{width: 40px;height: 40px;}
.lx_right .share_it li a{background: #333;color: #fff;width: 40px;height: 40px;border-radius: 50%;display: block;text-align: center;line-height: 40px;}
.lx_right .share_it li a:hover{background: #31537b;}
.lx_right .share_it li .wx{left: -30px;bottom: 40px;}
.p_2em p{text-indent: 2em;}
.f404_136{font-size: 136px;line-height: 100%;}

.pc-slide {width:580px;}
.view .swiper-container {width:450px;height:450px;border: 1px solid #f2f2f2;background: #fff;}
.preview {width:118px;position: relative;}
.preview .swiper-container {width:118px;}
.preview .swiper-slide {width:118px;height:118px;cursor:pointer;margin-bottom: 10px;overflow: hidden;}
.preview .swiper-slide img{width:116px;height:116px;border: 1px solid #f2f2f2;}
.preview .active-nav img {border-color: #31537b;}
.pro_txt{width: 770px;}

.pro_deta{padding-bottom:60px;}
.pro_dimg img{max-width: 100%;}




.foot{ background:#2c2c2c; color:#9a9a9a;}
.foot1{ padding:60px 0; text-align:center;}
.foot1_box3{ padding-left:60px}
.foot1_box1,.foot1_box3{ width:270px}
.foot1_box1{ padding-right:30px;width:300px;}
.foot1_box2{ width:306px; padding:0 80px; border-left:1px solid #424242;border-right:1px solid #424242;}
.foot a,.share_it li a:hover{ color:#fff;}
.foot a:hover{ color:#999;}
.mail_inp .but_a{ position:absolute; width:40px; height:40px; line-height:40px; right:0; top:0; background:none; cursor:pointer;}
.but_a:hover{ color:#31537b;}
.input_a{ width:100%; line-height:40px; height:40px; text-indent:10px;}
.share_it h4{ padding:15px 0 4px 0;}
.share_it li{ display:inline-block; margin:0 5px; position:relative;}
.share_it li i{ font-size:20px;}
.share_it li a{color:#999;}
.share_it li .wx{z-index:9;width:100px;height:100px;position:absolute; left:-50px;bottom:30px;background: url(../images/weixin.png) no-repeat;background-size:100%;
opacity:0; transform:scale(0);transform-origin:50% 100%;transition:transform ease .3s,opacity ease .3s;-webkit-transition:all ease .3s;}
.share_it li:hover .wx{display:block;transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.foot2{ line-height:90px;border-top:1px solid #424242;}
.foot2_box2 a{ padding-left:35px;}
.foot2_box1 img{ opacity:.4; height:30px; margin-top:30px; margin-right:30px;}



.layui-col-space30 {margin: 55px}
.layui-col-space30>* {padding: 15px}
.layui-col-space50 {margin: -25px}
.layui-col-space50>* {padding: 25px}
.layui-row:after,.layui-row:before {content: '';display: block;clear: both}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9,.bf_2 {
position: relative;display: block;box-sizing: border-box
}
.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9,.bf_2 {
float: left}
.bf_2{width:20%;}
.layui-col-xs1 {width: 8.33333333%}
.layui-col-xs2 {width: 16.66666667%}
.layui-col-xs3 {width: 25%}
.layui-col-xs4 {width: 33.33333333%; height: 580px;}
.layui-col-xs5 {width: 41.66666667%}
.layui-col-xs6 {width: 50%}
.layui-col-xs7 {width: 58.33333333%}
.layui-col-xs8 {width: 66.66666667%}
.layui-col-xs9 {width: 75%}
.layui-col-xs10 {width: 83.33333333%}
.layui-col-xs11 {width: 91.66666667%}
.layui-col-xs12 {width: 100%}
.layui-col-xs-offset1 {margin-left: 8.33333333%}
.layui-col-xs-offset2 {margin-left: 16.66666667%}
.layui-col-xs-offset3 {margin-left: 25%}
.layui-col-xs-offset4 {margin-left: 33.33333333%}
.layui-col-xs-offset5 {margin-left: 41.66666667%}
.layui-col-xs-offset6 {margin-left: 50%}
.layui-col-xs-offset7 {margin-left: 58.33333333%}
.layui-col-xs-offset8{margin-left: 66.66666667%}
.layui-col-xs-offset9 {margin-left: 75%}
.layui-col-xs-offset10 {margin-left: 83.33333333%}
.layui-col-xs-offset11 {margin-left: 91.66666667%}
.layui-col-xs-offset12 {margin-left: 100%}




/*首页index.html*/
.logo{
	padding-left: 10%;
}
.nav{
	width: 100%;
	text-align: center;
}