@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 {-webkit-text-size-adjust: none; font: 14px/1.5 Arial, "Microsoft YaHei", sans-serif}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var {font-style: normal}
ul, ol, li {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%}
table {border-collapse: collapse; border-spacing: 0}
.wrap, .w { position:relative; width:1000px; margin:0 auto;}
.clearfix:after, .fix:after {content: '\20'; display: block; height: 0; clear: both}
.clearfix, .fix {*zoom: 1}
a:hover {text-decoration: none; color: #fff}
a {blr: expression_r(this.onFocus=this.blur())}
a {outline: none; color: inherit;}
*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline: none;}
.fl{float: left;}
.fr{float: right;}
/*
.header{z-index: 1111;width: 100%;position: absolute;left: 0;top: 0; border-radius:30px/25px;background: #fff;; }*/
.header .pre-header{border-bottom: 1px solid #666666;}
.header .pre-header p{font-size: 12px; line-height: 31px; color: #666666}
.header .pre-header a{color: #666666;}
.header .pre-header .util-panel a{font-size: 12px; line-height: 31px; color: #666666; display: block; float: left; margin-right: 11px;}
/*.header .pre-header .util-panel a.lang{padding-left: 33px; background: url(../images/icon_01.png) no-repeat left center;}*/
.header .logo{margin: 25px 0 20px;}
.header .info-panel{margin-top: 39px;}
.header .info-panel .form{width: 243px; height: 28px; border-radius: 20px; background: #dddddd; border-top: 1px solid #bababa; -webkit-box-shadow: 0px 0px 1px 0px #d1d1d1 inset; box-shadow: 0px 0px 1px 0px #d1d1d1 inset;overflow: hidden;padding: 2px 0;}
.header .info-panel .form input{font-size: 20px; width: 194px; float: left; padding-left: 14px; border:none; background: transparent;height: 22px;}
.header .info-panel .form button{float: left;border:none;width: 39px; height: 23px; background: url(../images/icon_03.png) no-repeat center; cursor: pointer;}
.header .info-panel .qr{display: block; margin-left: 12px; height: 29px; width: 29px; background: url(../images/icon_04.png) no-repeat center; position: relative; }
.header .info-panel .qr img{position: absolute; width: 100px; height: 100px; left: 50%; margin-left: -50px; top:40px; -webkit-transform: translate3d(0px, 20px, 0px); -ms-transform: translate3d(0px, 20px, 0px); -o-transform: translate3d(0px, 20px, 0px); transform: translate3d(0px, 20px, 0px); opacity: 0; -webkit-transition:ease-in-out .5s;
-o-transition:ease-in-out .5s;
transition:ease-in-out .5s; z-index: 999} 
.header .info-panel .qr:hover img{ -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1;} 

.nav {background: #c22820; border-bottom: 3px solid #980800;}
.nav .primary-nav{margin: 0 -6px;}
.nav .primary-nav> li {float: left;width: 126px; position: relative;}
.nav .primary-nav> li:before {content: ''; display: block; position: absolute; left: -9px; top: -5px; border-left: 0px solid transparent; border-bottom: 5px solid #000; z-index: 44; /*-webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;*/}
.nav .primary-nav> li:after {content: ''; display: block; position: absolute; left: -9px; top: 0px; border-left: 0px solid transparent; border-top: 53px solid #770701;/*-webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;*/}
.nav .primary-nav> li h6 {font-size: 14px; padding: 0 35px;display: block; text-align: center;line-height: 49px;color: #fff;z-index: 0; position: relative;}
.nav .primary-nav> li h6:after {content: '';display: block;width: 100%; height: 57px; background: #980800; z-index: -1;position: absolute;left: 0; top:-5px;border-top: 1px solid #7c0c05; opacity: 0;}
.nav .primary-nav> li h6:before {content: '';display: block;width: 11px; height: 11px; opacity: 0; position: absolute;left: 76%; top:50%; margin-top: -6px; z-index: 22; background: url(../images/icon_02.png) no-repeat center;}
.nav .primary-nav > li .sub-nav {position: absolute;left: -104px;top:56px;background: #c22820; z-index: 99999999; padding-left: 12px; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; visibility: hidden;}
.nav .primary-nav > li:hover .sub-nav {opacity: 1;visibility: visible;-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.nav .primary-nav > li .sub-nav:before{content: ''; display: block; width: 8px; height: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #c22820; position: absolute;left: 160px; top:-4px;}
.nav .primary-nav > li .sub-nav > li {float: left; font-size: 12px; padding: 0 31px; position: relative;line-height: 36px;}
.nav .primary-nav > li .sub-nav > li+li:before {content: ''; display: block;width: 1px; height: 14px; background: #9d1c16; position: absolute; left: 0; top:50%; margin-top: -6px;}
.nav .primary-nav > li .sub-nav > li > a{color: #fff;}
.nav .primary-nav > li .sub-nav > li.current > a, .nav .primary-nav > li .sub-nav > li:hover > a{color: #ffbf5a;}
.nav .primary-nav > li .sub-nav > li .tri-nav {position: absolute;left: 0; background: rgba(0,0,0,.7); width: 100%;padding: 18px 0 21px; border-bottom: 3px solid #980800; text-align: center; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; visibility: hidden;}
.nav .primary-nav > li .sub-nav > li:hover .tri-nav{opacity: 1;visibility: visible;-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.nav .primary-nav > li .sub-nav > li .tri-nav li a{font-size: 12px; line-height: 32px;color: #fff; display: block;}
.nav .primary-nav > li .sub-nav > li .tri-nav li a:hover{background: #980800;}

/*.nav .primary-nav > li.current h6, .nav .primary-nav> li:hover h6{color: #f8b300;}*/
.nav .primary-nav > li.current  h6:after, .nav .primary-nav> li:hover  h6:after, .nav .primary-nav > li.current  h6:before, .nav .primary-nav> li:hover  h6:before{opacity: 1;}
.nav .primary-nav > li.current:after, .nav .primary-nav > li:hover:after, .nav .primary-nav > li.current:before, .nav .primary-nav> li:hover:before{border-left-width: 10px;}
.banner{position: relative;width: 100%;height: 600px;overflow: hidden;}
.banner .bd{position: relative;left: 50%;width: 1920px;margin-left: -960px;text-align: center;}
.banner .bd li,.banner .bd li a{display: block;width: 100%;height: 100%;}
.banner .hd{position: absolute;bottom: 25px;left: 50%;width: 1000px;margin-left: -500px;height: 5px;text-align: center;}
.banner .hd li{display: inline-block;width: 50px;height: 5px;margin: 0 3px;background: #ed827d; text-indent: -999em;overflow: hidden;cursor: pointer;}
.banner .hd li.on{background:#fff;}
.banner img{transition: 1.5s ease-in-out;opacity: 1; -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.banner .bd li.hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.banner .btn-group a{position: absolute; top:250px; color: #fff;z-index: 222; width: 43px; height: 75px; display: block;}
.banner .btn-group a.prev{background: url(../images/icon_btn_01.png) no-repeat center;left: -43px;;}
.banner .btn-group a.next{background: url(../images/icon_btn_02.png) no-repeat center;right: -43px;;}

.footer {background: #d5d5d5;}
.footer .left-panel{line-height: 70px; font-size: 14px; color: #000000;}
.footer .address{background: url(../images/icon_12.png) no-repeat 17px center; padding-left: 52px;}
.footer .foot-nav{border-bottom: 1px solid #869ab0;margin-bottom: 28px;}
.footer .foot-nav li{float: left;  font-size: 14px; padding: 0 27px;line-height: 43px;}
.footer .foot-nav li:first-child{padding-left: 20px;}
.footer .foot-nav li a{color: #d4d4d4;}
.footer .foot-nav li a:hover{color: #f8b300;}
.footer .info-panel h6{font-size: 16px; color: #d3d3d3;margin-bottom: 9px;}
.footer .info-panel p{font-size: 14px; color: #d3d3d3;}
.footer .info-panel .tel-panel{padding-left: 68px; background: url(../images/icon_04.png) no-repeat left center;margin-top: 20px; width: 377px;}
.footer .info-panel .tel-panel p{font-size: 16px;line-height: 26px;}

.social-media{margin-top: 20px;}
.social-media a{float: left; height: 29px; width: 29px; display: block; border-radius: 25px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); -o-transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); cursor: pointer;margin: 0 13px; background-color: rgba(255,255,255,.2); background-repeat: no-repeat; background-position: center; margin: 0 7px;} 
.social-media a:hover{background-color: rgba(255,255,255,.6);-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.wechat{position: relative;}
.wechath{position: absolute;left: -30px;top: -60px; height: 90px; width: 90px;  opacity: 0;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; visibility: hidden;}
.wechat a img{width: 100px;height: 100px;}
.wechat:hover .wechath{opacity: 1;top: -110px;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; visibility: visible;}


.weibo{background-image: url(../images/icon_11.png);}
.wechat{background-image: url(../images/icon_10.png);}
.tencent{background-image: url(../images/icon_09.png);}

.qr-panel {margin:6px 47px 0 53px;}


.footer .cp-panel{text-align: right;background: #000;;}
.footer .cp-panel p{font-size: 12px; color: #999999;line-height: 30px;}
.footer .cp-panel .link-panel a{padding-right: 10px;margin-left: 0;}
.footer .cp-panel .link-panel a+a:before{content: ''; display: inline-block; vertical-align: middle; height: 10px; width: 1px; background: #999999;margin-right: 10px;}
.footer .cp-panel p a{color: #999999;margin-left: 6px;}
.footer .cp-panel p a:hover{color: #c22820;}

.fudong{position: fixed; right: -183px; bottom: 30%; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}
.fudong.active{right: 10px;}
.fudong .fdnav{ float: left; margin-top: 26px; background: url(../images/icon_13.png) no-repeat center center; width: 42px; height: 130px; cursor: pointer;}
.fudong .fdContainer{width: 181px; border-radius: 5px; -webkit-box-shadow: 0px 5px 12px -5px rgba(0,0,0,.5);
box-shadow: 0px 5px 12px -5px rgba(0,0,0,.5); text-align: center; color: #6e6e6e; padding-bottom: 4px; background: #fff;float: left;}
.fudong .fdContainer h5{background: #d8271c; font-size: 14px; line-height: 52px; padding: 0 13px 0 18px; margin-bottom: 6px;text-align: left;color: #fff;border-radius: 5px 5px 0 0;}
.fudong .fdContainer h5 span.close{float: right;cursor: pointer;}
.fudong .fdContainer a.fdqq{font-size: 14px; color: #6e6e6e;padding-left: 29px; line-height: 40px; background: url(../images/icon_06.png) no-repeat left center;display: inline-block;}
.fudong .fdContainer h6.fdtel{background: #efefef;}
.fudong .fdContainer h6.fdtel1{margin-top: 19px;font-size: 14px; padding-left: 26px; line-height: 20px;padding: 9px 0 7px; background: #efefef url(../images/icon_07.png) no-repeat 38px center;}
.fudong .fdContainer h6.fdtel2{font-size: 16px; line-height: 1; padding-bottom: 11px;}
.fudong .fdContainer img{margin: 15px 0 8px;}
.fudong .fdContainer h6{font-size: 14px; line-height: 20px;}

.nav .primary-nav > li .sub-nav.sm-sub-nav:before{left: 60px;}