@font-face {
 font-family: "Avian Regular";
 src: url('../fonts/avian regular.eot');
 src: url('../fonts/avian regular.eot') format('embedded-opentype'), url('../fonts/avian regular.woff') format('woff'), url('../fonts/avian regular.ttf') format('truetype'), url('../fonts/avian regular.svg#garamond') format('svg');
 font-weight: normal;
 font-style: normal;
}

@charset "utf-8";

/* CSS Document */


/*
color:red !important;/* Firefox、IE7支持
_color:red; IE6支持
*color:red; IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--默认--*/

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
 margin: 0;
 padding: 0;
}

ol,
ul,
li {
 list-style: none outside none;
 padding: 0;
}

img {
 border: none;
 vertical-align: middle;
}

table {
 border-collapse: collapse;
}

tr,
td,
th {
 padding: 0;
 margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: normal;
 color: #474747;
}

i,
b,
strong {
 font-style: normal;
 font-weight: normal;
}

input,
textarea,
select {
 border: 1px solid #CCC;
 font-family: 微软雅黑, 'Heiti SC', 黑体, Arial;
 outline: none;
 border: none;
 background: none;
 padding: 0;
}

a:focus {
 outline: none;
}


/*--滚动条插件--*/

.jspContainer {
 overflow: hidden;
 position: relative;
}

.jspPane {
 position: absolute;
}

.jspVerticalBar {
 position: absolute;
 top: 0;
 right: 0;
 width: 16px;
 height: 100%;
}

.jspHorizontalBar {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
 margin: 0;
 padding: 0;
}

.jspCap {
 display: none;
}

.jspHorizontalBar .jspCap {
 float: left;
}

.jspTrack {
 background: #dde;
 position: relative;
}

.jspDrag {
 background: #ddd;
 position: relative;
 top: 0;
 left: 0;
 cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
 float: left;
 height: 100%;
}

.jspArrow {
 background: #50506d;
 text-indent: -20000px;
 display: block;
 cursor: pointer;
}

.jspArrow.jspDisabled {
 cursor: default;
 background: #80808d;
}

.jspVerticalBar .jspArrow {
 height: 16px;
}

.jspHorizontalBar .jspArrow {
 width: 16px;
 float: left;
 height: 100%;
}

.jspVerticalBar .jspArrow:focus {
 outline: none;
}

.jspCorner {
 background: #eeeef4;
 float: left;
 height: 100%;
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
 margin: 0 -3px 0 0;
}

.jspVerticalBar {
 width: 6px;
}

.jspDrag {
 background: #474747;
}

.jspTrack {
 background: #aaa;
 background: url(../images/line1.png) center top repeat-y;
}


/*--类--*/

.block {
 width: 1230px;
 margin: 0 auto;
 position: relative;
 z-index: 9999999;
}

.clear {
 clear: both;
 height: 0;
 overflow: hidden;
}

.left {
 float: left;
}

.right {
 float: right;
}

.footb {
 position: fixed;
 _position: absolute;
 bottom: 0;
 width: 100%;
}

#body {
 background: #f8f8f8;
}


/* 头部 */

#header {
 height: 120px;
 background: url(../images/bg24.jpg) center top no-repeat;
}

#header .logo {
 position: absolute;
 left: 27px;
 top: 34px;
}

#header .nav {
 display: block;
 background: url(../images/img5.png) left center no-repeat;
 width: 26px;
 height: 20px;
 float: right;
 margin: 55px 3px 0 0;
}

#header .nav:hover {
 background: url(../images/img5.png) right center no-repeat;
}

#header .search {
 float: right;
 margin: 55px 25px 0 0;
}

#header .search .btn1 {
 display: block;
 background: url(../images/img4.png) -18px center no-repeat;
 width: 18px;
 height: 18px;
}

#header .search .btn1:hover {
 background: url(../images/img4.png) left center no-repeat;
}

#header .sina {
 float: right;
 margin: 56px 19px 0 0;
 background: url(../images/img3.png) left center no-repeat;
 width: 22px;
 height: 19px;
}

#header .sina:hover {
 background: url(../images/img3.png) right center no-repeat;
}

#header .wx {
 float: right;
 margin: 56px 20px 0 0;
 background: url(../images/img2.png) -20px center no-repeat;
 width: 20px;
 height: 19px;
}

#header .wx:hover {
 background: url(../images/img2.png) left center no-repeat;
}

#header .qq {
 float: right;
 margin: 55px 22px 0 0;
 background: url(../images/img1.png) left center no-repeat;
 width: 19px;
 height: 20px;
}

#header .qq:hover {
 background: url(../images/img1.png) right center no-repeat;
}

#header .search .hide {
 background: url(../images/search2.png) center bottom no-repeat;
 width: 176px;
 height: 40px;
 margin-top: -11px;
 display: none;
}

#header .search .hide input {
 float: left;
 width: 140px;
 height: 40px;
 color: #fff;
 font-size: 14px;
 line-height: 40px;
}

#header .search .hide .btn2 {
 float: right;
 width: 35px;
 height: 40px;
 display: block;
}

#header .nav_top {
 position: absolute;
 left: 410px;
 top: 43px;
 height: 50px;
 z-index: 10;
}

#header .nav_top a {
 float: left;
 color: #fff;
 font-size: 16px;
 margin-right: 32px;
 line-height: 40px;
}

#header2 {
 height: 120px;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 z-index: 5;
}

#header2 .logo {
 position: absolute;
 left: 27px;
 top: 34px;
}

#header2 .nav {
 display: block;
 background: url(../images/img5.png) -26px center no-repeat;
 width: 26px;
 height: 20px;
 float: right;
 margin: 55px 3px 0 0;
}

#header2 .nav:hover {
 background: url(../images/img5.png) right center no-repeat;
}

#header2 .search {
 float: right;
 margin: 55px 25px 0 0;
}

#header2 .search .btn1 {
 display: block;
 background: url(../images/img4.png) -18px center no-repeat;
 width: 18px;
 height: 18px;
}

#header2 .search .btn1:hover {
 background: url(../images/img4.png) right center no-repeat;
}

#header2 .sina {
 float: right;
 margin: 56px 19px 0 0;
 background: url(../images/img3.png) -22px center no-repeat;
 width: 22px;
 height: 19px;
}

#header2 .sina:hover {
 background: url(../images/img3.png) right center no-repeat;
}

#header2 .wx {
 float: right;
 margin: 56px 20px 0 0;
 background: url(../images/img2.png) -20px center no-repeat;
 width: 20px;
 height: 19px;
}

#header2 .wx:hover {
 background: url(../images/img2.png) right center no-repeat;
}

#header2 .qq {
 float: right;
 margin: 55px 22px 0 0;
 background: url(../images/img1.png) -19px center no-repeat;
 width: 19px;
 height: 20px;
}

#header2 .qq:hover {
 background: url(../images/img1.png) right center no-repeat;
}

