.con{
    margin: 0 auto;

    min-width: 1200px;
}
.swiper-container2{width:100%;height: calc(100vh - 50px);}
.banners .swiper-slide {
    background-position: center center;    background-size: cover;
}
.everycon h3 a{ color:#fff;}
.aboutbanner{
    margin-top: 50px;
}
body{
    background: #F5F5F5;
}
a{
    text-decoration: none;
    cursor: pointer;
}
.mlogo{
    float: left;
    display: none;
}
.mlogo2{
    float: left;
}
.banners{
height:100%;
    width:100%;
    margin: 0 auto;
    border-top: 1px solid #f6f6f6;
margin-top:50px;

}
.banners .swiper-pagination2{
    position: absolute;
    bottom: 20px;
    z-index: 10;
    text-align: center;
    padding-right: 29px;
    width: 95%;
}
.banners .swiper-pagination2 span{
    height:10px;
    width: 10px;
    border-radius: 50%;

}
.banners .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 0%;
    background: #fff !important;
    opacity: 1;
    /*background: rgba(255,255,255,2);*/
}
.banners .swiper-pagination-bullet-active {
    opacity: 1;
    background: #333 !important;
}
.banners img{
    width: 100%;
}

/*.kaopu*/
.kaopu{
    width: 80%;
    margin: 0 auto;
}
.banners3{
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}
.banners3 .swiper-pagination3{
    position: absolute;
    bottom: 2px;
    z-index: 10;
    text-align: center;
    padding-right: 29px;
    width: 100%;
}
.banners3 .swiper-pagination3 span{
    height:10px;
    width: 10px;
    border-radius: 50%;

}
.banners3 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 0%;
    background: #ddd !important;
    opacity: 1;
    /*background: rgba(255,255,255,2);*/
}
.banners3 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #333 !important;
}
/*title*/
.title{
    width: 100%;
    text-align: center;
    margin: 30px auto;
}
.title h2{
    font-size: 30px;
    font-weight: 700;
}
.title p{
    font-size: 14px;
    color: #000;
}

/*app*/
.app{ position: relative;}
.appimg{ width:100%;}
.app h2{font-size: 35px;
    
    color: rgb(29, 29, 31);position: absolute; top: 29%;
    right: 17%;
    width: 350px;}
.appms{position: absolute;top: 39%;
       right: 118px;    text-align: center;}
.appms p{font-size: 28px;
    font-family: arial;
   
    color: rgb(29, 29, 31);}
.lianjie{position: absolute;
    width: 258px;
    bottom: 80px;
    right: 34%;}
.lianjie a{ margin:10px 0;    display: block;}
.appmenu{ max-width: 1000px; width:100; margin:0 auto;}
.appmenu h3{    font-size: 52px;
    line-height: 110%;
    color: rgb(27, 27, 31); text-align: center; margin: 50px 0;font-family: Arial,微软雅黑;}
.appnr{ position: relative;}
.appnr .wenzi{position: absolute;
    top: 69px;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    left: 108px;}
.wenzi p{    font-size: 32px;
    color: rgb(27, 27, 31);
    line-height: 115%;}
