@font-face {
	font-family:droidserif-bold;
	src: url('../font/droidserif-bold.ttf');}

@font-face {
	font-family:STXingkai;
	src: url('../font/STXingkai.ttf');}
/* nbanner*/
.nbanner{position:relative;height:470px; text-align:center; background:url(../img/nban1.jpg) no-repeat center center;background-size: cover;}
.nbanner p,.nbanner p a{ color:#fff; font-size:5rem;  font-weight: bold; text-align: left; padding-top: 7%; position: relative; padding-left: 25px;}
.nbanner p:before{ width: 65px; height: 69px; content: ""; background: url(../img/ndot_2.png) no-repeat center center; position: absolute; left: 0; top: 70px;}

.b-dot1{ background: url(../img/ndot_3.png) no-repeat center left; background-size:cover ; width: 64px; height: 91px; margin: 60px 0px 0px 20px;  cursor: pointer;}
.b-dot2{ background: url(../img/ndot_4.png) no-repeat center left; background-size:cover ; width: 84px; height: 84px;  cursor: pointer;  margin: 0 auto; bottom: 4.5rem; z-index: 1000; position: absolute; left: 48%;}


.nbanner p a:hover{ color:#0193de;}
.nbanner .ptxt1{  color:#fff; font-size:5rem;  font-weight: bold; text-align: center ; padding-top: 11%; position: relative;}
.nbanner .ptxt3{ padding-top: 5%;}
.nbanner .ptxt4{ color:#fff; font-size: 14px; line-height: 40px;}
.nbanner .ptxt5{ color:#fff; font-size: 4rem; font-weight: bold;}
.nbanner .ptxt6{ color:#fff; font-size: 18px; line-height: 40px;}
.nbanner p .ptxt2{}
.nban1{ background-image: url(../img/nban1.jpg);}
.nban2{ background-image: url(../img/nban2.jpg);}
.nban3{ background-image: url(../img/nban3.jpg);}
.nban4{ background-image: url(../img/bg_honor.jpg);}
.nban5{ background: url(../img/bg_gd.jpg) no-repeat center; height: 394px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.nban6{ background-image: url(../img/nban6.jpg);}

/*内页头部*/
.section_top{ background-image: linear-gradient(to right, rgb(29, 49, 112) 0%, rgb(1, 100, 198) 100%); height: 282px;}
.bg_top{ background:url(../img/bg_zb.png) no-repeat right center; background-size: contain;}
.bg_top1{ background:url(../img/bg_fw.png) no-repeat right center; background-size: contain;}
.bg_top2{ background:url(../img/bg_ab.png) no-repeat right center; background-size: contain;}
.bg_top3{ background:url(../img/bg_news.png) no-repeat right center; background-size: contain;}
.bg_top4{ background:url(../img/bg_con.png) no-repeat right center; background-size: contain;}
.bg_top6{ background:url(../img/bg_pro.png) no-repeat right center; background-size: contain;}

.bg_zb{ position: relative; }
.bg_zb p{ font-family: droidserif-bold; color: #ffffff; font-size: 3.5rem;text-align: left;display: flex; align-items: center; justify-content: center; flex-direction: column;height: 282px;}
.bg_zb p:before{ width: 2px; height: 30%; content: ""; display: block; background: #ffffff; position: absolute; left: 20%; top: 35%;}
.bg_zb1{ position: relative; }
.bg_zb1 p{ font-family: droidserif-bold; color: #ffffff; font-size: 3.5rem;text-align: left;display: flex; align-items: center; justify-content: center; flex-direction: column;height: 282px;}
.bg_zb1 p:before{ width: 2px; height: 30%; content: ""; display: block; background: #ffffff; position: absolute; left: 31%; top: 35%;}
.top_tit {font-size: 5rem; color: #ffffff;}
.top_tit p{ padding-top: 5%;}
.top_tit p span{ font-family: STXingkai; font-size: 10rem; color: #05bdfc; font-style: italic; letter-spacing: -23px; padding-right: 23px;}


.sect_main{ position: relative; z-index: 3; background: #f3f3f3;}
.sect_main .bg_con{ background: #ffffff; position: relative; z-index: 100; top: -8rem;}
.sect_main.bg_con1{ background-image: linear-gradient(to bottom, rgb(218, 247, 255) 0%, rgb(255, 255, 255) 100%);}

.sect_main .brow_1{ background: #ffffff;-moz-box-shadow:1px 1px 9px #E5F1FE; -webkit-box-shadow:1px 1px 9px #E5F1FE; box-shadow:1px 1px 9px #E5F1FE; text-align: center; border-radius: 10px; padding-bottom: 13px;}
.sect_main .brow_1 .brow_tit{ background: #62b933; border-radius: 10px 10px 0px 0px; height: 6rem; line-height: 6rem; color: #ffffff; font-size: 3rem; font-weight: bold;}
.sect_main .b_con{ padding: 5%; clear: both; overflow: hidden;}
.sect_main .b_con a{ width: 16%; float: left; height: 27px; line-height: 27px; margin-right: 0.6%; background: #f5f5f5; color: #333333; border-radius: 10px; margin-bottom: 10px;}
.sect_main .b_con a.on{ background: #62b933; color: #ffffff;}

.sect_main .brow_3{ background: #ffffff;-moz-box-shadow:1px 1px 9px #E5F1FE; -webkit-box-shadow:1px 1px 9px #E5F1FE; box-shadow:1px 1px 9px #E5F1FE; text-align: center; border-radius: 10px;}
.sect_main .brow_3 .brow_tit{ background: #0169b7; border-radius: 10px 10px 0px 0px; height: 6rem; line-height: 6rem; color: #ffffff; font-size: 3rem; font-weight: bold;}
.sect_main .b_con1{ padding: 3%; clear: both; overflow: hidden; }
.sect_main .b_con1 a{ width: 24.5%; float: left; height: 48px; display: flex; align-items: center; justify-content: center; flex-direction: column;  line-height: 20px; font-size: 14px; margin-right: 0.5%; background: #f5f5f5; color: #333333; border-radius: 10px; margin-bottom: 5px;}
.sect_main .b_con1 a.on{ background: #0169b7; color: #ffffff;}


.tit2{ font-size: 3.5rem !important; color: #5899dd; line-height: 3rem; font-weight: normal; font-weight: normal !important; }
.search{ width: 227px; height: 48px; appearance: none;-moz-appearance: none;-webkit-appearance: none; 
background: #e4e4e4 url(../img/coin_6.jpg) no-repeat 200px; border: 1px solid #e4e4e4; float: right; margin-top: 20px;}
.search .style1{ font-size: 12px; color: #9f9f9f;}
.jcfw{ padding: 6rem 6rem 3rem; text-align: center;}
.jcfw h3{ color: #104897; font-size: 4rem; line-height: 6rem;}
.jcfw p{ font-size: 1.8rem; line-height: 3rem; padding: 1rem 3rem; text-align: left;}
.pad-1{ padding-bottom: 60px;}
.span-w{ width: 18%; margin-right:2%; float: left; display:block; text-align:center; position: relative; height:275px; background: #ffffff; border-radius: 10px; }
.span-w a{ display: block; overflow: hidden; position: relative;}
.span-w .j_box{  text-align: center; position: relative;   height:275px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.span-w .j_box h2{ font-size: 3rem; color: #0066eb; line-height: 3rem; padding-top: 25px;}
.span-w .j_box em{ font-size: 12px; color: #999999; line-height: 30px; font-style: normal;}
.span-w .n-active{font-family: 'albb-Medium';  position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: #0066eb; color: #fff;transition: all 0.4s; border-radius: 10px;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
.span-w .n-active p{ text-align: center; font-size: 1.6rem; padding: 0; line-height: 2.5rem; padding:0 2rem;}
.span-w .n-active h2{ font-size: 3rem; color: #ffffff; line-height: 3rem; }
.span-w .n-active em{ font-size: 12px; color: #ffffff; line-height: 30px; font-style: normal;}
.span-w .n-active div{ background: #ffffff; width: 50%; display: block; line-height: 38px; color: #0066eb; font-size: 14px; border-radius:15px ; height: 38px; margin-top: 10px;}
.span-w a:hover .n-active{ bottom: 0; transition: all 0.4s;}
.section_1{ padding: 4rem 0 0;}
.section_1.c_bg1{ background:url(../img/bg_2.jpg) no-repeat center top;}
.section_1 .c_bg{ background: #272b2e; }
.section_1 .tit3,.section_2 .tit3{ font-size: 3.5rem; line-height: 8rem; color: #333333; text-align: center; font-weight: normal; padding-bottom: 3rem;}
.section_1 .span-4{ margin: 0;}
.section_1 .brow{ width: 100%; height: 445px; text-align: center; position: relative;}
.section_1 .brow a{ display: block; overflow: hidden; position: relative;}
.section_1 .brow.b1{ background: url(../img/bg_j1.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b2{ background: url(../img/bg_j2.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b3{ background: url(../img/bg_j3.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b4{ background: url(../img/bg_j4.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b5{ background: url(../img/bg_j5.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b6{ background: url(../img/bg_j6.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b7{ background: url(../img/bg_j7.jpg) no-repeat center; background-size: cover;}
.section_1 .brow.b8{ background: url(../img/bg_j8.jpg) no-repeat center; background-size: cover;}
.section_1 .brow .b-box{ text-align: center; position: relative; height: 445px;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
.section_1 .brow .b-box h2{ font-size: 2rem; color: #ffffff; font-weight: normal; line-height: 4rem; position: relative;}
.section_1 .brow .b-box h2:after{ width: 50%; height: 2px; background: #ffffff; position: absolute;  left: 25%; bottom: 0px; content: "";}

.section_1 .brow .b-active{ font-family: 'albb-Medium';  position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(46,119,201,0.8); color: #fff;transition: all 0.4s; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.section_1 .brow .b-active img{}
.section_1 .brow .b-active p{ font-size: 16px;line-height: 30px;}
.section_1 .brow .b-active h2{ font-size: 2rem; color: #ffffff; font-weight: normal; line-height: 4rem; position: relative;}
.section_1 .brow a:hover .b-active{ bottom: 0; transition: all 0.4s;}
.section_1 .brow a:hover .b-box{ opacity: 0; transition: all 0.4s;}

.section_2{ background: #f3f3f3; padding: 3rem 0 0;}
.section_3{ text-align: center; padding: 3rem;}

/*产品*/
.prodBox{ overflow: hidden;}
.prodBox .swiper-container{ width: 1420px; margin: 0 auto; position: relative;}
.prodBox .swiper-container:before{ content: ""; background: #fff; height: 100%; width: 100%; top: 0; left: -100%; display: block; position: absolute;}
.prodBox .swiper-container:after{ content: ""; background: #fff; height: 100%; width: 100%; top: 0; right: -100%; display: block; position: absolute;}
.prodBox .swiper-wrapper{ width: 100%!important;}
.prodBox .hd{padding: 0px 20% ;}
.prodBox .hd ul li{width: 25%;float: left;font-size: 16px;text-align: center;line-height: 62px;position: relative;}
.prodBox .hd ul li a{display: block;color: #999999}
.prodBox .hd ul li.on{ }
.prodBox .hd ul li.on a{color: #0066eb; border-bottom: 2px solid #0066eb;}
.prodBox .y-box{ padding: 3rem 10%; box-sizing: border-box;}
.prodBox .y-box p{ font-size: 14px; line-height: 30px;}
.prodBox .y-box img{ width: auto; max-width: 100%; height: auto; padding-top: 2rem;}


.pro-box{ border: none;  width: auto; position: relative; margin: 0;}
.pro-box a{ display: block;}
.pro-box .icon{ border:none; overflow: hidden;transition:all 0.5s; background: #dadada; padding: 5px;}
.pro-box .brow{ background:#fff;}
.pro-box a:hover .icon{ background: #319eed; transition:all 0.5s;}
.pro-box .pactive{ background: rgba(0,0,0,0.64); position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; transform: scale(0); transition:all 0.5s;}
.pro-box .pactive .pbor{  color: #ffffff; width: 80%; margin: 0 auto;}
.pro-box .pactive .pbor p{ text-align:left;  color: #ffffff; font-size: 2rem; margin-top: 10%; border-bottom: 2px solid #ffffff;}
.pro-box a:hover .pactive{ transform: scale(1); transition:all 0.5s;}
.pro-button { width: 100%; text-align: center; }


.pro-button-next { display: inline-block; position: relative; width: 46px; height: 92px; cursor: pointer; top:60% !important;}
.pro-button-prev { display: inline-block; position: relative; width: 46px; height: 92px; cursor: pointer; top:60% !important;}


.bk-cont{ text-align: center; padding: 5rem 0;}
.bk-cont a{ display: block; position: relative; line-height: 4rem;}
.bk-cont a i{ display: block;}
.bk-cont a span{ font-weight: bold; color: #d4b980; font-size: 2.6rem; display: block; padding: 1.5rem 0;font-family: 'albb-Bold';}
.bk-cont a span:after{ content: ""; display: block; background: url(../img/icon_1.jpg) no-repeat center center; width: 100%; height: 20px;}
.bk-cont a p{ font-size: 2.6rem; color: #000;}
.bk-cont a:after{ content: ""; position: absolute; width: 1px; height: 70%; background: #ddd; top: 0; bottom: 0; right: 0; margin: auto 0;}
.bk-cont a.last:after{ display: none;}

.sect_k3 .brow{ padding: 1.5rem 0;}
.sect_k3 .brow:after{ display: none;}
.sect_k3 .brow span{ display: inline-block; width: 60px;}
.sect_k3 .brow,.sect_k3 .brow:nth-child(1){ display: block; padding-left:5%!important;}
.sect_k3 .block-c{ padding: 0;}
/*gdss*/
.section_gdss{ background: #f1f6fd; padding: 2rem 0 4rem 0;}
.section_gdss .gd_box{ text-align: center; background: #ffffff; border-radius: 15px; position: relative; z-index: 1000; top: -7rem;}
.section_gdss .gd_box1{ padding: 2rem 0;}
.section_gdss .gd_box1 span{cursor: pointer; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out; display: block;}
.section_gdss .gd_box1 span:hover{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.section_gdss .gd_box1 p{ font-size: 1.8rem; padding-top: 1rem;}
.section_gdss .gd_box1:hover{ background: #fafafa;}
.section_gdss .tit1{ text-align: center; font-size: 4rem; font-weight: bold;}
.section_gdss .gd_box2{ background: #ffffff; padding: 5rem 0; text-align: center; border-radius: 15px; }
.section_gdss .gd_box3{ font-size: 16px; text-align: center; line-height: 24px;}

.section_gdsj{ background:url(../img/bg_gd1.jpg) no-repeat center center; padding: 6rem 0;}
.section_gdsj .tit5{ color: #ffffff; text-align: center; font-size: 4.2rem; font-weight: bold; padding: 4rem 0;}
.section_gdsj .gd_box4{ text-align: center; color: #ffffff;}
.section_gdsj .gd_box4 p{ color: #ffffff; font-size: 18px; line-height: 60px;}
.section_gdsj .gd_box4 span{cursor: pointer; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out; display: block;}
.section_gdsj .gd_box4 span:hover{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }

.abg{ background: #f9f9f9;}

.sect_num{ padding: 6rem 0;}
.sect_num .us-tit{ text-align: center; line-height: 4rem; }
.sect_num .us-tit span{ color: #333; font-size: 4.8rem;line-height: 6rem;}
.sect_num .us-tit p{ text-transform: uppercase; font-size: 1.8rem;}
.sect_num .brow{ text-align: center;}
.sect_num .brow span{ color: #0159bd; font-size: 6rem; font-weight: bold; font-family: arial; display: inline-block; position: relative;}
.sect_num .brow span sup{ font-weight: normal; font-size: 2.4rem; line-height: 2rem; position: absolute; top: 5px; right: -10px;}
.sect_num .brow p{ font-size: 14px; color: #787878;}

.sect_us{ background: url(../img/bg_a1.jpg) no-repeat center bottom; padding-top: 17.5rem; padding-bottom: 2rem; position: relative; margin-top: 18rem;}
.sect_us .stit{ text-align: center; position: absolute; top: -70px; width: 100%; left: 0;}
.sect_us .brow{ background: #0159bd; color: #fff; padding: 7rem 6%; position: relative; margin-top: -30rem;}
.sect_us .brow p{ color: #fff; font-size: 1.6rem; line-height: 3.6rem; margin: 2rem 0;}
.sect_us .brow-2{ text-align: center; color: #fff; margin-top: 10rem;}
.sect_us .brow-2 p{ font-size: 1.8rem; line-height: 3.6rem; margin-bottom: 3rem;}

.us-sub{ text-align: center;}
.us-sub a{ display: inline-block; margin: 0 2%; font-size: 1.8rem; color: #333;}
.us-sub a:hover{ color: #0159bd;}

.sect_sub{ text-align: center;}

.sect_prod{}
.sect_prod .p-tit{ line-height: 3.6rem; padding-left: 3%;}
.sect_prod .p-tit span{ color: #323232; font-size: 3.6rem;}
.sect_prod .p-tit p{ color: #999999; font-size: 2rem; text-transform: uppercase; font-family: arial;}
.sect_prod .img-box a{ display: block; overflow: hidden; position: relative;}
.sect_prod .img-box a .ntit{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.4s;}
.sect_prod .img-box a .ntit span{ font-size: 2.2rem; color: #fff; font-weight: bold;}
.sect_prod .img-box a .active{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(13,65,148,0.8); opacity: 0; transition: all 0.4s;}
.sect_prod .img-box a .active .info{ padding: 2rem; color: #fff;}
.sect_prod .img-box a .active .info span{ display: block; font-size: 2.2rem; color: #0af3fc;}
.sect_prod .img-box a .active .info p{ color: #fff; font-size: 1.6rem; margin: 2rem 0;}
.sect_prod .img-box a .active .info i{ display: inline-block; border: 1px solid #fff; width: 38%; height: 45px; line-height: 45px; border-radius: 5px; font-style: normal; font-size: 1.6rem;}
.sect_prod .img-box a:hover .active{ opacity: 1; transition: all 0.4s;}
.sect_prod .img-box a:hover .ntit{opacity: 0; transition: all 0.4s;}

.pmore{ text-align: center;}
.pmore2{ text-align: center; color: #fff; font-size: 2.4rem; font-weight: bold;}

.tablist{ background: url(../img/bg_lc.jpg) no-repeat center bottom #020202; padding: 6rem 0 8rem; color: #fff;}

.tablist .tab-tit{ line-height: 5rem; margin-bottom: 2rem;}
.tablist .tab-tit span{ display: block; font-size: 4.8rem;}
.tablist .tab-tit i{ font-style: normal; font-size: 1.8rem; text-transform: uppercase; font-family: arial;}
.tablist .tlist{ display:none; position: relative; clear: both; overflow: hidden; padding: 0 4%;}
.tablist .tlist:before{ content: ""; display: block; border: 1px solid rgba(50,209,254,0.13); background: rgba(0,0,0,0.13); width: 6%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; border-top: none; border-bottom: none;}
.tablist .tlist:after{ content: ""; display: block; background: #2abeff; width: 1px; height: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 15rem;}
.tablist .active{ display:block;}
.tablist .tdot{ position: relative; z-index: 10; padding-top: 3rem;}
.tablist .tdot i{ background: url(../img/pic_t.png) no-repeat; width: 44px; height: 44px; display: block; margin: 0 auto;}
.tablist .tdot span{ font-size: 3rem;background-image: linear-gradient(-180deg, #46fdfc, #29bcff); color: transparent; -webkit-background-clip:text; font-weight: bold;}
.tablist .brow{ text-align: right; padding-right: 8%;}
.tablist .brow span{ font-weight: bold; font-size: 2.4rem; display: block; position: relative;}
.tablist .brow span:after{ content: ""; width: 11px; height: 11px; border-radius: 11px;background-image: linear-gradient(-180deg, #46fdfc, #29bcff); display: block; position: absolute; right: -11.8%; top: 0; bottom: 0; margin: auto 0; z-index: 10;}
.tablist .brow p{ color: rgba(255,255,255,0.6); font-size: 1.6rem; margin: 10px 0;}
.tablist .brow.le{ text-align: left; padding-left: 8%; padding-right: 0; margin-top: 4rem;}
.tablist .brow.le span:after{ right: auto; left: -11.5%;}

.tabs{line-height:26px;}
.tabs a{ display:block;font-size:2.4rem; color: #333; position: relative; padding: 3rem 0; text-align: center;}
.tabs a span{ display: block; color: #666; font-size: 1.6rem;}
.tabs a:hover,.tabs .active a{ background: #0f1b36; color: #fff; }
.tabs a:hover span,.tabs .active a span{ color: #fff;}

.inner{}
.inner .index_{}
.inner .index_ .T{padding: 25px 0}
.detailPage .wrap{max-width: 980px}

/* ==========================================================================
   Common page
   ========================================================================== */
/*
 * 新闻
 */

.img-box{ border: 1px solid #f0f0f0; margin-bottom: 5rem;}
.img-box a{ display: block; overflow: hidden; position: relative;}
.img-box a:hover{ background: #f8f8f8; color: #5899dd; bottom: 0; transition: all 0.4s;}
.img-box a:hover .ntit p,.img-box a:hover .ntit span{ color: #5899dd;}
.img-box a:hover .iconfont1{ margin-top: 26px;display: block; filter: none;  }
.img-box .icon{ border: 0; width: auto; height: 100%; margin-right: 0;}
.img-box .ntit{ text-align: left; padding: 2%;}
.img-box .ntit p{ color: #000; font-size: 2rem; margin: 0; padding:20px 0px;font-family: 'albb-Medium';}
.img-box .iconfont1{ margin-top: 26px;display: block;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);   filter: grayscale(100%); filter: gray;}

/*新闻样式2*/
.section_news{ background: #f3f3f3; padding: 3rem;}
.section_news .tit4{ border-bottom: 1px dashed #a0a0a0; height: 40px; line-height: 40px;}
.section_news .tit4 p{ font-size:1.8rem; color: #3c579c; position: relative;}
.section_news .tit4 p:after{ width: 30%; height: 2px; display: block; background: #3c579c; position: absolute; left: 25%; top: 48%; content: "";}
.new-box{ margin: 0 0 3rem; background: #ffffff;}
.new-box .span-6{ margin-right: 0;}
.new-box .media-box{ margin-bottom: 0;}
.new-box .icon{ padding: 0; border: none;}
.new-box .icon img{ width: 100%;}
.new-box a{ display: block; position: relative;}
.new-box .ntit{ background: #fff url(../img/n_bg.jpg) no-repeat 80% 80%; padding: 8rem; text-align: center;}
.new-box .ntit span{ display: block; color: #171717; font-size: 3.5rem; line-height: 4rem; font-weight: bold;}
.new-box .ntit i{ font-style: normal; color: #afa7b2; font-size:16px;  position: relative;}
.new-box .ntit i:before{ width: 18px; height: 13px; content: ""; background:url(../img/coin-n.jpg) no-repeat center center ; display: block; position: absolute; left: -18px; top: 6px;}
.new-box .ntit h3 a{ margin: 30px 0; font-weight: normal; padding: 0; color: #222222; font-size: 2.2rem; line-height: 3.5rem;}
.new-box .ntit a.more{ width: 112px; border-radius: 20px; color: #333333; display: block; margin: 0 auto; height: 39px; border: 1px solid #1946a3; line-height: 39px; font-size: 14px; margin-top: 60px; }
.new-box .ntit a.more:hover{ background:#1846a2; color: #ffffff;}

.new1{  }
.new1 ul{ list-style: none; clear: both; overflow: hidden;}
.new1 li{ line-height: 60px; padding: 2rem 0; font-size: 2rem; border-bottom: 1px solid #d7d7d7;}
.new1 li:hover{ background: #ffffff; color: #0159bd;}
.new1 li:hover span{ padding-left: 30px;}
.new1 li:hover a{ color: #0159bd;}
.new1 li span{ width: 10%; float: left;}
.new1 li a{ width: 80%; float: left;}
.new1 li i{ width: 10%; font-style: normal;}
.n_more{ height: 60px; line-height: 60px; padding-bottom: 3rem;}
.n_more a{ font-size: 16px; padding-left: 10%;}

.new2 { list-style: none; clear: both; overflow: hidden; padding-top: 2rem;}
.new2 li{ line-height: 40px; height: 40px; font-size: 16px;}

.new-box1{ padding-bottom: 2rem;}
.new-box1 .nint1 a{ font-size: 16px; line-height: 40px; color: #222222;  width: 100%; display: block; }
.new-box1 .nint span{ font-size: 12px; line-height:40px; color: #afa7b2;}
/*
 * 新闻详细
 */

.caseTitle{line-height: 50px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
.caseTitle span{color: #000;padding-left: 20px}
.caseTitle span.r{border-left: 1px solid #ccc;display: block;float: left}
.content .C {padding: 10px 2%}
/*联系我们*/
.section_con{ background: url(../img/bg_con.jpg) no-repeat center top; padding: 3rem; background-size: cover;}
.section_con .tit_con{ padding-top: 6rem; text-align: center; color: #ffffff;}
.section_con .tit_con span{ font-size: 14px; line-height: 60px;}
.section_con .tit_con p{ font-size: 3.4rem; font-weight: bold;}
.section_con  .contact{ width: 90%; margin: 0 auto; clear: both; overflow: hidden;}
.section_con  .contact_1{ width: 28%; margin: 3rem 0.5%; height: 310px; background: #ffffff; float: left; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2%;}
.section_con  .contact_1 span{ font-size: 2.4rem; line-height: 6rem;}
.section_con  .contact_1 p{  font-size: 16px; line-height: 40px; text-align: center;}
.section_con  .contact_1 i{ width: 84px; height: 80px; display: block; }
.section_con  .contact_1 i.i1{background: url(../img/coin_tel.jpg) no-repeat center top; background-size: contain;}
.section_con  .contact_1 i.i2{background: url(../img/coin_add.jpg) no-repeat center top; background-size: contain;}
.section_con  .contact_1 i.i3{background: url(../img/coin_email.jpg) no-repeat center top; background-size: contain;}
.section_con  .contact_1:hover{ background: #61b932; color: #ffffff; transition: all 0.2s; cursor: pointer;}
.section_con  .contact_1:hover i.i1{ background: url(../img/coin_tel1.jpg) no-repeat center top;}
.section_con  .contact_1:hover i.i2{ background: url(../img/coin_add1.jpg) no-repeat center top;}
.section_con  .contact_1:hover i.i3{ background: url(../img/coin_email1.jpg) no-repeat center top;}
.section_map{ background: url(../img/bg_map.jpg) no-repeat center top;  height: 729px;}
.tit_map{ color: #333333; text-align: center; padding: 3rem;}
.tit_map span{ font-family:droidserif-bold; font-size: 3rem; color: #cccccc; line-height: 4rem;}
.tit_map p{ font-size: 16px;}
.tit_map1{ color: #333333; text-align: center; padding: 3rem;}
.tit_map1 span{ font-family:droidserif-bold; font-size: 3rem; color: #cccccc; line-height: 4rem; position: relative;}
.tit_map1 span:after{ width: 40%; height: 1px; background: #cccccc; display: block; position: absolute; content: ""; left: 30%; top: 140%;}
.tit_map1 p{ font-size: 3rem; color: #666666;}
.section_map .con_map{ width: 23%; margin: 0 auto; background: #ffffff; position: relative; top: 7rem;}
.section_map .con_map:after{ width: 29px; height: 29px; display: block; content: ""; position: absolute; transform: rotate(45deg); left: 45%; bottom: -15px; background: #ffffff;}
.section_map .con_map a.con_more{ width: 30%; text-align: center; margin: 0 auto; position: relative; top: -20px; color: #ffffff;  display:block; height: 39px; line-height: 39px; background:linear-gradient(to bottom, #0972dc 0%,#1c3c96 100%); border-radius: 15px;}
.section_map .con_map div{ padding: 1rem 0; text-align: center;}
.section_map .con_map div span{ font-size: 18px; color: #858585; font-weight: bold; line-height: 60px;}
.section_map .con_map div p{ font-size: 16px; line-height: 30px;}
/*正文*/
.newsDetail{ padding: 2rem 0 0;}
.newsTit{ text-align:left; border-bottom: 1px solid #0159bd; padding-bottom: 1rem;}
.newsTit h1{color:#000;padding:0;font-weight: normal;line-height: 1.3}
.newsTit p{font-size:14px;color:#0159bd; line-height: 40px;}
.newsTit p a{color:#bbb}
.newsTit p span{padding:0 20px 0px 0px}
.newsContent{ background: #ffffff; padding:2rem;}
.newsThumb{text-align: center;padding-bottom: 40px}
.newsThumb img{max-width: 90%}
/*内容*/
.content{font-size:1.5rem;line-height:1.5rem; position: relative; z-index: 2; min-height: 600px; color: #000; padding: 4rem; }
.content p{font-size:1.8rem;margin:0 0 1rem;line-height:3rem; color: #333333;}
.content .ctit{ font-weight: bold; font-size: 4.2rem; line-height: 8rem;display: block; font-family: albb-Bold; text-align: center; color: #0159bd;}
.content a{ color: #0a7cdd;}
.content .ctit2{ font-weight: bold; font-size: 3.5rem; font-family: albb-Bold;}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height: 150%}
.content h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content h3{font-size:18px;font-weight:bold;margin:.83em 0; color: #111;}
.content h4{font-size:16px;font-weight:bold;margin:1em 0;}
.content h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content ul li{list-style:inherit}
.content .n_top{margin-top:0}
.cimg{ text-align: right; position: relative;}
.cimg:after{ content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 2px; height: 60%; background: #c29b62;}

.content_bak{font-size:14px;line-height:30px; padding-bottom: 2rem;}
.content_bak p{font-size:14px;margin:1.12em 0;line-height:30px}
.content_bak h1,.content_bak h2,.content_bak h3,.content_bak h4,.content_bak h5,.content_bak h6{line-height: 150%}
.content_bak h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content_bak h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content_bak h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content_bak h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content_bak h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content_bak h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content_bak ul li{list-style:inherit}
.content_bak .n_top{margin-top:0}
.newsbshare { padding-top: 2rem;}
.newsbshare a{ margin-bottom: 10px;}
/*点赞*/
.newsPj{width:100%;text-align:center;padding-bottom:24px}
.newsPj a.good,.newsPj a.bad{float:none}
a.good,a.bad{font-size: 14px; float: right; color: #999;cursor: pointer}
a.bad{padding-left: 18px}
a.good span,a.bad span{background: url(../img/base/icon_news_detail.gif) no-repeat; width: 24px; display: inline-block; vertical-align: text-bottom; height: 31px; margin-right: 7px; cursor: pointer;}
.newsPj a.bad span{background-position:0 -51px}
.newsPj a.good span{background-position:0 -20px}
.newsPj a.bad:hover span{background-position:-24px -51px}
.newsPj a.good:hover span{background-position:-24px -20px}
/*分享*/
.newsbshare{text-align:center;font-size:14px}
.newsDetailCur{width:auto;position:relative;margin-bottom: 15px;background-color: #fff; border-top: 1px solid #3c579c;}
.newsDetailCur li{width:100%;ffont-size:14px;position:relative;z-index:9;overflow: hidden;padding:12px 0;}
.newsDetailCur li a{padding: 0 25px}
.newsDetailCur li.r{}

/*推荐新闻*/
.newsRecmd h4{font-size: 24px;color:#000;padding:10px 0}
.newsRecmd .box-c{}

/*
 * 招聘
 */
.section_njob{ background:url(../img/bg_job.jpg) no-repeat top center; height: 882px; }
.section_njob .b_job{  padding-top: 10%; color: #ffffff; text-align: center; }
.section_njob .b_job h3{ font-size: 4.5rem; font-weight: normal; line-height:6rem; padding-bottom: 10rem;}
.section_njob .b_job p { font-size: 2.5rem;}
.section_njob .b_job a{ width: 37px; height: 25px; background: #ffffff; display: block; font-size: 16px; line-height: 25px; margin: 0 auto; margin-top: 3rem;}

/*样式2*/
.subNavBox1{ position: relative; top: -30rem;}
.subNavBox{margin:10px auto;border-top:none; background: #ffffff;}

.subNav{border-bottom:solid 1px #e7e5e5; width:80%; color: #0159bd; margin: 0 auto; font-weight:bold; cursor:pointer;font-size:2.5rem;line-height:100px; background: url(../img/job_on.jpg) no-repeat right center;}


.subNav:hover{color:#0159bd; width: 80%; border-bottom: none; padding:0 10%; 
background: url(../img/job_hover.jpg) no-repeat 90% center #edf7ff;}
.subNav.on{color:#0159bd; background: url(../img/job_hover.jpg) no-repeat 90% center #edf7ff; width: 80%; border-bottom: none; padding:0 10%; margin: 0 auto;}

.navContent{display: none;background:#edf7ff; padding:2% 10%;font-size:14px;color:#666666; line-height:24px;}
.navContent div{ clear: both; overflow: hidden; line-height: 40px;}
.navContent div span{ width: 10%; float: left;}
.navContent div p{ width: 90%; float: left;}


/*
 * 产品详细
 */
.prodDetail{}
.prodDetail h5{font-size: 18px;line-height:50px; background:#fdf3f3;}
.prodDetail h5 strong{background-color: #c10f1b;padding: 10px 35px; color:#fff;line-height: 40px;position: relative;}
.f-picmid{width: auto; height:260px; background: #fff; display: table-cell; vertical-align: middle; text-align: center; position:relative;}
.f-picmid img{width:100%;height: auto}
.f-picmid .l-shadow {background:url(../img/bn_hover.gif) repeat;opacity: 0.4;filter: alpha(opacity=40);position: absolute;top: 0;left: 0; right: 0; bottom: 0}
.f-picmid a:hover .l-shadow{ display:none;}
.deright{padding-left: 5%}
.deright h4{ font-size:36px; color:#333; line-height:50px;font-weight: normal;margin:3rem 0 0;}
.deright h4>span{ font-size:18px;}
.deright ul{padding: 10px 0}
.deright ul li{ color:#858585; line-height:30px;font-size: 16px}
.deright ul li>span{ color:#404040;}
.yuall{ margin-top:30px; border-bottom:none;}
.yuall a{ float:left;display:block; text-align:center;line-height: 40px;color: #fff; background:#333;padding: 0 6%;position: relative;  border-radius: 10px; margin:0 1%;}
.yuall a:hover,.yuall a.on{ background:#c10f1b; color:#fff;}
.zx{margin-left:13px;}
.yuall i{font-size: 22px;position: absolute;top: 9px;left: 10px}

.newsNote{background-color: #f7f8f8;border: 1px solid #e2e2e2;padding: 20px;margin-top: 20px}
.newsNote p{margin: 0;line-height: 24px;}
.newsNote strong{font-size: 18px;color: #0d62be;line-height: 35px}


/* ========================================================================== */
.crumb{text-align: right;font-size: 16px;}
.crumb a{float: none!important}

.m-form{ width: 40%; margin: 0 auto;}
.m-form legend{ color:#333; font-size:3rem; font-weight:bold;}
.m-form legend span{ font-family:Constantia; font-size:14px; text-transform:uppercase; margin-left:10px;}
.form-control{  color:#333;  background:#ffffff; border-radius: 10px; }
.m-form .btn{ background:linear-gradient(to bottom, #0972dc 0%,#1c3c96 100%); border-radius: 25px; border-color:#2589ff; font-size:16px; min-height:39px; color: #ffffff; margin: 0 auto; width: 30%; left: 35%; position: relative;}


.module_cate{position:relative; text-align:center;}
.module_cate .cate_tit{ background:#0193dd; color:#fff; padding:1rem 0;}
.module_cate .cate_tit h3{ font-size:3rem; font-weight:bold;}
.module_cate ul{margin:0;position: relative; border:1px solid #ebe8e8; border-bottom:none; border-top:none;}
.module_cate ul li{padding: 0;}
.module_cate ul li a{display:block;position: relative; line-height:4.5rem; text-align:left; color:#383838; font-size:16px;overflow:hidden; border-bottom:1px solid #ebe8e8; padding-left:30%;}
.module_cate ul li a i{ font-style:normal; color:#d8d8d8; margin-right:10%;}
.module_cate ul li.cur a,.module_cate ul li a:hover,.module_cate ul li a:hover i,.module_cate ul li.cur a i{color: #0193dd;}



.bk-tip{ position: fixed; width: 100%; height: 100%; z-index: 10000; background: rgba(0,0,0,0.3); left: 0; top: 0; right: 0; bottom: 0; display: none;}
.bk-tip .bk-row{ position: fixed; width: 260px; height: 150px; z-index: 1000000; background: #fff; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.bk-tip .bk-tit{ background: #2692ff; color: #fff; line-height: 40px; padding: 0 20px; font-size: 1.8rem;}
.bk-tip p{ text-align: center; padding: 15px 0 10px; font-size: 1.6rem;}
.bk-tip p i{ color: #2692ff; font-size: 2.4rem;}
.bk-tip .bk-btn{ text-align: right; padding: 0 20px;}
.bk-tip .bk-btn span{ display: inline-block; background: #2692ff; color: #fff; width: 80px; text-align: center; line-height: 3rem; cursor: pointer;}