﻿@charset "utf-8";
@font-face{font-family:'iconfont';src:url('../t/font_1432720974_1547027.eot');src:url('../t/font_1432720974_1547027-1.eot') format('embedded-opentype'),url('../t/font_1432720974_1547027.woff') format('woff'),url('../t/font_1432720974_1547027.ttf') format('truetype'),url('../t/font_1432720974_1547027.svg') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}
.pad-3{
    padding: 3% 0;
}
/*手机下拉导航*/
header .sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:90px;z-index:9999; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:#000000; text-align:center; margin-bottom:2px;}
header .sjdnav li a{display:block; color:white; line-height:35px; }
header .sjdnavhide{ height:0; overflow:hidden;}
/**/
/*内页下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background:#33752e;}
.subNav h5{font-size:18px;line-height:45px;display:inline;  margin-left: 5%;}
.subNav span{line-height:45px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent>li{background:#e3e3e3;}
.navContent>li:hover{background: #33752e;}
.navContent>li:hover>a{color: white;}
.navContent>li>a{display:block;font-size:16px;line-height:40px;color:#333;margin:3px 0;text-align: center;  }
.subNav h5 b{margin:0 10px;line-height: 45px;}
.subNav h5 small{line-height: 45px;text-transform: uppercase;margin-left: 5px;}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background:#33752e; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/**/
/*header开始*/
.header-top{background: #e3e3e3;}
.header-top>div>p{font-size: 12px;line-height: 30px;color: #353535;}
.header-top>div>p>span a{display: inline-block;margin-right: 10px;color: #353535;}
.container-fluid{  max-width: 1200px;}
.logo{
    padding: 0;
    line-height: 120px;
}
.logo>a>img{transition: .3s linear all;}
.logo:hover>a>img{
    -webkit-transform: translate(50px,100px);
    -moz-transform:translate(50px,100px);
    transform: translate(10px,0px);
    transition: .3s linear all;
}
.header-top{
    font-size: 12px;
    color: #666666;
    line-height: 25px;
    border-bottom: 1px solid #e5e5e5;
}
.dex span a{
    display: inline-block;
    padding: 0 5px;
    color:#666666;

}
.top-title{
    margin-top: 30px;
    margin-left: 30px;
    padding-left: 20px;
    border-left: 1px solid #666;
}
.top-title>h4{
    line-height: 30px;
}
.num{
    margin-top: 5px;
}
.num span {
    display: inline-block;
    color: #333;
    margin-left: 10px;
    margin-top: 30px;
}
.phone{
    line-height: 120px;
}
.top-num {
    margin-top: 5px;
    font-size: 30px;
    color: #33752e !important;
    font-weight: 600;
    margin-left: 10px;
}
.top-title h3{
    font-size: 25px;
    letter-spacing:7px
}
.glyphicon {
    top: 0;
}
.header2 .navbox{
    position: relative;
    height: 50px;
    width: 100%;
    z-index: 999;
    background: url(../images/nav_bg.jpg)center no-repeat;
    background-size: cover;
}
.header2 .navbox nav {
    max-width: 1200px;
    margin: 0 auto;
}
.header2 .navbox  nav ul {
    width: 100%;
}
.header2 .navbox nav li {
    position: relative;
    width: calc(100% / 6);
    transition: all 0.3s;
}
.header2 .navbox  nav li a{
    margin: 3px auto 0;
    display: block;
    color: #fff;
    font-size: 16px;
    background: url(../images/nav-bj_03.jpg)left center no-repeat;
    line-height: 47px;
}
.header2 .navbox  nav li:first-child a{
    background: none;
}
.header2 .navbox  nav li a:hover,.header2 .navbox  nav li a.active{background:#fff;color: #33752e; }
.hover {background:#fff !important;color:#33752e !important; }
.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}
.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: rgba(51, 117, 46, 0.95);
}
.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
    /*border-bottom: 1px solid white;*/
    box-sizing: border-box;
}
.header2 .navbox nav li ul li a {
    line-height: 40px;
    background: none;
}

.header2 .navbox nav li ul li:hover>a{
    background: #fff ;
    color: #33752e;
}
.icon-menu{
    position: relative;
    margin-right: 0px;
    margin-top: 40px;
    border: none;
    border-radius: 0px;
    background: none;
    padding: 6px 10px !important;
}
.icon-bar {
    background-color:#33752e;
    display: block ;
    width: 40px;
    height: 8px;
    border-radius:0;
    margin: 3px 0;
}
.btn:focus{background: none;box-shadow: none;outline: none;}
.btn:active{background: none;box-shadow: none;outline: none;}
.input-group{
    width: 250px;
    margin-top: 43px;
    margin-right: 3%;
}
.form-control {
    display: block;
    width: 100%;
    height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ffba00;
    box-sizing: border-box;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-default {
    color: white;
    background-color: #ffba00;
    border-color: #ffba00;
    height: 33px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.form-control:focus {
    border-color: #cbcbcb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
}
.tel-box{
    height: 55px;
    background: url(../images/nav_bg.jpg) center no-repeat;
    background-size: cover;
}
.ph-num{
    margin-top: 5px;
}
.ph-num span {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    font-size: 12px;
}
.ph-phone{
    line-height: 55px;
}
.ph-top-num {
    font-size: 14px;
    color: #fff !important;
    font-weight: 600;
    margin-left: 10px;
}
.ph-input-group{
    width: 40%;
    margin-top: 10px;
    margin-right: 0;
}
/**/
/**/
.banner{width:100%; padding: 0;}
.swiper-banner{margin: 0 auto; position: relative;  overflow: hidden;}
.ban_img {width:100%; padding-top:28.64%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet {width:5px; height:5px; border:1px solid #33752e;background:#33752e !important;border-radius:50%;}
/**/
.pro-tit {height: 80px;background: url(../images/tit_bg.jpg)center no-repeat;background-size: cover;}
.pro-tit h4{line-height: 80px; font-size: 30px;color: white;text-align: center;}
.pro-nav{border-left: 3px solid #33752e;border-right: 3px solid #33752e;background: #fff;padding: 11px 7px}
.pro-nav ul li{padding: 0 10px;background: #eeeeee;height: 52px;line-height: 52px;font-size: 18px;color: #757575;margin-bottom: 8px;}
.pro-nav ul li:last-child{margin-bottom: 0;}
.pro-nav ul li:hover,.pro-nav ul li.active{background: #33752e;color: #fff;}
.pro-bottom{background: url(../images/tit_b_bg.jpg)center no-repeat;background-size: cover;padding: 0 15px;}
.pro-bottom h5{font-size: 30px;text-align: center;color: #fff;line-height: 2.5;border-bottom: 1px solid #fff;}
.pro-bottom img{margin:20px auto 15px;}
.pro-bottom p{font-size: 14px;text-align: center;color: #fff;line-height: 1.5;}
.pro-bottom h4{font-size: 30px;text-align: center;color: #fff;line-height: 3;}
.pro-right{padding-right: 0;}
.pro-right-top{background: #33752e;border-left: 6px solid #12480e;height: 30px;}
.pro-right-top p{font-size: 14px;color: #fff;margin-left: 20px;line-height: 30px;}
.pro-list li{padding-left: 0;}
.pro-list li a{display: block;position:relative;border: 1px solid #e5e5e5;padding: 3px;margin-top: 20px;overflow: hidden}
.pro-list li a p{position: absolute;bottom: 3px;background: rgba(0,0,0,.75);text-align: center;width: calc(100% - 6px);color: #fff;line-height: 28px;}
.pro-list li a img{margin: 0 auto;}
.pro-list li a:hover{border: 1px solid #33752e;}
.pro-list li a:hover p{background: rgba(51, 117, 46, 0.76)
}
/**/
.about{background: url(../images/about_bg.jpg)center no-repeat;background-size: cover;}
.tit-w h4{color: #fff;font-size: 24px;text-align: center;border-bottom: 1px solid #fff;padding-bottom: 10px;}
.tit-w span{display: block;width: 120px;border: 2px solid #fff;margin: -3px auto 0;}
.about-box{}
.about-box>div{margin-top: 5%;}
.about-left img{border: 4px solid #fff;}
.about-right span{display: block;width: 100px;border: 1px solid #fff;}
.about-right h4{font-size: 28px;font-weight: 800; color: #fff;line-height: 1.5;}
.about-right h5{font-size: 24px;font-weight: 800; color: #fff;line-height: 1.5;}
.about-right p{font-size: 14px; color: #fff; text-indent: 28px;line-height: 1.5;margin: 5% 0;}
.about-right a{display: block;width: 122px;height: 33px;line-height: 33px;color: #33752e;background: #fff;text-align: center;border-radius: 5px;margin-bottom: 5%;}
.about-img li{width: 32%;margin-right: 2%;float: left;}
.about-img li:last-child{margin-right: 0;}
/**/
.adv{background: url(../images/adv_bg.png)center no-repeat;background-size: cover;}
.adv-list{margin: 5% 0 8%;}
.adv-box{margin-top: 5%;}
.adv-box>div{min-height: 420px;}
.adv-title{padding-bottom: 10px;border-bottom: 1px solid #33752e;}
.adv-title h3{display: inline-block; padding: 5px 25px 5px 15px;color: #fff;font-size: 42px;font-weight: 800;background: url(../images/adv_num_bg.png)center no-repeat;background-size: cover; vertical-align: middle;}
.adv-title h4{display: inline-block;font-size: 22px;color: #33752e;font-weight: bold;line-height: 2; vertical-align: middle; margin-left: 10px;}
.adv-p{font-size: 18px;color: #272726;line-height: 1.5;margin-top: 3%;}
/**/
.factory{background: url(../images/factory_bg.jpg)center no-repeat;background-size: cover;}
.fac-wrap{width: 100%;margin: 5% auto 0;position: relative;}
.fac-item{position: relative;overflow: hidden;}
.fac-item .fac-img{position: relative; border: 2px solid #fff;overflow: hidden;}
.fac-item .fac-img .fac-hover{position:absolute; top: -100%;;transition: all .3s linear;width: 100%;height: 100%;background: rgba(255, 186, 0, 0.71);padding: 15px;}
.fac-item .fac-img .fac-hover div{border: 1px solid #fff;width: 100%;height: 100%;}
.fac-item .fac-img .fac-hover p{position:absolute; top:50%;left:50%;transform:translate(-50%,-50%);width: 40px;height: 40px;line-height: 30px; border: 1px solid #fff;color: #fff;font-size: 50px;}
.fac-mes{background: #fff;}
.fac-mes h4 span{font-size: 14px;color: #555;text-align: left;line-height: 2.5;padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;display: inline-block;}
.fac-mes h4 :last-child{text-align: right;}
.fac-item:hover .fac-img .fac-hover{top:0;transition: all .3s linear;}
/**/
.news{}
.tit-b{padding: 0 15px;}
.tit-b h4{color: #c0c0c0;font-size: 24px;text-align: center;border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;}
.tit-b h4>i{color: #222222;font-style: normal;}
.tit-b span{display: block;width: 120px;border: 2px solid #33752e;margin: -3px auto 0;}
.news-box li{margin-top: 3%;}
.news-box li>a{display:block;background: #e6e6e6;border: 1px solid #e6e6e6;}
.news-box li .news-img{border: 2px solid #fff;}
.news-box li .news-info{padding: 10px;}
.news-box li .news-info .news-tit{padding: 10px 0;}
.news-box li .news-info h4{color: #696969;font-size: 16px;font-weight: 800;float: left;}
.news-box li .news-info span{color: #696969;font-size: 12px;float: right;}
.news-box li .news-info p{color: #696969;font-size: 12px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-box li>a:hover {background: #33752e;border: 1px solid #33752e;}
.news-box li>a:hover .news-info h4,.news-box li>a:hover .news-info span,.news-box li>a:hover .news-info p{color: #fff;}
/**/
.more-tel{background: #33752e;padding: 15px 0;}
.more-tel p{color: #fff;font-size: 30px;text-align: center;}
.more-tel p a{color: #fff;}
/**/
.contact{background: url(../images/contact_bg.jpg)center no-repeat;background-size: cover;}
.cont-left{border-right: 1px dashed #fff;}
.cont-left h4{font-size: 24px;color: #fff;}
.cont-left-info{margin-top: 5%;}
.cont-left-info>div{padding-left: 0;}
.cont-tel{padding: 0;}
.cont-tel p{color: #fff;line-height: 2.5;font-size: 12px;}
.cont-right form>div{margin: 7px 0; padding-left: 0;}
.cont-right form label{display: inline-block;color: #fff;width: 65px;font-weight: normal;font-size: 12px;}
.cont-right form input{display: inline-block;width: calc(100% - 75px);height: 35px;line-height: 35px;}
.cont-right form textarea{display: inline-block;width: calc(100% - 75px);height: 60px;}
input.inp-1{width: 50% !important;}
input.inp-2{width: 22% !important;}
.inp-file{padding-left: 70px !important;position: relative;}
.inp-file button{position: absolute;width: 100px;}
.inp-file input[type=file]{width: 100px;height: 25px;line-height: 25px;}
.inp-file input[type=submit]{position:absolute;bottom:12px; right:15px;width: 136px;height: 43px;line-height: 43px;background:#ff9c00;color: #fff;border: none;outline: none; }
.inp-file span{font-size: 12px;color: #8a8a8a;}
.inp-file p{margin-top: 7px;}
/**/
footer{background: #33752e;padding: 17px 0;}
footer p{font-size: 12px;color: #fff;}
footer p a{font-size: 12px;color: #fff;}
/**/
/**/
.neiye{background: white;padding: 20px 0;}
.neiye-nav{margin: 20px 10px 50px 10px;}
.neiye-nav-title{height:55px;color:#333;background: #33752e;padding: 5px 0;}
.neiye-nav-title h5{font-size: 22px;color: white;font-weight: bold;text-align: center;line-height: 43px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
#neiye-nav{background: white;padding: 5px 0;margin-bottom: 20px;}
#neiye-nav .active a{padding: 2px 0;background: #33752e;}
#neiye-nav .active h5{color:#fff;}
#neiye-nav .neiye-nav-con2{margin:10px 0;cursor: pointer;border-bottom:1px solid #d9d9d9;}
.neiye-nav-con2 a{padding: 2px 0;background: #e2e2e2;}
.neiye-nav-con2 h5{color:#333; line-height: 42px;font-size: 16px;text-align: center;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.neiye-nav-con2 h5 span{display: inline-block;color: red;margin-right: 10px;}
.neiye-nav-con2>a{display: block;/* background: #f0f0f0; */}
.neiye-nav-con2>a:hover{background: #33752e;}
.neiye-nav-con2>a:hover h5{color:#fff;}
#neiye-nav2{/* padding:10px; *//* background: #ececec; */}
.padding2{margin-top: 10px;padding-bottom: 5px;border-bottom: 4px double #cccc;}
.padding2-s {padding: 7px 5px;border: 1px solid #d5d5d5;}
.padding2-s h4{font-size: 14px;}
.neiye-left-title>h4{font-size: 30px;line-height: 45px;color: #33752e;}
.neiye-right-title{font-size: 12px;line-height: 45px;color: #666666;}
.neiye-right-title>span{color: #33752e;}
.ny-main{margin: 20px 0 50px 0;/* min-height: 800px; *//* width:  calc(100% + 30px); */}
/**/
.ny-about>p{line-height: 2;text-indent: 28px;}
/**/
.ny-messages label{display: block;margin: 15px auto;}
.ny-messages label span{display: inline-block;line-height: 30px;font-weight: normal;vertical-align: top;}
.ny-messages label a{line-height: 30px;}
.ny-messages label a img{margin-left: 15px;padding-top: 12px;}
.ny-messages label span small{line-height: 30px;}
.ny-messages label input{display: inline-block;width: 60%;line-height: 30px;border: 1px solid #9d9d9d;box-sizing: border-box;}
.ny-messages label:nth-child(7) input{display: inline-block;width: 30%;line-height: 30px;}
.ny-messages label textarea{display: inline-block;width: 60%;border: 1px solid #9d9d9d;box-sizing: border-box;}
.ny-messages label button{display: block;margin: 15px 0 0 76px;width: 60%;line-height: 35px;color: white;background: #33752e;border: none;outline: none;}
/**/
.ny-con>p{line-height: 2;}
.ny-contact{margin: 20px 0 50px 0}
/**/
.ny-top {
    padding-top: 71%;
}
.ny-news-list>a{display: block;background: #e2e2e2;}
.ny-news-left{position: relative;width: 275px;margin-left: 2px;}
.ny-news-right{width: calc(100% - 280px);}
.ny-news-right>h5{line-height: 3;padding: 0 10px;}
.ny-news-right>p{line-height: 2;padding: 0 10px; word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden;}
.ny-news-right>span{display: inline-block;font-size: 12px;margin-top: 20px;padding: 0 10px;}
.ny-news-list{margin-bottom: 30px;}
.ny-news{margin-top: 30px;}
.ny-news-list>a:hover{background: #33752e;}
.ny-news-list>a:hover .ny-news-right>h5{color: white;}
.ny-news-list>a:hover .ny-news-right>p{color: white;}
.ny-news-list>a:hover .ny-news-right>span{color: white;}
/**/
.ny-ab>h4{line-height: 70px;font-size: 18px;}
.ny-p>p{line-height: 2;text-indent: 28px;}
.ny-p{margin-top: 20px;}
/**/
.pro-top{padding-top: 69.47%}
.pro-box{position: relative;overflow: hidden;}
.fac-box{position: relative;overflow: hidden;}
.fac-top{padding-top:70.17%}
.news-img{position: relative; overflow: hidden;}
.news-top{padding-top: 53.09%;}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .input-group{display: none;}
    .adv-title h4 {font-size: 18px;margin-left: 5px;}

}
@media (max-width:991px) {
    body{padding-bottom: 60px}
    .pro-list li{padding: 0;}
    .adv-box>div{min-height: auto;}
    .cont-left{border-right: none;border-bottom: 1px dashed #fff;}
    .ban_img {width:100%; padding-top:44.218%; position:relative; transition-duration: 5s;}
}
@media (max-width:767px){
    .pad-3{padding: 9% 0;}
    .adv-box>div{padding: 0;}
    .more-tel p{font-size: 24px;}
}
@media (max-width:600px){
    .logo{width: 350px;line-height: 80px;}
    .icon-menu{margin-top: 15px;}
     header .sjdnav{top:110px; }
    .pro-nav ul li{font-size: 14px;}
    .ny-news-right {
        width: 100%;
    }
    .padding2-s{font-size: 12px;}
}
@media (max-width:569px){
    .pro-bottom h5{font-size: 24px;text-align: center;color: #fff;line-height: 2.5;border-bottom: 1px solid #fff;}
    .pro-bottom img{margin:20px auto 15px;}
    .pro-bottom p{font-size: 14px;text-align: center;color: #fff;line-height: 1.5;}
    .pro-bottom h4{font-size: 24px;text-align: center;color: #fff;line-height:2;}
    .adv-title h3{padding: 3px 14px 3px 8px; font-size: 14px;}
    .adv-title h4 {font-size: 15px;margin-left: 0;}
    .adv-p{font-size: 14px;}
    .cont-right form label{display: block;}
    .cont-right form input,.cont-right form textarea{width: 100%;}
    input.inp-1{width: calc(70% - 10px) !important;}
    input.inp-2{width: 30% !important;}
    .inp-file{padding-left:0px !important;}
    .inp-file input[type=submit]{position: static;margin: 15px auto 0;display: block;}
}
@media (max-width:467px){
    .logo{width: 310px;}
    .icon-menu{margin-top:20px;}
    .icon-bar{ background-color:#33752e; display: block; width: 32px !important; height: 6px !important; border-radius:0;  }
    .pro-tit {height: 60px;}
    .pro-tit h4{line-height: 60px; font-size: 24px;color: white;text-align: center;}
    .pro-bottom h5{font-size: 16px;}
    .pro-bottom img{margin:15px auto 10px;}
    .pro-bottom p{font-size: 14px;}
    .pro-bottom h4{font-size: 16px;}
    .pro-nav ul li{padding: 0 10px;background: #eeeeee;height: 35px;line-height: 35px;font-size: 14px;color: #757575;margin-bottom: 8px;}
    .about-right h4{font-size: 20px;}
    .about-right h5{font-size: 22px;}
    .more-tel p{font-size: 16px;}

}
@media (max-width:400px){
    .logo{width: 280px;line-height: 60px;}
    .icon-menu{margin-top:10px;}
    header .sjdnav{top:90px; }
}

@media (max-width:376px){
    .logo{width: 230px}
}
@media (max-width:320px){
    .header-top p span{display: none;}
    .pro-nav ul li{font-size: 12px;padding: 0 5px;height: 30px;line-height: 30px;}
    .pro-tit {height: 40px;}
    .pro-tit h4{line-height: 40px; font-size: 16px;color: white;text-align: center;}
    .pro-bottom h5{font-size: 14px;}
    .pro-bottom img{margin:10px auto 7px;width: 20px;}
    .pro-bottom p{font-size: 12px;}
    .pro-bottom h4{font-size: 12px;}
    .about-right h4{font-size: 16px;}
    .about-right h5{font-size: 18px;}
    .adv-title h4 {font-size: 12px;}
    .more-tel p{font-size: 14px;}
}



