@charset "utf-8";/* CSS Document */* {margin:0;padding:0;}
a {text-decoration:none;}
a:hover {color:#168CD7;}
input::-webkit-input-placeholder {/* WebKit browsers */    font-size:16px;color:#B8B8B8;}
input:-moz-placeholder {font-size:16px;/* Mozilla Firefox 4 to 18 */    color:#B8B8B8;}
input::-moz-placeholder {font-size:16px;/* Mozilla Firefox 19+ */    color:#B8B8B8;}
input::-ms-input-placeholder {font-size:16px;/* Internet Explorer 10+ */    color:#B8B8B8;}
input:focus {outline:none !important;}
.clear {clear:both;height:0;line-height:0;}
input,button,select,textarea {outline:none;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-left:10px;width:402px;float:left;font-size:16px;border-radius:4px;height:38px;border:1px solid #B8B8B8;background-position:right;}
select::-ms-expand {display:none;}
ul,li {list-style-type:none;}
h1,h2,h3,h4,h5,b {font-weight:normal;}
img {display:block;}
body {width:100%;font-size:14px;line-height:30px;color:#2A2A2D;background:#FFFFFF;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;}
/*头部*/
.header{ width: 100%; height: 90px; position: fixed; top: 0; box-shadow:0 2px 16px 0 rgba(0,0,0,0.5); z-index: 99; background: #fff;}
.header_con{ width: 1200px; height: 100%; margin: 0 auto;}
.logo{width: 200px; height: 100%; float: left; margin-right: 100px;}
.logo img{ width: 100%; margin-top: 15px;}
/*导航*/
.nav{ height: 100%; float: left;}
.nav li{ float: left;line-height: 25px;margin-top: 24px;width: 120px;font-size: 16px;text-align: center;height: 54px;}
.nav li:hover{ border-bottom: 4px solid #b51d23; }
.nav li a{color:#333;display:block;}
.nav li a:hover{color:#b51d23;}
.head_eng {color: rgb(170, 170, 170); line-height:20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
/*电话*/
.phone{ float: right; margin-top: 10px; display: none;}
.phone p:nth-child(2){font-size:22px;color:#b51d23;}
.banner{ width: 100%; margin-top: 90px;}
.banner img{ width: 100%;}
/*产品中心*/
.product{ width: 1200px; margin:40px auto;}
.product_tit{ text-align: center; font-size: 24px;}
.product_tit h1{ font-size: 24px;}
.product_tit h1 span{ color: #b51d23;}
.product_tit p{background: url(../images/cptit.png) no-repeat center bottom / auto 100%;height: 18px;margin-top: 15px;}
/*产品内容*/
.product_con{ width: 100%; float: left; margin-top: 30px;}
.product_con li{ width: 49%; float: left; margin-bottom: 20px; border: 1px solid #b7b4b4; border-radius: 20px; cursor: pointer;}
.product_con li:nth-child(2n){ float: right;}
.product_l{ width: 44%; float: left; height: 225px; overflow: hidden; border-radius: 20px 0 0 20px; position: relative;}
.solutions_bj{ display: none; width: 100%; height: 100%; background: rgba(1,17,56,0.5); position: absolute; top: 0;}
.product_l img{ width: 100%; height: 225px; object-fit: cover;transition: all 0.6s;}
.product_con li:hover{ border: 1px solid #b51d23;}
.product_con li:hover .product_l img{ transform: scale(1.2);}
.product_con li:hover .solutions_bj{ display: block;}
.product_r{ width: 55%; float: left;box-sizing: border-box;padding: 20px 25px 10px 25px;height: 225px;display: flex;justify-content: center;flex-direction: column;}
.product_title{font-size: 16px; color: #333;}
.product_txt{font-size: 14px; color: #666; padding-top: 10px;}
.more{ text-align: center; font-size: 16px; line-height: 38px; margin-top: 10px; color: #b51d23; border: 1px solid #b51d23; border-radius: 15px;}
.more:hover{ color: #fff; background: #b51d23;}
.index_more{margin-top: 40px;text-align: center;font-size: 16px;}
.index_more a{color: #b51d23;}
/*关于我们*/
.about{ width: 100%; background: #f5f5f5; padding: 40px 0 60px;}
.about_con{ width: 1200px; margin: 20px auto 0;}
.about_con p{ text-indent:2em; }
.about_l{ width: 35%; float: left; overflow: hidden;}
.about_l img{ width: 100%; height: 270px; object-fit: cover; transition: all 0.6s;}
.about_l img:hover{transform: scale(1.2);}
.about_r{ width: 60%; float: right; padding-top: 10px;}
.about_r a{display: block;margin-top: 50px;line-height: 40px;width: 135px;text-align: center;color: #fff;background: #b51d23;}
.about_r a:hover{background: #cc262c;}
/*我们的优势*/
.advantage{ width: 100%; padding: 40px 0; background: url("../images/homebg1.jpg") center no-repeat; background-size:100% auto; }
.advantage_con { width: 1200px; margin: 40px auto 0;}
.advantage_con li {float: left;width: 131px;margin:0 34px;}
.advantage_con li .advantage_con_li {display: table;width: 100%;height: 131px;position: relative;}
.advantage_con li .advantage_con_li:before {position:  absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/rzico.png) no-repeat 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.advantage_con li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 0 25px;}
.advantage_con li .inner p {margin: 0; color: #fff;}
.advantage_con li .advantage_con_li:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.advantage_con li:nth-child(2) .advantage_con_li:before {background-position: -214px 0;}
.advantage_con li:nth-child(3) .advantage_con_li:before {background-position: -427px 0;}
.advantage_con li:nth-child(4) .advantage_con_li:before {background-position: -642px 0;}
.advantage_con li:nth-child(5) .advantage_con_li:before {background-position: -855px 0;}
.advantage_con li:nth-child(6) .advantage_con_li:before {background-position: -1068px 0;}
/*解决方案*/
.solutions{ width: 1200px; margin: 40px auto;}
.solutions_con{ width: 100%; float: left;}
.solutions_con a{ color: #000;}
.solutions_con li{ width: 32%;  border-radius: 20px; margin-bottom: 30px; float: left; margin-right: 2%; background: #fff;box-shadow:0 2px 16px 0 rgba(0,0,0,0.1);}
.solutions_con li:nth-child(3n){ margin-right: 0;}
.solutions_top{ width: 100%; height: 180px; overflow: hidden;border-radius: 20px 20px 0 0; }
.solutions_top img{ width: 100%; height: 180px; object-fit: cover; transition: all 0.6s;}
.solutions_con li:hover .solutions_top img{transform: scale(1.2);}
.solutions_bottom{ width: 100%; padding: 10px 0 30px; color: #666;}
.solutions_bottom p{ padding: 0 10%; overflow: hidden;}
.solutions_bottom h3{padding: 0 10%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height: 46px; width:150px;}
.solutions_con li:hover{ box-shadow:0 2px 16px 0 rgba(0,0,0,0.5);}
.solutions_con li:hover .solutions_bottom{ width: 100%; border-radius: 0 0 20px 20px;  background: #b51d23; color: #fff;}

/*服务*/
.service{ background: #f5f5f5; width: 100%; height: 180px; margin-top: 20px;}
.service_con{ width: 1200px; margin: 0 auto;}
.service_con li{ float: left; width: 25%; height: 55px; margin-top: 62px;}
.service_con li img{ float: left; width: 55px; height: 55px; padding-right: 10px;}
.service_con li:nth-child(2) img{width: 45px;}
.service_con li:nth-child(3) img{width: 56px; height: 53px;}
.service_con li:nth-child(4) img{width: 49px; height: 43px;}
.service_r p{ color: #000; font-size: 18px;}
.service_r span{ color: #9c9c9c; font-size: 14px;}
/*底部*/
.footer{ background: #fff; width: 100%; border-top: 2px solid #b51d23; }
.footer_con{ width: 1200px; margin: 0 auto; padding: 20px 0 30px;}
.footer_l{ width: 200px; float: left; padding-right: 150px;}
.footer_l img{ width: 160px; padding-top: 20px;}
.footer_z{ float: left; font-size: 16px; line-height: 30px; padding-top: 20px;}
.footer_r{ width: 173px; float: right; text-align: center; font-size: 16px;}
.footer_r img{ width: 140px; height: 140px;}
.copyright{ text-align: center; height: 50px; line-height: 50px; color: #fff; background: #b51d23;}
/*内页*/
.page_banner{ margin-top: 90px; width: 100%; height: 420px; background: url("../images/aboutban.png") no-repeat center;  background-size: 1920px;}
/*二级导航*/
.levelNav{ width: 100%; height: 60px;box-shadow:0 2px 16px 0 rgba(0,0,0,0.5); }
.levelNav_con{ width: 1200px; height: 60px; line-height: 60px; font-size: 16px;}
.levelNav_con li{ width: 100px; float: left; text-align: center;}
/*内页内容*/
.content{ width: 1200px; margin: 0 auto;}
/*公司理念*/
.about_top{ width: 100%; float: left; margin: 60px 0 40px;}
.page_title{font-size: 30px; text-align: center; margin-bottom: 45px;}
.about_top_l{ width: 450px; float: left; height: 420px;box-shadow:0 2px 16px 0 rgba(0,0,0,0.2);}
.about_top_l:hover{ box-shadow:0 2px 16px 0 rgba(0,0,0,0.5);}
.about_top_l img{ width: 100%; height: 200px; object-fit: cover;}
.about_txt{ width: 85%; margin: 20px auto 0;}
.about_txt b{ display: block;width: 30px;height: 2px;background: #b51d23;margin: 15px 0 20px 0;}
.about_top_r{ width: 730px; float: right; height: 420px;}
.about_top_r li{ width: 100%; height: 200px; box-shadow:0 2px 16px 0 rgba(0,0,0,0.2);}
.about_top_r li:hover{ box-shadow:0 2px 16px 0 rgba(0,0,0,0.5);}
.about_top_r li img{ width: 260px; height: 200px; object-fit: cover; float: left; padding-right: 40px;}
.about_txt_l{ float: left; width: 400px;}
/*关于我们*/
.about_level{ width: 100%; float: left; margin: 40px 0;}
.aboutNum{background:url("../images/nabout.png") no-repeat center center;background-size: cover;margin-bottom:40px;}
.aboutNum ul{}
.aboutNum ul::after{content:'';display: block;clear: both;}
.aboutNum ul li{width:33.33%;float:left;text-align: center;color:#fff;padding:40px 0;position: relative;}
.aboutNum ul li::before{content:'';display: block;height:48px;width:2px;background:#fff;position: absolute;left:0;top:50%;margin-top:-24px;}
.aboutNum ul li p{font-size: 22px;margin-bottom:10px;}
.aboutNum ul li p strong{font-size: 48px;}
.aboutNum ul li span{font-size: 18px;}
.aboutNum ul li:first-child::before{display: none;}
.page_about_con{text-indent:2em; font-size: 16px; line-height: 40px; margin-bottom: 30px;}
/*联系我们*/
.part1 ul{ margin-top: 20px; margin-left:-0.5%;}
.part1 ul li{width:32.83%;margin-left:0.5%;float:left; padding:70px 50px 70px 200px;box-sizing: border-box;background:#fff;position: relative;overflow: hidden;height:235px;display:flex;justify-content:center;flex-direction: column;}
.part1 ul li .bg{position: absolute;right:-20px;top:-20px;}
.part1 ul li .bg .img2{display: none;}
.part1 ul li .ico .img2{display: none;}
.part1 ul li .ico{position: absolute;left:40px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.part1 ul li .txt{}
.part1 ul li .txt span{display: block;margin-bottom:10px;}
.part1 ul li .txt p{font-size: 18px;font-weight: bold;line-height: 30px;}
.part1 ul li:hover .txt{color:#fff;}
.part1 ul li:hover .bg .img1{display: none;}
.part1 ul li:hover .bg .img2{display: inline-block;}
.part1 ul li:hover .ico .img1{display: none;}
.part1 ul li:hover .ico .img2{display: inline-block;}
.part1 ul li:hover{background:#b51d23;}
.contactMap{ width: 1200px; height: 500px; margin: 40px auto;}
.contact{ text-align: center;}
.contact p{ line-height: 50px; font-size: 18px; display: flex;justify-content: center;align-items: center;}
.contact img{ width: 50px; vertical-align:middle;}

/*经典案例*/
.case_con{ width: 1200px; margin: 40px 0;}
.case_con ul{ width: 1200px; float: left;}
.case_con  ul li{ width: 23.5%;float: left;margin-right: 2%;margin-top: 20px;height: 225px; }
.caseContent{ width: 100%; height: 220px; background: #fff;box-shadow:0 2px 16px 0 rgba(0,0,0,0.2); margin-top: 4px; vertical-align: middle;
    text-align: center;display: table-cell; display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.caseContent:hover{ box-shadow:0 2px 16px 0 rgba(0,0,0,0.5);}
.case_con ul li:nth-child(4n){ margin-right: 0;}
/*新闻中心*/
.new{ width: 1200px; margin: 40px 0;}
.new ul{ width: 100%; float: left;margin-top:30px;}
.new ul li {width:100%;height:184px;box-shadow:0 2px 16px 0 rgba(0,0,0,0.1);background:#fff;margin-bottom:30px;border-radius:10px;}
.new ul li a {display:block;width:100%;height:100%;color:#2A2A2D;}
.new ul li img {width:260px;height:184px;float:left;border-radius:10px 0 0 10px;object-fit:cover;}
.new_txt {width:900px;height:auto;margin:20px 20px 0;float:left;}
/*.new_txt h3 {font-size:16px;line-height:26px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}*/
.new_txt h3 {font-size:16px;line-height:26px;font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; width:175px;white-space: nowrap;text-overflow: ellipsis;}
.new ul li:hover h3 {color:#b51d23;}
.new_txt p{ width: 100%; float: left; padding-top: 15px;}
.new_txt span { width: 100%; float: left; text-align:right;color:#737885;font-size:14px;line-height:14px;margin-top:29px;}
/*产品中心*/
.page_product{ width: 100%;}
.page_product_tit{ width: 100%;box-shadow:0 2px 16px 0 rgba(0,0,0,0.4); height: 50px; margin-bottom: 50px;}
.page_product_tit ul{ width: 1200px; margin: 0 auto; line-height: 50px; height: 50px;}
.page_product_tit ul li{ float: left; font-size: 16px;}
.page_product_tit ul li a{ color: #000; display: block; padding: 0 50px;}
.page_product_tit ul li a:hover{ color: #fff; background: #b51d23;}
/*文章页面*/
.page_con{ width: 100%; float: left; margin: 40px 0; font-size: 16px !important;}
.page_con_tit{ font-size: 28px; text-align: center; padding-bottom: 20px;}
.page_con_tit p{ width: 100%; line-height: 60px;}
.page_con_tit span{ font-size: 16px; color: rgb(170, 170, 170);}
.page_con img{ width: 100%; object-fit: cover; margin: 0 auto !important;}