/* CSS Document */
*{margin:0px; padding:0px;}
ul li{list-style:none;}
img{border:none;}
a{text-decoration:none;}
em,i{font-style:normal;}
.w960{width:960px;}
.w870{width:840px;}
.center{margin:0 auto;}
#header{position:fixed;height: 59px;display:block;width: 100%;background: #000;z-index:9;color: #f2f2f2; }
#header #hlogo{width:136px; height:50px; margin-top:4px; display:inline; float:left; margin-left:15px;}
#header #hlogo a{width:400px; height:50px; background:url(../images/logo.png) no-repeat left top; display:block; text-indent:-9999em;}
#header #hnav{line-height:59px; height:59px; display:inline; float:right; color:#fff; font-size:15px;}
/*#header #hnav a{color:#fff; padding:0 28px; font-family:"微软雅黑";}*/
#header #hnav li{width: 135px; height: 59px; position: relative; display: inline; float: left;}
#header #hnav li h3{width:135px; line-height: 59px; text-align: center; font-weight: normal; font-size: 15px;}
#header #hnav li h3 a{color:#e8e8e8; font-family:"微软雅黑";}
#header #hnav li .sub{width: 200px; position:absolute; left: -25px; top: 59px; display: none;}
#header #hnav li .sub li{height: 48px; line-height: 48px; text-align: center; font-style: 15px; background: #002f61; border-bottom: 2px solid #004791; width: 200px;}

#header #hnav li .subPro{width: 320px; position:absolute; left: -45px; top: 59px; display: none;}
#header #hnav li .subPro li{height: 48px; line-height: 48px; text-align: center; font-style: 15px; background: #002f61; border-bottom: 2px solid #004791; width: 320px;}

#header #hnav li .sub li:hover{background: #00448B;}
#header #hnav li .sub li a{color: #fff; font-style: 15px; font-family:"微软雅黑";}
#header #hnav em{display: inline; float: left;}
#header #hnav .cur h3 a{color: #fff;}
#header #tenzh{display: inline; float:right; line-height: 30px; height: 30px; margin-top: 14px;}
#header #tenzh a{color: #ff7f00; padding: 0 5px;font-family:Verdana, Geneva, sans-serif; font-size: 10px}
#header #tenzh em{color: #ff7f00; }
.section{overflow:hidden;}
#section1{background:url(../images/9023176a68c9486e3285708ae45e4f3f.jpg) repeat center top; background-size:cover;}
#section2{background:url(../images/twobg1900.jpg) repeat center top; background-size:cover;}
.line1{height:1460px; width:100%; background:url(../images/line.png) no-repeat right top; position:absolute; transition:all 1s ease 0s; right:-1300px; top:-1000px;}
.active .line1{right:-200px; top:0px; opacity:1; transition-delay:0.7s;}

.line2{height:1460px; width:100%; background:url(../images/line.png) no-repeat right top; position:absolute; transition:all 1s ease 0s; left:-100px; top:-1500px;}
.active .line2{left:-1100px; top:-100px; opacity:1; transition-delay:0.7s;}

.line3{height:1460px; width:100%; background:url(../images/line.png) no-repeat right top; position:absolute; transition:all 1s ease 0.7s; right:-800px; top:-1000px; opacity:1; background-size:cover;}
.active .line3{right:200px; top:-150px; opacity:1; transition-delay:0.7s;}

.line4{height:1460px; width:100%; background:url(../images/line.png) no-repeat right top; position:absolute; transition:all 1s ease 0.7s; right:-130px; top:-1000px; opacity:0;}
.active .line4{right:900px; top:-150px; opacity:1; transition-delay:0.7s;}

.line5{height:1460px; width:100%; background:url(../images/line2.png) no-repeat right top; position:absolute; transition:all 1s ease 0.4s; left:-1764px; top:-1894px; opacity:1;}
.active .line5{left:240px; top:-90px; opacity:1; transition-delay:1.2s;}

.line6{height:1460px; width:100%; background:url(../images/line.png) no-repeat right top; position:absolute; transition:all 1s ease 0.7s; right:-213px; top:-1150px; opacity:0;}
.active .line6{right:-400px; top:-150px; opacity:1; transition-delay:0.7s;}

.w112{width:112px; display:inline; float:left; position:relative;margin-top: 10px; z-index:120;}
.w112 p{width:112px; height:112px; background:#fff; border-radius:56px; margin-bottom:3px; margin-top:30px; overflow:hidden;}
.w112 p img{width:67px; height:67px; margin:27px auto 0; display:block;}
.w690{width:660px; display:inline; float:right;}
.w999{width:999px; height:502px; overflow:hidden; position:relative; z-index:999;}
.workst{text-align:center; margin:20px 0;}
.workscon{ width:999px; }
.workscon ul{ width:1050px;}
.workscon ul li{width:304px; height:175px; margin-right:46px; display:inline; float:left; background:#fff; margin-bottom:40px; position:relative;text-align:center;}
.workscon ul li img{width:304px; height:175px;}
.workscon ul li p{width:80px; height:80px; border-radius:40px; background:#F28D01; position:absolute; left:14px; bottom:12px; display:block; text-align:center;}
.workscon ul li span{font-family:"微软雅黑"; font-size:12px; height:30px;  }
.workscon ul li p a{display:block; line-height:20px; color:#fff; font-family:"微软雅黑"; font-size:15px; padding-top:18px;}
.workscon ul li  a{color:#fff; font-family:"微软雅黑"; font-size:12px; }
.workscon ul li .wt3 a{padding-top:13px;}
.twotextt{margin-top:30px; margin-bottom:40px;}
.twotext{font-size:16px; font-family:"微软雅黑"; line-height:27px; color:#fff; text-align:justify;}
.twotext p{margin-bottom:20px;}
.welyuan{ position:relative; width:164px; height:171px; /*box-shadow: 0 0 5px #112E58; */border-radius:50% 50%;}
.zhuan{background:transparent url(../images/light.png) no-repeat 0 0;width: 163px;height: 163px;margin: 0;top: 0px;left: 0;position: absolute;z-index: 10;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;

-webkit-transform-origin:center center;

    -moz-transform-origin:center center;

    -webkit-transition:0.5s ease all;

    -moz-transition:0.5s ease all;

    position:absolute;



}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

to{transform: rotate(359deg)}

}

.welico{width:118px; height:115px; position:absolute; top:24px; left:50%; margin-left:-66px; z-index:20;}

.icotxt{text-align:center; height:37px; display:block; margin-top:17px; overflow:hidden;}
.clow{width:165px; display:inline; float:left; overflow:hidden;height:285px; transition:all 1s ease 0.2s;  margin-left:60px; margin-right:40px;}
/*.active .clow{transition:all 1s ease 0.7s; margin-left:60px; margin-right:40px;}*/
.onetext{text-align:center; margin-bottom:40px; margin-top:100px;}
#welmain{width:795px; margin:0 auto; overflow:hidden; position:relative; z-index:9999;}
.xia{width:63px; height:63px; display:block; background:url(../images/xia.png) no-repeat left top; position:absolute; left:50%; bottom:15px; margin-left:-32px; z-index:120;}

.shang{width:48px; height:48px; display:block; background:url(../images/shang.png) no-repeat left top; position:absolute; left:50%; bottom:2px; margin-left:-24px; z-index:120;}