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

@font-face {
font-weight: 400;
font-style: normal;
font-family: "Open Sans";
src: url(/Templates/default/style/opensans.eot);
src: url(/Templates/default/style/opensans.eot?#iefix) format('embedded-opentype'),
     url(/Templates/default/style/opensans.woff2) format('woff2'),
     url(/Templates/default/style/opensans.woff) format('woff'),
     url(/Templates/default/style/opensans.ttf) format('truetype'),
     url(/Templates/default/style/opensans.svg#OpenSans) format('svg');
font-display: swap;
}

body {
    font-size: 12px;
    background-color: white;
    font-family: "Open Sans", Arial, sans-serif;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.banner_img .swiper-slide {  overflow: hidden;}
.banner_img .swiper-slide img {
  width: 100%;
  display: block;
  animation: scaleBg 8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@keyframes scaleBg {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.banner_img .swiper-slide-prev img,
.banner_img .swiper-slide-next img {
  animation: none;
  transform: scale(1.15);
}
.banner_img .swiper-slide-active img {
  animation: scaleBg 8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.w1500{ width:1500px;}
.w1400{ width:1400px;}

.head_language{}
.head_language a{ background:url(head_language.jpg) no-repeat center; width:142px; line-height:38px; color:#FFF; font-size:18px; padding-left:8px;}

.home_title{ margin-bottom:25px; clear:both; overflow:hidden; width:100%;}
.home_title h2{ color:#333; font-size:40px; font-weight:bold; line-height:1.5; text-transform: capitalize;}
.home_title p{ font-size:16px; color:#474747; line-height:26px; width:70%; margin:0 auto;}
.home_title img{ width:auto; max-width:100%; margin-bottom:15px;}

.about_bg{ clear:both; overflow:hidden; background: url(about_bg.jpg) no-repeat bottom center; padding-top:60px; padding-bottom:115px; margin-bottom:60px;}
.about_left{ width:612px; text-align:left; margin-bottom:54px; padding-top:30px;}
.about_left h3{ font-size:40px; color:#000000; font-weight:bold; line-height:1.5; margin-bottom:30px;}
.about_left p{ font-size:18px; color:#171717; line-height:28px;text-align: justify; margin-bottom:50px; }
.about_left a{ width:147px; line-height:40px; font-size:22px; color:#ffffff; background:url(about_more.jpg) no-repeat center; padding-left:25px; text-transform:uppercase; border-radius:40px;}
.about_ul{ background:#FFF;display: flex;flex-wrap: wrap; border:1px solid #d2d2d2; width:750px; padding:20px;}
.about_ul li{}
.about_ul li div{display: flex; justify-content: center;}
.about_ul li p{ font-size:60px; color:#eb0014; font-weight:bold;}
.about_ul li em{ font-size:28px; color:#eb0014; font-weight:600;}
.about_ul li span{ font-size:18px; color:#000000; text-transform:uppercase;}
.about_li01{ width:30%; border-right:1px solid #d2d2d2;}
.about_li02{ width:30%; border-right:1px solid #d2d2d2;}
.about_li03{ width:40%;}

.pro_bg{ clear:both; overflow:hidden; padding:35px 0;}
.pro_top{display: flex;flex-wrap: wrap;align-items: center; margin-bottom:30px;}
.pro_top_left{ text-align:left;}
.pro_top_left h2{ color:#000000; font-size:40px; font-weight:bold; line-height:1.5; margin-bottom:20px; padding-bottom:15px; position:relative;}
.pro_top_left h2:before{width:200px; height: 3px; background-color: #333;content: ""; position: absolute; bottom: 0;}
.pro_top_left_model{font-size: 28px; line-height:36px; margin-bottom:20px;}
.pro_top_left span{ display:block; font-size:18px; color:#eb0014; line-height:1.5; margin-bottom:20px;}
.pro_top_left_shuoming{font-size:16px;line-height:1.5;}
.swiper-pro{ overflow:hidden;}
.swiper-pro .swiper-slide{}
.swiper-pro .swiper-slide img{ margin-bottom:15px;}
.swiper-pro .swiper-slide h3{ font-size:18px; line-height:26px; color:#5c5c5c; z-index:19; position:relative;}
.swiper-pro .swiper-slide a{overflow:hidden;display:block;position:relative;}
.swiper-pro .swiper-slide a img{display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.swiper-pro .swiper-slide a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.three_index{ clear:both; overflow:hidden;}
.three_index .w1400{ padding:25px 0; clear:both; overflow:hidden;}
.three_ul{display: flex;flex-wrap: wrap;}
.three_ul li a{overflow:hidden;display:block;position:relative;}
.three_ul li a img{display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.three_ul li a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.partner_index{ padding-bottom:35px; clear:both; overflow:hidden; padding-top:35px;}
.partner_img{ clear:both; position:relative; height:566px; }
.partner_left{ position:absolute; left:0; z-index:9; top:26px;}
.partner_right{ position:absolute; right:0; z-index:8;top:0px;}
.partner_img img{ width:auto; max-width:100%;}

.news_bg{ background:#f4f4f4; clear:both; overflow:hidden; padding:65px 0px 65px 0px;}
.swiper-news{ overflow:hidden;}
.swiper-news .swiper-slide{ text-align:left;}
.swiper-news .swiper-slide a{ display:block;}
.swiper-news .swiper-slide img{ margin-bottom:14px;}
.swiper-news .swiper-slide h3{ font-size:18px; line-height:26px; overflow:hidden; color:#5c5c5c; font-weight:bold; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:15px;}
.swiper-news .swiper-slide p{ font-size:14px; color:#5d5d5d; line-height:22px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  margin-bottom:14px; overflow:hidden;}
.swiper-news .swiper-slide span{ padding-top:20px;border-top:2px solid #dadada; font-size:16px; color:#2c2c2c; line-height:26px; background:url(news_time.png) no-repeat center right; width:100%;}
.swiper-news .swiper-slide:hover h3{ color:#eb0014;}
.swiper-news .swiper-slide:hover span{ background:url(news_time_h.png) no-repeat center right;}

.liuyan_bg{ background: url(liuyan_bg.jpg) repeat-x top center; clear:both; overflow:hidden;}
.liuyan_bg .w1400{ background:url(liuyan_bg.png) no-repeat center; padding:50px 100px 50px 100px; background-size:contain;}
.liuyan_bg p{ font-size:40px; font-weight:bold; color:#FFF; text-align:left; line-height:1.5;}
.liuyan_bg ul{ padding-top:57px;}
.liuyan_bg ul #facebook{ width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.liuyan_bg .liuyan_li{ width:32.5%; margin-bottom:44px;}
.liuyan_li02{ width:100%; margin-bottom:70px;}
.liuyan_bg .form-control{ background:none; border:none; border-bottom:1px solid #fff; border-radius:0; font-size:20px; color:#ffffff; line-height:32px; padding:0;}
.liuyan_bg ul input::-webkit-input-placeholder{ color:#FFF; font-size:20px;}
.anniu_lxfs{ font-size:16px; color:#FFF; text-transform:uppercase; width:104px; line-height:28px; background:#eb0014; border:2px solid #aeb0b1; border-radius:28px; margin:0 auto; }

.foot_bg{ background:#2c2d2f; clear:both; overflow:hidden; padding-top:75px;}
.foot_bg .w1568{ width:1600px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.foot_logo{ padding-bottom:64px; width:100%; border-bottom:1px solid #393939;}
.foot_logo img{ width:auto; max-width:100%;}
.foot_center{ width:100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.foot_center_left{ width:69.5%; padding-right:20px; padding-bottom:24px; border-right:1px solid #393939;display: flex;flex-wrap: wrap; padding-top:45px; justify-content: space-between;}
.foot_ul{ text-align:left;}
.foot_ul h3{ font-size:36px; font-weight:bold; color:#ffffff; line-height:44px; margin-bottom:10px;}
.foot_ul li{ margin-bottom:10px; }
.foot_ul li a{ font-size:16px; color:#b8b8b8; line-height:22px; display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.foot_add{ width:280px; text-align:left; background:url(foot_add.jpg) no-repeat left top 9px; padding-left:35px;}
.foot_add h3{ font-size:36px; font-weight:bold; color:#ffffff; line-height:44px; margin-bottom:10px;}
.foot_add p{ font-size:16px; color:#b8b8b8; line-height:30px;}
.foot_lxfs{ width:29%;display: flex;flex-wrap: wrap;}
.foot_lxfs li{ text-align:left;display: flex; align-items: center; margin:24px 0; justify-content: center; width:100%;}
.foot_lxfs li img{ width:161px; margin-right:24px; border-radius:100%;}
.foot_lxfs li h6{ font-size:32px; color:#FFF; font-weight:bold;}
.foot_lxfs li p{ font-size:22px; color:#FFF;}
.foot_lxfs li span{ font-size:20px; color:#FFF; display:block;}
.foot_fx{ width:200px;display: flex; margin-top:50px;}
.foot_fx li{ margin-right:7px;}

.footer_bottom{ padding:15px 0 15px 0; width:100%; border-top:1px solid #393939;}
.footer_bottom p{ font-size:16px; color:#FFF; line-height:26px;}
.footer_bottom a{ font-size:16px; color:#FFF; line-height:26px;}


@media (max-width: 1600px) {
.foot_bg .w1568{ width:100%; padding:0 15px;}
}

@media (max-width: 1500px) {
.w1500{ width:100%; padding:0 15px;}
.foot_center_left{width: calc(100% - 450px);}
.foot_lxfs{ width:430px;}
}

@media (max-width: 1400px) {
.w1400{ width:100%; padding:0 15px;}
.foot_lxfs li span{ font-size:18px;}
.foot_lxfs li p{ font-size:22px;}
.foot_lxfs li h6{ font-size:30px;}
}

@media (max-width: 1200px) {           
.news_bg{ padding:45px 20px 60px 20px;}
.liuyan_bg p{ font-size:50px;}

}

@media (max-width: 992px) { 
.home_title{ margin-bottom:40px;}
.home_title h2{font-size:46px;}
.home_title p{ width:95%;}
.about_ul{ width:100%;}
.liuyan_bg .w1400{ padding:30px 20px; }
.foot_center_left{width:100%; padding-right:0px; border:none;}
.foot_lxfs{width:100%;}

}

@media (max-width: 768px) {
.home_title h2{font-size:38px;}
.about_bg{ padding-top:30px; padding-bottom:30px; background: url(about_sjbg.jpg) no-repeat bottom center; margin-bottom:0px;}
.about_left{ width:100%;}
.about_ul li p{ font-size:50px;}
.about_ul{ padding:25px 12px;}
.about_left h3{ font-size:40px; margin-bottom:20px;}
.news_bg{ padding:30px 15px 30px 15px;}
.foot_ul{ display:none;}
.foot_bg{ padding-top:35px;}
.foot_logo{ padding-bottom:25px;}
.three_ul li{ margin-bottom:15px;}

}

@media (max-width: 665px) {
.liuyan_bg p{ font-size:26px; line-height:35px;}
.liuyan_bg .liuyan_li{ width:100%; margin-bottom:20px;}
.liuyan_bg ul{ padding-top:25px;}
.liuyan_li02{ margin-bottom:30px;}
.foot_add{ width:100%;}
.foot_fx{ width:100%;justify-content: center;}

}
@media (max-width: 425px) {
.about_ul li span{ font-size:16px;}
.about_ul li p{ font-size:36px;}
.about_ul li em{ font-size:20px;}
.about_ul{ padding:20px 0px;}
.partner_img img{ position:inherit; top:0; margin-bottom:25px;}
.liuyan_bg p{ font-size:20px; line-height:28px;}
.foot_lxfs li img{ width:140px;}
.foot_lxfs li span{ font-size:16px;}
.foot_lxfs li p{ font-size:20px;}
.foot_lxfs li h6{ font-size:26px;}

}