/* Minification failed. Returning unminified contents.
(80,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1081,9): run-time error CSS1035: Expected colon, found '/'
(1090,12): run-time error CSS1035: Expected colon, found '/'
 */
.letterfx-container {}

.letterfx {
    display: inline-block;
    margin: 0;
    padding: 0;
    transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
}

/* Spin FX */

.letterfx-spin-before {
    transform: rotate(3600deg);
    -ms-transform: rotate(3600deg);
    -webkit-transform: rotate(3600deg);
}

.letterfx-spin-after {
    transform: none;
}

/* Fade FX */

.letterfx-fade-before {
    opacity: 0;
}

/* Grow FX */

.letterfx-grow-before {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

.letterfx-grow-after {
    transform: none;
}

/* Smear FX */

.letterfx-smear-before {
    color: transparent;
    text-shadow: -1px -1px 25px transparent;
}

.letterfx-smear-after {
    color: inherit;
    text-shadow: 0 0 #333;
}

/* Fall FX */

.letterfx-fall-before {
    visibility: hidden;
    transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
}

.letterfx-fall-after {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    text-shadow: 0;
}

/* Swirl FX */

.letterfx-swirl-before {
    visibility: hidden;
    transform: scale(3, 3) rotate(3600deg);
    -ms-transform: scale(3, 3) rotate(3600deg);
    -webkit-transform: scale(3, 3) rotate(3600deg);
}

.letterfx-swirl-after {
    transform: none text-shadow:0;
}

/* Wave FX */

.letterfx-wave-container .letterfx {
    position: relative;
}

.letterfx-wave-before {
    bottom: 0;
}

.letterfx-wave-after {
    bottom: 15px;
}

/* FLY FX */

.letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx {
    position: relative;
}

.letterfx-fly-left-before {
    left: -50em;
}

.letterfx-fly-left-after {
    left: 0;
}

.letterfx-fly-right-before {
    right: -50em;
}

.letterfx-fly-right-after {
    right: 0;
}

.letterfx-fly-top-before {
    top: -20em;
}

.letterfx-fly-top-after {
    top: 0;
}

.letterfx-fly-bottom-before {
    bottom: -20em;
}

.letterfx-fly-bottom-after {
    bottom: 0;
}
@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;
}

html {
    _background-image: url(about:blank);
    _background-attachment: fixed;
    font-size: 22.2222vw;
}
@media screen and (min-width: 451px) {
  html {
    font-size: 100px;
  }
}
body {
    -webkit-text-size-adjust: none;
    line-height: 120%;
    font-family: 微软雅黑, 'Heiti SC', 黑体, Arial;
    font-size: 12px;
    /*min-width: 1250px;*/
    max-width: 1920px;

    font-size: 20px;
}
@media screen and (max-width: 1600px) and (min-width: 1441px) {
  body {
    font-size: 19px;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
  body {
    font-size: 18px;
  }
}
@media screen and (max-width: 1279px) and (min-width: 992px) {
  body {
    font-size: 17px;
  }
}
@media screen and (max-width: 991px) {
  body {
    font-size: 0.16rem;
  }
}

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

a {
    text-decoration: none;
    color: #707070;
}

a:hover {
    color: #666;
}

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: #f3582a;
}

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

/*--�?-*/

.block {
    /*width: 1250px;*/
    max-width: 1250px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

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

/* 头部 */

#header {
    height: 79px;
    width: 100%;
    background: #f8f8f8;
    border-bottom: solid 1px #e7e7e7;
}

#header .block {
    height: 103px;
    position: relative;
}

#header .logo {
    float: left;
    /*width: 65px;*/
    height: 44px;
    margin: 18px 0 0 11px;
}

/*�?/

#header .nav {
    float: left;
    height: 80px;
    line-height: 80px;
    margin-left: 80px;
}

/*�?/

#header .nav li {
    float: left;
    margin-right: 40px;
}

#header .nav li.e:hover {
    background: url(../../Img/images/arrow1.png) center bottom no-repeat;
}

#header .nav li.e:hover a,
#header .nav li.now a {
    color: #97010c;
}

#header .nav li.e:hover .links a {
    color: #fff;
}

#header .nav li a {
    font-size: 14px;
    color: #474747;
    display: block;
}

#header .hide {
    position: absolute;
    background: #343434;
    width: 752px;
    /*height:205px;*/
    top: 80px;
    left: 245px;
    display: none;
    z-index: 1000;
    padding-bottom: 20px;
}

#header .hide .pic {
    width: 265px;
    height: 151px;
    overflow: hidden;
    margin: 28px 0 0 28px;
    float: left;
}

#header .hide .text {
    float: left;
    width: 406px;
    margin: 28px 0 0 31px;
}

#header .hide .text .links {
    /*height:46px;*/
    line-height: 2;
    border-bottom: solid 1px #5a5a5a;
    padding-bottom: 8px;
}

#header .hide .text .links a {
    float: left;
    font-size: 14px;
    color: #fff;
    margin-right: 36px;
}

#header .nav li.e:hover .links a:hover {
    color: #cc0100;
}

#header .hide .text .p {
    font-size: 12px;
    color: #fff;
    line-height: 1.6;
    margin-top: 13px;
}

#header .r {
    float: right;
    margin-top: 30px;
}

#header .r .lang {
    float: right;
    line-height: 20px;
}

/*�?/

#header .r .lang a {
    color: #474747;
    font-size: 14px;
    margin-right: 10px;
}

#header .r .lang a.now {
    color: #97010c;
}

/*�?/

#header .r .tel {
    float: right;
    /*margin-right: 10px;*/
    /*border-right: solid 1px #e5e5e5;*/
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    /*padding-right: 10px;*/
}

/* 底部 */

#footer {
    background: #4c4c4c;
    height: 215px;
}

#footer .f1 {
    height: 170px;
}

#footer .f1 h2 {
    padding-top: 45px;
    margin-left: 35px;
}

#footer .f1 h2 a {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    background: url(../../Img/images/arrow6.png) right center no-repeat;
    padding-right: 22px;
}

#footer .f1 .div1 {
    float: left;
    padding-right: 50px;
    margin-top: 5px;
    font-size: 12px;
    color: #c3c3c3;
    line-height: 1.8;
    background: url(../../Img/images/line.png) right 4px no-repeat;
    margin-left: 35px;
}

#footer .f1 .div2 {
    float: left;
    padding-right: 50px;
    margin-top: 5px;
    font-size: 12px;
    color: #c3c3c3;
    line-height: 1.8;
    background: url(../../Img/images/line.png) right 4px no-repeat;
    margin-left: 50px;
}

#footer .f1 .div3 {
    float: left;
    margin-top: 5px;
    font-size: 12px;
    color: #c3c3c3;
    line-height: 1.8;
    margin-left: 50px;
}

#footer .f1 .links {
    float: right;
    margin-right: 30px;
    margin-top: -15px;
}

#footer .f1 .links .a1 {
    background: url(../../Img/images/img1.png) center top no-repeat;
    width: 32px;
    height: 33px;
    display: block;
    float: left;
}

#footer .f1 .links .a1:hover {
    background: url(../../Img/images/img1.png) center bottom no-repeat;
}

#footer .f1 .links .a2 {
    background: url(../../Img/images/img2.png) center top no-repeat;
    width: 32px;
    height: 33px;
    display: block;
    float: left;
    margin-left: 9px;
}

#footer .f1 .links .a2:hover {
    background: url(../../Img/images/img2.png) center bottom no-repeat;
}

#footer .f1 .links .a3 {
    background: url(../../Img/images/img3.png) center top no-repeat;
    width: 32px;
    height: 33px;
    display: block;
    float: left;
    margin-left: 9px;
}

#footer .f1 .links .a3:hover {
    background: url(../../Img/images/img3.png) center bottom no-repeat;
}

#footer .f1 .links .hide1 {
    position: absolute;
    right: 150px;
    top: 25px;
    width: 100px;
    height: 100px;
    display: none;
}

#footer .f1 .links .hide1 img {
    width: 100%;
    height: 100%;
}

#footer .f1 .links .hide2 {
    position: absolute;
    /*right: 110px;*/
    right: 70px;
    top: 25px;
    width: 100px;
    height: 100px;
    display: none;
}

#footer .f1 .links .hide2 img {
    width: 100%;
    height: 100%;
}

#footer .f2 {
    height: 45px;
    background: url(../../Img/images/bg1.jpg) center center repeat;
    line-height: 45px;
}

#footer .f2 a {
    font-size: 12px;
    color: #c3c3c3;
}

#footer .f2 a:hover {
    color: #ddd;
}

#footer .f2 .l {
    float: left;
    font-size: 12px;
    color: #c3c3c3;
    margin-left: 30px;
}

#footer .f2 .l a {
    margin: 0 5px;
}

#footer .f2 .m {
    float: left;
    left: 50%;
    margin-left: 35px;
}
#footer .f2 .m p{
    font-size: 12px;
    color: #c3c3c3;
}

#footer .f2 .r {
    float: right;
    margin-right: 30px;
}

.cnav {
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 1100;
}

.cnav .search {
    background: url(../../Img/images/img4.png) center top no-repeat;
    width: 50px;
    height: 40px;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
}

.cnav .weibo {
    background: url(../../Img/images/img5.png) center top no-repeat;
    width: 50px;
    height: 40px;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
    display: block;
}

.cnav .weibo:hover {
    background: url(../../Img/images/img5.png) center bottom no-repeat;
}

.cnav .weixin {
    background: url(../../Img/images/img6.png) center top no-repeat;
    width: 50px;
    height: 40px;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
}

.cnav .weixin:hover {
    background: url(../../Img/images/img6.png) center bottom no-repeat;
}

.cnav .close {
    background: url(../../Img/images/img7.png) center top no-repeat;
    background-size: 50px 74px;
    width: 50px;
    height: 37px;
    margin-bottom: 2px;
    cursor: pointer;
}

.cnav .close:hover {
    background: url(../../Img/images/img7.png) center bottom no-repeat;
    background-size: 50px 74px;
}

.cnav .top {
    background: url(../../Img/images/img8.png) center top no-repeat;
    background-size: 50px 74px;
    width: 50px;
    height: 37px;
    cursor: pointer;
}

.cnav .top:hover {
    background: url(../../Img/images/img8.png) center bottom no-repeat;
    background-size: 50px 74px;
}

.cnav .hide {
    background: url(../../Img/images/erbg.png) center center no-repeat;
    width: 140px;
    height: 130px;
    position: absolute;
    right: 55px;
    top: -17px;
    display: none;
}

.cnav .hide .er {
    width: 110px;
    height: 110px;
    margin: 10px 0 0 12px;
    overflow: hidden;
}

.cnav .hide .er img {
    width: 100%;
    height: 100%;
}

.cnav .search .inner {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../../Img/images/search.png) center center no-repeat;
    width: 200px;
    height: 40px;
    display: none;
}

.cnav .search .inner input {
    float: left;
    width: 140px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: none;
}

.cnav .search .inner .btn {
    float: right;
    width: 40px;
    height: 40px;
    display: block;
}

.page {
    text-align: center;
    height: 32px;
}

.page li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    background: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #707070;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
    border: solid 1px #7e7e7e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.page li a {
    color: #707070;
    display: block;
    width: 30px;
    height: 30px;
}

.page li.no,
.page li.no:hover {
    background: none;
    width: 15px;
    border: none;
}

.page li.now,
.page li:hover {
    background: #444;
    border: none;
    height: 32px;
    width: 32px;
}

/*�?新增*/

.page li.nobg:hover {
    background: none;
    border: solid 1px #7e7e7e;
    height: 30px;
    width: 30px;
    cursor: default;
}

.page li.now a,
.page li:hover a {
    height: 32px;
    width: 32px;
}

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

.page li.no2,
.page li.no2:hover {
    background: none;
    border: none;
}

.page li.no2 {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #707070;
    text-align: center;
}

.page .in {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #707070;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
    border: solid 1px #7e7e7e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.page li.go,
.page li.go:hover {
    background: #444;
    height: 32px;
    width: 32px;
    border: none;
}

.page li.go a {
    color: #fff;
    width: 32px;
    height: 32px;
}

/* 首页 */

#banner {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    min-height: 100vh;
    /*min-width: 1250px;*/
}

#banner .child {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#banner .nav {
    position: absolute;
    left: 0;
    bottom: 113px;
    width: 100%;
    text-align: center;
}

#banner .nav a {
    display: inline-block;
    background: url(../../Img/images/nav1.png) center center no-repeat;
    width: 30px;
    height: 7px;
    margin: 0 2px;
}

#banner .nav a.now {
    background: url(../../Img/images/nav2.png) center center no-repeat;
}

#header.home {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: url(../../Img/images/white80.png) center center repeat;
    /*min-width: 1250px;*/
}

#header.home .nav li.e:hover {
    background: none;
}

#home .main1 {
    height: 645px;
    padding-top: 100px;
    overflow: hidden;
}

#home .main1 .text {
    text-align: center;
    position: relative;
}

#home .main1 .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: 40%;
    width: 100%;
    margin-left: -625px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#home .main1 .text p {
    width: 735px;
    position: absolute;
    left: 40%;
    left/0: 50%;
    margin-left: -368px;
    line-height: 1.5;
    top: 42px;
    font-size: 14px;
    color: #474747;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    opacity/0: 1;
}

/*�?/

#home .main1 .ul {
    position: absolute;
    top: 115px;
    left: 0;
    overflow: hidden;
    height: 410px;
    width: 100%;
}

/*�?/

#home .main1 .ul ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px;
    height: 410px;
}

/*�?/

#home .main1 .ul ul li {
    float: left;
    width: 408px;
    height: 410px;
    position: relative;
    margin-right: 13px;
}

/*�?/

#home .main1 .ul ul li .pic {
    width: 408px;
    height: 308px;
    overflow: hidden;
}

#home .main1 .ul ul li .t {
    background: #f2f2f2;
    height: 110px;
    position: relative;
}

#home .main1 .ul ul li .t h2 {
    font-size: 20px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: 24px;
    top: 24px;
    width: 362px;
}

#home .main1 .ul ul li .t .s1 {
    position: absolute;
    font-size: 34px;
    color: #474747;
    position: absolute;
    right: 24px;
    bottom: 18px;
}

/*�?/

#home .main1 .ul ul li .up {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../Img/images/bg6.png) center center repeat;
    width: 308px;
    height: 410px;
    padding: 40px 50px;
    display: none;
}

#home .main1 .ul ul li .up .s2 {
    color: #fff;
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1;
}

#home .main1 .ul ul li .up .s3 {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

#home .main1 .ul ul li .up h3 {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 12px;
}

#home .main1 .ul ul li .up .p1 {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 7px;
}

#home .main1 .ul ul li .up .p2 {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px;
}

#home .main1 .ul ul li .up .p2 span {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

#home .main1 .ul ul li .up .more {
    color: #ffa4a4;
    font-size: 14px;
    margin-top: 15px;
    display: block;
    float: left;
}

#home .main1 .ul ul li .up .s4 {
    position: absolute;
    font-size: 34px;
    color: #fff;
    position: absolute;
    right: 24px;
    bottom: 24px;
}

#home .main1 .ul .arrow_l {
    display: block;
    background: url(../../Img/images/arrow13.png) center center no-repeat;
    width: 32px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 130px;
}

#home .main1 .ul .arrow_r {
    display: block;
    background: url(../../Img/images/arrow14.png) center center no-repeat;
    width: 32px;
    height: 55px;
    position: absolute;
    right: 0;
    top: 130px;
}

/*�?/

#home .main1 .more_l {
    font-size: 14px;
    color: #474747;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    display: block;
    position: absolute;
    top: 555px;
    left: 50%;
    margin-left: -95px;
}

#home .main1 .more_l:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#home .main2 {
    height: 800px;
    background: #f2f2f2;
    padding-top: 90px;
    overflow: hidden;
}

#home .main2 .text {
    text-align: center;
    position: relative;
    height: 120px;
}

#home .main2 .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: 40%;
    width: 100%;
    margin-left: -625px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#home .main2 .text p {
    width: 900px;
    position: absolute;
    left: 40%;
    margin-left: -450px;
    line-height: 1.5;
    top: 42px;
    font-size: 14px;
    color: #474747;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#home .main2 .box {
    height: 560px;
    position: relative;
}

#home .main2 .box .t {
    position: absolute;
    padding-left: 27px;
    left: 0;
    bottom: 38px;
}

#home .main2 .box .t h2 {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

#home .main2 .box .t h3 {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
}

#home .main2 .box .t h4 {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

/*#home .main2 .box .div3 .t h2,
#home .main2 .box .div3 .t h3,
#home .main2 .box .div3 .t h4,
#home .main2 .box .div1 .t h2,
#home .main2 .box .div1 .t h3,
#home .main2 .box .div1 .t h4,
#home .main2 .box .div9 .t h2,
#home .main2 .box .div9 .t h3,
#home .main2 .box .div9 .t h4 {
    color: #474747;
}*/