#header2 .search .hide {
 background: url(../images/search1.png) center bottom no-repeat;
 width: 176px;
 height: 40px;
 margin-top: -11px;
 display: none;
}

#header2 .search .hide input {
 float: left;
 width: 140px;
 height: 40px;
 color: #fff;
 font-size: 14px;
 line-height: 40px;
}

#header2 .search .hide .btn2 {
 float: right;
 width: 35px;
 height: 40px;
 display: block;
}

#header2 .nav_top {
 position: absolute;
 left: 410px;
 top: 43px;
 height: 50px;
 z-index: 10;
}

#header2 .nav_top a {
 float: left;
 color: #fff;
 font-size: 16px;
 margin-right: 32px;
 line-height: 40px;
}


/* 底部 */

#footer {
 height: 45px;
}

#footer .f1 {
 height: 53px;
 border-bottom: solid 2px #f0f0f0;
 text-align: center;
 padding-top: 45px;
 line-height: 16px;
}

#footer .f1 .block {
 display: block;
 height: 100%;
}

#footer .f1 a {
 float: left;
 font-size: 14px;
 color: #707070;
}

#footer .f1 span {
 float: left;
 font-size: 14px;
 color: #707070;
 margin-right: 25px;
}

#footer .f1 b {
 color: #c9c9c9;
 float: left;
 margin: 0 24px;
}

#footer .f1 .select_b {
 position: absolute;
 bottom: 28px;
 left: 988px;
 background: url(../images/select2.png) right center no-repeat;
 height: 30px;
 width: 217px;
 padding-left: 15px;
 line-height: 30px;
 font-size: 14px;
 color: #707070;
 cursor: pointer;
}

#footer .f1 .select_b ul {
 width: 230px;
 height: 0;
 line-height: 30px;
 overflow-y: auto;
 overflow-x: hidden;
 position: absolute;
 left: 0;
 bottom: 29px;
 border: solid 1px #c9c9c9;
 z-index: 2;
 border-radius: 5px;
 display: none;
 display: none;
}

#footer .f1 .select_b span {
 font-size: 14px;
 color: #707070;
 display: block;
 height: 30px;
 text-align: left;
 margin-right: 0;
 width: 217px;
}

#footer .f1 .select_b li {
 background: #fff;
 cursor: pointer;
 line-height: 30px;
 color: #707070;
 text-align: left;
 padding-left: 15px;
 width: 100%
}

#footer .f1 .select_b li:hover {
 color: #ba1414;
}

#footer .f1 .select_b li a {
 min-width: 150px;
}

#footer .f1 .select_b li a:hover {
 color: #ba1414;
}

#footer .f2 {
 text-align: center;
 line-height: 50px;
 font-size: 12px;
 color: #707070;
 background: #fff;
}

#footer .f2 p {
 display: inline;
 margin: 0 10px;
}

.page {
 text-align: center;
 height: 36px;
 margin-top: 40px;
}

.page li {
 display: inline-block;
 height: 36px;
 line-height: 36px;
 font-size: 20px;
 font-family: Avian Regular;
 margin: 0 8px;
}

.page li a {
 color: #474747;
 display: block;
 height: 36px;
}

.page li.now a,
.page li:hover a {
 color: #e71d1d;
}

.cnav {
 position: fixed;
 left: 0;
 top: 0;
 background: url(../images/black60.png) center top repeat;
 width: 100%;
 z-index: 10;
 height: 100%;
 display: none;
}

.cnav .close {
 display: block;
 background: url(../images/close.png) center center no-repeat;
 width: 24px;
 height: 24px;
 position: absolute;
 right: 3px;
 top: 54px;
}

.cnav .box {
 position: absolute;
 left: 0;
 top: 300px;
 width: 100%;
}

.cnav .box .div {
 float: left;
 width: 115px;
 margin-left: 70px;
}

.cnav .box .div.a {
 margin-left: 0;
}

.cnav .box .div h3 {
 color: #fff;
 font-size: 18px;
 line-height: 1.2;
 margin-bottom: 20px;
}

.cnav .box .div a {
 color: #d9d9d9;
 display: block;
 line-height: 27px;
 font-size: 14px;
}

.cnav .box .div a:hover {
 color: #e71d1d;
}

.white {
 position: fixed;
 left: 0;
 top: 115px;
 background: url(../images/bg23.png) center top no-repeat;
 height: 236px;
 width: 100%;
 z-index: 2;
 display: none;
}

.black {
 position: fixed;
 left: 0;
 top: 0;
 background: url(../images/black60.png) center top repeat;
 width: 100%;
 height: 100%;
 z-index: 3;
 display: none;
}

#header2 .cnav22 {
 position: absolute;
 left: -22px;
 top: 50px;
 width: 102%;
 display: none;
 z-index: 3;
 background: url(../images/line3.png) right 8px no-repeat;
}

#header2 .cnav22 .block {
 width: auto;
}

#header2 .cnav22 .div {
 float: left;
 width: 97px;
 background: url(../images/line3.png) left 8px no-repeat;
 text-align: center;
 min-height: 135px;
}


/*#header2 .cnav22 .div.last{ background:url(../images/line3.png) right center no-repeat;}*/


/*#header2 .cnav22 .div.a{margin-left:-21px;}*/

#header2 .cnav22 .div h3 {
 color: #fff;
 font-size: 18px;
 line-height: 1.2;
 margin-bottom: 20px;
}

#header2 .cnav22 .div a {
 color: #b6b6b6;
 display: block;
 line-height: 27px;
 font-size: 14px;
 float: none;
 margin-right: 0;
}

#header2 .cnav22 .div a:hover {
 font-weight: bold;
 border-bottom: solid 1px #fff;
 display: inline-block;
}

#header .cnav22 {
 position: absolute;
 left: -22px;
 top: 50px;
 width: 102%;
 display: none;
 z-index: 3;
 padding-top: 40px;
 background: url(../images/line4.png) right 48px no-repeat;
}

#header .cnav22 .block {
 width: auto;
}

#header .cnav22 .div {
 float: left;
 width: 97px;
 background: url(../images/line4.png) left 8px no-repeat;
 text-align: center;
 min-height: 135px;
}


/*#header .cnav22 .div.a{margin-left : -21px;}*/

#header .cnav22 .div h3 {
 color: #fff;
 font-size: 18px;
 line-height: 1.2;
 margin-bottom: 20px;
}

#header .cnav22 .div a {
 color: #474747;
 display: block;
 line-height: 27px;
 font-size: 14px;
 float: none;
 margin-right: 0;
}

#header .cnav22 .div a:hover {
 font-weight: bold;
 border-bottom: solid 1px #ba1414;
 display: inline-block;
}

.nav_s {
 display: block;
 background: url(../images/nav.png) center center no-repeat;
 width: 44px;
 height: 40px;
 position: fixed;
 right: 20px;
 top: 50px;
 display: none;
 z-index: 5;
}


/* 首页 */

.home1 {
 height: 514px;
 text-align: center;
}