.appnr img{ width:100%;}
/*xinpin*/
.xinpin{

    width: 88%;

    margin: 0 auto;

    overflow: hidden;
}
.xinpinlist{

    display: block;

    width:31.2%;

    float: left;

    margin: 1%;
}
.xinpinimg{

    text-align: center;

    font-size: -2em;
}
.xinpinimg img{

    width: 100%;
}
.xinpinname{

    font-size: 1.5em;

    text-align: center;

    margin: 10px 0 5px;

    color: #000;
}
.des{

    text-align: center;

    color: #666;

    font-size: 13px;
}
/*xilie*/
.xilie{width: 1200px;margin: 0 auto;border-bottom: 1px solid #f6f6f6;}
.xilie:last-child{
    border: none;
}
.xilietop{

    overflow: hidden;

    width: 100%;

    margin: 0 auto;
}
.xilietop a{display: block;float: left;margin: 0;width: 100%;text-align: center;}
.xilietop a img{width:100%;}
.xilietiotit{

    width: 97%;

    margin: 15px auto;
}
.xilietiotit h2{

    font-size: 3em;
}
.xilietiotit p{

    font-size: 14px;

    margin: 2px 0;
}
.xiliebottom{overflow: hidden;width: 100%;margin: 0 auto;}
.xiliebottom a{

    display: block;

    float: left;

    width: 23%;

    margin: 1%;
}
.xiliebottomimg img{

    width: 100%;
}
.xiliebottomname{

    font-size: 18px;

    margin: 20px 0;

    text-align: center;
}
/*sousuo*/
.jingpinsearch{background: url("../image/storebg.png") no-repeat;overflow: hidden;height: 300px;background-size: 100% 100%;}
.jingpinsearch h2{
    font-size: 28px;
    margin-top: 100px;
    text-align: center;
}
.searchjp{overflow: hidden;width: 200px;border: 1px solid #000;height: 40px;text-align: center;border-radius: 28px;margin: 18px auto;line-height: 40px;}
.searchjpL{

    float: left;

    height: 60px;

    width: 80%;

    /* border-radius: 20px; */
}
.searchjpL input{

    height: 57px;

    background: #fff;

    border: none;

    outline: none;

    width: 100%;

    padding-left: 67px;

    margin-left: 10px;

    border-radius: 28px;

    font-size: 20px;

    border: none;

    padding-left: 25px;
}
.searchjpR{

    width: 20%;

    float: left;

    height: 60px;
}
.searchjpR input{

    background: #000 url(../image/search2.png) no-repeat center;

    width: 100%;

    height: 60px;
}
/*footer*/
.footer1{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;    text-align: center;
}
.footeritem{
    width: 25%;
    float: left;
}
.footeritem a{
    display: block;font-size: 14px;
    line-height: 26px;
}
.footeritem a img{ width:120px;}
.footeritem h4{ font-size: 18px; padding-bottom: 18px;}
.footer2{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 20px auto;
    padding: 20px 0;
}
.footer{width: 100%;overflow: hidden;background: #fff;padding: 50px 0;}
.footerlist{
    float: left;
    width: 33%;
    text-align: center;
}
.dzyou{

    text-align: center;

    margin-top: 87px;

    color: #fff;

    font-size: 16px;
}

.link-list {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: .9375rem;
    line-height: 2.67;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    color: #fff;
}
.footer-blocks-block a{
    color: #fff;
}
.legal-notice{
    width: 50%;
    margin: 20px auto;
    text-align: left;
    color: #ddd;
    line-height: 23px;
}
.footer-blocks-block{

}
.legal-notice-line{

}
.link-list-item:hover {
    font-weight: 700
}
.guanzhu{

    color: #fff;

    font-size: 14px;

    margin: 20px 0;
}
.weibo{

}
.weibo img{

    /* border-radius: 50%; */
}
.line{

    border-top: 1px solid #fff;

    width: 73px;

    margin: 20px auto;
}
.contry{

}
.banners4{
    display: none;
}
.contry select{

    width: 325px;

    height: 45px;

    font-size: 20px;

    border-radius: 30px;

    padding-left: 21px;
}
.footer {
    /* background: #1c1d1e; */
    padding: 40px 0;
}
.msearch{
    display: none;
}
.pcsearch{
    display: block;
}
.footer .flogo {
    text-align: center
}

.footer .fnav {
    line-height: 30px;
    padding: 30px 0;
    text-align: center
}

.footer .fnav a {
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    color: #f2f2f2
}

.footer .banq {    font-size: 14px;
    /* padding: 30px 0; */
    /* border-top: 1px solid #444; */
    text-align: center;
    /* line-height: 25px; */
    color: #000;
}

.footer .banq a {
    font-weight: 700;
    color: #8cd635
}
/*suppot*/
.suppot{ width:100%;text-align: center;    margin: 30px 0;}
.suppot h3{font-size: 48px;    font-family: arial;}

.sulist{ max-width: 1000px;width: 100%; margin: 20px auto;display: flow-root;}
.sulist ul li{ float: left;    width: 33.33333%;  text-align: center;  }
.sulist ul li a{ background: #fff;width: 90%; display: block;    height: 288px;    margin: 0 auto;}
.sulist ul li img{ width:100px;    padding: 50px 0;}
.sulist ul li p{font-size: 24px;
    color: rgb(106, 106, 106);
 }
.sunr{ text-align:left; max-width: 1000px;width:96%;     display: inline-block; font-size: 14px; line-height: 25px;}
.sunr h4{ margin:20px 0;    font-size: 24px;
    line-height: 150%;
    font-family: arial;
    color: rgb(29, 29, 31);}
/*list*/

.listTit{

    width: 1000px;
    text-indent: 10px;
    margin: 20px auto;

    border-left: 4px solid #FFC916;

    font-size: 30px;
}
.biaolist{

    width: 1000px;

    margin: 0 auto;
}
.biaoone{
    background: #fff;
    position: relative;
	    display: flow-root;
    width: 100%;

    margin: 10px 0;
}
.biaoone >a{

    width: 100%;
}
.biaoone >a img{
  float: right;
    width: auto;
    height: 100%;
    max-width: 400px;
}
.clear{ clear:both;}
.biaotwo .biaoone a img{     max-width: 260px;
    height: auto;}
.biaodes{position: absolute;top: 26%;left: 10%;}
.biaodes h2{

    line-height: 34px;

    font-size: 28px;

    font-family: arial;

    color: rgb(29, 29, 31);
}
.biaodes p{

    line-height: 55.2px;

    color: rgb(29, 29, 31);

    font-size: 24px;
}
.biaodes a {

    color: rgb(224, 36, 59);

    font-size: 22px;

    line-height: 100%;

    margin-top: 30px;

    display: inline-block;
}
.biaotwo{

    /* display: flex; */
}
.biaotwo .biaoone{
    width: 49%;
    float: left;
    margin-right: 2%;
}
.biaotwo .biaoone:nth-child(2n){
    margin-right: 0;
}
.biaotwo .biaoone p{
    width: 50%;
    font-size: 14px;
    line-height: normal;
    margin-top: 23px;
}

/*about*/
.aboutbanner{
    position: relative;
    width: 100%;
    display: flex;
}
.aboutbanner img{
    width: 100%;
/*    height: 480px;*/
}
.bannertxt{
    position: absolute;
    width: 100%;
/*    height: 100%;*/
    text-align: center;
    top: 45%;
    left: 0;
    color: #fff;
   
    font-size: 30px;
    align-self: center;

}

.aboutcompany{
    width: 1200px;
    margin: 0 auto;
}
.aboutcompany h2{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 30px 0;
}
.aboutcompany p{
font-size: 14px;    line-height: 26px;
}
.xm{

    overflow: hidden;

    width: 90%;

    margin: 0 auto;
}
.xmitem{
    float: left;
    width: 23%;
    margin: 1%;
}

.xmitem h2 img{

    width: 100%;
}
.xmname{
    height: 40px;
    text-align: center;
    background: #FFC916;
    line-height: 40px;    font-size: 14px;

}
.dd p{    margin: 10px auto;max-width: 1000px;}
.dd img{ width:100%;}
/*about*/

/*contact*/
.content{
    width: 1200px;
    margin: 0 auto;
}
.justify_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.topView{
    position: relative;
    height: 7.336em;
    width: 100%;
    background: url(..//template/pc/img/about_bj.png) no-repeat center;
    background-size:cover;
}
.textWrap{
    position: absolute;
    left: 4.72em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #fff;
}

.textWrap h4{
    font-size: 0.68em;
}
.textWrap p{
    font-size: 0.68em;
    font-weight: bold;
}
.content{
    width: 1200px;
    margin: 0 auto;
}
.textCont{
    position: relative;
}
.textCont p{
    font-size: 18px;
    line-height: 32px;
}
.textCont .title{
    font-size: 24px;
    font-weight: bold;
    padding: 50px 0;

}
.textCont .title span{
    position: relative;
}
.textCont .title span::after{
    content: "";
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
    border-radius: 10px;
}
.iconItem{
    background-color: #fff;
    width: 380px;
    margin-bottom: 35px;
    padding: 30px 0 15px;
    border-radius: 12px;
}
.contact {
    font-size: 16px;
    margin-bottom: 30px;
}
.contact .title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 12px;
}
.top{
    padding-left: 26px;
    font-size: 18px;
    display: flex;
}
.top .t_title{
    padding-left: 24px;
}
.top .t_title p{
    color: #005DDB;
    padding-top: 6px;
}
.contact .detail{
    padding-top: 16px;
    padding-left: 26px;
    font-size: 15px;
    line-height: 30px;
}
.mapWrap{
    padding: 30px;
    background-color: #fff;
}
.mapWrap .map{
    width: 100%;
    height: 535px;
    background-color: #ccc;
}
.mapWrap .items {
    padding-top: 50px;
}
.textItem img{
    padding-bottom: 35px;
}
.textItem h4{
    font-size: 24px;
    padding-bottom: 18px;
}
.textItem .table{
    display: table;
    font-size: 16px;
    line-height: 21px;
    padding: 8px 0;
    max-width: 600px;
}
.textItem .table span{
    display: table-cell;
    width: 135px;

}
.contactItem{
    padding-bottom: 20px;
}
.contactItem h5{
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: bold;
}
.contactItem p{
    font-size: 15px;
    line-height: 31px;
}

/*.swiper-container {*/
/*    width: 100%;*/
/*    background: #f5f5f5;*/

/*}*/
/*.swiper-slide {*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    !* Center slide text vertically *!*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-flex;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    -webkit-align-items: center;*/
/*    align-items: center;*/
/*}*/

.swiper-container3 img{
    width: 100%;
}
.every{
   max-width: 1200px;
	width:100%;
    margin: 0 auto;position: relative;
}
.every img{
    width: 100%;
}


/*new*/
.everycon{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    text-align: center;
}
.everycon p{
    margin-top: 42px; font-size: 14px;
}
.everycon h2{
    font-size: 20px;
    margin: 12px 0;
    margin-bottom: 20px;
}
.everycon h3{
font-size: 14px;
    color: #fff;
}
.guanggao{
    position: relative;
}
.guanggaocon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
}
.guanggaocon h2{
    width: 844px;
    margin: 0 auto;
    font-size: 35px;
    margin-top: 8%;
}
.guanggaocon p{
    width: 840px;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    margin-top: 39px;
}
.title2{background: url("../image/1sy5.jpg") no-repeat center;    background-size: contain;    border-color: transparent;
    border-width: 0px;}
.view h3{max-width: 1200px; width:100%; margin:0 auto;    height: 60px;
    line-height: 45px;
    font-size: 30px;}
.use{margin: 50px auto;
    display: flow-root;
    max-width: 1000px;
    width: 100%;}
.use h2{font-size: 48px;
    font-family: arial;
    line-height: 100%;
    color: rgb(29, 29, 31);text-align: center;
    margin: 50px 0;}

.use ul{width:96%; margin: 0 auto;}
.use ul li p{font-size: 36px;
    line-height: 100%;
    color: rgb(29, 29, 31);margin: 18px 0;}
.use ul li img{ width:100%; height: auto; border-radius: 10px; margin-bottom: 30px;}
.faq{margin: 0 auto;
    display: flow-root;
    max-width: 1000px;
    width: 100%; margin-bottom: 30px;}
.faq h2{font-size: 48px;
    font-family: arial;
    line-height: 100%;
    color: rgb(29, 29, 31);
    margin: 50px 0;}

.faq ul li{ background: #fff; height: 60px; line-height: 60px; margin: 10px 0;font-size: 18px;}
.faq ul li span.bt{ float: left;padding-left: 30px;}
.faq ul li span.bt1{ float: right;padding-right: 30px;}


.down{    margin: 50px auto;
    display: flow-root;
    max-width: 1000px;
    width: 100%; background: #fff;}
.down h2{    font-size: 48px;
    font-family: arial;
    line-height: 100%;
    color: rgb(29, 29, 31);text-align: center;
    margin: 50px 0;}
.down ul li{ float:left; border-bottom: 1px solid #f1efef;   width: 33.233333%; text-align: center;border-right: 1px solid #f1efef;}
.down ul li:nth-child(3n){border-right:none;}
.down ul li img{     width: 88%;
    border-bottom: 1px solid #f1efef;}
.down ul li p{    font-size: 20px;
    font-family: arial;
    color: rgb(29, 29, 31);height: 60px;
    line-height: 60px;}
.down ul li a{    border: 1px solid #ff7e4d;
   
    padding: 10px;
     border-radius: 7px;
    font-size: 14px;
    color: #ff7e4d;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding: 0 10px;margin-bottom: 30px;}
.pc{display:block;}
.phone{display:none;}