#home .main2 .box .div6 {
    position: absolute;
    left: 0;
    top: 336px;
    width: 417px;
    height: 224px;
    overflow: hidden;
    transform: translateX(0)\9\0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}

#home .main2 .box .div2 {
    position: absolute;
    left: 417px;
    top: 0;
    width: 207px;
    height: 381px;
    overflow: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

#home .main2 .box .div3 {
    position: absolute;
    left: 624px;
    top: 0;
    width: 209px;
    height: 190px;
    overflow: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

#home .main2 .box .div4 {
    position: absolute;
    left: 833px;
    top: 0;
    width: 209px;
    height: 190px;
    overflow: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

#home .main2 .box .div5 {
    position: absolute;
    left: 1042px;
    top: 0;
    width: 208px;
    height: 280px;
    overflow: hidden;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

#home .main2 .box .div1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 417px;
    height: 336px;
    overflow: hidden;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}

#home .main2 .box .div7 {
    position: absolute;
    left: 624px;
    top: 190px;
    width: 418px;
    height: 191px;
    overflow: hidden;
}

#home .main2 .box .div8 {
    position: absolute;
    left: 417px;
    top: 381px;
    width: 416px;
    height: 179px;
    overflow: hidden;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

#home .main2 .box .div9 {
    position: absolute;
    left: 833px;
    top: 381px;
    width: 209px;
    height: 179px;
    overflow: hidden;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

#home .main2 .box .div10 {
    position: absolute;
    left: 1042px;
    top: 280px;
    width: 208px;
    height: 280px;
    overflow: hidden;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

#home .main2 .box .d {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#home .main3 {
    height: 496px;
    overflow: hidden;
    position: relative;
}

#home .main3 .bg {
    width: 1920px;
    height: 496px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -248px 0 0 -960px;
    display: block;
    animation: zoom1 15s linear 0s infinite;
    -webkit-animation: zoom1 15s linear 1s infinite;
}

@-webkit-keyframes zoom1 {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom1 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

#home .main3 .box {
    position: absolute;
    left: 50%;
    top: 117px;
    margin-left: -625px;
    width: 1250px;
    z-index: 2;
    display: none;
}

#home .main3 .box .div {
    float: left;
    width: 339px;
    margin-left: 92px;
}

#home .main3 .box .div.a {
    margin-left: 32px;
}

#home .main3 .box .div a {
    display: block;
    width: 100%;
    height: 100%;
}

#home .main3 .box .div .date {
    width: 96px;
    height: 78px;
    border: solid 2px #fff;
    padding-top: 18px;
}

#home .main3 .box .div .date h3 {
    color: #fff;
    line-height: 1.2;
    margin: 0 0 0 13px;
    font-size: 29px;
    font-family: Arial, Helvetica, sans-serif;
}

#home .main3 .box .div .date h4 {
    color: #fff;
    line-height: 1.2;
    margin: 3px 0 0 13px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

#home .main3 .box .div .text {
    margin-top: 40px;
}

#home .main3 .box .div .text h3 {
    color: #fff;
    line-height: 1.2;
    font-size: 16px;
}

#home .main3 .box .div .text p {
    color: #fff;
    line-height: 1.5;
    font-size: 12px;
    margin-top: 10px;
}

#home .main3 .box .div .text .more {
    color: #fff;
    line-height: 1.5;
    font-size: 14px;
    display: block;
    margin-top: 25px;
    float: left;
}

#home .main3 .box .div .text .more:hover {
    color: #cc0100;
}

@media screen and (min-width: 768px){
    #home .main3 .box .div:hover .date {
        background: #940010;
        width: 100px;
        height: 80px;
        border: none;
        padding-top: 20px;
    }
    #home .main3 .box .div:hover .date h3 {
        margin: 0 0 0 15px;
    }
    #home .main3 .box .div:hover .date h4 {
        margin: 3px 0 0 15px;
    }
}

.animate1 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate2 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: .4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate3 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate4 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate5 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate6 {
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 1.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

/*�?弹出框样�?/

.alert {
    width: 354px;
    height: 214px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -177px;
    margin-top: -107px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.alert .ico {
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../../Img/images/icoalert1.png) center top no-repeat;
    margin-left: 145px;
    margin-top: 20px;
}

.alert .ico2 {
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../../Img/images/icoalert2.png) center top no-repeat;
    margin-left: 145px;
    margin-top: 20px;
}

/*.alert .close{width:40px;height:40px;background:url(../../Img/images/close1.png) center center no-repeat;position:absolute;right:0;top:0;}*/

.alert .text {
    height: 40px;
    margin-top: 120px;
    text-align: center;
    font-size: 12px;
}

.alert .btn {
    position: absolute;
    display: block;
    width: 95px;
    height: 30px;
    background-color: #971a1e;
    text-align: center;
    color: #fff;
    line-height: 30px;
    left: 50%;
    margin-left: -47px;
}

a.alertbtn {
    position: absolute;
    text-decoration: none;
}

#header .r{
    margin-top: 25px;
}
#header .r .tel{
    line-height: 25px;
    float: left;
}
#header .r .link{
    float: left;
    margin-left: 14px;
}
#header .r .link img{
    display: block;
    width: 25px;
}
@charset "utf-8";
.bread {
    height: 50px;
    line-height: 50px;
}

.bread p {
    margin-left: 12px;
    font-size: 12px;
    color: #474747;
}

.bread p a {
    color: #474747;
    margin: 0 5px;
}

.bread p span {
    color: #474747;
    margin: 0 5px;
}

#more {
    height: 350px;
    background: #f2f2f2;
}

#more .block {
    position: relative;
    height: 350px;
}

#more h3 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    padding-top: 65px;
}

#tabs {
    width: 950px;
    position: absolute;
    left: 50%;
    margin-left: -475px;
    top: 135px;
    height: 197px;
    overflow: hidden;
}

.serBox {
    /*position: absolute;*/
    width: 160px;
    height: 170px;
    /*left: -200px;top: 0;*/
    overflow: hidden;
    /*filter:alpha(opacity=0);-moz-opacity:0;opacity:0;*/
    margin: 0 38px;
    position: relative;
    float: left;
}

.serBox h4 {
    text-align: center;
    color: #474747;
    font-size: 18px;
    line-height: 1.2;
    padding-top: 20px;
}

.serBox h5 {
    text-align: center;
    color: #707070;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
}

.serBox .pic1 {
    width: 108px;
    height: 108px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 25px;
}

.serBox .pic2 {
    width: 108px;
    height: 108px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: -110px;
}

.serBox .txt1 {
    width: 100%;
    position: absolute;
    top: 105px;
    left: 0px;
}

.serBox .txt2 {
    width: 100%;
    position: absolute;
    top: 105px;
    right: -160px;
}

.serBox .txt2 h5 {
    color: #cc0100;
}

/* 新闻详情�?*/

#detail .main {
    margin-top: 40px;
    padding-bottom: 80px;
}

#detail .main .left {
    width: 817px;
    margin-left: 25px;
    float: left;
    position: relative;
    padding-right: 29px;
}

#detail .main .left h1 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#detail .main .left h3 {
    text-align: center;
    font-size: 12px;
    color: #707070;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15px;
}

/*�?/

#detail .main .left .share {
    position: absolute;
    /*top:40px;*/
    right: 29px;
    font-size: 12px;
    color: #707070;
    height: 28px;
}

#detail .main .left .share span {
    float: left;
    line-height: 28px;
}

#detail .main .left .share .bdsharebuttonbox {
    float: left;
}

/*�?/

#detail .main .left .p {
    margin-top: 30px;
    font-size: 14px;
    color: #707070;
    line-height: 1.5;
}

#detail .main .right {
    float: right;
    padding: 0 20px;
    width: 338px;
    border-left: solid 1px #e7e7e7;
}

#detail .main .right h2 {
    color: #474747;
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 10px;
}

#detail .main .right .div1 .pic {
    width: 338px;
    height: 194px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

#detail .main .right .div1 .pic h3 {
    background: url(../../Img/images/black50.png) center center repeat;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#detail .main .right .div2 {
    margin-top: 40px;
}

#detail .main .right .div2 .p a {
    display: block;
    font-size: 14px;
    color: #474747;
    line-height: 2.2;
}

#detail .main .right .div2 .p a:hover {
    color: #cc0100;
}

/* 联系我们 */

#contact {
    background: url(../../Img/images/bg2.jpg) center top no-repeat;
    height: 920px;
}

#contact .bread p,
#contact .bread a,
#contact .bread span {
    color: #fff;
}

#contact .main {
    margin-top: 45px;
}

#contact .main .text {
    width: 924px;
    position: relative;
    margin: 40px auto 0;
    text-align: center;
    height: 210px;
}

#contact .main .text h3 {
    width: 100%;
    font-size: 28px;
    color: #fff;
    position: absolute;
    left: 40%;
    margin-left: -462px;
    line-height: 1.2;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#contact .main .text .p {
    width: 100%;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 40%;
    margin-left: -462px;
    line-height: 1.5;
    top: 47px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#contact .main .text .more {
    width: 288px;
    height: 45px;
    position: absolute;
    left: 40%;
    margin-left: -145px;
    top: 113px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    border: solid 1px #fff;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}

#contact .main .text .more:hover {
    width: 290px;
    height: 47px;
    background: #b50100;
    border: none;
    line-height: 47px;
}

#contact .main .map {
    width: 935px;
    height: 532px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    overflow: hidden;
    position: relative;
}

#contact .main .map #bdmap1 {
    width: 100%;
    height: 100%;
    display: none;
}

#contact .main .map #bdmap2 {
    width: 100%;
    height: 100%;
}

#contact .main .map .d1 {
    background: url(../../Img/images/bgmap.png) center top no-repeat;
    width: 126px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 20px;
    cursor: pointer;
    z-index: 10;
}

#contact .main .map .d1 span {
    background: url(../../Img/images/img13.png) left 3px no-repeat;
    padding-left: 17px;
    color: #474747;
    font-size: 14px;
}

#contact .main .r {
    float: right;
    width: 307px;
    height: 532px;
}

#contact .main .map .d2 {
    background: url(../../Img/images/bgmap.png) center top no-repeat;
    width: 126px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 155px;
    cursor: pointer;
    z-index: 10;
}

#contact .main .map .d2 span {
    background: url(../../Img/images/img14.png) left 3px no-repeat;
    padding-left: 21px;
    color: #474747;
    font-size: 14px;
}

#contact .main .r {
    float: right;
    width: 307px;
    height: 532px;
}

#contact .main .map .d2.now,
#contact .main .map .d2:hover,
#contact .main .map .d1.now,
#contact .main .map .d1:hover {
    background: url(../../Img/images/bgmap.png) center bottom no-repeat;
}

#contact .main .map .d1.now span,
#contact .main .map .d1:hover span {
    background: url(../../Img/images/img13-1.png) left 3px no-repeat;
    color: #fff;
}

#contact .main .map .d2.now span,
#contact .main .map .d2:hover span {
    background: url(../../Img/images/img14-1.png) left 3px no-repeat;
    color: #fff;
}

/*�?/

#contact .main .r .information {
    width: 257px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #303030;
    height: 518px;
    padding: 15px 25px 0;
}

#contact .main .r .information div {
    padding-left: 40px;
    font-size: 12px;
    line-height: 1.8;
    color: #fff;
    margin-top: 12px;
}

#contact .main .r .information .p1 {
    background: url(../../Img/images/img01.png) 3px top no-repeat;
    background-size: auto 23px;
}

#contact .main .r .information .p2 {
    background: url(../../Img/images/img02.png) left center no-repeat;
    background-size: 23px;
}

#contact .main .r .information .p3 {
    background: url(../../Img/images/img03.png) 1px center no-repeat;
    background-size: 23px;
}

#contact .main .r .information .p4 {
    background: url(../../Img/images/img04.png) 2px center no-repeat;
    background-size: 23px;
}

#contact .main .r .information .p5 {
    background: url(../../Img/images/img05.png) 3px center no-repeat;
    background-size: 23px;
}

#contact .main .r .information .p6 {
    background: url(../../Img/images/img07.png) 4px top no-repeat;
    background-size: 23px;
}

#contact .main .r .information .p7 {
    background: url(../../Img/images/img06.png) 2px 2px no-repeat;
    background-size: 23px;
}

#contact .main .r .form {
    width: 247px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #303030;
    height: 194px;
    padding: 30px 30px 0;
    margin-top: 11px;
}

#contact .main .r .form .input {
    height: 30px;
    width: 247px;
    background: #fff;
    margin-bottom: 12px;
}

#contact .main .r .form .input label {
    float: left;
    font-size: 12px;
    color: #909090;
    line-height: 30px;
    display: block;
    width: 70px;
    margin-left: 13px;
}

#contact .main .r .form .input input {
    float: left;
    width: 160px;
    height: 30px;
    font-size: 12px;
    color: #474747;
    line-height: 30px;
}

#contact .main .r .form .submit {
    float: right;
    width: 85px;
    height: 30px;
    background: #fff;
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #707070;
    cursor: pointer;
}

/* 资质荣誉 */

#honor {
    padding-bottom: 78px;
}

#honor .bread p,
#honor .bread a,
#honor .bread span {
    color: #fff;
}

#honor .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#honor .banner {
    height: 575px;
    background: url(../../Img/images/bg3.jpg) center top no-repeat;
}

#honor .banner .block {
    position: relative;
}

#honor .banner .text {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
    width: 100%;
}

#honor .banner .text h3 {
    color: #fff;
    font-size: 130px;
    font-family: Impact;
    line-height: 1;
    position: absolute;
    left: 40%;
    width: 100%;
    margin-left: -625px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#honor .banner .text p {
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    width: 834px;
    position: absolute;
    left: 40%;
    width: 100%;
    margin-left: -625px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    top: 140px;
}

#honor .banner .year {
    background: url(../../Img/images/line3.png) left bottom no-repeat;
    height: 85px;
    padding-top: 50px;
    position: absolute;
    top: 330px;
    width: 100%;
}

#honor .banner .arrow_l {
    background: url(../../Img/images/left.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 75px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#honor .banner .arrow_r {
    background: url(../../Img/images/right.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 75px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#honor .banner .ul {
    width: 900px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 90px;
}

#honor .banner .ul ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 20000px;
}

#honor .banner .ul ul li {
    float: left;
    width: 100px;
    margin: 0 40px;
}

#honor .banner .ul ul li.now h3,
#honor .banner .ul ul li:hover h3 {
    font-size: 37px;
    font-weight: bold;
    color: #810c18;
}

#honor .banner .ul ul li h3 {
    text-align: center;
    padding-top: 37px;
    font-size: 30px;
    color: #fff;
}

#honor .banner .ul ul li span {
    display: block;
    background: url(../../Img/images/dian5.png) center center no-repeat;
    height: 15px;
    width: 15px;
    margin: 21px auto 0;
}

#honor .list {
    margin: 92px auto 0;
    width: 1244px;
}

#honor .list .pic {
    float: left;
    position: relative;
    width: 622px;
    height: 442px;
    overflow: hidden;
}

#honor .list .pic img {
    width: 100%;
    height: auto;
}

#honor .list .pic .up {
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black50.png) center center repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#honor .list .pic .up h3 {
    color: #fff;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    margin: 300px 0 0 50px;
}

#honor .list .pic .up h3 span {
    font-size: 40px;
}

#honor .list .pic .up p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    width: 290px;
    margin: 5px 0 0 50px;
}

#honor .list .text {
    float: left;
    background: url(../../Img/images/bg3.png) center center repeat;
    width: 480px;
    height: 442px;
    padding: 0 75px 0 67px;
}

#honor .list .text h3 {
    font-size: 18px;
    color: #474747;
    line-height: 1.2;
    margin-top: 90px;
}

#honor .list .text h4 {
    background: url(../../Img/images/clock.png) left center no-repeat;
    padding-left: 22px;
    color: #707070;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    margin-top: 8px;
}

#honor .list .text p {
    color: #707070;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
}

#honor .more {
    font-size: 14px;
    color: #474747;
    width: 188px;
    height: 43px;
    border: solid 1px #909090;
    text-align: center;
    line-height: 43px;
    margin: 45px auto 0;
    display: block;
}

#honor .more:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

/* 加入维拓 */

#join .main1 {
    height: 485px;
    margin-top: 75px;
    overflow: hidden;
}

