﻿
/* 
* @Author: SUN
* @Date: 2022-03-21
*/
.bx_2{ width: 86.97%; margin:0 auto; }

/*2*/
.about_banner{ background:url(/templates/images/about_banner.jpg) no-repeat center;height:600px;}

/*3*/
.concerning{margin-bottom:80px;}
.concerning_text{ padding-top:2%;width:43%;padding-left:7%}
.concerning_text h3{ font-size:2rem;color:#333;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;}
.concerning_text span{ font-size:2rem; color:#cc0000}
.concerning_text p {width:92%;line-height:1.8rem;font-size:0.85rem;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}


.concerning_num{ padding:8% 3% 0 5%;width:42%;background-color:#f5f5f5;height:598px;}
.concerning_num_tit h3{ font-size:36px;color:#333; }
.concerning_line{ height:2px;width:20px;background-color:#333;margin:40px 0px 60px; }
.concerning_num_tit p{ font-size:18px;color:#686868;margin-bottom:100px;}

.service{ font-size:18px;color:#333;text-align:center;}

.Customer_2 h3{ font-size:60px;color:#333;font-family:'微软雅黑';letter-spacing:0;margin-right:10px; }
.Customer_2 p{ font-size:50px;color:#333;margin-top:10px;font-weight:700;}
.Customer_2{ margin:0 auto}
.Customer1{ border-right:1px solid #757575;display:inline-block;padding:0 15px;}
.Customer2{ border-right:none;margin-right:0;}

/*4*/
.About_Pictures img{ display:block;}
.About_Pictures_box{ margin-bottom:80px;}


/*5*/
.course{ margin-bottom:80px;}
.fazhanlichengul { width:100%;margin-top:60px;background:url(../image/dian1.png) repeat-x;background-position-y:459px;position:relative;}
.fazhanlichengul ul { width:95%;margin:auto;}
.fazhanlichengul ul li { width:6%; box-sizing: border-box; margin-right: 1%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.fazhanlichengul ul li .text { width: 98%; height: auto; }
.fazhanlichengul ul li .text1 { width: 20px; float: left; height: 380px; border: 1px solid #afafaf; color: #afafaf; font-size: 18px; padding: 6px 12px 0; margin-left: 12.5px; border-bottom: 0px; background: #fff; padding-bottom: 20px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.fazhanlichengul ul li .text2 { width:46px; height: 11px; margin-left: 13px; background: url(../image/x.png) no-repeat center bottom; }
.fazhanlichengul ul li .dian { width: 100%; height: 25px; background: url(../image/d2.png) no-repeat center top; margin-top: 29px; }
.fazhanlichengul ul li .riqi { float: left; width: 100%; height: auto; font-size: 18px; color: #333; text-align: center; padding-top: 30px; font-weight: bold; }
.fazhanlichengul ul li:hover .text1 { width: 28%; float: left; height: 380px; border: 1px solid #cc0000; color: #fff; font-size: 18px; padding: 6px 12px 0; padding-left: 15px; padding-right: 15px; margin-left: 12.5px; border-bottom: 0px; padding-bottom: 0px; background: #cc0000; padding-bottom: 20px; }
.fazhanlichengul ul li:hover .riqi { float: left; width: 100%; height: auto; font-size: 18px; color: #cc0000; text-align: center; padding-top: 30px; font-weight: bold; }
.fazhanlichengul ul li:hover .text2 { width: 100%; float: left; height: 11px; margin-left: 12px; background: url(../image/xh.png) no-repeat left bottom; }
.fazhanlichengul ul li:hover .dian { float: left; width: 100%; height: 25px; background: url(../image/d2h.png) no-repeat center top; margin-top: 29px; }


/*6*/
.strategy_tit h3{ font-size:36px; color: #333; text-align: center; font-weight: 700; letter-spacing: 1px; }
.strategy_tit span{ font-size:36px; color:#cc0000}
.strategy_tit p{ text-align: center; line-height: 24px; font-size: 16px; color: #333; margin: 10px 0 50px; }
.field_tu li img{ display: block; width: 100%; margin-bottom: 10px; }
.field_tu li{ width: 11%; }
.field_tu li p{ font-size: 18px; color: #333; text-align: center; }
.field_tu2{ margin: 9% 3% 0; }
.field_tu2.last{ margin-right: 0; }
.field_tu3{ margin-top: 0; }

.field_tu{ cursor: pointer; width: 100%; overflow: hidden; position: relative; }
.field_tu img{ width: 100%; top: 0; position: relative; left: 0; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; }
.field_tu img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.field{ margin-bottom: 80px; }

/*7*/
.active_box { padding: 80px 0 ; background: url(../image/about_new_bg.jpg); /* background-size: cover; */margin-bottom: 80px; }
.animate01{width: 49.82%;}
.animate01 li img{display: block;width: 100%;}
.animate01 li{margin-top: 30px;width: 48.0769%;}
.animate01 li.last{margin-top: 0px;}
.animate02{width: 48.5%;}
 .text01 { height: 200px; background-color: #fff; padding: 5% 3% 0 3%;margin-bottom: 3.3%;  box-sizing: border-box;width: 100%;}
.subtile { font-size: 20px; color: #000; }
.date { font-size: 15px; color: #979797; display: block; margin: 8px 0 15px; }
.text01 p { font-size: 14px; color: #777; line-height: 22px; }


@media screen and (max-width:1440px) {
    .concerning_num{padding: 8% 2% 0 2%;width: 46%;}
    .Customer_2 h3{font-size:65px;letter-spacing:-2px;}
}

