.container {background: url(../image/container-bg1.png) no-repeat center 60px;}

.col-brand {position: relative;margin-top: -60px;}

.col-brand li {float: left; width: 224px;border-radius: 4px; background-color: rgb(255, 255, 255);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);text-align: center;margin-right: 20px;}

.col-brand li:last-child {margin-right: 0;}

.col-brand li a {display: block;padding: 6px 0 20px;}

.col-brand li .pic {margin-bottom: 6px;}

.col-brand li .t {width: 120px; height: 30px;background-color: #f0f0f0;border-radius: 30px;margin: 0 auto;transition: all .4s;}

.col-brand li:hover .t {background-color: #e60014;}

.col-brand li .t i {display: block;font-style: normal; text-align: left;padding-left: 20px;line-height: 30px;background: url(../image/arr.png) no-repeat 92px center; font-size: 14px; color: #666666;}

.col-brand li:hover .t i {color: white;background: url(../image/arr1.png) no-repeat 92px center;}



.col-product {padding: 50px 0 64px;}

.col-product .HD h3 {font-size: 36px;color: #e60014;text-transform: uppercase;line-height: 38px;}

.col-product .HD h2 {position: relative; font-size: 36px;color: #000;text-transform: uppercase;line-height: 55px;margin-bottom: 30px;}

.col-product .HD h2::after {position: absolute;left: 0;bottom: -5px;content: '';width: 50px;height: 5px; background-color: #e60014;}

.col-product .BD .hd {position: relative;margin-bottom: 30px;}

.col-product .BD .hd .d { font-size: 16px;color: #666666;}

.col-product .BD .hd a {position: absolute; display: block;width: 60px; height: 48px;background-color: #e6e6e6;}

.col-product .BD .hd .next {right: 0;top: -26px;background: url(../image/product-next.png) no-repeat center;background-color: #e6e6e6;}

.col-product .BD .hd .next.on {background: url(../image/product-next1.png) no-repeat center;background-color: #e60014;}

.col-product .BD .hd .prev {right: 66px;top: -26px;background: url(../image/product-pre.png) no-repeat center;background-color: #e6e6e6;}

.col-product .BD .hd .prev.on {background: url(../image/product-pre1.png) no-repeat center;background-color: #e60014;}

.col-product .items {width: 290px;margin-right: 10px;}

.col-product .items .pic {width: 290px;height: 220px;overflow: hidden;}

.col-product .items .pic img {transition: all .4s;}

.col-product .items:hover .pic img {transform: scale(1.05);}

.col-product .content {width: 290px;padding:0 30px;background-color: #e6e6e6;transition: all .4s;}

.col-product .content .t {font-size: 18px;color: #000;text-align: center;line-height: 30px;padding:20px 0;border-bottom: 1px solid #d2d2d2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.col-product .items:hover .t {color: #fff;}

.col-product .content .more {font-size: 14px;color: #666666;line-height: 50px;text-align: center;}

.col-product .items:hover .more {color: #fff;}

.col-product .items:hover .content {background-color: #e60014;}

.col-product .More {display: block; width: 200px;height: 48px;background-color: #e60014;font-size: 16px;color: #fff;line-height: 48px;text-align: center;margin: 0 auto;margin-top: 50px;}



.col-about {padding: 100px 0 96px;}

.col-about .about-1 {margin-bottom: 40px;}

.col-about .content {width: 510px;}

.col-about .hd h3{font-size: 36px;color: #e60014;text-transform: uppercase;line-height: 36px;}

.col-about .hd h2{font-size: 32px;color: #fff;line-height: 58px;}

.col-about .hd h2 i{font-size: 16px; color: rgba(255, 255, 255, 0.8);font-style: normal;}

.col-about .text {  font-size: 16px;color: #fff;line-height: 26px;text-align: justify;margin-bottom: 45px;}

.col-about .detail {position: relative; width: 648px;z-index: 1;}

.col-about .detail li {float: left;width: 160px;height: 120px;background-color: #fff;padding: 0 30px;margin-right: 2px;}

.col-about .detail li .t {font-size: 16px;font-weight: 700; color: #000000;line-height: 30px;padding-top: 2px;}

.col-about .detail li a:hover .t {color: #e60014;}

.col-about .detail li .en { font-size: 12px; color: #666666;line-height: 16px;}

.col-about .detail li a:hover .en {color: #e60014;}

.col-about .video {position: relative;z-index: 10;}

.col-about .video .mask {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width:48px;height: 48px;}

.col-about .about-2 li {float: left;margin-right: 182px;}

.col-about .about-2 li:last-child {margin-right: 0;}

.col-about .about-2 .eg s{font-size: 60px;  color: #ffffff;text-decoration: none;}

.col-about .about-2 .eg i {font-size: 18px;  font-family: "Microsoft YaHei";font-weight: 700;font-style: normal;color: #fff;}

.col-about .about-2 .t {font-size: 16px;color: rgba(255, 255, 255, 0.8);}

.video1 {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: rgba(00,00,00,0.6);display: none;}

.video1 .s1 {width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 50%;transform: translateY(-50%);}

.video1 .s1 .gb {background: url(../image/gb.png) center center no-repeat;width: 30px;height: 30px;background-size: 30px;position: absolute;right: 0;top: -40px;cursor: pointer;}

.video1 .s1 video {width: 100%;}




.col-news {padding: 75px 0 60px;}

.col-news .hd {margin-bottom: 35px;}

.col-news h3 {font-size: 36px;color: #e60014;text-transform: uppercase;line-height: 38px;}

.col-news h2 {position: relative; font-size: 36px;color: #000;text-transform: uppercase;line-height: 55px;margin-bottom: 30px;}

.col-news h2::after {position: absolute;left: 0;bottom: -5px;content: '';width: 50px;height: 5px; background-color: #e60014;}

.col-news .hd span {font-size: 16px;color: #666666;}

.col-news .hd .more {float: right;position: relative; font-size: 14px;  color: #333333;margin-right: 420px;}

.col-news .hd .more::before {position: absolute;top: 50%;left: 0; transform: translate(-120%,-50%); content: '';width:30px; height: 2px;background-color: #333333;}

.col-news .hotnews {width: 380px;margin-right: 20px;}

.col-news .hotnews .content {padding: 13px 28px 40px;background-color: #f5f5f5;}

.col-news .hotnews .content .d {font-size: 14px;color: #999999;line-height: 34px;}

.col-news .hotnews .content .t {line-height: 30px;font-size: 20px;font-weight: 700;color: #333;margin-bottom: 25px;}

.col-news .hotnews .content .p {line-height: 24px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.col-news .hotnews .pic {width: 380px;height: 255px;overflow: hidden;}

.col-news .hotnews .pic img {transition: all .4s;}

.col-news .hotnews:hover .pic img {transform: scale(1.05);}

.col-news .list {width: 390px;margin-right: 20px; }

.col-news .list li {padding-left: 28px;margin-bottom: 13px;background-color: #f5f5f5;transition: all .4s;}

.col-news .list li:hover {background-color: #e60014;}

.col-news .list li:last-child {margin-bottom: 0;}

.col-news .list .time {width: 88px;padding: 24px 0 34px;}

.col-news .list .time s,.col-news .list .time i {display: block;font-style: normal;text-decoration: none;}

.col-news .list .time i {font-size: 59px;color: #333333;line-height: 68px;}

.col-news .list li:hover .time i {color: #fff;}

.col-news .list .time s {font-size: 16px;color: #333333;line-height: 24px;}

.col-news .list li:hover .time s {color: #fff;}

.col-news .list .content {width: 244px;padding-top: 18px;}

.col-news .list .content .t {font-size: 20px;color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 52px;}

.col-news .list li:hover .content .t {color: #fff;}

.col-news .list .content .p {font-size: 14px;color: #999;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;}

.col-news .list li:hover .content .p {color: #fff;}

.col-news .contack {width: 390px;}

.col-news .contack .tel {width: 390px;height: 150px; background: url(../image/contack.jpg) no-repeat;padding-top: 34px;margin-bottom: 13px;}

.col-news .contack .tel i,.col-news .contack .tel s {display: block;font-style: normal;text-decoration: none;font-size: 24px;color: #fff;line-height: 34px;text-align: center;}

.col-news .contack .tel s {line-height: 26px;}

.col-news .contack input {width: 100%;border: 1px solid #e6e6e6;background-color: #f5f5f5;height: 58px;padding-left: 28px;margin-bottom: 15px;font-size: 16px; color: #333333;}

.col-news .contack textarea {width: 100%;border: 1px solid #e6e6e6;background-color: #f5f5f5;height: 88px;padding-left: 28px;font-size: 16px; color: #333333;line-height: 20px;resize:none;margin-bottom: 15px;padding-top: 10px;}



.col-news .contack input[type="submit"] { height: 60px;padding-left: 0;background-color: #e60014;color: #fff;margin-bottom: 0;border: none;}
.col-news .contack input[type="submit"]:hover{cursor: pointer}