html,body{font-family:'PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif'!important;color:#333;}
.red{color:red;}
.green{color:green;}
.ts{padding:10px 0;}
.f-l{float:left;}
.f-r{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both; display: block;}
.layout-box{font-size: 14px;min-width:1200px;}
.layouts{width: 1200px; margin: 0 auto;}
.m-b-70{margin-bottom: 70px!important;}
.m-b-60{margin-bottom: 60px!important;}
.m-b-50{margin-bottom: 50px!important;}
.m-b-40{margin-bottom: 40px!important;}
#top .layout{width: 1200px;}

.top-fixation{width: 100%; background-color: #fff; padding:0;position: fixed; z-index: 3;}

.head{padding: 30px 0;}
.head h1{width:220px;height:35px;font-size:36px;font-weight:400;color:#333333;line-height:34px; float: left;}
.head ul{float: right;}
.head ul li{float: left; margin-right: 10px;}
.head ul li a{float:left;font-size:20px;font-weight:400;color:#555555;height:40px;line-height:40px; padding: 0 20px;text-decoration: none;}
.head ul li a:hover,.head ul li a.active{background-color: #4568B5; color:#fff;border-radius: 5px;}

.main-title{position: relative;margin-bottom: 40px; }
.main-title h1{font-size: 30px; color:#333; text-align: center;line-height: 42px; margin: 0 0 30px 0;}
.main-title h1::after{ content: '';width:60px; height: 3px; position: absolute; top: 46px; left: 50%; margin-left: -30px; background-color: #4568B5; border-radius: 2px;
    box-shadow:0px 5px 1px 0px rgb(69 104 181 /20%);}
.main-title h2{font-size: 16px; text-align: center;font-weight: normal; line-height: 30px; margin-bottom: 10px;}

.sub-title{margin-bottom: 20px;}
.sub-title h1{font-size: 30px; line-height: 30px;}
.sub-title .more{padding: 4px 0;}

/* .pro-box dl.dl-3th{margin-right: -30px; margin-bottom: 30px;}
.pro-box dl.dl-3th dd{width: 380px; float: left; margin:0 30px 30px 0;background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(51,51,51,0.35);}
.pro-box dl.dl-3th dd .pic-box{ height: 190px; background: #EFF1F3;}
.pro-box dl.dl-3th dd .pic-box div{width: 160px; height: 160px; background-color: #D9E6FF; border: 15px solid #ECF2FF; border-radius: 50%; margin: 0 auto; display: block;}
.pro-box dl.dl-3th dd .pic-box div i{width: 160px; height: 160px; background: url(../images/result1.png) no-repeat center center; display: block;}
.pro-box dl.dl-3th dd .pic-box div i.b{ background-image: url(../images/result2.png);}
.pro-box dl.dl-3th dd .pic-box div i.c{ background-image: url(../images/result3.png);}
.pro-box dl.dl-3th dd .txt-box{ padding: 20px 20px 0; height: 156px;}
.pro-box dl.dl-3th dd .txt-box h2{font-size: 16px;font-weight: 700;color: #333333;line-height: 30px; padding-bottom: 10px;text-align: center;}
.pro-box dl.dl-3th dd .txt-box p{font-size: 14px; color: #555555;line-height: 24px;text-indent: 0;}*/

.pro-box-a dl.dl-4th{margin-right: -20px; margin-bottom: 20px;}
.pro-box-a dl.dl-4th dd{width: 285px;  float: left; margin:0 20px 20px 0;}
.pro-box-a dl.dl-4th dd a{border: 1px solid #DEDEDE; display: block;line-height: 0; height: 60px; padding: 10px 0;text-align: center;}
.pro-box-a dl.dl-4th dd img{width: auto; height:60px;}

/*.pro-box dl.dl-5th{margin-right: -20px; margin-bottom: 20px;}
.pro-box dl.dl-5th dd{width: 224px; float: left; margin:0 20px 20px 0;position: relative;}
.pro-box dl.dl-5th dd.flow{ padding: 18px 0 0 0;}
.pro-box dl.dl-5th dd.flow .line-a,
.pro-box dl.dl-5th dd.flow .line-b,
.pro-box dl.dl-5th dd.flow .line-c,
.pro-box dl.dl-5th dd.flow .line-d{position: absolute;width: 100%; height: 2px; left: 0; top:4px; background-color: #6595FC;}
.pro-box dl.dl-5th dd.flow .line-b{top:10px;}
.pro-box dl.dl-5th dd.flow .line-c{top:18px;}
.pro-box dl.dl-5th dd.flow .line-d{top:24px;}
.pro-box dl.dl-5th dd.flow .title{width: 120px; padding: 0 2px; height: 30px;position: absolute;top:0;left: 50%;margin-left: -62px;}
.pro-box dl.dl-5th dd.flow h2{height: 30px;background: linear-gradient(0deg, #4568B5, #6595FC); z-index: 2; position: relative;
    line-height: 30px; text-align: center; color:#fff; }
.pro-box dl.dl-5th dd.flow div.content{height: 114px;background: #D8E6FF;border-radius: 8px; padding: 50px 34px 0;}
.pro-box dl.dl-5th dd.flow img{width: 270px; height:80px;}
.pro-box dl.dl-5th dd.resource{height: 488px;background: #fff;box-shadow: 0px 2px 5px 0px rgba(51,51,51,0.35);border-radius: 10px;}
.pro-box dl.dl-5th dd.resource .pic-box{height: 224px;background: #EFF1F3;}
.pro-box dl.dl-5th dd.resource .pic-box img{width: 224px; height: 224px;}
.pro-box dl.dl-5th dd.resource .txt-box{padding:12px 20px 20px 20px;}
.pro-box dl.dl-5th dd.resource h2{font-weight: 700; color: #333333; line-height: 30px; text-align: center; font-size: 16px; margin-bottom: 14px;}
.pro-box dl.dl-5th dd.resource h3{line-height: 30px; font-size: 14px; margin-bottom: 8px;font-weight: 700; }
.pro-box dl.dl-5th dd.resource p{line-height: 24px; text-indent: 0;margin-bottom: 10px;color:#666;} */

.list ul  li.list{border:1px solid #dedede; position: relative;padding:20px; margin-bottom: 20px;}
.list ul  li.list div.cover{width:400px;height:225px;background-color:#dedede;li.listne-height: 0; display: block; position: absolute; overflow: hidden;}
.list ul  li.list div.cover img{width:400px;height:225px}
.list ul  li.list div.text-box{padding:0 0 0 40px;width: auto; min-height: 225px;}
.list ul  li.list div.text-box-m{margin-left: 400px;}
.list ul  li.list div.text-box p{text-indent:2em;line-height:24px;margin-bottom:8px}
.list ul  li.list div.text-box .title-info{margin-bottom:14px}
.list ul  li.list div.text-box h2{font-size:24px;line-height:24px;font-weight:700; float: left;}
/* .list ul  li div.text-box .title-info a.more{font-size:16px;color: #4469B3;} */
.list ul  li.list div.text-box .title-info div{float: left; margin:4px 0 0 20px;}
.list ul  li.list div.text-box div.party{padding: 10px 0 0 0;}
.list ul  li.list div.text-box div.party  span{margin-right:20px}
.list ul  li.list div.text-box div.party a{font-size: 14px;}
.list ul li.list .more{color:#4568B5; margin-left: 16px;}
.list ul li.list i.play{position: absolute;top: 50%;left: 50%; width: 56px;height: 56px;line-height: 56px;text-align: center; color: #f40;margin: -22px 0 0 -32px;font-size: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;cursor: pointer; background: url(/gaixing/images/play56x56.png) no-repeat 0 0;}
.list ul li.list i.play a{display: block;width: 100%; height: 100%;}
.list ul li.list i.play b{display: block;width: 100%;height: 100%;}
.banner{height: 320px; background: url(../images/banner.png) no-repeat center center;}
.pop{height: 200px; background: url(../images/pop.png) no-repeat center center;}
.banner a,.pop a{width: 100%; height: 100%; display: block;}
/*蓝色实芯*/
.button-bule-filling,a.button-bule-filling{background-color:#4577cc; outline-color:#4577cc; color:#ffffff; height:36px; line-height:36px; border:none;font-size:14px; border-radius:3px; display:inline-block; padding:0 26px; cursor:pointer;margin-right: 30px;}
a.button-bule-filling:link{background-color:#4577cc; color:#ffffff;}
a.button-bule-filling:visited{background-color:#4577cc; color:#ffffff;}
.button-bule-filling:hover,a.button-bule-filling:hover{background-color:#4e86e6; color:#ffffff;text-decoration: none;}
a.button-bule-filling:active{background-color:#4577cc; color:#ffffff;}
/*蓝色空芯*/
.button-bule-empty,a.button-bule-empty{background-color:#ffffff; color:#4577cc; height:34px; line-height:34px; border:1px solid #4577cc; outline-color:#4577cc;font-size:14px; border-radius:3px; display:inline-block; padding:0 26px; cursor:pointer; }
.button-bule-empty{height:32px; line-height:32px;}
a.button-bule-empty:link{background-color:#ffffff; color:#4577cc;}
a.button-bule-empty:visited{background-color:#ffffff; color:#4577cc;}
.button-bule-empty:hover,a.button-bule-empty:hover{background-color:#4e86e6; color:#ffffff; text-decoration: none;}
a.button-bule-empty:active{background-color:#ffffff; color:#4577cc;}
/*灰色空芯*/
.button-gray-empty,a.button-gray-empty{background-color:#ffffff; color:#555555; height:34px; line-height:34px; border:1px solid #DEDEDE; outline-color:#DEDEDE;font-size:14px; border-radius:3px; display:inline-block; padding:0 26px; cursor:pointer;}
.button-gray-empty{height:32px; line-height:32px;}
a.button-gray-empty:link{background-color:#ffffff; color:#555555;}
a.button-gray-empty:visited{background-color:#ffffff; color:#555555;}
.button-gray-empty:hover,a.button-gray-empty:hover{background-color:#4e86e6; color:#ffffff; text-decoration: none;}
a.button-gray-empty:active{background-color:#ffffff; color:#555555;}

.suspend-box{width: 140px;height: 170px;background: #fff; box-shadow: 0px 3px 5px 0px rgba(34,34,34,0.35); border-radius: 5px; position: absolute; display: none;}
.suspend-box .arrow{position:absolute;display:block;width:24px;line-height:0;height:12px;overflow:hidden;background:transparent;pointer-events:none;left:50%;margin-left:-12px;bottom:-12px;}
.suspend-box .arrow .arrow-content{border-top:12px solid #ffff;border-right:12px solid transparent;border-bottom:none;border-left:12px solid transparent;height:0;line-height:0;width:0;display:inline-block;margin-top:0;}
.suspend-box .inner{padding: 8px;color: #333333;}
.suspend-box .inner .inner-box{margin-bottom: 5px;}
.suspend-box .inner img{width: 122px; height: 122px;}
.suspend-box .inner h3{text-align: center; font-size: 14px;}
.app-box{display:inline-block;margin-right: 30px; position: relative;}
.app-box:hover .suspend-box{display: block; margin-top: -185px;}

.factoryInspection a{display: block; width: 100%; height: 100%;}

.content{height: 225px;position: relative;}
.content .container{position: relative;height: 225px;width: 400px;overflow: hidden; position: relative;}
.content .container .marquee{position: absolute; top: 0; left:0;}
.content .container .marquee dd{float: left;position: relative;}
/* .content .container a{text-decoration: none;color: #333;display: block; background: #fff;}
.content .container a img{width: 400px;} */
.content .btn {display: block; width: 30px;height: 70px;position: absolute;top: 77px; cursor: pointer; background-color: #c1c1c1;z-index: 1; display: none;}
.content .bth-l{left: 0;}
.content .bth-l i::before{border-top:16px solid transparent;border-right:16px solid #ffffff;border-bottom:16px solid transparent;top:20px;left:6px;position:absolute;height:0;line-height:0;content:'';display:block;}
.content .bth-l i::after{border-top:16px solid transparent;border-right:16px solid #c1c1c1;border-bottom:16px solid transparent;top:20px;left:11px;position:absolute;height:0;line-height:0;content:'';display:block;}
.content .bth-r{right: 0;}
.content .bth-r i::before{border-top: 16px solid transparent;border-left: 16px solid #ffffff; border-bottom: 16px solid transparent; top:20px;left:11px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r i::after{border-top: 16px solid transparent;border-left: 16px solid #c1c1c1; border-bottom: 16px solid transparent; top:20px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}

.content .bth-l:hover{background-color: #6c6c6c;}
.content .bth-l:hover i::before{border-top: 16px solid transparent;border-right: 16px solid #fff; border-bottom: 16px solid transparent; top:20px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-l:hover i::after{border-top: 16px solid transparent;border-right: 16px solid #6c6c6c; border-bottom: 16px solid transparent; top:20px;left:11px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r:hover{background-color: #6c6c6c;}
.content .bth-r:hover i::before{border-top: 16px solid transparent;border-left: 16px solid #fff; border-bottom: 16px solid transparent; top:20px;left:11px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r:hover i::after{border-top: 16px solid transparent;border-left: 16px solid #6c6c6c; border-bottom: 16px solid transparent; top:20px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content:hover .btn{display: block;}
.content ol{ background-color:none; position:absolute; bottom: 0;    z-index: 1;}
.content ol li{height: 20px;padding: 0 10px;}