@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;letter-spacing:1px }
body { font-family:"Microsoft YaHei";  font-size: 14px;  color: #333; letter-spacing:1px;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none;color:#474747;outline: none;letter-spacing:1px }
a:hover { text-decoration:none;color:#0e6eb8;outline: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}

/* 清理浮动 */
.clear { clear: both; zoom: 1; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1200px; margin: 0 auto; overflow: hidden;}

/* 头部 */


.top{width:100%;overflow:hidden;height:35px;line-height:35px;background:#f4f4f4}
.top p{color:#959595;font-size:14px;}

.top .left,.top .right{width:50%}
.top .right{text-align:right}

.index01 {width: 100%; overflow: hidden;}
.index01 .logo {width: auto;padding:2% 0 }
.index01 .logo a {display:inline-block;text-decoration:none;}
.index01 .tel{text-align:right;padding:2% 0}


.nav_main {background:#222aaa ; width: 100%; height: 60px; line-height: 60px; border-bottom:dashed 1px #666}
.nav_main .nava{width:100%;text-align: center; }

.nav_main .nava ul{overflow:hidden;}

.nav_main .nava li{float:left;text-align:center;}
.nav_main .nava li a{font-size:16px; font-weight:900; text-decoration: none;color:#fff; display:block; height:60px;line-height:60px; width:160px; }
.nav_main .nava li:hover{background:#ff0006;}

.nav_main .nava li:hover a{color:#fff;text-decoration: none; }



/* 焦点图*/
.banner { position: relative; height: 700px; overflow: hidden;  }
.slider{ width:100%; height:700px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:700px;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:700px;}
.slider .slides div{ width:100%; height:700px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:700px; text-align:center; vertical-align:middle; position:relative; left:-50% !important;}

.av{ background-color:#FFFFFF !important;}
.slidetip{ position:fixed; z-index:99; bottom:20px; left:48%;}



/* 关于我们 */

.index02{width:100%;background:#f9f9f9;padding:4% 0;overflow:hidden}

.index02 .left{width:67%;float:left}

.index02 .left .about{}
.index02 .left .about h1{font-size:30px;letter-spacing:2px;margin-bottom:3%}

.index02 .left .about h1 a{color:#333;text-decoration:none;}
.index02 .left .about h1 a:hover{color:#ff9000;text-decoration:none;}
.index02 .left .about .cont{line-height:2em;}

.index02 .left .adv{overflow:hidden;background:#fff;border:1px solid #dcdcdc;margin-top:3%}
.index02 .left .adv li{width:27%;float:left;border-right:1px solid #dcdcdc;text-align:center;padding:2% 3%}
.index02 .left .adv li h3{color:#3a3a3a;font-size:18px;margin:4% 0}
.index02 .left .adv li p{color:#a0a0a0;font-size:13px;line-height:1.7em}
.index02 .right{width:31%;float:right}





/* 产品中心 */
.index03{    overflow: hidden;margin: 4% 0;width:100%}
.title{border-bottom:1px solid #dcdcdc;}
.title .tit{width:1200px;margin:0 auto;    position: relative;}
.title .tit a{font-size:28px;color:#282828;display:inline-block;border-bottom:1px solid #ff9000;    position: absolute;left: 4%;bottom: 0;line-height: 2em;text-decoration:none;}
.title .tit a:hover{text-decoration:none;color:#ff9000;}
.title .tit span{color:#b9b8b8;font-size:26px;position:absolute;    left: 15%;line-height: 2em;bottom: 0;}
.index03 .product{overflow: hidden;margin:3% 0;}
.index03 .product li{width:25%;float:left;text-align:center;height:450px;overflow:hidden;background:url(../images/index09.png) no-repeat top center;}
.index03 .product li a{display:block;width:100%;height:100%;}
.index03 .product li img{width:265px;height:355px;margin-top:9%;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;overflow: hidden;}
.index03 .product li a:hover img{-webkit-transform: scale(1.5);-moz-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);}
.index03 .product li p{margin:5% 0 0 0;}
.index03 .pro_title{width:100%;height:135px;background:url(../images/index08.png) no-repeat top center}
.index03 .pro_title .tit{margin-top:3%;overflow:hidden}
.pro_title .left{width:30%;float:left;position:relative}
.pro_title .left P{font-size:28px;color:#fff;position:absolute;left:15%;top:0}
.pro_title .left a{color:#fff;position:absolute;bottom: 0;left: 15%;text-decoration:none;}
.pro_title .left a:hover{text-decoration:none;color:#ff9000;}





.pro_title .right{width:68%;float:right}
.pro_title .right ul{overflow:hidden}
.pro_title .right ul li{width:21%;float:left;background:url(../images/index06.png) no-repeat left center;margin: 0 0 3% 0;padding-left: 4%;}
.pro_title .right ul li a:hover{color:#ff9000;text-decoration:none}
.index03 .prolist{width:1200px;margin:0 auto;margin-top:3%}
.index03 .prolist ul li{width:24%;margin:0 0.5% 1% 0.5%;float:left;position:relative;overflow:hidden;}
.index03 .prolist ul li img{width:100%}
.index03 .prolist ul li a{display:block;width:100%;height:350px;}
.index03 .prolist ul li .pic{ text-align:center; }
.index03 .prolist ul li .pic img{ width:100%; height:350px; display:block;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; }
.index03 .prolist ul li .tit{width:100%;display:block;color:#fff;position:absolute;bottom:-42px;height:40px;line-height:40px;background:#0e6eb8;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;text-align:center}
.index03 .prolist ul li a:hover .tit {bottom:0px;}

.index03 .prolist ul li a:hover img{}



/* 工程案例*/

.index04{overflow: hidden;width:100%}

.index04 .case{overflow: hidden;margin:3% 0;position:relative}
.index04 .case .case_img{}
.index04 .case .case_tit{width:430px;height:155px;background:#222aaa; position: absolute; right: 19%; bottom: 12%;}
.index04 .case .case_des{padding:4%}
.index04 .case .case_des p{font-size:28px;color:#fff;letter-spacing:2px}
.index04 .case .case_des span{color:#efeded;font-size:16px;    font-style: italic; margin: 2% 0;display: block;}
.index04 .case .case_des i{font-size:10px;color:#efeded;width:90%;display:block}

.index04 .caselist{width:100%;height:380px;background:url(../images/case_bg.jpg) no-repeat top center}


.picScroll-left{ overflow:hidden; position:relative; margin: 5% 0 0 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative }
.picScroll-left .bd ul li a{dispaly:block;width:340px;height:360px;text-decoration: none}
.picScroll-left .bd ul li .pic{ text-align:center;border: 5px solid #fff; }
.picScroll-left .bd ul li .pic img{ width:300px; height:225px;}
.picScroll-left .bd ul li .name{ text-align:center; font-size:14px; color:#fff; line-height:40px;}



/* 新闻资讯 */
.index05{    overflow: hidden;margin: 4% 0;width:100%}

.index05 .new{overflow: hidden;margin:3% 0 0 0;}

.index05 .new .left{width:60%;float:left}
.index05 .new .left li{width:48%;float:left;padding-right: 2%;}
.index05 .n_pic img{width:345px;height:220px;}
.index05 .new .left li h4{font-size:16px;    margin: 5% 0;}
.index05 .new .left li .time,.index05 .new .left li p,.index05 .new .r_des .time{font-size:13px;color:#a4a2a2}
.index05 .new .left li p{margin:3% 0 7% 0;line-height:1.8em;letter-spacing:2px}
.index05 .new .more{border:1px solid #a4a2a2;width:30%;height:30px;line-height:30px;text-align:center}
.index05 .new .more a{font-size:12px; text-decoration: none;color:#a4a2a2;}
.index05 .new .more:hover{border:1px solid #fc9308;}
.index05 .new .more:hover a{text-decoration:none;color:#fc9308;}


.index05 .new .right{width:40%;float:right}
.index05 .new .right li{margin-bottom:4%; width: 100%; float: left;overflow: hidden;}
.index05 .new .right .r_pic{width:21%}
.index05 .new .right .r_des{width:75%}
.index05 .new .right .r_des h4{font-size:14px; }
.index05 .new .right .r_des .time{margin:2% 0}
.index05 .new .right .r_des p{font-size:13px;color:#a4a2a2;line-height:1.6em;}



/* 底部 */
.index06{width:100%;height:310px;background:url(../images/index12.jpg) no-repeat top  center;overflow:hidden}

.index07{width:100%;background:#121212;height:auto;overflow: hidden;}
.index07 .foot{padding:3% 0;  overflow: hidden;}
.index07 .foot .left{width:40%;float:left}
.index07 .foot .left .ma{background:url(../images/index14.png) no-repeat center;width:173px;height:172px;    margin-left: 5%;}
.index07 .foot .left p{font-size:12px;color:#7f7f7f;    margin: 3% 0 0 13%;}
.index07 .foot .left .ma img{margin:10px;    width: 153px;height: 153px;}
.index07 .mid{width:25;%;float:left}
.index07 .foot .right{width:33%;float:right;text-align: right;}

.index07 .foot .right .tel{margin-bottom:4%}

.index07 .foot .right .tel h2{color:#fff;font-size:36px;}
.index07 .foot .right .tel b{background:url(../images/index15.png) no-repeat left center;padding-left:6%;color:#ff9000;font-size:12px}

.index07 .foot .right .contact p{color:#7f7f7f;line-height:2em}

.index07 .fot{ border-top:1px solid #1e1e1e;line-height:3em}

.index07 .fot span{ font-size:12px; color:#7f7f7f;margin-left:3%}
.index07 .fot span a{ font-size:12px; color:#7f7f7f;text-decoration:none}
.index07 .fot span a:hover{ font-size:12px; text-decoration:none;color:#ff9000;}