@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body,pre{ color:#444; font-size:12px; font-family:"微软雅黑"; }
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none;}
a:hover {color:#02418e; text-decoration:none; }



/* 本例子css */
.fullSlide{ width:100%;  position:relative;  height:520px; background:#000; min-width: 1200px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:520px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:520px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ float: right;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
	filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#fff;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }
/* banner */

.w1100{width:1100px; margin:0 auto;}
.w1100:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height:0;}

/* top */
.top { width:100%; background:#02418e; overflow:hidden; min-width:1200px; }
.top .topp { float:left; color:#fff; line-height:35px;}
.top .topp2 {float: right; line-height:35px;}
.top .topp2 p { float:right; margin-left:20px;}
.top .topp2 p a{ color:#fff;}
.top .topp2 p a:hover { color:#F60;}
.top .xian { width:100%; height:1px; background:#CCC; overflow:hidden;}
.top .logo { width:498px; height:95px; background:url(../images/logo.jpg) no-repeat; float: left;}
.top .mail { width:250px;  float:left; color:#fff; margin:20px 0 0 107px;}
.top .mail p { width:34px; float:left; margin-top:20px;}
.top .mail span { float:left; line-height:20px; font-size:14px; margin:10px 0 0 20px;}
.top .xian2 { width:1px; height:50px; background:#fff; float:left; margin-top:27px;}
.top .tel { width:190px;  float:right; color:#fff; margin:20px 0 0 40px;}
.top .tel p { width:24px; float:left; margin-top:20px;}
.top .tel i { margin:13px 0 0 40px; float:left;}
.top .tel span { float: left; line-height:20px; font-size:16px; margin-left:20px;}

/* 导航条 */
.dht { width:100%; background:#d7d7d7; overflow:hidden; min-width:1200px; }
.dht ul {}
.dht li { width:157px; float:left; text-align:center; font-size:16px; line-height:66px;}
.dht li:hover a{ background:#02418e; display:block; color:#fff; transition:all 0.5s;}
.gan { background:url(../images/gan.jpg) no-repeat right;}


/* 产品分类 */
.chfl { position:relative;}
.chfl_sm { width:100%; background:#02418e; position:absolute; bottom:-60px; left:0;}
.chfl_sm ul  {}
.chfl_sm li { width:220px; float:left; text-align:center; line-height:78px; font-size:16px; }
.chfl_sm li a{ color:#fff; display:block; transition:all 0.5s;}
.chfl_sm li:hover a{ background:#fff;  color:#02418e; }
.gan_11 { background:url(../images/gan-11.jpg) no-repeat right;}

/* 产品介绍 */

.cpmm { width:100%; text-align:center;  float:left;}
.cpmm p {font-size:25px;}
.cpmm span { color:#e1e1e1; font-size:22px;}

/* 产品滚动 */
.sy_cp_img{  padding:5px 5px; overflow:hidden;}
.sy_cp_img ul{ width:10000%; position:relative; margin-top:30px;}
.sy_cp_img ul li{ float:left; box-sizing:border-box; width:340px; margin-right:30px; overflow:hidden;  }
.sy_cp_img ul li p { text-align:center; line-height:35px; font-size:16px;}
.sy_cp_img ul li img{ display:block; width:100%; }
.sy_cp_img ul li .mis {position:relative; border:1px solid #dfdfdf;}
.sy_cp_img ul li .gap { overflow:hidden;}
.sy_cp_img ul li .gap img { width:100%; height:100%; transition:all 0.5s;}
.sy_cp_img ul li:hover .gap img { -webkit-transform:scale(1.1); transform:scale(1.8);  }
.sy_cp_img ul li .psa { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); text-align:center; line-height:279px; color:#FFF; font-size:16px; transition:all 0.5s;}
.sy_cp_img ul li:hover .psa{ opacity:1;}


/* 关于我们 */
.gjj { height:450px; overflow:hidden; background:url(../images/bants1.jpg) no-repeat fixed center; margin-top:65px; min-width:1200px;}
.gywm { width:583px; float:left; margin-top:80px;}
.gy_you { width:500px; float:right; color:#fff; margin-top:75px;}
.gy_you .gy_yon_zi { width:200px; line-height:60px; font-size:30px; border-bottom:1px solid #fff;}
.gy_you .gy_yon_nei { font-size:14px; margin-top:30px; line-height:28px;}
.gy_you .more { width:150px; background:#fff; line-height:35px; text-align:center; margin-top:10px;}
.gy_you .more a { color:#555555; display:block;}
.gy_you .more:hover a{ background:#02418e; color:#fff;}

/* 新闻 */
.bis { width:100%; background:#f6f6f6; float:left;}
.xim_pce { width:380px; margin:30px 0; float:left;}
.xim_pce .bie { width:100%; height:372px; background:#FFF; }
.xim_pce .lan { width:100%; height:175px; background:#02418e; }
.xim_pce .xim_ut { margin:17px; float:left;}
.xim_pce .xim_zi {  margin:0 20px ; float:left;}
.xim_pce .xim_zi .zi_xiw{ font-size:16px; margin:10px 0; font-weight:bold;}
.xim_pce .xim_zi .zi_duw{ color:#a4a4a4; line-height:25px;}

.xim_pcc { width:700px; float:right; background:#fff; margin-top:30px;}


/* 新闻 */
.heng { width:700px; margin:0 auto; margin-top:10px;}
.hsal { margin-top:5px; float:left;}
.heng ul{}
.heng li{ width:100%; margin-bottom:45px; margin-top:21px; overflow:hidden;}
.heng li a{}
.heng li :hover a{ display:block; background:#000;}


.heng li .hys{ width:115px; float:left; margin-left:20px;}
.heng li .hys p { font-size:40px; text-align:center;}
.heng li .hys h5 { font-size:14px; text-align:center;}
.heng li .hys img { width:115px; height:88px;}
.hypk {float:left; width:calc(95% - 140px); margin-top:5px; }
.heng li .kus{font-size:17px; margin-top:7px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s; padding-right:14px;}
.heng li:hover .kus{color:#02418e; padding-left:14px; padding-right:0;}
.heng li .kuss{ line-height:25px; color:#adadad; margin-top:10px;} 
.heng li .kuss{font-size:12px; margin-top:7px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s; padding-right:14px;}
.heng li:hover .kuss{color:#02418e; padding-left:14px; padding-right:0;}


/* 内页新闻 */
.news { width:1000px; float:right; margin-top:10px;}
.newsg { margin-top:5px; float:left;}
.newsg ul{}
.newsg li{ width:100%; margin-bottom:25px; margin-top:10px; overflow:hidden;}
.newsg li a{}
.newsg li :hover a{ display:block; background:#000;}
.newsg .xw_xx { width:100%; float:left; margin-top:10px; position:relative; border-bottom:1px solid #dddddd;}
/*划线*/
.newsg li .xw_x{width:0px; height:1px; background:#128ef2; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.newsg li:hover .xw_x{width:100%;}/*划线*/
.newsg li .hys{ width:235px; background:#f3f3f3; float:left; margin-right:10px;}
.newsg li .hys img { width:235px; height:150px;}
.newsg li .kus{ width:550px;  float:left; font-size:16px; font-weight:bold; margin-top:10px;}
.newsg li .kuss{ width:550px; float:left; line-height:25px; color:#adadad; margin-top:10px;} 


/* fott */
.foot { width:100%; background:#02418e; float:left;  min-width:1200px;}
.foot_d { width:100%; background:#014fae; float:left; margin:20px 0;}
.foosa { width:980px; margin:0 auto;}
.foot_d p { width:140px; float:left; text-align:center; line-height:40px; font-size:14px;}
.foot_d p a{ color:#fff;}
.foot_d p a:hover { display:block; background:#02418e;}
.foot_ms {  margin-left:150px;  margin-top:50px; float:left;}
.logo2 { width:128px; float:left;}
.xian3 { width:1px; height:60px; background:#fff; margin:10px 20px 0 20px; float:left;}
.foo_ls { color:#fff; width:500px; float:left; margin-top:10px; line-height:25px; font-size:14px;}
.erwm { float:left; width:150px; margin:20px 0;}
.erwm img { width:120px; height:120px;}

.hem { height:300px;  min-width:1200px;}
.ne_about { margin:30px 0; float:left; min-height:350px; width:100%;}

/* 内部bnne */
.wql { width: 21%; float: left; margin-top: 15px; margin-bottom: 20px; z-index:}
.wql .wka { width: 100%; float: left; background: #02418e;}
.wql .wka .wkb { float: left; margin: 10px 0 0 15px; font-size: 24px; color: #FFF; line-height: 50px; }
.wql .wka .wkd { width: 100%; float: left; background: #f1f1f1; line-height: 45px; }
.wql .wka .wkd ul li { width:100%; float: left; border-bottom: solid 1px #dcdcdc; text-indent: 25px; font-size: 14px; }
.wql .wka .wkd ul li a { transition:all 0.5s; display: block;}
.wql .wka .wkd ul li a:hover { color: #fff;  width: 100%; background: #014fae; }
.wql .wka .wkd .ao a { background: #014fae; float: left; color: #fff; width: 100%; margin-top: 1px; }

/* 共用 */
.mpo_sa { width:76%; float: right; margin-top:15px;}
.mpo_so { width:100%; margin-top:15px; margin-bottom:15px;}
.mpo { width: 100%; float: right; background: #d7d7d7; font-size: 14px; }
.mpo .pa { float: right; line-height: 50px; margin-right: 10px; }

/* 公司简介 */
.about { width:98%; float:left; font-size:14px; margin:1% 1%;}
.about p { line-height:35px;}

/*产品中心*/
.pcs { width:830px; float:left;}
.pcs ul li { width:100%; border-bottom:1px dashed #b9b9b9; float:left; margin:20px 0;}
.pcs_tu { width:220px; float:left; margin-bottom:10px;}
.pcs_tu img { width:100%; height:143px; border:1px solid #ededed;}
.pcs_neiro { width:485px; float:left; margin:0 10px;}
.pcs_neiro .pcs_neiro_pit { font-size:16px;}
.pcs_neiro .pcs_neiro_neyon { line-height:25px; color:#a5a5a5;}
.pcs_neiro .pcs_neiro_more { background:#f1f1f1; width:60px; text-align:center; line-height:25px;}
.pcs_neiro .pcs_neiro_more a{ color:#515151;}
.pcs_neiro .pcs_neiro_more a:hover { display:block; background:#CCC; color:#515151;}
.pcs_sj { width:70px; float: right;}
.pcs_sj .pcs_sj_sjj {}
.pcs_sj .pcs_sj_lms { margin-top:30px; background:#02418e; text-align:center; line-height:30px;}
.pcs_sj .pcs_sj_lms a{ color:#fff;}

/* 产品内部 */
.produ { float:left; margin-top:20px;}
.cpbov { width:98%; margin:1%;}
.cpbov .tuo { width:450px; float:left; border:1px solid #ebebeb;  position:relative;}
.cpbov .tuo img { width:450px; height:300px;}
.cpbov .tuos{ margin:20px 0 0 20px; float:left; font-size:18px; border-bottom:1px solid #d7d7d7; width:347px; line-height:50px;}
.cpbov .tuot{ width:347px; float:left; margin:20px 0 0 20px;  line-height:30px; height: 200px; overflow: auto;}
.cpbov .tuot pre{white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;}



.ksa { float:left; margin-top:10px; width:98%; margin:1%;}
.ksa h4 {  width:100%; border-bottom:1px solid #d7d7d7; float:left; line-height:50px; font-size:16px;}
.ksa h5 { width:100%; line-height:25px; margin-top:10px; float:left;}
.ksa h5 table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:30px !important;}
.ksa h5 table td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}


/* 应用案例 */
.manu { width:100%; float:left; position:relative; margin-top:10px;}
.mksa { width:100%; float:left;  margin-top:20px;}
.mksa h4 { text-align:center; font-size:25px;}
.mksa h5 { text-align:center; margin:10px 0;}
.mksa h6 { margin:0 1%; border-bottom:1px solid #ebebeb;}
.pva { width:92%; margin:4%; margin-top:15px; float:left; font-size:14px; line-height:30px}
.mska_losa { width:100%; border:1px solid #efefef; margin-top:10px; float: right; line-height:40px;}
.mska_losa h4 { width:50%; float:left; text-indent:25px;}
.mska_losa h5 { width:50%; float:right; text-indent:25px;}
.mska_lsoe{ }

.contact { line-height:25px; width:98%; margin:2% 2%; float:left;}