/*公共样式*/
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 "MicrosoftYaHei",; background-color: #F9F9F9;}
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;}
.font18 {font-size: 18px;}
.font14 {font-size: 14px;}
.fonW {font-weight: bold;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666666;}
.cold7{color: #d7000f;}
.cold6 {color: #0d6ddb;}
.col06 {color: #0066cc}
.colf9 {color: #ff9900;}
.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: 60px; background: #fff;line-height: 60px;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 15px;height: 20px;;line-height: 20px;font-size: 14px;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: #f9f9f9;height: 100%;}
.banner {width: 100%;background-size: 100% 100%;}
.lead {width: 100%;background: #fff;padding: 40px 0;}
.lead .lead-con {height: 185px;border: 1px solid #71c7fb;box-sizing: border-box;padding: 20px 30px 20px 30px;}
.lead .lead-con p {width: 860px;margin-left: 30px;font-size: 14px;color: #333333;line-height: 28px;text-align: justify;}

.lightspot {width: 100%;height: 780px;background: url('../image/bg-1.png')no-repeat center;background-size: 100% 100%;box-sizing: border-box;padding: 20px 0;}
.lightspot .lab {text-align: center}
.lightspot .lab p:nth-child(1) span:nth-child(1) {font-size: 40px;font-weight: bold;color: #3596e0;}
.lightspot .lab p:nth-child(1) span:nth-child(2) {font-size: 40px;font-weight: bold;color: #04123f;}
.lightspot .lab p:nth-child(2) {font-size: 18px;color: #333333;}
.lightspot-con {margin-top: 100px;}
.lightspot-con .left-part {border: 1px solid #e5e5e5;width: 482px;}
.lightspot-con .left-part .img {width: 100%;height: 377px;}
.lightspot-con .left-part .img a {display: block;}
.lightspot-con .left-part .name {height: 66px;line-height: 66px;text-align: center;border-top: 1px solid #e5e5e5;background: #fff;}
.lightspot-con .left-part .name a {font-size: 26px;font-weight: bold;color: #131313;}
.lightspot-con .left-part .name img {vertical-align: middle;margin: 0 6px 13px 0;}
.lightspot-con .right-part {width: 703px;}
.lightspot-con .right-part .img {width: 703px;height: 229px;}
.lightspot-con .right-part .img a {display: block;}
.lightspot-con .right-part .img a img {width: 100%;height: 100%;}
.lightspot-con .right-part .list {margin-top: 21px;}
.lightspot-con .right-part .list ul {margin-right: -14px;}
.lightspot-con .right-part .list li {width: 225px;height: 195px;box-sizing: border-box;margin-right: 14px;border: 1px solid #e5e5e5}
.lightspot-con .right-part .list a {display: block;}
.lightspot-con .right-part .list a div {width: 100%;height: 131px;}
.lightspot-con .right-part .list a span {display: block;width: 100%;height: 63px;background: #fff;line-height: 63px;text-align: center;}

.information {background: #fff;height: 100%;padding: 20px 0;}
.information .lab {text-align: center}
.information .lab p:nth-child(1) span:nth-child(1) {font-size: 40px;font-weight: bold;color: #3596e0;}
.information .lab p:nth-child(1) span:nth-child(2) {font-size: 40px;font-weight: bold;color: #04123f;}
.information .lab p:nth-child(2) {font-size: 18px;color: #333333;}
.information .label {margin-top: 30px;}
.information .label li {width: 396px;height: 52px;line-height: 52px;text-align: center;background: #eeeeee;color: #333333;cursor: pointer;}
.active {background: #3596e2!important;color: #fff!important;}
.information .label li:nth-child(2) {margin-left: 6px;}
.information .information-con {margin-top: 20px;display: none;}
.information .information-con .foreshow {width: 635px;margin-top: 10px;}
.information .information-con .foreshow li {margin-bottom: 17px;}
.information .information-con .foreshow li:last-child {margin-bottom: 0;}
.information .information-con .foreshow ul{height: 288px;overflow-y: auto;margin-top: 20px;}
.information .information-con .foreshow p.p2 {height: 45px;line-height: 45px;background: #3596e2;color: #fff;font-size: 18px;box-sizing: border-box;padding-left: 10px;position: relative;}
.information .information-con .foreshow p.p2::before {content: '◀';color: #3596e2;position: absolute;left: -12px;}
.information .information-con p.p1 {font-size: 35px;color: #3596e2;font-weight: bold;}

/* 滚动条样式 */
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #00000033;background: rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: #fafafa;}

.information .optesthesia {margin-top: 80px;height: 415px;display: none;}
.information .optesthesia .left-part {width: 613px;}
.information .optesthesia .left-part p {color: #3596e2;font-size: 35px;font-weight: bold;}
.information .optesthesia .left-part .optesthesia-item {margin-top: 40px;}
.information .optesthesia .left-part .optesthesia-item li {margin-bottom: 15px;}
.information .optesthesia .left-part ul.video {margin-top: 67px;}
.information .optesthesia .left-part ul.video li {width: 192px;height: 133px;line-height: 133px;}
.information .optesthesia .left-part ul.video li:nth-child(2) {margin-left: 18px;}
.information .optesthesia .left-part ul.video li a {display: block;position: relative;width: 100%;height: 100%;}
.information .optesthesia .left-part ul.video li a .bg {position: absolute;left: 0;top: 0;}
.information .optesthesia .left-part ul.video li a .play {width: 41px;height: 41px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
.information .optesthesia .left-part ul.video li a span {display: block;position: absolute;bottom: 10px;left: 10px;color: #fff;height: 20px;z-index: 9999;line-height: 20px}
.information .optesthesia .right-part {width: 548px;height: 100%;}
.information .optesthesia .right-part a {display: block;width: 100%;height: 100%;position: relative;}
.information .optesthesia .right-part a .play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.information .optesthesia .right-part a .bg {position: absolute;left: 0;top: 0;}
.information .optesthesia .right-part a span {display: block;position: absolute;bottom: 20px;left: 30px;color: #fff;height: 20px;z-index: 9999;line-height: 20px}

/* 工博洞察 */
.information .ingoing-con {margin-top: 20px;display: none}
.information .ingoing-con .foreshow {width: 635px;margin-top: 10px;}
.information .ingoing-con .foreshow li {margin-bottom: 19px;}
.information .ingoing-con .foreshow li:last-child {margin-bottom: 0;}
.information .ingoing-con .foreshow ul{margin-bottom: 40px;height: 238px;margin-top: 20px;}
.information .ingoing-con .foreshow p.p2 {height: 45px;line-height: 45px;background: #3596e2;color: #fff;font-size: 18px;box-sizing: border-box;padding-left: 10px;position: relative;}
.information .ingoing-con .foreshow p.p2 a{color: #fff;}
.information .ingoing-con .foreshow p.p2::before {content: '◀';color: #3596e2;position: absolute;left: -12px;}
.information .ingoing-con p.p1 {font-size: 35px;color: #3596e2;font-weight: bold;}

.wonderful {padding: 30px 0;}
.wonderful .lab {text-align: center}
.wonderful .lab p:nth-child(1) span:nth-child(1) {font-size: 40px;font-weight: bold;color: #3596e0;}
.wonderful .lab p:nth-child(1) span:nth-child(2) {font-size: 40px;font-weight: bold;color: #04123f;}
.wonderful .lab p:nth-child(2) {font-size: 18px;color: #333333;}
.wonderful ul.con-item {margin-top: 20px;position: relative;}
.wonderful ul.con-item li.con-detail-item {display: none;}
.wonderful ul.con-item li.con-detail-item ul {margin-top: 20px;width: 100%;}
.wonderful ul.con-item li.con-detail-item ul li {width: 392px;height: 263px;}
.wonderful ul.con-item li.con-detail-item ul li:nth-child(2) {margin-left: 12px;}
.wonderful ul.con-item .magnify {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;height: 600px;background-color: rgba(0,0,0,0.5);display: none;border: 3px solid #ffffff;box-sizing: border-box;}
.wonderful ul.con-item .magnify img.close {position: absolute;top: 0;right: 0;}
.wonderful .left-part {width: 713px;height: 475px;}
.wonderful .right-part {width: 478px;}
// .wonderful .right-part ul li {margin-bottom: 10px;height: 170px;}
.wonderful .right-part .img-1 {height: 318px;}
.wonderful .right-part .img-2 {margin-top: 12px;height: 145px;cursor: pointer;background: url('../image/bg-4-1.jpg')no-repeat center;background-size: 100% 100%;}

.recom {width: 100%;background: url('../image/bg-5.png')no-repeat center;width: 100%;background-size: 100% 100%;box-sizing: border-box;padding: 40px 0;}
.recom .lab {text-align: center}
.recom .lab p:nth-child(1) span:nth-child(1) {font-size: 40px;font-weight: bold;color: #fdeb00;}
.recom .lab p:nth-child(1) span:nth-child(2) {font-size: 40px;font-weight: bold;color: #ffffff;}
.recom .lab p:nth-child(2) {font-size: 18px;color: #ffffff;}
.recom .recom-con {margin-top: 40px;position: relative;}
.recom .recom-con .recom-con-item {overflow: hidden;}
.recom .recom-con .left {position: absolute;left: -60px;top: 210px;cursor: pointer;display: none;}
.recom .recom-con .right {position: absolute;right: -60px;top: 210px;cursor: pointer;display: none;}
.recom .recom-con ul.recom-con-ul {height: 525px;white-space:nowrap;overflow: hidden;}
.recom .recom-con ul.recom-con-ul li.recom-con-li {width: 100%;height: 100%;display: none;}
.active-li {display: block!important;}
.recom .recom-con ul.recom-con-ul li.recom-con-li ul{margin-right: -12px;height: 100%;}
.recom .recom-con li.recom-con-li li {width: 190px;height: 140px;margin-right: 12px;margin-bottom: 35px;float:left;}
.recom .recom-con li.recom-con-li li span {display: block;width: 100%;height: 46px;line-height: 46px;text-align: center;background: #eeeeee;font-size: 16px;color: #333333;}
.recom .recom-con li.recom-con-li li .img {height: 93px;width: 100%;background: #ffffff;box-sizing: border-box;}
.recom .recom-con li.recom-con-li li .img img {width: 100%;height: 100%;}

/* 精品展区 */
.scene{margin-top: 20px;}
.scene img{cursor: pointer;}
.scene .big_img {position: relative;}
.scene .s-box .s-imgs{ width: 100%; height: 620px;margin: 0 auto;border: 2px solid #dbdbdb;border-radius: 5px;overflow: hidden;box-sizing: border-box;}
.scene .s-box .s-imgs li{display: none;position: relative;height: 100%;}
.scene .s-box .s-imgs li.active{display: block;}
.scene .s-foot {background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;width: 100%;height: 130px;}
.scene .s-foot p {color: #eaeaea;font-size: 18px;font-weight: bold;position: relative;top: -45px;box-sizing: border-box;padding: 0 20px;}
.scene .s-small-imgs{width: 1100px; height: 55px;margin: 0 auto;position: relative;top: 60px;}
.scene .s-arrow{display: block; width: 30px; height: 55px; text-align: center; cursor: pointer;}
.scene .arrow-up{ background:url("../image/left.png") no-repeat center; background-size: 25px 25px}
.scene .arrow-down{ background:url("../image/right.png") no-repeat center; background-size: 25px 25px}
.scene .ss-box{position: relative;margin: 0 auto;overflow: hidden;height: 100%;bottom: 0;width: 1040px;}
.scene .ss-box span{position: absolute; left: 0; top: 0; width:82px; height: 55px; border: 2px solid #fdeb00;margin-left: 11px;box-sizing: border-box;}
.scene .ss-box .ss-imgs{ position: absolute; left: 0; top: 0;height: 100%;width: 1000%;}
.scene .ss-box .ss-imgs img{margin: 0 11px;border: 1px solid #ffffff;box-sizing: border-box;}
.scene .ss-box .ss-imgs li {height: 100%;box-sizing: border-box;}


/*传动视觉*/
.scenes {margin-top: 20px;height: 590px;display: none;}
.scenes img{cursor: pointer;}
.scenes .s-box .s-imgs{ width: 995px; height: 590px; background: red;overflow: hidden;}
.scenes .s-box .s-imgs li{display: none; position: relative;}
.scenes .s-box .s-imgs li.active{display: block;}
.scenes .s-imgs li p{position: absolute;bottom: 3px;left: 0;width: 995px;height: 95px;line-height: 95px;padding: 0 20px;background-color: rgba(0,0,0,.6);color: #fff;font-size: 20px;font-weight: bold;box-sizing: border-box;}
.scenes .s-imgs li div {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-color: rgba(0,0,0,.1);}
.scenes .s-imgs li a {display: block;}
.scenes .s-imgs li .img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.scenes .s-small-imgs{width: 195px; height: 590px;}
.scenes .s-arrow{display: block; width: 195px; height: 30px; text-align: center; cursor: pointer;}
.scenes .arrow-up{ background:url("http://www.chuandong.com/html/2018/06/iars/images/icon/arrow-up.png") no-repeat center; }
.scenes .arrow-down{ background:url("http://www.chuandong.com/html/2018/06/iars/images/icon/arrow-down.png") no-repeat center; }
.scenes .sp-gray{background-color: #C2C2C2;}
.scenes .sp-red{background-color: #CD0000;}
.scenes .ss-box{position: relative; height: 510px; margin: 10px 0; overflow: hidden;}
.scenes .ss-box span{position: absolute; left: 0; top: 0; width: 195px; height: 120px; border:2px solid #3396e4;box-sizing: border-box;}
.scenes .ss-box .ss-imgs{height: 10000px; position: absolute; left: 0; top: 0;}
.scenes .ss-box .ss-imgs li{margin-bottom: 10px;height: 120px;}

#move{color:#fff;z-index:999999;position:fixed;}
// .big_img div.lefts {width: 32px;height: 100px;display: flex;align-items: center;justify-content: center;background-color: #000;position: relative;left: 60px;z-index: 10;opacity: 0.7;display: none}
// .big_img div.rights {width: 32px;height: 100px;display: flex;align-items: center;justify-content: center;background-color: #000;position: relative;right: 60px;z-index: 10;opacity: 0.7;display: none}