﻿
/***框架布局***/

.header{}
.header .top{padding:10px 0; border-bottom: 1px #eee solid;}
.header .top p{ color:#666666;font-size:12px;}
.header .top a{ display:inline-block; color:#666; font-size:12px;padding:0 10px;line-height:10px; border-right:1px #ddd solid;}
.header .top a:hover{color:#bb842b;}
.header .top a:last-child{ border: 0px;}
.header .long{padding:20px 0}
.header .long img{ display:block; width:556px; height:105px;}
.header .top a.weixin{ position: relative;}
.header .top a.weixin .img{ display: none; position:absolute;width:110px;top:30px;left:-20px;z-index:9999;border: 1px #ddd solid; }
.header .top a.weixin:hover img{ display: block;}
.header .long .tel{}
.header .long .tel h3{margin-top:10px;padding-left:50px; background: url(../images/ico1.png) no-repeat left;}
.header .long .tel h3{color:#333333; font-size:14px;}
.header .long .tel h3 font{ display:block;color:#bdbdbd; font-size:12px;}
.header .long .tel b{ display:block;margin:5px 0;}
.header .nav{ width:100%;height:60px;/*background:#c78d2c url(../images/navBg.jpg) repeat-x !important;! */background-image: linear-gradient(top, #d4962f, #b27a27);
background-color: #c78d2c;background-image: -webkit-gradient(linear, left top, left bottom, from(#d4962f), to(#b27a27));
background-image: -webkit-linear-gradient(top, #d4962f, #b27a27);
background-image: -moz-linear-gradient(top, #d4962f, #b27a27);
background-image: -ms-linear-gradient(top, #d4962f, #b27a27);
background-image: -o-linear-gradient(top, #d4962f, #b27a27);
background-image: linear-gradient(top, #d4962f, #b27a27);}

.header .nav li{ float:left;border-right:1px #c89540 solid ;}
.header .nav li a{ display:inline-block;width:132px; line-height:60px; text-align:center;color:#fff; font-size:16px; font-weight:bold;}
.header .nav li a:hover,.header .nav li.active a{ background: #cda767;}


.div2 .nav{ width:100%; position:fixed;z-index:9999}


.banner .slideBox{ width:100%; height:650px;overflow:hidden; position:relative; }
.banner .slideBox .hd{height:15px;overflow:hidden;position:absolute;width:100%;right:5px;bottom: 30px;z-index:1;}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;  text-align:center;  }
.banner .slideBox .hd ul li{display:inline-block;margin-right: 4px;width: 40px;height: 6px;line-height:14px;text-align:center;background:#fff;cursor:pointer;}
.banner .slideBox .hd ul li.on{ background:#BB842B; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{display:block;width:1914px; height:647px;}

.banner .slideBox .prev,
.banner .slideBox .next{position:absolute;left:3%;top:50%;/* margin-top:-25px; */display:none;width: 40px;height:40px;background: url(../images/ctrl.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner .slideBox .next{ left:auto; right:3%; background-position:-40px 0px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.titleAx{ margin:50px 0 30px 0;text-align: center;}
.titleAx img{ display: block; margin: auto;}


.slideTxtBox{width: 100%;text-align:left;}
.slideTxtBox .hd{/* padding:0 10px 0 20px; */width: 1210px; height:131px;overflow:hidden;margin-left: -10px;margin-bottom: 20px;float: left;}
.slideTxtBox .hd ul{float:left;/* width: 100%; */}
.slideTxtBox .hd ul li{position: relative;float:left;text-align:center;/* padding:0 15px; */cursor:pointer;border:3px #bb842b solid;border-radius: 10px;margin: 0 0px 0 10px; overflow: hidden;}
.slideTxtBox .hd ul li img{width: 225px;height: 125px; display: block;}
.slideTxtBox .hd ul li .frame{opacity:0;position: absolute;left:0;top:-100%;background:rgba(187,132,43,0.8);width: 100%;height: 100%;padding: 25px 0 0 0;}
.slideTxtBox .hd ul li .frame h4{ font-size:16px; color:#fff;}
.slideTxtBox .hd ul li .frame h4 span{color:#f5f5f5;font-size:12px;display: block;}
.slideTxtBox .hd ul li .frame em{display:block;margin:10px auto 0;color:#bb842b;width:20px;height:20px;font-size: 11px;background:#fff;border-radius:50%;}
.slideTxtBox .hd ul li:hover .frame{ opacity: 1;top:0;}
.slideTxtBox .hd ul li h3{ position:absolute;left:0; bottom:0;width:100%;font-weight:bold;color:#fff; line-height:35px;font-size:16px;background:rgba(187,132,43,0.8);}
.slideTxtBox .hd ul li:hover h3{ bottom:-100%;}

.slideTxtBox .hd ul li.on{ background:#60}
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ position: relative;float:left; overflow: hidden;    border: 1px #FFDCA4 solid;
    border-radius: 10px 10px 0 0;}
.slideTxtBox .bd li img{ display: block;width:100%; height:100%;}
.slideTxtBox .bd li h4{ position: absolute; left:0;bottom:0; width:100%;padding:10px 0;  text-align: center; color:#ffffff; font-size:14px; background: rgba(0,0,0,0.6);}

.slideTxtBox .bd li.box1{width:600px; height:410px;}
.slideTxtBox .bd li.box2{width:290px; height:200px;margin:0 0 10px 10px;}




.homepChoice{ padding:30px 0;background:url(../images/choiceBG.jpg);}
.homepChoice ul{float:left;margin:30px 0 0 0; padding-bottom:0px;border-bottom: 3px solid #cda767;}
.homepChoice ul li{float:left;width: 360px;height: 100px;margin: 0 20px 30px 20px;}
.homepChoice ul li img{float:left;margin: 0 10px 0 0;}
.homepChoice ul li h3{float:left;font-size:24px; color:#222; font-weight:bold;}
.homepChoice ul li p{float:right;margin-top:5px;font-size:14px;color:#666;width: 280px;}
.homepChoice .tel{display:block;margin: 22px auto 0;color:#BB842B;font-size:20px;background: url(../images/tel.png) 19px 27px no-repeat;clear: both;width: 385px;/* padding-left: 40px; */padding: 20px 0 0 40px;}





.homepProject{ padding:0px 0 0 0;}
.homepProject .title{ overflow: hidden;}
.homepProject .pos{background: url(../images/line_02.png) 541px 0px no-repeat;border-bottom:3px #cda767 solid;margin: 50px 0 0 0;}
.homepProject .bin{float:left;width:100%;margin: 0 0 50px 0;}
.homepProject .bin .img{width:540px;}
.homepProject .bin .img img{max-width:100%;}
.homepProject .bin .frame{width: 525px;}
.homepProject .bin h3{color:#333333;font-size:25px;/* font-weight: bold; */}
.homepProject .bin p{font-size:14px;color:#666;line-height:25px;margin: 20px 0 30px 0;}
.homepProject .bin .tel{margin:20px 0 0 0;padding: 5px 30px 5px 40px;color:#333333;font-size: 20px;background: #f4f4f4 url(../images/tel.png) 18px 14px no-repeat;border-radius: 20px;}
.homepProject .bin .more{margin:20px 0 0 0;padding: 5px 20px;color:#666666;font-size:14px;background:#f4f4f4;border-radius: 20px;}
.homepProject .bin .more em{margin:0 0 0 5px;font-size:12px; color:#666}
.homepProject .bin .more:hover{color:#fff; background: #cda767;}
.homepProject .bin:nth-child(even) {text-align: right;}
.homepProject .bin:nth-child(odd) {text-align: left;}


.homepService{padding: 30px 0 50px;background:url(../images/choiceBG.jpg);}
.homepService .box{position:relative;margin:20px 0 0 0;height: 214px;background:url(../images/line03.png) no-repeat center;}
.homepService .box li{ position:absolute;
transform:rotateY(0deg);
-webkit-transition:all 0s ease-in-out;
-moz-transition:all 0s ease-in-out;
-o-transition:all 0s ease-in-out;
-ms-transition:all 0s ease-in-out;
transition:all 0s ease-in-out;
}
.homepService .box li.w1{ left:0;top:0}
.homepService .box li.w2{left: 120px;top: 85px;}
.homepService .box li.w3{left: 238px;top:0;}
.homepService .box li.w4{left: 359px;top: 85px;}
.homepService .box li.w5{left: 474px;top:0;}
.homepService .box li.w6{left: 595px;top: 85px;}
.homepService .box li.w7{left: 714px;top:0;}
.homepService .box li.w8{left: 834px;top: 85px;}
.homepService .box li.w9{left: 952px;top:0;}
.homepService .box li.w10{left: 1070px;top: 85px;}

.homepService .box li:hover{
transform:rotateY(360deg);
-webkit-transition:all .7s ease-in-out;
-moz-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-ms-transition:all .7s ease-in-out;
transition:all .7s ease-in-out;

}



.homepCase{margin:20px 0}
.homepCase{}
.homepCase .slideBox{float:left; width:600px;  overflow:hidden; position:relative; border:1px solid #ddd;  }
.homepCase .slideBox .hd{height:15px;overflow:hidden;position:absolute;right:15px;bottom: 20px;z-index:1;}
.homepCase .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.homepCase .slideBox .hd ul li{float:left;margin-right:5px;line-height:14px;text-align:center;/* background:#fff; */cursor:pointer;border: 1px #fff solid;}
.homepCase .slideBox .hd ul li em{opacity:0;margin:2px; display: block; width:7px;height:7px; background: #fff;}
.homepCase .slideBox .hd ul li.on em{ opacity: 1;  }
.homepCase .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.homepCase .slideBox .bd li{ position: relative; zoom:1; vertical-align:middle; }
.homepCase .slideBox .bd img{  display:block; height:502px}
.homepCase .slideBox .bd li .frame{position: absolute;left:0;bottom:0;width:100%; text-align:center;padding: 15px;background: rgba(0,0,0,0.5 );}
.homepCase .slideBox .bd li .frame h3{color:#fff; font-size:18px;}
.homepCase .slideBox .bd li .frame p{margin:10px 0 0 0;color:#fff;font-size:14px;}
.homepCase .box{ position:relative;float:left;overflow: hidden;}
.homepCase .box h4{ position:absolute; left:0; bottom:0;width:100%;color:#fff; font-size:14px; text-align:center; padding:10px; background:rgba(0,0,0,0.5)}
.homepCase .box1{width: 590px;height: 250px;margin: 0 0 10px 10px;}
.homepCase .box2{width: 290px;height: 245px;margin: 0 0 0 10px;}
.homepCase .box3{width: 290px;height: 245px;margin: 0 0 0 10px;}

.homepCase .box1 img{ margin-top:-20%;}


.homeAbout{padding:30px 0 0 0; margin:30px 0 50px 0; background:url(../images/aboutBG.jpg) center top repeat-x;}
.homeAbout .long{float:left;margin:20px 0 0 0;padding-bottom:20px; border-bottom: 1px #ddd solid;}
.homeAbout .slideBox{float:left; width:600px; height:400px; overflow:hidden; position:relative; border:1px solid #ddd;  }

.homeAbout .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.homeAbout .slideBox .bd li{ zoom:1; vertical-align:middle; }
.homeAbout .slideBox .bd img{ display:block;  }


.homeAbout .slideBox .prev,
.homeAbout .slideBox .next{position:absolute;left: 0;top:50%;display:block;width:40px;height:40px;background: url(../images/arrow_03.jpg) 0px 0px no-repeat;filter:alpha(opacity=50);/* opacity:0.5; */}
.homeAbout .slideBox .next{left:auto;right: 0;background-position: -40px 0px;}
.homeAbout .slideBox .prev:hover{background-position: 0px -40px;}
.homeAbout .slideBox .next:hover{background-position: -40px -40px;   }


.homeAbout .long .right{padding: 30px 25px;width: 600px; background: #fff;}
.homeAbout .long .right h2{color:#cfa868;font-size:24px;font-weight: bold;}
.homeAbout .long .right .wx{margin:30px 0 20px 0;font-size:14px;color:#666666;line-height: 25px;}
.homeAbout .long .right a.more,.homeAbout .long .right a.apply { display: inline-block;}
.homeAbout .long .right .more{color:#fff;padding: 10px 45px 10px 30px;font-size:14px;background: #111111 url(../images/ico05.png) 120px 13px no-repeat;}
.homeAbout .long .right .apply{color:#fff;padding:10px 45px 10px 30px; font-size:14px; background:#cfa868 url(../images/ico06.png) 120px 13px  no-repeat}

.homeAbout .digital{float:left; margin:10px 0 30px 0}
.homeAbout .digital li{ float:left;color:#cfa868; margin:0 37px 0 0; text-align:center;}
.homeAbout .digital li span{ display:block;color:#cfa868; font-size:35px; font-weight:bold}
.homeAbout .digital li b{color:#cfa868; font-size:16px;}

.homeNews{
    margin: 10px 0 100px 0;
}
.homeNews .list{margin:20px 0 0 0}

.homeNews .list li{ float:left; width:280px;height: 360px; margin:0 10px 20px;}
.homeNews .list li h4{margin-top: 15px;color:#333333;font-size:16px;font-weight: bold;}
.homeNews .list li p{margin: 15px 0 20px 0;color:#666666;font-size:12px;line-height: 21px;}
.homeNews .list li b{border:1px #ddd solid;padding: 7px 10px;color:#666666;font-size:12px;background: url(../images/ico07.png) 60px 13px no-repeat;display: block;width: 125px;/* text-align: center; */}


.homeNews .list li a:hover h4{color:#bb842b}
.homeNews .list li a:hover b{color:#bb842b;border:1px solid #bb842b}

.homeNews .picScroll-left{ position:relative;}
.homeNews .picScroll-left .prev,
.homeNews .picScroll-left .next{position:absolute;left: -50px;top:50%;display:block;width:40px;height:40px;background: url(../images/arrow_03.jpg) 0px 0px no-repeat;filter:alpha(opacity=50);cursor: pointer;/* opacity:0.5; */}
.homeNews .picScroll-left .next{left:auto;right: -50px;background-position: -40px 0px;}
.homeNews .picScroll-left .prev:hover{background-position: 0px -40px;}
.homeNews .picScroll-left .next:hover{background-position: -40px -40px;   }
.homeNews .picScroll-left .bd{}


.detalBox{ margin:0 0 50px 0;}


.detalBox h3{width: 100%;float: left;margin: 30px 0 20px 0;background:#ddd;}
.detalBox h3 b{display:block;color:#fff;float: left;background:#bb842b;font-size:16px;padding: 10px 30px;}
.detalBox .wx{color:#666; font-size:14px; line-height:24px;}

.contactUs{width:1200px;height:590px;position:relative;margin-top:30px;}
.contactUs .tel{position:absolute;left:1px;top:1px;width:460px;height:590px;background:rgba(0,0,0,0.8);z-index:15;padding:20px 60px 0;}
.contactUs .tel p{display:block;height:71px;margin-top:45px;font-size:16px;color:#fff;padding-left:90px;line-height:22px;}
.contactUs .tel p.p1{background:url(../images/dz.png) no-repeat left center;padding-top:13px;height: 73px;}
.contactUs .tel p.p2{background:url(../images/dh.png) no-repeat left center;line-height:30px;}
.contactUs .tel p.p3{background:url(../images/sj.png) no-repeat left center;padding-top:13px;height: 71px;line-height: 30px;}
.contactUs .tel p.p4{height:110px;background:url(../images/yx.png) no-repeat left center;line-height:110px;}
.contactUs .tel p.p4 img{vertical-align: middle;}



.footer{padding: 31px 0;background: url(../images/footerBg.jpg) repeat-x;background-size: cover;}
.footer .left ul.nav{float:left;margin:0 0 20px 0;/* display: block; */}
.footer .left ul.nav li{float:left;margin:0 10px 0 0; color:#fff;}
.footer .left ul.nav li a{ color:#fff; font-size:14px; padding:0 10px;}
.footer .left ul.nav li a:hover{color:#ddd}
.footer .left ul.nav li:last-child{ font-size:0px;}
.footer .left .box{color:#fff;font-size:12px;line-height: 25px;margin-top: 20px;clear: both;}
.footer .left .box a{color:#fff; font-size:12px;}
.footer .left .box a:hover{color:#ddd}
.footer .right .box{text-align: center;margin:0 0 0 20px;float: left;}
.footer .right .box h4{color:#fff; font-size:12px;}












/*
     FILE ARCHIVED ON 19:44:33 Jul 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:15:40 Sep 18, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 167.459
  exclusion.robots: 0.106
  exclusion.robots.policy: 0.095
  cdx.remote: 0.076
  esindex: 0.013
  LoadShardBlock: 127.864 (3)
  PetaboxLoader3.datanode: 133.576 (5)
  load_resource: 141.065 (2)
  PetaboxLoader3.resolve: 66.479 (2)
*/