/*-----------------[初始化]--------------*/
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;
}
::-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: 213px;}
.wp{margin: 0 auto;max-width: 1320px;}
/*******************************
    -------[=头部]-------
********************************/
.header{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.header .top{
    overflow: hidden;
    line-height: 42px;
    background-color: #f3f3f3;
    color:#8A8A93;
    font-size: 14px;
}
.header .top .r a{
    display: inline-block;
    font: 14px;
    color:#8A8A93;
    margin:0 5px;
}
.header .top .r .liuyan{
    width:79px;
    height:20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    background-color: #9d9d9d;
    color:#fff;
}
.header  .bom{
    overflow: hidden;
    padding: 19px 0 11px;
}
.logo{
    float: left;
    padding-right: 28px;
    margin-right: 22px;
    border-right: 1px solid #dbdbdb;
}
.logo img{
    display: block;
}
.logo-txt .tit{
    font-size: 20px;
    color:#3496D8;
    font-weight: bold;
    margin-bottom: 3px;
}
.logo-txt{
    overflow: hidden;
    font-size: 16px;
    color:#636363;
    padding-top: 5px;
}
.tell{
    float: right;
    padding-top: 15px;
}
.tell .icon{
    float: left;
    overflow: hidden;
    margin-right: 16px;
}
.tell .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.tell .txt{
    overflow: hidden;
    font-size: 16px;
    color:#323232;
    line-height: 1.14;
}
.tell .txt .phone{
    font-weight: bold;
    font-size: 33px;
    color:#004fac;
}
.nav{
    background-color: #3396d9;
}
.nav::after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.nav li{
    float: left;
    width: 12.5%;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.nav li:last-child{
    border:none;
}
.nav .v1{
    display: block;
    line-height: 67px;
    text-align: center;
    color:#fff;
    font-size: 16px;
}
.nav li.on .v1,
.nav li:hover .v1{
    background-color: #004fac;
}
.nav li.on,
.nav li:hover{
    border-color: #004fac; 
}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: fixed;
    top: 12px;
    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: #3496D8;
    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:35px;
  }

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



/**banner下 第一屏**/
#searchbg{height:134px;overflow: hidden;
    background:-webkit-linear-gradient(left, #004fac 50% , #3496D8 50%); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(right, #004fac 50%, #3496D8 50%); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(right, #004fac 50%, #3496D8 50%); /* Firefox 3.6 - 15 */
    background:linear-gradient(to right, #004fac 50%, #3496D8 50%);}
#searchbg .search{}
#searchbg .search .s_left{width:26%;float:left;margin:27px 0 21px;position: relative;}
#searchbg .search .s_left p{
    color:#FFF;
    text-align:left;
    margin:0;
    font-size: 28px;
    line-height: 1.29;
    font-weight: bold;
}
#searchbg .search .s_left span{
    position: absolute;
    top: 5px;
    left: 108px;
    display: block;
    font-size: 15px;
    color:#fff;
}
#searchbg .search .s_right{width:74%;float:right;background:#3496D8;padding:10px 35px  25px;}
#searchbg .search .s_right .keyword{width:calc(100% - 200px);float:left;padding-bottom:9px;padding-top: 14px;}
#searchbg .search .s_right .keyword p{line-height:26px;color:#FFF;margin-bottom:9px;font-size:16px;font-weight:bold;}
#searchbg .search .s_right .keyword .p_txt{font-size:0;-webkit-text-size-adjust:none;}
#searchbg .search .s_right .keyword .p_txt a{color:#FFF;white-space:nowrap;display:inline-block;font-size:14px;line-height:26px;}
#searchbg .search .s_right .s_btn{width:293px;float:right;padding-bottom:10px;}
#searchbg .search .s_right .s_btn p{line-height:26px;font-weight:bold;color:#FFF;font-size:16px;margin:0 0 16px 0;text-align:left;}
#searchbg .search .s_right .s_btn .i_input{width:100%;height:44px;line-height:44px;border-radius:22px;background:#FFF;}
#searchbg .search .s_right .s_btn .i_input input{float:left;padding:5px 0px;outline:none;height:44px;line-height:44px;width:calc(100% - 65px);margin-left:22px;}
#searchbg .search .s_right .s_btn .serachbtn{float:right;width:39px;height:39px;background:url(../images/search.png) no-repeat center center #FFCA4A;cursor:pointer;border-radius:50%;margin-top:2px;margin-right:3px;}


#searchbg .search .s_right .keyword .p_txt span{font-size: 14px;color:#fff;margin:0 12px}

#searchbg .qr{
    float: right;
}

