﻿@charset "utf-8";
/* CSS Document */
@import "font/font.css"; /**引入字体文件***/

body { margin: 0px; padding: 0px; font-size: 12px; color: #4e4e4e; background:#272526;font-family: 'courier_final_draftregular'; }
* { margin: 0px; padding: 0px; }
ul li { list-style-type: none; }
*:focus { outline: none; }
p, span, form, table, td, ul, li { margin: 0px; padding: 0px; list-style-type: none; }
input,select,textarea{  font-size:12px; color:#333;}
img { border: 0px; }
a { color:#4e4e4e; text-decoration: none; outline: none;  }
a:hover { color:#FFF; }
.clear { CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px }
.warp { width:1120px; margin: 0 auto; }
.header { height:235px;  min-width:1154px; background:url(../images/headbg.jpg) repeat-x center bottom; overflow:hidden; }
.header .logo{ padding-top:22px; float:left;}
.header .e{ float:right; padding-top:22px;}
.warp.hea{ position:relative; height:235px; }
/***导航菜单***/
#nav { height:40px; position:absolute; bottom:0px; left:0px;width:100%;}
#nav ul { margin: 0 auto; height:40px; width:100%;}
#nav li { float: left; line-height:38px; display: inline; position: relative;  background:url(../images/fg.png) no-repeat left; }
#nav li .a1 { text-align: center; color: #FFF; font-size: 14px; height:40px; margin:0 35px; display: block; font-size:16px;transition:all 300ms ease-in-out;}
#nav li .a1:hover, #nav li .a1.current { color: #00a0fc; text-shadow:none;}
#nav li.n_sns{float:right;margin-top:5px;margin-right:20px;}
#nav li.n_sns a{width:24px;height:22px;display:block;overflow:hidden;background-image:url(../images/sns_ico.png);float:left;margin-left:5px;background-color:#263137;
                background-size:auto 22px;
                border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}
#nav li.n_sns a.qq{background-position:0px 0px;}
#nav li.n_sns a.wechat{background-position:-26px 0px;}
#nav li.n_sns a.email{background-position:-52px 0px;}
#nav li.n_sns a:hover{background-color:#00a0e9;}


/***首页焦点图***/
.fullSlide {  position: relative; height:380px; margin: 0 auto; margin:0 auto; padding-top:10px; }
.fullSlide .bd { margin: 0 auto; position: relative; overflow: hidden; width:1000px; }
.fullSlide .bd ul { width: 1000px; !important; }
.fullSlide .bd li { width: 1000px; !important; height:380px; overflow: hidden; }
.fullSlide .bd img {  height:380px; width:1000px; }
.fullSlide .bd li a { display: block; }
.fullSlide .hdd { width: 100%; position: absolute; z-index: 1; bottom:20px;  }
.fullSlide .hdd ul { text-align:center; padding-right:5px;}
.fullSlide .hdd ul li {cursor: pointer; display: inline-block; *display:inline; zoom: 1; width:35px; filter:alpha(opacity=50); opacity:0.5; height:10px; margin-right:5px; background:#FFF; overflow: hidden;line-height: 9999px; }
.fullSlide .hdd ul li.on { background:red;filter:alpha(opacity=100); opacity:1; }

.list{ text-align:center; position:relative; overflow:hidden; padding:0px 0px 80px 8px;}
.list li{ display:block; position:relative; float:left;width:258px;height:200px; overflow:hidden; transition:all 300ms ease-in;margin:0px 20px 20px 0px;}
.list li img{width:100%; height:100%;}
.list li span{ position:absolute; width:100%; height:30px; background:rgba(0,0,0,0.8); color:#FFF; text-align:center; bottom:-30px; left:0px; font-family:Arial, Helvetica, sans-serif; 
               line-height:30px; font-size:14px; transition:all 200ms ease-in-out;
               white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;
}
 
.list li:hover span{bottom:0px;}
.more_pnl{display:block;clear:both;overflow:hidden;padding:20px 0px 20px 0px;}
.more_pnl .more{width:50px;text-align:center; font-size:16px; margin:0px auto;}
.more_pnl .more img{ display:block; width:100%;}
.cc{ float:right; height:120px; margin-right:11px; margin-top:15px;}
.cc img{ height:100%;}


/***左边***/
.left { width: 242px; float: left; overflow: hidden; margin-top:10px;background:url(m.png) no-repeat right top; padding-right:10px; }
.incatelist{ width:240px; background:#FFF; border:1px solid #e2e2e2; overflow:hidden;box-shadow:#ccc 0 0 5px; padding-bottom:10px; }
.incatelist .tit1{width:237px; height:35px; background:url(catebg.png) no-repeat; margin:1px auto; line-height:34px;}
.incatelist .tit1 h2{color:#FFF; font-size:14px; text-indent:45px; }
.incatelist .tit1 i{ font-weight:normal;}
.incatelist ul{width:191px; margin:0 auto;}
.incatelist ul li{ height:33px; line-height:33px; border-bottom:1px dashed #ccc; background:url(ico.png) no-repeat left center; padding-left:18px;}
.incatelist ul li a {font-size:14px;}

.catelist{ border:1px solid #dfdfdf; height:258px; width:227px; box-shadow:#dfdfdf 1px 1px 2px; overflow:hidden;}
.catelist li{width:210px;  margin:0 auto; margin-top:10px;}
.catelist li .a1{ height:32px; display:block; line-height:30px; background:#e3e3e3 url(i.jpg) no-repeat 10px center; padding-left:17px; font-size:14px; text-shadow:#FFF 0 1px 0;}
.catelist li .current{ color:#2091d7; font-weight:bold;} 
.catelist li .sonlist{ min-height:40px;}
.catelist li .sonlist a{ float:left; margin-left:16px; margin-top:16px;}
.catelist li .sonlist a:hover{ font-weight:bold;}

.textc{ padding:10px; padding-top:5px; overflow:hidden; line-height:17px; width:207px;}
.textc a{margin-top:10px; }
.textc img{max-width:210px; margin-top:5px;}

/***工程案例***/
.case {width:242px; height:385px; background:#FFF; border:1px solid #e2e2e2; position:relative; margin-top:10px; box-shadow:#ccc 0 0 5px;  }
.title{ overflow:hidden;  height:35px; line-height:35px; border-bottom:1px solid #029140; margin:0 auto; font-size:14px; color:#029140; text-indent:12px; margin:0 3px; font-weight:bold; }
.title i{ font-size:12px; color:#666; font-style:normal; font-weight:normal;}
.title a{ float:right; font-size:12px;font-weight:normal;}
.case .bd{ width:225px; margin:10px auto; height:330px; overflow:hidden;}
.case .bd ul{ overflow:hidden; zoom:1; }
.case .bd ul li{ text-align:center; zoom:1; margin-bottom:10px; }
.case .bd ul li img{width:225px; height:155px; display:block; margin-bottom:10px;}

.right{width:740px; float:right;  margin-top:10px;}
/***产品***/
.proshow{ overflow:hidden; position:relative; width:738px; height:214px; background:#FFF; border:1px solid #e2e2e2; box-shadow:#ccc 0 0 5px; }
.proshow .bd{ padding:10px; width:708px; overflow:hidden;   }
.proshow .bd ul{ overflow:hidden; zoom:1; }
.proshow .bd ul li{ margin:0 8px; float:left; width:154px; _display:inline; overflow:hidden; text-align:center;  }
.proshow .bd ul li img{width:152px; border:1px solid #dfdfdf; height:135px; display:block; margin-bottom:5px;}

/***关于我们 ***/
.aboutus{overflow:hidden; position:relative; width:738px; height:241px; background:#FFF; border:1px solid #e2e2e2; box-shadow:#ccc 0 0 5px; margin-top:10px; }
.aboutus .abouttext{ line-height:22px; padding:10px;}

.contact{width:260px; margin-top:10px; float:right; height:233px; }
.contact .ctext{background:#FFF; border:1px solid #e2e2e2; box-shadow:#ccc 0 0 5px; padding:10px; line-height:20px; height:135px; overflow:hidden; }

/***新闻中心***/
.news{ overflow:hidden; position:relative; width:465px; float:left; height:233px; background:#FFF; border:1px solid #e2e2e2; box-shadow:#ccc 0 0 5px; margin-top:10px; }
.newdl{height:78px; width:440px; margin:0 auto; margin-top:10px; overflow:hidden;}
.newdl dt{width:105px; height:63px; float:left; }
.newdl dt img{width:110px; height:73px; border:1px solid #dfdfdf; padding:1px;}
.newdl dd{ float:right; width:315px; height:73px; overflow:hidden;}
.newdl dd h3{ font-size:14px;}
.newdl dd p{ line-height:25px; color:#666; padding-top:5px;}

.news ul {padding:10px; padding-top:5px;}
.news ul li{ line-height:30px; height:30px; background:url(../images/ii.png) no-repeat left center; padding-left:15px; border-bottom:1px dotted #474747;}
.news ul li span{ float:right; color:#666;}

/***联系我们***/
.incon{ float:right; width:250px;  margin-top:12px;height:215px; }
.incon .abouttext{ line-height:21px; padding-top:10px;}


/***内页开始****/
.topimg { height:234px; overflow: hidden; width: 100%; background: url(topimg.jpg) no-repeat center; position: relative; display:none; }
.leader  { float: right; color: #666; }
.leader  a { color: #8e8e8e; }

#left{ float:left; width:229px; margin-top:12px;}
.rltit{height:35px; line-height:35px; background:url(nytit.png) repeat-x; overflow:hidden; color:#FFF; }
.rltit h2{margin-left:10px; padding-left:13px; font-size:15px;}

/***内容***/
#nycon { overflow: hidden; padding: 15px 0; }
.update{ background:url(update.png) no-repeat left center; height:50px; line-height:50px; padding-left:60px; font-size:17px; text-shadow: 0 0 6px #FFF, 0 0 2px #FFF, 1px 1px 2px #333;}
/***右边***/
#right { width:740px; float: right; margin-top:12px; }
#right .rtitle { height: 35px; line-height:35px; border-bottom: 1px solid #ccc;}
#right .rtitle h1 { color:#333; font-size: 15px; text-shadow: 0 0 6px white, 0 0 2px white, 1px 1px 2px #000;float: left; border-bottom:2px solid #0e9649; margin-top:-1px;}
#right .rcbox { padding:15px 10px; color: #333; line-height: 23px;}
#right .rcbox img{max-width:720px;}

/***内页新闻列表***/
.news_list { overflow: hidden; border-bottom:1px dashed #606060; padding:15px 0px 15px 0px;}
.news_list dt { width:180px; height:120px; float:left;  }
.news_list dt img{width:100%; height:100%;}
.news_list dd{ float:right; width:920px;color:#999; }
.news_list dd a{display:block;overflow:hidden;}
.news_list dd a h2{color:#999;float:left;}
.news_list dd a span.date { float: right; color:#808080; }
.news_list dd a p{color:#999;display:block;clear:both;width:100%;padding:10px 0px 0px 0px;}
.news_list:hover dd a h2{color:#fff;}
.news_list:hover dd a span.date{color:#fff;}
.news_list:hover dd a p{color:#fff;}


.articletop{width:100%; margin-bottom:10px;}
.articletop h3{ text-align:center; font-size:20px; text-shadow: 0 0 6px white, 0 0 2px white, 1px 1px 2px #333;border-bottom:1px dashed #dfdfdf; padding-bottom:10px; }
.articletop .articnote{ text-align:center; line-height:25px; padding:5px 0;}
.articletop .articnote span{color:RED; margin-right:10px;}

/***企业风采***/
.case_list { width: 740px; overflow: hidden; padding-bottom: 20px; }
.case_list li { width:200px; height:180px; float: left; margin:20px 22px 10px 22px; overflow: hidden; position: relative;box-shadow: #989898 0px 0px 7px; text-align:center;  }
.case_list li img{width:180px; height:130px; display:block; margin:10px;}

/***内页产品列表----产品分页***/
.prolist {width:350px; height: 130px; background:#FFF; float: left; margin-right:8px; display: inline; overflow: hidden; border:1px solid #dfdfdf; margin:10px 8px 5px 0; padding:5px;box-shadow:#dfdfdf 0 0 7px; border-radius:4px; }
.prolist:hover{ border:1px solid #0e9649;}
.prolist dt{ float:left;}
.prolist dt img{width:150px; height:130px;}
.prolist dd{width:180px; float:right; height:130px; overflow:hidden; position:relative; padding-right:5px;}
.prolist dd h3{padding-bottom:5px;}
.prolist p{ line-height:20px; color:#666;}
.btnv{width:72px; height:23px; background:url(../images/btn3.png) no-repeat; position:absolute; bottom:10px; left:0px; color:#666; text-indent:18px; line-height:20px; text-shadow:#FFF 0 1px 0; margin-top:5px;}
.btnv:hover { color:red}

/***内页产品详情页***/
.proxxrtext { width:360px; float: right; line-height: 25px; margin-top: 10px; }
.proxxrtext .p1 b{font-size:14px;}
.proxxcontent { width: 740px; overflow: hidden; }
.proxxcontent .tabUl { height: 35px; line-height: 35px; border-bottom: 2px solid #0e9649; }
.proxxcontent .tabUl li { font-size: 14px; height: 35px; width:104px; display: block; float: left; margin-right: 5px; border-bottom: 0px; text-align:center; }
.proxxcontent .tabUl li.on { background:red; }
.proxxcontent .tabUl li.on a { color: #FFF;  font-weight: bold; }
/*.btn{ border-radius:3px; border:1px solid #ccc; padding:1px 10px; box-shadow:#d5d5d5 0 0 3px 0; display:inline-block; margin-bottom:10px; background:#2091d7; color:#FFF;}
.btn:hover{ background:red;  transition: background 0.5s;color:#FFF }*/

.proxxcontent .proxxcc { line-height: 23px; padding: 15px 0 15px 0; display: none; }
.proxxcontent .proxxcc img{ max-width:740px;}
.xxtel{background:url(tel.png) no-repeat left center; height:44px; padding-left:50px; font-size:27px; font-weight:bold; font-family:Tahoma; line-height:44px; color:red; margin:15px 0; display:block; text-shadow: 0 0 6px white, 0 0 2px white, 1px 1px 2px #000;}


/***下载页面***/
.down_list li { height: 135px; margin-bottom: 15px; width: 710px; overflow: hidden; border-bottom: 1px dashed #dfdfdf; }
.down_list li span { float: right; color: #b0b0b0; }
.download { font-size: 14px; color: #FFF; width: 70px; text-align: center; float: left; background: #007cb0; height: 25px; line-height: 25px; border-radius: 4px; }
.download:hover { color: #fff; font-size: 15px; background: #00a306; }
/* 列表分页 */
.pagelist { margin:15px auto; text-align: center; }
.pagelist a { padding:4px 8px; margin: 0 2px;  border: 1px solid #606060; color:#333;  font-family:Tahoma;  }
.pagelist a:hover { color: #FFF; background:#00a0fc;border: 1px solid #00a0fc; }
.pagelist a.hover { color: #FFF; background:#00a0fc;border: 1px solid #00a0fc;}

/**底部***/
#footer {overflow:hidden; color:#999; width:1120px; font-family:Aparajita; margin:20px auto 0px auto; font-size:18px; border-top:dashed 1px #999;padding:60px 0px 60px 0px;line-height:30px;}
#footer .info{float:left;}
#footer .sns{float:right;padding:10px 0px 0px 0px;}
#footer .sns a{width:67px;height:59px;display:block;overflow:hidden;background-image:url(../images/sns_ico.png);float:left;margin-left:2px;background-color:#444;
               border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}
#footer .sns a.qq{background-position:0px 0px;}
#footer .sns a.wx{background-position:-69px 0px;}
#footer .sns a.email{background-position:-138px 0px;}
#footer .sns a:hover{background-color:#000;}

.wx_qrcode{width:147px;height:156px;background-image:url(../images/weixin.png);overflow:hidden;position:absolute;z-index:999;display:none;background-repeat:no-repeat;}
.wx_qrcode.up{background-position:0px 0px;}
.wx_qrcode.down{background-position:0px -9px;}

.video {
    width: 930px;
    height: 523px;
    background: #1a1819;
    float: left;
    margin-top: 45px;
}

.picScroll-top {
    width: 176px;
    position: relative;
    height: 523px;
    float: right;
    margin-top: 45px;
}

.picScroll-top .hd {
    position: absolute;
    width: 100%;
    margin-left: 65px;
    height: 100%;
}

.picScroll-top .hd a {
    display: block;
    width: 35px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/btn.png) no-repeat;
    position: absolute;
}

.picScroll-top .hd .next {
    top: -30px;
    left: 0px;
}

.picScroll-top .hd .prev {
    background-position: 0 bottom;
    bottom: -30px;
    left: 0px;
}

.picScroll-top .bd {
    height: 559px;
    overflow: hidden;
}

.picScroll-top .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-top .bd ul li {
    width: 176px;
    height: 123px;
    margin-bottom: 10px;
}

.picScroll-top .bd ul li a span {
    position: absolute;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0.8);
    color: #FFF;
    text-align: center;
    bottom: -30px;
    left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    font-size: 14px;
    transition: all 200ms ease-in-out;
}

.picScroll-top .bd ul li a:hover span {
    bottom: 0px;
}

.picScroll-top .bd ul li a {
    width: 176px;
    height: 123px;
    display: block;
    opacity: 0.6;
    position: relative;
    overflow: hidden;
}

.picScroll-top .bd ul li a img {
    width: 176px;
    height: 123px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.picScroll-top .bd ul li a:hover {
    opacity: 1;
}

.picScroll-top .bd ul li.cur a {
    opacity: 1;
}

.picScroll-top .bd ul li.cur a span {
    bottom: 0px;
}

.aboutzoom{color:#888;font-size:14px;line-height:30px;overflow:hidden;padding:30px 30px 30px 30px;}
.aboutzoom p{padding:0px;margin:0px;}
.aboutzoom img{max-width:100%;}
.aboutzoom h1{font-size:30px;display:block;text-align:center;padding:20px 0px 10px 0px;font-weight:lighter;}
.aboutzoom .attr{text-align:center;padding:0px 0px 5px 0px;font-size:14px;color:#888;border-bottom:dashed 1px #666;margin-bottom:40px;}
.aboutzoom .attr a{color:#848584;}

.pager{padding:35px 0px 0px 0px;text-align:center;overflow:hidden;}
.pager a{border:solid 1px #666;padding:2px 10px 0px 10px;line-height:25px;margin:0px 0px 0px 5px;background-color:#666;color:#fff;display:inline-block;text-decoration:none;}
.pager a:hover,.pager a.sel{background-color:#00a0e9;color:#ffffff;border:solid 1px #00a0e9;}

.msgbox{padding:50px 0px 50px 0px;}
.msgbox .form{padding:0px 0px 0px 200px;}
.msgbox .form .item{padding:20px 0px 20px 0px;}
.msgbox .form .item .key{font-size:14px;color:#999;width:90px;}
.msgbox .form .txt{width:600px;background-color:#dedede;}
.msgbox a.button{width:120px;text-align:center;}