@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}

/*头部样式*/
.head{
    height: 123px;
}
.head0{
    height: 29px;
    border-bottom: 1px solid #eeeeee;
    font-size: 13px;
    color: #808080;
    font-weight: normal;
    line-height: 28px;
}
.logo{
    line-height: 94px;
    float: left;
}
.zyqh{
    float: right;
    margin-right: 9px;
    margin-top: 46px;
    font-size: 18px;
    color: #555555;
    font-weight: normal;
    line-height: 1;

}
.zyqh a{
    color: #555555;
}
.zyqh a.zw{
    color: #125fad;
}

.tnav{
    float: right;
    margin-right: 2.2vw;
    width: 68.75%;
}


/*
#formsearch{width:420px;float:left;margin-left:60px;margin-top:40px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch input{background:#fff;border:1px solid #c8c8c8;float:left;width:260px;outline: none;}
#formsearch input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:44px;height:35px;line-height:35px;text-align:center;background:url(../images/so.png) no-repeat center;color:#fff;border:none;cursor:pointer;}
*/
#menu{
      width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}


.container {
    width: 1200px;
    margin: 0 auto;
}
.xypg-right-content p img{width:100%;}
/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}


/*企业优势*/
.advanbox{

 
  padding:4vh 0 6vh;
  text-align: center;
}
.advan-list {
  margin-top:5vh;
}
.advan-list li a{
  display: block;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0,0,0,.05);
  text-align: center;
  padding:4vh 10%;
  position: relative;
  height: 350px;
  cursor: pointer;
}