/**首页公用标题**/
.g-tit{
    text-align: center;
    color: #646464;
    line-height: 18px;
    font-size: 16px;
    font-weight: normal;
}
.g-tit .tit{
    margin: 0 0 9px 0;
    font-size: 40px;
    color: #252525;
    font-weight: bold;
    height: 66px;
    line-height: 66px;
    position: relative;
}
/**为什么选择我们**/
.row1{
    background-color: #f4f4f8;
    padding:37px 0 67px;
}
.row1 .g-tit{
    margin-bottom: 42px;
}
.ul-list1{
    overflow: hidden; 
    margin:0 -6.5px;
}
.ul-list1 li{
    float: left;
    width: 25%;
}
.ul-list1 .con{
    margin:0 6.5px;
    background-color: #fff;
    overflow: hidden;
}
.ul-list1 .pic{
    position: relative;
    padding-top: 75%;
    height: 0;
    overflow: hidden;
}
.ul-list1 .pic img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}
.ul-list1 .txt{
    padding: 53px 35px 40px;
    position: relative;
}
.ul-list1 .tit{
    font-size: 20px;
    font-weight: bold;
    color:#3496D8;
    text-align: center;
    margin-bottom: 15px;
}
.ul-list1 .desc{
    font-size: 14px;
    color:#666666;
    line-height: 1.71;
    height: 5.13em;
    display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 3;
}
.ul-list1 .icon{
    width:88px;
    height:88px;
    box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    line-height: 88px;
    border-radius: 50%;
    position: absolute;
    top: -49px;
    left: 50%;
    margin-left: -44px;
    z-index: 9;
    background-color: #fff;
}
.ul-list1 .icon img{
    display: inline-block;
    vertical-align: middle;
}