.home1 h3 {
 font-size: 70px;
 color: #fff;
 text-transform: uppercase;
 font-family: impact;
 line-height: 1;
 -webkit-text-shadow: 0 0 3px #7d7d7d;
 -moz-text-shadow: 0 0 3px #7d7d7d;
 text-shadow: 0 0 3px #7d7d7d;
}

.home1 h4 {
 color: #fff;
 font-size: 34px;
 line-height: 1.3;
 -webkit-text-shadow: 0 0 3px #7c7c7c;
 -moz-text-shadow: 0 0 3px #7c7c7c;
 text-shadow: 0 0 3px #7c7c7c;
}

.home1 p {
 color: #fff;
 font-size: 16px;
 line-height: 1.5;
 margin: 18px auto 0;
}

.home1 .text {
 transition: all 1.2s ease-out 0s;
 -webkit-transition: all 1.2s ease-out 0s;
 -moz-transition: all 1.2s ease-out 0s;
 opacity: 0;
 transform: translate(0, 100px);
 -webkit-transform: translate(0, 100px);
 -moz-transform: translate(0, 100px);
 position: absolute;
 width: 1110px;
 left: 50%;
 margin-left: -555px;
 top: 30%;
}

.home1.show .text {
 transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 -moz-transform: translate(0, 0);
 opacity: 1;
}

.home1 .scroll_d {
 background: url(../images/icon.png) left center no-repeat;
 width: 23px;
 height: 34px;
 position: absolute;
 bottom: 197px;
 left: 50%;
 margin-left: -11.5px;
 cursor: pointer;
 animation: myfirst 1s infinite;
 -moz-animation: myfirst 1s infinite;
 /* Firefox */
 -webkit-animation: myfirst 1s infinite;
 /* Safari and Chrome */
 -o-animation: myfirst 1s infinite;
 /* Opera */
}

@keyframes myfirst {
 from {
 opacity: 1;
 bottom: 197px;
 }
 to {
 opacity: 0;
 bottom: 163px;
 }
}

@-moz-keyframes myfirst
/* Firefox */

{
 from {
 opacity: 1;
 bottom: 197px;
 }
 to {
 opacity: 0;
 bottom: 163px;
 }
}

@-webkit-keyframes myfirst
/* Safari 和 Chrome */

{
 from {
 opacity: 1;
 bottom: 197px;
 }
 to {
 opacity: 0;
 bottom: 163px;
 }
}

@-o-keyframes myfirst
/* Opera */

{
 from {
 opacity: 1;
 bottom: 197px;
 }
 to {
 opacity: 0;
 bottom: 163px;
 }
}

.home1 .scroll_d.click {
 background: url(../images/icon.png) right center no-repeat;
}

.home2 {
 height: 504px;
 margin-top: -177px;
 overflow: hidden;
}

.home2 .focus {
 position: relative;
 overflow: hidden;
 height: 504px;
 width: 100%;
}

.home2.show .focus .frame {
 transform: scale(1) rotateX(0deg);
 -webkit-transform: scale(1) rotateX(0deg);
 -moz-transform: scale(1) rotateX(0deg);
 opacity: 1;
}

.home2 .focus .frame {
 position: absolute;
 overflow: hidden;
 height: 327px;
 width: 820px;
 right: 0;
 bottom: 0;
 opacity: 0;
 transform-style: preserve-3d;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform: scale(0.7) rotateX(60deg);
 -webkit-transform: scale(0.7) rotateX(60deg);
 -moz-transform: scale(0.7) rotateX(60deg);
 transition: all 1.2s ease-out 2s;
 -webkit-transition: all 1.2s ease-out 2s;
 -moz-transition: all 1.2s ease-out 2s;
}

.home2 .focus .frame .child {
 position: absolute;
 height: 327px;
 width: 820px;
}

.home2 .focus .frame .child .pic {
 float: left;
 position: relative;
 width: 410px;
 height: 327px;
 overflow: hidden;
}

.home2 .focus .frame .child .pic img {
 width: 100%;
 height: auto;
}

.home2 .focus .frame .child .pic .tt {
 position: absolute;
 top: 54px;
 left: 42px;
}

.home2 .focus .frame .child .pic .tt h3 {
 color: #fff;
 font-size: 24px;
 line-height: 1.2;
}

.home2 .focus .frame .child .pic .tt h4 {
 color: #fff;
 font-size: 30px;
 line-height: 1.2;
 text-transform: uppercase;
 font-family: Avian Regular;
 margin-top: 9px;
}

.home2 .focus .frame .child .pic .more {
 background: url(../images/more1.png) center center no-repeat;
 width: 94px;
 height: 13px;
 display: block;
 position: absolute;
 left: 42px;
 bottom: 40px;
}

.home2 .focus .frame .child .text {
 float: left;
 width: 410px;
}

.home2 .focus .frame .child .text .tit {
 width: 370px;
 height: 84px;
 background: url(../images/bg21.png) center top no-repeat;
 padding: 35px 0 0 40px;
 position: relative;
}

.home2 .focus .frame .child .text .tit h3 {
 font-size: 22px;
 color: #474747;
 line-height: 1.2;
}

.home2 .focus .frame .child .text .tit h4 {
 font-size: 18px;
 color: #474747;
 line-height: 1.2;
 text-transform: uppercase;
 font-family: Avian Regular;
 margin-top: 8px;
}

.home2 .focus .frame .child .text .tit .more {
 background: url(../images/more2.png) center center no-repeat;
 width: 94px;
 height: 13px;
 display: block;
 position: absolute;
 right: 38px;
 bottom: 33px;
}

.home2 .focus .frame .child .text .box {
 margin-top: -10px;
}

.home2 .focus .frame .child .text .box .div1 {
 background: url(../images/bg9.png) center center repeat;
 height: 83px;
 padding: 26px 30px 0 40px;
}

.home2 .focus .frame .child .text .box .div2 {
 background: #bfb18e;
 height: 83px;
 padding: 26px 30px 0 40px;
}

.home2 .focus .frame .child .text .box h3 {
 color: #fff;
 font-size: 16px;
 line-height: 1.2;
}

.home2 .focus .frame .child .text .box p {
 color: #fff;
 font-size: 12px;
 line-height: 1.4;
 margin-top: 7px;
}

.home2 .focus .qh {
 position: absolute;
 bottom: 40px;
 right: 435px;
 height: 14px;
 line-height: 14px;
 width: 56px;
 text-align: center;
}

.home2 .focus .qh .arrow_l {
 background: url(../images/arrow9.png) left center no-repeat;
 width: 7px;
 height: 14px;
 display: block;
 left: 0;
 top: 0;
 position: absolute;
}

.home2 .focus .qh .arrow_r {
 background: url(../images/arrow9.png) right center no-repeat;
 width: 7px;
 height: 14px;
 display: block;
 right: 0;
 top: 0;
 position: absolute;
}

.home2 .focus .qh .fl {
 font-size: 14px;
 color: #fff;
 font-family: Avian Regular;
}

