html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding:0;font-family:'Microsoft YaHei';}
img{border:0 none; vertical-align:top;}
ul, li{list-style-type:none;}
h1, h2, h3, h4, h5, h6{font-size:14px;}
body, input, select, button, textarea{font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
button{cursor:pointer;}
i, em, cite{font-style:normal;}
a, a:link{color: #666; text-decoration:none;}
a:visited {}
a:active, a:hover{text-decoration:underline;}
a:focus {outline:none;}
.fixed:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}
.fixed { display:block; min-height:1%;}
*html .fixed{height:1%;}
.clear{ clear:both;}
.fl, .fr{display:inline; float:left;}
.fr{float:right;}

body{background-position:center;background-repeat:no-repeat;background-attachment:fixed;}

.Container{ width:100%; height:auto;position:relative;}
.ptop{ padding-top:340px;}
.logo{ width:500px; position:absolute;height:371px;display:none;cursor:pointer;z-index:9999;}
.logo img{max-width:100%;cursor:pointer;}
.encn{ width:300px; height:32px; position:absolute;background:url(../images/encn.png) no-repeat; background-size:100%;z-index:2;}
.encn a{ width:150px; height:32px; display:block; float:left;}
.about{width:1160px;  height:auto; padding:200px 20px 20px 20px; background:url(../images/about-bg.png); margin:0 auto;margin-bottom:50px;   }
.about-logo{ height:auto; width:100%; position:absolute; top:193px; z-index:999;margin:0 auto;min-width:1200px;}
.about-logo p{ margin:0 auto; width:392px;height:223px;background:url(../images/about_logo.png); background-size:300px 223px; background-repeat:no-repeat;background-position:right; display:block;}
.about-logo .aboutitle{ margin:0 auto; margin-top:20px; width:200px;height:54px;background:url(../images/about-title.png); background-size:200px 54px; display:block;}
.about-logo .contactitle{margin:0 auto; margin-top:20px;width:200px;height:57px;background:url(../images/contact-title.png); background-size:200px 57px; display:block;}
.about-logo .clientitle{ margin:0 auto; margin-top:20px;width:200px;height:58px;background:url(../images/clients-title.png); background-size:200px 58px; display:block;}
.about-logo .jointitle{ margin:0 auto; margin-top:20px;width:200px;height:61px;background:url(../images/join-title.png); background-size:200px 61px; display:block;}
.about-logo .projectitle{ margin:0 auto; margin-top:20px;width:200px;height:47px;background:url(../images/projects-title.png); background-size:200px 47px; display:block;}
.about-logo .newstitle{ margin:0 auto; margin-top:20px;width:140px;height:58px;background:url(../images/news-title.png); background-size:140px 58px; display:block;}


.about-menu{ position:absolute; top:30px; left:25px; width:38px; height:auto;  }
.about-menu a{ display:block; width:38px; height:38px; background:url(../images/aboutmenu.png) no-repeat; background-size:38px 38px;}
.about-menu a:hover{ display:block; width:38px; height:38px; background:url(../images/aboutmenuli.png) no-repeat;background-size:38px 38px;}

.about-text{ width:450px; height:164px; margin:0 auto; margin-top:100px; margin-bottom:180px; display:block; background:url(../images/about-text.png); background-size:450px 164px;}
.our{ padding:0px 50px 0px 50px; margin:0px;}
.our h3{ width:350px; height:48px; margin-bottom:80px; background:url(../images/our.png); background-size:350px 48px;}
.our ul li{ width:530px; margin-bottom:70px; height:94px;float:left;}
.our ul li a{ display:block; width:530px; height:94px;}
.our ul li a i{ display:block; width:48px; height:50px; float:left; background:url(../images/ourli.png) no-repeat; background-size:48px 50px;}
.our ul li a p{ float:left; display:block; width:400px; height:94px; margin-left:10px;}
.our-1{ background:url(../images/our-1.png) no-repeat; background-size:500px 94px;}
.our-2{ background:url(../images/our-2.png) no-repeat; background-size:500px 94px;}
.our-3{ background:url(../images/our-3.png) no-repeat; background-size:500px 94px;}
.our-4{ background:url(../images/our-4.png) no-repeat; background-size:500px 94px;}
.our-5{ background:url(../images/our-5.png) no-repeat; background-size:500px 94px;}
.our-6{ background:url(../images/our-6.png) no-repeat; background-size:500px 94px;}
.our-7{ background:url(../images/our-7.png) no-repeat; background-size:500px 94px;}
.our-8{ background:url(../images/our-8.png) no-repeat; background-size:500px 94px;}
.about-int{ width:700px; height:auto; margin:0 auto; margin-top:100px;margin-bottom:100px;}
.about-1{background:url(../images/about-1.png) no-repeat; width:750px; height:250px;background-size:750px 250px;}
.about-2{background:url(../images/about-2.png) no-repeat; width:750px; height:418px;background-size:750px 418px;}
.contact-us{ width:950px; height:217px; margin:0 auto;margin-top:100px; margin-bottom:100px;background:url(../images/contact-us.png) no-repeat;background-size:950px 217px; }

.map{ margin:0 auto; width:1100px; margin-bottom:100px; height:633px;background:url(../images/map.png) no-repeat;}
.contact-add{ width:950px; height:213px; margin:0 auto;margin-top:100px; margin-bottom:100px;background:url(../images/contact-add.png) no-repeat;background-size:950px 213px; }
.main{ width:760px; margin:0 auto; height:auto;position:absolute;z-index:998;top:0px;left:0px;}
.main-logo{width:500px;height:371px; background:url(../images/logo.png); position:absolute; left:0px; top:0px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.menu{ width:760px; height:100px;position:relative;z-index:999;}
.menu ul li{ width:100px; height:100px; margin-right:13px; float:left;display:none;}
.menu ul li img{max-width:100%;}
.banner{width:100%;overflow:hidden;height:2220px;position:relative; margin-top:150px; margin-bottom:50px;}
.banList{position:absolute;left:50%;margin-left:-500px;height:2220px;}
.banList li{height:470px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:0px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#3A3A3A;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#FFFFFF;cursor:pointer}

.index{ width:1200px; margin:0 auto; height:auto; margin-top:100px; margin-bottom:100px; position:relative;}
.index-logo{width:500px;height:371px; background:url(../images/logo.png); position:absolute; left:0px; top:0px;}
.index-menu{ width:680px; height:100px;position:absolute; left:520px; top:243px;}
.index-menu ul li{ width:100px; height:100px; margin-right:13px; float:left;}


.mail{ width:898px; height:50px; margin:0 auto; background:url(../images/mail.png); margin-bottom:100px; margin-top:100px;}
.joinus{ width:1000px; height:auto; margin:0 auto;}
.joinus ul{ margin-bottom:100px;}
.joinus ul li{ width:1000px; height:auto; margin-bottom:50px;}
.joinus ul li .join-left{ float:left; width:48px; height:50px; background:url(../images/ourli.png) no-repeat; background-size:48px 50px;}
.joinus ul li .join-right{ width:930px; height:auto; float:left; margin-left:20px;}
.joinus ul li .join-right h3{ font-size:30px; color:#fff; display:block; height:38px; line-height:38px; width:930px; font-weight:normal;text-shadow:#000 10px 10px 10px;}
.joinus ul li .join-right p{ margin-top:50px; display:block; width:930px; height:auto; font-size:18px; color:#fff; line-height:35px;text-shadow:#000 10px 10px 10px;}


.projecs{width:1180px;height:auto; padding:200px 0px 20px 20px; background:url(../images/about-bg.png); margin:0 auto;margin-bottom:50px;   }

.projecs ul li{ float:left; height:auto; width:275px; margin-right:20px; margin-bottom:20px; display:block;}


.projecs ul li a{display:block; height:100%;}
.projecs ul li a:hover{text-decoration:none;}
.projecs ul li picture{display:block; height:200px; width:100%; overflow:hidden;}
.projecs ul li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.projecs ul li div{position:relative; height:50px; padding:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.projecs ul li h4{margin-bottom:5px; color:#fff; font-size:18px;}
.projecs ul li p{ margin:0px; padding:0px;height:44px; color:#f9f9f9; font-size:12px; overflow:hidden; line-height:1.8;}
.projecs ul li span{position:absolute; bottom:20px; left:20px; color:#999;}
.projecs ul li a:hover div{ color:#fff; text-decoration:none;}
.projecs ul li a h4, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.projecs ul li a:hover h4,.newslist ul li a:hover p,.newslist ul li a:hover span{color:#fff;}
.projecs ul li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}



.lbg{ width:100%; height:100%; background:rgba(0,0,0,0.5); position: fixed;top:0px; left:0px; z-index:9990;}

.lbg-list{ width:900px; height:525px; background-color:#FFF; position:absolute;left:50%; top:130px; margin-left:-450px; z-index:9991;}
.lbg-list-left{ width:670px; height:490px; margin:10px; border:1px #ebebeb solid;}
.lbg-list-left img{ max-width:100%;}
.lbg-list-right{ width:194px;margin:10px 6px 10px 0px; height:490px; }

.lbg-list-right h3{ height:40px; line-height:40px; width:180px; padding-left:10px; background-color:#333; font-size:18px; font-weight:normal; color:#fff;}
.lbg-list-right .blist{width:194px; height:490px; margin-top:10px;overflow-x:hidden;overflow-y:scroll;}
.lbg-list-right .blist ul{ width:200px;}
.lbg-list-right .blist ul li{ width:88px; height:auto; margin-bottom:10px; float:left; margin-right:10px;}
.lbg-list-right .blist ul li a{ display:block; width:88px; height:auto;}
.lbg-list-right .blist ul li a span{ width:88px; height:25px; line-height:25px; font-size:14px; color:#666; text-align:center; display:block;}
.lbg-list-right .blist ul li a img{ max-width:100%;}
.lbg-list-right .blist ul li a:hover{ text-decoration:none; background-color:#f9f9f9;}

#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 50px;background-color:#F5F5F5;}
#style-3::-webkit-scrollbar{width:4px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{border-radius: 50px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#333;}
.thep-close{ position:absolute;top:5px; right:5px; background:rgba(0,0,0,0.5); width:24px; height:24px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.delete{position:absolute;top:5px; right:5px;width:24px; height:24px; background:url(../images/delete.png) center no-repeat; background-size:12px 12px; cursor:pointer;}