@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
em, i {font-style: normal;}/*
*, *:before, *:after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}*/
/* 项目主体部分设置 */
body{background:#fff;color:#000;}
a{color:#000;text-decoration:none;}
a:hover{color:#e10201;}
.wrapper {position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrap { width: 1200px; margin: 0 auto;}
.g-in { width:1200px; margin:0 auto; *zoom:1}.g-in:after{content:'\20';display:block;height:0;clear:both}
.img-center {position: relative; left: 50%; width: 1920px; margin-left: -960px;}
.banner img { vertical-align:top; }
.img-center img{-moz-transition:20s linear;-webkit-transition:20s linear;transition:20s linear;}
.img-center:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}

.m-copy { padding:20px 0; }
.back-to { position:fixed; bottom:110px; right:50%; margin-right:-620px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

.m-menu { position:fixed; left:1%; top:10%; padding:10px 20px; border:1px solid #ddd; background:#fff; line-height:28px; z-index:9; }
.m-menu dd { margin-left:20px; }


/*header*/
.header { overflow: hidden; }
.h1 {line-height: 106px; padding-top: 7px;}
.logo {float: left;overflow: hidden;height: 113px;}
.logo img {vertical-align: middle;}
.nav {float: right; margin-top: 26px;}
.nav li {float: left; margin-left: 16px;}
.nav a {position: relative; display: block; padding: 0 14px; line-height: 48px; text-align: center; z-index: 1; color: #231815;}
.nav a:before {content: '';display: block;width:100%;height:100%;position: absolute;left: 0;top: 0px;z-index: -1;background:url(nav-bg.png);background-size: 100% 100%; visibility: hidden;opacity: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);}
.nav li.current>a:before,.nav li>a:hover:before{visibility: visible;opacity: 1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.sub-menu {display: none;}

.sbanner { height: auto; }
.banner { position:relative;}
.banner .bd { position:relative;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd {position:absolute; bottom:80px; left:50%; width:1200px; margin-left:-600px; height:16px; text-align:center; }
.banner .hd li { display:inline-block; width:15px; height:15px; margin:0 8px; border:1px solid #fff; text-indent:-999em; overflow:hidden; cursor:pointer;border-radius: 50%;}
.banner .hd li.on {/*background-position: 0 0; */background: #ff0000; border:1px solid #ff0000;}
.banner img {transition:1.5s ease-in-out;transform:scale(1)}
.banner .hover img {opacity:.8;transform:scale(1)}

.faaa {padding: 20px 0 10px; color: #fff; background: #2d2d2d;}
.faaa a {color: #fff;}
.faaa a:hover { color: #da2016;}
.fl {float: left;}
.fl li {position: relative; float: left; line-height: 30px; margin-right: 50px; cursor: pointer; }
.fl .ewm {position: absolute; z-index: 100; top: -32px; right: -180px; opacity: 0; -webkit-transition: opacity 0.6s, right 0.6s; -moz-transition: opacity 0.6s, right 0.6s;  -o-transition: opacity 0.6s, right 0.6s; transition: opacity 0.6s, right 0.6s;}
.fl li:hover .ewm {opacity: 1; right: -150px;}
.qq {background: url(qq.png) no-repeat center;}
.wb {background: url(wb.png) no-repeat center;}
.wx {background: url(wx.png) no-repeat center;}
.wx:hover {background: url(wx2.png) no-repeat center;}
.wb:hover {background: url(wb2.png) no-repeat center;}
.qq:hover {background: url(qq2.png) no-repeat center;}
.fl li > a {display: inline-block; width: 35px; height: 30px; vertical-align: bottom; -webkit-transition: background 0.5s; -moz-transition: background 0.5s;  -o-transition: background 0.5s; transition: background 0.5s;}
.fl dl {line-height: 24px; margin-top: 10px; font-size: 12px; opacity: 0.36;}
.fl dl dt.sign {  }
.fr {float: right;}
.fr dl {float: left; line-height: 40px; margin-left: 35px; text-align: center;}
.fr dl dt { opacity: 0.5; }
.fr dd {font-size: 12px; line-height: 22px; }
.fr dd a { opacity: 0.36; }
.a-a { width: 104px; border-radius: 5px; overflow: hidden; }
.mask{position: absolute; top: 0; left:15px;color: #fff;background-repeat: no-repeat;background-position: center; width: 57px;height:57px; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.mask1{background-image: url(email01.png);}
.mask2{background-image: url(tel01.png);}
.mask3{background-image: url(addr1.png);}

.cact {margin: 0 auto 40px;}
.cact li:hover .mask{opacity: 1;-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;}
.cact a {color: #606060;}
.cact li{float: left; padding-left: 90px; margin-right: 93px; background: url(addr.png) no-repeat 16px center;height: 57px;font-size: 16px;line-height: 22px;display: table;position: relative;cursor: pointer;}
.cact li h4{display: table-cell;vertical-align: middle; font: 16px/1.5 Arial,microsoft yahei,sans-serif; color: #848484;}
.cact li:nth-child(2){background-image: url(tel.png);}
.cact li:nth-child(3){background-image: url(email.png); margin-right: 0;}