﻿@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;box-sizing:border-box;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
img {border:none}
body { font-size: 15px; font-family:Arial, Helvetica, sans-serif;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;}
a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-weight:normal;font-size:15px; 
}
a:hover {
color:#ea3000;
}
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.ofH{overflow:hidden;}
.w1200{max-width: 1200px; margin:0 auto;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
input, textarea, select { font-family: '微软雅黑', Microsoft yahei, arial, Verdana, Helvetica, sans-serif; color: #555; outline: 0; }
input, textarea {border: none;resize: none;outline: none;}



.fl{float:left;}
.fr{float:right;}
.hz{max-width: 1200px; margin:0 auto;}
.hz:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.hza{max-width: 1200px; margin:70px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.head-top{font-size: 14px;line-height: 42px;color: #666;background: #fafafa;border-bottom: 1px solid #ebebeb; overflow: hidden;37}
.shop{font-size: 0;height: 42px;}
.shop>div{display: inline-block;z-index: 3;}
.shop>div>.dropdown-menu{margin: 0px;padding: 2px;border-radius: 0px;min-width: 140px;}
.shop>div>.dropdown-menu img{min-width: 120px;}
.shop a{position: relative;z-index: 1;display: inline-block;padding: 0px 12px;font-size: 14px;line-height: 42px;color: #666;transition: all .4s;}
.shop a:hover{color: #e7312c;}
.shop a:after{content: "";position: absolute;z-index: -1;top: 30%;right: 0%;width: 0%;height: 40%;border-right: 1px dashed #ccc;}
.shop svg{display: inline-block;width: 16px;height: 16px;font-size: 14px;line-height: inherit;text-align: center;vertical-align: text-bottom;}

.top-bj{width:100%;background:#f2f2f2;border-bottom:1px solid #e9e8e8;line-height:39px;overflow:hidden;}

.pc-top{width: 100%; height: auto;}
.logo { float: left; margin:15px 0; }
.logo img{height:60px;}
.logo-wb{font-size:24px;
    margin-left: 30px;
    line-height: 28px;
    margin-top: 26px;
    font-weight: bold;color:#1452b7;}
.logo-wb2{margin-left:30px;font-size:16px;margin-top:px;}

.fw-hz{ margin-top: 0px; }
.tel { font-size: 30px; color:#ea3000; margin-top:10px; }
.tel-title{margin-top:10px;font-size:16px;}

.index-serach-right{margin-top:5px; color:fff ;}

input {
	outline:none;
}
.sok {
	width:186px;
	padding-left:15px;
	background:url(../images/index_11.png)no-repeat;
	border:none;height:30px;float:left;

}

.nav{width:100%; float:left;background: #1452b7;}
.xt{border-right:1px solid #d8d8d8;float:left;height:15px;margin:23px 0;}
.mainbav li {float:left; position:relative;}
.mainbav li a{ font-size: 17px;padding:0 53px;display:block; color: #fff}
.mainbav .memu {float: left;line-height:63px;text-align:center;}
.mainbav .memu:hover, .mainbav .memu.active { color:#fff; display: block; border-bottom:3px solid #022f78; background: #033a94;}
.mainbav .memu:hover a, .mainbav .memu.active a {color:#fff;}
.mainbav ul li .dh_xl{display:none;position:absolute;width:220px;left:0;top:63px;z-index:999999;background:rgba(255,255,255,0.9);}
.mainbav ul li .dh_xl ul li{ float:none; border-right:none; padding:0;line-height:48px;  position:relative;text-align:left;}
.mainbav ul li .dh_xl ul li a{ display:block; color:#333 !important; font-size:15px;padding:0 10px;font-weight:normal;}
.mainbav ul li .dh_xl ul li a:hover{text-decoration: underline;color:#fff !important;background:#033a94;}
.mainbav ul li .dh_xl ul li ul{ position:absolute; left:220px; top:0;}


/*广告*/
.banner{ width:100%; overflow:hidden; position:relative; margin-top:0px;}
.banner *{ box-sizing:content-box;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;}
.banner ul li a{ display:block;}
.banner ul li img{display:block; width:1920px; position:relative; left:50%; margin-left:-960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%;border:2px solid #888;position:relative;-webkit-transition:.3s;transition:.3s;}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#888;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #046ca4;transform:scale(1.1)}
.bandd span.on:after{background:#046ca4}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; background:url(../images/ban_l.png) center no-repeat;}
.bany{ right:5%; background:url(../images/ban_r.png) center no-repeat;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}


/*热门搜索*/
.index_Search{height: auto;position: relative;border-bottom: 1px solid #e5e5e5;}
.index_search_left{display: inline-block;float: left;width: 70%;line-height: 60px;}
.index_search_left h2{display: inline-block;float: left;font-size: 16px;color: #333333;font-weight: 800;line-height: 60px;margin-right: 20px;}
.index_search_left h2 em{font-weight: 800;color: #1452b7; font-style: normal;}
.index_search_left li{float: left;}
.index_search_left li a{display: inline-block;width: auto;line-height: 60px;color: #999999;font-size: 12px;padding: 0 8px;font-size: 14px;}
.index_search_right{display: inline-block;width: 25%;border-radius: 20px;float: right;margin: 10px 24px 10px 0;background-color: #f5f5f5;position: relative;}
.index_search_right input{width: 100%;padding: 0 48px 0 28px;font-size: 12px;color: #333;background: none;line-height: 40px}
.index_search_right>div{display: block;width: 15px;height: 15px;position: absolute;right: 20px;top: 13px;}
.index_search_right>div img{display: block; max-width: 100%}
/*热门搜索*/


/*  首页内容 */
.in_about{width: 100%; height: auto; padding: 50px 0; overflow: hidden;}
.in_about_tit{width: 100%; height: auto; text-align: center;}
.in_about_tit_cn{font-size: 26px; color: #333; font-weight: 600; line-height: 50px;}
.in_about_tit_cn_i{width: 30px; background: #555; height: 2px; margin: 0 auto;}
.in_about_tit_cn_zi{font-size: 14px; color: #555; margin-top: 10px;}
.in_about_ny{width: 100%; height: auto; margin-top: 0px; overflow: hidden;}
.in_about_textnr{width: 50%; height: auto; float: left;}
.in_about_textnr_tit{font-size: 24px; line-height: 40px; color: #333; font-weight: 600}
.in_about_textnr_tit_line{width: 20px; background: #555; height: 2px;}
.in_about_textnr_tit_zi{font-size: 14px; color: #555; margin-bottom: 10px;}
.in_about_text{width:100%; float:left; margin-top:25px; font-size:16px; line-height:30px; font-weight: normal; margin-bottom: 25px;}
.in_about_sj{width:100%; float:left; margin-top:25px;margin-bottom:25px;}
.in_about_sj li{width:24%; float:left; border-right:1px solid #e6e6e6; padding-right:3%; margin-right:5%;}
.in_about_sj li .sz{width:100%; float:left;}
.in_about_sj li .sz_bt{font-size:40px; float:left; font-weight:bold; color:#00b9ef; line-height:30px; font-family:Arial;}
.in_about_sj li .sz_xb{float:left; margin:10px 0 0 10px; font-size:14px; color:#000;}
.in_about_sj li .txt{width:100%; float:left; margin-top:10px; font-size:14px;}
.more{width: 15%; height: auto; background: #444; border-radius: 20px; overflow: hidden;text-align: center; }
.more a{ font-size: 14px; line-height: 35px; color: #fff;}
.more a:hover{background: #039648; border-radius: 20px; color: #fff; display: block;}

.item{ width:100%; height: auto;}
.item .slide{ width:36%; vertical-align:middle; border-left:1px solid #ebebeb; padding-left:6%;box-sizing: border-box; margin-bottom: 0px;}
.item .slide img{ width:44px; vertical-align:middle; margin-top:-2px; margin-right:20px;}
.item .slide:nth-child(1){ width:28%; border-left:none; padding-left:0;}
.item .slide:nth-child(1) img{ margin-right:10px;}
.item .slide:nth-child(4){ width:28%; border-left:none; padding-left:0;}
.item .slide:nth-child(4) img{ margin-right:10px;}    

.in_about_right{width:45%; float:right; overflow:hidden;}
.in_about_pic{overflow: hidden;}
.in_about_pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_about_pic a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_about_workshop{width:100%; margin-top: 10px;}
.in_about_workshop ul{margin-right: -11px;}
.in_about_workshop li{width: 31.333%; margin-right: 11px; float: left}
.in_about_workshop li img{width: 100%}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 li{width:260px; overflow:hidden; float:left; margin-right:20px;}
.scrollleft2 li img{width:99%; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #6ebef3;}
.scrollleft2 li span{display:block; width:260px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

.in_probg{width: 100%; height: auto; background: #f6f6f6; padding: 50px 0}
.in_pro_tit{width:100%; text-align:center;}
.in_pro_tit h1{font-size:30px; font-weight:bold; line-height:30px; color:#1452b7; background:url(../images/in_fgx.png) bottom center no-repeat; padding-bottom:30px; }
.in_pro_tit h1 a{color:#1452b7; font-size:30px; font-weight: 600}
.in_pro_tit h1 a:hover{color:#1452b7;}
.in_pro_tit p{font-size:16px; margin-top:10px; line-height:24px; color:#666;}


.sy_al_img{ width:100%;max-width: 1200px; margin:auto;padding-top: 40px;}
.sy_al_img ul{margin-right: -2%}
.sy_al_img ul li{ float:left; width:23%; margin:0 2% 2% 0;}
.sy_al_img ul li .h1{ overflow:hidden;}
.sy_al_img ul li img{ display:block; width:100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_al_img ul li:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_al_img ul li p{ font-size:16px; line-height:50px; color:#000; text-align:center; background:#FFF;}

.dsanp{ width:100%; height:auto; overflow:hidden; padding:50px 0; }
.dsanp h2{ text-align:center; color:#06389e; line-height:45px; font-size:30px; font-weight:600;}
.dsanp .ennn{ text-align: center; color:#999; font-size:12px;}
.h30{height: 30px;}
.dsanpleft{width: 30%; float: left;}
.dsanpleft ul{}
.dsanpleft ul li{ width:100%; float:left; background:#f5f5f5; border-radius:5px; text-align:center; height:auto; overflow:hidden; margin-right:2%; min-height:263px;}
.dsanpleft ul li i{ width:80px; height:80px; line-height:54px; margin:40px auto; font-size:40px; border:1px #939393 solid; text-align:center; color:#939393; padding:15px; border-radius:100%; display:block;box-sizing: border-box;}
.dsanpleft ul li h3{ font-size:30px; height:auto; line-height: 50px;}
.dsanpleft ul li p{ line-height:1.5; color:#555; padding: 0 10%;}
.dsanpleft ul li .pse{ font-size:18px; font-weight:600; color:#999; padding:10% 0;}
.dsanpleft ul li.hover{background:#06389e; color:#fff; }
.dsanpleft ul li:hover{background:#06389e; color:#fff; }
.dsanpleft ul li:hover i{ color:#fff;border:1px #fff solid;}
.dsanpleft ul li:hover p, .dsanpleft ul li:hover .pse{color:#fff;}
.dsanpleft ul li.hover i{ color:#fff;border:1px #fff solid;}
.dsanpleft ul li.hover p, .dsanpleft ul li.hover .pse{color:#fff;}

.dsanpright{width: 66%; float: right;}
.dsanpright ul{ margin-right:-2%;}
.dsanpright ul li{ width:48%; float:left; background:#f5f5f5; border-radius:5px; margin-bottom:3%; text-align:center; height:auto; overflow:hidden; margin-right:2%;}
.dsanpright ul li .ip{width: 15%; margin-left:15px;}
.dsanpright ul li i{ width:80px; height:80px; line-height:54px; padding-left:30px; float: left; margin:20px auto; font-size:40px; border:1px #939393 solid; text-align:center; color:#939393; padding:15px; border-radius:100%; display:block;}
.dsanpright ul li .zi{width: 68%; float: right; margin-top: 30px; text-align: left; margin-right: 2%}
.dsanpright ul li h3{ font-size:22px; }
.dsanpright ul li p{ line-height:22px; color:#555; padding: 0 0%;}
.dsanpright ul li .pse{ font-size:18px; font-weight:600; color:#999; padding:10% 0;}
.dsanpright ul li:hover{background:#06389e; color:#fff; }
.dsanpright ul li:hover i{ color:#fff;border:1px #fff solid;}
.dsanpright ul li:hover p,.dsanpright ul li:hover .pse{color:#fff;}


.sy_xw{padding:60px 0; background: #f5f5f5}
.sy_xw_bt{}
.sy_xw_bt .h1{float: left; font-size: 30px;line-height: 30px;color: #333;text-transform: uppercase;}
.sy_xw_bt .h2{float: right;}
.sy_xw_bt .h2 a{display: block;padding-right: 20px; font-size: 14px;line-height: 30px;color: #333;text-transform: uppercase;background:url(../img/xw_jt.png) right center no-repeat;-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_bt .h2 a:hover{opacity: 0.7;}
.sy_xw_lb{margin-top: 0px;}
.sy_xw_lb ul{margin-right:-3%;}
.sy_xw_lb ul li{float: left;width: 30.333%;margin-right: 3%;margin-top: 4%; box-shadow: 0 0px 25px 0 rgba(0,0,0,0.1);position: relative;}
.sy_xw_lb ul li .zi1{overflow: hidden;}
.sy_xw_lb ul li .zi1 img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li:hover .zi1 img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_xw_lb ul li .zi2{font-size: 16px;line-height: 30px;color: #666;margin: 15px;overflow: hidden;}
.sy_xw_lb ul li .xw_hover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #40649e;padding: 20px;opacity: 0;-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li .xw_hover .zi3{font-size: 20px;line-height: 24px;color: #fff;font-weight: bold;}
.sy_xw_lb ul li .xw_hover .zi4{margin-top: 30px; font-size: 14px;line-height: 30px;color: #fff;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
.sy_xw_lb ul li .xw_hover .zi5{position: absolute;left: 20px;right:20px;bottom: 20px;font-size: 14px;line-height: 20px;color: #fff;background:url(../img/gy_jt_hover.png) right center no-repeat;background-size: auto 8px;}
.sy_xw_lb ul li:hover .xw_hover{opacity: 1;}


/* 首页新闻 */
.index-news{padding: 50px 0; }
.index-news-content{margin-top:54px; background-color:#fafafa;}
.dinews{ width:100%; height:auto; overflow:hidden; margin-top:45px;}
.dinews .nlf{ width:43%; float:left; height:auto; overflow:hidden;}
.dinews .nlf .pic{ width:100%; overflow: hidden;}
.dinews .nlf .pic img{width: 100%;height: auto; -webkit-transition: all .5s;transition: all .5s;}
.dinews .nlf .pic:hover img{-webkit-transition: all .3s; transition: all .3s; transform: scale(1.1);}
.dinews .nlf h3{ font-size:18px; padding:15px 0 0;}
.dinews .nlf h3 a{color: #333}
.dinews .nlf span{ color:#999; font-size:12px;}
.dinews .nlf p{ line-height:20px; color:#777; padding-bottom:10px; font-size:14px;border-bottom: 1px solid #e5e5e5;}
.dinews .nrg{ width:52%; float:right; height:auto; overflow:hidden;}
.dinews .nrg ul{}
.dinews .nrg ul li{ border-bottom: 1px solid #e5e5e5; padding:8px 0px; height:auto; overflow:hidden; margin-bottom:2px;}
.dinews .nrg ul li:hover{}
.dinews .nrg ul li h3{ font-size:16px; height:auto; line-height:35px; color: #333; font-weight: 600}
.dinews .nrg ul li h3 a{color: #333}
.dinews .nrg ul li p{ color:#999; font-size:14px;}




/***产品中心***/
/**************************新闻**************************/
.sy-news{ width:100%; background:#fff; padding:40px 0 50px 0;}
/*==============新闻列表=====================*/
#n_news {margin-top: 40px }
#n_news ul{ overflow:hidden; }
#n_news li{ width:31.3%; position:relative; display:block; overflow:hidden; background:#f6f6f6; float:left; margin:0 2%  2% 0; padding-bottom:40px;}
#n_news li:nth-of-type(3){ margin-right:0;}
#n_news li a{ display:block;}


#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

#n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
#n_news li .pic_box:hover img {transform: scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:12px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{  box-shadow:0 0 20px #ccc;  }
#n_news li:hover h1 a{ color:#022f78; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#022f78;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


#n_news h2{ text-align:center;color:#555; margin-top:50px;}

#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 


.container08{ background:#f6f6f6; padding:62px 0 60px; text-align:center}
.container08 .title{ margin-bottom:25px}
.container08 .title h3{ font-size:27px; color:#3a3939; margin-bottom:14px}
.container08 .title h5{ color:#3a3939; font-size:15px}

.container08 .input{text-align:center;font-size:0;height: 63px;margin: 0;display:inline-block;}
.container08 .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 512px;height: 63px;line-height: 63px;position:  relative;vertical-align: top;background: #f8f8f8;border: #dcdcdc 1px solid;}
.container08 .input .input-text input{display:block;width:100%;height:100%;font-size: 14px;border:none;background:none;padding-left:32px;position:  relative;z-index: 10;}
.container08 .input .btn{display:inline-block; *display:inline; *zoom:1;width: 136px;height: 63px;line-height: 63px;background: #353434;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
.container08 .input .btn input{display:block;width:100%;height:100%;color: #fff;font-size: 14px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
.container08 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 63px;line-height: 63px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
.container08 .input .btn:hover{background: #2521AA;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

.container08 .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border {
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.container08 .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.container08 .input .input-text .input-border:before,
.container08 .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #353434;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.container08 .input .input-text .input-border:first-of-type:before {
  height: 2px;
  left: 0;
  top: 0;
  width: 0;
}
.container08 .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.container08 .input .input-text .input-border:last-of-type:before {
  background-color: #353434;

  height: 2px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.container08 .input .input-text .input-border:last-of-type:after {
  background-color: #353434;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 2px;
}

.foot-bj{ background: #333; padding-top: 30px; overflow: hidden; color: #a0a0a0; font-size: 14px; }
.foot-logo{float:left;width:15%;}
.foot-lxfs{ float: left; width: 53%; }
.foot-hz-nav { float: left; margin-right:10%; }

.foot-hz-cd { font-size:18px;font-weight:bold; color: #fff; }
.foot-hz-menu { margin-top: 20px;  }
.foot-hz-menu li{line-height:24px;}
.foot-hz-menu a { color: #a0a0a0;font-size:14px;}
.foot-hz-menu a:hover { color: #fff; text-decoration:underline; }


.foot-contact{ width:30%; float: left; }
.foot-hz-lxwm{margin-top: 15px;font-size:14px;}
.foot-hz-lxwm a {color: #a0a0a0;font-size:14px;}
.foot-hz-lxwm a:hover { color: #fff;  text-decoration:underline;}

.foot-right{float:right;}
.foot-right-fwrx{font-size:18px;font-weight:bold;color:#fff;}
.foot-right-hm{ font-size: 30px; color: #eb3d00; margin: 8px 0; }
.foot-right-gzr{ color: #eb3d00; }
.foot-left-tb{margin-top:20px;}
.foot-left-tb p{margin-bottom:5px;}

.index-copy-bj{background:#212121;padding:15px 0 5px 0;margin-top:30px;}

.index-copy a{color: #a0a0a0;font-size:14px;}
.index-copy a:hover{color: #fff;text-decoration:underline;}

.foot-bq-pc{ margin: 0px 0 10px 0; overflow: hidden; }
.foot-bq-pc li { color: #a0a0a0; float: left; margin: 0 5px;font-size:14px;}
.foot-bq-pc li a { color: #a0a0a0; font-size:14px;}
.foot-bq-pc li a:hover { color: #fff;  text-decoration:underline; }


/*内页样式*/
.ban_pic{width: 100%; margin-top:0px; overflow: hidden;}
.ban_pic img{ width:100%; vertical-align: middle;}



.about-menu-hz{padding:15px 0;overflow:hidden; background: #f8f8f8}
.about-menu-top-title{ font-size: 22px;line-height:36px; margin-bottom:15px; float: left; }
.about-menu-cd li{float:left;margin-right:5px;line-height:45px;margin-bottom:15px;}
.about-menu-cd li a{padding:0 40px;font-size:20px;display:block; font-size: 15px}
.about-menu-cd li a:hover, a.cur{ background: #067fda; border-radius: 25px; display: block; color: #fff; }
.about-menu-top-wz{color:#666;float:right;font-size:14px;}
.about-menu-top-wz a{color:#666;font-size:14px;}
.about-menu-top-wz a:hover{color:#067fda;}
.js{color:#333;}


.intitle{width:100%;padding:35px 0 28px;font-size: 28px;color: #333;text-align: center;line-height: 38px;}
.intitle span{position: relative;}
.intitle span:after{width:32px;height: 2px;background: #067fda;position: absolute;top:50%;left: 0;margin-left: -50px;content: '';transform: translateY(-50%);}
.intitle span:before{width:32px;height: 2px;background: #067fda;position: absolute;top:50%;right: 0;margin-right: -50px;content: '';transform: translateY(-50%);}

/*-------------inner_content-------------*/
.inner_content{width:100%;background:#fff; overflow: hidden; padding:50px 0;}
.inner_content .inner_about{width:100%;margin: 10px 0 30px 0; font-size:15px; color:#444; line-height:34px;  overflow: hidden;}
.inner_content .inner_about img{display:inline-block;max-width:100%; margin-top: 10px;}
.inner_content strong{font-size: 18px; font-weight: 600; color:#067fda;}

/* 企业文化 */
.culture{width:100%; padding:50px 0; overflow: hidden;}
.culture ul li{position:relative;}
.culture ul li .pic{width:50%;float:left;height:285px;position: relative;}
/* .culture ul li:hover .pic img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);} */
.culture ul li img{transition: all 0.5s; width: 100%;}
.culture ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.culture ul li .note{width:50%;background:rgba(0,0,0,0.1);position:absolute;right:0px;top:40px;padding:35px 50px 35px 70px;top:50%;transform:translate(0%,-50%);transition: all 0.5s ease-in-out;}
.culture ul li .note h4{font-size:24px;color:#333;font-weight:bold;}
.culture ul li .note h4 span{color:#5c5c5c;padding-right:30px;font-weight:normal;}
.culture ul li .note p{margin-left:60px;color:#333;margin-top:15px;line-height:30px; font-size: 15px;}
.culture ul li.two .pic{width:50%;float:right;}
.culture ul li.two .note{left:0px;padding:45px 70px 45px 50px;transition: all 0.5s ease-in-out;}
.culture ul li:hover .note{background:#fff;right:20px;}
.culture ul li.two:hover .note{left:20px;}

/* 发展历程 */
.history{background:url(../images/bg-about-01.jpg) repeat; margin-bottom: 40px; overflow: hidden;}
.hiswrap{position: relative;overflow: hidden;margin-top:20px;}
.hiswrap:after{position: absolute;content:"";left:50%;top:0px;width:1px;height:100%;background:#e5e5e5;}
.hiswrap:before{position: absolute;content:"";left:50%;top:0px;width:18px;height:18px;background:url(../images/icon_qqon.png) no-repeat center;margin-left:-9px;z-index:3;}
.hisbox{width:43.2%;border:1px solid #e5e5e5;padding:30px 2%;position: relative;margin-top:80px;color:#555;background:#fff; }
.hisbox .date{width:196px;height:66px;line-height:66px; text-align:center; background:#2055ad; border-radius:0;color:#fff; font-size:26px;position:absolute;right:25px;top:-48px;}
.hisbox .date:after{position: absolute;content:"";width:18px;height:18px;background:url(../images/icon_qq.png) no-repeat center;right:-117px;bottom:-45px;z-index:5;}
.hisbox:after{position: absolute;content:"";width:10px;height:19px;margin-top:-10px;background:url(../images/icon_sjl.jpg) no-repeat center;right:-10px;bottom:50%;z-index:5;}
.hisbox p{line-height: 32px; font-size: 15px; position: relative; padding-left: 22px;}
.hisbox p:after{position: absolute;content:"■";left: 0; top: -3px;font-size: 20px; color: #888; }
.clearfix:nth-child(2n) .date{left:25px;}
.clearfix:nth-child(2n) .hisbox:after{position: absolute;content:"";width:10px;height:19px;margin-top:-10px;background:url(../images/icon_sjr.jpg) no-repeat center;left:-10px;bottom:50%;z-index:5;}
.clearfix:nth-child(2n) .date:after{left:-117px;}
.hisbox .date span{font-family: "Microsoft yahei";font-size:14px;}



/*内页荣誉认证*/
.honor_r_img{width:100%;}
.honor_r_img ul{margin-right:-2% }
.honor_r_img li{width:23%; float:left; margin:0 2% 30px 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #d6d6d6; border-bottom:3px solid #ddd; position:relative;box-sizing: border-box;}
.honor_r_img li .pImg{display:block; width:100%; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.honor_r_img li img{width:100%; vertical-align:middle}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#067fda; transition:all .5s}
.honor_r_img li p{font-size:14px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0; color: #555}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}
/*内页荣誉认证*/

/*  产品列表 */
.proList{width:100%; height: auto; overflow: hidden; margin-bottom: 30px}
.proList ul{margin-right:-2%;}
.proList li{float:left;width:23%;margin:0 2% 27px 0;border:1px solid #e5e5e5;transition:all 0.4s;}
.proList li .pImg{display:block;width:100%;height:auto;overflow:hidden;}
.proList li img{width:100%;height:auto;transition:all 0.5s;}
.proList li h5{font-weight:normal;text-align:center;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;position:relative;z-index:2;}
.proList li:hover img{transform:scale(1.1);}
.proList li:hover{box-shadow:0 0 8px #a3d2f6;border:1px solid #067fda;color:#fff;}
/*  产品列表 */

.pro_right{width: 100%; height: auto; overflow: hidden; margin-bottom: 30px}
.products{width:100%; margin-top:0px;}
.promore_l{width:45%;float:left;}

/*å›¾ç‰‡æ”¾å¤§é•œæ ·å¼*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*å›¾ç‰‡å°å›¾é¢„è§ˆåˆ—è¡¨*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #067fda; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top h1{overflow:hidden; display:inline-block; font-size:24px; color:#067fda; padding-bottom:10px;}
.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #067fda}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#067fda; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #067fda; color:#fff; background:#067fda;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}


.view-page{width:100%; max-width:1200px; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #067fda;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #067fda;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #067fda; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #067fda;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#067fda; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}


/*  产品列表 */
.caseList{width:100%; height: auto; overflow: hidden; margin-bottom: 30px}
.caseList ul{margin-right:-2%;}
.caseList li{float:left;width:31.333%;margin:0 2% 27px 0;transition:all 0.4s;}
.caseList li .pImg{display:block;width:100%;height:auto;overflow:hidden;}
.caseList li img{width:100%;height:auto;transition:all 0.5s;}
.caseList li h5{font-weight:normal;text-align:center;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;position:relative;z-index:2;}
.caseList li:hover img{transform:scale(1.1);}
.caseList li:hover{color:#fff;}
/*  产品列表 */


/*内页新闻中心*/
.inf_lc{padding: 12px 0 0;}
.inf_lc li{padding: 20px; border: 1px solid white; border-radius: 8px; height: auto; overflow: hidden; margin: 0 0 30px; background: #f9f9f9; box-sizing: border-box;}
.inf_lc li:hover{border-color: #067fda;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bts{text-align: center;float: left;width: 10%;overflow: hidden; min-height: 100px; background: #067fda; padding:30px 0; box-sizing: border-box;}
.inf_lc li .bts b{font-weight: 100;display: block;line-height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .bts span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .nyzi{margin-left:3%;line-height: 26px;width: 65%;font-size: 14px;float: left;color: #555;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #067fda;line-height: 30px;height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #067fda;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 560px;}
.inf_lc li .nyzi b a:hover{color: #067fda;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #ff9900;}
.inf_lc li .fr:hover{background: #ff9900;}

.inf_lc li .pimg{width: 16%; float: right;}
.inf_lc li .pimg img{width: 100%}
/*内页新闻中心*/

/*内页新闻详情*/
/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin: 30px 0; }
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #1452b7;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 30px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#0063ae; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#0063ae;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #0063ae;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #0063ae;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

/*内页新闻详情*/

/*联系我们*/
.ct_mode{width: 100%; margin: 40px 0 15px 0;}
.ct_mode ul li{width:25%;float:left;padding:0px 15px;text-align: center;box-sizing: border-box;}
.ct_mode ul li span{ display:flex; justify-content:center; align-items:center;　display:block;width:110px;height:110px;line-height:110px !important;text-align:center;background:#1f55ad;border-radius: 50%;margin:0px auto;transition: all 0.5s ease-in-out;position:relative;top:0px;}
.ct_mode ul li span img{width: 45%; vertical-align: middle !important;}
.ct_mode ul li h4{font-size:16px;color:#333;margin:12px auto;font-weight: bold;}
.ct_mode ul li p{font-size:15px;color:#444; line-height: 30px;}
.ct_mode ul li:hover span{background:#10408d;top:-10px;}

#map_container{height:600px;}

.ddd{overflow: hidden; width:110px; height: 110px;}
.ddd span{width:110px; height: 110px; display: block;; line-height: 110px; background: #06c; display:flex; justify-content:center; align-items:center;}
.ddd span img{vertical-align: middle; line-height: 110px;}


/* 资料下载 */
.down_list{width:100%;padding:30px 0;overflow:hidden;}
.down_list ul{margin-right: -1%;}
.down_list ul li{border:1px solid #e5e5e5;padding:30px;color:#666;position: relative;height:86px;background:url(../images/icon_down.png) no-repeat 10px center;padding-left:50px;margin-bottom:20px;width:32.333%;float:left; margin-right: 1%; box-sizing: border-box;}
.down_list ul li .zi{font-size: 15px; color: #444;}
.down_list ul li a{position: absolute;right:0px;top:0px;width:80px;height:84px;top:0px;right:0px;background:url(../images/down.jpg) no-repeat center;}
.down_list .ml60{margin-left:40px;}