@charset "utf-8";@import url("animate.css");/*浏览器重置*/html,body {-webkit-text-size-adjust:none;}
body {font:12px/1 Microsoft YaHei,Arial,sans-serif;min-width:1280px; position: relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
table,td {border-color:#999;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
li {list-style-type:none;}
caption,th {text-align:center;}
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
address,cite,code,em,th,i,b {font-style:normal;font-weight:normal;}
a {text-decoration:none;cursor:pointer;}
a:hover,a:visited,a:link,a:active {text-decoration:none;border:none;outline:none;}
table {margin:0 auto;border:none;}
/*全站通用*//*字体 颜色 */
.fs16 {font-size:16px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs18 {font-size:18px;}
.fs30 {font-size:30px;}
.fs32 {font-size:32px;}
.fs36 {font-size:36px;}
.fs43 {font-size:43px;}
.fs48 {font-size:48px;}
.fs50 {font-size:50px;}
.fs60 {font-size:60px;}
.fmg {font-family:Georgia;}
.col-ff {color:#fff;}
.col-00 {color:#000;}
.col-ff6 {color:#ff6000 !important;}
.col-666 {color:#666;}
.col-ffc {color:#fffc00;}
.text-l {text-align:left;}
.text-r {text-align:right;}
.text-c {text-align:center;}
.ffm {font-family:microsoft yahei;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.fl {float:left;}
.fr {float:right;}
.dn {display:none;}
.dlb {display:inline-block;*display:inline;zoom:1;}
.db {display:block;}
.mar-bot {margin-bottom:0;}
.mar-left {margin-left:0;}
.mar-rig {margin-right:0;}
.mar-bot30 {margin-bottom:30px;}
.line-30 {line-height:30px;}
.line-22 {line-height:22px;}
.line-50 {line-height:50px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h20 {height:20px;}
.hidden {display:none;}
.clear {clear:both;height:0;font-size:0;line-height:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.scale {-moz-transform:scale(1.14);-webkit-transform:scale(1.14);-o-transform:scale(1.14);-ms-transform:scale(1.14);transform:scale(1.14);}
.scale1 {-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.w {width:1280px;margin:0 auto}
/*摆动*/
.translateZ { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.translateZ:hover,
.translateZ:focus,
.translateZ:active { -webkit-animation-name: hvr-sub_time; animation-name: hvr-sub_time; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
/*头部*/
.header-top {height:139px;background:url('../images/bgtop.png');position:relative;}
.header-top .w {position:relative;height:100%;}
.header-top .logo {height:94px;position:absolute;bottom:25px;}
/*.header-top .logo h1 {width: 732px;overflow: hidden;}*/
.header-top .logo h1 {width: 629px;overflow: hidden;}
.header-top .logo h1 a {text-indent: -9999em;display: block;background: url("../images/logo.png");height: 94px;}
.header-top .tel {position:absolute;right:0;bottom:25px;width:292px;height:57px;padding-right:16px;}
.header-top .tel .bd {display:block;width:288px;height:57px;overflow: hidden;}
.header-top .tel .hd a {width:16px;height:15px;position:absolute;right:0;}
.header-top .tel .hd .prev {background:url("../images/prev.png") no-repeat center;bottom:27px;}
.header-top .tel .hd .next {background:url("../images/next.png") no-repeat center;bottom:11px;}
.header-top .tel .hd li {height:56px;}
.nav {height:65px;background-color:#f77e49;}
.nav .w {height:100%;}
.nav .w ul {height:100%;}
.nav .w li {width:100px;height:100%;float:left;line-height:65px;text-align:center;}
.nav .w li>a {display:block;color:#fff;font-size:14px;font-weight:bold;}
.nav .w li.active>a {background-color:#fff;color:#f77e49;font-size:18px;}
.nav .w li .nav-slide {position:absolute;top:204px;left:0;width:100%;height:40px;background:url("../images/nav-slide.png");display:none;z-index:1000;}
.nav .w li .nav-slide .w div {line-height:40px;text-align:left;}
.nav .w li .nav-slide .w div.text2 {margin-left:110px;}
.nav .w li .nav-slide .w div.text3 {margin-left:255px;}
.nav .w li .nav-slide .w div.text4 {margin-left:165px;}
.nav .w li .nav-slide .w div.text5 {margin-left:315px;}
.nav .w li .nav-slide .w div.text6 {margin-left:510px;}
.nav .w li .nav-slide .w div.text7 {margin-left:288px;}
.nav .w li .nav-slide .w div.text8 {margin-left:710px;}
.nav .w li .nav-slide .w div.text9 {margin-left:810px;}
.nav .w li .nav-slide .w div a {color:#fff;margin:0 22px;font-weight:bold;}
.nav .w li .nav-slide .w div a:hover {color:#f77e49;border-bottom:2px solid #f77e49;}
.search {position:relative;width:240px;height:36px;margin-top:15px;background:url("../images/radius.png");}
.search form input[type='text'] {border:0;outline:none;background-color:transparent;padding:0 20px;color:#fff;font-size:14px;width:185px;height:35px;line-height:35px;}
::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
.search form input.subtn {position:absolute;right:0;border:0;outline:none;width:36px;height:35px;background:url("../images/search.png") 0 -1px;cursor: pointer;}
/*.search form input.subtn:hover{animation:rotateIn .5s linear 0s;}*/
.index {position:relative;height:451px;width:100%;overflow:hidden;z-index:1;}
.index .banner {position:absolute;width:100%;height:655px;top:-204px;z-index:2;overflow:hidden; min-width: 1280px;width: 100%;}}
.index .tp-banner-container img {position:absolute;top:0;width:100%;min-width:1280px;}
.index .tp-banner-container {min-width:1280px !important;}
.other {position:relative;height:360px; z-index: -1;}
.other .banner {height:360px;overflow:hidden; min-width: 1280px;width: 100%;}
.other .banner li img {height:300px;transition:transform 8s linear 1s;overflow:hidden;}
.totaldiv {position:absolute;left:0;top:484px;width:100%;height:80px;z-index: 9999;}
.totaldiv .list-tit {width:120px;height:120px;position:absolute;left:0;bottom:0;background:url("../images/list-tit.png");}
.totaldiv .list-tit a {display:inline-block;color:#fff;padding:35px 20px;}
.totaldiv .list-tit a span {display:block;width:20px;height:2px;background-color:#fff;}
.totaldiv .list-tit a h2 {display:block;font-size:20px;font-weight:bold;margin:10px 0;}
.totaldiv .list-tit a em {display:block;font-size:10px;}
.totaldiv  .List1 {height:20px;background:url("../images/nav-slide.png");}
.totaldiv .catpos {position:relative;height:20px;}
.totaldiv  .List1 p {float:right;line-height:20px;color:#fff;}
.totaldiv  .List1 p a {color:#fff;}
.totaldiv  .List1 p i {width:10px;height:13px;background:url("../images/weizi.png") center no-repeat;margin-right:5px;vertical-align:sub;margin-top: -6px}
.totaldiv  .List2 {height:60px;background-color:#f6f6f6;}
.totaldiv  .List2 {line-height:57px;}
.totaldiv  .List2 a {color:#5b5b5b;font-size:16px;margin-right:35px;display:inline-block;height:57px;}
.totaldiv  .List2 a:hover {color:#f77e49;font-size:18px;font-weight:bold;border-bottom:3px solid #f77e49;}
.totaldiv  .List2 a.active {color:#f77e49;font-size:18px;font-weight:bold;border-bottom:3px solid #f77e49;}
/*back*/
.back {position:fixed;right:80px;top:550px;z-index: 100;}
.back div {margin-bottom:10px;width:57px;height:57px;border-radius:50%;}
.back div a {display: block;height: 100%;}
.back img {position:absolute;left:-130px;top:35px;}
.weixing {background:url("../images/jingling.png") 0 0;}
.e-mail {background:url("../images/jingling.png") -134px 0;}
.qq {background:url("../images/jingling.png") -63px 0;}
.up {background:url("../images/jingling.png") 0 -137px;}
.down {background:url("../images/jingling.png") 0 -74px;}
.e-mail:hover {animation:rotateIn .5s linear 0s;}
/*.back img:hover {animation:rotateIn .5s linear 0s;}*/
.weixing:hover {animation:rotateIn .5s linear 0s;}
.qq:hover {animation:rotateIn .5s linear 0s;}
.up:hover {background:url("../images/jingling.png") -68px -137px;animation:rotateIn .5s linear 0s;}
.down:hover {background:url("../images/jingling.png") -68px -74px;animation:rotateIn .5s linear 0s;}
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;} 100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}
@keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;} 100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} }
/*底部*/
.footer {position:relative;height:61px;background:url("../images/footerbg.jpg") center;padding-top:50px;margin-top: 68px;}
.footer .w {position:relative;}
.gongsan {position:absolute; width:60px;height:52px;top:0px;left:50%;margin-left: -30px;margin-top: -26px;}
.gongsan a {display: block;}

.footer p,.footer p  a {color:#c0c0c0;line-height:22px;}
.footer p>a:hover {color:#fff;border-bottom:2px solid #fff;}
.footer p img {vertical-align:middle;}
.footer .position {position:absolute;bottom:0;right:0;overflow: hidden;width: 36px;height: 36px;}
.footer .position a {display: block;float: right;}
.footer .position p {font-size: 18px; color: #c0c0c0;line-height: 36px;display: block;}
.gongan img {vertical-align: sub !important;margin-right: 8px;}
.gongan:hover{border-bottom: none !important;}
/*动画*/
@-webkit-keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,45deg);transform:perspective(400px) rotate3d(0,1,0,45deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-2.5deg);transform:perspective(400px) rotate3d(0,1,0,-2.5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,45deg);transform:perspective(400px) rotate3d(0,1,0,45deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-2.5deg);transform:perspective(400px) rotate3d(0,1,0,-2.5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
@keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}