.advan-list li a:after{
  position: absolute;
  right:0;
  bottom:0;
  width:0;
  height: 100%;
  content:"";
  background: #125fad;
  border-radius: 5px;
  z-index: 1;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;

}
.advan-list li:hover a:after{
  left: 0;
  width: 100%
}
.advan-list li h3{
  color:#333;
  font-size: 24px;
  font-weight: 600;
  line-height: 2;
  margin:2.5vh 0;
  position: relative;
  z-index: 9;
  top:0;
  transition: all 0.8s;
}
.advan-list li:hover h3{
  top:-100px;
  color:#fff;
}
.advan-list li .intro{
  color:#666;
  font-size: 15px;
  line-height: 2;
  height: 90px;
  overflow: hidden;
  position: relative;
  z-index: 9;
  top:0;
  transition: all 0.8s;
}
.advan-list li:hover .intro{
  top:-100px;
  color:#fff;
  height: 180px;
}
.advisory{
  width: 664px;
  text-align: center;
  display: inline-block;
  background: #fff;
  border-radius: 29px;
  margin-top:5vh;
  padding-left:15px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

/*产品中心*/
.in-pro{
  background: url(//cdn.myxypt.com/48a99d9e/21/04/85f26ef44770160470277beaf78bdb191be2d8f9.png) repeat;
  padding:6vh 0;
}
.x-title{
  color:#333;
  font-size: 36px;
  line-height: 2;
  text-align: center;
}
.x-title p{
  color:#888;
  font-size: 18px;
  line-height: 1.5;
}
.in-pro .content{
  padding:5vh 0 0;
}

.list .owl-carousel {position: relative;}
.pp-list .owl-carousel .banner-item a { display: block;}
.pp-list .owl-carousel .owl-nav .owl-prev { left: -60px;}
.pp-list .owl-carousel .owl-nav .owl-next {  right: -60px;}
.pp-list .owl-carousel .owl-nav button.owl-prev,
.pp-list .owl-carousel .owl-nav button.owl-next {
    outline: none;
    background: #fff;
    position: absolute;top: 50%;
    z-index: 9999;
    border:1px solid #f2f2f2;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.pp-list .owl-carousel .owl-nav button.owl-prev:hover,
.pp-list .owl-carousel .owl-nav button.owl-next:hover {background: #fff;}
.pp-list .owl-carousel .owl-nav .icon-font {  display: block;  width: 100%;height: 100%;}
.pp-list .owl-carousel .owl-nav .icon-left-arrow:after { background-position: 0px -180px;}
.pp-list .owl-carousel .owl-nav .icon-right-arrow:after {background-position: 0px -480px;}
.pp-list .owl-dots {  position: absolute;  z-index: 999;  left: 0;  width: 100%;text-align: center; font-size: 0; bottom: 5%;display:none;}

.in-pro2{
    margin-top: 75px;
}
.in-pro2 .plist li{
    float: left;
    margin: 0 0.15%;
}
.in-pro2 .plist li .img{
    display: block;
    border: 2px solid  #115fad;
    
}
.in-pro2 .plist li .img img{
    width: 100%;
}
.in-pro2 .plist li h3{
    margin-top: 20px;
    font-size: 21px;
    color: #494949;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    
}
.pp-list li{margin:0 10px;position: relative;}
.pp-list li .tm{width:100%;height:100%;position:absolute;left:0px;top:0px}

.pp-list li .tm .ddnn{position:absolute;bottom:45px;width:80%;left:10%;height:50px;overflow: hidden;transition: all .3s;}
.pp-list li .tm .ddnn .hx{
    width: 44px;
    height: 5px;
    background: #fff;
    margin-bottom: 1vw;
}
.pp-list li .tm .ddnn h2{color:#ffffff;font-size:24px;text-align: left;margin:0 auto;line-height: 30px;}
.pp-list li .tm .ddnn span{color:#c5c4c3;font-size:14px;line-height: 28px;text-align: left;display: block;line-height:30px;text-transform: uppercase;}

.pp-list li .mm1{width:90px;line-height:26px;border-radius:20px;background:#125fad;text-align: center;color:#fff;font-size: 14px;height: 26px;margin-top:10px}
.pp-list li:hover .tm .ddnn{height:96px;}



@media (max-width: 1024px) {
  .pp-list li .tm .ddnn h2{color:#ffffff;font-size:20px;text-align: left;margin:0 auto;line-height: 30px;}
  .pp-list li .tm .ddnn span{color:#c5c4c3;font-size:14px;line-height: 28px;text-align: left;display: block;line-height:30px;text-transform: uppercase;}
  
}


@media (max-width: 992px) {
  .pp-list li .tm .ddnn h2{color:#ffffff;font-size:16px;text-align: left;margin:0 auto;line-height: 30px;}
  .pp-list li .tm .ddnn span{color:#c5c4c3;font-size:14px;line-height: 28px;text-align: left;display: block;line-height:30px;text-transform: uppercase;}
  
}

/*公司简介*/
.x-about{
  padding:3.854vw 0 2.0833vw;
  background: url(//cdn.myxypt.com/48a99d9e/21/04/46894a20d487735d9c48bae2ceca8c71d5cb5bcf.png)no-repeat center;
}
.about-left img{
  max-width: 100%;
  height: auto;
}
.about-left iframe{
    max-width: 100%;
  height: 466px !important;
}
@media (max-width: 767px) {
    .about-left iframe{
        max-width: 100%;
        height: 262px !important;
    }
}
.jian{
    display: flex;
    justify-content: center;
    align-items: bottom;
}
.about-right .tit{
    position: relative;
}
.about-right .tit h3{
  color:#333;
  font-size: 36px;
  line-height: 1.2;
  position: relative;
  font-weight: normal;
}
.about-right .tit h3 span{
  color:#125fad;
}
.about-right .en{
  font-size: 40px;
  font-weight: 600;
  color:rgba(51,51,51,.2);
  text-transform: uppercase;
}

.about-right .tit h4{
    font-size: 1.09375vw;
    color: #333333;
    font-weight: normal;
    line-height: 1;
    margin-top: 15px;
}
.about-right .tit .more{
  position: absolute;
  right:0;
  top:50%;
  margin-top: -14px;
  opacity: 1;
}

.about-right .tit .more .img{
  width:39px;
  height: 28px;
  overflow: hidden;
  transition: all .3s;
}
.about-right .tit .more:hover .img{
  background-position:0 -28px !important;
}

.about-right{
  padding-left:25px;
  padding-top: 3vh;

}
.about-cate{
  background: #f4f4f4;
  padding:1.6vw 0;
  margin-top:2.604vw;
}
.about-cate li{
   text-align: center;
}
.about-cate li a{
  display: inline-block;
  color:#666;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding-left:40px;
  transition: all .3s;float:left;margin-left:10%;
}

.about-cate li span{  display: inline-block;
  color:#666;
  font-size: 16px;
  line-height: 30px;float:left}

.about-cate li:hover span{color:#125fad}
.about-cate li:hover a{

   filter: invert(14%) sepia(99%) saturate(6505%) hue-rotate(200deg) brightness(85%) contrast(75%);
}

.about-right .intro{
  color:#333;
  font-size: 16px;
  line-height: 2;
  margin-top:2.604vw;
}


@media (max-width: 1280px) {
  .about-right .intro {
    color: #333;
    font-size: 14px;
    line-height: 2.125;
    margin-top: 5vh;max-height:150px;overflow: hidden;}

}

/*资质荣誉*/
.honor{
  
  margin-top: 2.5625vw;
  display: flex;
  justify-content: space-between;
}
.honor .honhrt{

  width: 20.8125%;
  background: #125fad;
  padding-left: 1.25vw;
  padding-top: 2.5vw;
}
.honor .honhrt h3{
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #ffffff;
}
.honor .honhrt h4{
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 1.25vw;
}

.honor-list{
 
  width: 77.0625%;
}
.honor-item{
  padding:0 18px;
}
.honor-item .img{

}
.honor-item h3{
  color:#666;
  font-size: 16px;
  line-height: 3.75;
  background: #f4f4f4;
  text-align: center;
}
.honor-list .owl-item:hover h3{
  background: #0b9243;
  color:#fff;
}


@media (max-width: 1024px) {
 .honor-item h3 {
    color: #666;
    font-size: 14px;
    line-height: 2.75;
    background: #f4f4f4;
    text-align: center;font-weight:400;
}

}

.jjfa{
    margin-top: 3.6458vw;
}
.jjfat{

}
.jjfat1{
    float: left;
    width: 12.5%;
}
.jjfat1 h3{
    font-size: 1.875vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #333333;
}
.jjfat1 h4{
    font-size: 1.09375vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: rgba(51,51,51,.51);
    margin-top: 1vw;
}
.hxys{
    float: right;
    margin-top:  2.604vw;
    width: 68.75%;
}
.hxys .adv_lis ul{
    display:flex;
}
.hxys .adv_lis ul li{
    
    text-align: left;
    padding: 0 2vw;
}
.hxys .adv_lis ul li h3{
    font-size: 1.1458vw;
    font-weight: bold;
    font-stretch: normal;
    line-height:1.25vw;
    letter-spacing: 1px;
    color: #333333;
}
.hxys .adv_lis ul li span{
    display: none;

}
.hxys .adv_lis ul li.on h3{
     font-size: 1.25vw;
     color: #125fad;
}
.hxys .adv_lis ul li.on span{
    width: 59px;
    height: 5px;
    background-color: #125fad;
    display: block;
    margin-top: 6px;
}
.jjfa2{
    margin-top: 2.1875vw;
    background: url(//cdn.myxypt.com/48a99d9e/21/04/a78e07c6a0415ca902c7dea2cda5cde8cf4f0a68.png)no-repeat center;
    background-size: 100% 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.jjfa2 .jjfa2sx{
    width: 7.375%;
    background: #125fad;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 99;
    padding-top: 2.29vw;
}
.jjfa2 .jjfa2sx span{
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 2px;
    color: #ffffff;
    display: block;
    text-align: center;
}
.jjfa2 .jjfa2sx .five{
    margin-top: 11.979vw;
}
.jjfa2sx .ny{
    width: 29px;
    height: 23px;
    background: url(//cdn.myxypt.com/48a99d9e/21/04/57e04e7841b9f7f857357a0b98a1bb2249a2f9c9.png)no-repeat center;
    display: block;
    margin: 0 auto;
    margin-top: 1vw;

}
.jjfa2sx  .fx{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 8.90625vw;
}
.jjfa2 .swiper-wrapper li{
    display: block;
}
.swiper-container{
    z-index: 99;
    
}
.jjfa2  .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar{
    width: 3px;
    height:9.89vw;
    background: rgba(255,255,255,.24); 
    position: absolute;
    left: 2.96875vw !important;
    z-index: 999;
    top: 4.270vw;
}
.jjfa2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #ededed;
}
.jjfa2 .swiper-wrapper li{
    display: flex;
    padding:  3.4375vw 0 ;
    justify-content: space-between;
}
.jjfa2 .swiper-wrapper li .wz1{
    margin-left: 11.6875%;
    width: 31.25%;
}
.jjfa2 .swiper-wrapper li .tp{
    margin-right: 4.79vw;
}
.jjfa2 .swiper-wrapper li .wz1 h3{
    font-size: 1.66vw;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 3px;
    color: #333333;
}
.jjfa2 .swiper-wrapper li .wz1 h3 span{
    font-size: 2.55vw;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 5px;
    color: #125fad;
}
.jjfa2 .swiper-wrapper li .wz1 h4{
    font-size:16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 2.08vw
}
.jjfa2 .swiper-wrapper li .wz1 img{
    margin-top: 1.875vw;
    width: 100%;
}

.jjfa2  .swiper-button-prev{
    width: 2.65625vw;
    height:2.65625vw; 
    background: url(//cdn.myxypt.com/48a99d9e/21/04/70569c5cc93d03d037ad49e6fefbc87c92c5ea48.png)no-repeat center;
    background-size: 100%;
    left: 12%;
     top: 88%;
}
.jjfa2  .swiper-button-next{
    width: 2.65625vw;
    height:2.65625vw; 
    background: url(//cdn.myxypt.com/48a99d9e/21/04/d14a6c0595a12060697baded090385a70e81d6fb.png)no-repeat center;
      background-size: 100%;
    left: 17%;
    top: 88%;
}
.jjfa2 .swiper-wrapper li .tp{
    width: 48.1875%;
} 
.jjfa2 .swiper-wrapper li .tp img{
    width: 100%;
}

/*新闻中心*/
.x-news{
  background: url(//cdn.myxypt.com/72d8099c/21/03/b7250d5774d9f8c65d682ee59bec057f961bc780.jpg) repeat;
  padding:6vh 0 8vh;
  margin-top: 4.375vw;
}
.news-cate{
  text-align: center;
}
.news-cate a{
  display: inline-block;
  padding:0 25px;
  color:#888;
  font-size: 18px;
  line-height: 2;
  position: relative;
}
.news-cate a:hover{
    color:#125fad;
}
.news-cate a + a:before{
  position: absolute;
  left:0;
  top:0;
  content:"|";
}
.x-news .content{
  margin-top:6vh;
}
.top-news li{
  box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.top-news li img{
  width: 100%;
  height: auto;
}
.top-news li .text{
  background: #fff;
  padding:4vh 5%;
}
.top-news li h3{
  color:#333;
  font-size: 24px;
  line-height: 2;
  transition: all .3s;font-weight: 400;
}
.top-news li:hover h3{
    color:#125fad;
}
.top-news li .time{
  color:#666;
  font-size:14px;
  line-height: 2;
}
.top-news li .intro{
  color:#666;
  font-size:14px;
  line-height: 2;
  margin-top:2vh;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.news-scroll{
      margin-top: -7px;
    padding-left: 45px;
  
}

.news-scroll .draggable{
    overflow: hidden;
}
.news-scroll .slick-slide {
     height: auto;
     margin-bottom: 15px;
}

.news-scroll .slick-con{
  background: #fff;
  padding:7px 2%;
  margin:0px 0;
  cursor: pointer;
 
}
.x-news .slick-vertical .slick-slide{
  border:none;outline:none;
}
.slick-con .time{
  color:#666;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
.slick-con .time:after{
  position: absolute;
  right:15%;
  top:30px;
  font-size: 18px;
  content:"/";
}
.slick-con .time p{
  font-size: 48px;
  font-family: 'Arial';
}
.slick-con .text h3{
  color:#333;
  font-size: 22px;
  line-height: 1.2;
  transition: all .3s;font-weight: 400;
}
.slick-con .text .intro{
  color:#666;
  font-size: 14px;
  line-height: 20px;
  margin-top:.5vh;
}
.slick-con:hover .time,
.slick-con:hover .text h3{
    color:#125fad;
}


@media (max-width: 1024px) {
  .slick-con .text .intro {
    color: #666;
    font-size: 14px;
    line-height: 20px;height:40px;overflow:hidden;margin-top:5px;}

    .top-news li h3{
      color:#333;
      font-size: 20px;
      line-height: 2;
      transition: all .3s;font-weight: 400;
    }
    


}

@media (max-width: 992px) {
       .slick-con .time:after{
  position: absolute;
  right:15%;
  top:30px;
  font-size: 18px;
  content:"";
}

}
 
.x-layout {
  background:#222;
  padding: 6vh 0 5vh;
}
.foot-nav{
  width:64%;
}
.foot-contact{
  width:35%;
}
.foot-code{
  width:22%;
}
.foot-code span{
  display: inline-block;
}


.f-contact{
  color:#bbbbbb;
  font-size: 14px;
  line-height: 2;
}
.f-contact dt{
       font-size: 0.9375vw;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #ffffff;
}
.f-contact .f-num{
  color:#fff;
  font-size: 30px;
  font-family: arial;
}
.f-num p a{color:#bbbbbb;}
.f-contact .f-num p a{color:#fff;}
.x-footer {
  background: #222;
  padding: 3vh 0;
  text-align: center;
  font-size: 14px;
  color: #bbb;
  line-height: 2;
  border-top:1px solid rgba(255,255,255,.1);
}

.x-footer a {
  color: rgba(255, 255, 255, 0.5);
}

.x-footer a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.x-copyright {
  margin: 5px 0;
}

.x-power {
  margin-top: 5px;
}
.x-footer .container-fluid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.x-copyright1{
    float: left;
    text-align: left
}
.x-copyright1 p{
    display: inline-block;
}
@media (max-width: 1600px) {
    .container-fluid{
        padding: 0 30px;
    }
}
@media (max-width: 1200px) {
    .container-fluid{
        padding: 0 15px;
    }
}
@media (max-width: 1300px) {
    .tnav{
        width: 65.75%;
    }
}
@media (max-width: 1100px) {
    .tnav{
        width: 60.75%;
    }
}

@media (max-width: 1200px) {
    .tnav{
        margin-right: 1vw;
    }
    .x-menu > li > a{
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .honor .honhrt h3{
        font-size: 26px;
    }
    .honor .honhrt h4{
        font-size: 18px;
    }
}

@media (max-width: 991px) {
  body {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
   body {
    padding-bottom:50px;
    } 
}
@media (max-width: 768px) {
    .honor{
        flex-wrap:wrap;
        
    }
    
    .honor .honhrt{
        width:100%;
        padding:20px 0;
        text-align:center;
    }
    .honor-list{
        width:100%;
        margin-top:20px;
    }
    .jjfat1 h3{
        font-size:7vw;
        line-height:1.5;
    }
    .jjfat1 h4{
        font-size:3vw;
        line-height:1.5;
    }
    .hxys .adv_lis ul li h3{
        font-size:14px;
    }
    .hxys .adv_lis ul{
        justify-content:space-between;
    }
    .hxys .adv_lis ul li{
        padding:0 5px;
    }
    .jjfat1{
        width:22%;
    }
    .hxys{
        width:75%;
    }
    
}
@media (max-width: 767px) {
    .foot-contact{
        width:100%;
        text-align:center;
    }
}
@media (max-width: 640px) {
    .jjfat1{
        width:100%;
        text-align:center;
    }
    .hxys{
        width:100%;
        margin-top:10px;
    }
    .hxys .adv_lis ul{
        flex-wrap:wrap;
        justify-content:center;
    }
    .hxys .adv_lis ul li{
        margin-bottom:10px;
        width:33%;
    }
    .jjfa2 .jjfa2sx{
        display:none;
    }
    .jjfa2 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar{
        display:none;
    }
    .jjfa2 .swiper-wrapper li .wz1{
        margin-left:2%;
        width:98%;
    }
    .jjfa2 .swiper-wrapper li .tp{
        width:100%;
    }
    .jjfa2 .swiper-wrapper li{
         flex-wrap:wrap;
    }
    .foot-contact{
        width:100%;
        text-align:center;
    }
    .pp-list li .tm .ddnn{
        bottom: 0px;
    }
    .pp-list li .mm1{
        display:none;
    }
    .about-right .tit h4{
        font-size:18px;
    }
    .jjfat1 h4{
        font-size:18px;
    }
    .hxys .adv_lis ul li h3{
        font-size:16px;
        line-height:1.5;
    }
    .hxys .adv_lis ul li.on h3{
        font-size:16px;
    }
    .hxys .adv_lis ul li.on span{
        display:none;
    }
    .jjfa2 .swiper-wrapper li .wz1 h3{
        font-size:16px;
    }
    .jjfa2 .swiper-wrapper li .wz1 h3 span{
        font-size:16px;
    }
    .x-copyright2{
        display:none;
    }
    .fta{
        display:inline-block;
    }
     .ftb{
        display:inline-block;
    }
    .about-cate li{
        display:block;
        float:left;
        width:50%;
    }
    .jjfa2 .swiper-wrapper li .wz1 h4{
        font-size:14px;
    }
    
    .f-contact dt{
        font-size:24px;
    }
    .f-contact .f-num{
        font-size:20px;
    }
    .x-footer .container-fluid{
        justify-content:left;
    }
    .x-title{
        font-size:24px;
    }
    .x-title p{
        font-size:16px;
    }
    .about-right .tit h3{
        font-size:24px;
    }
}
li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(//cdn.myxypt.com/48a99d9e/21/04/1030d794630da1dfb1d2f2da2ebfc81b112f7389.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(//cdn.myxypt.com/48a99d9e/21/04/61c06d65c06ce2f3ed93e190c86d989bda8f5f4d.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(//cdn.myxypt.com/48a99d9e/21/04/ba2aced6d8c2e45d83ee9c42fb90e6595878be05.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}