@charset "utf-8";


@media screen and (max-width:1650px){
div.toubu .middle{ width: 96%; }
}
@media screen and (max-width:1550px){

}
@media screen and (max-width:1440px){
div.head{ height: 70px; line-height: 70px; }

div.head ul.nav li.yi{ height: 70px; line-height: 70px; width: 110px; }
.menu li div{ top: 70px; }
.htel{height: 70px; line-height: 70px;}
div.head img.logo{ height: 55px; margin-top: 8px; }
.headsou{ height: 70px; }
div.head a.hsou{ margin-top: 23px; }
.index_san li div a.at{font-size: 20px;}
.indexabout_nr .small_indexabout_nr a.at{ font-size: 34px; }
.index_san{ padding: 40px 0px; }
.indexabout_nr .small_indexabout_nr{padding: 28px 23px 0px 59px;}
.indexabout_nr{ height: 444px; }
.indexabout{ height: 572px; }
div.comtitle span.c{ font-size: 30px; }
.indextab_middle ul a{ height: 80px; }
.indextab_middle ul a i{ padding-top: 15px; }
.product_ins .text b{ font-size: 20px; }
}

@media screen and (max-width:1439px){
/*div.head img.logo{ margin-top:15px; height: 35px; }*/
}
@media screen and (max-width:1200px){
	.w1200 {
    width: 100%;
    padding: 0 0px;
}
.locate_box.locate_box_fix{ width:100%; position:fixed; left:0px; top:0px; background:#FFF; z-index:-999; display:none!important }


img.imgl{ display:block; float:left; width:50%;}
.about_nr{ width:47.3%; }

.indexabout{ margin-bottom: 0px; }

}

@media screen and (max-width:1100px){
	.product_ins li:hover .text{ background: none; }
	.locate_box .category a:after{ display:none}
	.product_ins li:hover .text{ background: none; }
.product_ins li:hover .text b{ color: #333; }
.product_ins li:hover .text p{ color: #555; }
	.locate_box {
    height: auto;
}
.locate_box .location {
    float: none;
    padding-left: 5px;
}
.locate_box .location {
    float: none;
    padding-left: 5px;
}
.locate_box .category {
    float: none;
    clear: both;
    margin-top: 10px;
    line-height: 50px;
}
.locate_box .category a {
    display: inline-block;
    float: none;
    border: 1px solid #ccc;
    line-height: 35px;
    height: 37px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.product_ins .pic .photo {
    width: 95%;
}
.product_ins .text {
    padding: 0 3% 0 3%;
}
.product_ins .text {

    width:55%;

	}
    .team_tj li .text{ min-height: 350px; }
}
@media screen and (max-width:600px){
.indexmiddle .newr ul li .newr_div p {
    height: auto;
}
}
@media screen and (max-width:414px){
	.product_ins .pic {
    float: none;
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
}
.product_ins .text {
    float: none;
    width: 100%;
    height: auto;
    background: none; padding:0px 0px 0px 0px;
}
.product_ins li:nth-of-type(2n+2) .text{ float: none; width: 100%; }
.product_ins .text b {
    font-size: 18px;
    margin-top: 25px;
}
.product_ins .text p {
    margin-top: 20px;
    line-height: 28px;
    -webkit-line-clamp: 5;
}
	}




@media screen and (max-width:1625px){
	.htel{   background:url(../images/t.png) 8.2% center no-repeat #0d39a6; width:200px; position:absolute; text-indent:20%;}
}
@media screen and (max-width:1460px){
	div.head div.middle{ margin:0px; margin-left:10px;  }

	}
@media screen and (max-width:1400px){
	.foot_r{  padding-left:270px; }
.foot_middle ul{padding-left:40px; }
	}
@media screen and (max-width:1360px){
	div.head ul.nav{ margin-left:1.4%}
div.head ul.nav li.yi{  width:110px; }
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; width:100%; height:100%; text-indent:0px; text-align:center}
div.head ul.nav li.yi.you a.ayi{ font-size:16px; display:block; width:100%; height:100%; text-indent:11px; text-align:left; }

div.head ul.nav li.yi.you{background:url(../images/navbg.png) right 16px center no-repeat;}

div.head ul.nav li.yi:hover a.ayi,div.head ul.nav li.yi.hover a.ayi{ color:#fff;}

div.head ul.nav li.yi:hover,div.head ul.nav li.yi.hover{  background:#00955c;}

div.head ul.nav li.yi.you:hover,div.head ul.nav li.yi.you.hover{background:url(../images/navbg1.png) right 16px center no-repeat #00955c;}
.menu li div a{ text-indent:11px;}
.headsou {
    width: 58px;

}
div.head a.hsou img {
    right: -9px;
}
div.head a.hsou img.souclose {
    right: -28px;
    top: 0px;
}
.htel{ right:58px;}


	}

@media screen and (max-width:1280px){
	.foot_middle ul{ padding-left:18px;  width:120px; }
.foot_middle ul.ulbig{ width:227px; }

.indexmiddle .newr ul li .small_newr_div{padding-right:90px; }


	}

@media screen and (max-width:1200px){
div.middle{ width:96%;}
.foot_middle ul.ulbig{ width:120px; display: none; }
.foot_middle ul.ulbig a{ width:100%}
.foot_middle ul.ulbig div{ margin-top:0px; float:none; width:100%}



.indextabnnrr .tab_nr{height:500px; background:url(../images/indextab.jpg) center center no-repeat; }
.indextab_middles{ margin-top:60px;}

.banner p{  font-size:28px; }


}
@media screen and (max-width:1150px){
.indexmiddle .newl{ width:500px;}
.indexmiddle .newr {
    /*padding-left: 517px;*/
}

.indexmiddle .newr ul li {
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.indexmiddle .newr ul li .hasdiv {
    width: 152px;

}
.indexmiddle .newr ul li .newr_div {
    padding-left: 160px;
}
.indexmiddle .newr ul li .newr_div a {
    padding-top: 5px;
}

.indexmiddle .newr ul li .newr_div span {
    top: 8px;
	}
}

@media screen and (max-width:1024px){
.left{ display:none}
.wapernav{ display:block}
.bottom{ text-align:center; height:auto; line-height:24px; padding:12px 0px;}
.bottom_middle p{ display:block; width:100%;}
.bottom_middle p.l{ float:none;}
.bottom_middle p.r{ float:none;}
.indexabout{ background:none!important; height:auto}
.indexabout_nr{ top:0px; position:relative;}
.indextab_middle ul a em{ display:none}
.indextab{ padding-top:30px;}
.indextab_middle ul a { line-height:40px;
    height: 40px; /*background: #fcfcfc;*/}
    .indextab_middle ul a i{ /*font-size: 14px;*/ padding-top: 0;}
    .indexabout_nr{  width:100%;}
.indexabout_nr .small_indexabout_nr{ padding:50px;}

.indexabout_nr .small_indexabout_nr ul{ display:block; padding-top:35px;}
.indexabout_nr .small_indexabout_nr ul li{ display:block; float:left; width:25%}
.indexabout_nr .small_indexabout_nr ul li em{ font-size:40px; font-family:Arial, Helvetica, sans-serif; display:inline-block; padding-right:6px;}
.indexabout_nr .small_indexabout_nr ul li span{}
}

@media screen and (max-width:1023px){
.foot_middle ul{ width:20%!important; padding:0px!important; border:none}
.foot_middle ul.z{ width:40%!important;}


.indexmiddle .newl{ width:100%; /*position:relative; top:0px; */float: none; margin:10px auto;}
.indexmiddle .newr {
    padding-left: 0px; margin-top:20px;
}


}

@media screen and (max-width:1000px){
.pc{ display:none;}
.wap{ display:block;}
}

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


	}

@media screen and (max-width:900px){
	dl.dllogo {
    float: none; display:block; margin:auto;
}
.foot_r {
    padding-left: 0px; margin-bottom:60px;
}
.foot_middle ul{ width:33.3%!important; padding:0px!important; border:none}
.foot_middle ul.z{ width:33.3%!important;}
.contact_l{ width:96%;float:none; margin:auto}
.contact_r{ width:96%; float:none; margin:auto}
.contact_r p i{

    padding-top: 20px; padding-bottom:20px;}
img.imgl{ margin:auto; float:none; width:96%;}
.about_nr{ margin:auto; padding-top:20px; float:none; width:96%;}
	}


@media screen and (max-width:800px){
.indextab_middle ul a{ width:50%;}
.team_tj li .pic{ }
.team_tj li .text{ padding: 15px; }
.team li{ width: 23.5%; }
.team li.li1{ margin-left: 2%; }
.team li.li2{ margin-left:0; }

.banner p{  font-size:24px; }

}
@media screen and (max-width:767px){
.banner p{  font-size:18px; }
div.comtitle span.c{ font-size:26px;}
div.comtitle span.e {
    padding-top: 5px;
}
.bottom{  height:auto; line-height:24px;/* margin-top:20px;*/}
.foot_middle ul.ulbig{ display:none}
.foot_middle ul{ width:33%!important; padding:0px!important; text-align:center; float:none;  border:none; height:auto; display:inline-block}
.foot_middle ul a.at{ float:none; width:100%!important;}
.foot_middle ul a{ display:block; float:left; width:50%!important}
.foot_middle ul.z{ width:100%!important; float:none; text-align:center; padding-top:0px; }
.foot_middle ul.z a.at{ margin-top:20px!important;}

.foot_middle ul{ width:100%!important; padding:0px!important; border:none}
.foot_middle ul.z{ width:100%!important; }
img.fqrcode{ float:none; margin:20px auto; display:block}

.foot_middle ul.z a{float:none; width:100%!important; }
.foot_r {
    margin-bottom: 20px;
}
.index_san{padding:20px 0px;}

.indexabout_nr .small_indexabout_nr {
    padding: 24px;
}
.indexabout_nr .small_indexabout_nr a.at {

    font-size: 26px;

}
.indexabout_nr .small_indexabout_nr i {
    font-size: 18px;
}
.indextabnnrr .tab_nr{height:420px; }
.indexabout_nr {
    height: auto;
}
.indexabout_nr .small_indexabout_nr ul li em {
    font-size: 18px;
}

.indexnew{ padding:20px 0px 20px 0px;}
.indexmiddle{ padding-top:20px;}
.foot {
    background: #121111;
    /*padding-top: 20px;*/
}
.nyabout{ padding:20px 0px;}



.team li{ width: 48%; margin:10px auto; }
.team li:nth-child(2n) { float: right; }
.team li.li2,.team li.li1{ margin-left: 0; }


.team_tj li a{ display: block; }
.team_tj li .pic{  width: 50%; margin:auto; float: none; }
.team_tj li .text{  min-height: auto; }

.team_tj li{ float: none; width: 100%; }
.teamjj_list li{ padding: 20px; }

}

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

.contact_r p i{font-size: 20px; padding-top: 30px;}

div.list_thumb ul li div.list_thumb_div {
    max-width: 90%;
}

div.list_thumb ul li{ width:100%; margin-left:0%; float:none; margin-bottom:3.3%; margin-right:0px;}
div.xuanzhuan li{ width:45%; margin-left:3.3%;}
.index_san li{ display:block; width:100%; float:none; margin-bottom:15px;}
.index_san li div p{ width:100%; max-width:100%; margin:6px 0px 0px 0px;}
.index_san li div a.at{ font-size:18px;}




.indextab_middle ul a em{padding-top:8px; }
.indextabnnrr .tab_nr{height:330px; }
.indextab_middles{ margin-top:30px; }
a.view_detail {

    margin-top: 25px;
}
}
@media screen and (max-width:600px){
	.foot_middle ul{ width:100%!important; padding:0px!important; text-align:center; border:none; height:auto; display:block}
	.indextabnnrr .tab_nr{height:400px; }

		div.twhp a.hasimg{ float:none; width:100%;}
    div.twhp div.twhpnr{ float:none; width:100%;}
	.indextab_middle ul a{ /*width:100%;*/ line-height: 18px; height: auto;}
    .indextab_middle ul a i{ font-size: 14px; padding: 10px 20px; }
    .indexabout_nr .small_indexabout_nr ul li{ width: 50%; }
    .indexabout_nr .small_indexabout_nr ul li .num .counter{ font-size: 20px; }
    .indexabout_nr .small_indexabout_nr a.view{ margin-top: 20px; }

.tong_list1 li h3{ font-size: 16px; }
.tong_list1 li p{ font-size: 14px; }


}

@media screen and (max-width:470px){
	.indexmiddle .newr ul li .newr_div span{ display:none}
	.indexmiddle .newr ul li .small_newr_div{ padding-right:0px;}
	}
@media screen and (max-width:460px){
.indextabnnrr .tab_nr{height:330px; }
}
@media screen and (max-width:320px){}