@CHARSET "UTF-8";

/*澶撮儴鏍峰紡*/
#header{}
.top{}
.header{height:133px;}

.h-wel{
    height: 35px;
    background: #f5f5f5;
    font-size: 14px;
    line-height: 35px;
}
.k1 ,.k1 a {
    line-height: 35px;
    font-size: 14px;
}
.logo {
    float: left;
    width:60%;line-height:133px;
}
.logo img{width:100%;}



.ss {
    width: 20px;
    position: relative;
    height: 133px;
}

.search {
    position: absolute;
    width: 432px;
    right: 0;
    display: none;
    bottom: 38px;
    z-index: 10;
}

.search input {
    outline: none;
    background: none;
    border: none;
    background: #ffffff;
}

.search input#keywords {
    width: 362px;
    padding: 0 20px;
    line-height: 34px;
    height: 38px;
    float: left;
    border: 2px solid #0F6381;
    font-size: 14px;
}

.search .searchBtn {
    width: 70px;
    background-color: #0F6381;
    color: #fff !important;
    display: block;
    height: 38px;
    float: right;
    line-height: 38px;
    text-align: center;
}

.ss img {
    margin-top: 61px;
    cursor: pointer;
}

.top_tels {
    padding-left: 48px;background: url(../images/topt.png) no-repeat left center;margin-top:40px;margin-right:20px;
    
}

.top_tels h3 {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
}

.top_tels p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #0b9243;
}






.link{
    margin-top: 2%;
}

