﻿/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;vertical-align:middle;}
.clear{ clear:both;}
.wid{ width:1200px; margin:0 auto;}
.top:after,.top_r:after,.wid:after,.nav ul:after,.home_capa_cont:after,.home_capa_cont_l:after,.pro_list:after,.client_cont ul:after,.equ ul:after,.jgflow ul:after{ content:""; display:block; clear:both;}

.top{ background:#666; height:35px; line-height:35px;}
.top_l{ float:left; width:280px; color:#fff; text-align:center; background:#296bac;color:#bdcce0;}
.top_r{float:right;}
.top_l a{color:#bdcce0;}
.top_l a:hover{ color:#fff;}
.top_r a{ display:inline-block; opacity:0.6; color:#fff; padding:0 15px; border-right:1px #fff solid;}
.top_r a:hover{ opacity:1;}
.top_r a img{ vertical-align:middle; margin:0 5px 3px 0;}
.header{ height:120px;}
.logo{ float:left; width:280px; text-align:center; padding-top:25px;}
.logo img{ height:70px;}
.nav{ float:right; margin-top:}
.nav li{ float:left; margin-top:42px;}
.nav li a{ font-size:16px; color:#000; line-height:36px; padding:0 20px; display:inline-block; border-radius:5px; margin:0 5px;}
.nav li a:hover{ color:#fff; background:#006fdb;}
.nav li .act{color:#fff; background:#006fdb;}

.banner{border-top:0px solid #006fdb;}
.swiper-container img{ max-width:100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.home_pro{ height:730px; background:url(../images/pro_bj.jpg) no-repeat center bottom;}
.home_pro_nav{ height:160px; background:#ebebeb;}
.home_pro_nav a{ display:inline-block; line-height:160px; float:left; width:20%; box-sizing:border-box; border-right:1px #fff solid; color:#000; font-size:18px; text-align:center; cursor:pointer;}
.home_pro_nav a:hover{ background:#006fdb url(../images/tb.png) no-repeat center bottom; color:#fff;}
.home_pro_nav .act{ background:#006fdb url(../images/tb.png) no-repeat center bottom; color:#fff;}
.home_pro_nav a:last-child{border:0;}
.home_pro_cont{ padding:20px 0; background:rgba(255,255,255,0.8);}
.home_pro_cont_l{ float:left; width:40%;}
.home_pro_cont_l img{ max-width:100%;}
.home_pro_cont_r{ float:left;width:50%; padding:0 5%;}
.home_pro_cont_r h3{ color:#006fdb; font-size:24px; font-weight:normal; margin:20px 0;}
.home_pro_cont_r p{ line-height:2em; padding-left:2px;}
.home_pro_cont_r a{ display:inline-block; line-height:30px; padding:0 15px; color:#006fdb;border:1px solid #006fdb; border-radius:5px; margin:30px 0 20px;}
.home_pro_cont_r a:hover{ background:#006fdb; color:#fff;}
.home_pro_cont_r p img{width:45%; margin-right:2%;}

.home_com{ height:450px; background:url(../images/com.jpg) no-repeat center -130px; padding-top:50px;}
.home_com_cont{ width:40%; padding:30px; background:rgba(0,111,219,0.8); border-radius:5px;}
.home_com_cont h3{color:#fff; font-size:24px; font-weight:normal;}
.home_com_cont p{line-height:2em; padding-left:2px; color:#fff; margin:20px 0 25px;}
.home_com_cont a{display:inline-block; line-height:30px; padding:0 15px;background:#fff; color:#000; border-radius:5px;}
.home_com_cont a:hover{ background:#296bac; color:#fff;}

.home_capa{ padding:50px 0; background:url(../images/ys_bj.jpg) center;}
.home_capa h3{color:#006fdb; font-size:26px; font-weight:normal; text-align:center;}
.home_capa>.wid>p{ line-height:22px; padding:0 100px;margin:10px 0 30px; text-align:center;}
.home_capa_cont{ height:401px;}
.home_capa_cont_l{ width:401px; float:left;}
.home_capa_cont_l a{ width:200px; height:200px; background:#53595d; display:block; float:left; text-align:center; font-size:18px; color:#fff; line-height:26px; cursor:pointer;}
.home_capa_cont_l .act{ background:#006fdb;}
.capa1{ border-bottom:1px solid #fff;border-right:1px solid #fff;}
.capa2{ border-bottom:1px solid #fff;}
.capa3{ border-right:1px solid #fff;}
.capa1 span{ padding-top:87px; display:inline-block;}
.capa2 span{ padding-top:87px; display:inline-block;}
.capa3 span{ padding-top:74px; display:inline-block;}
.capa4 span{ padding-top:74px; display:inline-block;}
.home_capa_cont_r{ width:799px; float:left;position:relative;}
.home_capa_cont_pic{ position:absolute; left:0; top:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}
.pic_sm{ position:absolute; bottom:0; right:0; width:385px; height:125px; background:rgba(0,111,219,0.8); color:#fff; padding:0 20px;}
.pic_sm h4{ font-size:16px; font-weight:normal; margin:15px 0 15px;}
.pic_sm p{ line-height:20px; font-size:12px;}

.home_eq{ background:url(../images/home_eq.jpg) no-repeat center; height:200px; position:relative;}
.home_eq p{ position:absolute; left:52%; top:66px; color:#fff; font-size:20px; line-height:34px;}

.home_cus{ padding:50px 0;}
.home_cus h3{color:#006fdb; font-size:20px; font-weight:normal; text-align:left; margin-bottom:40px;}
.home_cus_pic{ margin-top:15px;}
.home_cus_pic img{ margin:0 20px;}

.foot{ background:#ddd; padding:50px 0 30px;}
.foot_box{ float:left; width:25%; box-sizing:border-box; padding:0 20px;}
.foot_box h4{ font-size:18px; font-weight:normal; color:#000; text-transform:uppercase; margin-bottom:15px;}
.foot_box a{ display:block; line-height:20px; padding-bottom:10px; color:#959595;}
.foot_box a:hover{ color:#000;}
.foot_box p{line-height:20px; padding-bottom:10px; color:#959595;}
.foot_box p span{ color:#000;}
.cen{ text-align:center;}
.cen img{ width:175px;}
.banq{ background:#333; color:#fff; line-height:40px; text-align:center;}
.banq a{color:#fff;}

.keifu{ position:fixed; top:10%; right:0; width:161px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:161px;}
.keifu_tab img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.keifu_head{ width:161px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding:0 12px; position:relative;}
.keifu_con a{ cursor:pointer;color:#000; padding-left:10px; border-bottom:1px #ccc dashed; display:block; line-height:30px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:161px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }
.wxpic{ position:absolute; top:0; left:-178px; display:none;}

.head_bor{ border-bottom:5px #006fdb solid;}
.weizhi{ height:58px; background:#f2f2f2; line-height:56px; font-size:14px; color:#000;}
.weizhi a{ color:#ccc;}
.weizhi a:hover{ color:#006fdb;}

.mid{ padding:50px 0;}
.mid_left{ width:280px; float:left;}
.mid_left_tel{ background:#006fdb url(../images/tel_tb.jpg) no-repeat 15px center; color:#fff; text-transform:uppercase; font-size:16px; font-weight:normal; line-height:50px; padding-left:30px; border-top-right-radius:15px;}
.mid_left a{ display:block; line-height:40px; font-size:14px; background:#f2f2f2 url(../images/left_tb.png) no-repeat 15px center; padding-left:30px; margin-top:5px; color:#000;}
.mid_left a:hover{background:#e9e9e9 url(../images/left_tb.png) no-repeat 15px center; color:#000;}
.erji{margin-bottom:15px;}
.erji a{ background:none; color:#666;padding-left:30px; border-bottom:1px solid #f2f2f2;}
.erji a:hover{background:#e9e9e9; color:#000;}
.mid_left h4{ color:#006fdb; font-size:14px; border-bottom:1px solid #dedede; line-height:36px; padding-left:5px; margin:15px 0 10px;}
.left_lx{ list-style:none;background:#f2f2f2; padding:10px;}
.left_lx h3{ font-size:16px; color:#000; padding:20px 5px 5px 0;}
.left_lx ul{border-bottom:dashed 1px #ccc; padding:5px 0;}
.left_lx img{width:25px; margin-right:8px;vertical-align:middle;}
.left_lx li{list-style:none; line-height:40px;font-size:14px;color:#666;}
.mid_right{ float:left; width:890px; margin-left:30px;}
.mid_right_tel{ border-bottom:1px #ebebeb solid; line-height:50px; font-weight:bold; font-size:20px;}
.mid_right_cont{ line-height:2; font-size:14px; margin-top:15px;}

.pro_list dl{ float:left; width:32%; margin-right:2%; text-align:center; box-sizing:border-box; border:1px #ebebeb solid; margin-bottom:20px; background:#f2f2f2; padding:6px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:nth-child(3n){ margin-right:0;}
.pro_list dl img{ max-width:100%;}
.pro_list dl:hover{ background:#006fdb;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:hover dd{ color:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dt{ overflow:hidden;}
.pro_list dd{ line-height:40px; border-top:1px solid #ebebeb;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.contact h2{color:#006fdb; font-size:26px; font-weight:normal; text-align:center; margin-bottom:50px;}
.ditu{position:relative; no-repeat center; padding:50px 0 50px; background:url(../images/ditu.jpg) no-repeat center;}
.contact_cont h2{color:#006fdb; font-size:26px; font-weight:normal; text-align:center; margin-bottom:35px;}
.contact_cont{ padding:50px 0; background:#f2f2f2;}
.contact_box{ background:#fff; padding:20px; width:29%; box-sizing:border-box; margin:0 4% 35px 0; float:left; line-height:24px; border-radius:5px; color:#666;}
.contact_box h3{ color:#000; padding-bottom:10px;}
.contact_box a{ color:#000;}
.contact_box a:hover{ color:#006fdb;}
.contact_box .tx_pic{ float:left; margin-right:10px;}
.contact_box .tx_pic img{ height:80px; margin-top:12px; border-radius:50%;}
.from{ padding:50px 0;}
.from h2{color:#006fdb; font-size:26px; font-weight:normal; text-align:center;}
.from p{ line-height:22px; padding:0 100px;margin:10px 0 40px; text-align:center;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{ width:40%; margin-right:20%; border:1px #e8e8e8 solid; border-radius:5px; line-height:35px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:14px; float:left; margin-bottom:15px;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:5px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:14px;}
.from a{ display:inline-block; padding:0 40px; line-height:40px; background:#006fdb; color:#fff; border-radius:5px; font-size:16px; margin-top:20px; }
.from a:hover{ background:#18aae7;}

.cont_t{ font-size:16px; color:#006fdb; font-weight:bold; margin:30px 0 3px;}
.cont_t1{color:#000; font-weight:bold; padding:0px 0 3px;}
.cont_t1 span{ width:30px; height:30px; text-align:center; line-height:30px; display:inline-block; background:#006fdb; color:#fff; border-radius:50%; font-weight:normal; font-size:16px; margin-right:8px;}
.cont_nr{ padding-left:20px; background:url(../images/nr.png) no-repeat 3px 10px;}
.faq{ margin:15px 0 30px; border-bottom:1px #ebebeb dashed; padding-bottom:20px; position:relative; padding-left:38px;}
.faq span{ position:absolute; left:0; top:0; width:30px; height:30px; text-align:center; line-height:30px; display:inline-block; background:#ccc; color:#fff; border-radius:50%; font-weight:normal; font-size:16px; margin-right:8px;}

.client_tel{ text-align:center;}
.client_tel img{max-width:100%; vertical-align:middle;}
.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:40px;}
.client_cont li{ width:25%; height:80px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:100px; position:relative;}
.client_cont li:before{ content:""; display:block; width:14px; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:14px; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:100px;vertical-align:top; padding-top:8px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.equ{}
.equ li{ float:left; position:relative; width:48%; margin-right:4%; margin-bottom:20px; cursor:pointer; overflow:hidden;}
.equ li:nth-child(2n){ margin-right:0;}
.equ li img{ max-width:100%; vertical-align:middle;}
.equ li span{ width:100%; position:absolute; left:0; bottom:0; height:0; line-height:40px; display:block; background:rgba(0,111,219,0.8); text-align:center; color:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.equ li:hover span{ height:40px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.biaoge{width:100%; border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb; background:#f2f2f2;}
.biaoge td{border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;line-height:30px;padding-left:5px;font-size:13px;}
.biaoge tr:nth-child(2n){ background:#fff;}
.biaoge img{ width:100px; padding:10px 0;}

.procont_pic{ text-align:center;}

.textnew_list a{ display:block; margin:0; padding:0px 0 0 20px; color:#333; border-bottom:#ccd2d8 dashed 1px; line-height:30px; background:url(../images/tb.jpg) no-repeat 5px center;}
.textnew_list a:hover{ color:#1493ff;}
.textnew_list a span{float:right; font-size:12px; color:#aaabab;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:14px;}
.fabu li textarea { display:block;}
#send {display:block; margin-top:26px;width:100%;position:relative; margin-bottom:10px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#006fdb;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:20px; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:120px;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
#send textarea { max-width:100%; height:90px; font-family:Arial; color:#999;font-size:11px;border:1px solid #ccc;padding:5px; overflow:hidden; width:600px;}
.send_main strong{color:#006fdb; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width:auto; background-color: #006fdb;color: white; text-transform: uppercase;font-size: 16px;font-weight: 400; padding: 8px 25px; border:medium none; border-radius:10px;margin-top:20px;cursor:pointer}
.blue22:hover{ background:#18aae7;}

.qclc{width:100%; background:#fff; font-size:14px;border-collapse:inherit;border-spacing:3px; margin:25px 0;}
.qclc td{padding:0px 5px; background:#ebebeb; line-height:30px; font-size:14px; }

.quanj{ float:right; margin-top:28px;}

.by{ position:absolute; right:50%; margin-right:-600px; top:50px; background:#fff; border-radius:10px; padding:15px; line-height:24px;}
.by h3{ color:#006fdb; padding-bottom:6px;}
.by img{ padding:0 12px 0 5px; vertical-align:middle;}

.news_list{ margin:15px 0;}
.news_list dl:after{content:""; display:block; clear:both;}
.news_list dl{ border-bottom:1px dashed #ccc; padding:10px 0;}
.news_list dt{ float:left; width:200px; height:130px; overflow:hidden; text-align:center; display:inline-block;}
.news_list dt img{ max-width:100%; max-height:100%;}
.news_list dd{}
.news_list dd h3{ line-height:30px; height:30px; overflow:hidden; color:#000;}
.news_list dd p{ color:#666; line-height:20px; height:60px; overflow:hidden; margin:5px 0 15px;}
.news_list dd span{ color:#bbb;}
.news_list dl:hover p{ color:#000;}
.news_list dl:hover h3{ color:#006fdb ;}
.news_cont{}
.news_cont h1{ font-size:25px; text-align:center; font-weight:normal; line-height:30px;}
.news_cont_time{ padding-top:0px; text-align:center; color:#bbb;}
.news_cont_txt{ margin-top:25px; line-height::2em;}
.news_cont_txt p{line-height::2em; margin-bottom:25px;}


/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#006fdb; background: #fff; border-color:#006fdb; text-decoration: none;}

.jgflow li{ width:32%; margin-right:2%; float:left; line-height:30px; text-align:center; margin-bottom:15px;}
.jgflow li img{ max-width:100%; vertical-align:middle;}
.jgflow li:nth-child(3n){ margin-right:0%;}

.nav_more{display:none;}


@media screen and (max-width: 800px) {

}

@media screen and (max-width: 480px) {

.keifu{display:none;}
.wid{width:100%;}
.header{height:auto;}
.top_l{display:none;}
.top_r a{padding:0 5px;}
.logo{ width:180px;padding:15px 0;}
.logo img{height:50px;}
.nav{display:none; float:none;position:absolute; right:0; top:100px; z-index:1000;background:#006fdb; padding:10px 0;}
.nav_more{display:block; float:right;margin:25px 15px 0 0;}
.nav_more img{height:22px;}
.nav li{float:none;margin-top:0; background:#006fdb; color:#fff;}
.nav li a{color:#fff;}
.quanj{display:none;}
.home_pro{height:auto;}
.home_pro_nav{height:auto;}
.home_pro_nav a{line-height:20px; padding:10px 3px; height:65px; font-size:14px;word-wrap:break-word; word-break:normal; }
.home_pro_nav .act{background:#006fdb;}
.home_pro_nav a:hover{background:#006fdb;}
.home_pro_cont_l{float:none; width:100%; text-align:center;}
.home_pro_cont_r{float:none; width:100%; padding:0 10px; box-sizing:border-box;}
.home_pro_cont_l img{max-width:50%;}
.home_pro_cont_r a{margin:10px 0 15px;}
.home_com{background:url(../images/com.jpg) no-repeat;background-size:100%; height:auto; padding-top:140px;}
.home_com_cont{ width:90%; margin:10px auto 20px;padding:10px 10px;}
.home_capa{padding:25px 0;}
.home_capa h3{font-size:20px;}
.home_capa > .wid > p{padding:0 10px;margin:10px 0 15px;}
.home_capa_cont_l{float:none; width:100%; }
.home_capa_cont_r{float:none; width:100%; }
.home_capa_cont_l a{width:25%; height:100px;font-size:14px;box-sizing:border-box;border-bottom:1px solid #fff;
display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.home_capa_cont_l a span{padding:0;}
.capa2{border-right:1px solid #fff;}
.home_capa_cont_pic{display:none;position:unset;}
.home_capa_cont_pic img{max-width:100%;}
.pic_sm{display:none;}
.home_capa_cont{height:auto;}
.home_cus h3{text-align:center;margin-bottom:20px;}
.home_cus_pic img{ height:40px; margin:0 5px;}
.home_cus{padding:50px 0 15px}
.foot_box{width:50%;}
.cen img{ width:100%; margin-top:30px;}
.banq{line-height:24px; padding:10px 10px;}

.mid{padding:25px 10px;}
.mid_left{float:none; display:none;}
.mid_right{float:none; width:100%; margin:0;}
.mid_right img{max-width:100% !important;}
.pro_list dl{width:48%;}
.pro_list dd{line-height:20px;}
.pro_list dl:nth-child(3n){margin-right:2%;}
.pro_list dl:nth-child(2n){margin-right:0%;}

.weizhi{overflow:hidden;}
#send textarea{width:90%;}
.biaoge td{word-wrap:break-word; }
.jgflow li{line-height:20px;}
.ditu{display:none;}
.contact_cont{padding:25px 0;}
.contact{display:none;}
.contact_box{margin:0 0% 10px 2%; width:46%; height:315px; font-size:12px; padding:10px;}
.contact_box .tx_pic{ width:100%;}

	}