.home2 .focus .nav .d1 {
 position: absolute;
 left: 0;
 top: 0;
 background: url(../images/bg18.png) center center repeat;
 width: 410px;
 height: 177px;
 transform: translate(0, 100px);
 -webkit-transform: translate(0, 100px);
 -moz-transform: translate(0, 100px);
 transition: all 1.2s ease-out 0s;
 -webkit-transition: all 1.2s ease-out 0s;
 -moz-transition: all 1.2s ease-out 0s;
 opacity: 0;
}

.home2 .focus .nav .d2 {
 position: absolute;
 left: 410px;
 top: 0;
 background: url(../images/bg19.png) center center repeat;
 width: 410px;
 height: 177px;
 transform: translate(0, 100px);
 -webkit-transform: translate(0, 100px);
 -moz-transform: translate(0, 100px);
 transition: all 1.2s ease-out 0.4s;
 -webkit-transition: all 1.2s ease-out 0.4s;
 -moz-transition: all 1.2s ease-out 0.4s;
 opacity: 0;
}

.home2 .focus .nav .d3 {
 position: absolute;
 left: 820px;
 top: 0;
 background: url(../images/bg20.png) center center repeat;
 width: 410px;
 height: 177px;
 transform: translate(0, 100px);
 -webkit-transform: translate(0, 100px);
 -moz-transform: translate(0, 100px);
 transition: all 1.2s ease-out 0.8s;
 -webkit-transition: all 1.2s ease-out 0.8s;
 -moz-transition: all 1.2s ease-out 0.8s;
 opacity: 0;
}

.home2 .focus .nav .d4 {
 position: absolute;
 left: 0;
 top: 177px;
 background: #a11414;
 width: 410px;
 height: 163px;
 transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 -moz-transform: translate(100px, 0);
 transition: all 1.2s ease-out 1.2s;
 -webkit-transition: all 1.2s ease-out 1.2s;
 -moz-transition: all 1.2s ease-out 1.2s;
 opacity: 0;
}

.home2 .focus .nav .d5 {
 position: absolute;
 left: 0;
 bottom: 0;
 background: #fff;
 width: 410px;
 height: 164px;
 transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 -moz-transform: translate(100px, 0);
 transition: all 1.2s ease-out 1.6s;
 -webkit-transition: all 1.2s ease-out 1.6s;
 -moz-transition: all 1.2s ease-out 1.6s;
 opacity: 0;
}

.home2 .focus .nav .d1 .inner {
 width: 330px;
 height: 141px;
 padding: 36px 40px 0;
}

.home2 .focus .nav .d2 .inner {
 width: 330px;
 height: 141px;
 padding: 36px 40px 0;
}

.home2 .focus .nav .d3 .inner {
 width: 330px;
 height: 141px;
 padding: 36px 40px 0;
}

.home2 .focus .nav .d4 .inner {
 width: 330px;
 height: 127px;
 padding: 36px 40px 0;
}

.home2 .focus .nav .d5 .inner {
 width: 330px;
 height: 128px;
 padding: 36px 40px 0;
}

.home2 .focus .nav h3 {
 font-size: 22px;
 color: #fff;
 font-weight: bold;
 line-height: 1.2;
}

.home2 .focus .nav h4 {
 font-size: 24px;
 color: #fff;
 line-height: 1.2;
 font-family: Avian Regular;
}

.home2 .focus .nav p {
 font-size: 12px;
 color: #bbb9b9;
 line-height: 1.5;
 margin-top: 10px;
}

.home2 .focus .nav .d4 p {
 color: #d3a3a3;
}

.home2 .focus .nav .d5 p {
 color: #707070;
}

.home2 .focus .nav .d5 h3,
.home2 .focus .nav .d5 h4 {
 color: #474747;
}

.home2 .focus .nav .div {
 cursor: pointer;
}

.home2.show .focus .nav .div {
 transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 -moz-transform: translate(0, 0);
 opacity: 1;
}

.home2.show .focus .nav .div.now .inner {
 background: #6c0100;
}

.home2 .focus .nav .d5.now h3,
.home2 .focus .nav .d5.now h4,
.home2 .focus .nav .d5.now p {
 color: #fff;
}

.home3 {
 margin-top: 84px;
 overflow: hidden;
}

.home3 .box {
 margin-top: 40px;
 height: 232px;
}

.home3 .box .div.a {
 margin-left: 0;
}

.home3 .box .div {
 float: left;
 width: 372px;
 margin-left: 57px;
 opacity: 0;
 transform: translateX(200px);
 -webkit-transform: translateX(200px);
 -moz-transform: translateX(200px);
 transition: all 1.2s ease-out 0s;
 -webkit-transition: all 1.2s ease-out 0s;
 -moz-transition: all 1.2s ease-out 0s;
}

.home3.show .div {
 transform: translateX(0);
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 opacity: 1;
}

.home3 .box .div h3 {
 font-size: 18px;
 color: #474747;
 line-height: 1.2;
}

.home3 .box .div h4 {
 font-size: 14px;
 color: #707070;
 line-height: 1.2;
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 10px;
}

.home3 .box .div p {
 font-size: 12px;
 color: #707070;
 line-height: 1.5;
 margin-top: 10px;
}

.home3 .box .div .arrow {
 margin-top: 10px;
 width: 32px;
 height: 32px;
 background: url(../images/arrow2.png) left center no-repeat;
 display: block;
 transition: transform 0.5s;
 -moz-transition: -moz-transform 0.5s;
 /* Firefox 4 */
 -webkit-transition: -webkit-transform 0.5s;
 /* Safari and Chrome */
 -o-transition: -o-transform 0.5s;
 /* Opera */
}

.home3 .box .div:hover .arrow {
 background: url(../images/arrow2.png) right center no-repeat;
 transform: rotate(720deg);
 -moz-transform: rotate(720deg);
 /* Firefox 4 */
 -webkit-transform: rotate(720deg);
 /* Safari and Chrome */
 -o-transform: rotate(720deg);
 /* Opera */
}

.home3 .top {
 height: 30px;
 line-height: 30px;
}

.home3 .top h2 {
 float: left;
 font-size: 22px;
 line-height: 23px;
 color: #474747;
 margin-right: 25px;
 cursor: pointer;
}

.home3 .top h2.now,
.home3 .top h2:hover {
 color: #ba1414;
}

.home3 .top h3 {
 float: left;
 font-size: 24px;
 line-height: 30px;
 color: #474747;
 text-transform: uppercase;
 font-family: Avian Regular;
 margin-left: 15px;
}

.home3 .more {
 background: url(../images/more3.png) center center no-repeat;
 width: 94px;
 height: 13px;
 display: block;
 position: absolute;
 right: 5px;
 top: -60px;
}

.home3 .inner {
 position: relative;
 display: none;
}

.home3 .inner.a {
 display: block;
}

.bg_black {
 background: url(../images/black60.png) center center repeat;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
}

.bg_black .eject {
 width: 328px;
 height: 218px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -109px 0 0 -164px;
 background: #fff;
 border-radius: 5px;
 text-align: center;
}