#join .main1 .text {
    float: left;
    width: 585px;
    background: url(../../Img/images/bg4.png) center 20px no-repeat;
    position: relative;
    height: 353px;
}

#join .main1 .text h2 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: -50px;
    top: 60px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text h3 {
    font-size: 20px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: -50px;
    top: 100px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text p {
    width: 585px;
    font-size: 12px;
    color: #707070;
    line-height: 1.5;
    position: absolute;
    left: -50px;
    top: 140px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text .learn {
    font-size: 14px;
    color: #810c18;
    line-height: 1.2;
    position: absolute;
    left: -50px;
    top: 215px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text h4 {
    font-size: 20px;
    color: #474747;
    line-height: 1.2;
    position: absolute;
    left: -50px;
    top: 250px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text .link {
    position: absolute;
    left: -50px;
    top: 290px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#join .main1 .text .link a {
    display: block;
    width: 153px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    font-size: 14px;
    color: #474747;
    margin-right: 10px;
    float: left;
}

#join .main1 .text .link a:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 155px;
    height: 45px;
    line-height: 45px;
}

#join .main1 .pic {
    width: 625px;
    height: 353px;
    overflow: hidden;
    float: right;
}

#join .main2 {
    height: 650px;
    background: #f2f2f2;
}

#join .main2 .focus {
    position: relative;
    overflow: hidden;
    height: 600px;
}

#join .main2 .focus .frame {
    position: relative;
    overflow: hidden;
    height: 550px;
}

#join .main2 .focus .frame .child {
    float: left;
    width: 1250px;
}

#join .main2 .focus .nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#join .main2 .focus .nav a {
    display: inline-block;
    background: url(../../Img/images/dian1.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

#join .main2 .focus .nav a.now {
    background: url(../../Img/images/dian2.png) center center no-repeat;
}

#join .main2 .title {
    text-align: center;
    padding-top: 96px;
}

#join .main2 .title h2 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#join .main2 .title h3 {
    font-size: 20px;
    color: #474747;
    line-height: 1.2;
    margin-top: 7px;
}

#join .main2 .box {
    margin-top: 45px;
}

#join .main2 .box .pic {
    float: left;
    width: 410px;
    height: 341px;
    overflow: hidden;
    margin: 0 0 10px 10px;
    position: relative;
}

#join .main2 .box .pic.a {
    margin-left: 0;
}

#join .main2 .box .pic img {
    width: 100%;
    height: auto;
}

#join .main2 .box .pic h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    background: url(../../Img/images/black65.png) center center repeat;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
}

#join .main3 {
    padding: 90px 0 75px;
}

#join .main3 .title {
    text-align: center;
}

#join .main3 .title h2 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#join .main3 .title h3 {
    font-size: 20px;
    color: #474747;
    line-height: 1.2;
    margin-top: 7px;
}

#join .main3 .link {
    height: 45px;
    text-align: center;
    margin-top: 15px;
}

#join .main3 .link a {
    display: inline-block;
    width: 153px;
    height: 43px;
    border: solid 1px #a7a7a7;
    line-height: 43px;
    font-size: 14px;
    color: #474747;
    margin-right: 10px;
}

#join .main3 .link a:hover,
#join .main3 .link a.now {
    color: #fff;
    background: #b50100;
    border: none;
    width: 155px;
    height: 45px;
    line-height: 45px;
}

#join .main3 table {
    margin-top: 35px;
    display: none;
}

#join .main3 table.a {
    display: block;
}

#join .main3 table tr {
    height: 50px;
    border-bottom: solid 2px #f2f2f2;
    text-align: center;
    font-size: 12px;
    color: #474747;
}

#join .main3 table th {
    background: #f2f2f2;
    font-size: 16px;
    color: #474747;
    font-weight: normal;
}

#join .main3 table .t1 {
    width: 200px;
}

#join .main3 table .t2 {
    width: 250px;
}

#join .main3 table .t3 {
    width: 200px;
}

#join .main3 table .t4 {
    width: 200px;
}

#join .main3 table .t5 {
    width: 200px;
}
#join .main3 table .t6 {
    width: 200px;
}

#join .main3 table .check {
    color: #474747;
}

#join .main3 table .check:hover {
    color: #cc0100;
}

#join .main3 .bot {
    text-align: right;
    color: #707070;
    font-size: 12px;
    margin-top: 30px;
}

#join .main3 .bot span {
    font-size: 14px;
}

#join .main3 table .bg_black {
    position: fixed;
    background: url(../../Img/images/black50.png) center center repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    display: none;
}

#join .main3 table .bg_black .inner {
    background: #fff;
    padding: 73px 50px 73px 107px;
    width: 733px;
    position: absolute;
    left: 50%;
    margin-left: -449px;
    top: 50%;
    margin-top: -273px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 400px;
}

#join .main3 table .bg_black .inner .text {
    height: 300px;
    overflow: auto;
}

#join .main3 table .bg_black .inner .close {
    background: url(../../Img/images/close.png) center center no-repeat;
    width: 36px;
    height: 35px;
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
}

#join .main3 table .bg_black .inner h2 {
    font-size: 24px;
    color: #474747;
    line-height: 1.2;
    margin-bottom: 6px;
}

#join .main3 table .bg_black .inner h3 {
    float: left;
    font-size: 18px;
    color: #474747;
    width: 293px;
    line-height: 1.2;
    margin-top: 11px;
}

#join .main3 table .bg_black .inner h4 {
    font-size: 18px;
    color: #474747;
    width: 293px;
    line-height: 1.2;
    margin-top: 17px;
}

#join .main3 table .bg_black .inner .p {
    color: #707070;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 11px;
}

#join .main3 table .bg_black .inner .fs {
    display: block;
    width: 258px;
    height: 42px;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    background: #cc0100;
    margin-top: 30px;
}

/* 维拓新闻 */

#news .main1 {
    height: 500px;
    position: relative;
}

#news .bread p,
#news .bread a,
#news .bread span {
    color: #fff;
}

#news .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#news .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: url(../../Img/images/black100.png) center center repeat;*/
}

#news .main1 .text {
    position: absolute;
    top: 170px;
    width: 100%;
    max-width: 1250px;
    left: 50%;
    transform: translateX(-50%);
    /*margin-left: -625px;*/
    text-align: center;
}

#news .main1 .text h3 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    top: 0;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#news .main1 .text p {
    color: #fff;
    width: 890px;
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#news .main1 .text .learn {
    font-size: 14px;
    color: #fff;
    width: 188px;
    height: 43px;
    border: solid 1px #fff;
    text-align: center;
    line-height: 43px;
    display: block;
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    top: 145px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#news .main1 .text .learn:hover {
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#news .main2 {
    padding: 71px 0 79px;
}

#news .main2 .div {
    height: 230px;
    margin-bottom: 25px;
}

#news .main2 .div .pic {
    width: 408px;
    height: 230px;
    overflow: hidden;
    float: left;
}

#news .main2 .div .pic .in {
    width: 408px;
    height: 230px;
    overflow: hidden;
    position: relative;
    display: none;
}

#news .main2 .div .pic .in.a {
    display: block;
}

#news .main2 .div .pic .in img {
    width: 100%;
    height: auto;
}

#news .main2 .div .pic .in h3 {
    background: url(../../Img/images/black60.png) center center repeat;
    height: 43px;
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    line-height: 43px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 388px;
}

#news .main2 .div .text {
    width: 800px;
    float: right;
    /*background:url(../../Img/images/line2.png) left top repeat-x;*/
}

#news .main2 .div .text .t {
    height: 115px;
    background: url(../../Img/images/line2.png) left top repeat-x;
}

#news .main2 .div .text .t .date {
    width: 137px;
    text-align: center;
    float: left;
}

#news .main2 .div .text .t .r {
    float: right;
    width: 635px;
    margin-right: 27px;
}

#news .main2 .div .text .t .date h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #810c18;
    line-height: 0.9;
    margin-top: 20px;
}

#news .main2 .div .text .t .date h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #810c18;
    line-height: 1;
}

#news .main2 .div .text .t .r h3 {
    font-size: 18px;
    color: #474747;
    line-height: 1.2;
    margin-top: 22px;
}

#news .main2 .div .text .t .r p {
    font-size: 12px;
    color: #707070;
    line-height: 1.8;
    margin-top: 7px;
}

#news .main2 .div .text .t:hover {
    background: url(../../Img/images/bg6.png) center center repeat;
}

#news .main2 .div .text .t:hover .date h2,
#news .main2 .div .text .t:hover .date h3,
#news .main2 .div .text .t:hover .r p,
#news .main2 .div .text .t:hover .r h3 {
    color: #fff;
}

#news .page {
    margin-top: 50px;
}

/* 维拓著作及专�?*/

#patent .main1 {
    height: 500px;
    position: relative;
}

#patent .bread p,
#patent .bread a,
#patent .bread span {
    color: #fff;
}

#patent .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#patent .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black100.png) center center repeat;
}

#patent .main1 .text {
    position: absolute;
    top: 205px;
    width: 1250px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
}

#patent .main1 .text h3 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    position: absolute;
    left: 40%;
    margin-left: -625px;
    top: 0;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#patent .main1 .text p {
    color: #fff;
    width: 736px;
    position: absolute;
    left: 40%;
    margin-left: -368px;
    font-size: 12px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#patent .main2 {
    padding: 40px 0 80px;
}

#patent .main2 .pic {
    width: 234px;
    height: 340px;
    border: solid 1px #d5d5d5;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 0 17px 17px;
    background: url(../../Img/images/bg7.png) center center no-repeat;
}

#patent .main2 .pic.first {
    margin-left: 0;
}

#patent .main2 .pic img {
    width: 100%;
    height: auto;
}

#patent .main2 .pic .up1 {
    background: url(../../Img/images/black65.png) center center repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 45px;
    line-height: 45px;
    width: 100%;
}

#patent .main2 .pic .up1 h3 {
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
}

#patent .main2 .pic .up2 {
    background: url(../../Img/images/black65.png) center center repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 260px;
    width: 194px;
    padding: 40px 20px;
    display: none;
}

#patent .main2 .pic .up2 h3 {
    color: #fff;
    font-size: 16px;
}

#patent .main2 .pic .up2 p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
}

/* 合作伙伴 */

#partner .main1 {
    height: 500px;
    position: relative;
}

#partner .bread p,
#partner .bread a,
#partner .bread span {
    color: #fff;
}

#partner .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#partner .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black100.png) center center repeat;
}

#partner .main1 .text {
    position: absolute;
    top: 170px;
    width: 1250px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
}

#partner .main1 .text h3 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    position: absolute;
    left: 40%;
    margin-left: -625px;
    top: 0;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#partner .main1 .text p {
    color: #fff;
    width: 890px;
    position: absolute;
    left: 40%;
    margin-left: -445px;
    font-size: 14px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#partner .main1 .text .learn {
    font-size: 14px;
    color: #fff;
    width: 188px;
    height: 43px;
    border: solid 1px #fff;
    text-align: center;
    line-height: 43px;
    display: block;
    position: absolute;
    left: 40%;
    margin-left: -95px;
    top: 145px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#partner .main1 .text .learn:hover {
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#partner .main2 {
    padding: 80px 0;
}

#partner .main2 .ul {
    height: 95px;
}

#partner .main2 .ul .li {
    float: left;
    width: 33.3%;
    background: #ededed;
    height: 95px;
    cursor: pointer;
}

#partner .main2 .ul .li .in {
    margin-left: 107px;
    height: 70px;
    padding-left: 65px;
    padding-top: 25px;
    width: 244px;
}

#partner .main2 .ul .li.now {
    background: url(../../Img/images/bg6.png) center center repeat;
}

#partner .main2 .ul .li.now .in h3,
#partner .main2 .ul .li.now .in h4 {
    color: #fff;
}

#partner .main2 .ul .li.l1 .in {
    background: url(../../Img/images/img15.png) left center no-repeat;
}

#partner .main2 .ul .li.l2 .in {
    background: url(../../Img/images/img16.png) left center no-repeat;
}

#partner .main2 .ul .li.l3 .in {
    background: url(../../Img/images/img17.png) left center no-repeat;
}

#partner .main2 .ul .li.l1.now .in {
    background: url(../../Img/images/img15-1.png) left center no-repeat;
}

#partner .main2 .ul .li.l2.now .in {
    background: url(../../Img/images/img16-1.png) left center no-repeat;
}

#partner .main2 .ul .li.l3.now .in {
    background: url(../../Img/images/img17-1.png) left center no-repeat;
}

#partner .main2 .ul .li .in h3 {
    color: #474747;
    font-size: 18px;
    line-height: 1.2;
}

#partner .main2 .ul .li .in h4 {
    color: #474747;
    font-size: 14px;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    text-transform: uppercase;
}

#partner .main2 .t {
    margin-top: 60px;
}

#partner .main2 .t .inner {
    display: none;
}

#partner .main2 .t .inner.a {
    display: block;
}

#partner .main2 .t .inner .div {
    float: left;
    background: url(../../Img/images/line4.png) center center no-repeat;
    width: 251px;
    height: 132px;
    float: left;
    text-align: center;
    margin: -1px 0 0 -1px;
}

#partner .main2 .t .inner .div i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* 分支机构 */

#branch {
    background: url(../../Img/images/bg8.jpg) center top no-repeat;
    height: 854px;
}

#branch .bread p,
#branch .bread a,
#branch .bread span {
    color: #fff;
}

#branch .main {
    margin-top: 75px;
}

#branch .main .text {
    width: 924px;
    position: relative;
    margin: 40px auto 0;
    text-align: center;
    height: 235px;
}

#branch .main .text h3 {
    width: 100%;
    font-size: 28px;
    color: #fff;
    position: absolute;
    left: 40%;
    margin-left: -462px;
    line-height: 1.2;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#branch .main .text .p {
    width: 100%;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 40%;
    margin-left: -462px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#branch .main .text .more {
    width: 188px;
    height: 45px;
    position: absolute;
    left: 40%;
    margin-left: -95px;
    top: 127px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    border: solid 1px #fff;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}

#branch .main .text .more:hover {
    width: 190px;
    height: 47px;
    background: #b50100;
    border: none;
    line-height: 47px;
}

#branch .main .div {
    width: 304px;
    height: 166px;
    overflow: hidden;
    float: left;
    margin: 0 0 11px 11px;
}

#branch .main .div.first {
    margin-left: 0;
}

#branch .main .div .d1 {
    width: 214px;
    height: 106px;
    background: url(../../Img/images/black45.png) center center repeat;
    padding: 60px 45px 0;
}

#branch .main .div .d1 h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
}

#branch .main .div .d2 {
    width: 234px;
    height: 146px;
    background: url(../../Img/images/white45.png) center center repeat;
    padding: 20px 35px 0;
    display: none;
}

#branch .main .div .d2 h3 {
    color: #474747;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 5px;
}

#branch .main .div .d2 p {
    color: #474747;
    font-size: 14px;
    line-height: 1.7;
}

#branch .main .focus {
    height: 398px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#branch .main .focus .frame {
    width: 100%;
    height: 354px;
    overflow: hidden;
    position: relative;
}

#branch .main .focus .frame .child {
    float: left;
    width: 1250px;
}

#branch .main .focus .nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#branch .main .focus .nav a {
    display: inline-block;
    background: url(../../Img/images/nav1.png) center center no-repeat;
    width: 30px;
    height: 7px;
    margin: 0 2px;
}

#branch .main .focus .nav a.now {
    background: url(../../Img/images/nav2.png) center center no-repeat;
}

/* 维拓学院 */

#school .main1 {
    height: 500px;
    position: relative;
}

#school .bread p,
#school .bread a,
#school .bread span {
    color: #fff;
}

#school .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#school .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black100.png) center center repeat;
}

#school .main1 .text {
    position: absolute;
    top: 205px;
    width: 1250px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
}

#school .main1 .text h3 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    position: absolute;
    left: 40%;
    margin-left: -625px;
    top: 0;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#school .main1 .text p {
    color: #fff;
    width: 1000px;
    position: absolute;
    left: 40%;
    margin-left: -500px;
    font-size: 14px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#school .main2 {
    padding: 70px 0 85px;
    text-align: center;
}

#school .main2 h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

