@charset "utf-8";
body{margin:0px; background:#ffffff; overflow-x:hidden;}
body,html,p,a,input,textarea{font-family:"Roboto,Arial"; font-size:16px; line-height:30px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}
ul,li{margin:0px; padding:0px; list-style:none;}
.round{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
div,a,ul,li,input{transition-duration:0.5s;}
div:hover,a:hover,ul:hover,li:hover,input:hover{transition-duration:0.5s;}
div,a,p,tr,td,font,span,select,input,textarea{font-family:Roboto,Arial; font-size:16px; line-height:24px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}






.wrap{width: 1400px;margin: auto;}
.wrap.gd{flex-direction: row;
    justify-content: space-between;
    display: flex;}


.headtop{height: 40px;width: 100%;text-align: right;background:rgba(31, 82, 26, 0.95)}
.headtop .gq{float: right;margin-left: 15px;}
.headtop .gq img{height: 14px;vertical-align: middle;padding: 0px 5px;}
.headtop .gq a{line-height: 40px;color: #FFFFFF;font-size: 13px;}
.headtop .gq:hover{transform: scale(1.05)}

.heads{position: fixed;width: 100%;margin: auto;top: 40px;left: 0px;z-index: 99;padding-top: 15px;padding-bottom: 25px;transition-duration: .1s;background:rgba(218, 37, 28, 0.8);}
.heads.on{background: #FFFFFF;transition-duration: .1s;border-bottom: 1px solid #CCCCCC;padding: 0px;background:rgba(255, 255, 255, 0.95);}


.heads .logo{width: 180px;float: left;}
.heads .logo img{width: 80%;transition-duration:0.5s;padding-top: 10px;}
.heads .logo img.white{display: block;}
.heads .logo img.colorf{display: none;}

/*.heads .tel{color: #FFFFFF;text-align: right;padding-right: 20px;}
.heads .tel img{width: 16px;vertical-align: middle;margin-top: -5px;}*/

.heads .nav{float: left;margin-top: 5px;padding-left: 7%;}
.heads .nav ul{margin: 0px;padding: 0px;margin-top: 10px;}
.heads .nav ul li{list-style: none;float: left;margin: 0px 10px;border-radius: 10px;}
.heads .nav ul li a{color: #FFFFFF;padding: 0px 18px;font-size: 16px;text-decoration: none;font-weight: 600;}
.heads .nav ul li:hover a{color: #FFFFFF;}
.heads .nav ul li:hover{transform: scale(1.1);}
.heads .nav ul li ul{margin: 0px;padding: 20px 0px;display: none;position: absolute;margin-left: -70px;}
.heads .nav ul li ul .kg{padding: 20px 0px;display: table;background: #FFFFFF;width: 240px;padding-bottom: 30px;border-radius: 8px;box-shadow: 0px 0px 10px #CCCCCC;}
.heads .nav ul li:hover ul{display: block;}
.heads .nav ul li ul li{width: 240px;list-style: none;padding: 3px 0px;}
.heads .nav ul li:hover ul li a{color: #666666;font-size: 15px;font-weight: normal;transition-duration:0.5s;}
.heads .nav ul li:hover ul li a:hover{color: #000000;transition-duration:0.5s;font-size: 16px;}

.heads.on{top: 0px; padding-top: 25px;padding-bottom: 25px;}
.heads.on .nav a{color: #333333;font-size: 16px;transition-duration:0.5s;}
.heads.on .logo img{width: 80%;transition-duration:0.5s;}
.heads.on .logo img.white{display: none;}
.heads.on .logo img.colorf{display: block;}

.heads.on .nav ul li:hover a{color: #000000;}



.heads .search{margin-top: 10px;float: right;width: 180px;}
.heads .search input[type="text"]{width: 40px;border: none;outline: none;height: 30px;border-radius: 30px;float: right;text-indent: 15px;font-size: 12px;background: #e8f0fe;margin-right: -30px;}
.heads .search input[type="image"]{width: 20px;height: 20px;float: right;border-radius: 30px;margin-right: 0px;border: none;margin-top: 5px;opacity: 1;z-index: 100;position: relative;}
.heads.on .search input[type="text"]{background: #e8f0fe;}
.heads .search:hover input[type="text"]{width: 180px;}

/*.heads .nav ul li ul li{width: 190px;list-style: none;padding: 0px 0px;border-bottom: 2px solid #7b91a5;margin: 0px 5px;float: left;}*/

/*
.heads .nav ul li ul li a{color: #FFFFFF;font-size: 14px;display: block;line-height: 50px;}
.heads .nav ul li ul li:hover{background: #004e7b;}*/


.welcome{position: absolute;text-align: center;top: 30%;z-index: 10;width: 100%;}
.welcome font{font-size: 80px;color: #FFFFFF;font-weight: bolder;display: block;line-height: 130px;letter-spacing: 0px;}
.welcome span{font-size: 70px;color: #FFFFFF;font-weight: bold;display: block;line-height: 60px;font-style:italic}
.welcome span em{color: #a80023;font-weight: bolder;}


.grey{width: 100%;background: #f6f7f9;display: table;padding-bottom: 80px;}


.title{text-align: center;margin-top: 80px;font-size: 36px;color: #000000;font-weight: bold;font-style: italic;}



.slick_list2{margin-top: 50px;}

.slick_list2 .item{
    display: block;
    margin: 0 7px;
    background: #ffffff;border-radius: 15px;overflow: hidden;
}
.slick_list2 .pic{
    height: 380px;
    overflow: hidden;
    border-radius: 15px;
    align-items: center;justify-content: center;display: flex;
    
}

.slick_list2 .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    vertical-align: middle;
}

.slick_list2 .black{height: 380px;background:rgba(0, 0, 0, 0.5);position: relative;margin-top: -380px;width: 100%;border-radius: 15px;
    display: none;}


.slick_list2 .txt{
    height: 57px;
    padding: 20px;
    position: relative;margin-top: -100px;
    text-align: left;border-radius: 15px;
    display: none;
}
.slick_list2 .txt h4{
    font-size: 22px;
    margin: 0px;
    color: #FFFFFF;
    line-height: 57px;
    font-weight: bolder;
}


.slick_list2 .item:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
    transform-origin: 50% 50%;
}

.slick2_btn{
    position: relative;
    margin-top: 0px;
    width: 100%;
    z-index: 100;
}
.slick2_btn a{
    display: inline-block;
    width: 40px;
    height: 140px;
    cursor: pointer;
}
.slick2_btn .btn1{
    background: url(../images/prev1.png) no-repeat;float: left;background-size: cover;margin-left: -60px;margin-top: 120px;
}

.slick2_btn .btn3{
    background: url(../images/next1.png) center center no-repeat;float: right;background-size: cover;margin-right: -60px;margin-top: 120px;
}
.slick2_btn .btn1:hover{
    background: url(../images/prev2.png) center center no-repeat;
}
.slick2_btn .btn3:hover{
    background: url(../images/next2.png) center center no-repeat;
}


.anniu{width: 300px;height: 50px;background: #da251c;border-radius: 10px;text-align: center;margin: auto;margin-top: 40px;}
.anniu a{line-height: 50px;color: #FFFFFF;display: block;}
.anniu:hover{box-shadow: 2px 10px 10px #cccccc; transform: scale(1.03);}


.homeprolist{width: 100%;margin-top: 60px;display: table;margin-bottom: 30px;}
.homeprolist ul{}
.homeprolist ul li{width: 17.7%;display: inline-table;padding: 1%;height: 280px;text-align: center;}
.homeprolist ul li img{max-width: 100%;height: 210px;}
.homeprolist ul li:hover{box-shadow: 0px 0px 15px #CCCCCC;transform: scale(1.04);border-radius: 10px;}
.homeprolist ul li .detail{height: 35px;width: 100%;background: #FFFFFF;border-radius: 5px;line-height: 35px;color: #FFFFFF;transition-duration:0.5s;text-align: center;font-size: 14px;}
.homeprolist ul li:hover .detail{transition-duration:0.5s;background: #da251c;}
.homeprolist ul li p{text-align: left;}

.mtop{margin-top: 70px;}

.homenews{padding-top: 70px;display: table;}
.homenews .kuaileft{float: left;width: 50%;}
.homenews .btt{font-size: 36px;color: #000000;font-weight: bolder;font-style: italic;padding-top: 10px;}
.homenews .bt{padding: 25px 0px;line-height: 35px;font-size: 25px;color: #333333;}
.homenews .bt a{}
.homenews .text{width: 90%;height: 240px;overflow: hidden;font-size: 14px;color: #666666;}
.homenews .kuairight{float: left;width: 50%;}
.homenews .kuairight img{width: 100%;max-height: 450px;border-radius: 20px;}
.homenews .button{width: 150px;height: 40px;background: #da251c;text-align: center;border-radius: 5px;}
.homenews .button a{line-height: 40px;display: block;color: #FFFFFF;font-size: 14px;}
.homenews .button:hover{box-shadow: 2px 10px 10px #cccccc; transform: scale(1.03);}




footer{height: 280px;width: 100%;background: #1f521a;clear: both;padding-top: 50px;display: table;background-attachment: fixed;border-top: 6px solid #da251c;}

footer ul{margin: auto;width: 1200px;}
footer ul li{width: 24%;margin: 0% 0px;display: inline-table;}
footer ul li p{font-size: 20px;color: #FFFFFF;font-weight: bold;}
footer ul li.ewm{text-align: left;}
footer ul li img{padding-bottom: 20px;width: 130px;}
footer ul li img.flogo{width: 150px;}
footer ul li a{color: #FFFFFF;font-size: 14px;padding-right: 20px;display: table;}
footer ul li a:hover{font-size: 15px;text-decoration: underline;}
footer ul li.fcontact a:hover{text-decoration: none;}

.copyright{height: 50px;text-align: center;clear: both;width: 1200px;border-top: 1px solid #FFFFFF;margin: auto; margin-top: 20px;line-height: 50px;color: #FFFFFF;font-size: 14px;}



.menu-handler{width:5.2%;height:80px;cursor:pointer;right:28px;top:5px;background:none;position:fixed;z-index:200; transition-duration:0.5s;display: none;}
.menu-handler .burger{width:31px;height:4px;background:#FFFFFF;display:block;position:absolute;z-index:180;top:29px;left:50%;margin:0px 0px 0px -12px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}
.menu-handler .burger-2{top:38px;}
.menu-handler .burger-3{top:47px;}

.menu-handler.active .burger-1{top:37px;-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);z-index: 990;position: absolute;background: #000000;}
.menu-handler.active .burger-2{ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:100%;}
.menu-handler.active .burger-3{top:37px;-moz-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);z-index: 990;position: absolute; background:#000000; }



.menu-handler:hover.active{
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;
}


.menu-handler.on .burger{background: #da251c;}
.menu-handler.on .burger{background: #da251c;}

.menu-handler.on.onup{top:-80px; transition-duration:0.5s;}

.menuBox{position: fixed;
    top: 0px;
    right: -100%;
    overflow: hidden;
    width: 100%;
    bottom: 0px;
    background-color: rgba(255,255,255,0.97);
    z-index: 100;}

.menuBox .wrap>ul li{border-bottom: 1px dotted #CCCCCC;height: 50px;}
.menuBox .wrap>ul li img{height: 16px;vertical-align: middle;padding: 5px;}
.menuBox .wrap>ul li a{line-height: 50px;font-size: 16px;color: #000000;padding-left: 15px;padding-right: 15px;}


.mobcatelist{display: none;}


.bannerinner{height: 40vh;width: 100%;}

.welcomeinner{top: 25%;position: absolute;text-align: center;width: 100%;z-index: 10;}
.welcomeinner font{font-size: 50px;color: #FFFFFF;font-weight: bolder;display: block;line-height: 80px;letter-spacing: 0px;}


.leftlist{width: 350px;float: left;margin-top: 50px;margin-bottom: 50px;}
.inright{width: 70%;float: right;margin-left: 5%;margin-top: 50px;margin-bottom: 50px;}


.leftlist.on{margin-top: -180px;position: fixed;z-index: 20;}
/*.leftlist.ons{position: relative;margin-top: 0px;}*/

.leftlist ul{}
.leftlist ul li{width: 100%;text-indent: 35px;background: #F2F2F2;}
.leftlist ul li a{line-height: 50px;display: block;}
.leftlist .btbf{    background: #2a5b26;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 30px;color: #FFFFFF;font-size: 20px;text-indent: 30px;padding: 20px 0px;margin-top: 0px;}
.leftlist .btbf span{display: block;color: #FFFFFF;font-size: 13px;}
.leftlist .btbf.spec{margin-top: 50px;}
.leftlist ul li:hover{background: #b71e17;}
.leftlist ul li:hover a{color: #FFFFFF;font-size: 17px;}
.leftlist ul li.on{background: #b71e17;}
.leftlist ul li.on a{color: #FFFFFF;font-size: 17px;}



.intitle{height: 60px;line-height: 60px;font-size: 36px;color: #000000;border-bottom: 1px solid #CCCCCC;}


.contactleft{width: 40%;float: left;margin: 50px 0px;}
.contactright{width: 55%;float: left;margin-left: 5%;margin-top: 50px;margin-bottom: 50px;}

.contacttitle{padding: 30px 0px;font-size: 46px;color: #000000;font-weight: 600;}
.contacttitle img{width: 100%;border-radius: 15px;}
.contacttitlef p{font-size: 24px;color: #333333;padding: 0px;font-weight: normal;font-style: italic;}

.contactright label{float: left;width: 45%;float: left;margin: 0px 2%;}
.contactright input[type="text"]{height: 40px;line-height: 40px;outline: none;border-radius: 3px;border: 1px solid #CCCCCC;width: 100%;text-indent: 10px;}
.contactright label p{font-style: italic;color: #000000;font-weight: 600;margin-bottom: 10px;}
.contactright label p em{color: #FF0000;}

.contactright label.spec{width: 94%;}
.contactright label.spec textarea{width: 100%;height: 100px;outline: none;border-radius: 3px;border: 1px solid #CCCCCC;}
.contactright input[type="button"]{width: 50%;height: 50px;outline: none;border-radius: 3px;border: none;background: #da251c;color: #FFFFFF;margin-top: 30px;cursor: pointer;}
.contactright input[type="button"]:hover{box-shadow: 0px 0px 15px #CCCCCC;transform: scale(1.05);}

.contactright input.inp{width: 200px;float: left;}
.yzm{float: left;margin-left: 10px;}


/* news */

/*.newslist{width:100%; margin:auto; margin-top:20px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{width:29%; float:left;border-bottom:2px solid #cccccc; padding-bottom:30px; padding-top:30px;margin: 0.5%;background: #F7F7F7;padding: 1.5%;border-radius: 10px;}
.newslist ul li .left{width:100%;height:160px; overflow:hidden;}
.newslist ul li .left img{width:100%; height:160px; transition: all 0.6s; }
.newslist ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.newslist ul li .right{width:100%;}
.newslist ul li:hover{transform: scale(1.02);box-shadow: 0px 0px 20px #CCCCCC;}
.newslist ul li .right .text{height: 100px;overflow: hidden;margin: 15px 10px;}
.newslist ul li .right font{color: #000000;font-weight: 600;display: block;}
.newslist ul li .right span{font-size: 13px;color: #666666;line-height: 20px;}*/




/* news */

.newslist{width:100%; margin:auto;float: right;margin-top: 0px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{width:100%;height:160px; border-bottom:1px dotted #CCCCCC; padding-bottom:30px; padding-top:30px;}
.newslist ul li .left{width:220px; float:left; height:160px; overflow:hidden;border-radius: 15px;}
.newslist ul li .left img{width:220px; max-height:160px; transition: all 0.6s;border-radius: 15px; }
.newslist ul li:hover img{transform: scale(1.1);}

.newslist ul li .right{width:730px; margin-left:30px; float:left;}
.newslist ul li .right .up{height:20px;}
.newslist ul li .right .up a{line-height:20px; color:#000000; font-size:18px;font-weight: bold;}
.newslist ul li .right .up a:hover{color:#1f521a;transform: scale(1.1);}
.newslist ul li .right .time{height:40px;padding: 10px 0px;}
.newslist ul li .right .time a{line-height:40px; font-size:14px;font-style: italic;}
.newslist ul li .right .down{height:120px; overflow:hidden; margin-top:0px;}
.newslist ul li .right .down a{line-height:24px; color:#999999; font-size:14px;}
.newslist ul li .right .down a:hover{color:#1f521a;}


.newstitle{height:40px; margin-top:30px; text-align:left;line-height:40px; color:#000000; font-size:24px;}
.newstime{text-align:center;font-size:14px; color:#333333; line-height:20px;padding: 15px 0px;}


.result{height:30px; background:#FAFAFA; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; display:inline-table; margin-top:90px; margin-bottom:0px;}
.result a{height:30px; padding:8px 15px; line-height:35px; background:#FFFFFF; border:1px solid #F2F2F2; border-left:none;}
.result a:hover{background:#da251c; color:#FFFFFF;}

.result a.prev{background:#FFFFFF; border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:1px solid #F2F2F2;}
.result a.prev:hover{background:#da251c;}
.result a.prev.current:hover{background:#FFFFFF; color:#666666;}
.result a.next{background:#FFFFFF; color:#333333; border-top-right-radius:6px; border-bottom-right-radius:6px;}
.result a.next:hover{background:#da251c; color:#FFFFFF;}
.result a.next:hover.current{background:#FFFFFF; color:#666666;}
.result a.current:hover{background:#FFFFFF; color:#666666;}
.result a.current{background:#2a5b26; color:#FFFFFF;}
.result a.next.current{background:#FFFFFF; color:#666666;}
.result a.prev.current{background:#FFFFFF; color:#666666;}





.icases{width:100%; margin:30px 0%;}
.icases ul{margin:0px; padding:0px;}
.icases ul li{width:28.1%; float:left; height:100%; overflow:hidden; position:relative; display:block;margin: 0.5%;border: 10px solid #F2F2F2;padding: 1%;border-radius: 5px;}
.icases ul li.spec{width: 20.5%;}

.icases ul li .xgpic{width: 96%;margin: 2%;overflow: hidden;border-radius: 10px;text-align: center;}
.icases ul li .xgpic img{maxwidth:100%; height:220px; transition: all 0.6s;border-radius: 10px;}
.icases ul li:hover .xgpic img{transform: scale(1.15);}
.icases ul li .xgpic p{position: absolute;margin-top: -270px;margin-left: 20px;color: #FFFFFF;}
.icases ul li .xgtext{height: 100px;overflow: hidden;margin: 15px;}
.icases ul li .xgtext font{font-size: 16px;color: #000000;margin: 0px;display: block;font-weight: bold;}
.icases ul li .xgtext font font{color: #FF0000;}
.icases ul li .xgtext span{font-size: 14px;color: #999999;margin:0px  5px;line-height: 20px;}
.icases ul li .details{height: 40px;width: 100%;background: #2a5b26;text-align: center;color: #FFFFFF;line-height: 40px;font-size: 13px;border-radius: 5px;}
.icases ul li:hover{box-shadow: 0px 0px 20px #CCCCCC;transform: scale(1.05);border: 10px solid #FFFFFF;}
.icases ul li:hover .details{background: #da251c}


.progd{position: sticky;top: 110px;width: 100%;}

.local{height: 40px;padding: 10px 0px;font-size: 13px;}
.local a{line-height: 40px;font-size: 13px;color: #999999;}
.local a:hover{color: #000000;}

.whites{background: #FFFFFF;padding: 2%;display: table;border-radius: 20px;margin-bottom: 2%;border-top: 0px solid #2a5b26;border-bottom: 5px solid #2a5b26;width: 1340px;}

.prodetail{}
.prodetail .zuobu{width: 45%;float: left;text-align: center;}
.prodetail .youbu{width: 50%;float: left;margin-left: 5%;}

.prodetail .zuobu img{max-width: 100%;height: 400px;}
.prodetail .youbu .probt{font-size: 30px;color: #000000;font-weight: 600;padding: 15px 0px;}
.prodetail .youbu .protext{font-size: 16px;color: #666666;padding-top: 15px;line-height: 30px;}

.proxx img{max-width: 80%;}

.btt{font-size: 20px;color: #000000;font-weight: bold;margin-bottom: 30px;}

.newscon{border-bottom: 1px solid #DDDDDD;}
.newscon img{max-width: 100%;}


.perv{height: 20px;padding: 6px 0px;margin-bottom: 50px;margin-top: 20PX;}
.perv a{color: #000000;display: block;line-height: 30px;}
.perv a:hover{font-size: 17px;}


.yycj{margin: 20px 0px;}
.yycj img{width: 33%;}



/*online*/
.do-online-service{position: fixed;right:10px;bottom:65px;z-index:999}
.do-online-service label{margin: 0}

.do-online-service .do-open{
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;

    transition: transform 0.35s ease-out;
    -webkit-transition: transform 0.35s ease-out;

    transform: translateX(0);
    -webkit-transform: translateX(0);

    color: #fff;
    background-color:#1f521a;
        width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;cursor: pointer;display: block;
}
.do-online-service .do-close{cursor: pointer;position: absolute;right: 0;width: 58px;height: 58px;line-height: 58px; text-align: center;color: #fff;font-size: 18px}
#do-online-service:checked ~ .do-online-service .do-open{

    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;

    -webkit-transform: translateX(0px);
    transform: translateX(0px);

}
.do-hide{display: none;}
.do-online-service.open .do-cl{display: none;}

.do-online-service .do-box{
    background-color: #fff;border-radius: 6px;overflow: hidden; position: absolute;right: 0;bottom: 0; width:200px;min-height: 100px;
    -webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);
    box-shadow: 0 5px 9px rgba(4,0,0,.17);
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}

#do-online-service:checked ~ .do-online-service .do-box,
.do-online-service.open .do-box{
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    display:block;
}
.do-online-service .do-box-title{background-color:#1f521a;color: #fff;padding: 0 12px;line-height: 58px;}
.do-online-service .do-box-con{padding:1px;border-bottom: 10px solid #2a5b26;}
.do-online-service .do-box-item a{white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.do-online-service .do-box-item a.on i{font-size: 16px;position: relative;bottom: -1px}
.do-online-service .do-box-item a.on{padding:6px 15px;background-color: #eee;display: block;}
.do-online-service .do-box-item a.on:hover{background-color:#e5e5e5}
.do-online-service .do-box-item a.on:hover i{color: #0c9ef2}
.do-online-service .do-box-item.tel{padding: 6px 15px}
.do-box-item.tel h4 a{color: #333;letter-spacing:1px;justify;display: block;font-size: 18px;font-weight: bold;}
.do-online-service p{margin: 0}
.do-box-item.qr,.do-box-item.pre{padding:15px;text-align: center;border-top: 1px solid #eee}
.do-box-item.qr img {width: 100%;}
.do-box-item.qr p{padding-top: 10px;text-align: center;font-size: 14px;}
.do-box-item.pre{text-align: left;}
.do-online-service .do-box-item img{width: 70%;padding: 5% 15%;}
.wxpc{display: block;}
.wxphone{display: none;}
.phone.do-kf-phoneRight .do-box-item,.mobile .do-kf-phoneRight .do-box-item{width: 46px;height: 46px;line-height: 46px;text-align: center;}

.abouttext img{width: 33.3%;}

@media only screen and (max-width:2560px){
.wrap{width: 1900px;margin: auto;}

}

@media only screen and (max-width:1920px){
.wrap{width: 1700px;margin: auto;}
}
@media only screen and (max-width:1720px){
.wrap{width: 1500px;margin: auto;}
}
@media only screen and (max-width:1680px){
.wrap{width: 1400px;margin: auto;}
}
@media only screen and (max-width:1366px){
.wrap{width: 1200px;margin: auto;}
}
@media only screen and (max-width:1200px){


}


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

}

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

.wrap{width: 94%;margin: 0px 3%;}
.headtop{display: none;}
.heads{top: 0px;}
.heads .nav{display: none;}
.heads .search{display: none;}

.menu-handler{display: block;}

.heads.on {top: 0px;padding-top: 15px;padding-bottom: 23px;}

.moblogo{height: 40px;margin-top: 30px;}
.moblogo img{height: 40px;}

.search{margin: 40px 0;width: 100%;display: table;margin-bottom: 20px;}
.search input[type="text"]{width: 100%;border: none;outline: none;height: 40px;border-radius: 30px;float: right;text-indent: 15px;font-size: 12px;background: #e8f0fe;}
.search input[type="image"]{width: 25px;height: 25px;float: right;border-radius: 30px;margin-right: 20px;border: none;margin-top: -35px;opacity: 1;z-index: 100;position: relative;}

.welcome{top: 30%;height: 60%;}
.welcome font{font-size: 30px;color: #FFFFFF;font-weight: bolder;display: block;line-height: 50px;letter-spacing: 0px;}


.slick_list2{display: none;}

.grey{padding-bottom: 50px;}

.slick2_btn{display: none;}

.mobcatelist{display: table;}
.mobcatelist ul{margin: 20px 0px;}
.mobcatelist ul li{width: 48%;float: left;margin: 1%;text-align: center;background: #FFFFFF;border-radius: 10px;}
.mobcatelist ul li img{height: 200px;max-width: 90%;}
.mobcatelist ul li p{font-size: 14px;}


.anniu{width: 100%;height: 50px;background: #da251c;border-radius: 10px;text-align: center;margin: auto;margin-top: 30px;}
.anniu a{line-height: 50px;color: #FFFFFF;display: block;}
.anniu:hover{box-shadow: 2px 10px 10px #cccccc; transform: scale(1.03);}


.homeprolist{height: 600px;overflow: hidden;display: table;}
.homeprolist ul li{width: 47%;height: 200px;overflow: hidden;margin: 0.5%;padding: 1%;float: left;text-align: center;}
.homeprolist ul li p{font-size: 14px;}
.homeprolist ul li .detail{display: none;}

.homenews .kuaileft,.homenews .kuairight{width: 100%;}
.homenews .btt{padding-top: 0px;}
.homenews .kuairight{height: 200px;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.homenews .kuairight img{width: 100%;}
.homenews .text{height: 270px;width: 100%;}


footer{padding: 0px;width: 100%;display: block;height: auto;}
footer ul li{display: none;}
.copyright{width: 100%;margin-top: 0px;overflow: hidden;}

.intitle{height: 40px;line-height: 40px;font-size: 26px;color: #000000;border-bottom: 1px solid #CCCCCC;}

.welcomeinner{top: 23%;}
.welcomeinner font{font-size: 30px;line-height: 50px;}

.leftlist{width: 100%;float: none;margin-top: 40px;margin-bottom: 50px;display: none;}
.inright{width: 100%;float: none;margin-left: 0%;margin-top: 50px;margin-bottom: 50px;}
.leftlist.on{margin-top: 2px;position: relative;z-index: 20;}



/* news */

/*.newslist{width:100%; margin:auto; margin-top:20px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{width:96%; float:left;border-bottom:2px solid #cccccc; padding-bottom:30px; padding-top:30px;margin: 0.5%;background: #F7F7F7;padding: 1.5%;border-radius: 10px;}
.newslist ul li .left{height: 250px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.newslist ul li .left img{width:100%;height: auto;}
*/


/* news */

.newslist{width:100%; margin:auto;float: right;margin-top: 0px;}
.newslist ul li{width:100%;height:auto; border-bottom:1px dotted #CCCCCC; padding-bottom:10px; padding-top:10px;}
.newslist ul li .left{width:100%; float:none; height:auto; overflow:hidden;border-radius: 15px;}
.newslist ul li .left img{width:100%; height:auto;max-height: 800px; transition: all 0.6s;border-radius: 15px; }
.newslist ul li:hover img{transform: scale(1);}

.newslist ul li .right{width:100%; margin-left:0px; float:none;}
.newslist ul li .right .up{height:auto;}
.newslist ul li .right .up a{line-height:20px; color:#000000; font-size:18px;font-weight: bold;}
.newslist ul li .right .up a:hover{color:#1f521a;transform: scale(1.1);}
.newslist ul li .right .time{height:30px;padding: 0px 0px;}
.newslist ul li .right .time a{line-height:40px; font-size:14px;font-style: italic;}
.newslist ul li .right .down{height:auto; overflow:hidden; margin-top:0px;}
.newslist ul li .right .down a{line-height:24px; color:#999999; font-size:14px;}
.newslist ul li .right .down a:hover{color:#1f521a;}



.icases{width:100%; margin:30px 0%;}
.icases ul{margin:0px; padding:0px;}
.icases ul li{width:94%; float:left; height:100%; overflow:hidden; position:relative; display:block;margin: 0.5%;border: 10px solid #F2F2F2;padding: 1%;border-radius: 5px;}
.icases ul li.spec{width: 96%;}

.whites{padding: 2%;margin-bottom: 20px;padding-top: 30px;}

.whites.wrap{width: 90%;}

.prodetail{}
.prodetail .zuobu{width: 100%;float: none;text-align: center;}
.prodetail .youbu{width: 100%;float: none;margin-left: 0;}

.prodetail .zuobu img{width: 100%;height: auto;}
.prodetail .youbu .probt{font-size: 30px;color: #000000;font-weight: 600;padding: 15px 0px;}
.prodetail .youbu .protext{font-size: 16px;color: #666666;padding-top: 15px;line-height: 30px;}

.proxx img{width: 100%;max-width: 100%;}



.local{height: auto;padding: 10px 0px;font-size: 13px;}
.local a{line-height: 20px;font-size: 13px;color: #999999;}


.yycj{margin: 20px 0px;}
.yycj img{width: 100%;}





.contactleft{width: 100%;float: none;margin: 30px 0px;}
.contactright{width: 100%;float: none;margin-left: 0;margin-top: 50px;margin-bottom: 50px;}

.contacttitle{padding: 10px 0px;font-size: 26px;color: #000000;font-weight: 600;}

.contacttitlef p{font-size: 14px;color: #333333;padding: 0px;font-weight: normal;font-style: italic;}

.contactright label{float: left;width: 100%;float: none;margin: 0px;}
.contactright input[type="text"]{height: 40px;line-height: 40px;outline: none;border-radius: 3px;border: 1px solid #CCCCCC;width: 100%;text-indent: 10px;}
.contactright label p{font-style: italic;color: #000000;font-weight: 600;margin-bottom: 10px;}
.contactright label p em{color: #FF0000;}

.contactright label.spec{width: 94%;}
.contactright label.spec textarea{width: 100%;height: 100px;outline: none;border-radius: 3px;border: 1px solid #CCCCCC;}
.contactright input[type="button"]{width: 100%;height: 50px;outline: none;border-radius: 3px;border: none;background: #da251c;color: #FFFFFF;margin-top: 30px;cursor: pointer;}
.contactright input[type="button"]:hover{box-shadow: 0px 0px 15px #CCCCCC;transform: scale(1.05);}

.contactright input.inp{width: 200px;float: left;}
.yzm{float: left;margin-left: 10px;}

.newstitle{height:auto; margin-top:30px; text-align:left;line-height:26px; color:#000000; font-size:24px;}


}



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





}