body,p,h1,h2,h3,h4,h5,li,span,i,ul,img,a,strong,input,button,textarea,select,dd,dl,dt,ol{margin:0;padding:0;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{font-family:"Arial","microsoft yahei";font-size:14px;line-height:1;color:#333}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}
li{list-style-type:none;float:left}
table{border-collapse:collapse;border-spacing:0}
a,area{text-decoration:none!important;outline:none;color:#000}
a:hover,a:focus{text-decoration: none;color:inherit;}
img{border:none;vertical-align:middle}
i,var,em{font-style:normal}
button{font-family:"Arial","microsoft yahei";font-size:14px;outline:none;cursor:pointer;border:none;line-height:1}
input[type="submit"]{border:none}
iframe{border:none}
input,select,textarea{outline:none;font-family:"Arial","microsoft yahei";font-size:14px}
textarea{resize:none;overflow-y:auto}
.at{margin:0 auto}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.dt{display:table;width:100%}
.fl-w{float:left;width:100%}
.hide{display:none}
.ver-container{display:table;width:100%;text-align:center}
.ver-container > *{vertical-align:middle;display:table-cell}
.swiper-button-disabled{cursor:no-drop !important;opacity:.5}
[class*=icon]{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class*=ico]{vertical-align:middle;display:inline-block}
.wid{width:100%;max-width:1400px;margin:0 auto}
body,html{width:100%;height:100%}
body{overflow-x:hidden}
.head{width:100%;height:100px;padding:0 20px;background-color:#fff}
.head .logo{height:100px;display:flex;justify-content:center;align-items:center}
.head .logo span{font-size:24px;padding-left:10px;position:relative;top:10px}
.head .intr{width:auto}
.head .intr .nav{width:auto}
.head .intr .nav ul{margin:0}
.head .intr .nav ul li{line-height:50px;padding:25px 18px;position:relative;margin-right:12px}
.head .intr .nav ul li h4{margin:0}
.head .intr .nav ul li h4 a{font-size:18px;color:#333;line-height:50px;text-decoration:none}
.head .intr .nav ul li .slide{width:200px;min-height:100px;background-color:#d80c18;position:absolute;left:50%;margin-left:-100px;top:100px;padding:10px 0;z-index:88;display:none;box-shadow:0 5px 8px rgba(0,0,0,0.2)}
.head .intr .nav ul li .slide:after{content:"";position:absolute;left:50%;margin-left:-10px;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #d80c18}
.head .intr .nav ul li .slide a{display:block;line-height:40px;color:#fff;font-size:15px;text-align:center;text-decoration:none}
.head .intr .nav ul li .slide a:hover{background-color:#f01824}
.head .intr .nav ul li.acti:after{content:"";position:absolute;left:0;bottom:25px;width:100%;height:2px;background-color:#d80c18}
.head .intr .nav ul li.acti h4 a{color:#d80c18}
.head .intr .nav ul li:hover h4 a{color:#d80c18}
.head .intr .nav ul li:hover .slide{display:block}
.head .intr .language{width:114px;height:40px;background-color:#f3f4f4;border-radius:20px;margin:30px 0}
.head .intr .language a{display:inline-block;width:50%;height:40px;line-height:40px;border-radius:20px;float:left;text-align:center;font-size:16px;color:#333;text-decoration:none}
.head .intr .language a.acti{background-color:#d80c18;color:#fff}
.banner{width:100%;float:left;text-align:center}
.banner .list{width:100%}
.banner .list ul{width:100%;margin:0}
.banner .list ul li{width:100%}
.banner .list ul li img{width:100%}
.banner .list .swiper-pagination{bottom:10px !important}
.banner .list .swiper-pagination .swiper-pagination-bullet{width:10px;margin:0 5px;height:10px;opacity:0.6;background-color:#05488e}
.banner .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:#05488e}
.banner .tabs{width:100%;max-width:1400px;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.2);height:90px;display:inline-block;margin:0 auto;position:relative;margin-top:-40px;z-index:99}
.banner .tabs ul{width:100%;margin:0}
.banner .tabs ul li{width:25%;padding:12px;position:relative;cursor:pointer;border-right:1px solid #f0f0f0;display: flex;align-items: center}
.banner .tabs ul li:last-child{border:none}
.banner .tabs ul li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.7)}
.banner .tabs ul li .imgs{width:66px}
.banner .tabs ul li .imgs img{width:100%}
.banner .tabs ul li .txts{width:calc(100% - 66px);line-height:66px;font-size:16px;color:#333;padding-left:12px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.banner .tabs ul li.acti:after{display:none}
.bg{background-color:#f3f4f4}
.about{width:100%}
.about .title{width:100%;padding-top:94px;float:left;text-align:center}
.about .intrs{width:100%;padding:60px 0;float:left}
.about .intrs .item{width:100%}
.about .intrs .item .imgs{width:100%;overflow:hidden;height: 268px}
.about .intrs .item .imgs img{width:100%;transition:0.5s}
.about .intrs .item .text{width:100%;padding:15px 16px;padding-bottom:30px}
.about .intrs .item .text .tits{width:100%;text-align:center;line-height:54px;font-size:24px;color:#333}
.about .intrs .item .text .txts{width:100%;line-height:30px;font-size:16px;color:#222020;text-align:center;min-height:90px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.about .intrs .item:hover{cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.about .intrs .item:hover .text{background-color:#fff}
.about .intrs a:hover{text-decoration: none}
.about .intrs .item:hover .imgs img{transform:scale(1.1)}
.news{width:100%}
.news .conts{width:100%;padding:0 0 80px 0;float:left}
.news .conts .image{width:100%}
.news .conts .image img{width:100%}
.news .conts .intrs{width:100%}
.news .conts .intrs .title{width:100%;line-height:50px;border-bottom:2px solid #e91e2a;font-size:30px;font-weight:bold;color:#e91e2a}
.news .conts .intrs .list{width:100%;padding:10px 0;height:480px;overflow:hidden}
.news .conts .intrs .list ul{width:100%;margin:0}
.news .conts .intrs .list ul li{width:100%;padding:2px 0;padding-left:30px}
.news .conts .intrs .list ul li .tits{width:100%;line-height:34px;font-size:16px;color:#333;position:relative}
.news .conts .intrs .list ul li .tits:after{content:"";position:absolute;left:-20px;top:12px;width:10px;height:10px;background-color:#222020;border-radius:5px}
.news .conts .intrs .list ul li .tits a{color:#333;text-decoration:none}
.news .conts .intrs .list ul li .txts{width:100%;line-height:24px;font-size:14px;display:none;color:#333;text-align:justify;text-indent:28px}
.news .conts .intrs .list ul li:hover .tits a{color:#d80c18}
/*.news .conts .intrs .list ul li:hover .txts{display:block}*/
.news .conts .intrs .list ul li:nth-child(1) .tits:after,.news .conts .intrs .list ul li:nth-child(2) .tits:after,.news .conts .intrs .list ul li:nth-child(3) .tits:after{background-color:#d80c18}
.product{width:100%;background-color:#fff;float:left;padding-bottom:60px}
.product .title{width:100%;padding:60px 0;text-align:center}
.product .conts{width:100%}
.product .conts .item{width:100%}
.product .conts .item a{text-decoration:none}
.product .conts .item .imgs{width:100%;height:348px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.product .conts .item .imgs img{transition:0.5s;max-width:90%}
.product .conts .item .txts{width:100%;line-height:50px;font-size:18px;color:#333;text-align:center}
.product .conts .item:hover .imgs img{transform:scale(1.1)}
.product .conts .item:hover .txts{color:#d80c18}
.case{width:100%;float:left;background-image:linear-gradient(to bottom,#fff,#f3f4f4);padding-bottom:30px}
.case .title{width:100%;text-align:center;padding:60px 0}
.case .list{width:100%;padding-bottom:50px}
.case .list ul{width:100%;margin:0;padding:12px 0}
.case .list ul li{width:464px;background-color:#fff;padding-bottom:50px;position:relative}
/*.case .list ul li:after{content:"";position:absolute;right:42px;bottom:42px;width:10px;height:10px;border-radius:5px;background-color:#c8c8cf}*/
.case .list ul li .imgs{width:100%;overflow:hidden;position:relative}
.case .list ul li .imgs:after{content:"";position:absolute;left:0;top:0;width:100%;height:100% }
.case .swiper-slide .dd{display: block; width: 34px; height: 34px; float: right;     margin-right: 25px;background: url(../images/dd.png) no-repeat left center; background-size: 10px 10px;}
.case .swiper-slide:hover .dd{background-image: url(../images/dihover.png);width: 34px; height:34px;background-size: cover;}
.case .swiper-slide:hover .tits{color: #b5112b}

.case .list ul li .imgs img{width:100%;transition:0.6s}
.case .list ul li .text{width:100%;padding:18px 30px}
.case .list ul li .text .tits{width:100%;line-height:66px;font-size:20px;color:#222020}
.case .list ul li .text .txts{width:100%;line-height:34px;font-size:16px;color:#222020;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;min-height:238px}
.case .list ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);cursor:pointer}
/*.case .list ul li:hover:after{width:34px;height:34px;right:30px;bottom:30px;background:#d80c18 url("../images/938c20_20x8.png") center no-repeat;border-radius:17px}*/
.case .list ul li:hover .imgs img{transform:scale(1.2)}
.case .list ul li:hover .tits{color:#b5112b}
.case .list .swiper-pagination{bottom:2px !important}
.case .list .swiper-pagination .swiper-pagination-bullet{width:14px;margin:0 9px;height:14px;opacity:0.6;background-color:#999}
.case .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:#333}
.case .list .swiper-button-prev{width:50px;height:50px;border:2px solid #333;border-radius:25px;top:50%;background:rgba(255,255,255,0.6);margin-top:-25px}
.case .list .swiper-button-prev:after{color:#333;font-size:20px}
.case .list .swiper-button-next{width:50px;height:50px;border:2px solid #333;border-radius:25px;background:rgba(255,255,255,0.6);top:50%;margin-top:-25px}
.case .list .swiper-button-next:after{color:#333;font-size:20px;text-align:center}
.brand{width:100%;padding:20px 0;float:left;background-color:#fff}
.brand .title{width:100%;text-align:center;padding:60px 0}
.brand .conts{width:100%}
.brand .conts .item{width:100%;box-shadow:0 5px 8px rgba(0,0,0,0.1);margin-bottom:30px;float:left;cursor:pointer}
.brand .conts .item .imgs{width:100%;overflow:hidden}
.brand .conts .item .imgs img{width:100%;transition:0.5s}
.brand .conts .item .txts{width:100%;line-height:46px;font-size:16px;color:#222020;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center}
.brand .conts .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.1)}
.brand .conts .item:hover .imgs img{transform:scale(1.1)}
.brand .conts .item:hover .txts{background-color:#d80c18;color:#fff}
.newCont{width:100%;float:left;background-image:linear-gradient(to bottom,#fff,#f3f4f4);min-height:100px;padding-bottom:20px}
.newCont .title{width:100%;text-align:center;padding:40px 0}
.newCont .conts{width:100%}
.newCont .conts .intrs{width:100%;background-color:#fff;border-bottom:2px solid #fff}
.newCont .conts .intrs a:hover{ text-decoration:none}
.newCont .conts .intrs .imgs{width:100%}
.newCont .conts .intrs .imgs img{width:100%;height:350px}
.newCont .conts .intrs .text{width:100%;padding:8px 10px}
.newCont .conts .intrs .text .tits{width:100%;line-height:36px;display:flex;justify-content:space-between;align-items:center}
.newCont .conts .intrs .text .tits span{font-size:18px}
.newCont .conts .intrs a .text .tits span  { color:#232020}
.newCont .conts .intrs .text .tits i{color:#666;font-size:14px}
.newCont .conts .intrs .text .txts{width:100%;line-height:24px;font-size:14px;color:#222020;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newCont .conts .intrs:hover{border-bottom:2px solid #d80c18;cursor:pointer}
.newCont .conts .intrs:hover .text .tits span{color:#d80c18}
.newCont .conts .list{width:100%}
.newCont .conts .list ul{width:100%;margin:0;height:452px;display:flex;justify-content:space-between;flex-direction:column}
.newCont .conts .list ul li{width:100%;height:144px;background-color:#fff}
.newCont .conts .list ul li .imgs{width:216px;height:144px;overflow:hidden}
.newCont .conts .list ul li .imgs img{width:100%;transition:0.5s}
.newCont .conts .list ul li .text{width:calc(100% - 216px);height:144px;padding:10px 12px;position:relative}
.newCont .conts .list ul li .text .tits{width:100%;height:36px;line-height:36px;display:flex;justify-content:space-between;align-items:center}
.newCont .conts .list ul li .text .tits span{font-size:16px}
.newCont .conts .list ul li a .text .tits span{ color:#232020;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newCont .conts .list ul li .text .tits i{font-size:14px;color:#666}
.newCont .conts .list ul li .text .txts{width:100%;line-height:26px;font-size:14px;color:#222020;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.newCont .conts .list ul li:hover{cursor:pointer}
.newCont .conts .list ul li:hover .imgs img{transform:scale(1.1)}
.newCont .conts .list ul li:hover .text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#d80c18}
.newCont .conts .list ul li:hover .text .tits span{color:#d80c18}
.newCont .links{width:100%;float:left;margin-top:40px}
.newCont .linksTop{margin-top:0px}
.newCont .links ul{width:100%;margin:0}
.newCont .links ul li{width:33.3%;line-height:30px;font-size:16px;padding-left:34px;position:relative}
.newCont .links ul li:after{content:"";position:absolute;left:6px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius:5px;background-color:#333}
.newCont .links ul li a{color:#222020;text-decoration:none}
.newCont .links ul li:hover:after{background-color:#d80c18}
.newCont .links ul li:hover a{color:#d80c18}
.newCont .cooperation{width:100%;height:118px;background-color:#fff;float:left;margin-top:50px}
.newCont .cooperation .labs{width:66px;height:118px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#333;padding:0 25px;position:relative}
.newCont .cooperation .labs:after{content:"";position:absolute;right:0;top:50%;margin-top:-50px;width:2px;height:100px;background-color:#c8c8cf}
.newCont .cooperation .list{width:calc(100% - 66px)}
.newCont .cooperation .list ul{width:100%;margin:0;transition-timing-function:linear}
.newCont .cooperation .list ul li{width:auto;height:118px;display:flex;justify-content:center;align-items:center;padding:0 16px}
.newCont .cooperation .list ul li img{max-height:80%}
.footer{width:100%;background:url("../images/7a56b1_1920x329.jpg") center no-repeat;float:left;padding:0px 50px}
.footer .logo{height:229px;display:flex;justify-content:center;align-items:center}
.footer .logo img{max-width:60%}
.footer .address{width:100%;height:229px;display:flex;justify-content:center;flex-direction:column}
.footer .address p{margin:0;line-height:40px;font-size:18px;color:#fff}
.footer .code{width:100%;display:flex;justify-content:center;align-items:center;height:229px;display:flex;justify-content:center}
.footer .code .box{width:140px;margin:0 30px}
.footer .code .box .imgs{width:100%}
.footer .code .box .imgs img{width:100%}
.footer .code .box .txts{width:100%;line-height:40px;font-size:16px;color:#fff;text-align:center}
.alerts{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;display:none;z-index:9}
.alerts .cont{width:100%;padding-top:60px;display:none}
.alerts .cont .menu{width:100%;min-height:100px;background-color:#fff;float:left;padding:20px 20px}
.alerts .cont .menu .language{width:100%}
.alerts .cont .menu .language ul{float:right;border:1px solid #0093dd}
.alerts .cont .menu .language ul li{width:60px;height:30px;text-align:center;color:#fff;background-color:#fff;line-height:30px;color:#0093dd}
.alerts .cont .menu .language ul li.acti{background-color:#0093dd;color:#fff}
.alerts .cont .menu .list{width:100%}
.alerts .cont .menu .list ul{width:100%}
.alerts .cont .menu .list ul li{width:100%;border-bottom:1px dashed #ccc;padding:15px 0}
.alerts .cont .menu .list ul li:last-child{border:none}
.alerts .cont .menu .list ul li h4{width:100%;line-height:26px;margin:0;font-size:16px;font-family:arial;position:relative}
.alerts .cont .menu .list ul li h4 a{color:#0093dd;text-decoration:none}
.alerts .cont .menu .list ul li .slide{width:100%;padding:10px 0;display:none}
.alerts .cont .menu .list ul li .slide a{width:100%;line-height:24px;color:#0093dd;opacity:0.8;padding-right:20px;display:block;padding-left:20px;position:relative}
.alerts .cont .menu .list ul li .slide a:after{content:"";position:absolute;left:0;top:50%;margin-top:-3px;border-radius:3px;width:6px;height:6px;background-color:#ccc}
.alerts .cont .menu .list ul li.btns h4:after{content:"";width:18px;height:18px;position:absolute;right:0;top:50%;transition:0.6s;margin-top:-12px;background:url("../images/retu.png") center no-repeat;background-size:18px 18px}
.alerts .cont .menu .list ul li.acti h4:after{transform:rotate(90deg)}
.alerts .cont .menu .list ul li.acti .slide{display:block}
.alerts .cont .search{width:100%;height:60px;background-color:#0093dd;float:left;padding:10px 20px;border-top:1px solid rgba(255,255,255,0.5)}
.alerts .cont .search .input{width:100%;height:100%;border-radius:20px;background-color:#fff;padding:0 20px}
.alerts .cont .search .input input{width:40px;float:left;border:none;background:none;height:40px;font-size:16px;background:url("../images/f6e4d5_20x20.png") center no-repeat;color:#0093dd}
.alerts .cont .search .input input[type='text']{width:calc(100% - 40px);background:none;height:40px}
.alerts .cont .search .input input::-webkit-input-placeholder{color:rgba(0,147,221,0.8)}
.alert{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;display:none;z-index:99}
.alert .alert-bg{width:100%;height:100%}
.alert .alert-video{width:1300px;height:750px;background-color:#fff;position:absolute;left:50%;margin-left:-650px;top:50%;margin-top:-380px;border-radius:10px;display:none}
.alert .alert-video iframe{width:100%;height:100%}
.alert .alert-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wap-head{width:100%;height:60px;border-bottom:1px solid #ccc;background-color:#fff;padding:0 10px;position:fixed;left:0;top:0;z-index:898}
.wap-head .logo{height:60px;display:flex;justify-content:center;align-items:center}
.wap-head .logo img{height:32px}
.wap-head .menus{width:60px;height:60px;float:right}
.wap-head .menus .box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.wap-head .menus .box i{display:inline-block;width:40px;height:3px;background-color:#0093dd;position:relative;border-radius:2px}
.wap-head .menus .box i:after{content:"";position:absolute;left:0;top:-12px;transition:0.5s;width:100%;border-radius:2px;height:3px;background-color:#0093dd}
.wap-head .menus .box i:before{content:"";position:absolute;transition:0.5s;left:0;bottom:-12px;width:100%;border-radius:2px;height:3px;background-color:#0093dd}
.wap-head .menus .box.acti i{background:none}
.wap-head .menus .box.acti i:after{transform:rotate(45deg);left:0;top:0}
.wap-head .menus .box.acti i:before{transform:rotate(-45deg);left:0;top:0}
@media screen and (max-width:1600px){
.head .logo span{display:none}
.head .intr .nav ul li{padding:25px 12px}
}
@media screen and (max-width:1200px){.wid{padding:0 15px}
.case .list ul li{width:360px}
.head .intr .nav ul li{padding:25px 6px}
.head .intr .nav ul li a{font-size:16px}
.head .intr .language{display:none}
}
@media screen and (max-width:993px){body{padding-top:60px;}
}
@media screen and (max-width:768px){.news #index-video{height:320px}
.product .conts .item .imgs{height:200px}
    .quick_links_wrap{display: none}
    /*.newCont .links ul{display: flex;flex-direction: column;}*/
    /*.newCont .links ul li{flex: 1;width: 100%;}*/
    .footer{padding: 0px 10px}
.alert .alert-video{width:90%;height:240px;left:5%;margin-left:0;margin-top:-120px}
}
@media screen and (max-width:415px){.product .conts .item .imgs{height:148px}
.product .conts .item .txts{font-size:16px}
.about .title{padding-top:20px}
.about .title img{width:120px}
.about .intrs,.news .conts{padding:20px 0}
.about .intrs .item{margin-bottom:20px;background-color:#fff}
.about .intrs .item .text .tits{font-size:18px;line-height:30px}
.about .intrs .item .text .txts{font-size:14px;line-height:22px;margin-top:10px;min-height:66px}
.news .conts .intrs .list ul li .tits{font-size:14px;line-height:24px;padding:5px 0}
.news .conts .intrs .list{height:auto;overflow:initial}
.product .title,.case .title,.brand .title,.newCont .title{padding:20px 0}
.product .title img,.case .title img,.brand .title img,.newCont .title img{width:120px}
.product{padding-bottom:0}
.case .list ul li{width:240px}
/*.case .list ul li:after{right:22px;bottom:22px}*/
.case .list ul li .text{padding:10px}
.case .list ul li .text .tits{font-size:16px;line-height:30px}
.case .list ul li .text .txts{font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:72px}
.case .list ul li:hover:after{right:12px;bottom:12px}
.case .list .swiper-button-prev,.case .list .swiper-button-next{width:36px;border:1px solid #333;height:36px;border-radius:18px;outline:none}
.case .list .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px}
.newCont .conts .intrs .imgs img{height:auto}
.newCont .conts .list{margin-top:10px}
.newCont .conts .list ul{height:auto}
.newCont .conts .list ul li{height:auto;margin-bottom:10px}
.newCont .conts .list ul li .imgs{width:140px;height:94px}
.newCont .conts .list ul li .imgs img{width:100%;height:100%}
.newCont .conts .list ul li .text{width:calc(100% - 140px);padding:0 10px;height:auto;height:94px}
.newCont .conts .list ul li .text .tits{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.newCont .conts .list ul li .text .tits i{display:none}
.newCont .conts .list ul li .text .txts{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666;line-height:24px}
.newCont .links ul li{width:100%;line-height:44px;font-size:14px;padding-left:14px;border-bottom:1px solid rgba(204,204,204,0.6)}
.newCont .links ul li:after{width:6px;height:6px;left:0;border-radius:3px;margin-top:-3px}
.newCont .links{margin-top:0}
.newCont .cooperation .labs{display:none}
.newCont .cooperation{height:74px;margin-top:20px}
.newCont .cooperation .list{width:100%}
.newCont .cooperation .list ul li{height:74px}
.newCont .cooperation .list ul li a{height:74px;display:flex;justify-content:center;align-items:center}
.newCont .cooperation .list ul li img{max-height:60%}
.newCont{padding-bottom:20px}
.footer{padding:0 20px}
.footer .logo{width:100%;height:80px;display:flex;justify-content:flex-start;align-items:center}
.footer .logo img{height:50px}
.footer .address{height:auto}
.footer .address p{font-size:14px;line-height:28px}
.footer .code{height:auto;padding-top:20px}
.footer .code .box{width:100px}
.footer .code .box .imgs{width:100%}
.news #index-video{height:240px}
}

.mainnews .newsl { float: left; width: 800px; }
.mainnews .newsl .left{float:left;width:100%;}
.mainnews .newsl .left .video-box{position: relative;height:100%;min-height:525px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.mainnews .newsl .left .videoitems{width:14%;max-width:100px;border-radius:999px;overflow: hidden;/*background: rgba(3,78,162,.8);*/position: absolute;cursor: pointer;}
.mainnews .newsl .left .videoitems span{width:100%;padding-bottom: 100%;display: block;background: url(../images/icon-play.png) no-repeat center;background-size: 100% auto;}
.mainnews .newsl .right .desc,.part-about .left .desc{line-height: 1.8;margin-top:30px;letter-spacing: 1px;}
.mainnews .newsl .right .num-box{line-height: 1;margin-top:55px;color:#666666;}
.mainnews .newsl .right .num-box .item-num{font-weight: bold;margin-bottom: 22px;}
 .video-fixed {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:130;top:0;left:0;cursor:pointer;display:none;}
.video-fixed .videoboxs {width:90%;max-width:890px;height:525px;max-height:80%;position:absolute; box-sizing:border-box;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width:30px;height:30px;background:url(../images/close-vid2.png) no-repeat center/100% auto;position:absolute;top:30px;right:30px;cursor:pointer;}
.vid{ width:100%; height:525px;}
@media (max-width:767px){
  .video-fixed .cha {width: 25px;height: 25px;}
}
.mcolor{color:#034ea2;}

.logo4 {
    display: block;
    background: url(../images/ffe1ae_212x64.png) no-repeat 100% 100%; background-size:100%;
    text-indent: -9999em; width:212px; height:64px; float:left;
}
@media (max-width:796px){
    .logo4{width:100px;}
}
.contact-box{
    background: url(../images/aboubg1.jpg) repeat-x top;
    background-size:100%;

}
.about-box{
    background: url(../images/abougbg.jpg) no-repeat center bottom;;
    background-size:100%;
}
.pages{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages p{
    margin-right: 8px;
}
.ons a{
    background-color: #409eff;
    color: #fff!important;
    padding: 6px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 2px;
}
.mainsWraps{
    width: 100%;
    display: flex;
    background: rgba(98, 98, 98, 0.8);
    padding: 10px 0;
}
.mains{
    width: 1230px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    overflow: hidden;

}
 .tt {
    line-height: 54px;
    float: left;
    font-size: 18px;
    color: #fff
}

 form {
    float: right;
    display: block
}

form .input {
    display: block;
    float: left;
    background: #fff;
    border: none;
    font-size: 14px;
    color: #333;
    border-radius: 10px;
    height: 54px;
    padding-left: 20px;
    padding-right: 5px;
    margin-right: 10px
}

form img {
    display: block;
    height: 54px;
    float: left
}

 form .submit {
    float: left;
    margin-left: 10px;
    height: 54px;
    color: #fff;
    background: #d2191d;
    width: 160px;
    border-radius: 10px;
    border: none;
    cursor: pointer
}
.footer {
    background: #3c3c3c;
    padding-top: 15px
}

.footer .main {
    /*padding-bottom: 20px*/
}

.footer .left {
    width: 30%;
    float: left
}

.footer .left .flogo {
    margin-bottom: 10px
}

.footer .left .flogo img {
    display: block;
    width: 180px
}

.footer .left p {
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin: 0;
}

.footer .mid {
    /*margin-left: 7%;*/
    color: #fff;
    float: left;
    width: 33%;
    margin-top: 65px;
}

.footer .mid .tt {
    line-height: 50px;
    font-size: 26px;
    margin-bottom: 10px
}

.footer .mid p {
    line-height: 32px;
    font-size: 18px
}

.footer .right {
    float: right;
    width: 35%;
    margin-top: 43px;
    display: flex;
    align-items: center;
}

.footer .right .tt {
    color: #fff;
    line-height: 50px;
    font-size: 26px;
    margin-bottom: 23px
}

.footer .right .code img {
    display: block;
}

.footer .right .code p {
    text-align: center;
    line-height: 40px;
    color: #999999;
    font-size: 18px
}
.footer .main {
    padding-bottom: 10px;
    width: 1230px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    /*padding-right: 15px;*/
    padding-left: 15px;
    overflow: hidden;
}
.footer .codes{width:100%;display:flex;justify-content:center;align-items:center;height:229px;flex-direction: column;align-items: center}
.footer .codes:nth-of-type(2){
    margin: 0 5px;
}
.footer .codes p{
    color: #fff;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
}
.footer .codes img{
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .main {
        width: 767px
    }
    .mains {
        width: 767px
    }
     form .input {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }
    .footer .left {
        width: 100%;

    }
    .footer .mid {
        margin-top: 20px;
        margin-left: 20px;
        margin-left: 0;
        width: 100%
    }
    .footer .right {
        float: left;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: start;
    }
    .footer .codes{
        width: 48%;
        height: auto;
    }
}
.quick_links_wrap{font-size:0;width:66px;position:fixed;right:18px;bottom:15px;z-index:1000;-webkit-transition:width linear 0.4s;-moz-transition:width linear 0.4s;-ms-transition:width linear 0.4s;transition:width linear 0.4s}.quick_links_wrap.quick_links_min{width:34px}
.quick_links_wrap.quick_links_dockright{margin-left:0;left:auto;right:4px}
.quick_links_panel{background:#fbfbfb;border:1px solid #eaeaea;box-shadow:0 0 4px rgba(0,0,0,0.14);padding-bottom:30px;height:255px;width:64px;overflow:hidden;position:absolute;left:0;bottom:0;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-ms-transition:all ease 0.4s;transition:all ease 0.4s}
.quick_links_min .quick_links_panel{height:0;width:32px}
.quick_links_allow_gotop{height:335px}
.quick_links_min .quick_links_allow_gotop{height:32px}
.quick_links_panel .quick_toggle{background:#fbfbfb;height:35px;width:100%;position:absolute;left:0;bottom:0}
.quick_links_panel .toggle{background:url("../images/error.png") no-repeat center center;margin:-10px 0 0 -10px;height:20px;width:20px;position:absolute;left:50%;top:50%;-webkit-transition:all linear 0.4s;-moz-transition:all linear 0.4s;-ms-transition:all linear 0.4s;transition:all linear 0.4s}
:root .quick_links_panel .toggle{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
:root .quick_links_min .quick_links_panel .toggle{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.quick_links{width:100%;position:absolute;left:0;top:-77px;-webkit-transition:top ease 0.4s;-moz-transition:top ease 0.4s;-ms-transition:top ease 0.4s;transition:top ease 0.4s}.quick_links_allow_gotop .quick_links,.quick_links_min .quick_links_allow_gotop .quick_links{top:0}.quick_links_min .quick_links{top:32px}.quick_links a{display:block;border:1px solid #fff;border-bottom-color:#edecec;color:#c8060c;font-size:12px;margin:0;padding:8px 0;text-align:center}.quick_links a:hover,.quick_links a.current{background-color:#c8060c;border-color:#c8060c;color:#fff}.quick_links i{display:inline-block;background:url("../images/bg.png") no-repeat 0 0px;cursor:pointer;height:38px;width:38px;vertical-align:top}.quick_links .icon1{background-position:-38px 0px}.quick_links a:hover .icon1,.quick_links a.current .icon1{background-position:-38px -38px}.quick_links .icon2{background-position:-76px 0px}.quick_links a:hover .icon2,.quick_links a.current .icon2{background-position:-76px -38px}.quick_links .icon3{background-position:-114px 0px}.quick_links a:hover .icon3,.quick_links a.current .icon3{background-position:-114px -38px}.quick_links .top{background-position:0px 0px}.quick_links_min .quick_links .top{background-position:0px -38px;height:20px;width:20px}.quick_links a:hover .top,.quick_links a.current .top{background-position:0px -38px}.quick_links_min .quick_links a:hover .top,.quick_links_min .quick_links a.current .top{background-position:0px -38px}.quick_links span{display:block;cursor:pointer;padding-top:3px;height:1.5em;width:100%;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis}.quick_links_pop,.quick_links_pop .fix_bg{background:#fcfcfc;border:1px solid #dfdfdf;border-radius:3px}.quick_links_pop{box-shadow:0 2px 8px rgba(0,0,0,0.2);margin-right:6px;position:absolute;bottom:0;right:100%;width:300px}.quick_links_pop .arrow,.quick_links_pop .arrow i{display:none;border-color:transparent #ddd;border-style:dashed solid;border-width:12px 0 12px 12px;font-size:0;height:0;width:0;position:absolute;left:100%;top:12px}.quick_links_pop .arrow i{border-color:transparent #f9fafc;margin:-12px 0 0 -13px;left:0;top:0}.quick_links_pop .fix_bg{display:none;border-top-width:0;border-radius:0 0 3px 3px;margin:0 0 -4px -250px;height:2px;width:500px;overflow:hidden;position:absolute;bottom:0;left:50%}.quick_links_pop .title{background:#fff5f5;border-bottom:1px solid #ddd;box-shadow:0px 6px 6px rgba(0,0,0,0.1);border-radius:3px 3px 0 0;height:50px}.quick_links_pop .title i{display:inline-block;background:url("../images/bg.png") no-repeat 0 0px;margin:-3px 6px 0 0;height:35px;width:35px;vertical-align:middle;*margin-top:0}.quick_onlineContact .title i{background-position:-38px -3px}.quick_contactPhone .title i{background-position:-76px -3px}.quick_officalWX .title i{background-position:-114px -3px}.quick_links_pop .title h3{color:#c8060c;font-size:16px;font-weight:normal;line-height:24px;padding:13px 15px;height:24px}.quick_links_pop .pop_panel{font-size:12px}.quick_links_pop .links{width:256px}.quick_links_pop .no_data{color:#333;font-size:14px;padding:35px 10px;text-align:center}.quick_links_pop .no_data i{display:inline-block;background:url(cart_new.png) no-repeat 0 -188px;margin:0 10px 0 0;height:36px;width:60px;vertical-align:middle}.quick_links_pop .links li{border-top:1px solid #f1f1f1;vertical-align:top}.quick_links_pop .links a{display:block;background:#fcfcfc;color:#333;font-size:14px;padding:12px 15px}.quick_links_pop .links a:hover{background-color:#f2f3f4;color:#c8060c}.quick_links_pop .links .tips{float:right;color:#61c2ed;font-size:12px}.quick_my_qlinks .title i{background-position:-200px 0;height:22px;width:22px}.hide{display:none}


.errors { width:1200px; height:600px; background:url(../images/404.jpg) no-repeat; margin: 0 auto;}
.errors .text {width: 500px;padding-top: 443px;margin: 0 auto;text-align: center;line-height: 30px;color: #545454;}
.errors .text h4 { color:#e54919; font:36px "微软雅黑", "宋体"; font-weight:700; padding-bottom:8px;margin: 0 }
.errors .text p { line-height:30px }
.errors .text p a { color:#FFF;background:#F23031;  font-weight:700; cursor:pointer; padding:5px 10px;border-radius: 10px;margin: 0 10px}

/*底部链接*/
.friendship{
    width: 1230px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
    padding: 15px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.amity{
 width: 90px;
}
.friendshipList{
 width: calc(100% - 90px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.friendship a{
    margin-right: 3px;
    color: #fff;
    font-size: 14px;
}
.friendship a:hover,.bottoms a:hover{
    color: #fff;
}
.friendshipWrap{
    background: rgba(0,0,0,0.07);
}
.bottoms,.bottoms a{
    color: #fff;
}
.bottoms{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    margin: 10px 0;
}
.bottoms p{
    text-align: center;
    margin: 0;
    line-height: 24px;
}

.pop_bg{

    background:url("../images/popup.png") 0 0 no-repeat;
    position: fixed;
    height:320px;
    display: none;
    z-index: 11111111;
    width: 520px;
    top:50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -160px;
    box-sizing: border-box;
    animation: my_scale 0.5s;
}

.pop_bg .close{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    height: 16px;
}
.pop_bg .close span{
    width: 15px;
    height: 16px;
    background:url(../images/pop_colse.png) 0 0 no-repeat;
    background-size: 15px 16px;
    margin-right: 9px;
    margin-top: 5px;
}
.pop_bg .pop_contant{
    width: 164px;
    height: 30px;
    margin: 14px auto 0;
}
.pop_bg .need{
    margin-top: 142px;
    padding: 0 17px;
}
.pop_bg .need a{
    display: inline-block;
    width: 114px;
    height: 74px;
    margin-right: 5px;
}
.pop_bg .need a:nth-of-type(3){
    margin-right: 0px;
}
.pop_bg .pop_contant a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.pop_bg .close span:hover,.pop_bg .pop_contant:hover{
    cursor: pointer;
}
@keyframes my_scale
{
    0% {
        transform: scale(0);
    }
    25%{transform: scale(0.25);}
    50%{transform: scale(0.5);}
    75%{transform: scale(0.7);}
    100%{transform: scale(1);}
}
@-moz-keyframes my_scale
{
    0% {
        transform: scale(0);
    }
    25%{transform: scale(0.25);}
    50%{transform: scale(0.5);}
    75%{transform: scale(0.7);}
    100%{transform: scale(1);}
}
@-webkit-keyframes my_scale
{
    0% {
        transform: scale(0);
    }
    25%{transform: scale(0.25);}
    50%{transform: scale(0.5);}
    75%{transform: scale(0.7);}
    100%{transform: scale(1);}
}
@-o-keyframes my_scale
{
    0% {
        transform: scale(0);
    }
    25%{transform: scale(0.25);}
    50%{transform: scale(0.5);}
    75%{transform: scale(0.7);}
    100%{transform: scale(1);}
}