/*�?/

#school .main2 p {
    font-size: 14px;
    color: #707070;
    line-hegiht: 1.5;
    margin-top: 15px;
    line-height: 1.5;
}

#school .main3 {
    background: #f2f2f2;
    padding-top: 70px;
    height: 690px;
}

#school .main3 h2 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#school .main3 .focus {
    margin-top: 35px;
    height: 600px;
    position: relative;
    overflow: hidden;
}

#school .main3 .focus .frame {
    height: 570px;
    position: relative;
    overflow: hidden;
}

#school .main3 .focus .frame .child {
    float: left;
    width: 1250px;
}

#school .main3 .focus .div {
    width: 403px;
    height: 275px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    float: left;
    margin: 0 0 10px 10px;
}

#school .main3 .focus .div.first {
    margin-left: 0;
}

#school .main3 .focus .div h3 {
    line-height: 45px;
    font-size: 16px;
    color: #474747;
}

#school .main3 .focus .div .pic {
    width: 403px;
    height: 230px;
    overflow: hidden;
    position: relative;
}

#school .main3 .focus .div .up {
    background: url(../../Img/images/black50.png) center center repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

#school .main3 .focus .div .up span {
    padding-top: 62px;
    color: #fff;
    font-size: 12px;
    margin: 90px auto 0;
    background: url(../../Img/images/search2.png) center top no-repeat;
    display: block;
    text-align: center;
}

#school .main3 .focus .div .hide {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black50.png) center center repeat;
    cursor: auto;
    display: none;
    z-index: 10;
}

#school .main3 .focus .div .hide .inner {
    width: 740px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -370px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#school .main3 .focus .div .hide .inner .close {
    position: absolute;
    display: block;
    background: url(../../Img/images/close.png) center center no-repeat;
    width: 35px;
    height: 36px;
    top: 12px;
    right: 12px;
}

#school .main3 .focus .div .hide .inner h3 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    margin-top: 30px;
}

#school .main3 .focus .div .hide .inner .big {
    width: 638px;
    height: 364px;
    overflow: hidden;
    margin: 20px auto 0;
}

#school .main3 .focus .div .hide .inner .big .pic {
    width: 100%;
    height: 100%;
    display: none;
}

#school .main3 .focus .div .hide .inner .big .pic.a {
    display: block;
}

#school .main3 .focus .div .hide .inner .big .pic img {
    width: 100%;
    height: auto;
}

#school .main3 .focus .div .hide .inner .list {
    margin: 10px auto 0;
    width: 638px;
    height: 148px;
    position: relative;
    overflow: hidden;
}

#school .main3 .focus .div .hide .inner .list ul {
    width: 10000px;
    height: 148px;
    position: absolute;
    left: 0;
    top: 0;
}

#school .main3 .focus .div .hide .inner .list ul li {
    float: left;
    width: 207px;
    height: 118px;
    overflow: hidden;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

#school .main3 .focus .div .hide .inner .list ul li .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black40.png) center center repeat;
}

#school .main3 .focus .div .hide .inner .list ul li.now .black {
    display: none;
}

#school .main3 .focus .div .hide .inner .list .arrow_l {
    background: url(../../Img/images/arrow2.png) center center no-repeat;
    width: 40px;
    height: 56px;
    position: absolute;
    display: block;
    left: 0;
    top: 31px;
}

#school .main3 .focus .div .hide .inner .list .arrow_r {
    background: url(../../Img/images/arrow3.png) center center no-repeat;
    width: 40px;
    height: 56px;
    position: absolute;
    display: block;
    right: 1px;
    top: 31px;
}

#school .main3 .focus .nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#school .main3 .focus .nav a {
    display: inline-block;
    background: url(../../Img/images/dian1.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 10px;
}

#school .main3 .focus .nav a.now {
    background: url(../../Img/images/dian2.png) center center no-repeat;
}

/*�?/

#school .main4 {
    /*height:1105px;*/
    padding-top: 70px;
}

#school .main4 .list {
    height: 180px;
    width: 1206px;
    margin: 0 auto 16px;
}

#school .main4 .list .pic {
    float: left;
    width: 241px;
    height: 180px;
    overflow: hidden;
}

#school .main4 .list .pic img {
    width: 100%;
    height: auto;
}

#school .main4 .list .text {
    width: 965px;
    height: 180px;
    float: right;
    position: relative;
}

#school .main4 .list .text .arrow {
    display: block;
    background: url(../../Img/images/arrow4.png) center center no-repeat;
    width: 8px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    display: none;
}

#school .main4 .list .text .date {
    width: 145px;
    text-align: center;
    float: left;
}

#school .main4 .list .text .r {
    float: right;
    width: 790px;
    padding-right: 30px;
}

#school .main4 .list .text .date h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 66px;
    color: #810c18;
    line-height: 0.9;
    margin-top: 50px;
}

#school .main4 .list .text .date h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #810c18;
    line-height: 1;
}

#school .main4 .list .text .r h3 {
    font-size: 18px;
    color: #474747;
    line-height: 1.2;
    margin-top: 45px;
}

#school .main4 .list .text .r p {
    font-size: 12px;
    color: #707070;
    line-height: 1.8;
    margin-top: 10px;
}

#school .main4 .list:hover .text {
    background: url(../../Img/images/bg6.png) center center repeat;
}

#school .main4 .list:hover .text .arrow {
    display: block;
}

#school .main4 .list:hover .text .date h2,
#school .main4 .list:hover .text .date h3,
#school .main4 .list:hover .text .r h3,
#school .main4 .list:hover .text .r p {
    color: #fff;
}

#school .main4 .page {
    margin-top: 37px;
}

/* 发展战略 */

#develop .focus {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#develop .focus .frame {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#develop .focus .frame .child {
    height: 100%;
    width: 100%;
    position: relative;
}

/*�?/

#develop .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#develop .bread p,
#develop .bread a,
#develop .bread span {
    color: #fff;
}

#develop .focus .up {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../Img/images/black30.png) center center repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#develop .focus .frame .child .inner {
    background: url(../../Img/images/black50.png) center center repeat;
    width: 606px;
    height: 266px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -133px 0 0 -343px;
    padding: 0 40px;
    z-index: 6;
    /*filter:alpha(opacity=0);-moz-opacity:0;opacity:0;*/
    left: 50%\0;
}

#develop .focus .frame .child .inner h3 {
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    margin-top: 38px;
}

#develop .focus .frame .child .inner p {
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    margin-top: 25px;
}

#develop .focus .frame .child .inner .more {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    display: block;
    float: left;
}

#develop .focus .arrow {
    background: url(../../Img/images/arrow5.png) center center no-repeat;
    width: 56px;
    height: 31px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    bottom: 20px;
    z-index: 6;
}

/* 栏目�?*/

#column .main1 {
    background: url(../../Img/images/bg10.jpg) center top no-repeat #000;
    height: 750px;
    position: relative;
}

#column .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#column .bread p,
#column .bread a,
#column .bread span {
    color: #fff;
}

#column .main1 .img {
    position: absolute;
    left: 40%;
    width: 100%;
    text-align: center;
    margin-left: -625px;
    top: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#column .main1 .line {
    width: 110px;
    border-top: solid 1px #fff;
    position: absolute;
    top: 296px;
    left: 40%;
    margin-left: -55px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#column .main1 .div {
    width: 100%;
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    left: 40%;
    margin-left: -625px;
}

#column .main1 .div.d1 {
    top: 330px;
}

#column .main1 .div.d2 {
    top: 530px;
}

#column .main1 .div h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
}

#column .main1 .p {
    width: 1020px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    margin: 20px auto 0;
}

#column .main1 .more {
    font-size: 14px;
    color: #fff;
    width: 188px;
    height: 43px;
    border: solid 1px #fff;
    text-align: center;
    line-height: 43px;
    display: block;
    margin: 20px auto 0;
}

#column .main1 .more:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#column .main2 {
    height: 580px;
}

#column .main2 .text {
    float: left;
    width: 582px;
    margin-top: 193px;
    background: url(../../Img/images/text2.png) left top no-repeat;
    position: relative;
    height: 280px;
}

#column .main2 .text h3 {
    position: absolute;
    top: 55px;
    left: -50px;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

#column .main2 .text .p {
    position: absolute;
    top: 105px;
    left: -50px;
    color: #707070;
    line-height: 1.6;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 582px;
}

#column .main2 .text .learn {
    font-size: 14px;
    color: #707070;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    position: absolute;
    top: 192px;
    left: -50px;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#column .main2 .text .learn:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#column .main2 .pic {
    width: 621px;
    height: 351px;
    overflow: hidden;
    float: right;
    margin-top: 122px;
}

#column .main3 {
    height: 950px;
    background: url(../../Img/images/bg11.jpg) center top no-repeat;
    overflow: hidden;
}

#column .main3 .text {
    text-align: center;
    padding-top: 90px;
    height: 210px;
}

#column .main3 .text h3 {
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
}

/*�?/

#column .main3 .text p {
    width: 865px;
    margin: 12px auto 0;
    color: #fff;
    line-height: 1.6;
    font-size: 14px;
}

#column .main3 .text .learn {
    font-size: 14px;
    color: #fff;
    width: 188px;
    height: 43px;
    border: solid 1px #fff;
    text-align: center;
    line-height: 43px;
    display: block;
    margin: 20px auto 0;
}

#column .main3 .text .learn:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#column .main3 .box {
    height: 650px;
    position: relative;
}

#column .main3 .box .div1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 312px;
    height: 432px;
    overflow: hidden;
}

#column .main3 .box .div2 {
    position: absolute;
    left: 312px;
    top: 0;
    width: 625px;
    height: 217px;
    overflow: hidden;
}

#column .main3 .box .div3 {
    position: absolute;
    left: 937px;
    top: 0;
    width: 313px;
    height: 217px;
    overflow: hidden;
}

#column .main3 .box .div4 {
    position: absolute;
    left: 312px;
    top: 217px;
    width: 313px;
    height: 216px;
    overflow: hidden;
}

#column .main3 .box .div5 {
    position: absolute;
    left: 0;
    top: 432px;
    width: 313px;
    height: 217px;
    overflow: hidden;
}

#column .main3 .box .div6 {
    position: absolute;
    left: 313px;
    top: 432px;
    width: 313px;
    height: 217px;
    overflow: hidden;
}

#column .main3 .box .div7 {
    position: absolute;
    left: 625px;
    top: 217px;
    width: 625px;
    height: 432px;
    overflow: hidden;
}

#column .main4 {
    margin-top: 60px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 406px;
}

#column .main4 h2 {
    font-size: 75px;
    color: #94000f;
    text-align: center;
    line-height: 1;
}

#column .main4 h3 {
    font-size: 28px;
    color: #474747;
    text-align: center;
    line-height: 1.2;
    margin-top: 15px;
}

/*�?/

#column .main4 .ch {
    color: #707070;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    margin-top: 20px;
}

#column .main4 .en {
    color: #707070;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    margin-top: 15px;
}

#column .main4 .learn {
    font-size: 14px;
    color: #707070;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    display: block;
    margin: 30px auto 0;
}

#column .main4 .learn:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#column .main5 {
    margin-top: 70px;
    height: 603px;
    position: relative;
    overflow: hidden;
}

#column .main5 .pic {
    width: 960px;
    height: 603px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

#column .main5 .pic .up {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black35.png) center center repeat;
}

#column .main5 .pic .up h3 {
    color: #fff;
    font-size: 48px;
    font-family: Arial, Helvetica, sans-serif;
    width: 625px;
    text-align: center;
    float: right;
    line-height: 1.2;
    margin-top: 275px;
    text-transform: uppercase;
}

#column .main5 .pic .up h4 {
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    margin-top: 5px;
    width: 625px;
    text-align: center;
    float: right;
}

#column .main5 .text {
    width: 960px;
    height: 603px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -960px;
    background: url(../../Img/images/bg12.png) center center repeat;
}

#column .main5 .text .inner {
    width: 550px;
    margin: 185px 0 0 75px;
}

#column .main5 .text .inner h2 {
    color: #94000f;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}

#column .main5 .text .inner h3 {
    color: #474747;
    font-size: 28px;
    line-height: 1.2;
}

#column .main5 .text .inner .p {
    margin-top: 17px;
    font-size: 12px;
    color: #707070;
    line-height: 1.5;
}

#column .main5 .text .inner .p p {
    margin-bottom: 10px;
}

#column .main6 {
    height: 575px;
}

#column .main6 .text {
    float: left;
    width: 532px;
    margin-top: 183px;
    background: url(../../Img/images/text3.png) left top no-repeat;
    position: relative;
    height: 280px;
}

#column .main6 .text h3 {
    position: absolute;
    top: 55px;
    left: -50px;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#column .main6 .text .p {
    position: absolute;
    top: 105px;
    left: -50px;
    color: #707070;
    line-height: 1.6;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 532px;
}

#column .main6 .text .learn {
    font-size: 14px;
    color: #707070;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    position: absolute;
    top: 192px;
    left: -50px;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#column .main6 .text .learn:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

#column .main6 .pic {
    float: right;
    width: 654px;
    height: 380px;
    margin-top: 105px;
}

#column .main6 .pic .div {
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width: 317px;
    height: 180px;
    overflow: hidden;
}

#column .main6 .pic h3 {
    text-align: center;
    background: url(../../Img/images/red.png) center center repeat;
    height: 100%;
    width: 100%;
    line-height: 180px;
    font-size: 20px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#column .main7 {
    background: url(../../Img/images/bg13.jpg) center top no-repeat;
    height: 370px;
}

#column .main7 .div {
    padding: 0 33px 0 23px;
    width: 360px;
    float: left;
}

#column .main7 .div .img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-top: 116px;
}

#column .main7 .div h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 13px;
}

#column .main7 .div .p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
}

/* 公司概况 */

#survey .main1 {
    height: 500px;
    position: relative;
}

#survey .bread p,
#survey .bread a,
#survey .bread span {
    color: #fff;
}

#survey .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#survey .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black100.png) center center repeat;
}

#survey .main1 .text {
    position: absolute;
    top: 205px;
    width: 1250px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
}

#survey .main1 .text h3 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    position: absolute;
    left: 40%;
    margin-left: -625px;
    top: 0;
    line-height: 1.2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*�?/

#survey .main1 .text p {
    color: #fff;
    width: 1014px;
    position: absolute;
    left: 40%;
    margin-left: -507px;
    font-size: 14px;
    line-height: 1.5;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#survey .main2 {
    padding: 75px 0 85px;
    background: #f2f2f2;
}

/*�?/

#survey .main2 .text {
    width: 1115px;
    margin: 0 auto;
    text-align: center;
}

#survey .main2 .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

/*�?/

#survey .main2 .text p {
    color: #707070;
    line-height: 1.5;
    font-size: 14px;
    margin-top: 12px;
}

#survey .main2 .year {
    background: url(../../Img/images/line5.png) left bottom no-repeat;
    height: 85px;
    margin: 15px auto 0;
    position: relative;
    width: 1000px;
}

#survey .main2 .year .arrow_l {
    background: url(../../Img/images/left.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 35px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#survey .main2 .year .arrow_r {
    background: url(../../Img/images/right.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 35px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#survey .main2 .year .ul {
    width: 708px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 90px;
}

#survey .main2 .year .ul ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 20000px;
}

#survey .main2 .year .ul ul li {
    float: left;
    width: 60px;
    margin: 0 40px;
}

#survey .main2 .year .ul ul li.now h3,
#survey .main2 .year .ul ul li:hover h3 {
    font-size: 36px;
    font-weight: bold;
    color: #cc0100;
}

#survey .main2 .year .ul ul li h3 {
    text-align: center;
    padding-top: 37px;
    font-size: 24px;
    color: #474747;
}

#survey .main2 .year .ul ul li span {
    display: block;
    background: url(../../Img/images/dian6.png) center center no-repeat;
    height: 15px;
    width: 15px;
    margin: 21px auto 0;
}

#survey .main2 .list {
    margin-top: 30px;
}

#survey .main2 .list .ul {
    display: none;
    position: relative;
}

#survey .main2 .list .ul.a {
    display: block;
}

#survey .main2 .list .cur {
    display: block;
    padding-bottom: 40px;
}

#survey .main2 .list .ul .pic {
    float: left;
    width: 621px;
    height: 355px;
    overflow: hidden;
}

#survey .main2 .list .ul .r {
    float: right;
    width: 590px;
}

#survey .main2 .list .ul .r .div {
    margin-bottom: 10px;
}

#survey .main2 .list .ul .r .div h3 {
    font-size: 30px;
    color: #474747;
    line-height: 1.6;
    font-family: Arial, Helvetica, sans-serif;
}

#survey .main2 .list .ul .r .div h4 {
    color: #474747;
    font-size: 14px;
    line-height: 1.2;
}

#survey .main2 .list .ul .r .div p {
    font-size: 12px;
    color: #707070;
    line-height: 1.2;
    padding-top: 6px;
}

#survey .main2 .list .ul .r .div:hover h3,
#survey .main2 .list .ul .r .div:hover h4 {
    color: #810c18;
}

#survey .main3 {
    height: 535px;
}

#survey .main3 .focus {
    height: 535px;
    overflow: hidden;
    position: relative;
}

#survey .main3 .focus .frame {
    height: 535px;
    overflow: hidden;
    position: relative;
}

#survey .main3 .focus .frame .child {
    float: left;
    width: 1250px;
    height: 535px;
}

#survey .main3 .focus .nav {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

#survey .main3 .focus .nav a {
    display: inline-block;
    background: url(../../Img/images/dian1.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

#survey .main3 .focus .nav a.now {
    background: url(../../Img/images/dian2.png) center center no-repeat;
}

#survey .main3 .text {
    float: left;
    width: 590px;
    margin-top: 170px;
    background: url(../../Img/images/text4.png) left top no-repeat;
    position: relative;
    height: 280px;
}

#survey .main3 .text h3 {
    position: absolute;
    top: 55px;
    left: 0;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#survey .main3 .text .p {
    position: absolute;
    top: 105px;
    left: 0;
    color: #707070;
    line-height: 1.6;
    width: 590px;
}

#survey .main3 .pic {
    width: 620px;
    height: 354px;
    overflow: hidden;
    float: right;
    margin-top: 90px;
}

#survey .main4 {
    padding: 95px 0 55px;
    background: #f2f2f2;
}

#survey .main4 h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    text-align: center;
}

#survey .main4 .pic {
    margin-top: 35px;
    text-align: center;
}

#survey .main5 {
    padding: 105px 0 80px;
}

#survey .main5 h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    text-align: center;
}

#survey .main5 .pic {
    margin-top: 35px;
    text-align: center;
}

/*�?/

#survey .main6 {
    /*height:530px;*/
    padding-bottom: 30px;
}