.topLink{;float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

.topLink .k2 {
    color: #000000;
    font-size: 16px;
    font-family: "寰蒋闆呴粦";
    padding-top: 20%;
}
.topLink .k2 span{
    color: #046ecd;
    font-weight: normal;
}




/*鐑棬鎼滅储*/
.search{
    height: 51px;
    border-bottom: 1px solid #eeeeee;
}
/*#formsearch{width:250px;float:right;height: 31px;background: url(../images/s.png) no-repeat;margin-top: 10px;}*/
.hotSearch {
    float: left;
    height: 51px;
    line-height: 51px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}
/*鎼滅储鍜岀儹闂ㄦ悳绱?/

.hotSearch a {
    margin: 0 6px;
}

/*#formsearch input {
    height: 31px;
    background: none;
    border: none;
    line-height: 31px;
}

#formsearch input#keyword {
    height: 31px;
    line-height: 31px;
    padding-left: 4px;
    color: #666;
    width: 211px;
    float: left;    
}

#formsearch input#s_btn {
    width: 39px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background-color: none;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 0;
}
*/

/*涓讳綋鏍峰紡*/
#container{width:1000px;margin:0 auto;margin-top:10px;}

.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl {
    float: left!important;
}
.fr{float:right!important;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*棣栭〉鏈嶅姟椤圭洰*/
.i-service{
    margin-top: 2%;
}
.i-tt{
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-bottom: 1%;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}
.i-tt p {
    font-size: 14px;
    color: #999999;
    padding-top: 1%;
}
.i-tt::after{
    content: '';
    display: block;
    width: 320px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    bottom: -3px;
    background: #046ecd
}
.i-banner-list{
    margin-top: 2%;
}
.i-banner-list li{
    cursor: pointer;
}
.i-banner-list li img{
    border: 3px solid #eeeeee;
    width: 100%;
}
.i-banner-list li h3{
    text-align: center;
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    padding-top: 4%;
    line-height: 28px;
}
.i-banner-list li:hover h3{
    color: #046ecd;
}
.i-banner-list li:hover img{
    border-color: #046ecd;
}


/*棣栭〉浜у搧*/
.i-product{
    background: #f5f5f5;
    padding-top: 3%;
    margin-top: 3%;
    padding-bottom: 2%;
}
.menu_cate {
    width: 25%;
    float: left;
}

.cate_title {
    background: #046ecd;
    color: #fff;
    padding: 4% 0;
    text-align: center;
    font-weight: bold;
    font-size: 23px;

}
.cate_title p {
    font-size: 12px;
    transform: scale(.8);
    text-transform: uppercase;
}

.i-sort{
    background: #fff;
}
.i-sort li {
    background: url(../images/sort.png) no-repeat 8% center;
    line-height: 85px;
    border-bottom: 1px solid #f1f1f1;
    text-indent: 20%;
    cursor: pointer;
}
.i-sort li a {
    font-size: 16px;
    color: #000000;
}
.i-sort li:hover {
    background: url(../images/sort_on.png) no-repeat 8% center;
}
.i-sort li:hover a {
    color: #046ecd;
}

.recommend_product{
    width: 72%;
}
.recommend_product .title{
    background: url(../images/tt.png) no-repeat bottom left;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.recommend_product .title a {
    color: #046ecd;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
}
.i-product-list{
    width: 104%;
    position: relative;
    left: -2%;
    margin-top: 1%;
}
.i-product-list li img{
    width: 100%;
}

.i-product-list li h3{
    text-align: center;
    line-height: 42px;
    font-size: 14px;
}
.tab{
    display: none;
}

.heng ,.heng img{
    width: 100%;
}

/*棣栭〉浼樺娍*/

.i-you {
    margin-top: 1%;
}
.i-you h2 {
    text-align: center;
    color: #046ecd;
    font-size: 22px;
    font-weight: normal;
}
.i-you h2 img{
    max-width: 100%;
}
.i-you .content{
    height: 1106px;
    background: url(../images/you.jpg) no-repeat top center;
    background-size: 100%;
    margin-top: 2%;
}
.i-ytt {
    background: url(../images/1.png) no-repeat left center;
    color: #282828;
    font-size: 28px;
    font-weight: bold;
    padding: 2% 0;
    padding-left: 20%;
}
.i-ytt1 {
    background: url(../images/2.png) no-repeat left center;

}
.i-ytt2 {
    background: url(../images/3.png) no-repeat left center;

}
.i-ytt3 {
    background: url(../images/4.png) no-repeat left center;

}

.i-ytt p {
    color: #046ecd;
}
.you1 .content1 {
    color: #666666;
    font-size: 16px;
    padding-top: 2%;
    line-height: 30px;
}
.you1 {
    margin-top: 1%;
}
.you1 .content1 img{
    width: 100%;
    padding-top: 0%;
}
.you1 .content2 img {
    padding-top: 0%;
}
.you2{
    margin-top: 10%;
}


/*棣栭〉妗堜緥*/
.i-case{
    background: #f5f5f5;
    padding: 5% 0;
}
.i-case .content{
    margin-top: 3%;
}
.slideGroup {
   margin-top: 3%;
   width: 100%;
   position: relative;
   height: 400px;;
}

.slideGroup .parHd {
    width: 30%;
    background: #046ecd;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.slideGroup .parHd ul {
   padding: 5%;
}

.slideGroup .parHd ul li {
    line-height: 68px;
    color: #fff;
    font-size: 18px;
    text-indent: 5%;
    cursor: pointer;
}

.slideGroup .parHd ul li.on {
    background: #dadada;
    color: #046ecd;
}
.slideGroup .parBd {
     width: 80%;
     position: absolute;
     right: 0;
     top: 2%;
     background: #fff;
     margin-top: 3%;
     z-index: 9999;
}
.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
   
}

.slideGroup .sPrev,
.slideGroup .sNext {
    position: absolute;
    left: 5px;
    top: 35%;
    display: block;
    width: 34px;
    height: 79px;
    background: url(../images/left.png) center center no-repeat;
    z-index: 9999;
}

.slideGroup .sNext {
    left: auto;
    right: 5px;
    background: url(../images/right.png) center center no-repeat;
}

.slideGroup .sPrev:hover,
.slideGroup .sNext:hover {
    border-color: #f60;
}

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.slideGroup .parBd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 100%;
    padding: .5% 0;
}

.slideGroup .parBd ul li .case-left{
   width: 30%;
   margin-left: 8%;
   padding-top: 10%;
   text-align: left;
}
.slideGroup .parBd ul li .case-right{
    width: 50%;
    margin-right: 8%;
}
.slideGroup .parBd ul li h3{
    color: #000000;
    font-size: 20px;
}
.slideGroup .parBd ul li p{
    font-size: 14px;
    color: #999999;
    padding-top: 5%;
}
.slideGroup .parBd ul li a{
    display: inline-block;
    width: 96px;
    height: 33px;
    color: #ffffff;
    text-align: center;
    line-height: 33px;
    margin-top: 6%;
    float: left;
    margin-left: 1%;
}


.slideGroup .parBd ul li img{
    width: 100%;
}


/*棣栭〉鍚堜綔浼欎即*/
.i-parnter {
    background: #f5f5f5;
  
}
.i-tat {
    color: #000000;
    font-size: 16px;
    position: relative;
    line-height: 19px;
    text-indent: 12px;
}
.i-tat a{
    position: absolute;
    right: 0;
    font-size: 14px;
    top: 0;
}
.i-tat::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 19px;
    background: #046ecd;
}
.i-tat::after{
    content: '';
    display: block;
    width: 93%;
    height: 1px;
    background: #dddddd;
    right: 0;
    bottom: 0;
    position: absolute;
}
.i-parnter .content{
    overflow: hidden;
    margin-top: 2%;
}
.slick-prev ,.slick-next{
    display: none!important;
}

