html{font-family:'\5FAE\8F6F\96C5\9ED1',Helvetica;font-size:1em/1.25;color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding-bottom:78px;}
body{overflow-x:hidden;font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,br,blockquote,th,td,hr,button,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
ol,ul{list-style:none}
fieldset,img{border:none 0;margin:0;padding:0}
button,input,select,textarea{font-size:100%;-webkit-border-radius:0;border-radius:0}
button,input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button}
object,video,embed{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;vertical-align:middle}
a{color:#333;text-decoration:none}
img{vertical-align:bottom}
@-webkit-keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
 
 #nav-logo{

-webkit-animation: twinkling 2s infinite ease-in-out; 

     }

.sidebar{float:left;width:300px;height:350px;}
.sidebar-scroll{position:fixed;margin-top:180px;z-index:999999;width:300px;height:350px}


.footer-div-container{margin:auto;width:100%;height:78px;position:fixed; left:0px; bottom:0px; background-color:#ffffff; z-index:9999;}
.footer-container{margin:auto;width:1180px;height:78px}

.top-header-container{margin:auto;width:1180px;height:180px}
.top-header-container .top-header-shadow{position:absolute;top:179px;left:0;z-index:1001;width:100%;height:1px;min-width:1180px;background:url(../image/top-header-shadow-background.png)}
.top-header-container-scroll{position:fixed;top:0;z-index:99999;width:100%;height:180px;min-width:1180px;background-color:#fff}
.top-header-container-scroll .top-header-shadow{position:absolute;top:174px;left:0;z-index:1001;width:100%;height:0px;min-width:1180px;background-image:url(../image/top-header-shadow-scroll-background.png)}
.header-container{width:100%;height:120px}
.header{width:1180px;margin:auto;height:120px}
.header .logo{float:left;width:80px;height:60px;margin-top:60px;margin-left:36px}
.header .logo img{padding-top:0;}
.header .gif{float:right;width:40px;height:40px;margin-top:80px;margin-right:30px}
.header .gif img{padding-top:0;}

.nav-container{margin:auto;width:1180px;height:90px;line-height:30px;}
.nav-container .nav{float:left;width:12px;height:12px;;margin-left:104px;}
.nav-logo{cursor:pointer}
.nav-container .nav-table{float:left;height:20px;display:none}
.nav-intro a{display:block;overflow:hidden;margin-top:5px;margin-left:20px;margin-right:20px;width:80px;height:21px;background:url("../image/nav-intro.png") no-repeat;text-indent:-9999px;}
.nav-intro a:hover{background-position:0 -21px;}
.nav-work a{display:block;overflow:hidden;margin-top:5px;margin-left:20px;margin-right:20px;width:80px;height:21px;background:url("../image/nav-work.png") no-repeat;text-indent:-9999px;}
.nav-work a:hover{background-position:0 -21px;}
.nav-contact a{display:block;overflow:hidden;margin-top:5px;margin-left:20px;margin-right:20px;width:80px;height:21px;background:url("../image/nav-contact.png") no-repeat;text-indent:-9999px;}
.nav-contact a:hover{background-position:0 -21px;}
.nav-hotelo a{display:block;xoverflow:hidden;margin-top:5px;margin-left:20px;margin-right:20px;width:80px;height:21px;background:url("../image/nav-hotelo.png") no-repeat;text-indent:-9999px;}
.nav-hotelo a:hover{background-position:0 -21px;}
.nav-line {display:block;overflow:hidden;margin-top:8px;margin-left:10px;margin-right:10px;width:1px;height:12px;background:url("../image/navline.png") no-repeat;text-indent:-9999px;}

.project1-a{position:relative;float:left;display:block;overflow:hidden;width:228px;height:342px}
.project1-a-hover{position:absolute;bottom:-60;left:0;z-index:10;width:228px;background:#fff;color:#000;text-align:center;font-size:12px;line-height:20px;opacity:1}
.project1-aXX img{transition:all .6s;transform:scale(1)}
.project1-aXX:hover img{transition:all .6s;transform:scale(1.1)}

.project2-a{position:relative;float:left;display:block;overflow:hidden;width:478px;height:342px}
.project2-a-hover{position:absolute;bottom:-60;left:0;z-index:10;width:478px;background:#fff;color:#000;text-align:center;font-size:12px;line-height:20px;opacity:1}
.project2-aXX img{transition:all .6s;transform:scale(1)}
.project2-aXX:hover img{transition:all .6s;transform:scale(1.1)}

.project3-a{position:relative;float:left;display:block;overflow:hidden;width:478px;height:706px}
.project3-a-hover{position:absolute;bottom:-60;left:0;z-index:10;width:478px;background:#fff;color:#000;text-align:center;font-size:12px;line-height:20px;opacity:1}
.project3-aXX img{transition:all .6s;transform:scale(1)}
.project3-aXX:hover img{transition:all .6s;transform:scale(1.1)}


a.backToTop{width:50px;height:50px;background:url(../image/scrolltopcontrol.png) no-repeat 0 0;text-indent:-999em}
a.backToTop:hover{background-position:0 0}

.work-a{position:relative;float:left;display:block;overflow:hidden;width:479px;height:479px}
.work-a-hover{position:absolute;bottom:-60;left:0;z-index:10;width:479px;background:#fff;color:#000;text-align:center;font-size:12px;line-height:20px;opacity:1}
.work-aXX img{transition:all .6s;transform:scale(1)}
.work-aXX:hover img{transition:all .6s;transform:scale(1.1)}


.work-b{position:relative;float:left;display:block;overflow:hidden;width:230px;height:300px}
.work-b-hover{position:absolute;display:block;bottom:-100;left:0;z-index:10;width:230px;background:#fff;color:#000;text-align:center;font-size:12px;line-height:20px;opacity:1}
.work-bXX img{transition:all .6s;transform:scale(1)}
.work-bXX:hover img{transition:all .6s;transform:scale(1.1)}



.top-banner-container{width:1920px;margin:auto;height:300px}
.top-banner{position:relative;overflow:hidden;margin:0 auto;width:1920px;height:300px}
.top-banner-content .b1,.top-banner-content .b2,.top-banner-content .b3{width:1920px;height:300px}
.top-banner .top-banner-num{position:absolute;bottom:10px;right:0;z-index:3;overflow:hidden;width:100%;height:15px;text-align:center;zoom:1}
.top-banner .top-banner-num ul{display:inline-block;width:200px;margin:auto}
.top-banner .top-banner-num li{float:left;border-radius:100px;margin-left:5px;margin-right:5px;width:13px;height:13px;cursor:pointer;background-color:#FFF}
.top-banner .top-banner-num li.on{background-color:#000000}
.top-banner .prev,.top-banner .next{position:absolute;top:100px;display:none;width:45px;height:100px;background:url(../image/btn.png) no-repeat}
.top-banner .prev{left:0}
.top-banner .next{right:0;background-position:right}
.top-banner-content li{width:100% !important}

.bodycontent-container{ width:1100px; max-width:100%; min-height:220px; margin:20px auto 60px auto; position:relative;}
.bodycontent-left{ z-index:99; width:245px; float:left; margin-right:-245px; position:relative;}

.bodycontent-left .bodycontent-left_top{ width:100%; height:100px; background:#000000; border-bottom:#FFFFFF solid 1px;}
.bodycontent-left .bodycontent-left_top .bodycontent-left-cn{ font-size:26px; line-height:26px; width:100%; float:left; padding-left:70px; color:#FFFFFF; margin:27px 0 7px 0;}
.bodycontent-left .bodycontent-left_top .bodycontent-left-en{ font-size:13px; line-height:13px; width:100%; float:left; padding-left:70px; color:#FFFFFF; text-transform:uppercase;}

.bodycontent-left .bodycontent-left-menu{ width:100%; height:100px;background:url(../image/bodycontent-left-menu.jpg) no-repeat; border-bottom:#FFFFFF solid 1px; text-align:center;}
.bodycontent-left .bodycontent-left-menu .bodycontent-left-cn{ font-size:26px; line-height:26px; width:100%; float:left; color:#FFFFFF; margin:27px 0 7px 0;}
.bodycontent-left .bodycontent-left-menu .bodycontent-left-en{ font-size:13px; line-height:13px; width:100%; float:left; color:#FFFFFF; text-transform:uppercase;}

.bodycontent-left .bodycontent-left-sort{ width:100%;}
.bodycontent-left .bodycontent-left-sort a{ width:100%; font-size:14px; height:45px; line-height:45px; text-align:center; border-bottom:#FFFFFF solid 1px; float:left; display:inline-block; background:#f4f4f4; color:#343233; transition:all ease-out 0.2s;}
.bodycontent-container .bodycontent-left .bodycontent-left-sort a.on{ color:#FFFFFF; background:#000000; transition:all ease-out 0.4s;}

.bodycontent-left .bodycontent-left-sort a:hover{ color:#FFFFFF; background:#000000; transition:all ease-out 0.4s;}
.bodycontent-right{ margin-left:290px;}
.bodycontent-right .bodycontent-right-top{ width:100%; height:32px; border-bottom:#ececec solid 1px;}
.bodycontent-right .bodycontent-right-top .bodycontent-right-top-title{float:left;color:#000000; font-size:18px; padding-left:8px; border-left:#000000 solid 3px; margin-top:5px; line-height:18px;}
.bodycontent-right .bodycontent-right-top .bodycontent-right-top-nav{float:right; color:#999999; line-height:30px; font-size:12px;}
.bodycontent-right .bodycontent-right-top .bodycontent-right-top-nav a{float:left;color:#999999; line-height:26px; font-size:12px; display:inline-block;}
.bodycontent-right .bodycontent-right-top .bodycontent-right-top-nav i{float:left;color:#999999; line-height:26px; font-size:12px; display:inline-block; margin:0 8px;}
.bodycontent-right .bodycontent-right-top .bodycontent-right-top-nav span{float:left;color:#999999; line-height:26px; font-size:12px; display:inline-block;}
.bodycontent-right .bodycontent-right-content{ font-size:15px; line-height:30px; color:#757575;min-height:400px}

.newsdet_title{ width:100%; text-align:center; padding-top:30px;}
.newsdet_title .newsdet_title1{ line-height:30px; width:100%; color:#333333; text-align:center; font-size:24px;}
.newsdet_title .newsdet_title2{ display:inline-block; color:#999999; font-size:12px; margin:5px 0;}
.newsdet_title .newsdet_title2 span{ display:inline-block; float:left; padding:0 21px; height:14px; line-height:14px;}
.newsdet_title .newsdet_title2 .time{ background:url(../image/time.png) no-repeat 0 50%;}
.newsdet_title .newsdet_title3{ width:100%; text-align:center; height:18px; border-bottom:#e9e9e9 solid 1px; margin-bottom:30px;}
.newsdet_title .newsdet_title3 .bdsharebuttonbox{ display:inline-block;}
.newsdet_title .newsdet_title3 .bdsharebuttonbox a{width:20px; height:20px; margin:0 5px !important; padding:0 !important; display:inline-block;}

.newstext{ font-size:14px; color:#757575; line-height:30px; border-bottom:#ebebeb solid 1px; padding-bottom:30px;}
.newsdet_link{ width:100%; position:relative; margin-top:30px;}
.newsdet_link .newsdet_link_left{ width:100%; padding-right:120px;}
.newsdet_link .newsdet_link_left div{ width:100%;}
.newsdet_link .newsdet_link_left div span{ float:left; display:inline-block; width:60px; margin-right:-60px; font-size:14px; line-height:30px; color:#666666;}
.newsdet_link .newsdet_link_left div a{ display:inline-block; margin-left:65px; font-size:14px; line-height:30px; color:#666666; white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.newsdet_link .newsdet_link_right{ font-size:15px; color:#FFFFFF; background:#000000; display:inline-block; width:97px; height:37px; line-height:37px; text-align:center; position:absolute; right:0; top:8px;}


.productlist{padding-top:10px;padding-bottom:10px;overflow:hidden;width:100%;height:auto}
.productlist li{overflow:hidden;float:left;text-align:center;width:250px;height:300px;margin-left:8px; margin-right:8px;}

.productlist li .img{width:250px;height:250px}
.productlist li img{transition:all .6s;transform:scale(1)}
.productlist li img{width:250px;height:250px}
.productlist li .text{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}

.productlist li:hover{box-shadow:0 0 10px #ddd;transform:translate3d(0,0,0)}
.productlist li:hover img{transition:all .6s;transform:scale(1.1)}
.productlist li:hover .text{ background-color:#000000;color:#fff}


.productdet_title{ width:100%; text-align:center; padding-top:30px;}
.productdet_title .productdet_title1{ line-height:30px; width:100%; color:#333333; text-align:center; font-size:24px;}
.productdet_title .productdet_title2{ display:inline-block; color:#999999; font-size:12px; margin:5px 0;}
.productdet_title .productdet_title2 span{ display:inline-block; float:left; padding:0 21px; height:14px; line-height:14px;}
.productdet_title .productdet_title2 .time{ background:url(../image/time.png) no-repeat 0 50%;}
.productdet_title .productdet_title3{ width:100%; text-align:center; height:18px; border-bottom:#e9e9e9 solid 1px; margin-bottom:30px;}
.productdet_title .productdet_title3 .bdsharebuttonbox{ display:inline-block;}
.productdet_title .productdet_title3 .bdsharebuttonbox a{width:20px; height:20px; margin:0 5px !important; padding:0 !important; display:inline-block;}

.producttext{ font-size:14px; color:#757575; line-height:30px; border-bottom:#ebebeb solid 1px; padding-bottom:30px;}
.productdet_link{ width:100%; position:relative; margin-top:30px;}
.productdet_link .productdet_link_left{ width:100%; padding-right:120px;}
.productdet_link .productdet_link_left div{ width:100%;}
.productdet_link .productdet_link_left div span{ float:left; display:inline-block; width:60px; margin-right:-60px; font-size:14px; line-height:30px; color:#666666;}
.productdet_link .productdet_link_left div a{ display:inline-block; margin-left:65px; font-size:14px; line-height:30px; color:#666666; white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.productdet_link .productdet_link_right{ font-size:15px; color:#FFFFFF; background:#000000; display:inline-block; width:97px; height:37px; line-height:37px; text-align:center; position:absolute; right:0; top:8px;}



.company-container{padding-top:20px;width:100%;height:400px;background-color:#eeeeee}
.company-title{width:100%;background:url(../image/company-title-background.png) no-repeat 50% 100%;color:#555;text-align:center;font-size:24px;line-height:50px}
.company-content{position:relative;margin:30px auto 30px auto;width:1200px}
.company-content .company-content-left{float:left;margin-right:-500px;width:580px}
.company-content .company-content-left img{width:580px}
.company-content-right{margin-left:600px;color:#555;font-size:14px;line-height:25px}
.company-content-right a{color:#000000;font-size:14px;line-height:55px}
.company-content-right a i{margin-left:5px}

.content-table-list{overflow:hidden;width:100%;height:auto}
.content-table-list ul,.content-table-list ul li{width:100%}
.content-table-list ul li{position:relative;float:left;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e7e7e7;cursor:pointer}
.content-table-list ul li img{width:160px;height:100px}
.content-table-list .info{position:absolute;top:20px;right:0;width:620px}
.content-table-list .info .title{margin-bottom:10px;color:#555;font-weight:700;font-size:14px}
.content-table-list .info .description{color:#888;font-size:14px;line-height:21px;margin-bottom:10px;}
.content-table-list .info  .time{color:#565656;font-size:10px;line-height:21px;margin-bottom:10px;}

.footer-links{}
.footer-links li{float:left;height:50px;list-style:none;line-height:50px}