#survey .main6 .img {
    width: 1220px;
    margin: 0 auto 20px;
}

#survey .main6 .text {
    width: 1096px;
    margin: 0 auto;
    text-align: center;
    padding-top: 75px;
    height: 120px;
}

#survey .main6 .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

/*�?/

#survey .main6 .text p {
    color: #707070;
    line-height: 1.5;
    font-size: 14px;
    margin-top: 12px;
}

#survey .main6 .div {
    float: left;
    width: 293px;
    margin-left: 16px;
}

#survey .main6 .div .pic {
    width: 293px;
    height: 220px;
    text-align: center;
    background: #ececec;
}

#survey .main6 .div .pic i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#survey .main6 .div h3 {
    text-align: center;
    font-size: 16px;
    color: #474747;
    line-height: 55px;
}

#survey .banner {
    height: 575px;
    background: url(../../Img/images/bg3.jpg) center top no-repeat;
}

#survey .banner .block {
    position: relative;
}

#survey .banner .text {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -625px;
    text-align: center;
    width: 100%;
    display: none;
}

#survey .banner .text.a {
    display: block;
}

#survey .banner .text h3 {
    color: #fff;
    font-size: 130px;
    font-family: Impact;
    line-height: 1;
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -625px;
}

/*�?/

#survey .banner .text p {
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    width: 834px;
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -625px;
    top: 150px;
}

#survey .banner .year {
    background: url(../../Img/images/line3.png) left bottom no-repeat;
    height: 85px;
    padding-top: 50px;
    position: absolute;
    top: 330px;
    width: 100%;
}

#survey .banner .arrow_l {
    background: url(../../Img/images/left.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 75px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#survey .banner .arrow_r {
    background: url(../../Img/images/right.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 75px;
    width: 17px;
    height: 31px;
    cursor: pointer;
}

#survey .banner .ul {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 90px;
}

#survey .banner .ul ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 20000px;
}

#survey .banner .ul ul li {
    float: left;
    width: 100px;
    margin: 0 20px;
}

#survey .banner .ul ul li.now h3,
#honor .banner .ul ul li:hover h3 {
    font-size: 37px;
    font-weight: bold;
    color: #810c18;
}

#survey .banner .ul ul li h3 {
    text-align: center;
    padding-top: 37px;
    font-size: 30px;
    color: #fff;
}

#survey .banner .ul ul li span {
    display: block;
    background: url(../../Img/images/dian5.png) center center no-repeat;
    height: 15px;
    width: 15px;
    margin: 21px auto 0;
}

/* 全部作品 */

#works {
    padding-bottom: 78px;
}

#works .bread p {
    float: left;
}

#works .bread .share {
    float: right;
}

#works .text {
    text-align: center;
    width: 894px;
    margin: 40px auto 0;
}

#works .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

/*�?/

#works .text p {
    font-size: 14px;
    color: #474747;
    line-height: 1.5;
    margin-top: 10px;
}

#works .links {
    background: url(../../Img/images/bg14.jpg) center top no-repeat;
    height: 73px;
    margin: 38px auto 0;
    padding-top: 12px;
    width: 1240px;
}

#works .links li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 30px;
    width: 82px;
}

#works .links li a {
    font-size: 14px;
    color: #fff;
}

#works .links li.now a,
#works .links li:hover a {
    color: #e20100;
    font-size: 16px;
}

#works .container {
    position: relative;
    width: 1250px;
    margin-top: 32px;
    display: none;
}

#works .container.a {
    display: block;
}

#works .grid {
    width: 305px;
    margin: 5px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

#works .grid .text0 {
    background: #f6f6f6;
    padding-top: 25px;
    height: 72px;
}

#works .grid .text0 h3 {
    color: #474747;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 25px;
}

#works .grid .text0 h4 {
    color: #707070;
    font-size: 12px;
    line-height: 1.2;
    margin: 10px 0 0 25px;
}

#works .grid .text0 .s2 {
    margin-left: 28px;
}

#works .grid .text0 .s3 {
    margin-left: 8px;
}

#works .more {
    font-size: 14px;
    color: #474747;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    margin: 70px auto 0;
    display: block;
}

#works .more:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}

/* 维拓团队 */

#team .main1 {
    height: 500px;
    position: relative;
}

#team .bread p,
#team .bread a,
#team .bread span {
    color: #fff;
}

#team .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#team .main1 .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black100.png) center center repeat;
}

#team .main1 .black .block {
    height: 100%;
    overflow: hidden;
}

#team .main1 .pic {
    position: absolute;
    left: -200px;
    bottom: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#team .main1 .text {
    position: absolute;
    right: -200px;
    top: 125px;
    width: 483px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#team .main1 .text .top {
    border-bottom: solid 2px #fff;
    height: 55px;
}

#team .main1 .text .top h3 {
    color: #fff;
    font-size: 30px;
    line-height: 55px;
    float: left;
}

#team .main1 .text .top h4 {
    color: #fff;
    font-size: 34px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 18px;
    float: left;
    line-height: 55px;
}

#team .main1 .text .p1 {
    margin-top: 20px;
    font-size: 20px;
    color: #fff;
    line-height: 35px;
}

#team .main1 .text .p2 {
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}

#team .main1 .text .sign {
    text-align: right;
    margin-top: 10px;
    padding-right: 25px;
}

#team .main2 {
    height: 1000px;
    padding-top: 90px;
}

#team .main2 h2 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#team .main2 .ul {
    width: 1249px;
    height: 420px;
    overflow: hidden;
    position: relative;
    margin-top: 33px;
}

#team .main2 .ul ul {
    width: 10000px;
    position: absolute;
    left: 0;
    top: 0;
    height: 363px;
}

#team .main2 .ul ul li {
    float: left;
    height: 420px;
    margin-right: 11px;
    width: 304px;
}

#team .main2 .ul ul li .pic {
    width: 304px;
    height: 354px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/*�?/

#team .main2 .ul ul li .text {
    /*padding:0 20px;*/
}

/*�?/

#team .main2 .ul ul li .text h3 {
    float: left;
    font-size: 22px;
    color: #474747;
    line-height: 1.2;
    margin-top: 10px;
}

/*�?/

#team .main2 .ul ul li .text h4 {
    float: left;
    font-size: 22px;
    color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 30px;
    line-height: 1.2;
    margin-top: 10px;
}

#team .main2 .ul ul li .text h5 {
    padding-top: 5px;
    font-size: 16px;
    color: #474747;
    line-height: 1.2;
    clear: both;
}

/*#team .main2 .ul ul li .pic .black{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../Img/images/black50.png) center center repeat;}
#team .main2 .ul ul li.now{background:url(../../Img/images/arrow7.png) center bottom no-repeat;}
#team .main2 .ul ul li.now .pic .black{display:none;}
#team .main2 .ul .arrow_l{background:url(../../Img/images/arrow8.png) center center no-repeat;width:69px;height:96px;display:block;position:absolute;left:0;top:130px;}
#team .main2 .ul .arrow_r{background:url(../../Img/images/arrow9.png) center center no-repeat;width:69px;height:96px;display:block;position:absolute;right:0;top:130px;}
#team .main2 .p{padding:15px 38px 0;}
#team .main2 .p .inner{display:none;}
#team .main2 .p .inner.a{display:block;}
#team .main2 .p .top{height:30px;line-height:30px;}
#team .main2 .p .top h3{float:left;font-size:28px;color:#474747;}
#team .main2 .p .top h4{float:left;font-size:28px;color:#474747;font-family:Arial, Helvetica, sans-serif;margin-left:30px;}
#team .main2 .p p{margin-top:8px;font-size:20px;color:#474747;line-height:1.5;}
#team .main2 .p p span{margin-right:25px;}*/

#team .main3 {
    height: 715px;
    background: #f2f2f2;
    padding-top: 100px;
}

#team .main3 h2 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#team .main3 .focus {
    margin-top: 35px;
    height: 635px;
    overflow: hidden;
    position: relative;
}

#team .main3 .focus .frame {
    position: relative;
    overflow: hidden;
    height: 590px;
}

#team .main3 .focus .frame .child {
    float: left;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#team .main3 .focus .frame .child .pic {
    float: left;
    width: 240px;
    height: 283px;
    overflow: hidden;
    position: relative;
    margin: 0 0 12px 12px;
}

#team .main3 .focus .frame .child .pic.first {
    margin-left: 0;
}

/*�?/

#team .main3 .focus .frame .child .pic .up {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../Img/images/black50.png) center center repeat;
    /*display:none;*/
}

/*�?/

#team .main3 .focus .frame .child .pic h3 {
    position: absolute;
    top: 195px;
    left: 18px;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1.2;
}

/*�?/

#team .main3 .focus .frame .child .pic h4 {
    position: absolute;
    top: 225px;
    left: 18px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
}

/*�?/

#team .main3 .focus .frame .child .pic h5 {
    position: absolute;
    top: 245px;
    left: 18px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

#team .main3 .focus .nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#team .main3 .focus .nav a {
    display: inline-block;
    background: url(../../Img/images/dian1.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 10px;
}

#team .main3 .focus .nav a.now {
    background: url(../../Img/images/dian2.png) center center no-repeat;
}

/* 项目展示 */

#project .main1 {
    height: 550px;
    position: relative;
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
}

#project .bread p,
#project .bread p a,
#project .bread p span {
    color: #fff;
}

#project .bread {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 2;
}

#project .main1 .focus {
    position: absolute;
    width: 2400px;
    top: 0;
    height: 550px;
    left: 50%;
    margin-left: -1200px;
    overflow: hidden;
}

#project .main1 .focus .black1 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 800px;
    height: 550px;
    background: url(../../Img/images/black68.png) center center repeat;
    margin-left: -1200px;
}

#project .main1 .focus .black2 {
    position: absolute;
    right: 50%;
    top: 0;
    width: 800px;
    height: 550px;
    background: url(../../Img/images/black68.png) center center repeat;
    margin-right: -1200px;
}

#project .main1 .focus .arrow_l {
    background: url(../../Img/images/arrow11.png) center center no-repeat;
    width: 49px;
    height: 89px;
    display: block;
    position: absolute;
    top: 212px;
    left: 50%;
    margin-left: -500px;
    z-index: 5;
}

#project .main1 .focus .arrow_r {
    background: url(../../Img/images/arrow12.png) center center no-repeat;
    width: 49px;
    height: 89px;
    display: block;
    position: absolute;
    top: 212px;
    right: 50%;
    margin-right: -500px;
    z-index: 5;
}

#project .main1 .focus .frame {
    position: relative;
    overflow: hidden;
    width: 2400px;
    height: 550px;
}

#project .main1 .focus .frame .child {
    float: left;
    width: 800px;
    overflow: hidden;
    height: 550px;
    position: relative;
}

#project .main1 .focus .frame .child img {
    width: 100%;
    height: auto;
}

#project .main1 .focus .title {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 50px;
    width: 800px;
    color: #fff;
    margin-left: -400px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background: url(../../Img/images/black40.png) center center repeat;
}

#project .main2 {
    height: 268px;
}

#project .main2 .focus {
    width: 100%;
    height: 268px;
    position: relative;
    overflow: hidden;
    margin-top: 55px;
}

#project .main2 .focus .frame {
    width: 100%;
    height: 268px;
    position: relative;
    overflow: hidden;
}

#project .main2 .focus .frame .child {
    width: 100%;
    height: 268px;
}

#project .main2 .child h3 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#project .main2 .child h4 {
    text-align: center;
    font-size: 16px;
    color: #474747;
    line-height: 1.2;
    margin-top: 13px;
}

#project .main2 .child .p {
    text-align: center;
    color: #707070;
    line-height: 1.5;
    margin-top: 5px;
}

#project .main2 .child .expect {
    font-size: 14px;
    color: #474747;
    width: 178px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    margin: 35px auto 0;
    display: block;
}

#project .main2 .child .expect:hover {
    color: #fff;
    background: #b50100;
    border: none;
    width: 180px;
    height: 45px;
    line-height: 45px;
}

#project .main2 .focus .share {
    position: absolute;
    right: 0;
    bottom: 17px;
    color: #707070;
    font-size: 12px;
}

#project .main2 .focus .nav {
    position: absolute;
    left: 0;
    top: 72px;
}

#project .main2 .focus .nav .a {
    margin-bottom: 8px;
    position: relative;
    height: 22px;
}

#project .main2 .focus .nav .a .a1 {
    background: url(../../Img/images/dian3.png) center center no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 8px;
    top: 6px;
}

#project .main2 .focus .nav .a .a2 {
    background: url(../../Img/images/dian4.png) center center no-repeat;
    width: 65px;
    height: 22px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding-left: 27px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    display: none;
}

#project .main2 .focus .nav .a.now .a2 {
    display: block;
}

#project .main2 .focus .nav .a.now .a1 {
    display: none;
}

#project .main2 .focus .arrow_u {
    display: block;
    background: url(../../Img/images/arrow10.png) left top no-repeat;
    width: 18px;
    height: 11px;
    position: absolute;
    top: 45px;
    left: 4px;
}

#project .main2 .focus .arrow_d {
    display: block;
    background: url(../../Img/images/arrow10.png) right top no-repeat;
    width: 18px;
    height: 11px;
    position: absolute;
    top: 170px;
    left: 4px;
}

#project .main2 .focus .arrow_u:hover {
    background: url(../../Img/images/arrow10.png) right bottom no-repeat;
}

#project .main2 .focus .arrow_d:hover {
    background: url(../../Img/images/arrow10.png) left bottom no-repeat;
}

#project .main3 {
    background: #f2f2f2;
    padding: 70px 0 77px;
}

#project .main3 h2 {
    color: #474747;
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 35px;
}

/*�?/

#project .main3 .div {
    float: left;
    width: 305px;
    height: 310px;
    margin: 0 0 7px 7px;
}

#project .main3 .div.a {
    margin-left: 0;
}

#project .main3 .div .pic {
    width: 305px;
    height: 228px;
    overflow: hidden;
}

#project .main3 .div .pic img {
    width: 100%;
    height: auto;
}

#project .main3 .div .text {
    background: #fff;
    padding-top: 20px;
    height: 62px;
}

#project .main3 .div .text h3 {
    color: #474747;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 25px;
}

#project .main3 .div .text h4 {
    color: #707070;
    font-size: 12px;
    line-height: 1.2;
    margin: 10px 0 0 25px;
}

#project .main3 .div .text .s2 {
    margin-left: 28px;
}

#project .main3 .div .text .s3 {
    margin-left: 8px;
}

#detail2 .main {
    margin-top: 40px;
    padding-bottom: 80px;
}

#detail2 .main h1 {
    text-align: center;
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
}

#detail2 .main h3 {
    text-align: center;
    font-size: 12px;
    color: #707070;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15px;
}

#detail2 .main .share {
    position: absolute;
    top: 40px;
    right: 29px;
    font-size: 12px;
    color: #707070;
    height: 28px;
}

#detail2 .main .share span {
    float: left;
    line-height: 28px;
}

#detail2 .main .share .bdsharebuttonbox {
    float: left;
}

#detail2 .main .p {
    margin-top: 20px;
    font-size: 14px;
    color: #707070;
    line-height: 1.5;
}
@charset "utf-8";

#footer .f2 .r{
	font-size: 12px;
	line-height: 45px;
	overflow: hidden;
	color: #c3c3c3;
}
#footer .f2 .title{
	float: left;
}
#footer .f2 .foot-jszc{
	float: left;
	overflow: hidden;
}
#footer .f1 h2 a{
	background-size: 16px;
}
@media screen and (max-width: 1250px){
	#footer .f2 .m{
		margin-left: 5em;
	}
}

@media screen and (max-width: 1150px){
	#footer .f2 .m{
		margin-left: 3em;
	}
}

@media screen and (max-width: 1100px){
	#footer .f2{
		height: auto;
		line-height: 26px;
		overflow: hidden;
		text-align: center;
		padding: 15px 0;
		width: 100%;
	}
	#footer .f2 .l{
		float: none;
		margin: 0;
	}
	#footer .f2 .m{
		float: none;
		margin: 0;
		line-height: 18px;
		margin: 4px 0;
	}
	#footer .f2 .r{
		float: none;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		text-align: center;
	}
	#footer .f2 .title{
		display: none;
	}
	#footer .f2 .foot-jszc{
		float: none;
	}
}

@media screen and (min-width: 768px){
	#footer .f1 .div1 p{
		clear: both;
		display: flex;
	}
	#footer .f1 .div1 span:first-child{
		width: 36px;
		white-space: nowrap;
	}
	#footer .f1 .div2 p{
		clear: both;
		display: flex;
	}
	#footer .f1 .div2 span:first-child{
		width: 60px;
		text-align: right;
		white-space: nowrap;
	}
}
@media screen and (max-width: 767px){
	.cnav{
		display: none;
	}
	#footer{
		height: auto;
	}
	#footer b{
		display: block;
	}
	#footer .b1{
		font-size: 0;
    	line-height: 0;
	}
	.foot-support{
		display: inline-block;
	}
	#footer .f2 .r{
		float: none;
		text-align: center;
		margin: 0;
		line-height: 20px;
		height: 20px;
	}
	#footer .f2 .title{
		display: none;
	}
	#footer .f1{
		height: auto;
		padding-bottom: 0.25rem;
		overflow: hidden;
	}
	#footer .f1 .links{
		width: 100%;
    	margin: 0;
	}
	#footer .f1 .links a{
		display: none !important;
	}
	#footer .f1 .links .hide2{
		position: relative;
		display: block !important;
		opacity: 1 !important;
		right: 0;
		top: 0;
		width: 80px;
		height: 80px;
		margin: 0.2rem auto 0;
	}
	#footer .f1 h2{
		margin-left: 0;
		padding-top: 0.3rem;
	}
	#footer .f1 .div1{
		margin-left: 0;
		width: 50%;
		padding-right: 0.3rem;
		box-sizing: border-box;
	}
	#footer .f1 .div2{
		width: 50%;
		padding-left: 0.25rem;
		padding-right: 0;
		margin-left: 0;
		background: none;
		box-sizing: border-box;
		text-align: right;
	}
	
}
@media screen and (max-width: 767px){
	#footer .f1 .div2{
		text-align: left;
	}
}

#header{
    z-index: 1000;
}
#header-ph{
    z-index: 1000;
    height: 46px;
    display: none;
    background: #f8f8f8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
@media screen and (min-width: 1101px){
	.pop-nav-box{
		display: none !important;
	}
}
@media screen and (max-width: 1100px){
	body{
		padding-top: 46px;
	}
    #header{
        display: none;
    }
    #header-ph{
        display: block;
    }
    #header-ph .logo{
	    height: 32px;
	    position: absolute;
	    left: 50%;
	    margin-left: -53px;
	    top: 8px;
	}
	#header-ph .nav{
	    background: url(../../Img/images/nav.png) center center no-repeat;
	    width: 25px;
	    height: 46px;
	    display: block;
	    position: absolute;
	    top: 0;
	    right: 10px;
	    background-size: 100% auto;
	}
	#header-ph .nav.on{
		background: url(../../Img/images/close-btn2-2.png) center center no-repeat;
		background-size: 20px auto;
	}
}


.pop-nav-box {
    width: 100%;
    height: 100%;
    display: none;
    background: #fff;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 46px;
    z-index: 600;
    border-top: 1px solid #ccc;
}
.pop-nav-box>div, .pop-nav-box h5, .pop-nav-box li{
	box-sizing: border-box;
}
.pop-nav-box .inner {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 0 0 4em;
}
.pop-nav-box .btn-language {
    width: 100%;
    display: block;
    font-size: 1.125em;
    line-height: 1.56em;
    color: #333;
    padding: 1em 4%;
}
.pop-nav-list {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.pop-nav-list>li {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.pop-nav-list>li.active .menu-level1 .arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    width: 0.5rem;
    height: 100%;
}
.pop-nav-list>li.current .menu-level1 a {
    color: #ff8f00;
}
.pop-nav-list>li.has-subnav .menu-level1 .arrow {
    display: block;
}
.pop-nav-list a {
    font-size: 1.125em;
    float: left;
}
.pop-nav-list .menu-level1 {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 0 4%;
    border-bottom: solid 1px #e6e6e6;
}
.pop-nav-list .menu-level1 a {
    float: left;
    font-size: 0.2rem;
    line-height: 1em;
    color: #333;
    padding: 1em 0;
    width: 50%;
}
.pop-nav-list .menu-level1 .arrow {
    width: 20%;
    height: 100%;
    display: none;
    overflow: hidden;
    background: url(../../Img/images/qian-arrow04-1.png) no-repeat right 0.18rem center;
    background-size: 0.5em auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.pop-subnav-list {
    width: 100%;
    display: none;
    overflow: hidden;
    background: #b50100;
}
.pop-subnav-list li {
    width: 91%;
    overflow: hidden;
    border-top: 1px solid #e44342;
    margin: auto;
}
.pop-subnav-list a {
    font-size: 0.18rem;
    line-height: 2.875em;
    color: #fff;
    float: left
}
@charset "utf-8";
#works .text{
	width: auto;
	max-width: 894px;
}
#works .links{
	width: 100%;
	max-width: 1240px;
	overflow: hidden;
	height: auto;
	background-size: cover;
	padding-bottom: 12px;
}
#works .container,
#news .container{
	width: 100%;
	min-height: 500px !important;
	max-width: 1250px;
	margin: 32px 0 0;
}
#works .container.a,
#news .container.a{
    max-width: 100%;
    height:100%;
	overflow: auto;
	overflow: hidden;
	position: relative;
}
#works .container.a.on,
#news .container.a.on{
   /* max-width: 100%;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    column-count: 4;*/
}
#works .grid img,
#news .grid img{
	width: 100%;
	max-width: 100%;
	height: 170px;
	height: 205px;
}
#works .grid,
#news .grid{
	/*width: calc(25% - 20px);
	height: 100%;
	overflow: auto;
	margin: 0 2.5px 5px;
	position: relative;
	float: left;*/

	position: absolute;
	transition: none;
}
#works .on .grid,
#news .on .grid{
	width: 100%;
	float: none;
	margin: 0 0 5px;
}
.bread-ph{
	display: none;
    height: 40px;
    background: #b50100;
    position: relative;
}
#news .grid .text0{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
    height: 45px;
    background: #f6f6f6;
}
#news .grid .text0 h3{
    color: #474747;
    font-size: 16px;
    line-height: 1.2;
	height: 1.2em;
	overflow: hidden;
	margin: 0;
}
#news .grid .text0 h4{
	display: none;
}
@media screen and (max-width: 1100px){
	#works .container.a.on,
	#news .container.a.on{
	    column-count: 3;
	}
	#works .grid,
	#news .grid{
		width: calc(33.333% - 15px);
	}
	.bread{
		display: none;
	}
	.bread-ph{
		display: block;
	}
	.bread-ph .arrow{
	    display: block;
	    background: url(../../Img/images/arrow2.png) center center no-repeat;
	    width: 10px;
	    height: 40px;
	    background-size: 100% auto;
	    position: absolute;
	    left: 12px;
	    top: 0;
	}
	.bread-ph h3{
	    color: #fff;
	    font-size: 17px;
	    line-height: 40px;
	    text-align: center;
	}
}
@media screen and (max-width: 767px){
	#works{
		padding-bottom: 0.5rem;
	}
	#works .grid img,
	#news .grid img{
		height: auto;
	}
	#works .container.a.on,
	#news .container.a.on{
		-webkit-column-gap: 1px;
	    -moz-column-gap: 1px;
	    column-gap: 1px;
	    column-count: 1;
	    width: 100%;
	}
	#works .grid,
	#news .grid{
		width: 100%;
		margin: 0 0 5px;
	}
	#works .grid{
		margin: 0 0 5px;
	}
	#works .text,
	#news .text{
		margin: 0.25rem auto 0;
	}
	#works .text h3,
	#news .text h3{
		font-size: 16px;
	    color: #474747;
	    line-height: 1.2;
	}
	#works .text p,
	#news .text p{
		display: none;
	}
	#works .links,
	#news .links{
		margin: 12px auto 0;
    	padding: 12px 0;
	}
	#works .container,
	#news .container{
		width: 95%;
		margin: 0.3rem auto 0;
	}
}

#project .main2{
	height: auto;
	padding-bottom: 46px;
}
#project .main2 .focus{
	height: auto;
}
#project .main2 .focus .frame{
	height: auto;
}
#project .main2 .focus .frame .child{
	height: auto;
}
#project .main2 .child .p{
	font-size: 12px;
}
#project .main1 .focus.noli .frame .child{
	float: none;
	margin: 0 auto;
}
#project .main1 .focus .frame .child .imgbg{
	width: 800px;
	height: 550px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#project .main3 #fu_click{
	max-width: 100%;
    height:100%;
	overflow: auto;
	overflow: hidden;
}
#project .main3 #fu_click.on{
	max-width: 100%;
    /*-webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    column-count: 4;*/
}
#project .main3 #fu_click .grid{
	width: calc(25% - 20px);
	height: 100%;
	overflow: auto;
	margin: 0 2.5px 5px;
	position: relative;
	float: left;
}
/*#project .main3 #fu_click.on .grid{
	width: 100%;
	margin: 0 0 5px;
}*/
#project .main3 #fu_click .grid img{
    width: 100%;
    max-width: 100%;
    height: 170px;
    height: 205px;
}
#project .main3 #fu_click .grid .text0{
    background: #f6f6f6;
    padding-top: 25px;
    height: 72px;
    padding-left: 10px;
    padding-right: 10px;
}
#project .main3 #fu_click .grid .text0 h3{
    color: #474747;
    font-size: 16px;
    line-height: 1.2;
    height: 1.2em;
    overflow: hidden;
    text-align: center;
}
#project .main3 #fu_click .grid .text0 h4{
    color: #707070;
    font-size: 12px;
    line-height: 1.2;
    margin: 10px 0 0;
    text-align: center;
}
#project .main3 #fu_click .grid .text0 .s1{
	display: none;
}
#project .main3 #fu_click .grid .text0 .s3{
    margin-left: 8px;
}

#project .main1 .frame-ph{
	position: relative;
	display: none;
}
#project .main1 .frame-ph{
	height: 3rem;
}
#project .main1 .frame-ph .imgbg{
	height: 3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#project .main1 .frame-ph .child{
	position: absolute;
	width: 100%;
}
#project .main1 .frame-ph h3{
    background: url(../../Img/images/black40.png) center center repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}
#project .main1 .nav{
    position: absolute;
    bottom: 42px;
    text-align: center;
    width: 100%;
    left: 0;
}
#project .main1 .nav a{
    display: inline-block;
    width: 15px;
    height: 4px;
    background: #fff;
    margin: 0 2px;
}
#project .main1 .nav a.now{
    background: none;
    border: solid 1px #fff;
    box-sizing: border-box;
}
#project .main1 .frame-ph .swiper-pagination{
    bottom: 42px;
    display: none;
}
#project .main1 .frame-ph .swiper-pagination-bullet {
    display: inline-block;
    width: 15px;
    height: 4px;
    background: #fff;
    margin: 0 2px;
    border-radius: 0;
    opacity: 1;
}
#project .main1 .frame-ph .swiper-pagination-bullet-active {
    background: none;
    border: solid 1px #fff;
    box-sizing: border-box;
}
@media screen and (max-width: 1100px){
	#project .main1 .focus .arrow_l{
		margin-left: -475px;
	}
	#project .main1 .focus .arrow_r{
		margin-right: -475px;
	}
}
@media screen and (max-width: 991px){
	#project .main1{
		height: auto;
	}
	#project .main1 .focus{
		display: none;
	}
	#project .main1 .frame-ph{
		display: block;
	}
	#project .main3 #fu_click.on{
		/*column-count: 3;*/
	}
	#project .main3 #fu_click .grid{
		/*width: calc(33.333% - 15px);*/
	}
}
@media screen and (max-width: 767px){
	#project .main2 {
	    padding: 0.37rem 2.5% 0.4rem;
	    text-align: center;
	}
	#project .main2 .focus{
		margin-top: 0;
	}
	#project .main2 .child h3{
	    font-size: 16px;
	    color: #474747;
	    line-height: 1.2;
	}
	#project .main2 .child h4{
	    font-size: 12px;
	    color: #474747;
	    line-height: 1.2;
	    margin-top: 7px;
	}
	#project .main2 .child .p{
		font-size: 14px;
	    color: #474747;
	    line-height: 1.5;
	    padding-top: 13px;
	    margin-top: 0;
	}
	#project .main2 .child .expect{
		display: block;
	    width: 107px;
	    height: 25px;
	    text-align: center;
	    margin: 17px auto 0;
	    color: #fff;
	    background: #b50100;
	    line-height: 25px;
	    font-size: 11px;
		border: none;
	}
	#project .main2 .child .expect:hover{
		border: none;
	    width: 107px;
	    height: 25px;
	    line-height: 25px;
	    font-size: 11px;
	}
	#project .main3{
		padding: 0.4rem 0;
	}
	#project .main3 h2{
		font-size: 18px;
	    color: #474747;
	    line-height: 1.2;
	    margin-bottom: 15px;
	}
	#project .main3 #fu_click.on{
		/*-webkit-column-gap: 1px;
	    -moz-column-gap: 1px;
	    column-gap: 1px;
	    column-count: 1;*/
	}
	#project .main3 #fu_click .grid{
		width: 100%;
		margin: 0 0 5px;
	}
	#project .main3 #fu_click .grid img{
		height: auto;
	}
	#project .main3 #fu_click .grid .text0{
	    background: #f6f6f6;
	    padding-top: 15px;
	    height: auto;
	    min-height: 45px;
	}
	#project .main3 #fu_click .grid .text0 h3{
		color: #474747;
	    margin-left: 10px;
	}
	#project .main3 #fu_click .grid .text0 h4{
	    color: #707070;
	    font-size: 0.14rem;
	    line-height: 1.6;
	    margin: 5px 0 0 10px;
	    display: none;
	}
	#container .grid .text0 .s3{
	    margin-left: 5px;
	}
	#project .main3 #fu_click .grid .text0 .s2{
		margin-left: 0;
	}
}

#detail .main{
	min-height: 75vh;
}
#detail .main .left{
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#detail .main .left img{
	max-width: 100% !important;
	height: auto !important;
	float: none;
	display: block;
	margin: 5px auto;
}
#detail .main .left .p{
	font-size: 16px;
	line-height: 2;
}
@media screen and (max-width: 767px){
	#detail .main{
		padding: 28px 0 37px;
		margin-top: 0;
	}
	#detail .main .left h1{
		width: 80%;
	    margin: 0 auto;
	    font-size: 0.23rem;
	    color: #474747;
	    line-height: 1.2;
	    text-align: center;
	    font-weight: bold;
	}
	#detail .main .left h3{
	    width: 80%;
	    margin: 10px auto 7px;
	    font-size: 14px;
	    color: #707070;
	    font-family: Arial, Helvetica, sans-serif;
	    line-height: 1.2;
	    text-align: center;
	}
	#detail .main .left .p{
	    font-size: 0.18rem;
	    color: #707070;
	    line-height: 2;
	    margin-top: 0.5em;
	}
	#detail .main .left .p p{
		margin: 5px 0;
	}
}

#join .main1{
	height: auto;
	margin: 0;
	padding: 3.8em 0;
}
#join .main1 .block{
	overflow: hidden;
}
#join .main1 .text{
	width: 46.8%;
	height: auto;
	min-height: 270px;
}
#join .main1 .pic{
	width: 50%;
	height: auto;
}
#join .main1 .pic img{
	width: 100%;
}
#join .main1 .text p{
	width: 100%;
	height: 4.5em;
	overflow: hidden;
}
@media screen and (max-width: 767px){
	#join .main1{
		padding: 0.38rem 0;
	}
	#join .main1 .text{
		width: 100%;
		background: url(../../Img/images/bg4.png) no-repeat top center;
		background-size: 100%;
		min-height: 0;
		padding-bottom: 0.3rem;
	}
	#join .main1 .pic{
		width: 100%;
	}
	#join .main1 .text h2{
		position: relative;
		left: 0;
		top: 0;
		opacity: 1;
		margin-top: 0.2rem;
	}
	#join .main1 .text h3{
		margin-top: 7px;
		position: relative;
		left: 0;
		top: 0;
		opacity: 1;
	}
	#join .main1 .text p{
		position: relative;
		left: 0;
		top: 0;
		opacity: 1;
		font-size: 0.16rem;
		margin-top: 0.16rem;
	}
	#join .main1 .text .learn{
		position: relative;
		left: 0;
		top: 0;
		opacity: 1;
		margin-top: 0.15rem;
		display: inline-block;
	}
}

#join .main2{
	height: auto;
	padding: 4.8em 0;
}
#join .main2 .title{
	padding-top: 0;
}
#join .main2 .focus{
	height: auto;
}
#join .main2 .box{
	overflow: hidden;
}
#join .main2 .box .pic:first-child{
	margin-left: 0;
}
#join .main2 .box .pic{
	margin-bottom: 0;
	height: auto;
	width: calc((100% - 20px)/3);
}
#join .main2 .box .pic .imgbg{
	height: 340px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#join .main2 .swiper-pagination{
	position: relative;
	bottom: 0;
	margin-top: 32px;
	height: 16px;
}
#join .main2 .swiper-pagination-bullet{
	display: inline-block;
    background: url(../../Img/images/dian1.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    vertical-align: top;
    opacity: 1;
}
#join .main2 .swiper-pagination-bullet-active{
    background: url(../../Img/images/dian2.png) center center no-repeat;
}
#join .main2 .box .pic h3{
	overflow: hidden;
}
#join .main3{
	padding: 4.5em 0 3.8em;
}
#join .main3 table .bg_black .inner .p{
	line-height: 2;
}
#join .main3 .bot span{
	font-size: 12px;
}
@media screen and (max-width: 1100px){
	#join .main2 .box .pic .imgbg{
		height: 300px;
	}
	.cnav{
		top: auto;
		bottom: 10%;
	}
}
@media screen and (max-width: 900px){
	#join .main2 .box .pic .imgbg{
		height: 270px;
	}
	#join .main3 table .bg_black .inner{
		width: 95%;
		height: 80%;
		margin: 0;
		left: 2.5%;
		top: 10%;
		box-sizing: border-box;
		padding: 0.3rem;
	}
	#join .main3 table .bg_black .inner h2{
		font-size: 0.22rem;
		line-height: 0.3rem;
	}
	#join .main3 table .bg_black .inner .close{
		width: 0.3rem;
		height: 0.3rem;
		background-size: 0.3rem;
		top: 0.3rem;
	}
	#join .main3 table .bg_black .inner h3{
		font-size: 0.18rem;
		margin-top: 0.08rem;
	}
	#join .main3 table .bg_black .inner h4{
		font-size: 0.18rem;
		margin-top: 0.15rem;
	}
	#join .main3 table .bg_black .inner .p{
	    font-size: 0.18rem;
	    line-height: 1.7;
	}
	#join .main3 table .bg_black .inner .text{
		height: calc(80vh - 1.75rem);
		overflow-x: hidden;
	}
	#join .main3 table .bg_black .inner .fs{
		width: 100%;
		max-width: 258px;
		margin-top: 0.25rem;
		font-size: 0.16rem;
   		line-height: 0.38rem;
   		height: 0.38rem;
	}
}
@media screen and (max-width: 767px){
	#join .main2{
		padding: 0.38rem 0;
	}
	#join .main2 .title h2{
		font-size: 20px;
	}
	#join .main2 .title h3{
		display: none;
	}
	#join .main2 .box{
		margin-top: 0.2rem;
	}
	#join .main2 .box .pic{
		width: calc((100% - 10px)/2);
	}
	#join .main2 .box .pic:last-child{
		display: none;
	}
	#join .main2 .box .pic .imgbg{
		height: 2.5rem;
	}
	#join .main2 .box .pic h3{
		overflow: hidden;
		font-size: 0.16rem;
		line-height: 0.4rem;
		height: 0.4rem;
	}
	#join .main2 .swiper-pagination{
		margin-top: 0.15rem;
		height: 10px;
	}
	#join .main2 .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	#join .main3{
		padding: 0.38rem 0;
	}
	#join .main3 table tr{
		height: 0.5rem;
		font-size: 0.18rem;
	}
	#join .main3 .title h2{
		display: none;
	}
	#join .main3 .title h3{
		display: none;
	}
	#join .main3 .link{
		margin-top: 0;
		height: 0.45rem;
	}
	#join .main3 .link a{
		width: 1.5rem;
	    height: 0.43rem;
	    line-height: 0.43rem;
	}
	#join .main3 .link a:hover, #join .main3 .link a.now{
		width: 1.5rem;
	    height: 0.45rem;
	    line-height: 0.45rem;
	}
	#join .main3 .link a:last-child{
		margin-right: 0;
	}
	#join .main3 table tbody{
		width: 100%;
	}
	#join .main3 table .t2{
		width: calc(100vw * 0.665);
	}
	#join .main3 table .t5{
		width: calc(100vw * 0.285);
	}
	#join .main3 table.a, #join .main3 table{
		margin-top: 0;
	}
	#join .main3 table .t1, #join .main3 table td:nth-child(1){
		display: none;
	}
	#join .main3 table .t6, #join .main3 table td:nth-child(2){
		display: none;
	}
	#join .main3 table .t3, #join .main3 table td:nth-child(4){
		display: none;
	}
	#join .main3 table .t4, #join .main3 table td:nth-child(5){
		display: none;
	}
}


#contact{
	background: url(../../Img/images/bg3.jpg) center top no-repeat;
	background-size: cover;
    height: auto;
    padding-bottom: 80px;
}
#contact .main .map #bdmap1{
	display: block;
}
#contact .main .map{
	width: calc(100% - 315px);
}
#contact .block{
	overflow: hidden; 
}
#news .main1{
	overflow: hidden;
	position: relative;
}
#news .main1 .imgpc{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#news .main1 .imgph{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: none;
}
#news .main1 .black{
	z-index: 10;
}
@media screen and (max-width: 767px){
	#contact .main .map{
		width: 100%;
		height: 4rem;
	}
	#contact .main .r .information{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 0.15rem;
	}
	#contact .main .r{
		width: 100%;
		height: auto;
		margin-top: 0.1rem;
	}
	#news .main1 .imgpc{
		display: none;
	}
	#news .main1 .imgph{
		display: block;
	}
}

@media screen and (max-width: 1100px){
	#news .main1{
		height: 2.4rem;
	}
	#news .main1 .text p{
		display: none;
	}
	#news .main1 .text{
		left: 0;
		position: relative;
		margin: 0 auto;
		top: 0;
		width: 95%;
		transform: none;
	}
	#news .main1 .text h3{
		position: relative;
		left: 0 !important;
		margin: 0;
		transform: none;
		font-size: 0.22rem;
	    line-height: 1.2;
	    padding-top: 0.76rem;
	}
	#news .main1 .text .learn{
		position: relative;
		left: 0 !important;
		top: 0;
		margin: 0.35rem auto 0;
		transform: none;
		display: block;
	    width: 112px;
	    height: 0.26rem;
	    line-height: 0.26rem;
	    height: 0.32rem;
	    line-height: 0.32rem;
	    text-align: center;
	    border: solid 1px #fff;
	    color: #fff;
	    font-size: 11px;
	}
	#news .main1 .text .learn:hover{
	    width: 112px;
	    height: 0.26rem;
	    line-height: 0.26rem;
	    font-size: 11px;
	    border: solid 1px #b50100;
	}
}


#news .main2{
	padding: 3.5em 0 4em;
}
.view {
    font-size: 16px;
    color: #b50100;
    width: 196px;
    height: 57px;
    line-height: 57px;
    display: block;
    text-align: center;
    border: 1px solid #b50100;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}
.view span {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 5px;
    margin: 13% 0 0 10px;
    vertical-align: top;
}
.view span i {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #b50100;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}
.view span i:after {
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 6px;
    height: 2px;
    background: #b50100;
    transform: rotate(45deg);
    content: '';
}
.view:hover span i {
    width: 40px;
}
@media only screen and (max-width:1440px) {
    .view {
        width: 9.8em;
        height: 2.85em;
        line-height: 2.85em;
    }
    .schoolbox .left {
        padding: 45px 25px 21px;
    }
    .schoolbox .imgbox {
        width: 62%;
    }
}
.group-box {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
.group-box>div{
	box-sizing: border-box;
}
.group-box li {
    padding: 50px 40px;
    overflow: hidden;
    width: 100%;
    transition: all 0.3s;
    border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.group-box li a{
	display: flex;
}
.group-box li .imgs-box {
    width: 29.2%;
    height: 12em;
    overflow: hidden;
    margin-right: 2em;
    float: left;
    min-width: 29.2%;
}

.group-box li .imgs-box .bgimage {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    background: no-repeat center;
    background-size: cover;
}

.group-box li .item-box {
    float: left;
    /*width: 67%;*/
    padding-top: 11px;
}

.group-box li .time {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 23px;
}

.group-box li .item-txt1 {
    margin: 5px 0 8px;
    font-size: 24px;
    color: #1a1a1a;
    line-height: 33px;
    height: 33px;
    overflow: hidden;
}

.group-box li .item-txt2 {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.group-box li.noimg .item-box {
    float: none;
    width: 100%;
}

.group-box li .view {
    margin-top: 2em;
}

.group-box li .view:hover {
    color: #b50100;
}

.group-box li:hover {
    background: #ededed;
}

.group-box li:hover .bgimage {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

@media screen and (max-width: 1600px) {
    .group-box li .view {
        margin-top: 1.2em;
    }

    /*.group-box li .item-box {
        width: 65%;
    }*/

    .group-box li {
        padding: 50px 20px 50px 40px;
    }
}

@media screen and (max-width: 1440px) {
    .group-box li {
        padding: 40px 2%;
    }
}

@media screen and (max-width: 767px) {

	#news .main2{
		padding: 0.15rem 0 0.5rem;
	}
    .group-box {
        width: 100%;
    }

    .group-box li {
        padding: 0.2rem 0;
        border-bottom: 0.02rem solid #e5e5e5;
    }

    .group-box li a{
    	display: block;
    }
    .group-box li .imgs-box {
        width: 100%;
        height: 2.5rem;
        margin-right: 0;
        float: none;
        margin-bottom: 0.2rem;
    }

    .group-box li .item-box {
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .group-box li .time {
        font-size: 0.12rem;
        color: #999999;
        line-height: 0.21rem;
    }

    .group-box li .item-txt1 {
        margin: 0.07rem 0 0;
        font-size: 0.2rem;
        line-height: 0.27rem;
        height: 0.27rem;
    }

    .group-box li .item-txt2 {
        display: none;
    }

    .group-box li .view {
        display: none;
    }

    .group-box .inner-pages {
        margin-top: 0.5rem;
    }
}

#news .main2{
	padding-top: 0;
}
#news .main2 .doc{
	font-size: 0.8em;
    line-height: 2;
    color: #222222;
}
.aboutlist{
	padding: 0 1.35em 0 1.6em;
}
.aboutlist p{
	font-size: 16px;
    line-height: 2;
    color: #222222;
    margin: 0 0 15px;
}
.aboutlist p:first-child{
	margin-top: 100px;
}
.aboutlist img{
	width: auto;
	height: auto;
	display: block;
	margin: 100px auto 0;
	max-width: 100%;
}
.aboutlist .text{
	max-width: 1096px;
    margin: 0 auto 30px;
    text-align: center;
}
.aboutlist .text h3 {
    font-size: 28px;
    color: #474747;
    line-height: 1.2;
    margin-top: 40px;
}
.aboutlist .text p {
    color: #707070;
    line-height: 1.5;
    font-size: 14px;
    margin-top: 12px;
}
@media screen and (max-width: 1600px){
	.aboutlist p:first-child{
		margin-top: 70px;
	}
	.aboutlist img{
		margin: 70px auto 0;
	}
}
@media screen and (max-width: 1400px){
	.aboutlist p:first-child{
		margin-top: 50px;
	}
	.aboutlist img{
		margin: 50px auto 0;
	}
}
@media screen and (max-width: 900px){
	.aboutlist p:first-child{
		margin-top: 0.4rem;
	}
	.aboutlist img{
		margin: 0.4rem auto 0;
	}
}
@media screen and (max-width: 767px){
	.aboutlist p{
		font-size: 0.18rem;
	}
	.aboutlist .text h3 {
	    font-size: 0.24rem;
	    margin-top: 0.4rem;
	}
	.aboutlist .text p {
	    font-size: 0.18rem;
	    line-height: 2;
	    margin-top: 8px;
	}
	.aboutlist{
		padding: 0 0.05rem;
	}
}


.aboutlist .item{
	padding: 2.6em 0 2em;
	border-bottom: 1px dashed #dadada;
}
.aboutlist .item .tit{
	font-size: 1em;
	line-height: 1.5;
	color: #b50100;
}
.aboutlist .item .tit2{
	font-size: 1.6em;
	line-height: 1.3125;
	color: #b50100;
	margin-top: 0.75em;
}
.aboutlist .item .det{
	font-size: 0.8em;
	line-height: 2;
	color: #222222;
	margin-top: 1.25em;
}
@media screen and (max-width: 767px){
	.aboutlist .item{
		padding: 0.3rem 0;
	}
	.aboutlist .item .tit{
		font-size: 0.18rem;
	}
	.aboutlist .item .tit2{
		font-size: 0.23rem;
		margin-top: 0.1rem;
	}
	.aboutlist .item .det{
		font-size: 0.18rem;
		margin-top: 0.1rem;
	}
}

#join .main2 .swiper-slide .imgbg{
	height: 340px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#join .main2 .swiper-slide h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    background: url(../../Img/images/black65.png) center center repeat;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
}
#join .main2 .swiper-container{
	margin-top: 2.25em;
}

@media screen and (max-width: 900px){
	#join .main2 .swiper-slide .imgbg{
		height: 270px;
	}
}
@media screen and (max-width: 767px){
	#join .main2{
		padding: 0.38rem 0;
	}
	#join .main2 .title h2{
		font-size: 20px;
	}
	#join .main2 .title h3{
		display: none;
	}
	#join .main2 .swiper-container{
		margin-top: 0.2rem;
	}
	#join .main2 .swiper-slide .imgbg{
		height: 1.5rem;
	}
	#join .main2 .swiper-slide h3{
		overflow: hidden;
		font-size: 0.16rem;
		line-height: 0.4rem;
		height: 0.4rem;
	}
	#join .main2 .swiper-pagination{
		margin-top: 0.15rem;
		height: 10px;
	}
	#join .main2 .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	#join .main3 .bot b{
		display: block;
	}
}

#works .links li{
	width: 120px;
}
@media screen and (max-width: 7366px){
	#works .links li{
		margin-left: 22px;
	}
}
#news .page{
	margin-top: 2.5em;
}