/*棣栭〉鍏充簬鎴戜滑*/
.i-about{
    margin-top: 1%;
}
.i-about .content{
    height: 496px;
    background: url(../images/about.jpg) no-repeat top center;
    background-size: cover;
    margin-top: 2%;
    padding: 3%;
    padding-top: 5%;
}
.about-left h3{
    font-size: 30px;
    color: #000000;
    line-height: 60px;
    font-weight: bold;
}
.about-left h3::after{
    content: '';
    display: block;
    width: 10%;
    height: 1px;
    background: #000000;
}
.about-left .content2{
    font-size: 14px;
    padding-top: 2%;
    color: #666;
    line-height: 30px;
}
.i-hornor{
    margin-top: 3%;
}
.i-hornor-list{
    margin-top: 3%;
}
.i-tat1{
    color: #046ecd;
}
.i-tat1::after{
    content: '';
    display: block;
    width: 88%;
    height: 1px;
    background: #dddddd;
    right: 0;
    bottom: 0;
    position: absolute;
}
.i-tat1 a{
    text-transform: uppercase;
}

.img-about img{
    max-width: 100%;
}
.i-hornor-list li img{
    width: 100%;
}


/*棣栭〉鏂伴椈*/
.i-news{
    margin-top: 2%;
}
.tab2li{
    border-bottom: 1px solid #dddddd;
}
.i-news-left{
    position: relative;
}
.tab2{
    display: none;
    margin-top: 3%;
}
.tab2li li{
    padding: 1.5% 2%;
    color: #000000;
    font-size: 18px;
    float: left;
    cursor: pointer;
}
.tab2li li.cur{
    background: #046ecd;
    color: #fff;
}
.news_list1{
    margin-bottom: 8%;
}
.news_list1 li b{
    display: block;
    width: 56px;
    height: 23px;
    background: #046ecd;
    color: #fff;
    font-size: 14px;
    float: left;
    line-height: 23px;
    text-align: center;
}
.news-right{
    width: 90%;
    margin-left: 2%;
}
.news-right a{
    color: #333333;
    font-size: 16px;
}
.news-right a:hover {
    color: #046ecd;
}
.news-right p{
    color: #999999;
    font-size: 14px;
    padding-top: 2%;
}


.news_list2::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #e0e0e0;
    left: 5px;
    position: absolute;
    top: 5px;
}
.news_list2{
    position: relative;

}
.news_list2 li{
    position: relative;
    padding-left: 33px;
    line-height: 56px;
}
.news_list2 li::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bfbfbf;
    position: absolute;
    left: 0;
    top: 40%;
}
.news_list2 li::after{
    content: '';
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #cccccc;

}
.news_list2 li a{
    color: #333333;
    font-size: 14px;
}
.news_list2 li span{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 55px;
    color: #999999;
    font-size: 12px;
}

.news_list2 li:hover::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #046ecd;
    position: absolute;
    left: 0;
    top: 40%;
}
.news_list2 li:hover a{
    color: #046ecd;
}

