﻿@media all and (max-width:1080px) {
.header {display: none;}
.Sheader {display: block;}
.com-width{width: 96%; max-width: 96%; margin: 0 auto;}
.index-fangan .w1200{width: 96%; max-width: 96%;}
.container,.w1200{width: 96%; max-width: 96%;}
address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul{margin: 0;}

ol, ul {padding-left: 0;}
/* 头部*/
.Sheader{height: 64px;line-height: 64px;}
.header-fixed{position: fixed;top: 0;max-width: 100%;; width: 100%;height: 64px;box-sizing: border-box;z-index: 99;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.06);font-size: 0;padding-left:1%;}
.Sheader .logo{display: inline-block;font-size: 0;width: 155px;vertical-align: middle;margin-top: 16px;}
.Sheader .logo img{max-width: 100%;}
.Sheader .nav-btn,
.Sheader .back-btn{position: absolute;top: 0;right: 2.75%;}
.Sheader .search-btn{position: absolute;right: 11%;}
.Sheader .search-btn .iconfont{font-size: 18px;}
.Sheader h3{font-size: 18px;color: #333;}
.Sheader .home-btn{position: absolute;right: 3%;color: #000;}
.Sheader .home-btn i{font-size: 18px;}
.header-fixed.home-page{}
.header-page .search-btn{right: 12%;}
.search-box{width: 85%;left: 15%;position: absolute;top: 0;height: 44px;line-height: 44px;}
.search-box .inp{display: block;width:80%;height: 35px;margin-top: 7px;border-radius: 22px;text-indent: 2em;background: #F2F2F2;float: left;font-size:14px; margin-top: 12px;}
.search-box .sub{width: 20%;background: #fff;line-height: 64px;text-align: center;font-size: 14px;color: #818181;}

/*内页头部*/
.header_page{height: 64px;line-height: 64px;}
.header_page .header-fixed{position: fixed;top: 0;max-width: 100%;width: 100%;height: 64px;box-sizing: border-box;z-index: 99;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.06);text-align: center;font-size: 0;}
.header_page .logo{display: inline-block;font-size: 0;width: 60px;height: 28px;vertical-align: middle;}
.header_page .nav-btn,
.header_page .back-btn{position: absolute;top: 0;left: 3%;}
.header_page .search-btn{position: absolute;right: 3%;}
.header_page .search-btn .iconfont{font-size: 18px;}
.header_page h3{font-size: 18px;color: #333;}
.header_page .home-btn{position: absolute;right: 3%;color: #000;}
.header_page .home-btn i{font-size: 18px;}

/*导航 */
.navbar{position:fixed;z-index:50;height:100%;top:63px;overflow:hidden;display:none;width:100%;max-width:100%;margin:0 auto;text-align: center;}
.navbar ul{overflow-x:hidden;overflow-y: auto;background:#F9F9F9;width:60%;position:relative;z-index:20;padding: 24px 0;}
.navbar ul li{}
.navbar ul li a{display:block;color:#282a2c;height:34px; line-height:34px; opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms; text-align:left; padding-left:15px; padding-right:30px;}
.navbar ul li a i{font-size:1rem;margin-right:.6rem;float:left; display:none;}
.navbar ul li a:hover,.navbar ul li .on{background:#fff;}

.navbar ul li ul.am-collapse{ padding-left:20px; background-color:#f0f0f0; width:100%; line-height:30px; display:none; }
.navbar ul li ul.am-collapse li:hover{ background-color:#eaebec;}

.navbar ul li:first-child{border-top:none;}
.navbar ul li:first-child i{font-size:1.2rem;}
.navbar ul li:nth-child(2) a{transition-delay:240ms;}
.navbar ul li:nth-child(3) a{transition-delay:320ms;}
.navbar ul li:nth-child(4) a{transition-delay:400ms;}
.navbar ul li:nth-child(5) a{transition-delay:480ms;}
.navbar ul li:nth-child(6) a{transition-delay:540ms;}
.navbar ul li:nth-child(7) a{transition-delay:600ms;}
.navbar ul li:nth-child(8) a{transition-delay:660ms;}
.navbar ul li:nth-child(9) a{transition-delay:720ms;}
.navbar ul.show li a{ opacity:1;transform: translateX(0);}
.navbar ul.show li a i{top: 8px;}
.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;max-width:100%;margin:0 auto;}

.navbar .qr-box{margin: 10px auto 10%;width: 60%;font-size: 12px;}
.navbar .hd-mall{width: 60%;display: inline-block;height: 35px;line-height: 35px;border: 1px solid #ededed;box-shadow: 0 0 5px rgba(0,0,0,0.1);border-radius: 18px;}
.navbar .hd-mall i{display: inline-block;vertical-align: inherit;width: 14px;height: 14px;margin-right: 6px;background: url(../images/icon_mall2.png) no-repeat center;background-size: contain;}
.nav-cld-li{ position: relative; height: 245px;}
.nav-cld-li .nname{ padding:5px 5px; font-size:20px; font-weight:bold; }
.nav-cld-li .nname a{color:#074488;}
.nav-cld-li .nlist{ padding:0 5px;}
.nav-cld-li .nlist a{ color:#666; font-size:12px; padding:2px 0;}
.nav-cld-li .nimg{ width:45%; position: absolute; right: 5px; bottom: 5px; text-align:right; }

.indtit h4 {font-size: 27px;}
.indtit p{font-size:15px;}
.index-product-content ul li{width:48%;}
.index-product-content{padding-top:0}
.pcategory .lis {font-size: 14px; padding: 0 8px; line-height: 28px;}


.company-stren{padding: 40px 0 60px;}
.stren-list{padding: 40px 0 0;}
.stren-list li .num-box span{font-size:42px;}

.index-news{padding: 45px 0;}
.index-news .w1200 .content .artGroup:nth-child(3){display: none;}

.footer .foot-info{padding:35px 0}
.foot-nav{width: 100%;}
.foot-nav .foot-nav-item{width: 100%; margin-bottom: 12px;}
.foot-nav .foot-nav-item .foot-navtit{padding-bottom:12px;margin-bottom:12px;font-size:17px;}
.foot-subnav li {padding: 0 16px 0 0; display: inline-block; font-size: 14px;}
.foot-nav .foot-nav-item~.foot-nav-item{margin-left:0}
.foot-contact{width: 100%; margin-top: 20px;}
.foot-contact .fwx{display: none;}
.foot-contact .foot-hotline .foot-logo img{max-width: 185px;}
.foot-contact .foot-hotline .gr-cont .des{font-size:28px;}
.foot-link,.foot-focus{display: none;}
.copyright .right-cop{text-align: center;}

.com-cate-list li{margin-right: 25px;}

.page-about {padding: 35px 0 50px;}
.companyintroM .leftimg{width: 100%;}
.companyintroright{width: 100%;font-size: 15px;}
.insideenglishtitle {font-size: 20px;}
.companyintrotitle span{font-size: 28px;}

.about_f3_ul li{width: 23%;}
.zhengshu li,.ULtimg li{width: 48%;}

.al_ul li{width: 48%;}
.al_ul li a div h5{font-size: 17px;}
.al_ul li a div p{font-size:14px;}

.gr-product .gr-product-list li,.gr-product-list-3 li{width: 48%;}
.gr-product-list li .tit{padding: 15px 5px;}
.gr-product-list li .tit .tit-cont h5{font-size:14px;}


.biao-container,.bottom-line{display: none;}
.product-list-attr{position:relative;}
.product-list-attr li{margin-top:20px;}
.closed{height: 125px;}
.open{height: auto;}
.conbox{padding-bottom:10px;}
.conbox .infoimg{width: 90px;height: 90px;overflow: hidden;float: left;margin-right: 7px;margin-top: 5px;margin-bottom: 5px;}
.conbox .infoimg img{max-height: 90px;}
.conbox .t-title{font-size: 16px;color: #014292;letter-spacing: 1px;margin-right: 10px;}
.conbox .t-content{color: #636363;font-size: 12px;letter-spacing: 1px;overflow: hidden;}
.xhbox{position: relative;margin:22px 0; display: block;}
.xhbox .conbottom-box{width: 100%;border: 1px solid #ccc;border-radius: 5px;overflow: hidden;position: relative;background-color:#FFF;}
.xhbox .conbottom-box-top{width: 100%;position: relative;padding-top: 10px;}
.xhbox .title1{font-size: 14px;color: #204a96;letter-spacing: 1px;position: relative;left: 3px;}
.xhbox .title1 h3{font-weight:bold; font-size: 15px; text-indent: 15px; padding: 8px 0 10px; margin: 0;}
.xhbox .attr-box{width: 100%;position: relative;overflow: hidden;margin-bottom: 10px;padding:2%;}
.xhbox .attr-box dl{float: left;width: 31.5%;padding: 5px 0 0;margin-right: 2.5%;margin-bottom:5px; padding-left: 10px;}
.xhbox .attr-box dl:nth-of-type(3n){margin-right: 0px;}
.xhbox dl dt{font-size: 14px;color: #222;letter-spacing: 1px;line-height: 1.5;font-weight:bold;}
.xhbox dl dd{font-size: 14px;color: #555;letter-spacing: 1px;line-height: 1.25;margin-top: 5px;margin-bottom: 8px;}
.defined-openImg{text-align: right;width: 100%;position: relative;top:-32px;height: 0;}
.defined-openImg i{position: absolute;top:-10%;right: 2.7%;display: inline-block;width: 20px;height: 20px;background-size: 20px 20px;}
.defined-open{background-image: url(../images/open.png);}
.defined-close{background-image: url(../images/close.png);}


.prodPic{width: 100%;}
.product-detail-header .product-des{width: 100%; margin-top: 28px;}
.product-detail-header .product-des h2.tit{font-size:22px;}
.product-detail-header .p-desc p{margin: 0;}
.product-detail-item li{width: 100px;}
/*.product-detail-item li:nth-child(4){display: none;}
.DownInfoList .Tables ul li:nth-child(1){width:26%;}
*/
.list-with-line{display: none;}

.product-intro{width:100%;}


.product-detail table{font-size: 12px; line-height: 2;}
.product-detail table tr td p{margin: 0;}
.product-intro .p-cont img {max-width:100%;}

.gr-news-list li .pic{width:35%;}
.gr-news-list li .tit{padding-top:0;font-size:17px;margin: 0;}
.gr-news-list li .des{margin-top:15px;line-height:2;height:84px;font-size: 14px; }
.gr-news-list li .date{display: none;}
.gr-news-list li .com-more{float: left; display: block;margin-top:18px;}
.news-container .news-title .tit{font-size: 22px;padding-bottom:0}
.news-container .news-content{padding:0 0 50px;}

.DownInfoList ul{font-size: 14px;}
.DownInfoList ul li{line-height: 52px;}

.contact-content .left{width: 100%;margin-top:0}
.contact-content .left .contact-tit{font-size:24px;padding-bottom:15px;margin-bottom:20px}
.contact-content .left p{font-size: 15px;}
.contact-content .qr-list{width: 100%; margin-top: 35px;}
#map_container{height: 425px;}

}

@media all and (max-width:600px) {
    .stren-list li{width:50%;font-size: 14px;}
    .stren-list li p{margin: 0;}

    .com-catebar,.com-cate-list{height: auto; line-height: 48px;}
    .com-catebar .com-cate-list{width: 100%;}
    .com-cate-list li {margin-right: 12px;}
    .com-cate-list li a{font-size: 14px;}
    .com-catebar .nei-nav-right{width: 100%;float: left;text-align: left;}

    .gr-news-list li .pic{width:100%; margin-bottom: 20px;display: block;}
    .gr-news-list li .tit{width:100%;display: block;}
    .gr-news-list li .des{width:100%;display: block;}
    .gr-news-list li .date{display: block; width: 100%; float: none;}
    .gr-news-list li .com-more{float: none;}

    .relly{padding:45px 0;}
    .relyx-title h3{font-size: 27px;}
    .relyx-title p{font-size: 14px;}
    .relly-formipt{margin-top:0}
    .relly-formipt input{width: 100%; margin-bottom: 15px;height:48px; padding: 0 20px;}
}