.inner-navswh{
	background: #e9e9e9;
	position: relative;
	z-index: 30;
}
.inner-navswh .navcon{
	width: 95%;
	max-width: 1250px;
	margin: 0 auto;
}
.inner-navswh .ntit{
	display: none;
}
.inner-navswh .nlist{
	overflow: hidden;
}
.inner-navswh .nlist .item{
	padding: 0 10px 0 6px;
	float: left;
	position: relative;
}
.inner-navswh .nlist .item a{
	display: block;
	padding: 1.4em 1.35em 1.2em 1.6em;
	position: relative;
}
.inner-navswh .nlist .item a:hover:before, .inner-navswh .nlist .item.on a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #b50100;
}
.inner-navswh .nlist .item span{
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #222;
	position: relative;
}
.inner-navswh .nlist .item a:hover span, .inner-navswh .nlist .item.on a span{
	color: #b50100;
}
.inner-navswh .nlist .item:after{
	content: "";
	position: absolute;
	left: 0;
	top: 1.4em;
	height: 28px;
	width: 1px;
	background: #fff;
}
.inner-navswh .nlist .item:before{
	content: "";
	position: absolute;
	right: 0;
	top: 1.4em;
	height: 28px;
	width: 1px;
	background: #b3b3b3;
}
.inner-navswh .nlist .item:first-child:after{
	display: none;
}
.inner-navswh .nlist .item:last-child:before{
	display: none;
}
@media screen and (min-width: 991px){
	.inner-navswh .nlist{
		display: block !important;
	}
}
@media screen and (max-width: 991px){
	.inner-navswh .ntit{
		display: block;
	}
	.inner-navswh .nlist{
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		background: #f8f8f8;
		display: none;
	}
	.inner-navswh .ntit{
		text-align: center;
		font-size: 17px;
    	line-height: 40px;
    	color: #b50100;
	}
	.inner-navswh .nlist .item{
		width: 100%;
		box-sizing: border-box;
		padding: 0 2.5%;
	}
	.inner-navswh .nlist .item a{
		text-align: center;
		padding: 0.1rem 0;
		border-bottom: 1px solid #d8d8d8;
	}
	.inner-navswh .nlist .item:before{
		display: none;
	}
	.inner-navswh .nlist .item a:hover:before, .inner-navswh .nlist .item.on a:before{
		display: none;
	}
	.inner-navswh .nlist .item span{
		font-size: 0.18rem;
		line-height: 0.3rem;
	}
	.inner-navswh .nlist .item a:hover span, .inner-navswh .nlist .item.on a span{
		color: #b50100;
	}

	.inner-navswh .ntit span{
		display: inline-block;
		padding-right: 15px;
		background: url(../../Img/images/arrow3.png) no-repeat right center;
		background-size: 10px 5px;
		margin-right: -15px;
	}
}


.adjust{
	opacity: 0;
	width: 100%;
}
.gcal-swh{
	margin-top: 3em;
	display: flex;
}
.gcal-swh .item{
	text-align: center;
	width: 100%;
}
.gcal-swh .item a{
	display: block;
	font-size: 1em;
	line-height: 3.5em;
	color: #222222;
	background: #ededed;
}
.gcal-swh .item.on a, .gcal-swh .item:hover a{
	background: url(../../Img/images/bg6bg.png) center repeat;
	color: #fff;
}
.gcal-list{
	margin: 1.7em -6px 0;
	overflow: hidden;
}
.gcal-list .item{
	float: left;
	width: 50%;
	padding: 0 6px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.gcal-list .item a{
	display: block;
	position: relative;
	overflow: hidden;
}
.gcal-list .item .imgbg{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.gcal-list .item .txtbg{
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3em;
	transition: height 0.5s ease-out;
	background: rgba(46,54,66,.8);
	box-sizing: border-box;
	padding: 0 1.75em;
	display: flex;
	flex-flow: column;
	justify-content: center;
	flex-wrap: wrap;
}
.gcal-list .item .txtbg:hover{
	height: 100%;
}
.gcal-list .item .txtbg .ttit{
	font-size: 0.9em;
	line-height: 3.334em;
	height: 3.334em;
	overflow: hidden;
	color: #fff;
	width: 100%;
	margin-right: 300px;
}
.gcal-list .item .txtbg .ttxt{
	font-size: 0.8em;
	line-height: 1.75;
	color: #fff;
	opacity: 0.6;
	width: 100%;
	height: 7em;
	overflow: hidden;
}

.pop-swp-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	overflow: hidden;
	display: none;
}
.pop-swp-con{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
    height: 100%;
}
.pop-swp-box .pop-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #000;
	opacity: 0.6;
}
.pop-swp-box .pop-content{
	z-index: 10;
	padding: 1em 3.25em;
	box-sizing: border-box;
}
.pop-swp-box .pop-box{
	position: relative;
}
.pop-swp-box .pop-content .adjust{
	max-width: 910px;
}
.pop-swp-box .pop-box .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}
.pop-swp-box .pop-box .swiper-wrapper{
	height: 100%;
}
.pop-swp-box .pop-box .swiper-slide{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pop-swp-box .pop-close{
	position: absolute;
	right: -4.95em;
	top: -13px;
	width: 54px;
	height: 54px;
	background: url(../../Img/images/pop-swp-close.png) no-repeat center;
	background-size: 54px;
	cursor: pointer;
}
.pop-swp-box .pop-prev{
	position: absolute;
	left: -3.25em;
	top: 0;
	width: 3.25em;
	height: 100%;
	background: url(../../Img/images/pop-left.png) no-repeat left center;
	background-size: 1.7em auto;
	cursor: pointer;
}
.pop-swp-box .pop-next{
	position: absolute;
	right: -3.25em;
	top: 0;
	width: 3.25em;
	height: 100%;
	background: url(../../Img/images/pop-right.png) no-repeat right center;
	background-size: 1.7em auto;
	cursor: pointer;
}

@media screen and (max-width: 991px){
	.pop-swp-box .pop-close{
		right: -3.25em;
		top: -54px;
		z-index: 50;
	}
}
@media screen and (max-width: 767px){
	.gcal-swh{
		margin-top: 0.38rem;
	}
	.gcal-swh .item a{
		font-size: 0.17rem;
		line-height: 0.44rem;
	}
	.gcal-list{
		margin: 0.2rem -4px 0;
	}
	.gcal-list .item{
		padding: 0 4px;
		margin-bottom: 8px;
	}
	.gcal-list .item .txtbg{
		padding: 0 0.15rem;
		height: 0.4rem;
	}
	.gcal-list .item .txtbg .ttit{
		font-size: 0.16rem;
		line-height: 0.35rem;
		height: 0.35rem;
	}
	.gcal-list .item .txtbg .ttxt{
		font-size: 0.15rem;
		line-height: 0.24rem;
		height: 0.72rem;
	}
	.gcal-list .item .txtbg:hover{
		height: 0.4rem;
	}
	.pop-swp-box .pop-content{
		padding: 0 0.23rem;
	}
	.pop-swp-box .pop-prev{
		display: none;
	}
	.pop-swp-box .pop-next{
		display: none;
	}
	.pop-swp-box .pop-close{
		right: 0;
    	top: -0.45rem;
    	width: 0.35rem;
    	height: 0.35rem;
    	background-size: 0.35rem;
	}
}

.xhb-list{
	overflow: hidden;
	margin: 3.5em -0.5em 0;
}
.xhb-list .item{
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0.5em;
	margin-bottom: 1em;
	float: left;
	width: 50%;
}
.xhb-list .item a{
	display: block;
	position: relative;
	padding: 18px 4em 20px 1.4em;
	background-color: #f2f2f2;
	color: #222;
}
.xhb-list .item .time{
	font-size: 14px;
	line-height: 22px;
	opacity: 0.5;
}
.xhb-list .item .text{
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	margin-top: 6px;
}
.xhb-list .item .icon{
	position: absolute;
	right: 2em;
	bottom: 22px;
	width: 22px;
	height: 22px;
	background: url(../../Img/images/pdf.png) no-repeat center;
	background-size: contain;
}
.xhb-list .item:hover a{
	color: #fff;
	background-color: #b50100;
}
.xhb-list .item:hover .icon{
	background: url(../../Img/images/pdf1.png) no-repeat center;
	background-size: contain;
}
@media screen and (max-width: 767px){
	.xhb-list{
		margin-top: 0.38rem;
	}
	.xhb-list .item{
		width: 100%;
		margin-bottom: 0.1rem;
	}
}
#page{
	height: auto;
}
#page a{
    display: inline-block;
    min-width: 0.2rem;
    padding: 0 0.05rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #fff;
    font-size: 0.14rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #707070;
    margin: 2px;
    border: solid 1px #7e7e7e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#page a.now,
#page a:hover{
    background: #444;
    border: solid 1px #444;
    color: #fff;
}
#news .main2{
	min-height: 450px;
}
.nodata{
	font-size: 1em;
	line-height: 2em;
	padding-top: 1em;
}
@media screen and (max-width: 767px){
	#news .main2{
		min-height: 300px;
	}
}

#works .grid .text0{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
    height: 45px;
}
#works .grid .text0 h3{
	height: 1.2em;
	overflow: hidden;
	margin: 0;
}
#works .grid .text0 h4{
	margin: 10px 0 0;
	text-align: center;
	display: none;
}
#works .grid .text0 .s1{
	display: none;
}
#works .grid .text0 .s2{
	margin-left: 0;
}





.pop-tvspot-map{
	width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
}
@media screen and (min-width: 768px){
	.pop-tvspot-map{
		display: none !important;
	}
}
.pop-tvspot-map .pop-box {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1020;
}
.pop-tvspot-map.has-open .pop-inner {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.pop-tvspot-map .pop-zhe {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1021;
}
.pop-tvspot-map .pop-inner {
  width: 90%;
  max-width: 25em;
  display: none;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -70%);
  -webkit-transform: translate(-50%, -70%);
  -ms-transform: translate(-50%, -70%);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  background: #fff;
  z-index: 1030;
  -webkit-overflow-scrolling: touch;
}
.pop-tvspot-map .pop-inner::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.pop-tvspot-map .pop-inner::-webkit-scrollbar-track {
  border-radius: 3px;
  background: transparent;
}
.pop-tvspot-map .pop-inner::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 3px;
  background: #e5e5e5;
}
.pop-tvspot-map .pop-bd {
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 7%;
  margin: 0 0.8%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 1032;
}
.pop-tvspot-map .pop-bd::-webkit-scrollbar {
  width: 5px;
  background: #fff;
}
.pop-tvspot-map .pop-bd::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #fff;
}
.pop-tvspot-map .pop-bd::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 3px;
  background: #e5e5e5;
}
.pop-tvspot-map .pop-close {
  width: 1.875em;
  height: 1.875em;
  display: block;
  overflow: hidden;
  background: #b50100 url(../../Img/images/close-btn2-1.png) no-repeat right center;
  background-size: 1.375em auto;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 1040;
}
.pop-tvspot-map {
    background: rgba(0,0,0,0.8);
    z-index: 100000000;
}
.pop-tvspot-map .map-box {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1030;
}
.pop-tvspot-map .map-box img {
    display: block;
}
.pop-tvspot-map .map-tips {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1040;
    font-size: 0.875em;
    line-height: 1.286em;
    color: #fff;
}
.pop-tvspot-map .map-tips .item {
    width: 3.4em;
    height: 3.4em;
    display: block;
    background: #b50100;
    text-align: center;
    margin-bottom: 1px;
    box-sizing: border-box;
}
.pop-tvspot-map .map-tips img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.pop-tvspot-map .map-tips .txt {
    padding: 0.4em 0.5em;
}
.pop-tvspot-map .pop-close {
    background-position: center center;
    position: fixed;
    right: 0.875em;
    top: 0.875em;
    z-index: 1040;
}

.xhxcpbox{
	overflow: hidden;
	margin: 0 auto;
	max-width: 990px;
	position: relative;
}
.xhxcpbox .adjust{
	margin: 0 !important;
	width: 100%;
	opacity: 0;
}
.xhxcpbox .video-js {
    width: 100% !important;
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 20;
}


/*6.28*/
.group-box-honor{
	margin-top: 2em;
}
.group-box-honor li{
	padding: 30px 2%;
}
.group-box-honor li .item-box{
	padding-top: 0;
}
.group-box-honor li .item-txt1{
	margin: 0;
	font-size: 20px;
}
@media screen and (max-width: 767px){
	.group-box-honor li {
	    padding: 0.2rem 0;
	    border-bottom: 0.02rem solid #e5e5e5;
	}
	.group-box-honor li .item-txt1 {
	    font-size: 0.2rem;
	    line-height: 0.27rem;
	    height: 0.27rem;
	}
}



.pop-video-box{
    position: fixed;
    background: rgba(0,0,0,0.6);
    z-index: 30000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.pop-video-box > div{
    box-sizing: border-box;
}
.pop-video-box .pop-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
}
.pop-video-box .pop-header{
    width: 100%;
    padding: 2.5em 2.8em 1em 3.6em;
    position: relative;
    max-width: 49.5em;
    margin: 0 auto;
}
.pop-video-box .pop-close{
    width: 40px;
    height: 40px;
    display: block;
    background: url(../../Img/images/close_05w.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2.5em;
    margin-top: -20px;
    cursor: pointer;
}
.pop-video-box .pop-content{
    width: 100%;
    max-width: 49.5em;
    padding: 1.5em 0 3.75em 2.5em;
    margin: 0 auto;
}
.pop-video-box .video-box{
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.pop-video-box .video-box .video-js {
    width: 100% !important;
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 20;
}
.video-box .adjust {
    width: 100%;
    max-width: 100%;
    display: block;
}
@media (max-width: 991.98px) {
  .pop-video-box .pop-header {
    padding: 0.13rem 0.18rem;
  }
  .pop-video-box .pop-close {
    width: 0.66rem;
    height: 0.66rem;
    right: 0;
    top: 50%;
    margin-top: -0.33rem;
    background-size: 0.3rem auto;
  }
  .pop-video-box .pop-content {
    padding: 0.3rem 0.18rem 0.5rem;
  }
  .pop-video-box{
    padding-top: 1rem;
  }
}


.xhvdlist{
	overflow: hidden;
	margin: 0 -5px;
}
.xhvdlist .item-li{
	float: left;
	width: 33.333%;
	margin-bottom: 10px;
}
.xhvdlist .item-li .libox{
	padding: 0 5px;
}
.xhvdlist .item-li .libox .imgs{
	position: relative;
	overflow: hidden;
	height: 230px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.xhvdlist .item-li .libox h3{
	height: 45px;
	overflow: hidden;
    font-size: 16px;
	line-height: 45px;
    color: #474747;
    text-align: center;
}
.xhvdlist .item-li .libox .play{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    background: rgba(0,0,0,0.3) url(../../Img/images/video_play.png) no-repeat center;
    background-size: 50px;
    transition: all .5s;
}
@media screen and (max-width: 767px){
	.xhxcpbox,
	.xhvdlist{
		margin-top: 0.3rem;
	}
	.xhvdlist .item-li{
		width: 100%;
	}
	.xhvdlist .item-li .libox .imgs{
		height: 2rem;
	}
	.xhvdlist .item-li .libox .play{
		top: 0;
	    background: url(../../Img/images/video_play.png) no-repeat center;
	    background-size: 0.5rem;
	}
	.xhvdlist .item-li .libox h3{
		font-size: 0.18rem;
		line-height: 0.45rem;
		height: 0.45rem;
	}
}


.deovhd{
	margin-top: 2.25em;
	overflow: hidden;
}
.deovhd #demo,
.deovhd #demo3{
	width: 100%;
	overflow: hidden;
}
.deovhd #indemo,
.deovhd #indemo3{
	display: none;
    float: left;
    width: 100%;
}
.deovhd #indemo.showli,
.deovhd #indemo3.showli{
	display: none;
    float: left;
    width: 3000%;
}
.deovhd #demo1,
.deovhd #demo2,
.deovhd #demo4,
.deovhd #demo5{
	float: left;
}
.deovhd .swiper-slide{
	width: calc((100% - 20px)/3);
	position: relative;
	float: left;
	margin-right: 10px;
}
.deovhd .showli .swiper-slide{
	width: 458px;
}
.deovhd .swiper-slide .imgbg{
	height: 340px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.deovhd .swiper-slide h3{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    background: url(../../Img/images/black65.png) center center repeat;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
}
#demo{
	display: block;
}
#demo3{
	display: none;
}
@media screen and (max-width: 767px){
	#demo{
		display: none;
	}
	#demo3{
		display: block;
	}
	.deovhd .swiper-slide{
		width: calc((100% - 20px)/2);
	}
	.deovhd .showli .swiper-slide{
		width: 190px;
	}
	.deovhd .swiper-slide .imgbg{
		height: 1.5rem;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	}
	.deovhd .swiper-slide h3{
	    overflow: hidden;
	    font-size: 0.16rem;
	    line-height: 0.4rem;
	    height: 0.4rem;
	}
}

.morepage{
	font-size: 14px;
    color: #474747;
    width: 188px;
    height: 43px;
    border: solid 1px #a7a7a7;
    text-align: center;
    line-height: 43px;
    display: block;
    margin: 30px auto 0;
    cursor: pointer;
}
.morepage:hover{
    color: #fff;
    background: #b50100;
    border: none;
    width: 190px;
    height: 45px;
    line-height: 45px;
}
@media screen and (max-width: 767px){
	.morepage{
		width: 108px;
    	height: 33px;
   		line-height: 33px;
    	margin: 20px auto 0;
    	cursor: pointer;
	}
	.morepage:hover{
	    color: #fff;
	    background: #b50100;
	    border: none;
	    width: 110px;
	    height: 35px;
	    line-height: 35px;
	}
}