a.nmore{
    display: block;
    position: absolute;
    right: 5%;
    top: 0;
    line-height: 19px;
    color: #333333;
    font-size: 12px;
    text-transform: uppercase;
    transform: scale(0.9);
    padding: 1.5% 0
}
.chang h2{
    position: relative;
}
.chang h2 b{
    display: block;
    padding: 3.5% 5%;
    background: #046ecd;
    color: #fff;
    font-size: 16px;
    float: left;
}
.chang h2 a{
    display: block;
    position: absolute;
    right: 5%;
    top: 0;
    line-height: 19px;
    color: #333333;
    font-size: 12px;
    text-transform: uppercase;
    transform: scale(0.9);
    padding: 1.5% 0
}
.chang img{
    width: 100%;
    margin-bottom: 5%;
}

.news_list3 li{
    padding: 5% 0;
    border-bottom: 1px solid #eeeeee;
}
.news_list3 li a b {
    display: block;
    width: 19px;
    height: 19px;
    background: #888888;
    color: #fff;
    font-size: 14px;
    float: left;
    text-align: center;
    line-height: 19px;
    font-weight: normal;
    margin-right: 1%;
}
.news_list3 li h3{
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    padding-left: 1%;
}
.news_list3 li p{
    padding-top: 2%;
    line-height: 26px;
   white-space:nowrap;
    overflow: hidden
}
.news_list3 li a i{
    display: block;
    width: 19px;
    height: 19px;
    background: #046ecd;
    color: #fff;
    font-size: 14px;
    float: left;
    text-align: center;
    line-height: 19px;
    font-style: normal;
    margin-right: 1%;
}






/*鍙嬫儏閾炬帴*/


/*椤甸潰搴曢儴*/
.out-foot{
    height: 314px;
    background: url(../images/foot.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 2%;
}
#footer{position:relative;height:224px }
#footer a{}
#footer a:hover{color:#e87518;text-decoration:none;}
.foot{
    background: #046ecd;
    margin-top: 5%;
}
.nav_foot{
    line-height: 48px;
    color: #fff;
    font-size: 14px;
}
.nav_foot a{
    color: #fff;
    display: inline-block;
    width: 5%;
}
.copyright{text-align:center;line-height:24px;}


.foot-nva li a{
    display: block;
    color: #bdbdbd;
    font-size: 16px;
}
.foot-nva li .sec{
    padding-top: 2%;
}
.foot-nva li .sec a{
    color: #818181;
    font-size: 14px;
    line-height: 26px;
}

/*鍐呴〉宸︿晶鍒嗙被閫氱敤鏍峰紡*/

//.sort{border-bottom:#D9D9D9 1px solid;}
.sort li {
    position: relative;
    z-index: 999;
}

.sort li .about_b {
    position: absolute;
    left: 210px;
    top: 0px;
    width: 210px;
    padding: 10px 20px;
    background: #f5f6f6;
    border-bottom: 2px solid #3a78c1;
    z-index: 9999;
}

.sort li .layer2 {
    position: absolute;
    left: 210px;
    top: 0px;
    width: 210px;
    padding: 10px 20px;
    background: #f5f6f6;
    border-bottom: 2px solid #3a78c1;
    z-index: 9999;
}

.sort li .layer2 li {
    overflow: hidden;
}

.sort li .layer2 li a {
    font-weight: bold;
    background: url(../images/ico1.gif) no-repeat 0% 50%;
}

.sort li .layer2 li a:hover {
    text-decoration: none;
    color: #3a78c1;
}

.sort li .layer2 li .layer3 li {
    border-bottom: 1px dashed #d5d5d5;
    margin: 6px 0px;
    height: 24px;
    line-height: 24px;
}

.sort li .layer2 li .layer3 li a {
    font: normal 12px/24px "寰蒋闆呴粦";
    background: none;
}

.sort li a {
    background: url(../images/dot4.png) no-repeat 5px -41px;
    color: #666;
    display: block;
    line-height: 30px;
    font-family: "寰蒋闆呴粦";
    border-bottom: 1px solid #dddddd;
    padding-left: 25px;
}

.sort li a:hover {
    color: #3a78c1;
    text-decoration: none;
    background: url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;
}

.sort li.change a {
    background: url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;
}

//.sort .layer2 li{width:200px;height:35px;margin-bottom:0;background:none;}

/*棣栭〉宸︿晶鑱旂郴鎴戜滑*/

.contact {
    
}
.contact h3{
    color: #bdbdbd;
    font-size: 16px;
}

.contact .content {
    color: #6d6d6d;
    font-size: 14px;
    padding-top: 1%;
    line-height: 26px;
}
.er{
    text-align: center;
    color: #6d6d6d;
    font-size: 14px;
    padding-top: 2%;
}
.er img{
    max-width: 100%;
}


#nav-fiexd {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(248, 238, 238, 0.9);
}

