@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: calc(100vw/19.2);
}

html,
body {
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial';
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #fff;
}

img {
    border: 0;
    vertical-align: top;
}

li {
    list-style: none;
}

div,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/*公共样式*/

.c-clear {
     clear: both;
	 width:100%;
	 font-size:0;
}
 

.c-fl {
    float: left;
}

.c-fr {
    float: right;
}

.c-container {
    position: relative;
    margin: 0 auto;
    width: 72.917666%;
}
 
a, a:hover, a:focus {
  text-decoration: none;
}
#c-placeholder {
    height: 120px;
}
/*顶部*/
#c-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    line-height:120px;
    text-align: center;
    color: #fff;
    transition: all 0.5s;
}

#c-header::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    transition: .5s;
}

#c-header.c-style2::before {
    border-bottom: 1px solid #ececec;
}

#c-header a {
    color: #fff;
    transition: all 0.5s;
}

#c-header.c-head-move {
    top: -120px;
}

#c-header.c-style2 {
    color: #333;
    background: #fff;
    border: 0;
}

#c-header.c-style2 a {
    color: #777;
}

#c-header>.c-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 0;
    width: 100%;
	max-width: 1600px;
    margin: auto;
}

#c-header .c-right-box {
    display: flex;
    align-items: center;
}

/*顶部logo*/

#c-header .c-logo {
    display: flex;
    align-items: center;
}

#c-header .c-logo .c-img-box {
    display: flex;
    align-items: center;
}

#c-header .c-logo img {
    height: 38px;
}

#c-header .c-logo img:nth-child(2),
#c-header.c-style2 .c-logo img:nth-child(1) {
    display: none;
}

#c-header.c-style2 .c-logo img:nth-child(2) {
    display: inline-block;
}

#c-header .c-menu img:nth-child(2),
#c-header.c-style2 .c-menu img:nth-child(1) {
    display: none;
}

#c-header.c-style2 .c-menu img:nth-child(2) {
    display: inline-block;
}

/*顶部pc导航*/

#c-header .c-nav {
    display: flex;
    align-items: center;
}

#c-header .c-nav>li {
    position: relative;
    margin-right: 75px;
}

#c-header .c-nav li a {
    position: relative;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#c-header .c-nav>li>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #0042ad;
    transition: .5s;
}
#c-header .c-nav > .on > a::before {
  background: #FFF;
  left: 0;
  width: 100%;
}
#c-header .c-nav li a i {
    margin-left: 8px;
    font-size: 20px;
}

#c-header .c-nav ul {
    position: absolute;
    top: 99%;
    left: 50%;
    display: none;
    width: 150px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#c-header .c-nav ul li {
    border-bottom: 1px solid #eee;
}

#c-header .c-nav ul li:last-child {
    border: 0;
}

#c-header .c-nav ul a {
    color: #777777;
}

#c-header.c-style2 .c-nav li.on>a,
#c-header .c-nav li:hover>a {
    color: #0042ad;
}

#c-header.c-style2 .c-nav li.on>a::before,
#c-header .c-nav>li:hover>a::before {
    left: 0;
    width: 100%;
}

#c-header .c-gn {
  display: flex;
  align-items: center;
}
#c-header .c-gn .c-phone {
  padding: 0 30px;
}
#c-header .c-gn .c-phone {
  position: relative;
}
#c-header .c-gn .c-phone {
  display: flex;
  align-items: center;
  padding: 0 42px;
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right: 1px solid rgba(255, 255, 255, .2);
}
#c-header .c-gn .c-phone .c-ico {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff url(../images/phone.png)no-repeat center / 16px auto;
}
#c-header .c-gn .c-phone span {

  font-size: 24px;
  font-family:Arial;
}
#c-header .c-menu {
  width: 64px;
  height: 120px;
  cursor: pointer;
  transition: .5s;
  line-height:120px;
}
#c-header .c-menu img{vertical-align: middle;}
#c-fixed-nav button {
  float: right;
  height: 50px;
  margin-top:36px;
  padding: 0 30px 0 30px;  
  display: block;
  border: none;
  background-color: #043587;
  background-image: url(../images/search_button.png);
  background-repeat: no-repeat;
  background-position: center;
}
#c-fixed-nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 910;
  width:450px;
  height: 0;
  overflow: hidden;
  transition: all .5s;
  background-color:rgba(255, 255, 255, .5);
  text-align: right;
}
#c-fixed-nav input{width:350px;height:50px;font-size:16px;padding:0 10px 0 10px;  border: 1px solid #043587;}
#c-fixed-nav.on {
  height: 119px;
}

