@charset "utf-8";
/* CSS Document*/
.mobile { display: none; }
.clear{clear: both;}
body { min-width: 1024px; }
.container { width: 90%; max-width: 1400px; margin: 0 auto;overflow: hidden }
 @media only screen and (max-width: 1000px) {
body { min-width: 0px; }
.container { width: 100%; max-width: 900px; margin: 0 ; }
 }
 table{  
    border-collapse:collapse;  
    border: 1px solid #ccc;  
}  
td{  
    border-collapse:collapse;  
    border: 1px solid #ccc;  
}
/* .min-w { min-width: 1024px; } */
/* */
.head { height: 90px; background-color: #FFF; position: relative; z-index: 999; }
.head a.logo { float: left; margin-top: 25px; width: 323px; }
.head a.logo img { width: 100%; min-width: 100px; }
/* */
.head .m-nav { display: none; }
.m-navwrap { display: none; }
.head .nav-box {display: none; float: left;max-width: 1300px;background-color: #336699;border-radius: 5px;
 box-shadow: 0px 5px 2px rgba(0,0,0,0.4); z-index: 2;bottom:-35px;position: relative;}
.head .nav-box ul li { list-style: none; float: left; font-size: 18px; padding: 0 39px;
 line-height: 70px; text-align: center;margin-left:20px;margin-right:20px;}
.head .nav-box ul li:hover { background-color: #fff;}
.head .nav-box ul li:hover a { color: #000;}
.head .nav-box ul li a { display: inline-block; color: #fff; }
/*
.head .nav-box ul li.cur a { color: #000; }*/
.head .nav-box .nav-line { position: absolute; left: 0; top: 0; height: 2px; background-color: #005499; font-size: 0; }
.head .mobile_search { display: none; }
.mobile_search_main { padding: 20px 4%; width: 92%; position: absolute; left: 0; top: 90px; background: rgba(0,17,34,0.8); display: none; }
.mobile_search_main .main { width: 100%; height: 40px; line-height: 40px; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px 0px #55708f; -webkit-box-shadow: 0 0 10px 0px #55708f; box-shadow: 0 0 10px 0px #55708f; overflow: hidden; }
.mobile_search_main .text { width: 85%; float: left; height: 40px; color: #333; background: none; border: none; text-indent: 20px; }
.mobile_search_main .btn { width: 15%; height: 40px; float: right; background: url(../images/header_search.png) center no-repeat; background-size: 20px; border: none; }
 @media only screen and (max-width: 1400px) {
.head .nav-box ul li { padding: 0 10px; }
}
@media only screen and (max-width: 1360px) {
.head a.logo { width: 260px;margin-left: 20px; }
.head .nav-box ul li { padding: 0 10px; font-size: 14px; }
}
 @media only screen and (max-width: 1200px) {
.head a.logo { width: 200px; margin-top: 20px;margin-left: 20px; }
.head .nav-box ul li { padding: 0 10px; font-size: 12px; }
}
 @media only screen and (max-width: 900px) {
.mobile { display: block; }
.head .mobile_search { cursor: pointer; display: block; position: absolute; right: 50px; top: 33px; }
.head .nav-box { display: none; }
.head .m-nav { display: block; }
.head .m-nav .nav-ico { display: block; position: absolute; right: 20px; top: 33px; cursor: pointer; }
.head .m-nav ul { display: none; position: absolute; z-index: 99999; left: 0; top: 90px; background-color: #FFF; width: 100%; height: 100%; }

.m-navwrap { display: none; }
.m-navwrap { width: 100%; position: absolute; top: 90px; left: 0; z-index: 9999;
 background: #fff; padding-bottom:50px; overflow:hidden; }
.m-navwrap ul, .m-navwrap li { width: 100%; }
.m-navwrap .tit { display: block; width: 78%; padding: 0 17% 0 5%; height: 46px;
 line-height: 46px; font-size: 16px; color: #005499;
  background: url(../images/arrow2.png) no-repeat 92% center #FFF;
   background-size: auto 22%; cursor: pointer; border-right: 1px solid #035cac; }
.m-navwrap .tit a { color: #626262; display: block; }
.m-navwrap .tit a:hover { color: #000000; }
.m-navwrap li { border-bottom: 1px solid #aaa; border-right: 1px solid #035cac; }
.m-navwrap .sub-box { width: 100%; background-color: #336699; display: none; }
.m-navwrap .sub-box a { display: block; width: 78%; padding: 0 17.4% 0 7.5%;
 height: 34px; line-height: 34px; border-top: 1px solid #fff; color: #fff;
  font-size: 13px; }
.m-navwrap .sub-box a:hover { background-color: #336699; }
}
 @media only screen and (max-width: 360px) {
.head a.logo { width: 160px; }
}
/* --------------------------------------------------------------------------------------------------------------------------------------

	头部搜索
*/
.head .header_search { float: right; height: 90px; width: 120px; }
.head .header_search .search-box { float: right; position: relative; height: 26px; width: 120px; margin-top: 32px; z-index: 999; }
.head .header_search .search-box input[type="text"] { height: 26px; line-height: 26px; width: 60px; padding-left: 10px; padding-right: 5px; border-radius: 0px; border: 0 none; background: #4B86B8; color: #FFF; font-size: 12px; position: absolute; left: 25px; z-index: 2; overflow: hidden; }
.head .header_search .search-box input[type="submit"] { width: 25px; height: 26px; position: absolute; left: 0px; top: 0px; z-index: 3; background: url(../images/header_search_go.png) #005499 no-repeat center center; border: none; cursor: pointer; }
.head .header_search ::-webkit-input-placeholder {
color:#A4C9ED;
}
.head .header_search ::-moz-placeholder {
color:#A4C9ED;
}
.head .header_search :-moz-placeholder {
color:#A4C9ED;
}

/* 内页banner*/

.banner_t{width: 100%;height: 300px;margin-top: 75px;}
.m_banner_t{display: none;}
 @media only screen and (max-width: 900px) {
.banner_t{display: none;}
.m_banner_t{display: block;margin:0;padding:0; width: 100%;overflow: hidden;}
}
/*    导航条    */
#menu_out {
	float: left;
	box-shadow: 0px 5px 2px rgba(0,0,0,0.4);
	border-radius: 5px;
    height: 60px;
    background: #336699;
    position: relative;
    z-index: 50;
    bottom:-30px;
    width: 100%;
}
 @media only screen and (max-width: 900px) {
#menu_out{display: none}
}
#menu {
    margin: auto;
    line-height: 150px;
}
#menu li {
    float: left;
    width: 12.5%;
}
/* #menu li:first-child{ width: 12.5%; } */
#menu li a {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    border-right: solid 1px #eee;
}
#menu li:last-child a{border-right:none;}
/* #menu li:first-child a {
    background: none;
    padding-left: 60px;
    padding-right: 60px;
} */



#menu li a:hover, #menu li a:active, #menu li a.A {
    background: #eeeeee;
    color: #000;
}

#menu li div.menu_bg {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 320px;
    padding-top: 30px;
    display: none;
}
#menu li div.menu_bg_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 320px;
    z-index: 1;
    background: #FFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
#menu li div.menu_con {
    width: 1180px;
    margin: auto;
    position: relative;
    z-index: 9999;
}
#menu li p.menu_list {
    width: 180px;
    float: left;
    position: relative;
    z-index: 2;
}
#menu li div a {
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: center;
    height: 40px;
    line-height: 38px;
    margin-bottom: 1px;
    background: #336699;
    color: #FFF;
}
#menu li p.menu_img {
    margin-top: -1px;
    width: 165px;
    height: 206px;
    overflow: hidden;
    margin-left: 26px;
    float: left;
}
#menu li p.menu_img img {
    border-radius: 0px 0px 20px 0px;
}
#menu li div.menu_txt {
    width: 786px;
    float: right;
    color: #0066CC;
}
#menu li div.menu_txt p {
    margin-bottom: 12px;
}

/* 导航条 */
.daohang{  font-size: 14px; display: block; width: 100%; height: 50px; } 
.daohang p{ float: right; margin:30px 10px 20px 0;}
 @media only screen and (max-width: 900px) {
.daohang p{ float: left; margin:30px 0px 20px 10px;}
 }
/*   概要   */
.gaiyao{width: 90%;max-width: 1500px;background-color: #fff;
 box-shadow: 0px 5px 10px #ccc; height: 150px; margin:0 auto;position: relative;
 top: -75px;z-index: 20; }
.gaiyao ul{}
.gaiyao ul li{ float:left;background-color: #fff; width: 26%;height: 110px;
padding-left: 3.6%;padding-right: 3.6%;border-right: solid 1px #336699;padding-top: 40px;
border-left: solid 1px #336699; }
.gaiyao ul li:nth-child(3){ width: -moz-calc(26.4% - 6px);  width: -webkit-calc(26.4% - 6px);
width: calc(26.4% - 6px);}
.gaiyao ul li:hover{border-right: solid 1px #336699;border-left: solid 1px #336699;}

.gaiyao ul li:hover a{color: #336699;}
.gaiyao ul li a img{float: left;}
.gaiyao ul li .gai1{display: block;}
.gaiyao ul li .gai2{display: none;}
.gaiyao ul li a{color: #000;}
.gaiyao ul li a p{ float: left; font-size: 15px; line-height: 18px;  }
.gaiyao ul li a p h1{ float: left;font-size: 18px; }
.gaiyao ul li a p h1 span{font-size: 15px;}


@media only screen and (max-width: 1300px) {
.gaiyao ul li{ float:left;background-color: #fff; width: 32%;height: 110px;
padding-left: 0.6%;padding-right: 0.6%;border-right: solid 1px #336699;padding-top: 40px;
border-left: solid 1px #336699; }
.gaiyao ul li:nth-child(3){ width: -moz-calc(32.4% - 6px);  width: -webkit-calc(32.4% - 6px);
width: calc(32.4% - 6px);}
}
 @media only screen and (max-width: 900px) {
.gaiyao{width: 100%;margin-left: 0%; box-shadow: none;margin:0;top: 0px;  }
.gaiyao ul{}
.gaiyao ul li{ float:left;width: 88%;height: 50px;border-bottom: solid 1px #ccc;
border-right: none;border-left: none;padding:20px 5%;}
.gaiyao ul li:nth-child(1){border-top:solid 1px #ccc}
.gaiyao ul li:nth-child(3){ width: 88%;}
.gaiyao ul li:hover{border-right: none;border-left: none;}
.gaiyao ul li a img{float: left; width: 50px;height: 50px;}
.gaiyao ul li a p{ float: left; font-size: 10px; line-height: 18px; }
.gaiyao ul li a h1{ float: left;font-size: 12px;width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);width: calc(100% - 50px);  }
.gaiyao ul li a h1 span{font-size: 13px;}
 }


/*    产品展示   */
.index_product{max-width: 1500px;height: auto;margin:0px auto;}
.index_product_t{margin-top: 50px;}
.index_product_t h1{ font-size: 32px;text-align: center }
.index_product_t h2{ font-size: 34px;font-weight:bold; text-align: center; }
.index_product_t img{ width:40%; height: auto;margin-left: 30%;}
.index_product ul{}
.index_product ul li{ float: left;position: relative; width: 20%;margin: 10px 2%; }
.index_product ul li:nth-child(4){margin-right: 0px;}
.index_product ul li img{ width: 226px; height: 50px;margin-left:47px;position: relative;
	bottom: -25px; }
.index_product ul li .product_k{border: dashed 1px #2c2c2c;border-radius: 5px; width: 320px;
 height: 490px;}
.index_product ul li .product_k img{ width:90%;height: auto;margin-left: 5%;margin-top: 40px; }
.product_b{ width:80px; height: 28px; background-color: #336699;text-align: center;
	line-height: 28px;color: #fff;margin-left: 120px;position: absolute;bottom: 50px; }
.product_b1{ width:80px; height: 28px; background-color: #505050;text-align: center;
	line-height: 28px;color: #fff;margin-left: 120px;position: absolute;bottom: 50px; }
.product_first{display: block;}
.product_last{display: none;}

.product_last h1{width: 230px; height: 40px;font-size: 20px;text-align: center;padding: 0 20px;
	border-bottom: solid 3px #336699;margin-left:25px;margin-top: 40px;line-height: 40px; }
.product_last ul{margin-top: 30px;margin-left: 65px;}
.product_last ul li{ float: left; font-size: 17px; line-height: 40px;
     width: 100%!important;margin: 0px!important;
    min-height: 40px!important; }

.product_more{ width: 100%;background: url(../images/pro_more.jpg) no-repeat center center;
text-align:center;margin-top: 30px;padding-top: 50px; height:210px; }
.product_more h1{font-size: 19px; color: #030303;}
.product_more p{ font-size: 16px;color: #6f6e6e; width: 920px;margin:20px auto;
text-transform: uppercase; }
.product_more a{width: 130px; height: 45px;margin:30px auto;border: solid 2px #336699;
color: #000;font-size: 17px;border-radius: 45px;line-height: 45px; text-align: center;
display: block;}
.m_index_product{display: none;}

 @media only screen and (max-width: 1360px) {
.index_product_t img{ width:40%; height: auto;margin-left: 30%;}
.index_product ul li{ float: left;width:35%;overflow:hidden;height: auto;
    min-height: 250px;}
.index_product ul li:nth-child(1){margin: 0 5% 0 16%;}
.index_product ul li:nth-child(2){margin: 0 0% 0 0%;}
.index_product ul li:nth-child(3){margin: 0 5% 0 16%;}
.index_product ul li:nth-child(4){margin: 0 0% 0 0%;}
}
 @media only screen and (max-width: 1100px) {
.index_product ul li{ float: left;width:35%;overflow:hidden;height: auto;
    min-height: 250px;}
.index_product ul li:nth-child(1){margin: 0 5% 0 13%;}
.index_product ul li:nth-child(2){margin: 0 0% 0 0%;}
.index_product ul li:nth-child(3){margin: 0 5% 0 13%;}
.index_product ul li:nth-child(4){margin: 0 0% 0 0%;}
}
 @media only screen and (max-width: 900px) {
.index_product{display: none;}
.product_more{display: none;}
.m_index_product{ height: auto;margin:0px auto; width: 90%;display: block;}
.m_index_product_t{margin-top: 50px;}
.m_index_product_t h1{ font-size: 18px;text-align: center }
.m_index_product_t h2{ font-size: 20px;font-weight:bold; text-align: center; }
.m_index_product_t img{ width: 80%;  height: auto;margin:15px 10%; }
.m_index_product ul{margin:0 2%;}
.m_index_product ul li{ float: left;width:49%;overflow:hidden;height: 450px;
	}
.m_index_product ul li a{ font-size: 18px; }
.m_index_product ul li a img{ width: 98%; height: auto; }
.m_index_product ul li a p{ text-align: center; }
}
 @media only screen and (max-width: 750px) {
.m_index_product ul li{ float: left;width:49%;overflow:hidden;height: 400px;
    }
 }
 @media only screen and (max-width: 650px) {
.m_index_product ul li{ float: left;width:49%;overflow:hidden;height: 350px;
    }
 }
  @media only screen and (max-width: 550px) {
.m_index_product ul li{ float: left;width:49%;overflow:hidden;height: 300px;
    }
 }
/*   招聘  */
.zhaop{width: 100%;margin-top: 50px;margin-bottom: 50px; height: auto;min-height: 500px;}
.zhaop_a{ width: 200px; float: left;  height: auto;}
.zhaop_a ul{}
.zhaop_a ul li{ width:200px; background-color: #336699;color: #fff; height: 30px;
line-height: 30px; font-size: 18px; margin-bottom: 10px;text-align: center; cursor: pointer;position: relative;}
.zhaop_a ul li:nth-child(1){background-color: #487e24;left: 20px;}
.zhaop_a ul li a{ color: #fff;}
.zhaop_b{position:relative;float: left;height: auto!important; width: auto;display: block;
width: -moz-calc(100% - 300px); max-width: 1000px; width: -webkit-calc(100% - 300px);
width: calc(100% - 300px); }
.zhaop_b div{position:absolute;left:-9999px;top:0;margin-left: 100px;display: block; height: auto!important;}
.zhaop_b div:nth-child(1){left: 0px;}
.m_zhaop{display: none; }
 @media only screen and (max-width: 900px) {
.zhaop{display: none;}
.m_zhaop{width: 100%;min-height: 300px;margin-top: 20px;margin-bottom: 20px;
    display: block;}
.m_zhaop h1{text-align: center;font-size: 20px;line-height: 36px;color: #336699;
    margin-bottom: 20px;}
.m_zhaop ul{ width: 90%;margin-left: 5%;border-bottom:solid 1px #ccc;  }
.m_zhaop ul li{border: solid 1px #ccc;margin: 0;border-bottom: none; width: 100%; height: auto;}
.m_zhaop ul li h1{font-size: 16px;color: #515151;line-height: 40px;margin: 0;}    
.m_zhaop_a{ width: 90%; display: none;height: auto;min-height: 300px;
padding: 20px;white-space: pre-wrap;margin: 0px;word-break:break-all }
.m_zhaop_a img{ width: 100%; }
}


/*   关于我们   */


.neiye{width: 100%;min-height: 300px;margin-top: 50px;margin-bottom: 50px; }
.neiye h1{text-align: center;font-size: 36px; line-height: 56px; color: #336699;
	margin-bottom: 30px;}
 @media only screen and (max-width: 900px) {
.neiye{width: 100%;min-height: 300px;margin-top: 20px;margin-bottom: 20px; }
.neiye h1{text-align: center;font-size: 20px; line-height: 36px; color: #336699;
	margin-bottom: 20px;}
 }


.about_3{width: 100%;min-height: 700px;margin-top: 50px; }
.about_3 ul{}
.about_3 ul li{ float: left; }
.about_3 ul li img{}
.about_3 h1{text-align: center;font-size: 36px; line-height: 56px; color: #336699;margin-bottom: 30px;}
.about_3 ul li p{ text-align: center; font-size: 20px;line-height: 40px; }
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;
	display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;
	filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:1200px;background: #fff;margin:0 auto;
	border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{ width: 280px; float:left;border-radius:5px;overflow: hidden;min-height: 500px;
	margin: 0 10px 10px 10px;}
.imgbox{margin-bottom: 50px; }
.bigbox>.imgbox>img{width:100%;}
.imgbox p{}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
 @media only screen and (max-width: 1400px) {
.bigbox{width:100%;background: #fff;margin:0 auto;
    border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{ width: 23%; float:left;border-radius:5px;overflow: hidden;min-height: 450px;
    margin: 0 10px 10px 10px;}
 }
  @media only screen and (max-width: 1200px) {
.bigbox{width:100%;background: #fff;margin:0 auto;
    border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{ width: 31%; float:left;border-radius:5px;overflow: hidden;min-height: 450px;
    margin: 0 10px 10px 10px;}
 }
 @media only screen and (max-width: 900px) {
.about_3{width: 100%;margin-top: 20px; }
.about_3 ul{}
.about_3 ul li{ float: left; }
.about_3 ul li img{}
.about_3 h1{text-align: center;font-size: 20px; line-height: 30px; color: #336699;margin-bottom: 30px;}
.about_3 ul li p{ text-align: center; font-size: 16px;line-height: 40px; }
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;
	display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;
	filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:100%;background: #fff;margin:0 auto;
	border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{ width: 43%; float:left;border-radius:5px;overflow: hidden;min-height: 350px;
	margin: 0 10px 10px 10px;}
.imgbox{margin-bottom: 50px; }
.bigbox>.imgbox>img{width:100%;}
.imgbox p{}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 30px;}
.mask>img:hover{cursor:pointer}
}
 @media only screen and (max-width: 400px) {
    .bigbox>.imgbox{ width: 43%; float:left;border-radius:5px;overflow: hidden;min-height: 300px;
    margin: 0 10px 10px 10px;}
 }





/*新闻页面*/

.newslist1{ width: 100%;margin-bottom: 0px; }
.newslist1 h1{ font-size: 36px; line-height: 56px;color: #336699;margin-bottom: 30px;
text-align: center }
.w1000{ width: 60%; height: auto; margin:0px 20%;}
.newslist1 ul{margin-top: 50px; margin-bottom:100px;}
.newslist1 ul li{background-color: #e2e2e2;margin-bottom:20px;padding: 0px;
 height: 60px; line-height: 60px;overflow: hidden}
.newslist1 ul li:hover{background-color: #336699;color: #fff!important;}
.news_time{ float: right; font-size: 15px;line-height: 60px;}
.news_content{float: left; font-size: 14px; line-height: 60px;}
@media only screen and (max-width: 1600px) {
.w1000{ width: 70%; height: auto; margin:0px 15%;}
}
@media only screen and (max-width: 1400px) {
.w1000{ width: 80%; height: auto; margin:0px 10%;}
}
@media only screen and (max-width: 1000px) {
.w1000{ width: 90%; height: auto; margin:0px 5%;}
}
@media only screen and (max-width: 500px) {
.news_time{display: none;}
}


.news_detai{}
.news_detai h5{font-size: 26px; line-height: 36px;color: #37424a;margin-bottom: 10px;margin-top: 30px;
text-align: center}
.news_detai h4{font-size: 14px; line-height: 32px;color: #37424a;margin-bottom: 10px;
text-align: center}
.news_nei{ width: 100%;border-top: solid 1px #ccc;padding-top: 30px;margin-bottom: 50px; }
.news_qie{ width: 100%;margin-bottom: 150px; }
.news_prev{ margin-left: 100px; }
.news_next{margin-right: 100px;}
/*   产品中心   */
.product_list{margin-top: 50px; width: 90%;margin-left: 5%;margin-bottom: 100px;height: auto}
.m_product_list{display: none;}



.product_menu{width: 260px;float: left;}
.product_menu1{ width: 100%; height: auto;background-color: #f1f1f1;padding-bottom: 20px; }
.product_menu1 h1{text-align: center;border-bottom: solid 2px #37424a; font-size: 20px;
line-height: 30px; width: 80%; height: auto;margin-left: 10%; color: #37424a;
padding: 20px 0;}.detail_menu{background-color: #f1f1f1; color: #37424a;text-align: center;font-size: 22px;
}
.product_menu2{ width: 100%; height: 65px;background-color: #336699;margin-bottom: 20px; }
.product_menu2 h1{text-align: center; font-size: 28px;color: #fff;
line-height: 65px;}
.product_menu ul{ }
.product_menu ul li{ border:solid 1px #fff; border-bottom:0;background-color:#336699 }
.product_menu ul li a{padding-left: 10px;color: #fff; font-size:16px;
 font-weight:bold; height:50px;line-height:50px;position: relative; width: 80%; }
.product_menu ul li span{ float: right; display: block;  height:50px; width: 36px;}
.product_menu ul li .inactive{ background:url(../images/off.png) no-repeat 00px center;}
.product_menu ul li .inactives{background:url(../images/on.png) no-repeat 00px center;} 


/*产品列表右侧*/
.pro_right{float: right;  width:1000px;}
.pro_right>ul>li { width: 300px; height: 250px; float: left; font-size: 14px;
 text-align: center;margin-left: 30px;margin-bottom: 20px; }
.pro_right>ul>li .pro_r_di{display: block; height: 200px; border: 1px #E6E6E6 solid;
 padding: 25px 0; margin-left: -1px;}
.pro_right>ul>li .pro_r_di img{ max-height: 180px; max-width: 280px; vertical-align: middle; }
.pro_right>ul>li .pro_r_img{ position: absolute; z-index: 1; left: 0; top: 0px;
 width: 100%;height: 100%; background: #336699;display: none;
 filter: alpha(opacity=0); -moz-opacity: 0;-khtml-opacity: 0; opacity: 0.8;}
.pro_right>ul>li .pro_r_img ul li{ float: left; width: 300px;display: block; position: absolute;
   color: #000; }
.pro_right>ul>li p{color: #000;}
.pro_right ul li:hover img{}
.pro_right ul li:hover p{color: #336699;}

.pro_right ul li .pro_r_img ul li:nth-child(1){left: 12%;top: 30px;}
.pro_right ul li .pro_r_img ul li:nth-child(2){right: 12%;top: 30px;}
.pro_right ul li .pro_r_img ul li:nth-child(3){left: 12%; top: 130px;}
.pro_right ul li .pro_r_img ul li:nth-child(4){right: 12%;top: 130px;}
.pro_right ul li .pro_r_img ul li a{ color: #fff }
@media only screen and (max-width: 1400px) {
.product_list{margin-top: 30px; width: 100%;margin:30px 0 100px 0;}
.product_list .container{width: 100%; max-width: 1200px; margin: 0; overflow: hidden}
.pro_right{ width: calc(100% - 300px);overflow: hidden }
}
@media only screen and (max-width: 700px) {
.product_menu{ width: 100%; }
.detail_top{ width: 100%;margin-top: 30px; }
.detail_top ul li { width: 45%; height: 250px; float: left; font-size: 14px;
 text-align: center;margin-left: 3%;margin-bottom: 20px; }
.pro_right{float: right; width:100%;margin-top: 20px;}
}
@media only screen and (max-width: 500px) {
.pro_right ul li { width: 45%; height: 250px; float: left; font-size: 14px;
 text-align: center;margin-left: 3%;margin-bottom: 20px; }
}
@media only screen and (max-width: 400px) {
.pro_right ul li { width: 94%; height: 250px; float: left; font-size: 14px;
 text-align: center;margin-left: 3%;margin-bottom: 20px; }
}
/*产品详情new*/

.detal_l{width: 270px;float: left;}
.detail_top{ width: 100%; height: auto;background-color: #f1f1f1;
padding-bottom: 20px; }
.detail_top h1{text-align: center;border-bottom: solid 2px #37424a; font-size: 20px;
line-height: 30px; width: 80%; height: auto;margin-left: 10%; color: #37424a;
padding: 20px 0;}
.detail_menu{background-color: #f1f1f1; color: #37424a;text-align: center;font-size: 22px;
}
.detail1{background-color: #336699!important;color: #fff;}
.detail_menu ul li{ height: 60px;line-height: 60px;background-color: #f1f1f1;cursor: pointer; }
.detail_b{background-color: #dcdcdc;height: 60px;line-height: 60px;text-align: center;
font-size: 22px;}
.detail_b a{display: block; font-size: 22px;line-height: 60px;}
.detail_b a:hover{color:#336699 }
#detail .detail_menu  ul{} 
.detail_menu li.current a{color:#000}
.nei_img{margin-left: 4%;margin-right: 4%; width: -moz-calc(92% - 270px);float: left; 
 width: -webkit-calc(92% - 270px); width: calc(92% - 270px); border-bottom: solid 1px #ccc;
 text-align: center;  }
.nei_img img{margin:0 25%; width: auto;margin-bottom: 20px;height: 200px;
    display: inline-block; vertical-align: middle;}


  
.detail_r{float: left;margin-left: 4%;margin-right: 4%; 
    width: -moz-calc(92% - 270px);  width: -webkit-calc(92% - 270px);
     width: calc(92% - 270px); min-height:500px;margin-bottom: 50px; height: auto;}
.detail_nei{ width: 100%;top: 0;min-height:500px;}
.detail_nei img{max-width: 100%;}
.nei_info{margin-top: 30px; width: 100%;}
.nei_info h1{ font-size: 25px;color: #37424a;margin-bottom: 20px; }
.detail_zs{ width: 100%;margin-top: 30px; height: auto;  }
.detail_zs h1{font-size: 25px;color: #37424a;margin-bottom: 20px; }
.detail_zs ul li{ float: left; width: 30%;margin-right: 3.3%;margin-bottom: 20px;height: 400px; }
.detail_zs ul li img{ width: 100%; height: auto; }
.detail_zs ul li p{text-align: center;font-size: 14px; line-height: 30px;}
.detai_down{ width: 100%;margin-top: 30px; height: auto;  }
.detai_down h1{font-size: 25px;color: #37424a;margin-bottom: 20px; }
.detai_down ul li{ width: 100%; float: left;margin-bottom: 15px; }
.detai_down ul li img{ width: 20px; height: 20px; float: left;margin-right: 10px; }
.detai_down ul li a p{ float: left; font-size: 18px; line-height: 30px; }
.detai_down ul li a:hover{ color: #336699; }

@media only screen and (max-width: 900px) {
.detal_l{width: 100%;float: left;margin-bottom: 20px;}
.nei_img{margin-left: 4%;margin-right: 4%; width:92%; }
.nei_img img{margin:0 35%; width: 30%;margin-bottom: 20px;} 
.detail_r{float: left;margin-left: 4%;margin-right: 4%; 
    width: 92%; min-height:500px;margin-bottom: 50px; height: auto;}
}
@media only screen and (max-width: 1100px) {
.detail_zs ul li{height: 350px;}
}
@media only screen and (max-width: 1000px) {
.detail_zs ul li{height: 300px;}
}
@media only screen and (max-width: 900px) {
.detail_zs ul li{height: 350px;}
}
@media only screen and (max-width: 750px) {
.detail_zs ul li{height: 300px;}
}
@media only screen and (max-width: 600px) {
.detail_zs ul li{height: 250px;}
}
@media only screen and (max-width: 450px) {
.detail_zs ul li{height: 200px;}
}
/*    产品详情   */
.product_tail{ width: 90%;max-width: 1300px;margin:50px auto; }
.product_tail_l{ float: left; width: 30%; }
.product_tail_l img{ width: 90%;padding:5%; height: auto;border: solid 1px #ccc; }
.product_tail_r{ float: left;margin-left: 5%; width: 65%; }
.product_tail_r h1{ color: #336699;text-align: center;font-size: 36px; }

@media only screen and (max-width: 900px) {
.product_tail{ width: 90%;margin:20px auto;}
.product_tail_l{ float: left; width: 100%; }
.product_tail_l img{ width: 60%;padding: 0 20%; height: auto;border: none; }
.product_tail_r{ float: left;margin-left: 5%; width: 90%;  }
.product_tail_r h1{ color: #336699;text-align: center;font-size: 20px;line-height: 50px; }
}	
/*   联系我们   */


.contact-box1 { width: 100%; min-height: 500px; padding-bottom: 100px; }
.contact-box1 .contact-h1 { padding: 40px 0; font-size: 16px; padding-left: 10px;
 background: url(../images/contact-h1-icon.png) no-repeat left 43px; }
.contact-box1 .map-box { width: 100%; height: 400px; position: relative; }
.contact-box1 .map-box dl { width: 366px; height: 400px; color: #FFF; position: absolute;
 left: 0; top: 0; background-color: #336699; z-index: 1; }
.contact-box1 .map-box dt { padding: 50px 0 0 35px; font-size: 30px; font-weight: bold;
 padding-bottom: 20px; }
.contact-box1 .map-box dt span { display: block; font: normal 16px Arial; padding-top: 5px; }
.contact-box1 .map-box dd { background: url(../images/contact-dd-icon.png) no-repeat;
 padding-left: 55px; font-size: 14px; line-height: 25px; }
.contact-box1 .map-box dd.dd1 { background-position: 35px 6px; }
.contact-box1 .map-box dd.dd2 { background-position: 35px -46px; }
.contact-box1 .map-box dd.dd3 { background-position: 35px -100px; }
.contact-box1 .map-box dd.dd4 { background-position: 35px -152px; }
.contact-box1 .map-box dd.dd5 { background-position: 35px -205px; }
 @media only screen and (max-width: 900px) {
.contact-box1 .map-box dl { width: 100%; float: left;display: block; height: 220px;
	position:relative;margin-bottom:20px; }
.contact-box1 .map-box dt{padding:10px 0 10px 35px;font-size: 20px;}
.m_map{ float: left; width: 100%; height:300px; }
}






/*  底部  */
.index_foot1{ width: 100%; height: auto;background-color: #f1f1f1;padding-bottom: 50px;
padding-top: 20px; }
.index_foot2{ width: 90%;max-width: 1200px; height: auto;margin:0px auto; }
.index_foot_l{ float: left; width:65%; }
.index_foot_l ul {}
.index_foot_l ul li{float: left; width: 12.5%;padding-top: 20px;}
.index_foot_l ul li a:hover{color: #336699;}
.index_foot_l ul li h1{font-size: 16px;color: #4c4c4c;line-height: 40px;
 border-bottom: solid 1px #ccc;margin-bottom: 20px;text-align: center;
padding: 14px 0;}
.index_foot_l ul li p{font-size: 12px;color: #808080;line-height: 20px;line-height: 25px;
	text-align: center;}

.index_foot_r{ float: right;width: 35%;}
.foot_logo{ float: left; width: 100%; height: 90px;border-bottom: solid 1px #ccc; 
margin-bottom: 20px;  }
.foot_logo img{width: 300px; height: auto;margin-top: 15px;}
.foot_r_l{ float: left; width: 50%; }
.foot_r_r{ float: left; margin-left: 20px;}
.foot_r_r1{ float: left; width: 180px; }
.foot_r_r1 img{float: left;}
.foot_r_r1 p{ float: left;margin-left: 5px;  }
.foot_r_r2 img { margin-top: 50px; width: 120px; }
.m_foot{ display: none; }

@media only screen and (max-width: 1300px) {
.index_foot2{ width: 96%;max-width: 1200px; height: auto;margin:0px auto; }

.foot_r_l{ float: left; width: 45%; }
.foot_r_r{ float: left; margin-left: 5px;}
.foot_r_r1{ float: left; width: 180px; }
.foot_r_r1 img{float: left;}
.foot_r_r1 p{ float: left;margin-left: 5px;  }
.foot_r_r2 img {margin-top: 70px; width: 120px; }
.m_foot{ display: none; }
}

@media only screen and (max-width: 1050px) {
.index_foot1{ min-width: 900px; height: auto;background-color: #f1f1f1;padding-bottom: 50px;
padding-top: 20px; }
.index_foot2{ width: 100%;min-width: 900px; height: auto; float: left; }

.foot_r_l{ float: left; width: 40%; }
.foot_r_r{ float: left; margin-left: 5px;}
.foot_r_r1{ float: left; width: 180px; }
.foot_r_r1 img{float: left;}
.foot_r_r1 p{ float: left;margin-left: 5px;  }
.foot_r_r2 img {margin-top: 170px; width: 120px; }
.m_foot{ display: none; }
}
@media only screen and (max-width: 900px) {
.index_foot1{display: none;}
.m_foot{display: block;}
.m_foot{ width: 90%;background-color: #f1f1f1;margin-top: 20px;padding:5%;  }
.m_foot p{ width: 90%;font-size: 14px;line-height: 22px;margin-left: 5%; }
}


/* --------------------------------------------------------------------------------------------------------------------------------------

	头部语言

*/
.head .header_country { float: right; height: 50px; width: 300px;margin-top: 40px; }
.head .header_country ul { display: block; }
.head .header_country ul li { float: right;margin-left: 20px;line-height: 50px; font-size: 20px; }
.head .header_country ul li img{margin-right: 5px;}
 @media only screen and (max-width:900px) {
.head .header_country { display: none; }
 }
.head .header_country1 { display: none }
 @media only screen and (max-width:900px) {
.head .header_country1 { display: block;position: absolute;top: 35px;right:60px; }
.head .header_country1 ul li{ float: right;margin-right: 10px;font-size: 16px; }
}

/* --------------------------------------------------------------------------------------------------------------------------------------





	页脚

*/
.foot { min-width: 1024px; width: 100%; background-color: #F2F2F2; padding-top: 50px; padding-bottom: 20px; }
.foot .nav { float: left; }
.foot .nav li { float: left; height: 150px; line-height: 20px; background: url(../images/foot_nav_h.png) no-repeat right center; }
.foot .nav li.pl80 { padding-left: 80px; }
.foot .nav li.pr80 { padding-right: 80px; }
.foot .nav li.nobg { background: none; }
.foot .nav li .mt20 { margin-top: 20px; }
.foot .nav li dt { font-size: 14px; font-weight: 600; padding-bottom: 5px; }
.foot .nav li dd a { font-size: 12px; font-family: "宋体"; color: #7F7F7F; }
.foot .footer_ewm { float: right; width: 118px; padding-right: 10px; }
.foot .footer_ewm p { text-align: center; font-size: 14px; line-height: 30px; }
.foot .service { float: left; width: 100%; font-size: 16px; margin-top: 40px; background: url(../images/foot_service_tel.png) no-repeat center left; padding-left: 20px; color: #4C4C4C; }
/* --------------------------------------------------------------------------------------------------------------------------------------


	底部

*/
footer { min-width: 1024px; width: 100%; line-height: 40px; background-color: #336699; color: #FFF; }
footer a { color: #FFF; }
footer a:hover { color: #FFF; }
footer span { float: right; }
.m_di{display: none;}
 @media only screen and (max-width: 1000px) {
footer { min-width: 900px;}    
 }
 @media only screen and (max-width: 900px) {
.pc_di{display: none;}
.m_di{display: block;text-align: center;}
body { min-width: 320px; }
.min-w { min-width: inherit; }
.head .header_search { display: none; }
.foot { display: none; }
.foot, footer { min-width: inherit; }
footer span { display: none; }
footer { line-height: 25px; padding: 15px 0; }
}


/*kefu*/
.kefu { position: fixed; _position: absolute; z-index: 1001; right: 0px; top: 180px; }
.kefu .btnOpen { background: url(../images/quick_open.gif) no-repeat left center; width: 64px; height: 63px; display: block; }
.kefu .btnClose { background: url(../images/quick_close.gif) no-repeat left center; height: 20px; width: 125px; display: block; }
.kefu .kefuCon { border-bottom: 1px solid #d7d3d0; width: 125px; background: url(../images/quick_bg.gif) repeat-y left center; padding: 0px 0px 10px 0px; }
.kefu .top { background: url(../images/quick_top.gif) no-repeat center top; height: 70px; display: block; }
.kefu .qqnav LI { padding: 0px; margin: 0px; text-align:center; }
.kefu .qqnav A { margin: 0px auto 7px auto; display: block; }
 @media only screen and (max-width: 900px) {
.kefu { display:none; }
 }


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 30px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center; }
.pager:before, .pager:after {
    content: " ";
    display: table; }
.pager:after {
    clear: both; }
.pager li {
    display: inline; }
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
    float: right; }
.pager .previous > a,
.pager .previous > span {
    float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }