﻿@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normalfont-size: 14px;  color: #333333; font-family: "微软雅黑";;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%; font-family:Microsoft Yahei; color:#333333;}

body { font-size:12px; font-family:Microsoft Yahei; color:#666; background:#fff; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#333333; transition: all 0.6s ease 0s; line-height:1.4;}
a:hover {text-decoration:none; color:#a61012; transition: all 0.6s ease 0s;}
img { border:none;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.g1200 { width:1200px; height:auto; margin: 0 auto;}
.fl { float:left;}
.fr { float:right;}


/*  头部  */


/****  1440px  ****/

/*  导航列表  */
.head { width:100%; height:100px; margin:0 auto; position:absolute; z-index:999; top:0; background:#fff;}

.logo{ float:left;    margin: 1% 0 0 0;}
.headRight{ float:right;     width: 72%; }


.navList{  height:100px;  position:relative; z-index:1;  }
.navList .nLi{ float:left;  position:relative; display:inline;    width: 10%; }
.navList .nLi h3{  }
.navList .nLi h3 a{ display:block;     padding: 0 16%; font-size:14px; font-weight:bold;line-height:100px }
		
.navList .sub{ display:none; width:100%; left:0; top:100px;  position:absolute; background:#fff;   }
.navList .sub li{ zoom:1;text-align:center; }
.navList .sub a{ display:block; padding:0 10px; height:36px;line-height:36px}
.navList .sub a:hover{ background:#333; color:#fff;  }

.navList .nLi.on h3 a{ background:#a61012; color:#fff;   }







/* banner */


/*  关于我们  */
.about_qs{ width:100%; height:900px; margin:0 auto; background:url(../images/about_bg.jpg) top center no-repeat;background-size:cover }
.about_c{}
.titles{text-align:center;    margin-bottom: 1%;}
.about_qs .about{overflow:hidden}
.about_qs .about .left,.about_qs .about .right{width:49.2%;background:#fff;overflow:hidden;height:18vw}
.about_qs .about_2{padding:4% 5%}
.about_qs .tit{background:url(../images/index01.jpg) no-repeat left center;text-indent:30px;color:#a61012;font-size:22px;overflow:hidden;margin-bottom:2%;}

.video img {
    height: 170px;
    width: 100%;
}

.about_qs .about_2 .tit a{margin-right:2%}
.about_qs .new_2 .tit a{margin-right: 1%;}

.about_qs .tit a{float:right;color:#9d9d9d;font-size:14px;text-decoration:none; }
.about_qs .tit a img{transform: translate(8px, 3px);}
.about_qs .tit a:hover{color:#a61012;text-decoration:none;}
.about_qs p{text-indent:10px;line-height:24px;font-size:15px;}

.about_qs .newlist{width:100%;background:#fff;    margin-top: 1.5%;height:18vw}
.about_qs .newlist .new_2{padding:2% 3% 0 3%}


/*新闻*/
.new_2 .tit{margin-bottom:1%}
.slideTxtBox{ width: 100%;  }
.slideTxtBox .hd{     position: relative; width: 62%;float: right; }
	
.slideTxtBox .hd ul li {float: left;background:url(../images/index26.png) left center no-repeat;cursor: pointer;width: 100%;text-indent:20px;}
.slideTxtBox .hd ul li:hover{background:url(../images/index25.png) left center no-repeat;}
.slideTxtBox .hd ul li span{font-size:15px;    display: inline-block;line-height: 32px;}

.slideTxtBox .hd ul li.on {color: #a61012;}
.slideTxtBox .hd ul{ position:absolute; }
.slideTxtBox .bd ul{ width: 40%;float: left; zoom:1;  }
.slideTxtBox .bd li{  }
.slideTxtBox .bd img { border: none;width: 300px; height: 160px;display:block;border-right:1px solid #e4e4e4;padding-right:15%;display:block;position:relative}



.slideTxtBox .bd p{width:300px;height:35px;line-height:35px;position:absolute;bottom:0;left:0;background:#000;color:#fff;  text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;   opacity: 0.8;-webkit-opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);
filter:alpha(opacity=80);-khtml-opacity: 0.5;}





/*  产品服务  */
.prodcut_qs {width:100%; height:900px; margin:0 auto; background:url(../images/pro_bg.jpg) center center no-repeat;background-size:cover}

.slideGroup{ }
.slideGroup .parHd{ width: 570px;float: right;position:relative; }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left;  width: 175px; height: 200px; position:relative}
.slideGroup .parHd ul li:nth-child(1){width:200px;left:40px}
.slideGroup .parHd ul li:nth-child(2){width:200px;left:35px}
.slideGroup .parHd ul li:nth-child(3){    left: -50px;top: -40px;}
.slideGroup .parHd ul li:nth-child(4){left: -35px;top: -40px;}
.slideGroup .parHd ul li:nth-child(5){right:20px;top: -40px;}
.slideGroup .parHd ul li:nth-child(6){width:200px;left:40px;top: -80px;}
.slideGroup .parHd ul li:nth-child(7){width:200px;left:35px;top: -80px;}
.slideGroup .parHd ul li .pic{width: 175px; height: 200px;     }
.slideGroup .parHd ul li.on .cover{ z-index:333 }
.slideGroup .parHd li .cover{width: 175px; height: 200px;color:#fff;font-size:16px;background:url(../images/index21.png) top center no-repeat;
position:absolute;top:0;left:0;z-index:-333;line-height: 207px;text-align: center;}
.slideGroup .parHd ul a:hover .cover{  z-index:333 }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:40px ; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; display:block; width:30px; height:30px;    bottom: 30px;cursor: pointer;z-index: 333;}
.slideGroup .sPrev{background:url(../images/index22.png) center center no-repeat;right:70px; }
.slideGroup .sNext{ left:auto; right:40px; background:url(../images/index23.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup  .parBd{width: 500px;float: left;background: #fff;height: 500px;}
.slideGroup .pro{ width: 500px;float: left;height: 500px;border: 5px solid hsla(0,0%,100%,.4);}
.parBd .pro_tit{margin-bottom:30px;overflow:hidden;background:url(../images/index03.png) right top no-repeat}
.parBd .pro_tit h3{font-size:24px;color:#ab241e;    font-weight: bold;}
.parBd  .pro_tit p{color: #b2b2b2;;font-size:16px;margin:15px 0}
.parBd  .pro_tit .line{width:30px;height:5px;background:#ab241e}
	
.slideGroup  ul{  zoom:1;   }
.slideGroup .parBd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:420px; height:220px; display:block;   }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ float:left;margin-top:20px;font-size:16px}






/*  荣誉  */
.honor_qs { width:100%; height:900px; margin:0 auto; background:url(../images/honor_bg.jpg) center center no-repeat;background-size:cover}
.picMarquee-left{ position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:49px;position:absolute;    bottom: -80px;left: 45%;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:80px; height:49px; float:right;   overflow:hidden;cursor:pointer; }
.picMarquee-left .hd .next{ background:url(../images/next.png) top center no-repeat;  }
.picMarquee-left .hd .prev{ background:url(../images/pre.png) top center no-repeat;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;width:385px; background:#fff }
.picMarquee-left .bd ul li a{display:block;width:100%;height:100%;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;}
.picMarquee-left .bd ul li .pic img{ width:375px; height:250px; display:block; padding:5px;  }
.picMarquee-left .bd .title{ line-height:60px; height:60px;font-size:18px;}
.picMarquee-left .bd a:hover{background:#a61012}
.picMarquee-left .bd a:hover .title{color:#fff}




/*  工程案例  */
.case_qs { width:100%; height:900px; margin:0 auto; background:url(../images/case_bg.jpg) center center no-repeat;background-size:cover}

.picScroll-left{ overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:45px; height:81px; overflow:hidden;cursor:pointer; position:absolute;  z-index:333;top:50%}
.picScroll-left .hd .next{ background:url(../images/next2.png) top center no-repeat; right: 0;}
.picScroll-left .hd .prev{ background:url(../images/pre2.png) top center no-repeat; left:0}
.picScroll-left .bd{  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:300px;height:485px;float:left; _display:inline; overflow:hidden; text-align:center; position:relative }
.picScroll-left .bd ul li a{ display:block;width:100%;height:100%}
.picScroll-left .bd ul li .pic img{ width:300px; height:485px; display:block;  }
.picScroll-left .bd a .title{position:absolute;top:0;left:0;width:300px;height:485px;background:#000;opacity: 0.5;-webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.8; opacity: 0.5;
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;
line-height:485px; font-size:16px;color:#fff;}
.picScroll-left .bd a:hover .title{top:100%;}



/*  尾部  */
#footer { width:100%; height:auto; margin:0 auto;}
#footer .main { width:100%; height:auto; margin:0 auto; position:relative; top:0px;}


.foot_c{width:100%;overflow:hidden;padding:2% 0;}
.foot_c a{    width: 16.9%; float: left; display: block; height: 60px;text-indent: 35%; border-right: 1px solid #e8e8e8;margin-left: 3%;}
.foot_c .f1{background:url(../images/index04.jpg) left center no-repeat}
.foot_c .f2{background:url(../images/index05.jpg) left center no-repeat}
.foot_c .f3{background:url(../images/index06.jpg) left center no-repeat}
.foot_c .f4{background:url(../images/index07.jpg) left center no-repeat}
.foot_c .f5{background:url(../images/index08.jpg) left center no-repeat;border-right:none}
.foot_c a h3{font-size:15px;font-weight:bold;margin:2% 0}
.foot_c a:hover h3{color:#a61012}


.foot_c a p{font-size:13px;color:#7e7e7e}
.foot_r{}
.foot_r{width:100%;min-width:1200px;overflow:hidden;height:230px;background:url(../images/index12.jpg) top center no-repeat;}
.foot_r .left{width:380px;    margin-top: 70px;margin-left: 30px;}
.foot_r .right{width:410px;    margin-top: 70px;margin-left: 30px;}
.foot_2 {width:220px;overflow: hidden;float: left;}
.foot_2 img{display:inline-block;  }
.foot_2 b{display:inline-block; font-size:30px;color:#fff;    margin-left: 15px;}
.foot_2 span{font-size:16px;color:#eae8e8;font-weight:100;display: block;}
a.foot_3{display:inline-block;width:135px; margin-top: 10px;float: right;border:1px solid #fff;height:35px;line-height:35px;text-align:center;border-radius:50px;color:#fff}
a.foot_3:hover{background:#fff;color:#000}

.foot_r .right .foot_2{width:270px}
.foot_r .right .foot_2 b{margin-left:5px}

#footer-text { width:100%; height:auto;    overflow: hidden;min-width:1200px;background:url(../images/index13.png) #222222 bottom center no-repeat ; }
.foot_nav { width:1000px; height:50px; background:#434343;margin:40px auto;}

.foot_nav ul li { width:90px;  float:left;margin:0 5px;text-align:center; }

.foot_nav ul li a { font-size:14px; color:#dad9d9; display:block;line-height:50px;width:100%;height:100%;}
.foot_nav ul li a:hover{background:#6d6d6d;}
.foot_nav ul li .nav-li a:hover { color:#fff;}

.foot_xx { padding-bottom:20px;overflow:hidden }
.foot_xx .left{margin-left:20px}
.foot_xx .left img{    display: inline-block;}
.foot_xx .left span{display: inline-block;font-size: 13px;color: #d1d1d1; }
.foot_xx .left span b{    display: block;font-size:28px;margin-top:5px;color:#fff}
.foot_xx .left p{color:#d1d1d1;line-height:26px;font-size: 14px;margin-top: 20px;}
.foot_xx .left p a{color:#d1d1d1;}
.foot_xx .mid{    float:left;   margin-left: 200px;width: 250px;margin-top:20px}
.foot_xx  .right { width:132px;  float:right; margin-right:50px; }

.foot_xx  .right img { width:132px; height:132px; }
.foot_xx .right p { font-size:14px; color:#fff; line-height:2; text-align:center; }


span.des.fl{width:80%;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}







/****  1920px  ****/
@media screen and (min-width: 1450px) and (max-width: 1920px){
.slideTxtBox .hd{width:54%}
.slideTxtBox .bd img { border: none;width: 400px; height: 215px;display:block;border-right:1px solid #e4e4e4;padding-right:15%;}
.slideTxtBox .hd ul li span{font-size:15px;    display: inline-block;line-height: 38px;}
.slideTxtBox .bd p{width:400px}
.about_qs p{line-height:32px;}

.video img {
    height: 220px;
    width: 100%;
}


}

