/*公共样式*/
html {-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 20px/1.5 "Microsoft Yahei",; background-color: #F4F7F7;}
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
// h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
a:hover{color: #d7000f; text-decoration: none;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
// img{vertical-align:middle; display: inline-block; border:none;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.w1200{width: 1200px; margin: 0 auto;}
.w400 {width: 400px}
h2,h3{font-weight: normal;}
.bg1{background-color: #fff;}
.border1{border:1px solid #e5e5e5;}
.mt30{margin-top: 30px;}
.none{display: none;}
.mt45{margin-top: 45px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb48{margin-bottom: 48px;}
.mb50{margin-bottom: 50px;}
.mb68{margin-bottom: 68px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.m30{margin: 30px 0;}
.mr10{margin-right: 10px;}
.mr1{margin-right: 1px;}
.w420 {width: 420px;}
.w560 {width: 560px}

.font20{font-size: 20px!important;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666666;}
.cold7{color: #d7000f;}
.cold6{color: #0d6ddb;}
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{width: 282px; margin-right: 24px; float: left; background-color: #fff; text-align: center;}
.f41-lists li a{display: table-cell; height: 80px;width: 282px; line-height: 22px;padding: 0 20px; vertical-align: middle;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff; text-decoration: none;}
.f7f-list{width: 924px; margin: 20px auto;}
/*header*/
.color8011 {color: #e80011;}
#header{height: 80px; background: #fff;line-height: 80px;overflow: hidden;}
// #header .cd_logo{}
/* #header .mnav a{ float: left; margin-left: 15px; font-size: 14px; line-height: 84px;}
#header .mnav a:hover{text-decoration: underline;color: #e80011;} */
#header .mnav a {padding: 0 10px;height: 20px;;line-height: 20px;font-size: 12px;color: #595959;}
#header .mnav a:hover{color: #d7000f;}
/*footer*/
#footer{background-color: #fff; padding: 30px 0;}
#footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;}
#footer p span{ margin: 0 5px; }

.content {background-color: #edeff4;height: 100%;box-sizing: border-box;padding-bottom: 30px}
.banner {min-width: 1200px;background: url('../image/banner.png') no-repeat center;height: 441px;}

.lead {background: url('../image/bg-1.png')no-repeat center;background-size: 100% 100%;}
.lead-item {background: #fff;height: 213px;box-shadow: 0 0 6px #7e7e7e;box-sizing: border-box;padding: 44px 35px 30px 35px;position: relative;top: -45px}
.lead-item p {color: #555555;font-size: 15px;line-height: 26px;text-align: justify;}
.lead-item img {margin-right: 30px}

.dialogue {background: #fff;padding-bottom: 40px}
.dialogue .label {padding: 60px 0;text-align: center;}
.dialogue-con {margin-top: 30px}
.dialogue-con img {cursor: pointer;}
.dialogue-con img.people-2{display: none}
.dialogue-con .dialogue-con-ul li {margin-right: 0px;min-width: 160px;text-align: center}
.active-show {display: block}
// .dialogue-intro li:nth-child(2) .dialogue-people {width: 620px}
.dialogue-people {max-width: 240px;color: #323232;font-size: 15px;display: none;text-align: left}
.dialogue-people p.name {font-size: 18px;font-weight: bold;padding: 5px 0 10px 0;box-sizing: border-box;text-align: left}
.dialogue-people p.post{background: #fede0a;line-height: 28px;font-weight: bold;font-size: 18px;box-sizing: border-box;padding: 0 10px;display: inline-table;width: 100%}
.dialogue-people p.intro {text-align: justify;margin-top: 10px;line-height: 26px}
.dialogue-people p.intro span {font-size: 18px;font-weight: bold;height: 30px;line-height: 30px;background: #3c80d4;border-radius: 4px;color: #fff;text-align: center;display: inline-block;box-sizing: border-box;padding-left: 10px}

// .assemble {background: #fff;}
.assemble .label {padding: 60px 0 40px 0;text-align: center;}
.assemble-con {background: #fff;padding: 30px}
.assemble-con-item {margin-bottom: 20px}
.assemble-con-item:last-child {margin-bottom: 0}
.assemble-con-item p:first-child {background: url('../image/icon-1.png')no-repeat 50% 18%;width: 22px;height: 35px;margin-right: 20px}
.assemble-con-item p:last-child {text-align: justify;font-size: 16px;cursor: pointer;}
.assemble-con-item:hover p:first-child {background: url('../image/icon-2.png')no-repeat 50% 18%;}

.assemble-carousel {position: relative;;width: 100%;height: 300px;white-space:nowrap;display: block;overflow: hidden;margin-top: 40px;margin-bottom: 30px;}
.assemble-carousel img {width: 100%;height: 100%;}
.assemble-carousel li {width: 295px;height: 195px;display: inline-block;vertical-align: top;position: relative;margin: 0 1px;transition: all 0.5s;cursor: pointer;}
.assemble-carousel li:nth-child(5) {width: 450px;height: 300px;transition: all 0.3s}
.assemble-carousel li:nth-child(5) .shadow {z-index: -1;}
// .assemble-carousel ul {position: absolute;left: -464px;top: 0;width: 100%;font-size: 0}
.assemble-carousel ul {position: absolute;left: -24.8%;top: 0;width: 100%;font-size: 0}
.shadow {background: #b3b2b2;opacity: 0.6;width: 100%;height: 100%;position: absolute;top: 0;z-index: 10;}
.left {position: absolute;top: 100px;left: 480px;z-index: 99999;}
.right {position: absolute;top: 100px;right: 499px;z-index: 99999;}
/* .slick img{width: 295px;height: 195px;} */

.pro-show {background: #fff;}
.pro-show .label {padding: 60px 0 30px 0;text-align: center;}

.exhibition {height: 580px;}
.labe {display: flex;align-items: center;margin: 0 auto;width: 460px;justify-content: center;height: 90px;}
.labe span {border: 1px solid #aaaaaa;width: 131px;}
.labe h1 {margin: 0 35px;color: #fff;}
.exhibition .brand {width: 895px;margin: 0 auto;box-sizing: border-box;padding: 0 40px;color: #777777;font-size: 18px;font-weight: 600;border-bottom: 1px solid #dcdcdc;}
.exhibition .brand span {box-sizing: border-box;padding: 0 10px 0 10px;position: relative;top: 3px;height: 50px;}
.choice-brand {border-bottom: 5px solid #fede0a;z-index: 5;box-sizing: border-box;color: #0b4d9a}

#featured-area{height:337px;width:950px;margin:90px auto 0 auto;display: flex;align-items: center;}
#featured-area img.imag-l {position: relative;right: 50px;}
#featured-area img.imag-r {position: relative;left: 50px;}
.roundabout-holder{list-style:none;width:500px;height:300px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:400px;width:600px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
/* .roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;} */
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

/* #featured-area li .shaw {background: #181818;opacity: 0.6;width: 100%;height: 100%;position: absolute;top: 0;left: 0;;z-index: 10;}
#featured-area li.roundabout-in-focus .shaw {z-index: -10;} */

/* .moment {background: #fff;} */
.moment .label {padding: 60px 0 40px 0;text-align: center;}
.moment ul {margin-right: -20px}
.moment li {margin-right: 19.5px;margin-bottom: 20px}
.moment li {width: 387px;height: 257px;}

@media screen and (max-width:1800px){
    .assemble-carousel ul {position: absolute;left: -29%;top: 0;}
    .left {position: absolute;top: 100px;left: 480px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 480px;z-index: 99999;}
}
@media screen and (max-width:1750px){
    .left {position: absolute;top: 100px;left: 480px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 380px;z-index: 99999;}
}
@media screen and (max-width:1680px){
    .assemble-carousel ul {position: absolute;left: -38%;top: 0;}
    .left {position: absolute;top: 100px;left: 340px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 420px;z-index: 99999;}
}
@media screen and (max-width:1600px){
    .left {position: absolute;top: 100px;left: 340px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 300px;z-index: 99999;}
}
@media screen and (max-width:1500px){
    .assemble-carousel ul {position: absolute;left: -44%;top: 0;}
    .left {position: absolute;top: 100px;left: 300px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 260px;z-index: 99999;}
}
@media screen and (max-width:1400px){
    .assemble-carousel ul {position: absolute;left: -52%;top: 0;}
    .left {position: absolute;top: 100px;left: 230px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 220px;z-index: 99999;}
}
@media screen and (max-width:1300px){
    .assemble-carousel ul {position: absolute;left: -59%;top: 0;}
    .left {position: absolute;top: 100px;left: 180px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 140px;z-index: 99999;}
}
@media screen and (max-width:1200px){
    .assemble-carousel ul {position: absolute;left: -69%;top: 0;}
    .left {position: absolute;top: 100px;left: 120px;z-index: 99999;}
    .right {position: absolute;top: 100px;right: 100px;z-index: 99999;}
}