#nav-fiexd.navbar-default {
    background: #fff;
}

#nav-fiexd a.navbar-brand {
    display: block;
    width: 70%;
    padding: 0;
    height: 50px;
}

#nav-fiexd a.navbar-brand img {
    width: auto;
    max-height: 100%;
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
/*------------鍐呴〉-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦";
background:#046ecd;
font-size:14px;
color:#fff;
}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner ,.n_banner img{width:100%;margin:0 auto;}

.left{float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{;padding-bottom:10px;}
.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
    border-bottom: 1px solid #046ecd;
}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.slick-slide img{
    max-width: 100%;
}
.slick-slide{
    margin-right:.5%;
}
.telp{
    margin-top: 2%;
}
@media screen and (max-width: 1200px) {

    .topLink .k2{
        padding-top: 5%;
        font-size: 14px;;
    }
    .topLink .k2 span{
        font-size: 20px!important;
    }
    .i-parnter{
        padding-top: 3%
    }
}

@media screen and (max-width: 1040px) {
   .menu_cate{
       width: 100%;
   }
   .i-sort{
       display: flex;
       flex: row;
       justify-content: space-around
   }
   .i-sort li{
       line-height: 40px;
       display: inline-block;
       text-indent: 5%;
       background-size: 20%;
   }
   .i-sort li:hover {
       background-size: 20%;
   }
   .recommend_product{
       width: 100%;
   }
   .i-product-list li{
       width: 32%;
       display: inline-block;
   }
   .i-product-list li:hover{
       background-size: 20%;
   }
   .you1{
       width: 40%;
       margin-top: 0
   }
   .i-ytt{
       background-size: 18%;
       font-size: 24px;
   }
   .you2{
       margin-top: 4%;
   }
   .i-you .content{
       height: 800px;
   }
   .slideGroup .parHd ul li{
       line-height: 40px;
   }
   .i-about .content{
       background: none;
   }
   .i-hornor-list li{
       width: 32%;
       display: inline-block
   }
   .i-about .content{
       height: auto;
   }
   .img-about{
       display: none;
   }
   .chang{
       width: 100%;
   }
   .nav_foot ,.contact ,.er  {
       display: none;
   }
   .foot-nva{
       width: 100%;
   }
   .foot-nva li{
       width: 24%;
       float: left;
   }
   #footer{
       height: 240px;
   }
}


@media screen and (max-width: 760px) {
    .topbanner{
        padding-top: 6%;
    }
    .you1 .content1{
        font-size: 14px;
    }
    .you1 .content1 img{
        padding-top: 0
    }
    .i-ytt{
        font-size: 20px;;
    }
    .you1{
        width: 48%;
    }
    .i-you .content{
        background: none;
    }
 
}


@media screen and (max-width: 640px) {
    .i-you h2 img{
        width: 50%;
    }
    .i-you h2{
        font-size: 20px;
    }
    .you1{
        width: 100%;
    }
    .i-ytt{
        width: 100%;
        background-size: 10%;
    }
    .slideGroup .parHd{
        width: 100%;
        position: relative;
        
    }
    .slideGroup .parHd ul{
    display: flex;
    flex: row;
    justify-content: space-around;
    padding: 1%;
    }
    .slideGroup .parHd li{
        text-indent: 0px!important;
        font-size: 12px!important;
    }
    .slideGroup .parBd{
        width: 100%;
        position: relative;
    }
    .slideGroup .parBd ul li .case-left{
        padding-top: 0%;
    }
    .i-tt{
        font-size: 20px;
    }
    .about-left h3{
        font-size: 18px;;
    }
    .news_list2 li{
        line-height: 40px;
    }
    .news_list3 li{
        padding: 3% 0;
    }
    .slideGroup .parHd ul li:last-child{
        display: none;
    }
    .slideGroup .parHd ul li:nth-child(7) {
        display: none;
    }
    .slideGroup .parBd ul li p{
        display: none;
    }
    .slideGroup .sPrev,
    .slideGroup .sNext{
        top: 20%;
        background-size: 50%;
    }
    .slideGroup{
        height: 210px;
    }
    .chang{
        margin-top: 3%;
    }
    .hotSearch{
        display: none;
    }
    .i-sort li{
        background: none;
        text-indent: 0;
        
    }
    .i-sort li.cur{
         color: #046ecd
    }
     .i-sort li:hover {
         background: none;
         text-indent: 0;
         color: #046ecd
     }
    .i-product-list li h3{
        font-size: 12px;
        line-height: 22px;
    }
    .slideGroup .parBd ul li h3{
        font-size: 16px;
    }
    .foot-nva li{
        width: 25%;
        display: inline-block;
        margin: 0!important
    }
    .foot-nva li a{
        font-size: 14px;;
    }
    #footer{
        height: auto;
    }
    .i-tt{
        padding-bottom: 3%;
    }

    .i-tt::after {
        content: '';
        display: block;
        width: 120px;
        height: 5px;
        position: absolute;
        left: 50%;
        margin-left: -60px;
        bottom: -3px;
        background: #046ecd
    }
    .right{
        float: none!important;
    }
    .left{
        float: none!important;
    }
    .sort_product ,.n_news ,.n_contact{
        display: none;
    }
    .sort{
        display: flex;
        justify-content: space-around;
    }
    .sort li{
        padding-left: 0;text-indent: 0;
        background: none;
    }
    .sort li a{
        padding-left: 0;
        text-indent: 0;
        background: none;
        border: none;
    }
    .product_detail .list{
        display: none;
    }
}



 /*phone搴曢儴瀵艰埅*/

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: #058e3e;
    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(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
}

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






