@CHARSET "UTF-8";

.mod18{width:100%;height:456px;margin:0px auto;position:relative;overflow: hidden; }
.mod18 em{display: block;position: absolute;width: 30px;height:30px;background-size:contain;z-index:111;right:20px;bottom:20px;}
.picBox:hover em{display: none;}
.mod18 .btn{position:absolute;width:28px;height:72px;top:348px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;  }
.mod18 .prev{left:0;background:url(../images/leftss.jpg) left top no-repeat;}
.mod18 .prev:hover{background-position: right top;}
.mod18 #prevTop,.mod18 #nextTop{top:213px;width:46px;height:48px;}
.mod18 #prevTop{display: none}
.mod18 #nextTop{display: none}
.mod18 .next{right:0;background:url(../images/leftss.jpg) left -72px no-repeat;}
.mod18 .next:hover{background-position: right -72px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}

.mod18 .picBox{height:330px;position:relative;overflow:hidden;border:1px solid #ddd;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:540px;height:330px;}
.mod18 .listBox   {width:85%;height:100px;margin:5px auto;position:relative;padding:8px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:107px;height:70px;cursor:pointer;position:relative; border:4px solid white;}
.mod18 .listBox li i{display:none;width:0;height:0; position: absolute;top:-20px; left:0;right:0;margin:auto;
    line-height:0;  
    border-width:8px;  
    border-style:solid;  
   border-color: transparent transparent #0060A6 transparent;  }
.mod18 .listBox li a{display:block;}
.mod18 .listBox li img{width:100%;height:70px;padding:1px;box-sizing:border-box;background: #ccc}
.mod18 .listBox .on{ border:4px solid #0060A6;}
.mod18 .listBox .on i{display:block;}
.zoom img{width: 100%}
.zoom {
display:inline-block;
}



.case-cont{position: relative;height: 500px; padding: 25px 0; margin-top:15px;}
.case-cont #ih0{width: 385px;height: 245px;position: absolute;left: 390px;top: 0;}
.case-cont #ih1{width: 252px;height: 245px;position: absolute;left: 654px;top: 255px;}
.case-cont #ih2{width: 252px;height: 245px;position: absolute;left: 390px;top: 255px;}
.case-cont #ih3{width: 385px;height: 245px;position: absolute;left: 785px;top: 0;}
.case-cont #ih4{width: 252px;height: 245px;position: absolute;left: 918px;top: 255px;}
.case-cont #ih5{width: 380px;height: 500px;position: absolute;left: 0;top: 0;}
.case-cont #ih5 .info h3{margin-top: 150px;}

.case-cont> div{overflow: hidden;}
.case-cont> div:hover h2{display: none}

.case-cont h2{position: absolute;bottom:0;background: rgba(255,255,255,0.7);width:100%;padding:0.5em 1.5em;font-weight: normal;font-size: 18px}



/*头部样式*/
#header{width:1200px;margin:0 auto;padding-top: 5px;}
.top{}
.logo{float:left;}
.topLink{width:600px;float:right;text-align:right;position: relative;z-index: 9999;position: relative;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:visited{text-decoration: none;color:#333;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{margin-top:1px;}

.sideMenu{ border:1px solid #ddd;}
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;font:normal 14px/32px "Microsoft YaHei";}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; }


.hh{
	background: url(../images/top.png) repeat-x;
	height: 134px;
}
.k3{
	margin-top:18px;
	text-align: right;
	float: right;
	line-height:18px;
    font-family:'Microsoft YaHei';
}
.k3 img{
	padding:0 5px;
}
.k3 a:hover{
	color:#119CDC;
}
.k4{
	position: absolute;
	top:98px;
	right: 0px;
	width: 189px;
}
/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:189px;float:left;background: url(../images/s.png) no-repeat;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}




.slideBox1{ width:100%;   overflow:hidden; position:relative;    }
    .slideBox1 .hd{  width:100%;  overflow:hidden;    }
    .slideBox1 .hd ul{ overflow:hidden; zoom:1;  width:100%;  }.slideBox1 .hd ul li  p{padding:0.5em;}
    .slideBox1 .hd ul li{ float:left;width:33.33%; height:280px;  text-align:center;  position: relative;overflow: hidden;}
.slideBox1 .hd ul li  p a.more{-webkit-transition:all 0.5s;display: inline-block;border:2px solid white;color:white;padding:0.7em 1.2em;font-size: 15px;position: absolute;right:0;left:0;width:90px;top:-50px;height: 10px;line-height: 8px;margin: auto;}
.slideBox1 .hd ul li  p strong{text-align: center;-webkit-transition:all 0.5s;display: inline-block; color:white;  font-size: 18px;position: absolute;width:100%;left:0;bottom:-50px;}
.slideBox1 .hd ul li img{ width:100%; }
    .slideBox1 .hd ul li:last-child{margin-right: 0}
   
    .slideBox1 .hd ul li.on  p a.more{top: 120px;}

     .slideBox1 .hd ul li.on  p strong{bottom: 80px;}
    .slideBox1 .hd ul li i{display: block;height:0px;width: 100%;position: absolute;bottom: 0;background: rgba(13,111,208,0.9);-webkit-transition:all 0.5s;}
   .slideBox1 .hd ul li:nth-child(2n){background:#F1F1F1}
    .slideBox1 .hd ul li.on i{height: 100%}


.youshi{height: 355px; padding:120px 0;}
.youshi .left{width:26%; }
.youshi .left .top{width:220px;border:3px solid #989898;border-bottom: none;padding:35px 0 0 25px;box-sizing:border-box;color:#333;}
.youshi .left .top h2{font-size: 22px;height:22px;}
.youshi .left .top h3{font-size: 45px;margin:50px 0;color:#103772;margin-bottom: 0}
.youshi .left .top strong{font-weight: normal;font-size: 25px;color:#0F366F;display: block;height:25px;}
.youshi .left .bottom{width:220px;height: 170px;border:3px solid #103772;border-top:none;box-sizing:border-box;margin-top:-12px;position: relative;}
.youshi .left .bottom h2{position: absolute;font-size: 26px;left:20px;top:60px;width:290px;color:#202020;background: white;padding-top:10px;}
 .left .bottom h2 b{display:block;font-weight: normal;font-size: 14px;color:#103772;}
.youshi .right{width:70%;padding-top:0; }



        .slideTxtBox_page{ width:100%;height:356px;  text-align:left; overflow: hidden; }
        .slideTxtBox_page .hd{ height:100%;     position:relative;float: left;width:12%;margin-right:25px; }
        .slideTxtBox_page .hd ul{ float:left;  position:absolute;     }
        .slideTxtBox_page .hd ul li{position: relative;height: 89px;width:88px;  cursor:pointer;background: red;margin-right: 10px;text-align: center;line-height: 88px;font-size:40px;color:white; font-family: impact, sans-serif; }


        .slideTxtBox_page .hd ul li:nth-child(1){background:#292929 }
        .slideTxtBox_page .hd ul li:nth-child(2){background:#595959 }
        .slideTxtBox_page .hd ul li:nth-child(3){background:#6C6C6C }
        .slideTxtBox_page .hd ul li:nth-child(4){background:#939393 }

        .slideTxtBox_page .hd ul li.on{ background:#103772;   }
        .slideTxtBox_page .hd ul li.on i{position: absolute;margin:auto;top:0;bottom:0;right:-16px; display: inline-block; width:0;height:0; line-height:0; border-width:8px; border-style:solid; border-color:transparent transparent transparent #103772;  }

        .slideTxtBox_page .bd div{ }
        .slideTxtBox_page .bd img{width:100%;}
        .slideTxtBox_page .bd p{font-size: 13px;line-height: 1.75em}
        .slideTxtBox_page .bd strong{color:#103772;display: block;font-size: 28px;margin:15px 0;}

.viewwidth{width:1170px;margin:0 auto;}


/*主体样式*/
#container{width:1200px;margin:0 auto;}
#containers{width:1200px;margin:0 auto;}
.nei{
	background: #eeeeee;
	height: 620px;
}
.le{
	font:600 20px/50px "微软雅黑";
	position: relative;
	color: #103771;
        height:50px;
	margin-top: 30px;
}
.le a{color: #103771;text-decoration:none;}
.le span{
	font:400 16px/50px "微软雅黑";
	color: #545454;
	position: absolute;
	top:0;
	right: 10px;
}
.le2{
	background: url(../images/left.jpg) top center no-repeat;
	height: 15px;
}
.le3{
	float: left;
	width: 290px;
	background: #103771;
	height: 560px;
}
.le3_sub1{
	font:500 25px/60px "arial";
	color: #ffffff;
	text-align: center;
	padding-top: 70px;
}
.le3_sub2{
	font:500 20px/35px "微软雅黑";
	text-align: center;
	color: #fff;
	border: #fff 3px solid;
	width: 100px;
	margin: 0 auto;
}
.le3_sub3{
	padding: 18px;
}

.le4{
	float: right;
	width: 885px;
}

.nei{
	background: url(../images/nei.jpg) top center no-repeat;
	height: 576px;
	margin-top: 60px;
}
.le8{
        margin-top:10px;
	border: #eeeeee 1px solid;
	height: 561px;
}

.lee{
	float: left;
	width: 573px;
	height: 351px;
	margin-top: 110px;
      -moz-box-shadow: 6px 10px 9px rgba(0,0,0,0.6);
    -webkit-box-shadow: 6px 10px 9px rgba(0,0,0,0.6);
    box-shadow: 6px 10px 9px rgba(0,0,0,0.6);
}
.lee1{
	float: right;
	width: 590px;
	margin-top: 110px;
}
.lee1_sub1{
	font:700 30px/40px "微软雅黑";
	color: #fff;
}
.lee1_sub2{
	font:200 13px/30px "微软雅黑";
	color: #fff;
	border-bottom: #fff 1px solid;
	width: 260px;
}
.lee1_sub3{
	font: 200 13px/24px "微软雅黑";
	color: #fff;
	padding: 10px 0px;
	height: 210px;
	overflow: hidden;
}
.lee1_sub4{
	background: url(../images/more.jpg) no-repeat;
	width: 81px;
	height: 21px;
	margin-top: 25px;
}



.benefit{background:#fff;margin-top: 58px;padding-top: 50px;padding-bottom: 68px;}
.benefit_center{width: 1202px;margin: 0 auto;}
.benefit_title{width: 300px;height: 359px;background: url(../images/benefit_title.jpg) center no-repeat;float: left;}



.tab{position:relative;width: 88px;float: left;}
.tab li{float:left;width:88px;height:88px;display:block;line-height:26px;background:#444343;}
.tab li a{display:block;line-height:88px;text-align:left;color:#fff;font-size:12px;font-family: 'Impact';font-size: 40px;text-indent: 25px;}
.tab li a:hover{text-decoration:none;}
.tab li a.tab_click{color:#fff;text-decoration:none;font-size:40px;background:url(../images/tab_click.jpg) center no-repeat;font-family: 'Impact';display: block;width: 95px;}
.tab_content{width: 744px;float: right;font-family: 'å¾®è½¯é›…é»‘';line-height: 26px;color:#313131;font-weight: bold;}
.tab li.second{background:#595959;}
.tab li.third{background:#6c6c6c;}
.tab li.fourth{background:#939393;}



#footer dl dd{line-height: 2em}.footer a{color:white;}.footer p{line-height: 2em;}
#footer p{color:white;font-size: 13px}.footer p span{text-align: right;display: inline-block;float: right}
#footer .bar{height: 55px;background: #FFFFFF;line-height: 55px;clear: both;margin-bottom:20px;overflow: hidden;}
#footer .bar a{display:  block;color:#165BB8;position: relative;float: left;overflow: hidden;}
#footer .bar .tel,.footer .bar .kf{width:25%;} .footer .bar .add{width:50%;}
#footer .bar .tel span{display:block;font-size: 22px;padding-left:50px;padding-right:20px;border-right:1px solid #2D99F3;background:  url(../images/tel.png) 10px -3px no-repeat;}
#footer .bar .ftkf span{display:block;font-size: 16px;padding-left:55px;border-right:1px solid #2D99F3;padding-right:20px;background: url(../images/ly.png) 10px 0px no-repeat;}
#footer .bar .add span{display:block;font-size: 18px;padding-left:50px;background: url(../images/add.png) 10px 0 no-repeat;}
#footer .bar a i{display: block;background: #1960BC;position: absolute;width:100%;height:100%;top:-80px;left:0;z-index: 1;-webkit-transition:all 0.5s;}
#footer .bar a span{position: relative; z-index: 2;-webkit-transition:all 0.5s;}
#footer .bar a:hover{color:white;text-decoration:none;}
#footer .bar a:hover i{top:0;}
#footer .bar .tel:hover span{background-position:10px -56px;}
#footer .bar .ftkf:hover span{background-position:10px -56px;}
#footer .bar .add:hover span{background-position:10px -56px;}














.nei2{
	background: #e8e8e8;
	height: 560px;
}

.lt{
	float: left;
	width: 370px;
	margin-top: 70px;
}
.lt_sub1{
	font:400 22px/40px "微软雅黑";
	color: #010101;
}


.txtScroll-left{ position:relative;  }
.txtScroll-left .hd{ overflow:hidden;  height:30px; position: absolute;top:-60px;right:0px;}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; }
.txtScroll-left .hd .next{ background-position:0 -50px;  }
.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:10px; height:10px;border-radius:5px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background:#8D8D8D;}
.txtScroll-left .hd ul li:hover{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.txtScroll-left .hd ul li.on{background:#F29200; }
.txtScroll-left .bd{  width:370px; overflow:hidden;  margin-top: 30px; }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ float:left; line-height:24px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li span{ color:#999;}



.lt1{
	float: left;
	width: 370px;
	margin-top: 70px;
	margin-left: 50px;
}
.lt_sub2{
	margin-top: 30px;
}
.lt_sub2 .case_list4 li a.img{height:242px;overflow:hidden;display:block;}
.lt2{
	float: right;
	width: 370px;
	margin-top: 70px;
	margin-left: 40px;
}

.ff{
	background: #103771;
}








.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.left .box{margin-bottom:10px;}
.left .box h4{line-height:69px;padding-left:15px;font:400 18px/69px "微软雅黑";
background:url(../images/left3.jpg) no-repeat 0% 100%;color:#fff;}
.left .box .content{padding:5px 0px;}
.left .box h4 span{padding-left: 10px;font:400 14px/69px "Arial";color: #fff;}
/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*首页下载中心*/
.down_index{margin-top:10px;width:280px;float:right;}
.down_index .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.down_index .content{padding:5px;}

/*首页区域*/
.region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3;
border-bottom:2px solid #df2525;font-size:14px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:2px solid #e87518;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

/*友情链接*/
.f_link{width:1200px;margin:0 auto;line-height:50px;line-height:50px;color: #fff;text-indent:20px;}
.f_link a{color: #fff;}
/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;padding-bottom:10px;padding-top:8px;}

.nav_foot{text-align:center;line-height:24px;}
.copyright{text-align:center;line-height:24px;}

.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
#footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;}

/*------------内页-------------------*/
.n_banner{width:1920px;position:relative;left:50%;margin-left:-960px;}
.n_banner img{width:1920px;height:auto;}
.left{width:255px;float:left;}
.sort_menu{}
.sort_menu h4{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h4{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h4{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}

.right{width:920px;float:right;padding-bottom:10px;padding-top:20px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;border-bottom: #659ab1 1px solid;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:left;text-align:left;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}