/**产品中心**/
.row2{
    padding-top: 50px;
}
.row2 .box{
    overflow: hidden;
}
.p-class{
    margin-top:10px;
    text-align:left;
    font-size:0;
    -webkit-text-size-adjust:none;
    margin-bottom: 43px;
}
.p-class a{display:inline-block;height:35px;line-height:33px;font-size:14px;color:#242424;margin:0 3px;text-align:center;border:1px solid #B6B6B6;border-radius:18px;padding:0 13px;margin-top:5px;}
.p-class a:first-child{margin-left:0;}
.p-class a.on,.product .p-class a:hover{background:#3496d8;color:#FFF;border:1px solid #3496d8;}
.ul-list2{
    overflow: hidden;
    margin: 0 -7px;
}
.ul-list2 .li{
    width: 33%;
    float: left;
    padding: 0 7px;
    margin-bottom: 12px;
}
.ul-list2 .con{
    display: block;
    overflow: hidden;
}
.ul-list2 .pic{
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
}
.ul-list2 .pic img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}
.ul-list2 .txt{
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    height: 38px;
    transition:all .3s;
    background: rgba(52, 150, 216, .82);
}
.ul-list2 .tit{
    text-align: center;
    font-size: 16px;
    color:#FFFFFF;
    line-height: 38px;
}
.ul-list2 .pic:hover  .txt{
    position: absolute;
    bottom: 0;
    height: 100%;
    padding-top: 69px;
}
.ul-list2 .pic:hover .i{
    display: block;
    width:47px;
    height:46px;
    background: url(../images/so.png) no-repeat;
    margin:0 auto 38px;
}
.ul-list2 .pic .tag{
    display: block;
    width:115px;
    height:31px;
    text-align: center;
    line-height: 29px;
    margin:20px auto 0;
    color:#fff;
    border:1px solid #fff;
    border-radius: 15px;
}
.g-link{
    text-align: center;
    padding-top: 28px;
    padding-bottom: 58px;
}
.g-link a{
    width:171px;
    height:42px;
    text-align: center;
    font-size: 14px;
    color:#6D6E6E;
    line-height: 40px;
    border-right: 18px;
    display: inline-block;
    border-radius: 20px;
    border:1px solid #c5c5c5;
    margin:0 14px;
}
.g-link a.go{
    background-color: #004fac;
    color:#fff;
    border:none;
}


/**在线留言**/
.row3{
    overflow: hidden;
    background: url(../images/pic6.jpg) no-repeat;
    padding: 31px 0 33px;
    background-size: cover;
}
.row3 .txt{
    color:#fff;
    float: left;
    width: 45%;
}
.row3 .txt p{
    font-size: 21px;
    color:#FFFFFF;
    margin-bottom: 5px;
    font-weight: bold;
}
.row3 .txt span{
    font-size: 12px;
    color:rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    display: block;
    margin-bottom: 11px;
}
.row3 .txt .tit{
    font-size: 34px;
    color:#FFFFFF;
    line-height: 1.32;
    font-weight: bold;
}
.row3 .tel{
    float: right;
    overflow: hidden;
    padding-top: 12px;
}
.row3 .tel .icon{
    float: left;
    margin-right: 23px;
}
.row3 .tel .phone{
    overflow: hidden;
    color:#fff;
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
}
.row3 .tel .more{
    display: block;
    width:260px;
    height:43px;
    line-height: 43px;
    border-radius: 30px;
    text-align: center;
    background-color: #fff;
    font-size: 17px;
    color:#3496D8;
    margin-top: 26px;
}

/**工程案例**/
.row4{
    overflow: hidden;
    background: url(../images/pic7.jpg) no-repeat;
    background-size: 100% 100%;
    padding:49px 0 48px;
}
.row4 .g-tit{
    margin-bottom: 40px;
}
.ul-list3{
    overflow: hidden;
    margin:0 -5px;
}
.ul-list3 li{
    float: left;
    width: 25%;
}
.ul-list3 .con{
    margin:0 5px;
    display: block;
    overflow: hidden;
}
.ul-list3 .pic{
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    height: 0;
    border-radius: 20px;
}
.ul-list3 .con img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}
.ul-list3 .tit{
    font-size: 14px;
    color:#6D6E6E;
    text-align: center;
    line-height: 52px;
}
.row4 .g-link{
    padding-top: 9px;
    padding-bottom: 0;
}
/**在线留言**/
.row5{
  overflow: hidden;
  background:#0083C7;
  height: 620px;
}
.row5 .pic{
    float: left;
    width: 50%;
    position: relative;
    height: 100%;
}
.row5 .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.row5 .pic .txt{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    color:rgba(255, 255, 255, .8);
    font-size: 48px;
    font-weight: bold;
}
.row5 .pic .txt .tit{
     color:rgba(255, 255, 255, .69);
     font-size: 90px;
     text-transform: uppercase;
}
.row5 .about{
    overflow: hidden;
    height: 100%;
    padding: 5.52vw 17.71vw 0 4.95vw;
    color:#fff;
    background: transparent;
}
.row5 .about .desc{
    font-size: 14px;
    line-height: 2;
    margin-bottom: 39px;
}
.row5 .about .title{
    margin-bottom: 47px;
    font-size: 18px;
}
.row5 .about .title .tit{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 5px;
}
.row5 .about .title .line{
    width:48px;
    height:2px;
    background-color: #fff;
    margin-top: 11px;
}
.row5 .about .more{
    display: block;
    width:193px;
    height:50px;
    background-color: #004fac;
    line-height: 50px;
    font-size: 16px;
    color:#fff;
    text-align: center;
    border-radius: 40px;
}


/***资质荣誉***/
.row6{
    overflow: hidden;
    position: relative;
}
.row6 .title{
    font-size: 26px;
    color:#333333;
    padding-left: 45px;
    background: url(../images/ico9.png) no-repeat;
    font-weight: bold;
    position: absolute;
    top: 30px;
}
.ul-list4.swiper-container{
     padding: 95px 0 0;
     margin:0 -7.5px;
}

.ul-list4 .con{
    text-align: center;
    margin:0 7.5px;
    overflow: hidden;
    display: block;
}
.ul-list4 .pic{
    background: #fdfafe;
    overflow: hidden;
    position: relative;
    border:1px solid #DADADA ;
    padding-top: 75%;
    height: 0;
    text-align: center;
}
.ul-list4 .pic img{
    display: block;
    position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: contain;
}
.ul-list4 .pic .txt{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background:url(../images/ico10.png) no-repeat;
    background-size: cover;
    padding-top: 72px;
    color:#fff;
    font-size: 18px;
    transition:all .3s;
    border:1px solid #DADADA ;
}
.ul-list4 .pic:hover .txt{
    top: 0;
}
.ul-list4 .pic .txt .i{
    width:56px;
    height:57px;
    margin:0 auto 30px;
    background: url(../images/ico7.png) no-repeat;
}
.ul-list4 .tit{
    background: #efecf0;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color:#484848;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-list4 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    top:47px;
    left: auto;
    right: 4px;
    width: auto;
    bottom: auto;
  }
