/*公用css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 14px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333333;min-width: 1200px;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
/*button,input,select,textarea{font-size:100%;}*/
fieldset,img{border:none;}
a,
img {
    -webkit-touch-callout: none
}
a{color: #333333;}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none;}
a:hover{color: #e8020f;}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff;
    border: none;
    outline: none;
}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
ul, ol { list-style: none; }
/*顶部css*/
.a-1{background: url(../images/hd_02.png) no-repeat center;background-size: auto 100%;}
.a-2{width: 1200px;margin: 0 auto;overflow: hidden;height: 100px;}
.a-3{float: left;padding-top: 15px;}
.a-4{display: inline-block;vertical-align: middle;margin-right: 370px;}
.a-5{display: inline-block;vertical-align: middle;margin-top: 8px;}
.a-6{font-size: 0;}
.a-7{width: 320px;height: 40px;box-sizing: border-box;border: 1px solid #e8020f !important;display: inline-block;vertical-align: top;padding: 0 15px;}
.a-7::-ms-input-placeholder{color: #adadad;}
.a-7::-moz-placeholder{color: #adadad;}
.a-7::-webkit-input-placeholder{color: #adadad;}
.a-8{display: inline-block;width: 80px;height: 40px;outline: none;background: none;border: none;background-color: #e8020f;font-size: 16px;color: white;letter-spacing: 5px;}
.a-9{float: right;padding-top: 44px;font-size: 0;}
.a-9 a{border-right: 1px solid #333333;height: 14px;line-height: 14px;display: inline-block;padding: 0 20px;font-size: 14px;}
.a-9 a:last-child{padding-right: 0;border: none;}
/*导航*/
.a-10{background-color: #58595b;}
.a-11{width: 1200px;margin: 0 auto;height: 50px;}
.a-11>li{width: 120px;text-align: center;float: left;margin-right: 15px;position: relative;}
.a-11>li:last-child{margin-right: 0;}
.a-11>li>.a-12>a{color: white;font-size: 16px;}
.a-11>.active>.a-12{background-color: white;}
.a-11>.active>.a-12>a{color: #333333;font-weight: bold;}
.a-12{height: 50px;line-height: 50px;}
.a-12 a{display: block;}
.a-13{display: inline-block;width: 9px;height: 4px;background: url(../images/icon-1_10.png) no-repeat center;background-size: 100% 100%;position: relative;top: -3px;margin-left: 15px;}
.a-11>.active .a-13{background: url(../images/icon-1_12.png) no-repeat center;background-size: 100% 100%;}
.a-11>li:hover .a-12{background-color: white;}
.a-11>li:hover .a-12>a{color: #333333;font-weight: bold;}
.a-11>li:hover .a-13{background: url(../images/icon-1_12.png) no-repeat center;background-size: 100% 100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-moz-transform: rotate(180deg);transition: 0.5s;}
.a1-1{background-color: white;overflow: hidden;max-height: 0;position: absolute;width: 100%;z-index: 10;}
.a1-1 li:hover{background-color: #e8020f;}
.a1-1 li:hover a{color: white;}
.a1-1 li a{height: 50px;line-height: 50px;}
.a-11 li:hover ol{height: auto;max-height: 300px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
/*banner*/
.a-14{height: 400px;}
.swiper-containerOne{height: 400px;}
.swiper-containerOne .pagination {position: absolute;z-index: 20;bottom: 5px;width: 100%;text-align: center;}
.swiper-containerOne .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: #fcfcfc;margin: 9px;cursor: pointer;vertical-align: middle;}
.swiper-containerOne .swiper-active-switch {width: 30px;border-radius: 30px;height: 6px;}
/*荣誉资质*/
.a-15{position: relative;width: 1200px;margin: 0 auto;margin-top: 25px;font-size: 0;padding-bottom: 35px;}
.arrow-left{display: block;width: 20px;height: 40px;background: url(../images/icon_03.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 2%;top: 60px;}
.arrow-right{display: block;width: 20px;height: 40px;position: absolute;right: 0;top: 0;background-color: #c70d15;display: block;width: 32px;height: 200px;}
.arrow-right img{width: 30px;margin-top: 80px;margin-left: 2px;}
.arrow-left:hover{background: url(../images/icon_03_1.png) no-repeat center;background-size: 100% 100%;}
/*.arrow-right:hover{background: url(../images/icon_04_1.png) no-repeat center;background-size: 100% 100%;}*/
.a-16{display: inline-block;vertical-align: middle;}
.a-16 img{width: 165px;height: 150px;}
.a-17{display: inline-block;vertical-align: middle;text-align: left;}
.a-18{font-size: 20px;margin-bottom: 10px;}
.a-19{color: #636363;}
.ry-1{display: inline-block;vertical-align: top;height: 200px;width: 50px;border: 3px solid #c2000b;box-sizing: border-box;position: relative;}
.ry-2{font-size: 22px;font-weight: bold;width: 25px;display: inline-block;position: absolute;background-color: white;right: -15px;top: 38px;line-height: 25px;padding: 10px 0;}
.ry-2 span{position: relative;z-index: 15;}
.ry-3{width: 1108px;display: inline-block;padding-left: 10px;background-color: #fafafa;position: relative;z-index: 10;}
.swiper-containerTow{width: 1108px;height: 200px !important;margin: initial;}
.swiper-containerTow .swiper-slide{text-align: center;box-sizing: border-box;box-sizing: border-box;padding-top: 25px;}
/*公司新闻*/
#video {width: 415px;height: 250px;position: relative;}
#video video {width: 100%;height: 100%;object-fit: fill;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 97px;height: 97px;cursor: pointer;z-index: 10;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.VideoBtn img{width: 80px;height: 80px;}
.a-20{margin-top: 57px;}
.a-21{width: 1200px;margin: 0 auto;position: relative;box-shadow: 0 0 7px 4px #eeeeee;padding: 30px 40px;padding-bottom: 58px;box-sizing: border-box;border-radius: 5px;border-right: 3px solid #c2000b;}
.a-22{}
.a-23{width: 415px;height: 250px;padding-left: 22px;padding-top: 22px;box-sizing: border-box;border: 3px solid #c2000b;float: left;}
.a-24{width: 650px;background-color: white;float: right;box-sizing: border-box;float: right;margin-top: 15px;}
.a-25{text-align: right;position: relative;padding-right: 20px;}
.a-26{font-size:24px;font-weight: bold;position: absolute;display: inline-block;width: 105px;top: -13px;right: 0px;background-color: white;height: 28px;line-height: 28px;}
.a1-26{border: 3px solid #c2000b;width: 140px;height: 40px;box-sizing: border-box;display: inline-block;}
.a-27{float: right;color: #e7030f;margin-top: 22px;border:1px solid #e7030f;display: inline-block;width: 140px;line-height: 40px;text-align: center;border-radius: 5px;font-size: 16px;letter-spacing: 4px;box-sizing:border-box;}
.a-27:hover{background-color: #e7030f;color:white;}
.a-28{padding: 0 15px;display: block;padding-right: 0;}
.a-29{text-align: center;font-size: 24px;display: block;width: 235px;margin: 0 auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a-30{color: #636363;line-height: 25px;text-indent: 2em;}
.a-31{padding-left: 10px;margin-top: 20px;}
.a-32{border-top: 1px dashed #c5c5c5;margin-top: 17px;padding-top: 10px;}
.a-32 li{margin-top: 15px;}
.a-32 li a{overflow: hidden;display: block;}
.a-32 li:hover .a-34{background-color: #e8020f;}
.a-32 li:hover .a-35{color: #e8020f;}
.a-33{float: left;}
.a-34{display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #cccccc;border-radius: 100%;margin-right: 10px;}
.a-35{color: #636363;display: inline-block;vertical-align: middle;width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a-36{float: right;font-size: 12px;color: #999999;position: relative;top: 2px;}
/*支撑系统*/
.system-1{height: 535px;background-color: #f0f0f0;padding-top: 35px;box-sizing: border-box;}
.system-9{width: 1200px;margin: 0 auto;}
.system-2{position: relative;}
.system-3{border: 3px solid #c2000b;width: 1000px;height: 80px;box-sizing: border-box;margin: 0 auto;}
.system-4{background-color: #f0f0f0;position: absolute;left: 50%;top: 53px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);}
.system-5{margin-top: 50px;}
.system-6{margin-left: 25px;float: left;margin-top: 42px;position: relative;}
.system-8{float: right;background-color: white;width: 420px;height: 345px;border-radius: 5px;overflow: hidden;padding: 10px 15px;box-sizing: border-box;}
.system-10 li{background-color: #f8f8f8;border-radius: 5px;margin-bottom: 10px;}
.system-10 li:hover{background-color: #c70d15;}
.system-10 li:hover *{color: white;}
.system-10 li a{display: block;padding: 10px 15px;}
.system-11{width: 100px;height: 82px;display: inline-block;vertical-align: middle;margin-right: 30px;}
.system-12{display: inline-block;vertical-align: middle;}
.system-13{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.system-14{font-size: 16px;}
.system-15{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90px;vertical-align: middle;}
.system-16{font-size: 14px;vertical-align: middle;display: inline-block;color: #e8020f;}
.tan{width: 210px;height: 45px;position: absolute;cursor: pointer;}
#tan1{left: 27px;top: 0;}
#tan2{right: 27px;top: 0;}
#tan3{left: -4px;top: 113px;}
#tan4{right: -4px;top: 113px;}
#tan5{left: 27px;top: 217px;}
#tan6{right: 27px;top: 217px;}
.layui-layer-tips{font-size: 16px;}
/*公司新闻*/
.news-1{height: 450px;padding-top: 30px;box-sizing: border-box;}
.news-2{width: 1200px;margin: 0 auto;height: 390px;border: 2px solid #e6e6e6;border-bottom-color: #c70d15;border-radius: 5px;padding: 22px 45px;padding-bottom: 0;background-color: white;box-sizing: border-box;box-shadow: 0 0 15px 5px #f8f8f8;}
.news-3{float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #ededed;}
.news-4{border: 3px solid #c2000b;width: 140px;height: 40px;position: relative;box-sizing: border-box;display: inline-block;}
.news-5{font-size: 24px;font-weight: bold;display: inline-block;position: absolute;top: 15px;left: 10px;background-color: white;padding: 0 8px;}
.news-7{margin-top: 45px;}
.news-8{width: 205px;height: 80px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.news-9{display: inline-block;vertical-align: middle;}
.news-10{font-size: 12px;}
.news-12{display: inline-block;vertical-align: middle;margin-right: 8px;}
.news-13{font-size: 16px;width: 235px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}
.news-14{width: 515px;margin-top: 10px;}
.news-14 li{border-bottom: 1px solid #f3f3f6;}
.news-14 li a{overflow: hidden;display: block;padding: 11px 0;}
.news-15{float: left;}
.news-16{margin-right: 5px;color: #e8020f;display: inline-block;vertical-align: middle;}
.news-14 li a:hover .news-18{color: #e8020f;}
.news-17{width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}
.news-18{float: right;font-size: 12px;color: #888888;position: relative;top: 2px;}
.news-19{text-align: right;width: 515px;margin-top: 12px;}
.news-20{font-size: 16px;color: #888888;}
.news-20:hover{color: #e8020f;}
.news-21{float: right;width: 50%;padding-left: 40px;box-sizing: border-box;}
.news-22{text-align: right;}
.news-23{margin-top: 45px;}
.news-23 li{margin-bottom: 14px;overflow: hidden;}
.news-23 li a{line-height: 45px;display: block;border-radius: 5px;background-color: #f3f3f3;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-23 li:hover span{color: white;}
.news-23 li a:hover{background-color: #c70d15;color: white;}

/*底部*/
.a-89{background-color: #d2d2d2;padding-top: 40px;}
.a-90{width: 1200px;margin: 0 auto;}
.a-91{font-size: 0;text-align: center;border-bottom: 1px solid #acacac;padding-bottom: 22px;}
.a-91 li{display: inline-block;width: 142px;text-align: center;border-right: 1px solid #626262;border-left: 1px solid #8d8d8d;height: 14px;line-height: 14px;box-sizing: border-box;}
.a-91 li:first-child{border-left: none;text-align: left;width: 100px;}
.a-91 li:last-child{border-right: none;text-align: right;width: 100px;}
.a-91 li a{font-size: 16px;font-weight: bold;}
.a-92{padding-top: 10px;padding-bottom: 26px;}
.a-93{width: 290px;font-size: 0;display: inline-block;vertical-align: middle;}
.a-94{text-align: center;display: inline-block;margin-right: 40px;}
.a-93 .a-94:last-child{margin-right: 0;}
.a-95{width: 105px;height: 105px;border: 10px solid white;}
.a-96{font-size: 12px;margin-top: 10px;}
.a-97{display: inline-block;vertical-align: middle;margin-left: 120px;}
.a-98{margin-bottom: 15px;}
.a-99{display: inline-block;vertical-align: middle;margin-right: 25px;}
.a-100{display: inline-block;vertical-align: middle;font-size: 16px;}
.a-101{width: 305px;display: inline-block;vertical-align: middle;margin-left: 115px;}
.a-102{display: inline-block;width: 140px;height: 40px;line-height: 40px;color: white !important;font-size: 17px;background-color: #c2000b;text-align: center;border-radius: 8px;box-shadow: 0 0 10px 3px #b49c9e;vertical-align: middle;margin-right: 55px;}
.a-103{display: inline-block;vertical-align: middle;}
.a-104{height: 50px;line-height: 50px;text-align: center;color: white;background-color: #595959;}
/*返回顶部*/
.a-108{position: fixed;right: 5%;bottom: 230px;text-align: center;z-index: 10;display: none;}
.a-109{cursor: pointer;}
.a-110{margin-top: 15px;}
/*首页2*/
.a-112{margin-top: 35px;}
.a-111{height: 230px !important;text-align: center;}
.a-111 .item{height: 181px !important;display: inline-block;}
.a-111 .item a{display: inline-block;overflow: hidden;}
.a-111 .item a img{width: 187px;height: 181px;}
.a-111 .item a:hover img{transform: scale(1.1);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.swiper-containerFour{height: 370px !important;}
.swiper-containerFour .pagination2 {position: absolute;z-index: 20;bottom: 125px;width: 100%;text-align: center;display: none;}
.swiper-containerFour .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: rgba(255,216,218,0.5);margin: 9px;cursor: pointer;vertical-align: middle;}
.swiper-containerFour .swiper-active-switch {width: 30px;border-radius: 30px;height: 6px;}
.swiper-containerFive{height: 230px !important;text-align: center;}
.swiper-containerFive .swiper-slide{height: 181px !important;}
.swiper-containerFive .swiper-slide a{display: inline-block;overflow: hidden;}
.swiper-containerFive .swiper-slide a img{width: 187px;height: 181px;}
.swiper-containerFive .swiper-slide a:hover img{transform: scale(1.1);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;}
.swiper-containerFive .pagination3 {position: absolute;z-index: 20;bottom: -5px;width: 100%;text-align: center;}
.swiper-containerFive .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: rgba(255,216,218,0.5);margin: 9px;cursor: pointer;vertical-align: middle;}
.swiper-containerFive .swiper-active-switch {width: 30px;border-radius: 30px;height: 6px;}
/*留言板*/
.ly-1{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 100;display: none;}
.ly-2{width: 600px;height: 400px;background-color: white;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);padding: 30px 20px;box-sizing: border-box;}
.ly-4 input{width: 268px;height: 40px;border: 1px solid #ededed;margin-right: 20px;box-sizing: border-box;padding: 0 20px;}
.ly-4 input:last-child{margin-right: 0;}
.ly-5{width: 100%;height: 100px;border: 1px solid #ededed;box-sizing: border-box;padding: 15px 20px;margin-top: 20px;}
.ly-6{font-size: 30px;text-align: center;font-weight: bold;margin-bottom: 30px;}
.ly-7{width: 100%;background-color: #e8020f;height: 50px;border: none;outline: none;margin-top: 30px;font-size: 18px;color: white;}
.ly-8{position: absolute;width: 20px;height: 20px;right: 20px;top: 20px;}

/*悬浮导航*/
.xf-1{position: fixed;right: 0;top: 50%;z-index: 100;}
.xf-2 li{width: 50px;height: 50px;margin-bottom: 3px;position: relative;}
.xf-2 li a{display: block;height: 100%;text-align: center;position: relative;background-color: #e8020f;z-index: 10;}
.xf-2 li a img{width: 35px;height: 35px;display: inline-block;margin-top: 7.5px;}
.xf-3{position: absolute;top:0;width: auto;white-space: nowrap;background-color: white;height: 50px;line-height: 50px;padding: 0 10px;width: 0px;overflow: hidden;max-width: 0px;font-size: 16px;}
.xf-2 .number:hover .xf-3 {
    width: auto;
    max-width: 200px;
    right: 50px;
    transition: 0.5s;
    transition-property: max-width;
    background-color: #e8020f;
    color: white;
    border-right: 1px solid white;
}
.xf-2 li:hover a img{display: none;}
.xf-2 li:hover .xf-4{display:inline-block;}
.xf-4{position: absolute;top: 0;left: 0;width: 50px;text-align: center;color: white;letter-spacing: 5px;display: none;box-sizing: border-box;padding-left: 5px;padding-top: 4px;}
.xf-2 .ewm .ewm1 img{width: 120px;height: 120px;}
.xf-2 .ewm .ewm1{position: absolute;right: 50px;top: -53px;background-color: white;padding: 10px;text-align: center;padding-bottom: 5px;display: none;}
 .xf-2 .ewm .ewm1 p{margin-top: 2px;}
.xf-2 .ewm:hover .ewm1{display: block;}



/*分页*/

#pages {
    text-align: center;
    padding-bottom: 30px;
}

#pages li {
   /* padding: 0 10px;*/
    margin: 0 2px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
    width: 30px;
}
#pages li a{display: block;}
#pages li.active {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #df4838;
    color: #fff;
    display: inline-block;
}
#pages li.active span{
    color: #fff;
}
#pages li:hover {
    background: #df4838;
}
#pages li a{
	color: #333333;
}
#pages li:hover a {
    color: #fff;
}


@media screen and (max-width: 1700px){
	.a-63{margin-top: 160px;}
}
/*@media screen and (max-width: 1500px){
	.a-16{margin-right: 5%;}
	.a-16 img {width: 100px;height: 87px;}
	.swiper-containerTow .swiper-slide {padding-top: 40px;}
}*/