.bg_black .eject img {
 margin-top: 25px;
}

.bg_black .eject h3 {
 font-size: 18px;
 color: #707070;
 line-height: 1.2;
 margin-top: 10px;
}

.bg_black .eject .btn {
 display: block;
 color: #fff;
 border-radius: 5px;
 background: #ba1414;
 width: 132px;
 height: 38px;
 font-size: 14px;
 margin: 13px auto 0;
 line-height: 38px;
}

.myalert {
 background: url(../images/myalert.png) center center no-repeat;
 width: 489px;
 height: 254px;
 position: fixed;
 display: none;
 left: 50%;
 top: 50%;
 margin: -127px 0 0 -245px;
}

.myalert .close {
 display: block;
 background: url(../images/close2.png) center center no-repeat;
 width: 30px;
 height: 30px;
 position: absolute;
 top: 30px;
 right: 30px;
}

.myalert p {
 font-size: 16px;
 color: #474747;
 width: 400px;
 margin: 120px auto 0;
 text-align: center;
}

.search_mask {
 display: none;
 background: url(../images/black60.png) center center repeat;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 7;
}

.search_pop {
 width: 410px;
 border-bottom: 1px solid #eeeeee;
 padding: 15px 0;
 position: fixed;
 z-index: 8;
 left: 50%;
 top: 48%;
 margin-left: -205px;
 z-index: 200;
}

.search_pop input.ipt1 {
 width: 345px;
 color: #eeeeee;
 border: none;
 border-right: 1px solid #eeeeee;
 background: none;
 font-size: 14px;
}

.search_pop button {
 background: none;
 border: none;
 float: right;
 color: #eeeeee;
 cursor: pointer;
}

#preview {
 position: absolute;
 border: 1px solid #ccc;
 background: #333;
 padding: 5px;
 display: none;
 color: #fff;
}

.commonBox {
 padding-top: 30px;
}

.sidebar-left {
 width: 248px;
 float: left;
 color: #666;
}

.commonBox .content {
 margin-left: 280px;
}

.sidebar-title {
 background: #a30303;
 color: #fff;
 line-height: 35px;
 padding: 10px 25px;
 font-size: 18px;
}

.sidebar-left ul {
 border: 1px dotted #e0e0e0;
 border-top: none;
}

.sidebar-left li {
 line-height: 33px;
 padding: 4px 5px;
 border-bottom: 1px dashed #d9d9d9;
 font-size: 14px;
}

.sidebar-left li a {
 display: block;
 padding: 7px 20px;
}

.sidebar-left li:hover,
.sidebar-left li.active {
 color: #a30303;
}

.commonBox .part4-ul-title {
 border-bottom: 1px solid #ccc;
 padding-left: 5px;
}

.commonBox .part4-ul-title span {
 font-size: 16px;
}

.newsBox .newsList ul {
 padding-left: 12px;
}

.pagenation {
 text-align: center;
 color: #666;
 font-size: 14px;
 line-height: 40px;
 margin: 15px auto 25px;
}

.pagenation span {
 display: inline-block;
 padding: 0 7px;
 margin: 0 4px;
}

.part {
 margin-bottom: 30px;
}

.part-title {
 position: relative;
 text-align: center;
 padding: 33px 10px;
 margin: 5px 0 25px;
}

.part-title .title-line {
 position: absolute;
 width: 85%;
 max-width: 580px;
 left: 50%;
 transform: translateX(-50%);
 top: 50%;
 margin-top: -3px;
 height: 4px;
 background: #c4ced2;
 border: 1px solid #f3f6f7;
}

.part-title .title {
 color: #598096;
 display: inline-block;
 padding: 0 20px;
 background: #fff;
 position: relative;
 z-index: 2;
}

.part-title .title h2 {
 font-size: 26px;
}

.part-title .title p {
 font-weight: bold;
 font-size: 15px;
 line-height: 16px;
 margin-top: 8px;
 text-transform: uppercase;
}

.part1 ul li {
 margin-bottom: 5px;
}

.part1 ul li p {
 text-align: center;
 padding: 28px 10px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font-size: 18px;
 color: #000;
}

.part2 ul li {
 padding: 2px 3px 3px 2px;
}

.part2-item {
 padding-bottom: 67.5%;
 position: relative;
 overflow: hidden;
}

.part2-item-img {
 position: absolute;
 left: 0;
 transition: left linear .3s;
 width: 104%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right center;
}

.part2 ul li:hover .part2-item-img {
 left: -4%;
}

.part3 .part-con-title {
 line-height: 89px;
 text-align: center;
 color: #fff;
 background: #009fe7;
 font-size: 24px;
 margin-bottom: 16px;
}

.part-con-title-bg {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
}

@media (min-width: 768px) {
 .part3-left {
 padding-right: 30px;
 }
}

.newsList li {
 border-bottom: 1px dashed #e5e5e5;
}

.newsList li p {
 position: relative;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 line-height: 40px;
 padding: 3px 83px 3px 5px;
 color: #666;
}

.newsList li p .item-date {
 position: absolute;
 right: 5px;
 top: 3px;
}

.newsList li:hover p {
 color: #a30303;
}

.part4-ul-title {
 padding: 11px 0;
 line-height: 20px;
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 2px;
}

.part4-ul-title span {
 display: inline-block;
 color: #a30303;
 position: relative;
 padding-left: 14px;
 font-size: 16px;
}

.part4-ul-title span::before {
 content: '';
 width: 5px;
 height: 17px;
 background: #a30303;
 margin-right: 8px;
 position: absolute;
 left: 0;
 top: 2px;
}

.part4 video {
 height: 340px;
 width: 100%;
 max-width: 450px;
}

.footBox {
 background: #4b4b4b;
 padding: 10px 0;
 color: #fff;
}

.footInfo {
 padding-top: 13px;
 line-height: 22px;
}

@media (max-width: 768px) {
 .part3 .part-con-title {
 font-size: 20px;
 line-height: 70px;
 }
 .part1 ul li p {
 font-size: 16px;
 }
 .fs48 {
 font-size: 28px;
 line-height: 36px;
 }
 .fs30 {
 font-size: 18px;
 }
 .slide-txt h2 {
 line-height: 36px;
 }
 .slide-txt h3 {
 line-height: 20px;
 margin: 10px 0 15px;
 }
 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:hover,
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:hover,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.active>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
 border-radius: 0;
 }
 .navbar-nav>li>.dropdown-menu {
 padding: 0;
 }
 .navbar-nav>li>.dropdown-menu ul {
 padding: 0 0 0 10px;
 background: none;
 color: #333;
 }
 .dropdown-menu ul>li>a {
 color: #333;
 }
 .navbar-nav>li>.dropdown-menu ul::before {
 border: none;
 }
}

