@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input, button, textarea, select { outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*浮动*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a 链接*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#666; }
a:visited { color:#666; }
a:hover, a:active, a:focus {color:#f30; text-decoration:none; }

/*图片居中*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle}

/*常量*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

html { font-size: 62.5%; }
/* common */
body { overflow-x:hidden; -webkit-text-size-adjust:none; max-width: 640px; margin: 0 auto;  font-family: Microsoft YaHei,Arial; color:#666; }

.top { position: relative; }
.top .logo { width: 100%; }
.top .logo img { width: 100%; }

.navbtn { position: absolute; top: 0; right: 0; background: #f1f1f1; width: 15.6%; }
.navbtn img { width: 100%; }

.banner { position: relative; width: 100%; }
.banner img { width: 100%; }
.banner .hd { position: absolute; bottom: 5%; left: 0; width: 100%; text-align: center; }
.banner .hd li { display: inline-block; margin: 0 2px; width: 6px; height: 6px; border-radius: 6px; background:rgba(255,255,255,0.6); text-indent:-999em;}
.banner .hd li.on { background: #fff; width: 15px; border-radius: 4px; }

.solution { position: relative; }
.solution img { width: 100%; }
.solution-wrap { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.solution-wrap ul { padding: 8% 0 0; }
.solution-wrap ul li { display: inline-block; vertical-align:middle; width: 27%; margin: 0 1.5%; }
.solution-wrap ul li a { display:inline-block; font-size: 1.2rem; width:80px; padding:15px 5px 0; height: 75px; border-radius: 50%; background:rgba(255,255,255,0.8); color: #666666; font-weight: bold; text-align: center; }
.solution-wrap ul li a img { width: auto; height: 30px; }
.solution-wrap ul li .null { opacity: 0; }

.product { background:#f5f7f9;}
.product .pro-tit { background: #fff; }
.product .pro-tit ul{width:100%;float:left;}
.product .pro-tit ul li { float: left; width: 25%; height: 90px; border-bottom: 3px solid transparent; text-align: center; }
.product .pro-tit ul li a { display: block; width: 100%; padding-top: 12px; font-size: 1.2rem; color: #4c6a7f; }
.product .pro-tit ul li.on { background: #f5f7f9; border-color: #0066c3; transition: background 0.3s ease 0s; }
.product .pro-tit ul li.on a { color: #0162b3;  }
.product .pro-tit ul li a i { display: block; height: 45px; }
/*.product .pro-tit ul li a .i1 { background: url("../images/kind_1.png") no-repeat center center; }
.product .pro-tit ul li a .i2 { background: url("../images/kind_2.png") no-repeat center center; }
.product .pro-tit ul li a .i3 { background: url("../images/kind_3.png") no-repeat center center; }
.product .pro-tit ul li a .i4 { background: url("../images/kind_4.png") no-repeat center center; }
.product .pro-tit ul li a .i5 { background: url("../images/kind_5.png") no-repeat center center; }
.product .pro-tit ul li a .i6 { background: url("../images/kind_6.png") no-repeat center center; }
.product .pro-tit ul li a .i7 { background: url("../images/kind_7.png") no-repeat center center; }

.product .pro-tit ul li.on a .i1 { background: url("../images/kind_01.png") no-repeat center center; }
.product .pro-tit ul li.on a .i2 { background: url("../images/kind_02.png") no-repeat center center; }
.product .pro-tit ul li.on a .i3 { background: url("../images/kind_03.png") no-repeat center center; }
.product .pro-tit ul li.on a .i4 { background: url("../images/kind_04.png") no-repeat center center; }
.product .pro-tit ul li.on a .i5 { background: url("../images/kind_05.png") no-repeat center center; }
.product .pro-tit ul li.on a .i6 { background: url("../images/kind_06.png") no-repeat center center; }
.product .pro-tit ul li.on a .i7 { background: url("../images/kind_07.png") no-repeat center center; }
*/
.pro-con {}
.pro-con ul{padding:15px 0 15px; margin:0 3%;}
.pro-con ul li { float: left; width: 48%; margin: 0 1% 2%; background: #fff; text-align: center; }
.pro-con ul li img { width: 100%; }
.pro-con ul li .name { line-height: 3; font-size: 1.2rem; }

.product .detail { position: relative; width: 20%; margin: 0 auto;  text-align: center; }
.product .detail img { width: 100%; }
.product .detail a { position: absolute; top: 46%; left: 0; width: 100%; text-align: center; font-size: 1.2rem; color: #666666; }

.iContainer{ /*background:#F5F7F9; */overflow:hidden; }
.iContainer img{ width:100%; }
.about { margin-bottom: 5%; }
.about .hd { text-align: center; padding: 5% 0 0; }
.about .hd h2 { font-size:2rem; color: #333; line-height: 2; }
.about .hd .txt { font-size:1.2rem; padding-bottom: 4%; }
.about .info { width:91%; margin: 0 auto; background: #f5f7f9; padding: 2%; }
.about .pic { width: 100%; text-align: center; }
.about .pic img { width: 95%;  }

.about .info h2 { padding:3% 0; }
.about .info h2 a { font-size: 1.6rem; color: #666; }
.about .info .intro { font-size: 1.4rem; color: #666; line-height: 1.8; }
.about .info .more { padding: 3% 0; }


.engineering{background: #f5f7f9;margin-bottom: 20px;}
.engineering .hd { text-align: center; padding: 5% 0 0; }
.engineering .hd h2 { font-size:2rem; color: #333; line-height: 2; }
.engineering .hd .txt { font-size:1.2rem; padding-bottom: 4%; }
.engineering .info { width:91%; margin: 0 auto; background: #f5f7f9; padding: 2%; }
.engineering  .detail { position: relative; width: 20%; margin: 0 auto;  text-align: center; }
.engineering  .detail img { width: 100%; }
.engineering  .detail a { position: absolute; top: 46%; left: 0; width: 100%; text-align: center; font-size: 1.2rem; color: #666666; }


.news {}
.news .bd {}
.news .bd .news-item {  width:91%; margin: 0 auto 3%; background: #f5f7f9; padding: 2%; }
.news .bd .news-item h2 { padding: 1% 0 2%; }
.news .bd .news-item h2 a { font-size: 1.4rem; color: #000; }
.news .bd .news-item .txt { font-size: 1.2rem; color: #666; line-height: 1.8;}
.news .bd .news-item .more { padding: 3% 0; }
.news .bd .news-item .more a { background: #0162b3; padding: 1% 3%; font-size: 1.2rem; border-radius: 4px; color: #fff; }

.news .bd .bg-color { background: #fff; }

.news .hd { padding: 1% 0 3%; text-align: center; }
.news .hd li { display: inline-block; margin: 0 3px; width: 6px; height: 6px; border-radius: 6px; background: #919292; text-indent:-999em;}
.news .hd li.on { background: #1b4c95; }

.case { background: #f5f7f9; }
.case h2 { font-size: 2rem; padding: 3% 0; font-weight: normal; color: #333; text-align: center;}
.case .case-tit { text-align: center; padding:1% 0 3%;}
.case .case-tit ul li { display: inline-block; padding: 0 5% 0 2%; width: 10%; background: url("../images/case_line.jpg") no-repeat right center;  text-align: center; }
.case .case-tit ul li a { display: block; border-bottom: 2px solid transparent; color: #4c6a7f; padding: 0 2%; font-size: 1.4rem; line-height: 2; }
.case .case-tit ul li.on a{ color: #0066c3; border-bottom: 2px solid #0066c3; }
.case .case-box{width: 95%; margin: 0 auto; position:relative; z-index:0; overflow:hidden; zoom:1;}
.case-list{position:absolute; top:0; left:0; z-index:0; width:100%; background:#f5f7f9;}
.case .case-box .cur{z-index:1;}
.case-list .bd ul{width:100%;  float:left;}
.case-list .bd ul li {float:left; width: 33%; border-right: 1px solid #f7f7f7; }
.case-list .bd ul li img { width: 100%; height:auto;}

.case .hd { padding: 3% 0; text-align: center; }
.case .hd li { display: inline-block; margin: 0 3px; width: 6px; height: 6px; border-radius: 6px; background: #919292; text-indent:-999em;}
.case .hd li.on { background: #1b4c95; }

.contact { background: #024b91; color: #fff; text-align: center; padding: 5% 0 70px;}
.contact .tel { font-size: 3rem; font-family: Impact; }
.contact .add { font-size: 1.4rem; line-height: 2;  }
.contact .contact-ul { padding: 3% 0; width: 56%; margin: 0 auto; }
.contact .contact-ul li { display: inline-block; width: 20%; margin: 0 1%; }
.contact .contact-ul li img { width: 100%; }

.footnav { background: #0066c3; position: fixed; bottom: 0; width: 100%; left: 0; }
.footnav .foot { position: relative; padding: 5px 0 0; height:48px; text-align:center;}
.footnav .foot .list_01 { float: left; width: 40%; }
.footnav .foot .list_02 { float: right; width: 40%; }
.footnav .foot  li { float: left; width: 50%; text-align: center; padding:5px 0 0; }
.footnav .foot  li img { height: 20px; }
.footnav .foot  li a { line-height: 2; color: #fff; }
.footnav .foot .menubtn { display:inline-block; width:50px; position:relative; top:-2px; text-align: center;}
.footnav .foot .menubtn a { display: block; margin:0 auto; width: 46px; height: 46px; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; border-radius: 50%; background: #fbfbfb; text-align: center; color: #666; box-shadow: 0 0 30px #034586; }
.footnav .foot .menubtn a span { width: 46px; height: 46px; display:  table-cell; vertical-align: middle;  }
.footnav .foot .menubtn:before { position: absolute; content: ""; top: -10px; left: 0; background:url("../images/foot_top.png") no-repeat center top; width: 100%; text-align: center; height: 10px;}

.subnav-wrap { background:#005bb0; position:fixed; top: 0; width: 100%; left: 0; z-index: 200; display:none;}
.subnav-wrap .subnav { width: 100%; }
.subnav-wrap .subnav ul li { position: relative; width: 100%; line-height: 2.6; border-bottom: 1px solid #1f6fba; box-shadow: 0 1px 1px #013c73; }
.subnav-wrap .subnav ul li a { display: block; line-height: 2.6; padding: 0 10%; color: #fff; font-size: 1.4rem;  }
.subnav-wrap .subnav ul li .navicon { position: absolute; top: 50%; right: 10%; margin-top: -9px; }
.subnav-wrap .subnav ul li .navicon img { height: 15px; }

.subnav-wrap .subnav .navtop { text-align: center; padding: 4% 0; }
.subnav-wrap .subnav .navtop img { height: 18px; }


/*产品页面*/
.page { padding: 4% 0; text-align: center; }
.page a { padding: 2px 5px; margin: 0 1px; background: #fff; border: 1px solid #dcdcdc; border-radius: 4px; }
.page a.current { background: #01569d; border-color: #033c6c; color: #fff; }

.art-box { border-bottom: 1px solid #e6e3e3; text-align: center; padding: 5% 0 3%;}
.art-box h2 { font-size:2rem; color: #333; font-weight: normal; line-height:1.4; padding:7px 10px;}
.art-box .info { font-size: 1.2rem; }
.art-box .info span { padding: 0 10px; }

.article { width: 95%; margin: 0 auto 5%; background: #fff; border: 1px solid #e6e3e3; }
.article .pic { width: 100%; }
.article .pic img { width: 100%; }

.article .hd { background: #0162b3; border-bottom: 1px solid #014883; }
.article .hd h2 { line-height: 2.6; padding-left: 7%; color: #fff; }

.article .info { padding: 4%; font-size: 1.2rem; line-height: 1.8; }

/*news 页面*/

.news-tit { background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d3d4d6;}
.news-tit ul li { float: left; width: 25%; text-align: center; line-height: 4; }
.news-tit ul li a { display: block; color: #333; background: #fff; border-bottom: 3px solid transparent; font-weight: bold; }
.news-tit ul li a.current { background: #f7f7f7; color: #0162b3; border-color:#0162b3;  }

.inews .news-item-wrap .news-item { width: 96%; }
.inews .news-item-wrap .news-item {  width:91%; margin: 0 auto 3%; background: #f5f7f9; padding: 2%; }
.inews .news-item-wrap .news-item h2 { padding: 1% 0 2%; }
.inews .news-item-wrap .news-item h2 a { font-size: 1.6rem; color: #000; }
.inews .news-item-wrap .news-item .txt { font-size: 1.4rem; color: #666; line-height: 1.8;}
.inews .news-item-wrap .news-item .more { padding: 3% 0; }
.inews .news-item-wrap .news-item .more a { background: #0162b3; padding: 1% 3%; font-size: 1.2rem; border-radius: 4px; color: #fff; }
.inews .news-item-wrap .bg-color { background: #fff; }

.article2 { padding: 3% 4% 4%; font-size: 1.2rem; line-height: 1.8; }

.up-down { padding: 0 2% 2%; }
.up-down li { margin-top: 2%; padding: 2% 4%; background: #fff; border: 1px solid #e4e4e4; border-radius: 4px; font-size:1.4rem;}
.up-down li a { font-size: 1.4rem; }
.up-down li.noMg{margin:0;}

.pdisplay{padding:0 0 3%;}
.pdisplay .article{margin:3% auto 0;}

/* 表单 */
.form-area {padding:5% 0 6%; margin:0 1%;}
.form-area .tips { padding:6px 0 12px; color:#fa3030; font-weight:bold; text-align:center; font-size:1.4rem;}
.form-area li{padding:2% 0; color:#666; font-size:1.4rem;}
.form-area li span {float:left; width:75px; line-height:2; text-align:right;}
.form-area li span em{color:#fa3030; padding-right:4px;}
.form-area li input{ vertical-align:middle;}
.form-area li .text {line-height:2; padding:1px 2px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:1.3rem;}
.form-area li .textarea {padding:2px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:1.3rem;}
.form-area .input-btn{padding:2% 0 0 75px;}
.form-area .input-btn input {float:left; display:inline; margin-right:8px; padding:0 4%; line-height:2; border:none; background:#0066C3; font-family:"微软雅黑"; font-size:1.3rem; color:#fff; border-radius:5px;}


/*新增首页*/
a,input,button,select,textarea{-webkit-tap-highlight-color: transparent;appearance:none ;
padding: 0; margin: 0; border: none;}
.header{padding:3.5% 3%;display:flex;justify-content:space-between;align-items:center;}
.header a.logo{display:block;width:37.2%;}
.header a.logo img{width:100%;}
.header .sear-box{text-align: right;}
.header .sear-box .txt{border:0px; border-bottom:1px solid #DADADA;padding:6px 0;color:#a5a5a5;width:82%;}
::-webkit-input-placeholder { /* WebKit browsers */
  color:#a5a5a5;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#a5a5a5;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#a5a5a5;
} 
.header .sear-box .icon-sousuo{color:#3F6ABC;font-size:20px;font-weight:bold;}



.navlist{background:#144196;}
.navlist li{float:left;width:25%;height:40px;line-height:40px;text-align:center;position:relative;}
.navlist li:after,.navlist li:before{content:"";height:13px;width:1px;position:absolute;top:50%;margin-top:-6.5px;z-index: 1;}
.navlist li:after{background:#032462;right: -1px;}
.navlist li:before{background:#3270E4;right:0;}
.navlist li a{display:block;color:#fff;font-size:14px;}
.navlist li:hover a,.navlist li.active a{background:#FA990F;}

.navlist li:nth-child(4n):after,.navlist li:nth-child(4n):before{display:none;}

.HomeBan .swiper-slide img{width:100%;}
.HomeBan .swiper-pagination-bullet{width:10px;height:10px;}
.HomeBan .swiper-pagination-bullet{opacity:1;background:#fff;}
.HomeBan .swiper-pagination-bullet-active{background:#FA990F;}


.main-content{padding:0 3%;}
.newsTab{border-bottom:1px solid #F5F5F5;padding:15px 3%;margin:0 -3% 20px;}
.newsTab a{color:#222;font-size:15px;margin-right:3%;padding-bottom:14px;}
.newsTab a.active,.newsTab a:hover{color:#FA990F;border-bottom:2px solid #FA990F;}
.newsbox .swiper-slide li{display: flex;align-items: center;justify-content: space-between;}
.newsbox .swiper-slide li .lefbox{margin-right:5px;}
.newsbox .swiper-slide li .lefbox a{display:block;font-size:15px;color:#333;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsbox .swiper-slide li .lefbox .tbox{display: flex;align-items: center;margin:10px 0;width:100%;}
.newsbox .swiper-slide li .lefbox .tbox span{font-size:13px;color:#666;margin-right:20px;display: flex;align-items: center;
}
.newsbox .swiper-slide li .lefbox .tbox .iconfont{}
.newsbox .swiper-slide li .img{display:block;}
.newsbox .swiper-slide li .img img{width:124px;height:83px;}
.newsbox .swiper-slide li:hover .lefbox a{color:#FA990F;}
.newsbox .swiper-slide li{border-bottom:1px solid #E4E4E4;padding:10px 0;}
.clickmore{text-align:center;padding:15px 0;color:#144196 !important;font-size:15px;display: block;}

.lunbo-img{padding-bottom:20px;}
.lunbo-img .swiper-slide a{width:100%;position:relative;position:relative;display: block;}
.lunbo-img .swiper-slide a img{width:100%;border-radius:5px;}
.lunbo-img .swiper-slide a p{position: absolute;bottom:10px;width:100%;padding:0 5%;color:#fff;font-size:14px;
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}

.link-box ul{display:flex;width:100%;flex-wrap:wrap;flex-direction:row;}
.link-box li{width:30.33%;padding-left:3%;margin-bottom:3%;}
.link-box li a img{width:100%;border:1px solid #DBDCDD;}

.fixheight{height:80px;}
.fixBox{background:#FFF;width:100%;position: fixed;left:0;bottom:0;z-index:99;
border-top:1px solid #EBEBEB;padding:8px 0;}
.fixBox ul{width:100%;display:flex;align-items:center;justify-content:center;}
.fixBox li{width:25%;text-align:center;}
.fixBox li a{width:100%;color:#B0B0B0;height:100%;padding-top:4px;display: block;}
.fixBox li a .iconfont{font-size:24px;}
.fixBox li.on a,.fixBox li.on .iconfont,.fixBox li:hover a,.fixBox li:hover .iconfont{color:#244E9D;}

@media only screen and (max-width:360px ) {
	.header .sear-box .txt{width:70%;}
	.navlist li a{font-size:13px;}
}