@charset "utf-8";
/* CSS Document */

body,html{width:100%; height:100%;}
body,html,div{margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea,i,select{margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img {border:0; display:block;}
a{text-decoration:none; display:block;cursor: pointer;}
textarea{outline:none;}
.clear:after{display: block;content: '';clear: both;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; outline:none;}
/*  抬头 */
.header {width:100%;height:auto; overflow:hidden;max-width:1920px;margin:0 auto;z-index: 99;}
.headerz{height:auto;overflow:hidden; background: #fff; }
.head-lea{ overflow:hidden; padding: 10px 10px 0 10px;     width: 1200px;margin: 5px auto;}
.head-lea img{max-width:100%;max-width: 100%;width: auto;height: auto;display: inline-block;}
.head_right {float: right;}
.head_right p{color: #da251e;display: flex;justify-content: center;align-items: center; font-size: 18px;font-weight: bold;}
.head-leb{height:auto; overflow:hidden; background:#da251e;    display: flex;align-items: center;justify-content: center;}
.head-leb .hea1{ width:1200px;height:auto; overflow:hidden;margin: 0 auto;}
.head-leb ul li{float:left;height:50px; overflow:hidden; padding: 0 22px;    width: 14%;text-align: center;}
.head-leb ul li a{font-size:16px; color:#fff; line-height:50px;}
.head-leb ul li.onb{    background: #ab1e19;}
.head-lea.box.fadeInLeft a {display: inline-block;float: left;}
.zy {text-align: right;margin-top: 12px;    display: flex;align-items: center;justify-content: flex-end;}
.zy .ch img {margin-right: 10px;width: 18px;height: 12px;display: inline-block;}
.zy .yw img {margin-right: 10px;width: 18px;height: 12px;display: inline-block;}
.zy .ch{color: #000;display: inline-block;width: 23%;}
.zy .ch a{color: #000;}
.zy .yw{color: #000;align-items: center;width: 32%;display: inline-block;}
.zy .yw a{color: #000;    float: none !important;}
/*  banner */
.focus{position:relative;max-width:1920px; width:100%; height:auto; overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{width:100%;}
.focus .D1fBt a i{}
.focus .prev,.focus .next{border: solid #fff;width:22px;height:22px;position:absolute; cursor:pointer; top:50%; margin-top:-18px; border-width: 0 1px 1px 0;display: inline-block;padding: 3px;}
.focus .prev{left:2%;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.focus .next{right:2%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.focus .fbg{position:absolute; width:1920px;bottom:20px; left:50%;height:auto; overflow:hidden; z-index:9999; text-align:center;margin-left:-960px}
.focus .fbg .D1fBt{z-index:9999; display:inline-table;}
.focus .fbg .D1fBt a{width: 9px;height: 9px;margin:0px 7px;display:inline-block;z-index:9999;text-align:center;background:#999;transform: rotateZ(43deg)skew(4deg,4deg);background: #fff;}
.focus .fbg .D1fBt a.current{background: #00a2e9;border: 1px solid #fff;}
/* 热门产品 hot */
.hot{background: url(../images/hot_bg.jpg) center center no-repeat;    margin-top: 60px;}
.hot .hot_con{width: 1200px;margin:0 auto;padding-top: 60px;}
.hot_title i {font-size: 68px; color: #e1e1e1; letter-spacing: 1px;font-weight: bold;position: absolute;top: -100px;}
.hot_title{position: relative;}
.hot_title a {position: absolute;top: -74px;left: 20px;font-style: italic;}
.hot_title a h2{font-size: 36px;color: #da251e;font-style: italic;font-weight: bold}
.hot_title a h2 span{font-size: 36px;font-style: italic;font-weight: bold}
.hot_list .pic img {width: 100%;height: 100%}
.fcon2 {width: 100%;}
.hot_list .StuWork .bd ul li {    width: 1200px;    height: auto; }
.hot_list li .proitem{width: 280px;float: left;margin: 0 9px;}
.hot_list .pic p {line-height: 50px;background: #fff;font-size: 18px;height: 50px;}
.hot_list .StuWork {width: 1200px;margin: 0 auto;position: relative;}
.hot_list .StuWork .hd ul {overflow: hidden;margin-top: 10px;zoom: 1;width: auto;display: flex;justify-content: center;}
.hot_list .StuWork .hd a {text-decoration: none;}
.hot_list .StuWork .bd {padding: 20px 0 0 0;}
.hot_list .StuWork .hd ul li.on {background: #00a2e9;border: 1px solid #fff;}
.hot_list .StuWork .hd ul li {border-radius: 20px;width: 15px;height: 15px;background: #dcdcdc;overflow: hidden;margin-right: 15px;text-indent: -999px;display: inline-block;}
.hot_list .StuWork .hd .tit {font-size: 20px;font-weight: bold;color: #c68d1c;}
.hot_list .StuWork .hd .en-tit {font-size: 14px;text-transform: uppercase;margin-left: 10px; margin-right: 20px;font-family: Arial, sans-serif;}
.hot_list .StuWork .bd ul li {width: 1200px;height:auto;}
.hot_list .pic {text-align: center;}
.hot_list .next {top: 49%;right: -30px;padding: 0 6px 5px 9px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.hot_list .prev {float: left;padding: 0 11px 5px 9px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.hd.clear {margin-top: 20px; padding-bottom: 8px;display: flex;justify-content: center;}
.hot_list .prev:hover,.hot_list .next:hover{background: #da251e;}
.hot_list .prev,.hot_list .next{z-index: 10;    margin-right: 20px;height: 38px;width: 38px;background: #cdcdcd;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 32px;}
.hot_list .pic a div{width: 100%;height: 281px;}

/* about us */
.about {background: url(../images/about_bg.jpg) center center no-repeat;padding: 30px 0;}
.about_content .hot_titles{text-align: left;    margin: 10px 0;}
.about_content .hot_titles a{left: 0;}
.about_content .hot_titles .heng{left: 73px;width: 10%;}
.about .aboutus {width: 1200px;margin: 0 auto;padding: 30px;}
.about_title {text-align: center;}
.about_title h2 {font-size: 30px;color: #0c5fa0;font-weight: bold;letter-spacing: 3px;}
.about_content {position: relative;width: 48%;    float: right}
.about_content h3{font-size: 22px;color: #14618d;font-weight: bold;margin-bottom: 10px;}
.about_content p {line-height: 22px;margin-bottom: 53px;}
.about_content>a{padding: 17px 0 14px 7px;background: #da251e;position: absolute;left: -22px;bottom: -37px;width: 9%;display: inline-block;text-align: center;color: #fff;font-size: 14px;letter-spacing: 2px;}
.about_img{width: 50%;    float: left;height: 598px;}
.about_img div { display: inline-block;}
.about_img  img{width: 100%;height: 100%;}
.about_img div a{position: absolute;left: 28px;    top: 62px;}
.about_img div a{text-decoration: underline; color: #fff;}
.about_all {margin-top: 50px;}
.about_content .hot_title i{top: -23px;}
.about_content .hot_title a{top: 6px}
.about_us {margin-top: 25px;}

/* 产品展示 products */
.products {background: url(../images/cp_bg.jpg) no-repeat;background-size: 100% 74%;}
.products_all {width: 1200px;margin: 0 auto;}
.products_all .hot_titles a h2{color: #fff;}
.products_all .hot_titles { padding: 30px 0;    margin: 0;}
.products_all .hot_titles a{bottom: 46px;top: unset;}
.products_all .hot_titles .heng{bottom: 30px;}
.products_all .hot_titles i{    color: rgb(225 225 225 / 65%);}
.products_list .pic img {width: 100%;height: 100%;}
.fcon2 {width: 100%;}
.products_list .StuWork .bd ul li {    width: 1200px;    height: auto;   }
.products_list .StuWork .bd ul li .proitem:hover p{background: #da251e;color: #fff;}
.products_list li .proitem{width: 380px;}
.products_list .pic p {line-height: 50px;background: #efefef;font-size: 20px;}
.products_list .StuWork {width: 1200px;margin: 0 auto;position: relative;}
.products_list .StuWork .hd ul {overflow: hidden;margin-top: 10px;zoom: 1;width: auto;display: flex;justify-content: center;}
.products_list .StuWork .hd a {text-decoration: none;}
.products_list .StuWork .hd ul li.on {background: #da251e;border: 1px solid #fff;}
.products_list .StuWork .hd ul li {border-radius: 20px;width: 15px;height: 15px;background: #dcdcdc;overflow: hidden;margin-right: 15px;text-indent: -999px;display: inline-block;}
.products_list .StuWork .hd .tit {font-size: 20px;font-weight: bold;color: #c68d1c;}
.products_list .StuWork .hd .en-tit {font-size: 14px;text-transform: uppercase;margin-left: 10px; margin-right: 20px;font-family: Arial, sans-serif;}
.products_list .StuWork .bd ul li {float: left;height:auto;width: 380px;float: left;margin: 0 9px;}
.products_list .pic {text-align: center;}
.products_list .pic div {
    width: 100%;
    height: 386px;
    background: #fff;
}
.products_list .hd div:hover{background: #da251e;}
.products_list .hd div{position: absolute;top: 50%;z-index: 10;height: 38px;width: 38px;background: #909090;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.products_list .prev,.products_list .next{border: solid #fff;width: 18px;height: 18px;cursor: pointer;border-width: 0 2px 2px 0;display: inline-block;}
.products_list .hd div:nth-child(1){left: 0;left: -36px;}
.products_list .hd div:nth-child(2){right: 0;right: -28px;}
.products_list .prev {margin-left: 7px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.products_list .next{margin-right:7px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

/* 新闻中心 news */
.news {margin: 60px 0;}
.news_all {width: 1200px; margin: 0 auto;}
.news_title{text-align: center;padding: 45px 0 35px 0;}
.news_title h2 {font-size: 30px; color: #0c5fa0;font-weight: bold;letter-spacing: 3px;}
.news_son {text-align: center;}	
.news_son li {display: inline-block;padding: 10px 30px;border: 1px solid #f5f5f5;}
.news_son li.on a {color: #fff;}
.news_son li.on {background: #00a2e9;}
.news_list.clear {padding: 30px 0;}
.news_list li {width: 24%;float: left;margin-right: 15px; margin-bottom: 15px}
.news_list li:nth-child(4n){margin-right: 0;}
.news_list .news_bp {border: 1px solid #e3e3eb;height: 105px; padding: 15px;}
.news_list .news_bp p { font-size: 16px;margin-bottom:8px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news_list .news_bp span {font-size: 16px;color: #da251e;}
.hot_titles {text-align: center;position: relative;margin: 30px 0;}
.hot_titles i{font-size: 68px;color: #e1e1e1;font-weight: bold;}
.hot_titles a h2{font-size: 36px;font-weight: bold;color: #da251e;font-style: italic;}
.hot_titles a h2 span{font-size: 36px;font-weight: bold;font-style: italic;}
.hot_titles a {position: absolute;left: 44%;top: 28px;}
.hot_titles .heng {border: 2px solid #da251e;width: 4%;position: absolute;left: 48%;bottom: 8px;transform: skew(-63deg);}

/* footer */
.footer{background: #2e2e2e;border-bottom: 1px solid #2e2e2e;}
.footer_con{width: 1200px; margin: 0 auto;}
.footer_menu {width: 73%;float: left;}
.footer_num.clear { padding: 50px 0; margin-right: 30px;font-size: 18px;}
.footer_num li a{font-size: 18px; color: #fff;}
.footer_menu .footer_num li {float: left;margin-right: 30px;}
.footer_lx {color: #afafaf;     margin: 20px 0 50px 0;}
.footer_lx img { display: inline-block; width: 13px; margin-right: 4px;}
.footer_lx p {margin-bottom: 20px;color: #afafaf;}
.footer_lx a {display: inline-block;color: #afafaf;}
.links{color: #afafaf;margin: 20px 0;}
.links a{color: #afafaf;display: inline-block;margin-right: 10px;}
.footer_ewm {float: right;width: 26%;    margin-top: 50px;}
.footer_ewm .footer_tel {float: left;text-align: right;}
.footer_img {float: right;}
.footer_tel img {text-align: right;display: inline-block;}
.footer_ewm .footer_tel span {color: #fff;text-align: right;display: block;padding-top: 30px;}
.footer_ewm .footer_tel p {color: #fff;font-size: 24px;font-weight: bold;    margin-top: 10px;}
.footer_img p {text-align: center;color: #737373;padding: 10px 0;}
.footer_copyright {text-align: center;padding: 20px 0;border-top: 1px solid #4c4c4c;}
.footer_copyright p{color: #737373;}
.footer_copyright p a{display: inline-block;color: #737373;padding: 0 10px;}



.space {width: 1200px;height: auto;overflow: hidden;background: #fff;margin: 0 auto;padding: 55px 0px;}
.spacBotz{ margin-top:4px;}
.spacBotz ul li{ float: left; height: 345px; overflow: hidden; position: relative; margin-top: 24px;}
.spacBotz ul li .om{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.spacBotz ul li .spac1{ position: absolute; width: 100%; height: auto; overflow: hidden; padding: 0px 30px; left: 0px; bottom: 30px;}
.spacBotz ul li .spac1 span{ display: inline-block;width: 100%; height: auto; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-left: 18px; background: url(../images/lexd.jpg) left center no-repeat; font-size: 18px; color: #fff;}
.spacBotz ul li .spac2{position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0px;background-color: rgba(0,103,172,0.84); opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.spacBotz ul li .spac2z{position:absolute; left:50%; top:50%; width: 100%; padding: 0px 30px; text-align: center; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.spacBotz ul li .spac2z p img{ width: 30px;}
.spacBotz ul li .spac2z div{ font-size: 18px; color: #fff; line-height: 30px; margin-top: 8px;width: 795px;height: 275px;}
.spacBotz ul li.onb1{ width: 780px;height: 279px;margin-right: 15px;}
.spacBotz ul li.onb2{ width: 405px;height: 279px;}
.spacBotz ul li.onb3{ width: 592.5px;}
.spacBotz ul li.onb4{ width: 592.5px;margin-left: 15px;}
.spacBotz ul li.onb5{ width: 31.5%; height: 279px;}
.spacBotz ul li.onb6{ width: 32%; margin-left: 27px; margin-right: 27px; height: 279px;}
.spacBotz ul li.onb7{ width: 32%; height: 279px; }
.spacBotz ul li:hover .spac2{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.spacBotz ul li:hover .spac1{ display: none;}
.spacBotz ul li:hover .om{transform: scale(1.1);}