#c-top-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

#c-top-banner {
  position: relative;
  height: auto;
}

.swiper {
      width: 100%;
      height: 100%;
    }

#c-top-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#c-top-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotproducts{width:100%;
height:auto;
background-color:#fafafa;
}
.hotproducts .title{
	width:100%;
	margin:auto;
	text-align:center;
}
.hotproducts .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:4.05vw;text-transform:uppercase;}
.hotproducts .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.hotproducts .title h2 span{color:#000000;}
.hotproducts .product_list{width:100%;height:auto;max-width:1600px;margin:auto;padding-bottom:60px;}
.product_list ul li{width:31.33%;margin-right:3%;float:left;margin-top:50px;}
.product_list ul li:nth-child(3n){margin-right:0}
.product_list ul li .home_product_detail{width:100%;height:auto;}
.product_list ul li .home_product_detail:hover{box-shadow: 0 0 10px 5px #e0e0e0;}
.product_list ul li .home_product_detail img{width:100%;height:auto;}
.product_list ul li .home_product_detail .name{width:100%;padding:20px 0 20px 0;}
.product_list ul li .home_product_detail .name .names{width:70%;float:left;padding-left:40px;}
.product_list ul li .home_product_detail .name .names a{color:#000;font-size:20px;font-weight:bold;}
.product_list ul li .home_product_detail .name .names span a{color:#7f7f7f;font-weight:200;font-size:16px;}
.product_list ul li .home_product_detail .name .more{float:right;line-height:60px;vertical-align: middle;padding-right:40px}

.home_company{width:100%;background-image:url(../images/company_bg.jpg);
background-repeat:no-repeat;
background-position:right top;
background-size:100% auto;height:44vw;max-height:860px;}
.home_company .main{
	width:100%;
	margin:auto;
	max-width:1600px;

	}
.home_company .main .company_detail{width:64%;}	
.home_company .main .company_detail .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:4.05vw;text-transform:uppercase;}
.home_company .main .company_detail .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.home_company .main .company_detail .title h2 span{color:#000000;}
.home_company .main .company_detail .content{margin-top:60px;color:#222222;font-size:16px;line-height:2;margin-bottom:85px;}
.home_company .main .company_detail .content p{margin-top:30px;}
.company_data_detail{margin-top: 4vw;width:70%;}
ul.abo-number{width:100%;}
ul.abo-number li{
  float: left;
  width: 33%;
  text-align: left;
  border-right:1px solid #dcdcdc;
  color:#0042ad;
  padding-left: 5%;
  font-size:30px;
}
ul.abo-number li div{width:100%;
position:relative}

ul.abo-number li:nth-child(3){border-right:0px;}
ul.abo-number li h4{color:#0042ad;font-size:16px;font-weight:400}
ul.abo-number li h3{font-size:70px;font-weight:bold;display: inline-block;line-height:80px;}
ul.abo-number li h5{color:#515151;font-size:16px;text-align:center;font-weight:300}
ul.abo-number li h3:after{content:"+";font-size:38px;font-weight:bold;
position:absolute;top:5px;}
/*cases*/
.home_case1{width:100%;background-image:url(../images/case_bg.jpg);
background-repeat:no-repeat;
background-position:right top;
background-size:100% auto;height:44vw;max-height:850px;}
.home_case1 .main{
	width:100%;
	margin:auto;
	max-width:1600px;
	}
.case_detail{width:100%;position:relative;}
.case_detail .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:3.4vw;text-transform:uppercase;}
.case_detail .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.case_detail .title h2 span{color:#000000;}
.case_list{margin-top:2.6vw;}
.case_list .case_list_home{width:100%;display:none}
.case_list .case_list_home ul li{width: 25.625%;float:left;height:30vw;border-bottom:5px solid #c9c9c9;position:relative;padding:0 1.25% 0 1.25%;}
.case_list .case_list_home ul li:hover{border-bottom:5px solid #0042ad}
.case_list .case_list_home ul li .hover{
	border-radius:20px;width:40px;height:40px;text-align:center;background-image:url(../images/hover.png);
	background-repeat:no-repeat;
	background-position:center center;background-color:#0042ad;
	position:absolute;left:48%;bottom:-22px;display:none;}
.case_list .case_list_home ul li:hover .hover{display:block}
.case_list .case_list_home ul li:nth-child(1){width: 24.375%;/* padding-right:1.25%; */padding-left:0;}
.case_list .case_list_home ul li:nth-child(4){width: 24.375%;padding-left:1.25%;padding-right:0;}

.case_list .case_list_home ul li .casedetail{margin:0 4.87% 0 4.87%;width:90.26%;}
.case_detail .case_categories{padding-top:4.2vw;}
.case_detail .case_categories ul li{float:left;
padding:10px 23px 10px 23px;
border-radius:22px;
min-width:125px;
background-color:#ffffff;
margin-right:26px;
text-align:center;
color:#373737;
cursor:pointer;
}
.case_detail .case_categories ul li a{
color:#373737;
}
.case_detail .case_categories ul li:hover{
background-color:#0042ad;
color:#ffffff;
}
.case_detail .case_categories ul li a:hover{
color:#ffffff;
}
.case_detail .case_categories ul li.cur{
background-color:#0042ad;
color:#ffffff;
}
.case_detail .case_categories ul li.cur a{
color:#ffffff;
}
.case_list_home ul li .h_case_detail{width:100%;padding: 2vw 4.5% 2vw 4.5%;background-color:#FFFFFF;border-radius:8px;}
.case_list_home ul li .h_case_detail a{color:#000000}
.case_list_home ul li .h_case_detail .title{font-size:22px;font-weight:bold;color:#000000;border-bottom:2px solid #f7f7f7;padding-bottom:1vw}
.case_list_home ul li .h_case_detail .title img{float:right;}
.case_list_home ul li .h_case_detail .h_content{margin:0 0 1vw 0;border-bottom:2px solid #f7f7f7;font-size:14px;}
.case_list_home ul li .h_case_detail .h_content div{padding:1vw 0 1vw 0;line-height:22px;font-weight:300;height: 82.38px;
overflow:hidden}
.case_list_home ul li .h_case_detail .h_content img{width:100%;height:auto;margin-top:1vw}
.case_list_home ul li .h_case_detail .h_link{margin-top:1.7vw;}
.case_list_home ul li .h_case_detail .h_link a{width:auto;padding:8px 22px 8px 22px;color:#ffffff;background-color:#0042ad;font-size:14px;font-weight:400;border-radius:4px;}
.case_list_home .h_link img{float:right;margin-top:8px;}


.home_case2{width:100%;background-color:#ffffff;min-height:44vw;}
.home_case2 .main{
	width:100%;
	margin:auto;
	max-width:1600px;
	margin-bottom: 4.5vw;
	}
	
.home_case2 .case_detail{text-align:center;}
.case_detail .case2_categories{padding-top:3vw;}
.case_detail .case2_categories ul li{float:left;
padding:0.9vw 0 0.9vw;
background-color:#ffffff;
text-align:center;
color:#333333;
cursor:pointer;
font-size:20px;
border:2px solid #eeeeee;
width:17.5%;
margin:0 1.5265% 0 1.5265%;

}
.case_detail .case2_categories ul li:nth-child(1){width:17.5%;margin:0 1.5265% 0 0}
.case_detail .case2_categories ul li:nth-child(5){width:17.5%;margin:0 0 0 1.5265%}
.case_detail .case2_categories ul li:hover{
background-color:#0042ad;
color:#ffffff;
}
.case_detail .case2_categories ul li.cur{
background-color:#0042ad;
color:#ffffff;
}
.case2_list_home{width:100%;height:auto;margin-top: 6.3vw;background-color:#f1f1f1;display:none}
.case2_list_home .case_img,.case2_list_home .case_text{width:50%;}
.case2_list_home .case_text{position: relative;}
.case2_list_home .case_img img{width:100%;height:auto;}
.case2_list_home .case_text h2{margin-left:2.6vw;font-size:30px;font-weight:bold;margin-top:2.90vw}
.case_text .case_content{margin-top:1.9vw;font-size:17px;line-height:1.8;margin-left:2.6vw;color:#000;font-weight:400;width: 90%;}
.case_text .case_link{width:100%;height:auto;margin-top:4.166vw;}
.case_text .case_link a{margin-left:2.6vw;}


/*honor*/
.home_honor{width:100%;background-image:url(../images/case_bg2.png);
background-repeat:no-repeat;
background-position:right top;
background-size:100% auto;height:43.25vw;max-height:840px;}
.home_honor .main{
	width:100%;
	margin:auto;
	max-width:1600px;
	}
.honor_detail{width:100%;position:relative;text-align: center;}
.honor_detail .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:3.4vw;text-transform:uppercase;}
.honor_detail .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.honor_detail .title h2 span{color:#000000;}	
.clients {
    width: 100%;
    margin: 4.2vw auto auto auto;
    overflow: hidden;	
}
.home_honor .main .item {
    margin: 3.5vw auto 3.5vw auto;
    width: 150px;
    clear: both;
    height: 55px;
    position: relative;
}
.main .item .button-next, .main .item .button-prev {
    position: absolute;
    top: initial;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 222;
}
.main .item .button-prev {
    background-image: url(../images/left2.png);
    left: 0;
    right: auto;
}
.main .item .button-prev.swiper-button-disabled{background-image: url(../images/left2s.png);}
.main .item .button-next {
    background-image: url(../images/right2.png);
    right: 0;
    left: auto;
}
.main .item .button-next.swiper-button-disabled{background-image: url(../images/right2s.png);}
.swiper-wrapper li.swiper-slide{padding:1.875vw 1.875vw 1.4vw 1.875vw;}
.swiper-wrapper li.swiper-slide .grid{width:100%;height:auto;border-bottom:1px solid #d4d4d4;min-height:16.5vw;height:16.5vw;text-align:center;padding: 0 0 2.3125vw 0;}
.swiper-wrapper li.swiper-slide .grid img{max-width: 100%;
    width: auto;
    height: auto;
	max-width:100%;
	max-height:100%;}
.swiper-wrapper li.swiper-slide .title{width:100%;margin-top:1.3vw;
position:relative}
.swiper-wrapper li.swiper-slide .title a{color:#000}
.swiper-wrapper li.swiper-slide .title a:hover{color:#0042ad;}
.swiper-wrapper li.swiper-slide .title img{width:22px;height:auto;
position:absolute;right:0;top:0;}

.customer{width:100%;clear:both;background-color:#f0f1f5;height:auto;}
.customer .main{
	width:100%;
	margin:auto;
	max-width:1600px;
	}
.customer_detail{width:100%;position:relative;text-align: center;}
.customer_detail .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:3.4vw;text-transform:uppercase;}
.customer_detail .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.customer_detail .title h2 span{color:#000000;}	
.customer .clients{padding-bottom:5.26vw;position: relative;margin: 2vw auto auto auto;}

.customer .clients .swiper-wrapper .swiper-slide .grid {
    margin-top: 1.15vw;
    width: 100%;
    max-height: 129px;
	height: 129px;
	border:1px solid #dcdcdc;
	text-align:center;
	background-color:#FFF;
	display: flex;align-items: center;
}
.customer .clients .swiper-wrapper .swiper-slide .grid img{max-width:100%;max-height:100%;margin: 0 auto;}
.customer .clients .swiper-wrapper .swiper-slide .grid:hover{	
	border:1px solid #5998ff;	box-shadow: 0 0 10px 5px #c4d0e6;
}
.customer .swiper-horizontal>.swiper-pagination-bullets,.customer  .swiper-pagination-bullets.swiper-pagination-horizontal,.customer  .swiper-pagination-custom,.customer .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,43px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
}

/*news*/
.home_news{width:100%;background-color:#ffffff;height:46vw;max-height:890px;}
.home_news .main{
	width:100%;
	margin:auto;
	max-width:1600px;
}

.news_detail{width:100%;}
.news_detail .title h3{font-size:24px;color:#000000;font-weight:200;padding-top:3.4vw;text-transform:uppercase;}
.news_detail .title h2{font-size:36px;color:#0042ad;font-weight:bold;}
.news_detail .title h2 span{color:#000000;}
.news_detail .news_categories{padding-top:4.2vw;}
.home_news_list {
    width: 100%;
    margin: 3.05vw auto auto auto;
    overflow: hidden;	
}
.home_news_list .swiper-wrapper .swiper-slide{width:100%;}
.home_news_list .swiper-wrapper .swiper-slide img{width:100%;height:auto;max-height:350px;}
.home_news_list .swiper-wrapper .swiper-slide h2 {
    width: 100%;
    margin-top: 1.9vw;
    margin-left: 2vw;
	font-weight:500;
}
.home_news_list .swiper-wrapper .swiper-slide .text {
    margin-top: 1.4vw;
    margin-left: 2vw;
    margin-right: 2vw;
	color:#a1a1a1;
}
.home_news_list .swiper-wrapper .swiper-slide h2 a{font-size:18px;color:#000}
.home_news_list .swiper-wrapper .swiper-slide h2 a:hover{color:#0042ad;}
 
.home_news_list .swiper-wrapper .swiper-slide .text a{color:#a1a1a1;font-size:16px;}
.home_news_list .swiper-wrapper .swiper-slide .more{margin-top:1.2vw;color:#0042ad;font-size:14px;margin-left:2.5vw;margin-bottom:1.8vw;  }
.home_news_list .swiper-wrapper .swiper-slide .more a{color:#0042ad;font-size:14px;display: flex;
  justify-content: left;
  align-items: center;}
.home_news_list .swiper-wrapper .swiper-slide .more img{width:auto;height:auto}
.home_news_list .swiper-wrapper .swiper-slide{border:1px solid #efefef;}

.home_news_list .swiper-wrapper li.swiper-slide {
    padding: 0;
}

.news_categories{width:120px;position:relative;}
.news_categories .button-next, .news_categories .button-prev {
    position: absolute;
    top: initial;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 222;
	background-color:#0042ad;
	color:#FFF;
	border:1px solid #efefef;
	line-height:55px;
	text-align:center;
	font-size:24px;
}
.news_categories .button-prev {
    left: 0;
    right: auto;
}
.news_categories .button-prev.swiper-button-disabled,.news_categories .button-next.swiper-button-disabled{
	background-color:#ffffff;
	color:#c2c2c2;
	border:1px solid #efefef;
	}
.news_categories .button-next {
    right: 0;
    left: auto;
}
/*footer*/
.footer1{width:100%;height:22.57vw;max-height:429px;
background-image:url("../images/footer_bg.jpg");
background-repeat:no-repeat;
background-position:left top;

}
.footer1 .main{
	width:100%;
	margin:auto;
	max-width:1600px;
}
.footer2{width:100%;max-height:70px;
height:3.684vw;
border-top:1px solid #779acf;
background-color:#001e72;
}
.footer2 .main{
	width:100%;
	margin:auto;
	max-width:1600px;
	font-size:14px;
	color:#FFF;
	line-height:3.6vw;
	font-weight:300;
}
.footer2 .main a{color:#FFF}

.footer1 .main>ul>li{float:left;margin-top:4.36vw;}
.footer1 .main ul li.f_left{width:28.68%;font-size:14px;}
.footer1 .main ul li.f_center{width:8.06%;}
.footer1 .main ul li.f_right{width:63.25%;}
.footer1 .main ul li.f_left h3{margin-top:1.57vw;margin-bottom:1.2vw;font-size:28px;color:#FFF;font-weight:400}
.footer1 .main ul li.f_left ul li{color:#89b6ff;width:100%;height:auto;margin-top:10px;}
.footer1 .main ul li.f_left ul li img{
    border: none;
    vertical-align: middle;
}
.footer1 .main ul li.f_center img{max-width:80%;height:auto;width:auto;}

.x-nav-menu{
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.x-nav-menu>li {
    width: 20%;
    float: left;
	display: flex;
    justify-content: center;
}
.x-nav-menu>li .name{font-size:18px;font-weight:bold;}
.x-nav-menu>li .name>a{margin-bottom:15px;display: block;}
.x-nav-menu>li .name a{color:#FFF}
.x-nav-menu>li .name a:hover{color:#a8c9ff;}
.x-nav-menu>li .name ul{clear:both;}
.x-nav-menu>li .name ul>li{line-height:1.8;color:#a8c9ff;}
.x-nav-menu>li .name ul>li>a{color:#a8c9ff;font-size:14px;font-weight:400;}
.x-nav-menu>li .name ul>li>a:hover{color:#ffffff;}	
	
@media screen and (max-width: 1800px){
	.home_company .main .company_detail .content {
    margin-top: 30px;
    color: #222222;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 45px;
}
.home_company .main .company_detail .content p{margin-top:25px;}


.case_list_home ul li .h_case_detail {
    width: 100%;
    padding: 1vw 4.5% 1vw 4.5%;
    background-color: #FFFFFF;
    border-radius: 8px;
}
.case_list_home ul li .h_case_detail .title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #f7f7f7;
    padding-bottom: 1vw;
}

.case_list_home ul li .h_case_detail .title img {
    width:30px;height:auto;
}
.case_list_home ul li .h_case_detail .h_content img {
    width: 100%;
    height: auto;
    margin-top: 0.7vw;
}
.case_list_home ul li .h_case_detail .h_content div {
    padding: 0.7vw 0 0.7vw 0;
    line-height: 22px;
    font-weight: 300;
    height: 75px;
	overflow:hidden;
}

.clients {
    width: 100%;
    margin: 3vw auto auto auto;
}

}
@media screen and (max-width: 1600px){
	#c-header .c-logo .c-img-box {
padding-left:15px;
}
.home_company .main{
	min-height:712px;
}
.home_company .main .company_detail{
	padding-left:15px;
}
.home_company .main .company_detail .content{margin-top:25px;color:#222222;font-size:16px;line-height:2;margin-bottom:35px;}
.home_company .main .company_detail .content p{margin-top:20px;}
ul.abo-number li h3 {
    font-size: 65px;
    font-weight: bold;
    display: inline-block;
    line-height: 80px;
}

.case_list_home ul li .h_case_detail {
    width: 100%;
    padding: 1vw 4.5% 1vw 4.5%;
    background-color: #FFFFFF;
    border-radius: 8px;
}
.case_list_home ul li .h_case_detail .title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #f7f7f7;
    padding-bottom: 0.5vw;
}

.case_list_home ul li .h_case_detail .title img {
    width:30px;height:auto;
}
.case_list_home ul li .h_case_detail .h_content img {
    width: 100%;
    height: auto;
    margin-top: 0.5vw;
}
.case_list_home ul li .h_case_detail .h_content div {
    padding: 0.5vw 0 0.5vw 0;
    line-height: 22px;
    font-weight: 300;
   height: 60px;
	overflow:hidden;
}
.home_honor .main .item {
    margin: 2.5vw auto auto auto;
}


}
@media screen and (max-width: 1440px){
#c-header .c-gn .c-phone {
    padding: 0 32px;
}
 #c-header .c-nav>li {
    position: relative;
    margin-right: 50px;
}
#c-header .c-logo .c-img-box {
padding-left:15px;
}
.home_company .main{
min-height:635px;
}
.case_detail .title h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 200;
   padding-top: 3.89vw;
    text-transform: uppercase;
}
.case_detail .title h2 {
    font-size: 30px;
    color: #0042ad;
    font-weight: bold;
}
.home_company .main .company_detail .title h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 200;
    padding-top: 4.05vw;
    text-transform: uppercase;
}
.home_company .main .company_detail .title h2 {
    font-size: 30px;
    color: #0042ad;
    font-weight: bold;
}
.home_company .main .company_detail .content {
    margin-top: 20px;
    color: #222222;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}
ul.abo-number li h3 {
    font-size: 60px;
    font-weight: bold;
    display: inline-block;
    line-height: 70px;
}

.clients {
    width: 100%;
    margin: 2vw auto auto auto;
}
.home_honor .main .item {
    margin: 1.5vw auto auto auto;
}
.customer .swiper-horizontal>.swiper-pagination-bullets, .customer .swiper-pagination-bullets.swiper-pagination-horizontal, .customer .swiper-pagination-custom, .customer .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,35px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
}

.home_news_list {
    margin: 1.5vw auto auto auto;
}
.home_news_list .swiper-wrapper .swiper-slide h2 {
    margin-top: 1vw;
    margin-left: 2vw;
 
}
.home_news_list .swiper-wrapper .swiper-slide h2 a {
    font-size: 16px;
    color: #000;
}
.home_news_list .swiper-wrapper .swiper-slide .text {
    margin-top: 0.5vw;
	font-size: 16px;
}

.news_detail .title h3 {
    padding-top: 2.5vw;
}


.news_categories .button-next, .news_categories .button-prev {
    position: absolute;
    top: initial;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 222;
    background-color: #0042ad;
    color: #FFF;
    border: 1px solid #efefef;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
}
.news_categories {
    width: 100px;
    position: relative;
}

}


@media screen and (max-width: 1320px){
.case_text .case_link {
    width: 100%;
    height: auto;
    margin-top: 2vw;
}
.case_text .case_content {
    font-size: 16px;
}
.case2_list_home .case_text h2 {
    margin-left: 2.6vw;
    font-size: 26px;
}
}
@media screen and (max-width: 1300px){
#c-header .c-gn .c-phone {
    padding: 0 22px;
}
 #c-header .c-nav>li {
    position: relative;
    margin-right: 40px;
}	
#c-header .c-gn .c-phone span {  
    font-size: 20px;
}	
.home_company .main .company_detail .content {
    margin-top: 15px;
    color: #222222;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 25px;
}
ul.abo-number li h3 {
    font-size: 50px;
    font-weight: bold;
    display: inline-block;
    line-height: 60px;
}
.home_company .main .company_detail .content p {
    margin-top: 15px;
}

.company_data_detail {
    margin-top: 2vw;
    width: 70%;
}
.case_detail .case2_categories ul li {

    font-size: 16px;

}
.home_news_list {
    margin: 2vw auto auto auto;
}
.home_news_list .swiper-wrapper .swiper-slide h2 {
    margin-top: 1vw;
    margin-left: 2vw;
 
}
.home_news_list .swiper-wrapper .swiper-slide h2 a {
    font-size: 14px;
    color: #000;
}
.home_news_list .swiper-wrapper .swiper-slide .text {
    margin-top: 0.5vw;
	font-size: 14px;
}
 
.news_categories .button-next, .news_categories .button-prev {
    position: absolute;
    top: initial;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 222;
    background-color: #0042ad;
    color: #FFF;
    border: 1px solid #efefef;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
}
.news_categories {
    width: 100px;
    position: relative;
}


}
@media screen and (max-width: 1200px){
.home_company .main .company_detail .content {
    margin-top: 10px;
    color: #222222;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}
ul.abo-number li h3 {
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    line-height: 50px;
}
.home_company .main .company_detail .content p {
    margin-top: 10px;
}
.footer1 .main ul li.f_left h3 {  
    font-size: 20px; 
}
.x-nav-menu>li .name {
    font-size: 16px;
}
.x-nav-menu>li .name ul>li>a {
    font-size: 12px;
}
.footer1 .main ul li.f_left{width:24.15vw;font-size:12px;}
.footer2 .main {
    font-size: 12px;
}
.news_detail .title h3 {
    padding-top: 2vw;
}
.home_news_list {
    margin: 2vw auto auto auto;
}
.home_news_list .swiper-wrapper .swiper-slide h2 {
    margin-top: 1vw;
    margin-left: 2vw;
 
}
.home_news_list .swiper-wrapper .swiper-slide h2 a {
    font-size: 14px;
    color: #000;
}
.home_news_list .swiper-wrapper .swiper-slide .text {
margin-top: 0.5vw;
font-size: 14px;
max-height: 60px;
overflow: hidden;
}
.news_detail .title h3 {
    padding-top:1vw;
}
.news_detail .title h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 2vw;
    text-transform: uppercase;
}
.news_detail .title h2 {
    font-size: 26px;
    color: #0042ad;
    font-weight: bold;
}
.news_detail .news_categories {
    padding-top: 2vw;
}
.news_categories .button-next, .news_categories .button-prev {
    position: absolute;
    top: initial;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 222;
    background-color: #0042ad;
    color: #FFF;
    border: 1px solid #efefef;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
}
.news_categories {
    width: 100px;
    position: relative;
}
.customer_detail .title h2 {
    font-size: 26px;
    color: #0042ad;
    font-weight: bold;
}
.customer_detail .title h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 2vw;
    text-transform: uppercase;
}

.honor_detail .title h2 {
    font-size: 26px;
    color: #0042ad;
    font-weight: bold;
}
.honor_detail .title h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 2vw;
    text-transform: uppercase;
}
.case_detail .title h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 2vw;
    text-transform: uppercase;
}
.case_detail .title h2 {
    font-size: 26px;
    color: #0042ad;
    font-weight: bold;
}
.case_detail .case2_categories ul li {
    font-size: 14px;
}
.case2_list_home .case_text h2 {
    margin-left: 2.6vw;
    font-size: 18px;
}
.case_text .case_content {
    font-size: 14px;
}
.case_text .case_link img{
  width:120px;height:auto;
}
.case_detail .case_categories {
    padding-top: 2.8vw;
}
.case_detail .case_categories ul li {
    float: left;
    padding: 5px 23px 5px 23px;
}

.home_company .main .company_detail .title h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 4.05vw;
    text-transform: uppercase;
}
.home_company .main .company_detail .title h2 {
    font-size: 26px;
    color: #0042ad;
    font-weight: bold;
}
.hotproducts .title h3 {
    font-size: 20px;
}
.hotproducts .title h2 {
    font-size: 26px;
}
.product_list ul li .home_product_detail .name .names a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.product_list ul li .home_product_detail .name .names span a {
    color: #7f7f7f;
    font-weight: 200;
    font-size: 14px;
}

}
/* 右侧浮窗 */

#c-right-fixed { 
    position: fixed;
    top: 50%;
    right: 5px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-right-fixed a {
    position: relative;
    right: 0;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #777;
    background: #fff;
}

#c-right-fixed a:last-child {
    margin-bottom: 0;
}

#c-right-fixed a:nth-child(3) {
    z-index: 2;
}

#c-right-fixed .c-wrap {
    border: 1px solid #eff1f5;
    padding: 11px 0;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    transition: all .5s;
}

#c-right-fixed .c-wrap img {
    height: 28px;
}

#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-wrap img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}

#c-right-fixed a:last-child .c-title {
    font-family: "Arial";
    font-weight: bold;
}

#c-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #1a50aa;
    color: #fff;
    transition: all .5s;
}

#c-right-fixed .c-img {
    position: absolute;
    right: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

#c-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    right: -8px;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#c-right-fixed .c-img img {
    width: 100%;
}

#c-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}

#c-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}

#c-right-fixed a:hover .c-wrap {
    color: #fff;
    border-color: #0042ad;
    background: #0042ad;
}

#c-right-fixed a:last-child .c-wrap {
    color: #fff;
    border-color: #0042ad;
    background: #0042ad;
}

#c-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 70px;
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    overflow: none;
    background: #0042ad;
}

#c-right-fixed a:hover .c-img {
    right: 84px;
}
@media(max-width:991px){
#c-right-fixed {
    display: none;
}
}