@charset "UTF-8";

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

}

@media screen and (max-width: 1500px)
{
	.container{width:1300px;max-width:100%;}
	.header .container .nav ul li a{padding:0 14px;}
	.about .text ul li{width:33.33%;box-sizing:border-box;float:left;}
	.about .text ul li dl{font-size:34px;}
	.inculture ul li .img img{height:auto;min-height:100%;}
	.inprolist ul li .img{height:auto;}
}

@media screen and (max-width: 1377px)
{
	.container{width:1200px;max-width:100%;}
	.header .container{padding:0 20px;}
	.case .owl-theme .owl-controls .owl-buttons{display:none;}
}

@media screen and (max-width: 1201px)
{
	.pc{display:none !important;}
	.sp{display:block !important;}

	body{position:relative;overflow-x:hidden;}
	.main{height:auto;margin-top:50px;}
	.container{width:100%;box-sizing:border-box;padding:0 10px;}
	.header{background:#fff;height:50px;}
	.header .container{width:100%;box-sizing:border-box;padding:5px 5px;}
	.header .container .logo{text-align:center;width:100%;}
	.header .container .logo a{position:relative;padding:0 0;}
	.header .container .logo a img{width:30px;height:30px;margin:5px 0;position:absolute;left:0;}
	.header .container .logo a dl{padding:0 0;width:100%;color:#111;}
	.header .container .logo a dl b{height:40px;line-height:40px;padding-top:0;font-size:18px;font-weight:600;color:#0a516f;}
	.header .container .logo a dl span{display:none}
	.header .container .nav{position:absolute;top:0;right:0;}
	.header .container .nav i{content:"\f009";width:50px;height:50px;display:block;line-height:50px;text-align:center;float:right;font-family:'FontAwesome';font-size:18px;color:#0a516f;cursor:pointer;}
	.header .container .nav ul{display:none;}
	.header .container .nav .phone{display:none;}
	.nav-box{display:block;position:fixed;left:-80%;background:rgba(255,255,255,1);width:80%;height:100%;top:0;z-index:999;}
	.nav-box .container .nav{width:100%;height:auto;text-align:left;position:relative;}
	.nav-box .container .nav dt{display:block;width:120px;height:50px;line-height:50px;text-align:center;position:absolute;right:20px;top:20px;color:#000;font-size:16px;cursor:pointer;}
	.nav-box .container .nav dt:hover{background:#000;color:#fff;}
	.nav-box .container .nav ul{width:100%;height:auto;text-align:right;padding-top:60px;box-sizing:border-box;vertical-align:bottom;}
	.nav-box .container .nav ul li{width:100%;height:auto;box-sizing:border-box;position:relative;text-align:left;}
	.nav-box .container .nav ul li.active{background:#0a516f;}
	.nav-box .container .nav ul li a{width:100%;height:100%;line-height:50px;font-size:16px;display:inline-block;box-sizing:border-box;text-align:left;border-bottom:1px solid #f2f2f2;padding:0 0px;color:#000;font-weight:600;}
	.nav-box .container .nav ul li a:hover{color:#0a516f;}
	.nav-box .container .nav ul li.active a{color:#fff;}
	.nav-box .container .nav ul li a em{font-style:normal;font-weight:300;font-size:12px;padding-left:10px;text-transform: uppercase;color:#eee;float:right;}
	.nav-box .container .nav ul li.active a em{color:#fff;}
	.nav-box .container .nav ul li dl{display:none;width:100%;height:0px;overflow:hidden;padding:10px 0;background:rgba(255,255,255,0.7);position:absolute;top:70px;left:0;border-bottom:1px solid #0a516f;}
	.nav-box .container .nav ul li:hover dl{display:block;height:auto;}
	.nav-box .container .nav ul li dl a{width:100%;height:40px;line-height:40px;border-bottom:0;color:#fff;box-sizing:border-box;}
	.nav-box .container .nav ul li.active dl a{color:#fff;}
	.nav-box .container .nav ul li.active dl a em{color:#fff;}
	.nav-box .container .nav ul li dl:hover a{border-bottom:0;padding-left:5px;}
	.nav-box .container .nav .phone{width:100%;height:26px;line-height:26px;margin:22px 0;box-sizing:border-box;cursor:pointer;text-align:left;}
	.nav-box .container .nav .phone span{top:8px;margin-left:0px;display:inline-block;width:164px;height:26px;line-height:26px;float:none;border:0;box-sizing:border-box;padding:0 0;font-size:18px;font-family:"Arial";color:#333;text-align:left;position:relative;}
	.nav-box .container .nav .phone span em{width:12px;font-style:normal;float:left;display:block;font-family:"Thomas";text-align:center;}
	.nav-box .container .nav .phone span em:nth-child(1){-webkit-animation:jump 6s ease-in-out 0s infinite;}
	.nav-box .container .nav .phone span em:nth-child(2){-webkit-animation:jump 6s ease-in-out 0.2s infinite ;}
	.nav-box .container .nav .phone span em:nth-child(3){-webkit-animation:jump 6s ease-in-out .4s infinite;}
	.nav-box .container .nav .phone span em:nth-child(4){-webkit-animation:jump 6s ease-in-out .6s infinite;}
	.nav-box .container .nav .phone span em:nth-child(5){-webkit-animation:jump 6s ease-in-out .8s infinite;}
	.nav-box .container .nav .phone span em:nth-child(6){-webkit-animation:jump 6s ease-in-out 1s infinite;}
	.nav-box .container .nav .phone span em:nth-child(7){-webkit-animation:jump 6s ease-in-out 1.2s infinite;}
	.nav-box .container .nav .phone span em:nth-child(8){-webkit-animation:jump 6s ease-in-out 1.4s infinite;}
	.nav-box .container .nav .phone span em:nth-child(9){-webkit-animation:jump 6s ease-in-out 1.6s infinite;}
	.nav-box .container .nav .phone span em:nth-child(10){-webkit-animation:jump 6s ease-in-out 1.8s infinite;}
	.nav-box .container .nav .phone span em:nth-child(11){-webkit-animation:jump 6s ease-in-out 2.0s infinite;}
	.nav-box .container .nav .phone span em:nth-child(12){-webkit-animation:jump 6s ease-in-out 2.2s infinite;}
	.nav-box .container .nav .phone i{width:26px;height:26px;font-size:16px;box-sizing:border-box;text-align:center;line-height:24px;margin:0 0;padding:0 0;display:inline-block;color:#0a516f;-webkit-animation:jumpcolor 3s linear 1s infinite alternate;position:relative;top:0px;}
    @-webkit-keyframes jump  
    {  
        0%{  
            font-weight:600;
        }  
        50%{  
            font-weight:600;color:#cc0000;
        }  
        100%{  
            font-weight:600; 
        }  
    }  
    @-webkit-keyframes jumpcolor  
    {  
        0%{  
            color:#cc0000;  
        }  
        50%{   
            color:#4fbeee;  
        }  
        100%{  
            color:#0a516f;  
        }  
    }  


	.about{padding-top:10px;}
	.about .title{}
	.about .img{float:none;width:100%;height:auto;padding:60px 60px;background:#f2f2f2;}
	.about .img a{width:100%;}
	.about .img a img{width:100%;}
	.about .text{float:none;width:100%;height:auto;background:none;padding-bottom:50px;background:#f2f2f2;}
	.about .text .container{padding:10px 20px;}
	.about .text h1{font-size:30px;height:30px;line-height:30px;text-align:center;}
	.about .text h2{}
	.about .text ul{}
	.about .text ul li{text-align:center;}
	.about .text ul li b{}
	.about .text ul li dl{text-align:center;}

	.footer{width:100%;}
	.copyright{width:100%;}
	.copyright .left{text-align:center;}
	.copyright .left span{text-align:center;}
	.footer .container{padding:20px 10px;box-sizing:border-box;}
	.footer ul li{width:100%;float:none;text-align:left;border-bottom:1px solid #ccc;margin-bottom:0;}
	.footer ul li:nth-child(7){display:none;}
	.footer ul li h4{line-height:40px;height:auto;margin-bottom:0;}
	.footer ul li h4 a{line-height:40px;height:40px;display:inline-block;}
	.footer ul li h4 i{display:block;width:40px;height:40px;text-align:center;line-height:40px;float:right;font-size:20px;}
	.footer ul li dl{display:none;padding-bottom:20px;}
	.footer ul li ol{}
	.footer ul li p{}
	.footer ul li b{}


	.copyright .left{width:100%;}
	.copyright .right{display:none;}

	.banner ul li{height:auto;}
	.banner ul li .img img{width:100%;}
	.banner ul li .img .tiaowen{display:none;}
	.banner ul li .text{}
	.banner ul li:hover .text{}
	.banner ul li .text .container .border{}
	.banner ul li .text h1{}
	.banner ul li .text dl{}
	.banner ul li .text dl span{font-size:36px;}
	.banner ul li .text dl dt{font-size:18px;}
	.banner .owl-theme .owl-controls .owl-buttons{}
	.banner .owl-theme .owl-controls .owl-buttons div{background:none;}
	.banner .owl-theme .owl-controls .owl-buttons div i{color:#fff;font-size:20px;text-align:center;line-height:40px;}
	.banner .owl-theme .owl-controls .owl-buttons div.owl-next{margin-right:5px;}
	.banner .owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left:5px;}
	.banner .owl-theme .owl-controls .owl-buttons div{filter: Alpha(Opacity=100);opacity: 1;}

	.title{width:100%;box-sizing:border-box;padding:0 0;margin:10px 0;}
	.title .left{width:100%;text-align:center;}
	.title .left h2{font-size:32px;height:auto;line-height:40px;}
	.title .left dl{letter-spacing:0.5pt;line-height:30px;height:auto;font-size:26px;color:#f2f2f2;}
	.title .right{display:none;}

	.product ul{position:relative;}
	.product ul li{width:100%;float:none;height:auto;}
	.product ul li a{width:100%;height:auto;display:block;}
	.product ul li a img{width:100%;height:auto;}
	.product ul li .text{width:100%;height:auto;background:#f2f2f2;right:0;padding:10px 0;position:relative;}
	.product ul li .text h1{height:30px;line-height:30px;width:100%;text-align:center;font-size:18px;font-weight:300;}
	.product .owl-theme .owl-controls{width:100%;position:absolute;bottom:7px;}
	.product .owl-theme .owl-controls .owl-buttons div{background:none;}
	.product .owl-theme .owl-controls .owl-buttons div i{font-style:normal;color:#ff0000;font-weight:600;font-size:20px;}
	.product .owl-theme .owl-controls .owl-buttons .owl-prev{float:left;}
	.product .owl-theme .owl-controls .owl-buttons .owl-next{float:right;}

	.case ul li .img{padding:0 0;}
	.case ul li .text{padding:0 0;}
	.case ul li .text h1 a{padding:0 0;text-align:center;font-size:14px;}



	.inbanner .text{height:40px;font-size:16px;line-height:20px;margin-top:-20px;}
	.inabout{padding:20px 0;}
	.inabout .abouttitle h2{font-size:20px;height:26px;line-height:26px;font-weight:600;}
	.inabout .abouttitle h3{font-size:14px;}
	.inabout .left{width:100%;padding:10px 10px;float:none;}
	.inabout .right{width:100%;margin-top:0;float:none;padding:0 0;}
	.inabout .right .text{height:auto;}
	.inabout .right ul{padding:20px 0;}
	.inabout .right ul li{width:25%;box-sizing:border-box;display:block;float:left;height:50px;}
	.inabout .right ul li b{font-size:14px;padding:0 0;height:20px;line-height:20px;}
	.inabout .right ul li dl{font-size:16px;height:30px;line-height:30px;}

	.inhonor{padding:20px 0;}
	.inhonor ul{padding-top:20px;}
	.inhonor .owl-theme .owl-controls .owl-buttons div{background:none;}
	.inhonor .owl-theme .owl-controls .owl-buttons div i{color:#333;}
	.inhonor .owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left:0px;}
	.inhonor .owl-theme .owl-controls .owl-buttons div.owl-next{margin-right:0px;}
	.inculture{padding:20px 0;}
	.inculture ul{padding-top:20px;}
	.inculture ul li{width:100%;position:relative;}
	.inculture ul li .text{width:50%;position:absolute;left:0;top:0;z-index:99;background:rgba(255,255,255,0.8);}
	.inculture ul li:nth-child(2n) .text{left:50%;}
	.inculture ul li .text span{display:none;}
	.inculture ul li .text h1{font-size:20px;}
	.inculture ul li .img{width:100%;}
	.inculture ul li .img img{}

	.intitle h2{font-size:20px;height:26px;line-height:26px;font-weight:600;}
	.intitle h3{font-size:14px;}

	.toptitle{height:auto;padding:10px 0 40px 0;}
	.toptitle .div{height:auto;}
	.toptitle .div label{width:auto;font-size:14px;}
	.toptitle .div ul li:first-child a{padding:0 10px;}

	.inprolist{padding:20px 0;}
	.inprolist ul li{width:48%;margin:0 1%;}
	.inprolist ul li .text h1 a{font-size:14px;}

	.page{margin-top:20px;}

	.procon{padding:20px 0;}
	.procon .container{padding:0 0px;}
	.procon .top{box-sizing:border-box;padding:0 10px;}
	.procon .top .img{width:100%;height:auto;float:none;}
	.procon .top .text{width:100%;height:auto;float:none;padding-left:0;border-top:1px solid #0a516f;padding-top:10px;}
	.procon .top .text h1{font-size:18px;}
	.procon .top .text ul li{height:auto;line-height:22px;}
	.procon .owl-theme .owl-controls{padding:10px 0;}
	.procon .owl-theme .owl-controls .owl-page{margin:0 3px;}
	.procon .owl-theme .owl-controls .owl-page.active{}
	.procon .owl-theme .owl-controls .owl-page img{margin:0 0;}
	.procon .owl-theme .owl-controls .owl-page img{box-sizing:border-box;border:1px solid #fff;}
	.procon .owl-theme .owl-controls .owl-page.active img{border:1px solid #0a516f;}
	.procon .owl-theme .owl-controls .owl-page span{width:0;height:0;margin:0 0;}
	.cont{padding:20px 0;}
	.cont .left{width:100%;padding:10px 10px;}
	.cont .left h1 span{font-size:18px;}
	.cont .left ul li dl.neirong{overflow-y:scroll;}
	.cont .right{width:100%;margin-top:20px;padding:10px 10px;}
	.cont .right ul li{width:48%;float:left;margin:0 1%;}
	.cont .right h1 span{font-size:18px;}
	.conts .right ul li{width:49%;float:left;margin:0 1%;}
	.conts .right ul li:nth-child(2n+1){margin-left:0;}
	.conts .right ul li:nth-child(2n){margin-right:0;}
	.conts .right h1 span{font-size:18px;}
	.inlink{padding:0px 10px 20px 10px;height:auto;box-sizing:border-box;}
	.inlink .left{width:100%;float:none;}
	.inlink .right{float:none;}

	.toplink .container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}

	.innewslist{padding:20px 0;}
	.innewslist .left{width:100%;padding:0px 0;}
	.innewslist .left ul li{margin:0 0 12px 0;}
	.innewslist .left ul li .img{width:100%;float:none;}
	.innewslist .left ul li .img a{box-sizing:border-box;padding:5px 5px;}
	.innewslist .left ul li .img span{height:auto;line-height:20px;display:none;}
	.innewslist .left ul li .text{width:100%;float:none;padding:20px 10px 0 10px;}
	.innewslist .left ul li .text h1 a{font-size:16px;height:auto;line-height:20px;overflow:auto;font-weight:600;}
	.innewslist .left ul li .text dl{margin:5px 0;font-size:14px;}
	.innewslist .left ul.asklist li{padding-bottom:10px;margin-bottom:10px;}
	.innewslist .left ul.asklist li .text dl{margin:10px 0;}
	.innewslist .left ul.asklist li .text h1{font-size:16px;height:auto;line-height:24px;overflow:auto;text-overflow:clip;white-space:	normal;font-weight:600;}
	.innewslist .right{width:100%;margin-top:20px;padding:10px 10px}
	.innewslist .right h1 span{font-size:18px;}
	.innewslist .right ul li{width:48%;margin:0 1%;float:left;}
	.innewslist .right ul li .text a{text-align:left;}
	.menutitle{height:50px;line-height:50px;}
	.menutitle .name{width:100%;float:none;}
	.menutitle .name ul{text-align:center;}
	.menutitle .name ul li{line-height:40px;}
	.menutitle .name ul li a{font-size:16px;padding:0 8px 0 2px;position:relative;top:-5px;}
	.menutitle .link{display:none;}
	.newscon{width:100%;padding:20px 0px;}
	.newscon .left{width:100%;padding:10px 10px;}
	.newscon .left .newstitle{padding:10px 0;}
	.newscon .left .newstitle h1{height:auto;line-height:26px;font-size:18px;}
	.newscon .right{width:100%;padding:10px 10px;margin-top:20px;}
	.newscon .right h1 span{font-size:18px;}
	.newscon .right ul li{width:48%;margin:0 1%;float:left;}

	.inbanner .img .tiaowen{display:none;}
	.inbanner .numbers{margin:0 0;background:rgba(0,0,0,0.8);height:84px;margin-top:-42px;}
	.inbanner .numbers ul{padding:10px 0;}
	.inbanner .numbers ul li{width:25%;float:left;box-sizing:border-box;display:block;height:auto;}
	.inbanner .numbers ul li b{font-size:14px;padding:0 0;}
	.inbanner .numbers ul li dl{font-size:18px;}

	.incaselist ul li{width:100%;margin:0 0;background:#fff;}
	.incaselist ul li .img a{box-sizing:border-box;padding:5px 5px;}
	.innewslist .left ul.asklist{padding:10px 10px;box-sizing:border-box;}
	.incontact .map{width:100%;}
	.incontact .map #allmap{height:300px;}
	.incontact .container{width:100%;padding:10px 10px;}
	.incontact .container h1{font-size:20px;margin-bottom:10px;}
	.incontact .container .left{padding:0 0;}
	.incontact .container .left ul li{height:auto;min-height:30px;line-height:30px;}
	.incontact .container .right{padding-top:20px;}

	.invideo{padding:20px 0;}
	.invideo .left{padding-left:0;padding-top:10px;}

	.infactory{padding:20px 0;}
	.incaselist{padding:20px 0;}

	.footer-sp{width:100%;height:50px;line-height:50px;position:fixed;bottom:0;left:0;}
	.footer-sp i.menu{width:50px;height:50px;float:left;color:#fff;background:#0a516f;font-size:20px;line-height:50px;text-align:center;}
	.footer-sp i.fa-angle-double-right{background:#0a516f;color:#fff;}
	.footer-sp ul{display:none;width:calc(100% - 50px);height:100%;float:left;background:#222;}
	.footer-sp ul li{width:25%;height:50px;line-height:20px;float:left;box-sizing:border-box;padding:7px 0;}
	.footer-sp ul li a{width:100%;height:50px;line-height:20px;display:block;text-align:center;color:#fff;font-size:14px;}
	.footer-sp ul li a i{width:16px;height:16px;text-align:center;display:block;line-height:16px;margin:0px auto;}

}
@media screen and (max-width: 768px)
{
	.banner ul li .text dl span{font-size:20px;line-height:30px;}
	.banner ul li .text dl dt{font-size:14px;line-height:20px;}
	.about .text{padding-bottom:10px;}
	.about .img{padding:10px 10px;}
	.about .text .container{padding:0 10px;}
	.about .text h1{font-size:16px;}
	.about .text h2{font-size:14px;padding:0 0 10px 0;}
	.about .text ul{padding-top:10px;}
	.about .text ul li b{font-size:16px;}
	.about .text ul li dl{font-size:28px;}
	.about .text ul li dl span{font-size:38px;}

	.title .left h2{font-size:20px;}
	.title .left dl{font-size:14px;}

	.case{padding-top:20px;}

	.footer ul li h4 a{font-size:14px;}
	.footer ul li dt a{font-size:12px;}

}