@media (max-width: 700px) {
 .part1 ul li p {
 padding: 15px 5px;
 font-size: 14px;
 }
 .part-title {
 padding: 25px 10px;
 margin-bottom: 5px;
 }
 .part-title .title h2 {
 font-size: 22px;
 }
 .part3-left {
 margin-bottom: 30px;
 }
 .part3 .part-con-title {
 margin-bottom: 5px;
 font-size: 18px;
 line-height: 60px;
 }
 .part {
 margin-bottom: 15px;
 }
 .navbar {
 margin-bottom: 0;
 }
 .navbar-header-logo {
 padding-left: 10px;
 }
 .slide-txt h2 {
 font-size: 16px;
 line-height: 20px;
 }
 .slide-txt h3 {
 font-size: 12px;
 line-height: 14px;
 }
 .part1 ul {
 padding: 0 5px;
 }
 .part1 li {
 padding: 0 8px;
 }
}

.imgList {
 padding-bottom: 30px;
}

.imgList ul {
 text-align: center;
 color: #666;
 font-size: 20px;
}

.imgList ul p {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 padding: 15px 5px;
}

.imgList .img-item {
 position: relative;
 padding-bottom: 62.5%;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.imgList-item li .img-item-box {
 max-width: 270px;
 margin: 0 auto;
}

.imgList-item li {
 margin-top: 20px;
}

.imgList-item {
 padding: 20px 0 10px;
}

.imgList-item .part4-ul-title {
 margin-bottom: 20px;
}

@media (max-width: 700px) {
 .imgList-item .part4-ul-title {
 margin-bottom: 0;
 }
 .imgList-item {
 padding: 10px 7px;
 }
 .imgList-item li {
 padding: 0 8px;
 margin-top: 15px;
 }
 .imgList ul p {
 font-size: 15px;
 padding: 10px 5px;
 }
}

.w1200 {
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
}

@media (min-width: 1130px) {
 .container {
 width: 1230px;
 max-width: 100%;
 }
}

.nr {
 line-height: 35px;
 font-size: 13px;
 padding: 8px 8px;
}

.xypg-product-list {
 margin: 0 -1.5%;
 font-size: 0;
 padding: 20px 0;
}

.xypg-product-list li {
 display: inline-block;
 vertical-align: bottom;
 width: 30%;
 margin: 0 0.2% 20px 0.2%;
 padding: 10px 10px 0 10px;
 border: 1px solid #eeeeee;
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
}

.xypg-product-list li .img {
 display: block;
}

.xypg-product-list li h3 a {
 display: block;
 text-align: center;
 font-size: 14px;
 color: #5a5a5a;
 line-height: 1.6;
 padding: .8em 0;
}

.xypg-product-list li:hover {
 border-color: #292e39;
}

.xypg-product-list .no-result {
 margin: 0 1.5%;
 font-size: 14px;
}

.xypg-detail-title {
 font-size: 20px;
 color: #363636;
 font-weight: bold;
 margin-bottom: 10px;
 line-height: 35px;
 padding: 10px 10px;
 text-align: center;
}

.xypg-detail-info-bar {
 font-size: 14px;
 font-family: Arial;
 color: #9e9e9e;
 line-height: 35px;
 border-bottom: 1px dashed #cfcfcf;
 margin-bottom: 20px;
}

.xypg-detail-info-bar .detail-info-time {
 float: left;
 margin-right: 20px;
 position: relative;
 padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-time i {
 position: absolute;
 width: 20px;
 height: 20px;
 top: calc(50% - 10px);
 left: 0;
}

.xypg-detail-info-bar .detail-info-time i:after {
 opacity: .5;
 background-position: 0 -360px;
}

.xypg-detail-info-bar .detail-info-numbers {
 float: left;
 position: relative;
 padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-numbers i {
 position: absolute;
 width: 20px;
 height: 20px;
 top: calc(50% - 10px);
 left: 0;
}

.xypg-detail-info-bar .detail-info-numbers i:after {
 opacity: .5;
 background-position: 0 -330px;
}

.xypg-detail-info-bar .xypg-file-down {
 float: right;
 position: relative;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title {
 cursor: pointer;
 position: relative;
 padding-left: 25px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i {
 position: absolute;
 width: 20px;
 height: 20px;
 top: calc(50% - 10px);
 left: 0;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i:after {
 background-position: 0 -630px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title:hover {
 color: #292e39;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list {
 position: absolute;
 z-index: 9999;
 width: 250%;
 right: 0;
 background: #fff;
 display: none;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li {
 padding: 10px 0;
 border-top: 1px dashed #cfcfcf;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon {
 float: left;
 font-size: 40px;
 line-height: 40px;
 margin-right: 5px;
 height: 40px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con {
 overflow: hidden;
 line-height: 1;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
 font-size: 12px;
 margin-bottom: 0;
 line-height: 20px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a {
 font-size: 12px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover {
 color: #292e39;
}

.xypg-detail-con-title {
 margin: 20px 0 10px 0;
}

.xypg-detail-con-title span {
 display: inline-block;
 font-size: 18px;
 color: #292e39;
}

.xypg-detail-con {
 font-size: 14px;
 color: #333;
 line-height: 35px;
 text-align: left;
}

.xypg-detail-con img,
.xypg-detail-con p img {
 width: auto !important;
 max-width: 100%;
 height: auto !important;
}

.xypg-detail-tags {
 margin-top: 40px;
}

.xypg-detail-tags .tags-title {
 border-bottom: 1px solid #c3c3c3;
 position: relative;
}

.xypg-detail-tags .tags-title h3 {
 display: inline-block;
 padding: 0 30px;
 font-size: 16px;
 color: #292e39;
 line-height: 40px;
 border-bottom: 3px solid rgba(82, 181, 72, 1);
 margin-bottom: -1px;
}

.xypg-detail-tags .tags-title .baidu-share {
 position: absolute;
 right: 0;
 top: 8px;
}

.xypg-detail-tags .tags-content {
 padding-top: 12px;
}

.xypg-detail-tags .tags-content a {
 font-size: 12px;
 color: #2f2f2f;
 display: inline-block;
 margin-right: 9px;
 background: #f4f4f4;
 line-height: 28px;
 padding: 0 15px;
}

.xypg-detail-tags .tags-content a:hover {
 color: rgba(82, 181, 72, 1);
}

.xypg-detail-url {
 margin-top: 15px;
}

.xypg-detail-url a {
 word-break: break-all;
}

.xypg-detail-article p {
 margin: 10px 0 20px 0;
 line-height: 24px;
}

.xypg-detail-pn {
 margin-top: 30px;
}

.xypg-detail-pn div+div {
 margin-top: 15px;
}

.xypg-detail-pn div {
 line-height: 22px;
 padding: 10px;
 position: relative;
 border: 1px solid #eeeeee;
}

.xypg-detail-pn div b {
 font-size: 14px;
 color: #292e39;
 float: left;
 font-weight: normal;
}

.xypg-detail-pn div b:after {
 content: '\FF1A';
}

.xypg-detail-pn div a {
 float: left;
 width: 75%;
 font-size: 14px;
 color: #666666;
}

.xypg-detail-pn div a:hover {
 color: rgba(82, 181, 72, 1);
}

@media (max-width: 600px) {
 .xypg-detail-pn div a {
 width: 60%;
 }
}

@media (max-width: 600px) {
 .xypg-detail-pn div a {
 width: 50%;
 }
}

.xypg-detail-pn div span {
 position: absolute;
 right: 20px;
 top: 11px;
 font-size: 14px;
 color: #666666;
}

.icon-font {
 position: relative;
}

.icon-font:after {
 content: "";
 width: 30px;
 height: 30px;
 background-image: url(../images/icon_spirit.png);
 background-repeat: no-repeat;
 position: absolute;
 left: calc(50% - 15px);
 top: calc(50% - 15px);
}

.main-img img {
 margin-top: 35px;
 text-align: center;
}

.gduo {
 height: 30px;
 line-height: 30px;
 background: #f7f7f7;
 overflow: hidden;
 margin: 15px 0px;
 padding: 0 10px;
}

.gduo span {
 float: right;
 overflow: hidden;
 height: 30px;
 display: block;
}

.gduo a {
 font-weight: bold;
}

.news_top {
 padding: 58px 0px
}

.news_top a {
 width: 390px;
 float: left;
 border: 1px solid #cccccc;
 margin-right: 50px;
}

.news_top a i {
 width: 100%;
 overflow: hidden;
 display: block
}

.news_top a div {
 padding: 16px 0px;
 width: 100%;
 float: left
}

.news_top a div p {
 font-size: 16px;
 color: #333333;
 line-height: 28px;
 padding: 0px 16px;
 text-align: justify;
 text-justify: inter-ideograph;
 height: 56px;
 overflow: hidden
}

.news_top a div em {
 color: #999999;
 display: block;
 margin-top: 10px;
 padding: 0px 16px
}

.news_top a:hover {
 border-color: #cf000d
}

.news_top a:hover p {
 color: #cf000d;
 font-weight: bold
}

.news_top a:last-child {
 margin-right: 0px
}

.news_bottom li,
.news_bottom li a {
 width: 100%;
 float: left
}

.news_bottom li {
 border-bottom: 1px solid #e5e5e5
}

.news_bottom li a {
 padding: 40px 0px
}

.news_bottom li strong {
 font-size: 40px;
 font-family: Arial;
 color: #b0b0b0;
 float: left
}

.news_bottom li strong i {
 display: block;
 font-weight: normal;
 color: #888888;
 font-size: 14px
}

.news_bottom li div {
 float: right;
 width: 1004px;
 padding-right: 118px;
 position: relative;
 margin-top: 6px
}

.news_bottom li div span {
 font-size: 18px;
 color: #555555;
 font-weight: bold;
 height: 24px;
 overflow: hidden;
 display: block;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.news_bottom li div p {
 color: #888888;
 margin-top: 14px;
 height: 19px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.news_bottom li div em {
 position: absolute;
 right: 0px;
 font-family: Arial;
 font-size: 12px;
 top: 4px;
 color: #555555;
 padding-bottom: 15px;
 background: url(../images/more.png) no-repeat center bottom
}

.news_bottom li:hover em {
 color: #cf000d;
 background: url(../images/more1.png) no-repeat center bottom
}

.news_bottom li:hover span {
 color: #cf000d
}

.w1280 {
 width: 1280px;
 margin: 0 auto;
 overflow: hidden
}

.clear {
 clear: both;
}

.S_menu {
 width: 100%;
 float: left;
 border-bottom: 1px solid #ececec;
 margin-top: 26px
}

.S_menu p {
 float: left
}

.S_menu p a {
 padding-bottom: 20px;
 border-bottom: 3px solid #fff;
 color: #666666;
 margin-right: 50px;
 float: left
}

.S_menu p a:hover,
.S_menu p a.cur {
 border-bottom: 3px solid #cf000d
}

.S_menu .w1280>div {
 float: right
}

.menu_right,
.S_menu .w1280>div {
 float: right;
 font-size: 12px;
 color: #a5a5a5
}

.menu_right a:after,
.S_menu .w1280>div a:after,
.S_menu .w1280>div a:after {
 content: '>';
 padding: 0px 5px;
 color: #a5a5a5
}

.menu_right a:last-child:after,
.S_menu .w1280>div a:last-child:after {
 display: none;
 color: #a5a5a5
}

.menu_right a:hover,
.S_menu .w1280 div a.cur,
.S_menu .w1280>div a:hover,
.S_menu .w1280>div a.cur {
 color: #cf000d
}

.S_menu .w1280>div:before,
.menu_right:before {
 content: url(../images/ico.png);
 float: left;
 margin-right: 5px
}

.menu_right:before {
 content: url(../images/ico1.png);
}

.images img {
 width: 100%;
 height: 100%;
 display: block;
 transition-duration: 1s;
 -ms-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition-duration: 1s;
}

.images:hover img {
 transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -webkit-transform: scale(1.1);
}

.containerA {
 width: 100%;
 float: left;
 display: none
}

.containerA div {
 width: 49%;
 float: left;
 margin-top: 15px
}

.containerA div:nth-child(2n) {
 float: right
}

.containerA div strong {
 margin-top: 10px;
 display: block
}

.joinA {
 padding: 56px 0px
}

.joinA a {
 float: left;
 width: 600px;
 overflow: hidden;
 position: relative
}

.joinA a div {
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 text-align: center;
 font-size: 30px;
 color: #fff
}

.joinA a div p {
 width: 100%;
 height: 100%;
 display: table
}

.joinA a div p span {
 display: table-cell;
 vertical-align: middle;
 height: 100%;
 padding-bottom: 48px;
}

.joinA a div p span i {
 background: url(../images/add.png) no-repeat center;
 float: left;
 width: 100%;
 height: 25px;
 margin-top: 20px
}

.joinA a:last-child {
 float: right
}

.joinB {
 width: 100%;
 float: left;
 background: #f6f6f6;
 padding: 45px 0px 60px 0px
}

.join_tit {
 width: 100%;
 float: left;
 text-align: center;
 margin-bottom: 50px;
}

.join_tit span {
 font-size: 30px;
 color: #000000;
 display: block
}

.join_tit i {
 color: #cf000d;
 font-size: 18px;
 margin-top: 20px;
 position: relative;
 display: block
}

.join_tit i:before,
.join_tit i:after {
 content: '';
 width: 23px;
 height: 1px;
 background: #cf000d;
 position: absolute;
 top: 12px
}

.join_tit i:before {
 margin-left: -38px
}

.join_tit i:after {
 margin-left: 14px
}

.join_tit p {
 color: #666666;
 line-height: 24px;
 margin-top: 14px
}

.container0 {
 width: 100%;
 float: left;
 position: relative;
 margin-bottom: 30px
}

.slide {
 max-width: 1048px;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
 height: 384px !important;
}

.slide .img {
 overflow: hidden;
 position: absolute;
 transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}

.slide .img strong {
 float: right;
 margin-right: 18px;
 color: #cf000d;
 margin-top: -35px;
 display: none
}

.slide .img img {
 width: 100%;
 float: left;
}

.slide .img1 {
 width: 529px;
 top: 42px;
 left: 0px;
 z-index: 1;
}

.slide .img2 {
 width: 606px;
 top: 25px;
 left: 79px;
 z-index: 2;
}

.slide .img3 {
 width: 688px;
 top: 0px;
 left: 179px;
 z-index: 3;
}

.slide .img3 strong {
 display: block
}

.slide .img4 {
 width: 606px;
 top: 25px;
 left: 362px;
 z-index: 2;
}

.slide .img5 {
 width: 529px;
 top: 42px;
 left: 516px;
 z-index: 1;
}

.btn_pre,
.btn_next {
 outline: none;
 cursor: pointer;
 border: none;
 left: 0px;
 width: 66px;
 top: 159px;
 height: 66px;
 background: #d8d8d8;
 text-align: center;
 line-height: 66px;
 color: #6c6c6c;
 text-align: center;
 font-weight: bold;
 font-size: 24px;
 font-family: "宋体";
 border-radius: 100%;
 position: absolute
}

.btn_next {
 right: 0px;
 left: auto
}

.joinB_con,
.joinB_bo {
 width: 100%;
 float: left
}

.joinB_con p {
 width: 237px;
 height: 162px;
 float: left;
 margin-right: 20px;
 text-align: center
}

.joinB_con p i,
.joinB_con p em {
 height: 30px;
 margin-top: 42px;
 display: inline-block
}

.joinB_con p:nth-child(1) {
 background: #1b9ca1
}

.joinB_con p:nth-child(2) {
 background: #1795df
}

.joinB_con p:nth-child(3) {
 background: #e17e80
}

.joinB_con p:nth-child(4) {
 background: #d1a534
}

.joinB_con p:nth-child(5) {
 background: #1ea9d1;
 margin-right: 0px
}

.joinB_con p strong {
 display: block;
 color: #fff;
 font-size: 18px;
 margin-top: 16px
}

.joinB_bo {
 position: relative;
 margin-top: 42px
}

.joinB_bo p {
 width: 315px;
 float: left;
 margin-right: 3px;
 margin-top: 3px;
 overflow: hidden
}

.joinB_bo p:nth-child(4) {
 margin-right: 0px;
 position: absolute;
 right: 0px
}

.joinB_bo p:nth-child(5) {
 position: absolute;
 left: 0px;
 top: 190px
}

.join_C {
 padding: 52px 0px
}

.join_C ul {
 width: 100%;
 float: left
}

.join_C ul li {
 width: 300px;
 float: left;
 position: relative;
 margin-right: 22px;
}

.join_C ul li>img {
 width: 100%;
 float: left
}

.join_C ul li div {
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 padding: 28px;
 color: #fff
}

.join_C ul li div i {
 height: 42px;
 margin-top: 10px;
 display: block
}

.join_C ul li div strong {
 font-size: 18px;
 display: block;
 margin-top: 20px
}

.join_C ul li div p {
 line-height: 28px;
 margin-top: 20px
}

.join_C ul li:last-child {
 margin-right: 0px
}

.joinD {
 width: 100%;
 float: left;
 background: #f6f6f6;
 padding: 54px 0px 80px 0px
}

.joinD table {
 width: 100%;
 float: left
}

.joinD table td {
 color: #666666;
 padding: 14px 40px;
 border-bottom: 1px solid #e3e3e3
}

.joinD table td a {
 color: #666
}

.joinD table thead td {
 font-weight: bold;
 padding: 10px 40px;
}

.joinD table thead td {
 background: #f0f0f0;
 border-bottom: 2px solid #cf000d
}

.joinD table td a:hover {
 color: #cf000d
}

@media screen and (max-width:414px) {
 .news_top a {
 width: 100%;
 border: none;
 margin-right: 0px
 }
 .news_bottom li div {
 width: 80%;
 float: left;
 padding-right: 20%
 }
 .news_bottom li div span {
 font-size: 14px
 }
 .news_bottom li a {
 padding: 20px 0px
 }
 .news_top {
 padding-bottom: 0px
 }
 .joinA a {
 width: 100%;
 margin-bottom: 15px
 }
 .joinA a div,
 .join_tit span,
 .news_bottom li strong,
 .talk_tit {
 font-size: 24px;
 }
}

.w1440 {
 width: 1440px;
 margin: 0 auto;
 overflow: hidden
}

.w1280 {
 width: 1280px;
 margin: 0 auto;
 overflow: hidden
}

.w1270 {
 width: 1270px;
 margin: 0 auto;
 overflow: hidden
}

@media screen and (max-width:1025px) {
 .w1440,
 .w1270,
 .talkB .w1280 {
 width: 96%;
 }
 .w1280 {
 width: 96%
 }
 .container,
 .M_menu {
 display: none
 }
 .containerA {
 display: block
 }
 .joinA a {
 width: 48%
 }
 .joinB_con p {
 width: 32%;
 margin-right: 2%;
 margin-bottom: 15px
 }
 .joinB_con p:nth-child(3n) {
 margin-right: 0px
 }
 .joinB_bo p {
 width: 25%;
 margin-right: 0px
 }
 .joinB_bo p:nth-child(5) {
 bottom: 0px;
 top: auto
 }
 .joinB_bo p:last-child {
 position: absolute;
 left: 50%;
 bottom: 0px
 }
 .join_C ul li {
 width: 49%;
 margin-right: auto;
 margin-top: 15px
 }
 .join_C ul li:nth-child(2n) {
 float: right
 }
 .news_top a {
 width: 31.6%;
 margin-right: 2%
 }
 .about_AL {
 width: 45%;
 padding: 0px 2%;
 padding-bottom: 40px
 }
 .talkC ul li {
 width: 31.6%;
 margin-right: 2%;
 margin-top: 50px
 }
 .talkC ul li:nth-child(3n) {
 margin-right: 0px
 }
 .talkC ul {
 margin-top: 20px
 }
 .talk1_A .w1280 div {
 width: 100%;
 margin-bottom: 20px
 }
 .talk1_A .w1280>p,
 .talk1_A:nth-child(2n) .w1280>p {
 float: none;
 margin: 0 auto
 }
 .talk2_con .talk1_A .w1280 div,
 .xqA_left,
 .metxqC_right {
 width: 100%
 }
 .xqA .w1270>p {
 float: none;
 margin: 0 auto
 }
}

@media screen and (max-width:1280px) {
 .w1280,
 .w1270 {
 width: 1200px;
 }
 .talkC ul li {
 margin-right: 18px
 }
 .join_C ul li {
 width: 283px
 }
 .join_C ul li div {
 padding: 16px
 }
 .joinB_con p {
 width: 224px
 }
 .joinA a {
 width: 48%
 }
 .met1_con .met1_top div img {
 margin-top: 24px
 }
 .about3_L {
 width: 616px
 }
 .metxqG ul li p:last-child {
 width: 506px
 }
}