.ul-list4 .swiper-pagination{
    text-align: left;
    right: 0;
}
.ul-list4 .swiper-pagination-bullet{width:12px;height:12px;background:#3496d8;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;
}
.ul-list4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#004fac;}
/*news*/
#news{padding:40px 0 70px;overflow: hidden;}
#news .newc_c{}
#news .news_content{margin-top:25px;}
#news .news_content .news_li{width:48%;margin-top:15px;position:relative;float:left;margin-left:4%;}
#news .news_content .news_li:first-child{margin-left:0;}
#news .news_content .news_li .news_img{width:100%;padding-bottom:45.5%;position:relative;}
#news .news_content .news_li .news_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-size:cover;}
#news .news_content .news_li .news_txt{margin-top:23px;}
#news .news_content .news_li .news_txt p{margin:0;line-height:24px;color:rgba(37,37,37,.7);}
#news .news_content .news_li .news_txt p a{color:#252525;}
#news .news_content .news_li .news_txt p:first-child{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news .news_content .news_li .news_txt p:nth-child(2){margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#news .news_content .news_li .news_txt .n_btn{width:177px;height:40px;line-height:40px;border:1px solid #dedede;text-align:center;color:#656565;border-radius:20px;display:block;margin-top:15px;}
#news .news_content .news_li .news_c{}
#news .news_content .news_li .news_c p{margin:0;line-height:24px;color:rgba(37,37,37,.7);}
#news .news_content .news_li .news_c p a{color:#252525;}
#news .news_content .news_li .news_c p:first-child{font-size:16px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news .news_content .news_li .news_c p:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#news .news_content .news_li .news_li_txt{height:40px;line-height:40px;background:#E9E9E9;border-radius:7px;font-size:16px;display:block;color:#252525;padding-left:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*foot*/
#footbg{background:#3496D8 ;padding:35px 0;overflow: hidden;}
#footbg .foot_c{}
#footbg .f_left{width:50%;float:left;position:relative;}
#footbg .f_left .f_txt{height:48px;padding-left:60px;position:relative;background:url(../images/ico11.png) no-repeat left top;}
#footbg .f_left .f_txt p{height:20px;line-height:20px;color:#b5e1ff;margin-bottom:0;}
#footbg .f_left .f_txt span{font-size:28px;font-family:Impact;color:#FFF;display:inline-block;height:28px;line-height:28px;}
#footbg .f_left .f_txt  a{
    width:130px;
    height:33px;
    border-radius: 15px;
    display: inline-block;
    background-color: #004fac;
    text-align: center;
    color:#fff;
    line-height: 33px;
    position: relative;
    top: -8px;
    margin-left: 43px;
}
#footbg .f_left .f_p{margin-top:29px;}
#footbg .f_left .f_p p{margin:0;line-height:26px;color:#d1ecff;}
#footbg .f_left .erweima{position:absolute;width:118px;height:118px;right:0;bottom:26px;}
#footbg .f_right{width:46%;float:right;padding-top:5px;}
#footbg .f_right p{margin:0;line-height:26px;color:#d1ecff;}
#footbg .f_right p a{color:#d1ecff;}
/*friendlink*/
#flbg{background:#fff;border-top:1px solid #eee;padding:19px 0 20px;overflow: hidden;}
#flbg .flink{}
#flbg .flink .flink_left{width:160px;float:left;font-size:17px;color:#b5e1ff;padding-left:5px;position:relative;padding-bottom:3px;margin-top:11px;}
#flbg .flink .flink_left:after{content:'';position:absolute;width:1px;height:55px;background:#eee;top:0;right:0;}
#flbg .flink .flink_left p{color:#333;font-size:17px;margin:0;}
#flbg .flink .flink_left p:first-child{line-height:32px;height:32px;font-weight:bold;}
#flbg .flink .flink_left p:last-child{line-height:20px;height:20px;}
#flbg .flink .flink_left1{width:100%;line-height:32px;height:32px;font-weight:bold;font-size:16px;text-align:center;color:#b5e1ff;}
#flbg .flink .flink_right{float:right;width:calc(100% - 160px);font-size:0;-webkit-text-size-adjust:none;}
#flbg .flink .flink_right a{display:inline-block;line-height:22px;white-space:nowrap;padding:0 32px;font-size:14px;color:#004fac;margin-top:11px;}
/*stylepbulic*/
#stylepbulic{width:100%;padding-bottom:23.28%;position:relative;overflow: hidden;}
#stylepbulic img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
#stylesubnav{width:100%;height:50px;border-bottom:1px solid #E0E0E0;}
#stylesubnav .xq_c{}
#stylesubnav .xq_crumbs{background:url(../images/position.png) no-repeat left center;background-size:auto 12px;padding-left:20px;line-height:50px;float:left;}
#stylesubnav .xq_nav{float:right;font-size:0;-webkit-text-size-adjust:none;}
#stylesubnav .xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 10px;text-align:center;position:relative;font-size:14px;}
#stylesubnav .xq_nav a.on{background:#004fac;color:#FFF;}
#stylesubnav .xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #004fac;display:block;}
.flink_left1.h-768{display: none;}

/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}
#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;}




/*Common For Max 1400*/
@media only screen and (max-width: 1500px) {
    .row5 .about{padding: 30px;}
    .row5{height: 420px;}
    .row5 .pic .txt .tit{font-size: 40px;}
    .row5 .pic .txt{font-size: 40px;}
    .row5 .about .title .tit{font-size: 30px;}
    .row5 .about .title{margin-bottom: 20px;}
}
/*Common For Max 1200*/
@media only screen and (max-width: 1430px) {
    .wp{width: 1100px;}
    .row5{height: 420px;}
    .row5 .about .title .tit{font-size: 26px;}
    .row5 .about .more{width: 140px;height: 30px;font-size: 14px;line-height: 30px;}
    .g-tit .tit{font-size: 30px;margin-bottom: 0;height: auto;line-height: 1.5;}
    .row3 .txt .tit{font-size: 20px;}
    #searchbg .search .s_left p{font-size: 20px;}
    #searchbg .search .s_left span{position: static;}
    .tell .txt .phone{font-size: 20px;}
    .logo-txt .tit{font-size: 18px;}
    .logo-txt{font-size: 14px;}
    .header .bom{padding: 10px 0;}
    .logo-txt{padding-top: 10px;}
    .ul-list1 .txt{padding: 53px 15px 15px;}
    .ul-list1 .tit{font-size: 18px;}

}
/*Common For Max 960*/
@media only screen and (max-width: 1200px) {
    .row5 .about .desc{line-height: 1.5;}
    .wp{width: 96%;} 
    .row5 .about .title{font-size: 14px;}
    #footbg .f_left .f_p{margin-top: 9px;}
    #footbg .f_left .erweima{position: static;}
    #footbg{padding:30px 0;}
    #floatBottom{display: block;}
    body{padding-bottom: 53px;}
    .row3 .tel .phone{font-size: 20px;}
    .row3 .txt .tit{font-size: 18px;}
    .row5 .pic .txt{font-size: 30px;}
    #news .news_content .news_li{margin-top:10px;}
    #news .news_content .news_li .news_txt p{line-height:21px;}
    #news .news_content .news_li .news_txt p:nth-child(2){font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
    #news .news_content .news_li .news_c p{font-size:12px;line-height:20px;}
    #news .news_content .news_li .news_li_txt{font-size:15px;}

}
/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .header .top{display: none;}
    #news{padding:10px 0 30px;}
    #news .news_content{margin-top:0px;}
    #news .news_content .news_li{width:100%;margin-top:15px;float:none;margin-left:0;}
    #news .news_content .news_li .news_txt p{line-height:24px;}
    #news .news_content .news_li .news_txt p:nth-child(2){font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
    #news .news_content .news_li .news_txt .n_btn{display:none;}
    #news .news_content .news_li .news_c p{font-size:14px;line-height:24px;}
    #news .news_content .news_li .news_li_txt{font-size:16px;padding-left:10px;}
    #footbg .f_left{width:100%;}
    #footbg .f_right{width:100%;}
    #flbg .flink .flink_right{width:100%;float:none;}
    #stylepbulic{margin-top:70px;}
    #stylesubnav{height:auto;border-bottom:none;}
    #stylesubnav .xq_crumbs{width:100%;float:none;border-bottom:1px solid #E0E0E0;}
    #stylesubnav .xq_nav{float:none;margin-top:15px;}
    #stylesubnav .xq_nav a{background:#EEE;border-right:1px solid #FFF;padding:0 15px;}
    #stylesubnav .xq_nav a.on .san{display:none;}
    .flink_left.l-767{display: none;}
    .flink_left1.h-768{display: block;}
    #footbg .f_right .l-767{display: none;}
    #footbg .f_left{margin-bottom: 15px;}
    .row5 .pic{width: auto;float: none;}
    .row5{height: auto;}
    .row6 .title,.row5 .about .title .tit{font-size: 22px;}
    .ul-list1 li{width: 50%;margin-bottom: 15px;}
    .row1{padding: 20px 0 30px;}
    #searchbg .search .s_left{display: none;}
    #searchbg {
    height: auto;
    background: #3496D8;}
    #searchbg .search .s_right{width:100%;padding:15px 0;}
    .logo-txt{display: none;}
    .tell{display: none;}
    .logo{padding-right: 0;border-right: none;}
    .header{background-color: #fffeff;}
    .header.fixed{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
        .nav{
            position: fixed;
        }
        .menuBtn{display: block;}
        body{padding: 50px 0 53px;}
        .logo{line-height: 50px;width: 150px;height: 50px;padding-top: 10px;}
        
    .nav{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: 100%; 
        z-index: 99;
        overflow: hidden;
        transition:all .3s;
        background: 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(../images/sel.png) no-repeat center center;
    }
    .nav .sub{position: static;}
    .nav .sub a{padding-left: 20px;text-align: left;}*/
    .nav .wp{width: auto;padding: 0;}
    .nav .v1 span{display: none;}
    .nav .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 20px;}
    .nav li.on .v1, .nav li:hover .v1{color:#fff;}
    .nav li{float: none;padding: 0;width: auto;}
    .header .top{display: none;}
    .header .bom{padding: 0;}
    .wp{width: auto;padding: 0 15px;}
    .row3 .txt{width: auto;float: none;text-align: center;}
    .row3 .tel .icon{display: none;}
    .row3 .tel{float: none;text-align: center;}
    .row3 .tel .more{width: 200px;height: 40px;line-height: 40px;font-size: 16px;margin:15px auto;}
    #footbg .f_left .erweima{display: none;}
    .row2{padding-top: 20px;}
    #searchbg .qr{display: none;}
    #searchbg .search .s_right{padding:0;}
    #searchbg .search .s_right .keyword{width:100%;float:none;}
    #searchbg .search .s_right .keyword p{margin-bottom:0;font-size:15px;}
    #searchbg .search .s_right .keyword .p_txt a{font-size:12px;margin-right:12px;}
    #searchbg .search .s_right .s_btn{width:100%;float:none;padding-bottom:0;}
    #searchbg .search .s_right .s_btn p{font-size:15px;margin-bottom:8px;}
    #searchbg .search .s_right .s_btn .i_input{height:36px;line-height:36px;}
    #searchbg .search .s_right .s_btn .i_input input{height:36px;line-height:36px;}
    #searchbg .search .s_right .s_btn .serachbtn{width:32px;height:32px;background-size:50% auto;}
    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}
    .g-tit .tit{font-size: 22px;margin-bottom: 5px;}
    .row1 .g-tit{margin-bottom: 15px;}
    .g-link,.row4{padding-top: 20px;padding-bottom: 20px;}
    .ul-list4 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {top: 34px;}
    .row6,.row4 .g-tit{margin-bottom: 20px;}
    .p-class{margin-bottom: 20px;}
    .ul-list2 .li{width: 50%;}
    .news_list .news_ul .news_date{display: none;}

}
/*Common For Max 375*/
@media only screen and (max-width: 767px) {
.row3 .txt .tit{font-size: 16px;}
.ul-list3 li{width: 50%;}
.p-class a {
height: 30px;
line-height: 28px;
font-size: 12px;
}
#footbg .f_left .f_txt a{margin-left: 0;position: static;}
#footbg .f_left .f_txt span{font-size: 24px;display: block;}
#footbg .f_left .f_txt{height: auto;}
#flbg .flink .flink_right a{display: block;float: left;width: 33.333%;padding: 0;text-align: center;}
.g-link a{width: 120px;height: 36px;line-height: 34px;font-size: 14px;}
.ul-list3 .tit{line-height: 30px;}
.g-tit{font-size: 14px;}
.row3 .txt p{font-size: 18px;}
#searchbg .search .s_right .keyword .p_txt span{display: none;}
.ul-list2 .li{width: auto;height: auto;float: none;}
#footbg .f_right{padding-top: 0;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .row5 .pic .txt{font-size: 24px;}
}