/*引用reset*/
@import url("reset.css");
@import url("animation.css");
@import url("hover-min.css");
@import url("tools.css");

body{font-family: 微软雅黑; line-height: 1.8; font-size: 14px; background:#eaeff4;}
a:visited{color: none;}
a:active{color: none;}

/*  主题颜色 */
	
body{ color:#787878;  overflow-x:hidden; }     /* 文字 基础颜色 */
a{color: #444;transition: color 0.4s ease-out 0s;}     /* <a>标签 基础颜色 */
a:hover{transition: color 0.4s ease-out 0s;}     /* <a>标签  hover 基础颜色 */



/* 全屏幻灯片样式 */
.g-bd{ width:100%; height:500px;}
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ width:100%; height:500px; display:block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;cursor:pointer; background:url(../images/dot.png) left center no-repeat;}
.flex-control-nav .flex-active{background-position:right center; }

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none; opacity:0;}
.flex-direction-nav li a{display:block;width:34px;height:58px;overflow:hidden;cursor:pointer;position:absolute;}



/*main_style*/
.g-top{ width:100%; height:39px; background:#f8f8f8; border-bottom:1px solid #e4eaf2; box-sizing:content-box;}
.f-top{ width:1200px; height:39px; margin:0 auto;}

.m-top-left{ float:left; height:35px; line-height:35px; font-size:12px; color:#666666;}
.m-top-left span{ color:#0466c6;}
.m-top-right{ float:right;}

.f-ewm{ float:left; margin-top:5px;}
.f-ewm ul li{ height:30px; float:left; position:relative; cursor:pointer; margin-right:15px;}

.m-wechat{ width:30px; height:30px; line-height:30px; position:relative; font-family:微软雅黑; font-size:14px; color:#fff; background:#333 url(../images/wx.png) center center no-repeat;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-wechat:hover{background:#0466c6 url(../images/wx.png) center center no-repeat;}
.weixin .show_weixin{ display:none; position:absolute; top:35px; left:-35px; z-index:99999999999;}
.weixin .show_weixin img{ width:90px; height:90px; padding:15px 5px 5px; background:url(../images/er-bj.png) center center no-repeat; box-sizing:content-box;}

.m-wap{ width:30px; height:30px; line-height:30px; position:relative; font-family:微软雅黑; font-size:14px; color:#fff; background:#333 url(../images/sj.png) center center no-repeat;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-wap:hover{background:#0466c6 url(../images/sj.png) center center no-repeat;}
.wap .show_wap{ display:none; position:absolute; top:35px; left:-35px; z-index:99999999999;}
.wap .show_wap img{ width:90px; height:90px; padding:15px 5px 5px; background:url(../images/er-bj.png) center center no-repeat; box-sizing:content-box;}





.g-head{ width:100%; height:140px; background:#fff; position:relative; z-index:99999;}
.f-head{ width:1200px; height:140px; margin:0 auto; position:relative;}
.my-logo{ width:393px; height:90px; float:left; margin-top:25px;}

.m-by{ width:247px; height:40px; margin:50px 0 0 20px; float:left;}

.m-tel{ height:40px; background:url(../images/tel.png) left center no-repeat; padding-left:50px; box-sizing:content-box; float:left; margin:50px 0 0 135px;}
.m-tel .m-tel-txt{ height:15px; line-height:15px; font-size:12px; color:#666666;}
.m-tel .m-tel-num{ height:25px; line-height:25px; font-size:24px; color:#ff9c00;}


/*导航*/
.g-nav{ width:100%; height:50px; background:#0466c6;}
.f-nav{ width:1200px; height:50px; margin:0 auto;}
.nav_list{ width:1200px; height:50px; margin:0; padding:0; text-align:center;}

.f-nav li{ width:130px; line-height:50px;position:relative; display:inline-block; list-style:none; margin:0; padding:0;}
.f-nav li.last{background:none;}
.f-nav li a{float:left;display:block; width:130px; height:50px; text-align:center; line-height:50px; }
.f-nav li a:hover{}
.f-nav li a span{float:left;display:block; width:130px; height:50px; line-height:50px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center;  color:#fff; font-size:16px;}
.f-nav li a span:hover{ background:#fff; color:#0466c6;}
.f-nav li a.selected span{ background:#fff; color:#0466c6;}
.f-nav li.selected .submenu{display:block;}
.f-nav li .submenu{display:none;position:absolute;top:50px;left:0px; background:#fff;}
.f-nav li .submenu{width:130px; text-align: center;}
.f-nav li .submenu{ z-index:9999;}
.f-nav li .submenu li{float:left;padding:0;background:none; width:130px;height:35px; line-height:35px; margin:0 auto; }
.f-nav li .submenu li a{padding:0; font-size:14px; font-family:"Microsoft YaHei";height:35px; line-height:35px; color:#0466c6; width:130px; margin:0 auto;}
.f-nav li .submenu li a:hover{background:#0466c6; color:#fff; }



.g-zx{ width:100%; height:70px; background:#eaeff4;}
.f-zx{ width:1000px; height:70px; margin:0 auto;}
.f-zx-wz{ height:70px; line-height:70px; font-size:20px; color:#666666; font-weight:bold; float:left;}

.m-zx{ width:140px; height:30px; margin-top:20px; float:right;}
.m-zx a{ width:138px; height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; background:#0466c6; display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-zx a:hover{ background:#ff9c00;}




/*关于我们*/
.g-about{ width:100%; height:430px; padding:85px 0; box-sizing:content-box; background:#fff;}
.f-about{ width:1200px; height:390px; margin:0 auto; background:url(../images/about-bj.jpg) 460px center no-repeat; padding:40px 0 0; box-sizing:content-box;}

.m-video{ width:610px; height:390px; position:relative; overflow:hidden; float:left;}
.m-video-img{ width:610px; height:390px; position:relative; overflow:hidden;}
.m-video-img img{
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.m-video-zzc{ width:610px; height:390px; line-height:390px; text-align:center; background:url(../images/black_50.png) repeat; position:absolute; top:0; left:0;}
.m-video-zzc img{ position:absolute; top:163px; left:273px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-video:hover .m-video-zzc img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}




.m-about{ width:520px; height:390px; float:right;}
.m-about-title{ width:410px; height:55px; text-align:center;}

.m-about-item{ width:410px; height:30px; margin:15px 0 25px;}
.m-about-item ul{ margin:0; padding:0;}
.m-about-item ul li{ width:100px; height:30px; line-height:30px; text-align:center; background:url(../images/item-line.png) right center no-repeat; float:left;}
.m-about-item ul li:last-child{ background:none;}

.m-about-item ul li a{ font-size:14px; color:#666666; display:block;}
.m-about-item ul li a:hover{ color:#0466c6;}

.m-about-more{ width:520px; height:80px;}
.m-about-more a{ width:80px; height:80px; line-height:80px; text-align:center; font-size:14px; color:#fff; background:#ff9c00; box-sizing:content-box; display:block; float:right;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-about-more a:hover{ background:#ff6000; color:#fff;}


.m-about-desc{ width:410px; height:150px; line-height:30px; overflow:hidden;}
.m-about-desc a{ font-size:14px; color:#fff;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-about-desc a:hover{ color:#ff9c00;}






/*产品中心*/
.g-product{ width:100%; height:auto; overflow:hidden; padding:10px 0 50px; box-sizing:content-box; background:#fff;}
.f-product-title{ width:410px; height:55px; text-align:center; margin:0 auto;}

.f-product{ width:1200px; height:auto; margin:30px auto 0;}
.f-product .hd{ height:25px; line-height:25px; position:relative;  }
.f-product .hd ul{ width:760px; height:25px; margin:0 auto; text-align:center;}
.f-product .hd ul li{ width:120px; height:30px; line-height:30px; text-align:center; background:url(../images/item-line.png) right center no-repeat; display:inline-block; font-size:14px; color:#333; cursor:pointer;}
.f-product .hd ul li:last-child{ background:none;}
.f-product .hd ul li.on{ color:#0466c6;}


.f-product .bd{ width:1200px; margin-top:20px;}
.f-product .bd ul{ zoom:1; width:1200px; float:left; _display:inline; padding:0; margin:0;}
.f-product .bd ul li{ width:350px; height:250px; float:left; overflow:hidden; position:relative; box-sizing:content-box; margin:20px 25px 0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.f-product .bd ul li .f-product-img{ width:340px; height:200px; overflow:hidden; position:relative; margin:5px;}
.f-product .bd ul li .f-product-img img{ width:100%;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.f-product .bd ul li .f-product-title{ width:320px; height:40px; line-height:40px; overflow:hidden; padding:0 10px; box-sizing:content-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-product .bd ul li:hover{
box-shadow: 0 3px 5px 0px #999;
-webkit-box-shadow: 0 3px 5px 0px #999;
-moz-box-shadow: 0 3px 5px 0px #999;
-ms-box-shadow: 0 3px 5px 0px #999;
-o-box-shadow: 0 3px 5px 0px #999;}
.f-product .bd ul li:hover .f-product-img img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}

.f-product .bd ul li:hover .f-product-title{ color:#0466c6;}



/*中间*/
.g-center{ width:100%; height:390px; padding:110px 0 0; box-sizing:content-box; background:url(../images/center-bj.jpg) center center no-repeat;}
.f-center{ width:1200px; height:390px; text-align:center; margin:0 auto;}

.f-center-txt01{ line-height:70px; font-size:48px; color:#fff; margin-bottom:50px;}
.f-center-txt02{ line-height:40px; font-size:16px; color:#fff; margin-bottom:10px;}
.f-center-txt03{ line-height:40px; font-size:24px; color:#ff9c00; margin-top:60px;}



/*工程案例*/
.g-case{ width:100%; height:500px; padding:100px 0  70px; box-sizing:content-box; background:#fff url(../images/case-bj.jpg) center center no-repeat;}

.f-case-title{ width:410px; height:55px; text-align:center; margin:-40px auto 70px;}
.f-case{ width:1040px; height:500px; margin:30px auto; position:relative; left:72px;}
.f-case .bd{position:relative;float:left;width:540px;height:360px;overflow:hidden;}
.f-case .showDiv {position:relative;width:540px;height:360px;}
.f-case .showDiv .m-case-img {width:540px;height:360px;}
.f-case .showDiv .m-case-txt{ width:500px; height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; padding:0 20px; box-sizing:content-box; background:url(../images/black_50.png) repeat; position:absolute; left:0; bottom:0; overflow:hidden;}

.f-case .hd{width:480px; height:360px;float:right;}
.f-case .hd ul li{width:225px; height:150px; float:left; margin:0 15px 5px 0; display:inline; position:relative;}
.f-case .hd ul .m-case-pic{width:225px; height:150px; position:relative; overflow:hidden;}
.f-case .hd ul .m-case-pic img{ width:100%;}

.f-case .hd ul .mask{width:225px; height:150px; display:block; position:absolute; left:0px; bottom:0px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
.f-case .hd ul a:hover .mask, .f-case .hd ul .on .mask{display:none; position:relative;}
.f-case .hd ul a:hover img, .f-case .hd ul .on img{border-color:#70a20f;}
.f-case .hd ul a:hover{color:#fff;}
.f-case .hd ul a:hover .txt_bg {background:#70a20f;}


.f-case-more{ width:110px; height:60px; position:absolute; top:330px; right:0;}
.f-case-more a{ width:110px; height:40px; line-height:15px; text-align:center; font-size:14px; color:#fff; padding:20px 0 0; box-sizing:content-box; background:#ff9c00; display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-case-more a:hover{ background:#ff6000;}











/*荣誉资质*/
.g-honor{ width:100%; height:auto; padding:30px 0 50px; box-sizing:content-box; background:#fff;}
.f-honor-title{ width:410px; height:55px; text-align:center; margin:0 auto;}
.f-honor-ms{ width:1200px; height:30px; line-height:30px; text-align:center; margin:10px auto; font-size:14px; color:#333333;}
.f-honor{ width:1200px; height:250px; overflow:hidden; position:relative; margin:40px auto 0;}
.f-honor .scrollWrap{width:1200px; height:250px;overflow:hidden;position:absolute;}

.f-honor li{width:340px; height:250px;text-align:center;position:relative; float:left; overflow:hidden; margin:0 30px;}
.f-honor li .m-honor-img{ width:340px; height:200px; overflow:hidden; position:relative;}
.f-honor li .m-honor-img img{ width:100%;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.f-honor li .m-honor-txt{ width:320px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#333333; overflow:hidden;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}


.f-honor li:hover .m-honor-img img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.f-honor li:hover .m-honor-txt{ color:#0466c6;}


.m-honor-more{ width:120px; height:30px; margin:20px auto 0;}
.m-honor-more a{ width:120px; height:28px; line-height:28px; text-align:center; font-size:12px; color:#fff;  display:block; background:#0466c6;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-honor-more a:hover{ background:#ff9c00;}


/*新闻资讯*/
.g-news{ width:100%; height:560px; padding:40px 0 60px; box-sizing:content-box; background:#fff;}
.f-news-title{ width:1200px; height:70px; margin:0 auto; text-align:center;}
.f-news{ width:1200px; height:510px; margin:40px auto 0; position:relative; overflow:hidden;}
.f-news .hd{height:40px; position:relative;  }
.f-news .hd ul{ width:1200px; height:30px; text-align:center;   }
.f-news .hd ul li{ width:120px; height:30px; line-height:30px; text-align:center; background:url(../images/item-line.png) right center no-repeat; display:inline-block; font-size:14px; color:#333; cursor:pointer;}
.f-news .hd ul li:last-child{ background:none;}
.f-news .hd ul li.on{ color:#0466c6;}

.f-news .bd {}
.m-slide{ position: relative; width:900px;  height: 360px; float:left }

.m-slide .img { float: right; position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 430px; height: 360px;
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
-ms-border-radius:25px;
-o-border-radius:25px; }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img .first { display: block }



.m-slide .tab { width:282px; height:242px; background:url(../images/news-bj.png) center center no-repeat; float:left; }
.m-slide .tab li {width:445px; height:25px; margin-bottom:15px; }

.m-slide .tab .on{ height:160px; border-bottom: 1px dashed #333; margin-bottom:15px; }
.m-slide .tab .on a span { color: #41a1f2 }

.m-slide .tab .m-news-title{ width:445px; height:25px; line-height:25px; font-family:微软雅黑; overflow:hidden;}
.m-slide .tab .m-news-title .m-date01{ font-size:12px; color:#666; margin-right:30px;}
.m-slide .tab .m-news-title .m-news-bt{ font-size:12px; color:#333;}
.m-slide .tab .m-date02{ font-family:微软雅黑; font-size:12px; color:#666; display:none; margin:5px 0;}
.m-slide .tab .m-news-desc{ width:445px; height:100px; line-height:25px; overflow:hidden; font-family:微软雅黑; font-size:12px; color:#333; display:none;}

.m-slide .tab .on .m-news-title .m-date01{ display:none;}
.m-slide .tab .on .m-news-title .m-news-bt{ font-size:16px; font-weight:bold; color:#fe9508;}
.m-slide .tab .on .m-date02{ display:block;}
.m-slide .tab .on .m-news-desc{ display:block;}










/*footer*/
.g-foot{ width:100%; height:auto; overflow:hidden; padding:0; box-sizing:content-box; background:#333333;}
.g-foot-nav{ width:1200px; height:60px; margin:0 auto; position:relative;}
.g-foot-nav ul{ width:640px; height:60px; float:left; background:url(../images/footer-nav-line.jpg) left bottom no-repeat;}
.g-foot-nav ul li{ width:70px; height:60px; line-height:60px; float:left;}
.g-foot-nav ul li a{ font-size:12px; color:#c6c6c6; display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.g-foot-nav ul li:hover a{ color:#0466c6;}



/*返回顶部*/
.m-top{width:30px;height:30px;text-align:center;position:absolute;right:0;top:0;cursor:pointer;z-index:10003; background:#0a0a0a;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;}
.m-top:hover{ background:#0466c6;}


.f-foot{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:15px 0 35px; box-sizing:content-box;}


/*联系方式*/
.f-contact{ width:510px; height:auto; float:left; padding-top:20px; box-sizing:content-box;}
.f-contact ul{ width:510px; height:auto; margin:0; padding:0;}
.f-contact ul li{ height:30px; line-height:30px; font-size:14px; color:#c6c6c6; margin-bottom:5px;}

.m-contact-li01{ width:510px;}
.m-contact-li02{ width:250px; float:left;}

/*地图*/
.f-map{ width:390px; height:160px; float:left; overflow:hidden; position:relative; margin-left:30px;}


/*二维码*/
.f-code{ width:220px; height:30px; float:right; padding-top:20px; box-sizing:content-box;}
.f-code ul{ margin:0; padding:0;}
.f-code ul li{ width:100px; height:30px; float:left;}
.f-code ul li:first-child{ margin-right:20px;}
.f-code ul li .m-code-img{ width:100px; height:100px; overflow:hidden;}
.f-code ul li .m-code-img img{ width:100px; height:100px;}
.f-code ul li .m-code-txt{ width:100px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; letter-spacing:3px;}




/*icp*/
.f-icp{ width:1200px; height:50px; line-height:50px; margin:0 auto; text-align:center; background:url(../images/foot-line.jpg) top center no-repeat;}
.f-icp span{ font-family:微软雅黑; font-size:12px; color:#c6c6c6; height:50px; line-height:50px; margin:0 5px;}
.f-icp span img{ position:absolute;}
.f-icp a{ font-family:微软雅黑; font-size:12px; color:#c6c6c6;}
.f-icp a:hover{ color:#0466c6;}