*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body{font-size: 14px;min-width: 1300px;font-family:"Microsoft YaHei";overflow-x:hidden;color: #333;}
a{text-decoration: none;font-size: 14px;}
address, caption, cite, code, dfn, em, th, var, optgroup, i{font-style: inherit;font-weight: inherit;}
img{vertical-align: top;border: none;}
input, textarea{outline: none;border: none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.fr{ float:right;}
.fl{ float:left;}
.w1500,.page,.gy,.box{max-width: 1500px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfe{display:flex;align-items:end;justify-content:end;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}

/*header*/
.head_c {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 125px;
    position: relative;
}

.head_l {
    display: flex;
    align-items: center;
}

.head_l b {
    display: block;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: normal;
    letter-spacing: 0.15px;
    padding-top: 5px;
    color: #666;
    text-transform: uppercase;
}

.head_l>div {
    font-size: 23px;
    color: #333;
    margin-left: 17px;
    font-family: "Microsoft YaHei";
    padding-top: 0px;
    font-weight: bold;
}

.head_r {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 68%;
    position: relative;
}

.head_r>ul {
    display: flex;
    width: 78%;
    justify-content: space-between;
}


.head_r>ul a {
    display: flex;
    height: 125px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 17px;
    transition: .5s;
    overflow: hidden;
    color: #333;
}

.head_r>ul>li{
    width: calc(100%/8);
    transition: .5s;
    position: relative;
}

.head_r>ul>li.on a span,.head_r>ul>li:hover a span {
    top: 31%;
    opacity: 1;
}

.head_r>ul>li.on,.head_r>ul>li:hover{
    background: #0068c7;
}

.head_r>ul>li.on a,.head_r>ul>li:hover a {color: #fff;padding-top: 32px;}

.head_r>ul>li a span {
    color: #fff;
    font-size: 21px;
    margin-bottom: 10px;
    position: absolute;
    top: 44%;
    transition: .5s;
    left: 50%;
    margin-left: -10px;
    opacity: 0;
}

.head_r>ul>li a:before,.head_r>ul>li a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    bottom: 0;
    transition: .5s;
}

.head_r>ul>li a:before {
    background: #ff9500;
    left: -6px;
    transform: skewX(-50deg);
    z-index: 2;
}

.head_r>ul>li a:after {
    background: #333;
    right: -6px;
    transform: skewX(-50deg);
}

.head_r>ul>li.on a:before, .head_r>ul>li.on a:after,.head_r>ul>li:hover a:before, .head_r>ul>li:hover a:after {
    width: 58%;
}

.pho_c {
    display: flex;
    align-items: center;
    font-size: 20px;
    min-width: 175px;
    justify-content: space-around;
    width: 19%;
    font-weight: lighter;
}

.pho_c>span {
    width: 32px;
    height: 32px;
    background: #0068c7;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 100%;
    margin-right: 0px;
}
.pho_c>em>p {
    font-size: 25px;
    font-weight: bold;
    color: #0068c7;
}

@media screen and (max-width: 1500px) {
    .head_c{justify-content: space-between;padding: 0 1%;}
    .head_r{width: 78%;}
}

/*导航下拉*/
.head_r li>.nav2 {display:none;position:absolute;left:-49px;top:125px;z-index:99999;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3);}
.head_r li>.nav2 a{display:block;background:#fff;height:85px;width:230px;color:#333;border-bottom:none;padding:15px 0px 0px 35px;}
#aa2 > .nav2 {}
#aa2 > .nav2 a {width:150px;font-size:15px;}
.head_r li>.nav2 a:hover{background:#0068c7;color:#fff;padding:15px 0px 0px 20px;}
.nav2 b{color:#999;}
.head_r li>.nav2 a span{font-size:18px;color:#333;line-height:18px;text-transform: uppercase;transition: all .8s cubic-bezier(.35, .75, .55, 1) 0.1s;-webkit-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;-moz-transition: all .8s cubic-bezier(.35, .75, .55, 1) .1s;display:block; left:0; left: 38%;}
.head_r li>.nav2 a:hover span{font-size: 18px;color:#fff;line-height: 23px;}
.head_r>ul>li .nav2 a:before{background:none;}
.head_r>ul>li .nav2 a:after{background:none;}

/*banner*/
.bann{overflow: hidden;}
.slider {width: 100%;}
.slick-slide{height: auto;}
.slick-slide img {width: 100%;}
.slick-prev {left: 38px;z-index: 99;}
.slick-next {right: 40px;}
.slick-dots{bottom: 32px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-prev:before, .slick-next:before{font-size: 34px;font-family: "zxi";}
.slick-dots li{margin:0 2px !important;}
.slick-dots li button{font-size:0 !important;position:absolute;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;}
.slick-dots li.slick-active button:before{color:#0068c7;}
.bann.slick-dotted .slick-prev{left:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-prev{left:38px;}
.bann.slick-dotted .slick-next{right:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-next{right:38px;}
.bann .slick-prev:before,.bann .slick-next:before{width:36px;height:52px;background:rgba(0,0,0,0.8) url(http://login.114my.cn/memberpic/015508/uploadfile/image/20211023/20211023164114_496103041.png)center no-repeat;line-height: 52px;display: block;top:calc(50% - 26px);font-family:'zxi';}
.bann .slick-prev:before {content: '';display: block;left:0;    transform: rotate(180deg);}
.bann .slick-next:before{content: '';right:0;}

/*搜索*/
.search_bg{height:80px;box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.search_nbg{position: absolute;z-index: 999;top: 530px;height:80px;box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.search_nbg .search{margin:0 auto;}
.search-bg{width:260px;height:36px;overflow: hidden;margin-top:22px;border-radius: 30px;}
.search_l{line-height: 80px;color: #999;}
.search_l dd{font-size:15px;color: #333;display: inline-block;font-weight: bold;}
.search_l a{font-size: 15px;color: #999; padding-right:10px;}
.search_l a:hover{color:#0068c7;}
.search-bg #infoname{width:260px;background:#eee ;outline:none; color:#ccc;border: none;height:36px;line-height:6;font-size: 14px;padding-left: 20px;font-weight: lighter;}
.search_nbg #infoname{width:310px;height: 36px;}
.search-bg{position: relative;}
.search-i{position: absolute;right: 0;top: 0;height: 36px; width:40px; background:#0068c7;padding: 12px;}

.title{ text-align:center; font-size:40px; color:#222222;font-weight: normal;}
.title b{ color:#0068c7;}
.title span{ display:block; font-size:18px; color:#888; margin:10px 0 18px 0;}
.title em{ display:inline-block; height:8px; padding:0 20px; position:relative; z-index:3;} 
.title em i{ display: inline-block; width: 8px; height: 14px; border-radius: 50px; background: #dddddd; animation: bounce_fountainG 1.2s linear infinite;}
.title em i+i{ margin-left:10px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#0068c7;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
@keyframes rolation{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
	} 

/*pro*/
.pro{background:#f8f8f8;padding: 80px 0;}
.pro_nr {
    padding: 60px;
    background: #fff;
    max-width: 1620px;
    min-width: 1300px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;    box-shadow: 0px 8px 65px rgba(191, 191, 191, 0.29);
}
.pro_call li:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.pro_call {width: 100%;flex-shrink: 0;}
.pro_call ul { display: flex;justify-content: space-between;}
.pro_call ul:last-child {margin-top:25px;}
.pro_call li {width: 24%;display: flex;flex-direction: column;align-items: center;overflow: hidden;    transition: 0.5s;}
.pro_call li>a { overflow: hidden; border: 1px solid #f8f8f8;}
.pro_call li img {width:100%;height:auto;transition:0.5s;}
.pro_call li p {width: 100%;background: #f8f8f8;padding: 22px 45px;position: relative;    z-index: 1;}
.pro_call li p:after {content:'>';font-size: 18px;position:absolute;right: 20px;top: 24px;color: #bababa;}
.pro_call li p>a {font-size: 16px;}
.pro_call li br {display:none;}
.pro_call li p:before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    background: #0068c7;
    left: 0;
    top: 0;
    z-index: -1;transition: 0.5s;
}
.pro_call li:hover p:before {
    width: 100%;
}
.pro_call li:hover p>a {
    color: #fff;
}


.title1{width:100%;text-align: center; margin-bottom: 65px;}
.titlea{font-size:40px;line-height:48px; color: #333;position: relative; font-weight: normal;}
.titlea span{color:#333;}
.titleb{font-size:40px;color:#f8f8f8;margin-top:-30px; /*position: relative;*/ text-transform: uppercase;  z-index: -1;
}
.titleb:after {content: "";position: relative;width: 50px;height:3px;background: #0068c7;top:20px;display: block;margin: auto;}

/*产品*/
.tempWrap {width: 100% !important;}
.product{max-width: 1500px;    margin: 80px auto;}
/*.product_con{margin-top: 60px;display: flex;justify-content: space-around;}*/
.progdwz2021 ul{margin-right: 30px;}
.progdwz2021 ul li{width: calc((100% - 30px) / 4);text-align: center;margin-right:20px;}
.progdwz2021 ul li span{margin-top: 30px;text-align: center;width: 100%;height: 60px;line-height: 60px;}
.progdwz2021 ul li span a{font-size: 18px;color: #333; font-weight:100;}
.progdwz2021 ul li img {width: 100%;height: auto;border: 1px solid #eaeef1;}
.progdwz2021 ul li:last-child {margin-right: 0;}

/*adva*/
.adva {padding: 80px 0;overflow: hidden;    background: #f0f0f0;}
.adva_box {max-width: 1500px;margin: 0 auto;}
.adva_tab {display: flex;justify-content: space-between;margin-top: 60px;width: 100%;position:  relative;padding-bottom: 8%;background: url(../uploadfile/image/20220409/20220409214552_1326008839.jpg) no-repeat bottom left;}
.adva_nav {width: 16%;overflow: hidden;}
.adva_nav ul {}
.adva_nav li {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;background: #0068c7;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 50px;}
.adva_nav li.on{background: #ff9500;}
.adva_nav li i {    width: 30px;
    height: 30px;}
.adva_nav li p {font-size: 24px;line-height: 24px;padding-top: 16px;}
.adva_con {width: 84%;}
.adva_big {width: 100%;position:  relative;transition: 0.5s;}
.adva_big+.adva_big {display: none;}
.adva_pic {}
.adva_pic img {width:100%;height:  auto;}
.adva_txt{width: 100%;
    background: #fff;
    position: absolute;
    bottom: -162px;
    left: 0;
    padding: 50px;
    box-shadow: 0 0 20px #ddd;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 100px 0;}
.adva_txt p {display: flex;flex-direction: column;}
.adva_txt p b {font-size: 27px;line-height: 40px;font-weight: normal;}
.adva_txt p span {font-size: 12px;font-family: Arial;color: #ccc;text-transform: uppercase;font-weight:  lighter;line-height:  14px;padding-top: 8px;}
.adva_txt em {font-size:  16px;line-height: 30px;font-weight:  lighter; padding-top: 19px;}
.adva_txt em+em {padding-top:0;}
.adva_txt a {width: 160px;height: 40px;border: 2px solid #0068c7;border-radius: 24px;font-size:  18px;display:  flex;justify-content:  center;align-items:  center;color: #0068c7;margin-top: 25px;}
.adva_btn {display:  flex;position:  absolute;left: 70px;bottom: 42px;    width: 6%;justify-content: space-between;}
.adva_btn:hover i {}
.adva_btn>i {cursor: pointer;font-size: 28px;z-index: 5;display:  flex;justify-content:  center;align-items:  center;color: #999;width: 29px;height: 29px;}
.adva_btn>i:first-child {left: 50px;transform: rotateY(180deg);} 
.adva_btn>i:last-child {}

/*case*/
.case {padding: 80px 0;overflow: hidden;}
.case_box {margin: 0 auto;}
.case_tab {position: relative;margin-top: 50px;}
.case_nav {padding: 30px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.case_nav ul {display: flex;justify-content: space-between;width: 100%;align-items: center;max-width: 1500px;margin: 0 auto;}
.case_nav li {position: relative;width: 17%;display:  flex;justify-content:  center;transition: 0.5s;}
.case_nav li:after {content:'';width:0;height: 1px;background: #0068c7;position: absolute;bottom: -30px;left: 0;transition: 0.5s;}
.case_nav li.on:after {width:100%;transition: 0.5s;}
.case_nav li a {font-size: 20px;font-weight: lighter;}
.case_con {padding-top: 60px;}
.case_call {}
.divdgweb_new_div {display: flex;transform: translateX(-70%);transition:all .5s;}
.divdgweb_new_div_item {display: flex !important; flex-direction: row-reverse;    justify-content: space-between;padding: 0 1%;width: 80%;
    flex-shrink: 0;}
.divdgweb_new_div_item_content {    width: 46%; padding-top:2%;}
.divdgweb_new_div_item_title {position: relative;}
.divdgweb_new_div_item_title:before {content:'';width:40px;height:2px;background:#0068c7;position:absolute;top:70px;left:0;}
.divdgweb_new_div_item_title a:after {content:'了解更多';width:220px;height:40px;border:1px solid #0068c7; position: absolute;top: 228px; left: 0;
display: flex;justify-content: center;align-items: center;  font-size: 16px; color:#0068c7;transition: 0.5s;}
.divdgweb_new_div_item_title:hover a:after{width:400px;transition: 0.5s;background:#0068c7; color:#fff;}
.divdgweb_new_div_item_title a { font-size: 30px; line-height: 40px;}
.divdgweb_new_div_item_body { font-size: 15px; line-height: 30px; padding-top: 10%;  width: 80%;}
.news_div_item_pic {width:50%;}
.news_div_item_pic img {width:100%;height:auto;}
.divdgweb_new_div_item_date {display: none;}
.case_call .divdgweb_new_div_item.on{flex-direction: row;}
.case_btn {display:  flex;justify-content: space-between;position: absolute; bottom: 22px; left: 53%;z-index: 5;width: 6%;}
.case_btn:hover i {}
.case_btn>i {width:50px;height:50px;cursor: pointer;border: 2px solid #f8f8f8;border-radius: 50%;font-size: 20px;color: #999;display: flex;justify-content: center;align-items: center;/* position: absolute; */top: 39%;background: #f8f8f8;}
.case_btn>i:first-child {left: 0;    transform: rotateY(180deg);}
.case_btn>i:last-child {right: 0;}
.case_num {    position: absolute;bottom: 4%;right: 25%; }
.case_num i {    font-size: 32px; font-family: Arial;}

/*tech*/
.tech {padding: 80px 0;overflow: hidden;background: url(../uploadfile/image/20220411/20220411085137_288422691.jpg) center no-repeat;}
.tech_box {margin: 0 auto;}
.tech_con {display: flex;justify-content: space-between;align-items: center;position: relative;}
.tech_con:before {content:'';width: 1px;height: 50px;background: #ddd;position: absolute;left: -18px;top: 17%;}
.tech_con:after {content:'';width: 36px;height: 3px;background: #ff9500;position: absolute;left: 0;top:50%;}
.tech_l {}
.tech_l b {font-size: 26px;text-transform: uppercase;color: #fff;display:  flex;flex-direction:  column;line-height: 40px;}
.tech_l b span {font-size: 18px;color: #5098da;line-height:  22px;padding-top: 5px;}
.tech_l p {font-size: 27px;font-weight:  bold;display:  flex;flex-direction:  column;line-height: 30px;padding-top: 50px;    color: #ffffff;}
.tech_l p span {font-size: 16px;font-weight: lighter;line-height:  30px;padding-top: 7px;}
.tech_r { width: 80%;}
.tech_r ul {display: flex;justify-content: space-between;}
.tech_r li {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 19%;background: #fff;padding: 50px 18px 90px;position: relative; transition: all 0.5s linear;}
.tech_r li:hover {    transition: all 0.5s linear;transform: translate(0,-10px);-webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px); -ms-transform: translate(0,-10px);}
.tech_r li:after {content:'+';width:30px;height: 30px;background: #0068c7;border-radius: 50%;position: absolute;bottom: 35px;left: 42%;font-size: 24px;color: #fff;text-align:  center;line-height: 30px;}
.tech_r li i {font-size: 50px;line-height:  60px;display:  inline-block;color: #0068c7;}
.tech_r li p {font-size: 20px;line-height: 24px;display: flex;flex-direction: column;align-items: center;font-weight:  500;padding-top: 16px;position: relative;    width: 100%;}
.tech_r li p:after {content:'';width: 36px;height: 3px;background: #0068c7;position: absolute;top: 60px;left: 70px;}
.tech_r li p span {font-size: 16px;color: #999;font-weight:  lighter;text-align:  center;line-height: 24px;padding-top: 40px;}

/*about*/
.about {width: 100%;background: #fff; padding: 80px 0 0px;overflow: hidden;position: relative;    z-index: 5;}
.about_box {display: flex;justify-content: space-between;}
.about_txt {width: 41%;position: relative;}
.about_txt:before {content:'';width: 5px;height: 3px;background: #0068c7;position: absolute;top: 20%;left: 0;}
.about_txt:after {content:'';width: 95px;height: 3px;background: #0068c7;position: absolute;top: 20%;left: 10px;}
.about_txt>p {font-size: 35px;display: flex;flex-direction: column;line-height: 36px;font-weight:  bold;}
.about_txt>p>span {font-size: 24px;color: #999;line-height:  30px;padding-top: 20px;font-weight: 100;}
.about_txt em {font-size: 14px;color: #999;line-height: 32px;padding-top: 50px;display:  inline-block;}
.about_pic {position: absolute;top: 120px;right: 0;width: 54.1%;    z-index: -1;}
.about_pic img {height:  auto;}
.about_txt ul {display: flex;height: 168px;position: relative;z-index: 2;width: 133%;margin-top: 87px;}
.about_txt>ul>li{display: flex;flex-direction: column;justify-content: center;align-items: center;background: #0068c7;width: 25%;height: 100%;}
.about_txt>ul>li:nth-child(2n){background: #0059ab;}
.about_txt>ul>li>i {font-size: 42px;color: #fff;transition: all .5s;}
.about_txt li:nth-child(2)>span {font-size: 54px;}
.about_txt>ul>li:hover>i {transform: rotateY(360deg);}
.about_txt>ul>li>p {font-size: 22px;color: #fff;display:  flex;flex-direction:  column;align-items:  center;font-weight:  lighter;line-height: 24px;padding-top: 10px;}
.about_txt>ul>li>p span {font-size: 12px;color: rgba(255,255,255,0.2);text-transform:uppercase;font-family: Arial;line-height: 16px;padding-top: 10px;}

/*新闻*/
.news_bg{width:100%; background: #f8f8f8;margin-top: 80px;}
.news {width: 1400px;margin: 0 auto;}
.news_t{text-align:left; float:left; width:300px;padding: 70px 0 40px 0;}
.news_t dd:after{display:none;}
.news_t p {    font-size: 36px;font-weight:normal;}
.news_t dd {font-size: 18px; color: #999;line-height: 30px; font-weight:100;}
.news_a{width:auto;float:right; margin-top:90px;}
.news_a a{display:block;width:152px;height:46px;line-height: 44px;font-size: 18px;color:#333;float:left;font-weight:100; box-sizing: border-box; text-align:center; margin-left:20px;}
.news_a a.on{background: #0068c7; color:#fff; border:1px  #0068c7 solid;}
.news_b{height:570px !important;margin-top:20px;width: 100% !important;}
.news_box {
    width: 100% !important;
}

.news_box .news_div_item{width:33.334%;height:110px; float:left;position: relative;box-sizing: border-box;background:#fff;margin-left:2%; margin-bottom:16px;}
.news_box .news_div_item:nth-child(1){margin-left:0; }
.news_box .news_div_item:nth-child(-n+2){width:31%;height: 488px; padding:24px;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic img{width:100%;height:274px;border: 1px solid #eee;box-sizing: border-box;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic{position: absolute;top:24px;width:89.362%;display:block;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_date{position: absolute;top:348px;width:83%;font-size:12px;color: #999;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content .news_div_item_title a:after{    content: 'Read more →';
    font-size: 12px;
    color: #222;
    line-height: 40px; position: absolute;
    bottom: -130px;
    width: 100%;
    left: 0;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{display: inline-block;}
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content{position: absolute;top:310px;width:89.362%;}
a.news_div_item_a{font-size:18px !important;color:#333;line-height:40px; position: relative;}
.news_div_item_body{font-size:14px;color:#999;line-height:26px; overflow : hidden; 
  top: ;ext-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}

.news_box .news_div_item:nth-child(-n+2) .news_div_item_body{  -webkit-line-clamp: 2; margin-top:24px; }
.news_box .news_div_item_pic,.news_box .news_div_item:nth-child(n+3) .news_div_item_date{display:none;}
.news_box .news_div_item:nth-child(n+3) .news_div_item_content{width:100%; padding: 26px 34px;}
.news_box .news_div_item:nth-child(n+3) a.news_div_item_a{line-height:30px;}
.news_box .news_div_item:nth-child(n+3):after{content:""; display:block; width:0; height:6px; background:#0068c7; margin-bottom:-6px; transition:0.3s all ease-in-out;}
.news_box .news_div_item:nth-child(n+3):hover::after{width:100%;}


/*底部*/
.links{width:100%; overflow:hidden; padding:40px 0; border-top:1px #eee solid;  line-height: 30px; background:#ffffff;}
.linksW{ max-width: 1400px; margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{ width:10%;}
.links_lm{font-size:18px; line-height:30px; color:#333;}
.links_r{ width:90%; color:#999; padding-left: 30px;}
.links_r a{font-size:15px; color:#999;}

/*copy*/
.wrapper { margin: 0 auto;}
.bqtop{width: 100%; background: #000000;height: 10px; overflow: hidden;position:relative;}
.copy {width: 100%;background: #000000;padding: 100px 0;}
.copy_box {max-width: 1400px; margin: 0 auto;display: flex;justify-content: space-between;align-items:  center;}
.copy_con {width: 50%;position: relative;}
.copy_con ul {display: flex;justify-content: space-between;width: 100%;}
.copy_con li {display: flex;flex-direction: column;}
.copy_con li p {font-size: 18px;color: #fff;line-height:  30px;padding-bottom: 22px;}
.copy_con li a {font-size: 15px;color: #999999;line-height: 28px;margin-bottom: 4px;}
.copy_con li a:hover  {color:#fff;transition:0.5s;}
.copy_int {width: 28%;display: flex;justify-content: space-between;}
.copy_l {padding: 20px;background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;width: 42%;}
.copy_l i {display:  inline-block;width: 100%;}
.copy_l i img {width:100%;}
.copy_l>p {font-size: 15px;line-height: 20px;padding-top: 15px;}
.copy_r {}
.copy_r>p {display: flex;flex-direction: column;font-size:15px;color: #fff;    line-height: 30px; }
.copy_r>p span {font-size: 24px;color: #fff;font-family: Arial;}
.copy_r a {width: 160px;height: 42px;border-radius: 40px;background: #0040e0;display: flex;justify-content: center;align-items: center;font-size: 15px;color: #fff;margin-top: 30px;}


.copyright{padding:28px 0;overflow:hidden;background: #000000;    border-top: 1px solid #333;font-weight: 100;}
.copyright .con{ line-height:30px;font-size:14px;color:#999; text-align:center;}
.copyright a{color:#999;font-size:14px;}
.copyright a:hover{color:#fff;font-size:14x;}
/*-- end footer --*/



/*mol*/
.mol {overflow: hidden;padding:80px 0;}
.mol_box {max-width: 1500px;margin: 0 auto;}
.mol_tit {display: flex;align-items: center;justify-content: center;}
.mol_tit p {font-size: 40px;line-height: 45px;display: flex;flex-direction: column;align-items: center;position: relative;font-weight: lighter;}
.mol_call {margin-top: 60px;overflow: hidden;}
.mol_call .new_web_div2021 {    display: flex;    width: 100% !important;overflow: unset !important;}
.mol_call .tempWrap { width: 100% !important;}
.mol_call ul{ display: flex;justify-content: space-between;    width: 100% !important;flex-shrink: 0;}
.mol_call li {width:19% !important;display: inline-table;overflow:hidden;position:relative;height:100%;box-sizing: border-box;    border: 1px solid #eee;}
.mol_call li>a{display: block;}
.mol_call li>a>img{width:100%;height:auto;}
.mol_call li p {width:100%;height:100%;background: rgba(0,64,224,0.9);;position:absolute;top:0;left:0;transform-origin: center;transition: 600ms;border-radius: 100px 0;    transform: scale(0);}
.mol_call li p a{display:block;font-size:16px;color:#fff;display: flex;align-items: center;justify-content: center;height: 100%;}
.mol_call li:hover p{transition: 600ms;    transform: scale(1);}
.mol_after {display: flex;justify-content: center;align-items: center;}
.mol_after ul {display: flex;justify-content: space-between;width: 4%;}
.mol_after li {width: 10px;height: 10px;border-radius: 50%;background: #5d7db6;transition: 0.5s;}
.mol_after li:hover {width:30px;transition: 0.5s;border-radius: 8px;}