@media (max-width: 1024px){
   .link{display: none;}
}

.page-wrap-right .content{margin-top:10px;}

.ahot a{padding-right:8px;}





/* 瀵艰埅 */

.navs {
    position: relative;
}

.nav.bglinear {
    background: none;
    border-top: 1px solid #DCDCDC;
    height: 78px;
}

.nav li a {
    color: #282828;
    display: block;
    text-align: center;
   
}

.nav li a:hover {
    background: none;
    color: #06678A;
    font-weight: bold;
}

.nav li {
    float: left;
    line-height: 78px;
    height: 77px;
    font-size: 16px;
    position: relative; width:14.2%;
}

.nav li:before {
    content: "/";
    position: absolute;
    right:4px;
    top: 0;
    color: #CFCFCF;
    font-weight: lighter;
}

.lihover a:hover,
.lihover a.cur {
    background: none;
    color: #06678A;
    font-weight: bold;
}

.nav li:last-child:before {
    content: "";
}

.nav li:hover ul {
    display: block;
        width: 167px;
}

.nav li ul {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 999;
    display: none;
    background: #f2f2f2;
  
    left: 0px;
}

.nav li ul li {
    display: block;
    width: 100%;
    z-index: 222;
    position: relative;
    line-height: 26px;
    height: auto;
    margin-right: 0;
}

.nav li ul li a {
    color: #333;
    font-size: 16px;
    padding: 0;
}

.nav li ul li:before {
    content: "";
}

.nav li:last-child {
    margin-right: 0;
}


/* 瀵艰埅鏉 */

.head-position {
    position: absolute;
    left: 0;
    top: -1px;
    width: 80px;
    width: 100px;
    height: 2px;
    background: #06678A;
    display: block;
}