/*-----------------[初始化]--------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }

table{border-collapse:collapse; border-spacing:0; } 

fieldset,img{border:0; }

ol,ul{list-style:none; }

caption,th{text-align:left; } 

q:before,q:after{content:''; } 

abbr,acronym{border:0; } 

a{text-decoration:none; } 

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.l,.col-l,.col_l,.col-c,.col_c{float:left; }

 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 

.dn{display:none; }  

*,*:before,*:after {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: none !important;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

    -webkit-tap-highlight-color: transparent;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

}

body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}

img {/* max-width: 100%; */border: none;}

input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}

input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.pic img{

    transition:all .8s;

    

}

.pic img:hover{

    transform: scale(1.1, 1.1);

}

.icon img{

    transition:all .8s;

}

.icon img:hover{

     -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999;}

::-ms-input-placeholder {color: #999;}

select::-ms-expand {display: none;}

a {color: #333;text-decoration: none;}



/*布局*/

body{padding-top: 192px;}

.wp {margin: 0 auto;width: 1400px;}

.g-more2{

    display: block;

    width: 140px;

    height: 48px;

    margin:20px auto 0;

    text-align: center;

    font-size: 14px;

    line-height: 48px;

    color:#333;

    background-color: #eee;

}

/******************************* -------[=头部]-------

********************************/



.header.fixed{

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

}

.header{

    position: fixed;

    z-index: 99;

    background: #fff;

    top: 0;

    width: 100%;

    left: 0;

}

.header .top{

    overflow: hidden;

}

.logo{

    overflow: hidden;

    line-height: 120px;

    float: left;

}

.logo a{

    display: block;

    width: 100%;

    height: 100%;

}

.logo img{

    display: inline-block;

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

}

.tel1{

    float: right;

    height: 120px;

    line-height: 120px;

}

.tel1 .icon{

   display: inline-block;

    overflow: hidden;

    margin-right: 16px;

}

.tel1 .icon img{

    display: inline-block;

    vertical-align: middle;

}

.tel1 span{

    font-size: 24px;

    color:#333333;

    font-weight: normal;

}

.tel1 .phone{

    display: inline-block;

   letter-spacing: -1px;

    overflow: hidden;

    font-size: 30px;

    color:#ff9900;

    font-family: Impact;

}

.nav{

   background: linear-gradient(0deg, #146ECB, #2B81DA, #146ECB);

}

.nav::after{

    content: '';

    display: block;

    clear:both;

    visibility: hidden;

    width: 100%;

    height: 0;

}

.nav li{

    float: left;

    width: 11.1%;

    line-height: 72px;

    text-align: center;

    position: relative;

}

.nav li:last-child{

    border-right: none;

}

.nav .hot{

    position: absolute;

    width: 23px;

    height: 25px;

    top: 8px;

    right: 12px;

    animation-name: start;

    z-index: 1;

    animation-duration: 2s;

    animation-iteration-count: infinite;

}

@keyframes start{

    0%,100%{-webkit-transform:translateY(0)}

    50%{-webkit-transform:translateY(-15px);}

    }



.nav .hot img{

    display: block;

}

.nav .v1{

    display: block;

    font-size: 16px;

    color:#fff;

    position: relative;

    z-index: 2;

}

.nav .v1::after{

    content:'';

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -15px;

    width: 1px;

    height: 30px;

    background: #135AA3;

    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.26);

    z-index: -1;

}

.nav li:hover::after{

   content:'';

   display: block;

   position: absolute;

   top: -12px;

   width: 100%;

   height: 70px;

   background: url(/template/default/images/ico1.png) no-repeat;

   -webkit-background-size: 100% 100%;

   background-size: 100% 100%;

   z-index: 1;

}

.nav li:hover .v1::after{

    display: none;

}

.nav li:hover .v1{

    top: -20px;

}

.nav .sub{

    position: absolute;

    top: 100%;

    left: -10px;

    right: -10px;

   

    display: none;

     background: linear-gradient(0deg, #146ECB, #2B81DA, #146ECB);

}

.nav .sub a{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 14px;    height: 35px;

    line-height: 35px;    padding: 0 5px;	overflow:hidden;

}

.nav .sub a:hover{

    color:#ff9900;

}







/*******************************

    -------[=导航]-------

********************************/

.menuBtn{

    display: none;

    position: fixed;

    top: 18px;

    right: 12px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 4px;background-color: #00468E;

    margin: 4px 0;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}

/*******************************

    -------[=底部]-------

********************************/



/*******************************

    -------[=公用]-------

********************************/

.banner img{

    display: block;

    width: 100%;

}

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

    bottom:95px;

  }

.banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#D9261B;}

/*手机核心优势*/

.sthxyw1{display:none;}.ul-list-sthxyw1 li{    width: 20%;    float: left;}.ul-list-sthxyw1{display: flex;flex-wrap: wrap;justify-content: space-between;}.ul-list-sthxyw1 .con{width: 16%;}.ul-list-sthxyw1 .pic{   overflow: hidden;}.ul-list-sthxyw1 .pic .bg{    display: block;    width: 100%;width: 80%;    text-align: center;    margin: 0 auto;    object-fit: cover;    z-index: 1;}.ul-list-sthxyw1 .txt{    padding: 8px 0;}.ul-list-sthxyw1 .top{   overflow: hidden;   text-align: center;}.ul-list-sthxyw1 .top .desc{font-size:14px;height: 30px;    line-height: 15px;}.ul-list-sthxyw1 .info{    font-size: 14px;    color:#666666;    letter-spacing: -0.2px;    line-height: 1.29;    text-align:justify;    padding-bottom: 10px;     height: 4em;	 overflow:hidden;    margin-bottom: 21px;}/*手机核心优势*/

.g-ban{

    position: relative;

    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);

    height: 140px;

    background-color: #fff;

    z-index: 9;

    margin-top: -60px;

}

.g-ban .add{

    float: left;

    width: 250px;

    height: 100%;

    background: url(/template/default/images/pic1.jpg) no-repeat;

    color:#fff;

    font-size: 14px;

    padding: 36px 42px 0; 

}

.g-ban .add h2{

    font-weight: normal;

}

.g-ban .add .en{

    font-weight: bold;

    text-transform: uppercase;

    padding-top: 4px;

    margin-bottom: 37px;

}

.g-ban .add img{

    float: right;

    display: block;

    display: none;

}

.g-ban ul{

    overflow: hidden;

   text-align: center;

}

.g-ban ul  .icon{

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}

.g-ban ul .txt{

     display: inline-block;

    vertical-align: middle;

    text-align: left;

}

.g-ban ul .txt .nub{

    font-size: 44px;

    line-height: 1.1;

    font-family: 'Impact';

}

.g-ban ul .txt span{

    font-size: 20px;

    font-weight: bold;

    color:#333;

}

.g-ban ul li{

    width: 16.5%;

    float: left;

    position: relative;

    padding: 10px 0;

}

.g-ban ul li::after{

    content: '';

    display: block;

    position: absolute;

    right: 0;

    top: 42px;

    width: 1px;

    height: 34px;

    background-color: #bfbfbf;

}

.g-ban ul li:last-child::after{

    display: none;

}

/*****/

.wrapper {

  width: 400px;

  height: 400px;

  margin: 20px auto;

  border: 2px dotted red;

}

.wrapper div {

  width: 200px;

  height: 200px;

  background-color: orange;

  -webkit-transition: all .28s ease-in .1s;

  transition: all .28s ease-in .1s;

}

.wrapper div:hover {

  width: 300px;

  height: 300px;

  background-color: red;

}

.g-tit{

    text-align: center;

    margin-bottom: 36px;

}

.row2 .g-tit .en {

    color: rgba(255, 255, 255, 0.08);

}.row2 .g-tit .cn::after {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 40px;

    height: 4px;

    margin: 0 auto;

    background: #ffffff;

}.row2 .g-tit .desc {

    font-size: 15px;

    color: #ffffff;

}

.row2 .g-tit .cn{

    font-weight: bold;

    /* font-size: 36px; */

    color:#fff;

    line-height: 24px;

    margin-top: -20px;

    position: relative;

    padding-bottom: 33px;

    margin-bottom: 24px;

}

.g-tit .cn{

    font-weight: bold;

    font-size: 36px;

    color:#222;

    line-height: 24px;

    margin-top: -20px;

    position: relative;

    padding-bottom: 33px;

    margin-bottom: 24px;

}

.g-tit .cn::after{

    content:'';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 40px;

    height: 4px;

    margin:0 auto;

    background: #00468E;

}

.g-tit .en{

    font-size: 48px;

    line-height: 48px;

    color:#E4E4E4;

    font-family: 'Impact';

    text-transform: uppercase;

}

.g-tit .desc{

    font-size: 15px;

    color:#999999;

}

.row1{

    padding-bottom: 55px;

    padding-top: 55px;

    overflow: hidden;

}

.ul-list1{

    overflow: hidden;  

}

.ul-list1 .hxyw{width:23%;float:left;    margin: 1% 1%;}

@media only screen and (max-width: 767px) {

	.ul-list1 .hxyw{width:47%;}

}@media only screen and (max-width: 640px) {	.ul-list-sthxyw1 .con{width: 33%;}}

.ul-list1 li{

    width: 20%;

    float: left;

}

.ul-list1 .con{

    display: block;

}

.ul-list1 .pic{
   padding-top: 100%;
   height: 0;
   overflow: hidden;
   position: relative;
}

.ul-list1 .pic .bg{

    display: block;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 1;

}

.ul-list1 .txt{
    padding: 0 18px 10px;
    border: 1px solid #E5E5E5;
    border-top: none;
}

.ul-list1 .top{
   overflow: hidden;
   text-align: center;
   padding-bottom: 8px;
   padding-top: 12px;
   /* border-bottom: 1px solid #B8B7B7; */
   margin-bottom: 13px;
}

.ul-list1 .nub{

    display: inline-block;

    font-size: 48px;

    color:#1966B6;

    font-family: Impact;

    margin-right: 10px;

}

.ul-list1 .desc{

    display: inline-block;

    text-align: left;

    font-size: 12px;

    text-transform: uppercase;

}

.ul-list1 .desc .en{

    font-size: 18px;

    color:#333333;

}

.ul-list1 .info{

    font-size: 14px;

    color:#666666;

    letter-spacing: -0.2px;

    line-height: 1.29;

    text-align:justify;

    padding-bottom: 10px;

     height: 4em;

	 overflow:hidden;

    margin-bottom: 21px;

}

.g-link{

    text-align: center;

}

.g-link a{

    display: inline-block;

    margin:0 7px;

    transition:all .3s;

}

.g-link a:hover{

    margin: 0 30px;

}





/**row2***/



.row2{

    padding-top: 37px;

    padding-bottom: 45px;

    overflow: hidden;

    background: url(/template/default/images/bg1.jpg) no-repeat;

    background-size: cover;

}

.ul-prod{

    overflow: hidden;

    margin: 0 -10px 40px;

}

.ul-prod li{

    float: left;

    width: 20%;

}

.ul-prod a{

    display: block;

    margin:0 10px;

    font-size: 16px;

    color:#333;

    text-align: center;

    background-color: #E5E5E5;

    line-height: 56px;

}

.ul-prod a:hover{

    background-color: #ff9900;

    color:#fff;

}

.g-prod{

    position: relative;

}

.g-prod .swiper-button-prev{

    width: 48px;

    height: 48px;

    background-image: url(/template/default/images/pic5.jpg);

    -webkit-background-size: cover;

    background-size: cover;

    left: -72px;

}

.g-prod .swiper-button-next{

    width: 48px;

    height: 48px;

    background-image: url(/template/default/images/pic6.jpg);

    -webkit-background-size: cover;

    background-size: cover;

    right: -72px;

}



.ul-prodlist .pic{

    padding-top: 75%;

    overflow: hidden;

    border:1px solid #d0cdcd;

    height: 0;

    position: relative;

}

.ul-prodlist .pic  img{

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

}

.ul-prodlist .tit{

    text-align: center;

    font-size: 14px;

    color:#666;

    background-color: #fff;

    text-align: center;

    height: 50px;

    line-height: 50px;

    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.03);

}

.swiper-container.ul-prodlist{

    margin-bottom: 40px;

}



/**row3***/

.row3{

    overflow: hidden;

    background: url(/template/default/images/bg1.jpg) no-repeat;

    background-size: cover;

    padding-top: 37px;

}

.row3 .g-tit{

    margin-bottom: 70px;

}

.row3 .g-tit .en{

    color:rgba(255, 255, 255, 0.08);

}

.row3 .g-tit .cn{

    color:#FFF;

}

.row3 .g-tit .cn::after{

    background-color: #fff;

}

.g-ys{

    position: relative;

     margin:0 77.5px;

}

.g-ys img{

    display: block;

   

}

.g-ys .item{

    position: absolute;

    color:#fff;

    text-align: center;

    font-size: 18px;

    text-transform: uppercase;

}

.g-ys .ico{

    width: 86px;

    height: 86px;

    margin:0 auto 8px;

    transition:all .5s;

}

.g-ys .ico img:first-child{

    display: block;

}

.g-ys .ico img:last-child{

    display: none;

}

.g-ys .item .ico:hover img:first-child{

    display: none;

}

.g-ys .item .ico:hover img:last-child{

    display: block;

}

.g-ys  .ico:hover{

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.g-ys .s1{

    bottom: 22px;

    left: -50px;

}

.g-ys .s2{

    bottom: 208px;

    left: 51px;

}

.g-ys .s3{

    bottom: 340px;

    left: 160px;

}

.g-ys .s4{

    bottom: 440px;

    left: 332px;

}

.g-ys .s5{

    bottom: 464px;

    left: 515px;

}

.g-ys .s9{

    bottom: 22px;

    right: -50px;

}

.g-ys .s8{

    bottom: 208px;

    right: 51px;

}

.g-ys .s7{

    bottom: 340px;

    right: 160px;

}

.g-ys .s6{

    bottom: 440px;

    right: 332px;

}



/*****/



.phone-chanpin{margin-bottom: 30px;display: none;}

.phone-chanpin::after{  content: '';

display: block;

clear:both;

visibility: hidden;

width: 100%;

height: 0;}

.phone-chanpin .tit{width: 100px;float: left;background-color: #00468e;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color:#fff;}

.phone-chanpin .more{float: left;width: calc(100% - 100px); background-color: #eee;position: relative;height: 44px;}

.phone-chanpin .name{text-align: center;font-size: 14px;color:#333;line-height: 44px;}

.phone-chanpin .sub{position: absolute;top: 100%;left: 0;width: 100%;background-color: #00468e;z-index: 99;display: none;padding: 10px 0;}

.phone-chanpin .sub a{display: block;line-height: 24px;font-size: 12px;padding-left: 15px;color:#fff;}

#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}

#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}

#floatBottom a img{

    display: block;



    margin:4px auto 2px;

    height: 25px;

}

#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}

#floatBottom .ewm img{width:100%;height:100%;display:block;}



/***row5**/

.row5{

    overflow: hidden;

    padding-bottom: 60px;

    padding-top: 36px;

    background-color: #f3f3f3;

}

.ul-jz{

    overflow: hidden;

    border:1px solid #D2D2D2;

    border-top: none;

    border-right:none;

    margin-bottom: 70px;

}

.ul-jz li{

    float: left;

    width: 19%;

    position: relative;

    background-color: #fff;

    border-right:1px solid #D2D2D2;

}

.ul-jz li.on{

    width: 43%;

}

.ul-jz li.on .img::after{

    content:'';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(/template/default/images/s6.jpg) no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

}

.ul-jz .hide{

    display: none;

     position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    color:#fff;

    padding: 25px 50px;

    background: rgba(25, 102, 182, .92);

}

.ul-jz .img{

    height: 320px;

    overflow: hidden;

    position: relative;

}

.ul-jz .img img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.ul-jz .pic1{

    overflow: hidden;

}

.ul-jz .pic1 img{

    display: block;

    float: left;  

    margin-right: 2px;

    width: 94px;

    height: 94px;

    overflow: hidden;

}

.ul-jz li.on .hide{

   display: block;

}

.ul-jz li.on .desc{

    font-size: 0;

    background: none;

}

.ul-jz li.on .desc .en{

    font-size: 0;

}

.ul-jz .tit{

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 33px;

}

.ul-jz .tit span{

    font-size: 48px;

    position: relative;

    margin-right: 10px;

    font-weight: normal;

    font-family: 'Impact';

    padding-bottom: 13px;

}

.ul-jz .tit span::after{

    content:'';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 40px;

    height: 3px;

    background: #fff;

}

.ul-jz li .desc{

    padding: 18px;

    font-size: 14px;

    color:#999999;

    height: 140px;

    text-transform: uppercase;

    background: url(/template/default/images/ico8.png) no-repeat;

    background-position: bottom 21px left 21px;

}

.ul-jz li .desc .en{

    font-size: 18px;

    color:#222222;

}

.ul-jz .info{

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 18px;

}

.ul-jz a{

    display: block;

    width: 164px;

    height: 42px;

    border: 1px solid #FFFFFF;

    border-radius: 21px;

    text-align: center;

    line-height: 40px;

    color:#fff;

    font-size: 16px;

    margin-top: 24px;

}

.ul-ss{

    overflow: hidden;

    text-align: center;

}

.ul-ss li{

    display: inline-block;

    margin:0 50px;

}

.ul-ss li .ico{

    float: left;

    margin-right: 8px;

}

.ul-ss li .txt{

    overflow: hidden;

    text-align: left;

    font-size: 14px;

    color:#999999;

    text-transform: uppercase;

}

.ul-ss li .cn{

    font-size: 24px;

    color:#222222;

    line-height: 1.1;

}

.ul-ss li a{

    display: inline-block;

}

.ul-ss li .cn.ss{

    font-size: 24px;

    font-family: Impact;

    color:#ff9900;

}

/***row7**/

.row7{

    overflow: hidden;

    background: url(/template/default/images/pic7.jpg) no-repeat top;

}

 .g-tit2{

    text-align: center;

 }

 .g-tit2 .en{

    color:rgba(255, 255, 255, 0.08);

    font-size: 6.56vw;

    line-height: 1.1;

    font-family: 'Impact';

    text-transform: uppercase;

}

 .g-tit2 .cn{

  color:#fff;

  font-size: 42px;

  font-weight: bold;

   line-height: 1.1;

   position: relative;

   top: -60px;

   margin-bottom: -53px;

}

 .g-tit2 .line{

    width: 140px;

    height: 2px;

    background: #FFFFFF;

    margin:0 auto;

 }

.row7 .info{

    font-size: 14px;

    line-height: 1.8;

    color:#fff;

    text-indent: 2em;

    padding: 23px 0 0;

    margin-bottom: 40px;

}

.row7 .link{

    text-align: center;

    overflow: hidden;

    margin-bottom: 51px;

}

.row7 .link a{

   display: block;

   margin:0 auto;

    width: 109px;

    height: 32px;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

   color: #fff;

   background-color: #0BDF8D;

}

.row7{

    padding-bottom: 58px;

    padding-top: 40px;

}

.rongyu{

    background-color: #fff;

    padding: 40px 20px ;

    margin-top: 50px;

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14);

}

.ul-list6 a{

    display: block;

}

.ul-list6 .pic{

    border: 1px solid #E5E5E5;

    height: 260px;

    padding: 10px;

    position: relative;

    overflow: hidden;

}

.ul-list6 img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.ul-list6 .tit{

    text-align: center;

    font-size: 16px;

    padding-top: 12px;

    color:#222222;

}



/**row8**/

.row-8{

    overflow: hidden;

    padding: 60px 0;

}

.row-8 .info{

    text-align: center;

    font-size: 16px;

    color:#757575;

    margin-bottom: 34px;

    margin-top: 10px;

}

.ul-tab1{

    overflow: hidden;

    text-align: center;

    margin-bottom: 37px;

}

.ul-tab1 li{

    display: inline-block;

    font-size: 0;

    margin:0 15px;

}

.ul-tab1 li span{

    display: block;

    width:200px;

    height:56px;

    background-color: #E3E3E3;

    text-align: center;

    line-height: 56px;

    font-size: 16px;

    color:#333333;

    cursor: pointer;

    transition:all .3s;

}

.ul-tab1 li.on span,

.ul-tab1 li:hover span{

    background-color: #00468E;

    color:#fff;

    border-color: #00468E;

}

.swiper-container.ul-list5{

    padding: 5px;

}



.ul-wt a{

    display: block;

    padding-bottom: 25px;

    border-bottom: 1px dashed #bfbfbf;

    overflow: hidden;

    margin-bottom: 18px;

}

.ul-wt .title{

    font-size: 18px;

    color:#333333;

    padding-left: 34px;

    margin-bottom: 5px;

    background: url(/template/default/images/ico12.png) no-repeat;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.ul-wt .con:hover .title{

    color:#ff9900;

}

.ul-wt .title span{

    display: block;

    float: right;

    font-size: 12px;

}

.ul-wt .desc{

    padding-left: 34px;

    font-size: 14px;

    color:#777777;

    line-height: 1.8;

    height: 3.6em;

    display: -webkit-box;  

    overflow: hidden;  

    text-overflow: ellipsis;  

    word-break: break-all;  

    -webkit-box-orient: vertical;  

    -webkit-line-clamp: 2;

}



.swiper-container.ul-wt{

    padding-bottom: 105px;

}

.swiper-container.ul-wt .swiper-slide{

    margin-top: 0!important;

}

.ul-wt .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

    bottom:62px;

  }

.ul-wt .swiper-pagination-bullet{width:14px;height:14px;background:#E3E3E3;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}

.ul-wt .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff9900;}







/**liucheng***/







/**links***/

.links{

    overflow: hidden;

    background-color: #1966B6;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding: 28px 0 16px;

}

.links .name{

    float: left;

    margin-right: 50px;

}

.links .link{

    overflow: hidden;

}

.links .link a{

    font-size: 14px;

    color:#fff;

    line-height: 37px;

    margin-right: 34px;

}

/**footer**/

.footer{

   overflow: hidden;

}

.footer .top{

    background: #1966B6;

    overflow: hidden;

    padding: 42px 0 26px;

}

.footer .tit{

    color:#FFFFFF;

    font-size: 18px;

    margin-bottom: 36px;

}

.fd-form{

    float: left;

    margin-right: 60px;

}

.fd-form .w140{

    width: 140px;

}

.fd-form .w180{

    width: 180px;

}

.fd-form .w350{

    width: 350px;

}

.fd-form .box{

    overflow: hidden;

}

.fd-form .item{

    overflow: hidden;

    float: left;

    margin-right: 40px;

}

.fd-form .item .inp-box{

    height: 37px;

    overflow: hidden;

}

.fd-form .item .inp{

    display: block;

    width: 100%;

    height: 32px;

    background: none;

    color:#fff;

    font-size: 14px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.fd-form .item .inp::placeholder{

    color:#fff;

}

.fdnav{

    overflow: hidden;

    margin-bottom: 50px;

}

.fdnav  dl{

    float: left;

    margin-right: 110px;

}

.fdnav  dl:last-child{

    margin-right: 0;

}

.fdnav  dl dd a{

    display: block;

    font-size: 14px;

    line-height: 2.29;

    color:#fff;

}

.fd-form .btn input{

    display: block;

    width: 88px;

    height: 32px;

    border: 1px solid rgba(255, 255, 255, 0.2);

    background: none;

    color:#fff;

    cursor: pointer;

}

.fd-desc{

    overflow: hidden;

}

.fd-desc  .desc{

    font-size: 14px;

    color:#FFFFFF;

    line-height: 2.29;

    margin-bottom: 21px;

}

.fd-desc  .qr{

    over

    justify-content: space-between;

}

.fd-desc  .qr img{

    display: block;

    width: 114px;

    float: left;

    margin-right: 36px;

}





.copy{

    font-size: 14px;

    color:#FFF;

    line-height: 38px;

    background-color: #363636;

}

.copy a{

  font-size: 14px;

  color:#FFF;

}





.ul-jz.ul-jz2{display: none;}





@media only screen and (max-width: 1430px) {

    .wp {margin: 0 auto;width:1100px;}

    body{padding-top: 140px;}

    .tel1 span{font-size: 18px;}

    .logo{line-height: 80px;}

     .logo img{max-width: 70%;max-height: 70%;}

    .tel1{line-height: 80px;height: 80px;}

   .tel1 .phone{font-size: 20px;}

    .nav .v1{font-size: 12px;}

   

    .footer .wp{width: 1160px;}

    .fd-form{margin-right: 30px;}

    .fd-about{width: 400px;margin-right: 20px;}

    .fd-about .tel span{font-size: 16px;}

    .g-tit2 .cn{font-size: 28px;top: -40px;margin-bottom: -30px;}

    .g-txt .tit{font-size: 18px;}

    .g-txt .desc{font-size: 14px;line-height: 1.6;}

  

    .row5{padding-bottom: 35px;}

    .zd a{line-height: 50px;font-size: 14px;}

    .nav li .v1{padding: 0 15px;line-height: 60px;font-size: 16px;}

    .nav .phone{margin-top: 18px;}

    .g-txt1 .tit{font-size: 22px;}

    .ul-prod a{line-height: 50px;}

    



    .ul-jz .tit span{font-size: 34px;}

    .ul-jz .pic1 img{width: 48px;height: auto;}

    .g-ys{margin:0;}

    .g-ys .ico{width: 60px;height: 60px;}

    .g-ban ul .icon{width: 100%;margin-right: 0px;}

    .g-ban .add .en{margin-bottom: 10px;}

  

    .g-ban ul .txt span{font-size: 16px;}

    .g-ban ul li{padding-top: 10px;}

    .g-ban .add{width: 230px;}

    .g-tit .cn{font-size: 28px;}

    .g-tit .en{font-size: 36px;}

    .row1{padding: 30px 0;}

    .row2 .wp{width: 1000px;}

    .g-tit .cn{padding-bottom: 22px;}

    .g-tit{margin-bottom: 20px;}

    .row7{padding-bottom: 20px;}

    .ul-tab1 li span{line-height: 50px;width: 180px;height: 50px;}

    .g-ban ul .txt .nub{font-size: 18px;}

    .swiper-container.ul-wt{padding-bottom: 60px;}

    .g-ys .s2{left:35px;bottom:159px;}

    .g-ys .s3{bottom: 279px;left: 125px;}

    .g-ys .s4{bottom: 362px;left: 225px;}

    .g-ys .s5 {

    bottom: 413px;

    left: 428px;}

    .g-ys .s8{right:35px;bottom:159px;}

    .g-ys .s7{bottom: 279px;right: 125px;}

    .g-ys .s6{bottom: 362px;right: 225px;}

    .fd-form .w140{width: 100px;}

    .fd-form .w180{width: 120px;}

    .fd-form .w350{width: 200px;}

    .footer .tit{margin-bottom: 15px;}

    .fdnav dl{margin-right: 50px;}

    .ul-wt .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom: 30px;}

}



@media only screen and (max-width: 1199px) {

   

     .g-tit1 .tit{font-size: 26px;}

    .g-ban ul .txt span{font-size: 14px;}

    .g-ban ul li::after{display: none;}

   

    .footer .top{padding: 30px 0 15px;}

    .row7 .info{padding:0;}

    .header{background-color: #fff;height: 60px;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);}



    .menuBtn{display: block;}

    body{padding: 60px 0 53px;}

    .logo{line-height: 60px;width: 240px;}

    .logo img{max-width: 100%;max-height: 100%;}

    .row1{padding-top: 30px;}

    .nav{

        position: fixed;

        top: 60px;

        left: 0;

        right: 0;

        bottom: 0;

        margin-left: 100%; 

        z-index: 99;

        overflow: hidden;

        transition:all .3s;

        background: none;

    }

    .nav .hot{display: none;}

    .nav.on{

        margin-left: 0;

    }

    .nav ul{

        width: 300px;

        position: absolute;

        right: 0;

        bottom: 0;

        top: 0;

        background-color: #fffeff;

        overflow-y: scroll;

    }

    .nav .bg{

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background: rgba(0, 0, 0, 0.3);

    }

    .nav li i {

        display: block;

        width: 40px;

        height: 40px;

        background-position: center center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 9;

        background: url(/template/default/images/sel.png) no-repeat center center;

    }

    .nav li:hover .v1{

        top: 0;

    }

    .nav .sub{position: static;}

    .nav .sub a{padding-left: 20px;text-align: left;}

    .nav .wp{width: auto;padding: 0;}

    .nav .v1::after,.nav li:hover::after{display: none;}

    .nav li .v1{height: 40px;line-height: 40px;text-align: left;width: auto;padding-left: 20px;color: #333;}

    .nav li{float: none;padding: 0;margin: 0;width: auto;}

    .wp,.footer .wp,.row2 .wp{width: 1000px;}

    #floatBottom{display: block;}

    .copy, .copy a{line-height: 45px;font-size: 12px;}

    .fd-form{margin-right: 30px;}

    .fd-about .l{display: none;}

    .fd-about .tel span{font-size: 20px;}

    .fd-about .desc .tit{display: none;}

    .fd-about .item{margin-bottom: 15px;}

    .fd-about .item:last-child{margin-bottom: 0;}

    .links .name{float: none;margin-right: 0;text-align: center;margin-bottom: 0px;}

    .links{padding: 15px 0 10px;}

    .links .link span{display: none;}

    .links .link a{display: block;width: 20%;float: left;text-align: center;margin-right: 0;}

    .ul-list5 .con{margin:0 3px;}

    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}

    .g-tit .en{font-size: 36px;}

    .g-tit .cn{font-size: 22px;}

     .g-txt .item:nth-child(even) .pic{margin-right: 0;}

    .g-txt .pic{max-width: 300px;}

    .g-txt .en{margin-bottom: 0;}

    .ul-list2 .desc br{display: none;padding: 0 5px;}

    .g-txt .bb{margin-bottom: 20px;}

    .g-txt .pic{margin-left: 30px;}

    .g-txt .item:nth-child(even) .pic{margin-right: 30px;}

    .g-prod .swiper-button-next,.g-prod .swiper-button-prev{display: none;}

    .tel1{display: none;}

    .g-ys .ico{width: 45px;height: 45px;}

    .g-ys{margin:0 50px;}

    .g-ys .item{font-size: 14px;}

    .g-ys .s5 {bottom: 348px;left: 355px;}

    .g-ys .s2 {left: 24px;bottom: 133px;}

    .g-ys .s3 {bottom: 233px;left: 103px;}

    .g-ys .s4 {bottom: 304px;left: 202px;}

    .g-ys .s8{right: 24px;bottom: 133px;}

    .g-ys .s7{bottom: 233px;right: 103px;}

    .g-ys .s6{bottom: 304px;right: 202px;}

    .ul-jz li .desc .en{font-size: 16px;}

    .ul-jz{margin-bottom: 30px;}

    .ul-jz .info{font-size: 14px;}





}

@media only screen and (max-width: 1023px) {	 .sthxyw1{display:block;}

    .ul-tab1{margin-bottom: 20px;}

    .g-tit .cn{font-size: 22px;}

    .fd-about{width: auto;float: none;}

    .g-tit2 .en{font-size: 40px;}

    .g-tit2 .cn{font-size: 22px;top: -20px;margin-bottom: -10px;}

    .g-item .ico{display: none;}

    

    .g-item .txt{text-align: center;}

    .row2 .w50{float: none;width: auto;background: url(/template/default/images/pic8.jpg) no-repeat;background-size: cover;padding:20px 15px;}

    .row2 .w50:last-child{background-image: url(/template/default/images/pic9.jpg);}

    .row2::before,.row2::after{display: none;}

    .ul-list7 li{width: 50%;margin-bottom: 15px;}

    .wp, .footer .wp, .row2 .wp{width: auto;padding: 0 15px;}



    .ul-prod a{font-size: 14px;line-height: 40px;height: 40px;}

    .g-ban{display: none;}

    .ul-tab1 li span{line-height: 40px;height: 40px;width: 140px;}

    .ul-wt a{padding-bottom: 10px;margin-bottom: 15px;}

    .row2{padding: 30px 0;}

    .ul-prod{display: none;}

    .g-ys .img{display: none;}

     .g-ys .md{overflow: hidden;}

    .g-ys .item{position: static;float: left;width: 33.333%;margin-bottom: 10px;}

    .fd-form{float: none;margin-bottom: 20px;}

    .g-ys{margin:0;}



    .ul-jz li.on .hide,.ul-jz  .hide{

        position: static;

        overflow: hidden;

        height: 320px;

        display: block;

    }

    .ul-jz .img{width: 36%;float: left;}

    .ul-jz li .desc{display: none;}

    .ul-jz .hide{padding: 15px;}

    .ul-jz .tit{font-size: 18px;}

    .ul-jz .tit span{font-size: 22px;}

    .ul-jz{display: none;}

    .ul-jz li.on .img::after{display: none;}

    .ul-jz.ul-jz2{display: block;}

    .fdnav{display: none;}

    .fd-desc .qr{display: block;}

    .fd-desc .qr img{float: left;margin-right: 15px;}

    .row3 .g-tit{margin-bottom: 20px;}

    .row3{padding-top: 20px;padding-bottom: 20px;}

    .ul-ss li{margin:0 15px;}

}

@media only screen and (max-width: 767px) {

    .ul-list5 li{width: 50%;margin-bottom: 15px;}

    .ul-tab .cn{font-size: 12px;}

    .ul-tab .en{display: none;}

    .ul-tab a{height: auto;padding: 0;line-height: 40px;}

    .ul-tab .txt{padding-top: 0px;}

    .row7, .row8, .row6, .row3,  .row1{padding: 20px 0 20px;}

    .g-tit{margin-bottom: 15px;}

    .ul-tab li{margin-bottom: 15px;}

 

    .fd-form .btn input{background-position:  30%;}

    .ul-list1 li{width: auto;float: none;}

    .g-tit .box::before,.g-tit .box::after{display: none;}

    .ul-list3 li{width: 50%;margin-bottom: 15px;}

    .ul-list7 li{width: auto;float: none;}

    .g-tit .en{font-size: 36px;}

    .fd-about .tel span{font-size: 14px;}

    .fd-about .icon{margin-right: 15px;}

    .row7 .info{line-height: 1.6;padding-top: 10px;}

   



.g-tit .en{font-size: 20px;}

.row2{padding: 20px 0;}

.fd-form .item{float: none;margin-right: 0;margin-bottom: 15px;}

.fd-form .w140,.fd-form .w180,.fd-form .w350{width: auto;}

.ul-jz .img{width: auto;float: none;height: 240px;}

.ul-jz .img img{object-fit: cover;}

.rongyu{padding: 10px;margin-top: 20px;}

.row-8{padding-bottom: 20px;}

.ul-jz li.on .hide, .ul-jz .hide{height: 300px;overflow-y: scroll;}

.ul-jz li,.ul-jz{border:none;}

.ul-jz2 li{height: auto;}

.ul-ss{display: none;}

.ul-jz{margin-bottom: 0;}



.g-ys .item{font-size: 12px;}

.g-ys .item:nth-child(3n+1){clear:left;};

.ul-jz .hide::-webkit-scrollbar { width: 3px;   

} 

.ul-jz .hide::-webkit-scrollbar-track { background: none; 

} 

.ul-jz .hide::-webkit-scrollbar-thumb { background: #fff;

}

.ul-jz .hide::-webkit-scrollbar-thumb:window-inactive { 

     border: ;background: #fff; 

     margin-right: 3px;

}

.copy, .copy a{display: block;line-height: 30px;}

.ul-tab1 li{margin:0 10px;}

.ul-tab1 li span{font-size: 12px;width: 120px;}

.ul-list1 .nub{font-size: 36px;}





}

@media only screen and (max-width: 470px) {	.ul-list1 .nub{display:none;}}



@media only screen and (max-width: 1023px) {

    .phone-chanpin,#floatBottom{display: block;}

}