@charset "gb2312";
/* CSS Document */
*{outline:none; padding:0; margin:0}
img{border:none}
ul{ margin:0}


h1,h2,h3,h4{ margin:0}
body{ font-family:"΢ÈíÑźÚ";width:100%; overflow:auto;overflow-x:hidden}
a:focus{  
   outline:0;   
}  
li{ list-style:none}
a:hover{ text-decoration:none;}
/*.top_box{ background-image:url(../images/top_bg.png)}*/
.top{ height:100px;}
.pc-nav li{ float:left; text-align:center; padding:30px 25px; transition:500ms}
.pc-nav li span{ color:#666666; display:block}
.pc-nav li a{ color:#000;}
.logo{margin-top:4px;}
.pc-nav .active,.pc-nav li:hover{ background-color:#0170a7;}
.pc-nav .active a,.pc-nav .active span,.pc-nav li:hover a,.pc-nav li:hover span{ color:#FFF}
.in-title{ height:60px; margin-top:30px; line-height:60px; font-size:20px; color:#0170a7; clear:both; width:100%; overflow:hidden}
.in-title span{ border-left:3px solid #0170a7}
.in-title  a{ display:block; float:right; font-size:16px; color:#4c4c4c}
.in-cpzs-list li{ overflow:hidden; margin-bottom:30px}
.in-cpzs-list li a{ display:block; width:100%;border:1px solid #e6e6e6; overflow:hidden; position:relative;transition:500ms}
.in-cpzs-list li a img{ height:220px; margin:auto; transition:500ms}
.in-cpzs-list li a span{ display:block; width:100%; height:44px; background-color:#e6e6e6; line-height:44px; text-align:center; color:#000; transition:500ms}
.in-cpzs-list li a:hover{ border-color:#0170a7;}
.in-cpzs-list li a:hover span{ background-color:#0170a7; color:#FFF}
.in-gsjj{ width:100%; overflow:hidden; background-color:#fafafa}
.in-gsjj-text>a{ display:block; width:153px; height:42px; line-height:42px; text-align:center; border:1px solid #0170a7; color:#0170a7; margin-top:20px}
.in-gsjj-text{ font-size:16px; line-height:27px; overflow:hidden}
.in-gsjj{ padding-bottom:50px}


.in-news-list li{ display:block; padding:10px;  background-color:#fbfbfb; overflow:hidden; margin-bottom:10px;color:#666666; transition:500ms background-color}
.in-news-list li:hover{ background-color:#0170a7}
.in-news-list li a{ color:#666666;}
.in-news-list li:hover a{ color:#FFF}
.in-news-list li .pull-left{ display:block; width:11%; border-right:1px solid #c9c9c9; text-align:center}
.in-news-list li .pull-left strong{ padding-top:12px; line-height:32px; font-size:22px; color:#666666; display:block}
.in-news-list li .pull-left em{ font-style:normal}
.in-news-list li:hover .pull-left{border-right:1px solid #fff}
.in-news-list li:hover .pull-left strong{ color:#FFF}
.in-news-list li .pull-right{ width:87%}
.in-an{ width:100%; overflow:hidden;}
.in-an img{ max-width:100%; margin:auto; border:5px solid #0170a7}
.footer{ width:100%; background-color:#0170a7; padding:20px 0; margin-top:44px}
.footer,.footer a{ color:#FFF; line-height:28px}
.footer-right{ text-align:right}
.footer-right >div{ width:100%; overflow:hidden}
.footer p{margin:0;}
.phone-memu-b{ position:absolute; right:0; top:0;display:none;width:70px; height:70px; background-image:url(../images/menu.png); background-size:50% auto; background-repeat:no-repeat; background-position:center center}

/*��Ʒչʾ*/
.ny_left-title{ display:block;height:80px; background-color:#0170a7; color:#FFF; text-align:center; font-size:16px}
.ny_left-title span{ display:block; font-size:20px; padding-top:20px}
.left-list{ width:100%; overflow:hidden}
.left-list a{ display:block; height:46px; line-height:46px; color:#000; background-color:#e6e6e6; margin-top:2px; width:100%; padding-left:30%}
.ny-lxfs{ width:100%; background-color:#fafafa; overflow:hidden; margin-top:10px;}
.ny-lxfs>h3{ background-color:#0170a7; line-height:36px; text-align:center; font-size:18px; color:#FFF;}
.ny-lxfs>div{ line-height:24px; width:90%; margin:auto; padding:20px 0}
.ny-lxfs>div p{ line-height:24px}
.main{ margin-top:30px}
.ny-right-top{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #c9c9c9}
.ny-right-top span{ font-size:20px}
.ny_mbx{ float:right}
.ny_mbx a{ color:#6e6e6e}
.pagebox{ text-align:center; width:100%}
.product-list li{ overflow:hidden; margin-top:10px; line-height:40px; text-align:center}
.product-list li span{ display:block; width:100%; height:200px; position:relative; border:1px solid #e6e6e6; overflow:hidden}
.product-list li a{ text-align:center; color:#000}
.product-list li img{ height:200px; margin:auto; display:block}

.content{ line-height:24px; padding-top:20px}
.content img{ max-width:100%}
.prodect-img{ padding:20px 0}
.prodect-img img{ margin:auto; display:block; border:1px solid #cccccc}
.prodect-img h1{ font-size:18px; text-align:center; line-height:40px}
.prodect-ti{ font-size:18px; color:#0170a7; padding-bottom:30px}
.ly_baner img{ width:100%}


.news-title{ width:100%; text-align:center; font-size:18px; margin-bottom:5px;}
.news-date{ text-align:center; font-size:14px; margin-bottom:10px; color:#666666;}

.fanye{width:98%;margin:20px auto;height:50px;line-height:50px;border-top:1px dashed #999999;}
.fanye .fl{float:left;width:49%;overflow:hidden;}
.fanye .fr{float:right;width:49%;overflow:hidden;text-align:right;}

.news-list li{ display:block; padding:10px;  background-color:#fbfbfb; overflow:hidden; margin-top:10px;color:#666666; transition:500ms background-color}
.news-list li:hover{ background-color:#0170a7}
.news-list li a{ color:#666666;}
.news-list li:hover a{ color:#FFF}
.news-list li .pull-left{ display:block; width:11%; border-right:1px solid #c9c9c9; text-align:center}
.news-list li .pull-left strong{ padding-top:12px; line-height:32px; font-size:22px; color:#666666; display:block}
.news-list li .pull-left em{ font-style:normal}
.news-list li:hover .pull-left{border-right:1px solid #fff}
.news-list li:hover .pull-left strong{ color:#FFF}
.news-list li .pull-right{ width:87%}
.news-list li .pull-right>span{ color:#0170a7}
.left-phone{position:fixed; right:0px; top:126px; background:#e6e6e6;  width:170px; height:50px; line-height:50px; border-radius:6px;padding-left:8px;}
.left-phone a{font-size:18px; font-weight:bold; color:#0068b7; display: block;}
.content p img{margin-right:24px;}
@media screen and (min-width:1200px)
{
	.container{ width:1200px}
	
}
@media screen and (max-width:1200px)
{

.logo{ width:15%}
.pc-nav{ width:85%}
.pc-nav li{ width:12.5%; padding:30px 0}


}

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

}

@media screen and (max-width:770px)
{
.row{ margin:0}
.footer-right{ text-align:left; margin-top:20px}
.pc-nav li span{ display:none}
.logo{ width:40%; margin-left:10px;margin-top:5px;}
.logo img{ height:70px}
.top-box{ padding:0; position:relative}
.pc-nav{ position:absolute; top:70px; background-color:#FFF; width:100%; z-index:1000; display:none}
.pc-nav li{ width:100%; text-align:center; padding:15px 0}
.phone-memu-b{ display:block}

}
@media screen and (max-width:640px)
{
.in-gsjj-text{ font-size:0.8em}
.in-news-list li .pull-left,.news-list li .pull-left{ width:16%}
.in-news-list li .pull-right,.news-list li .pull-right{ width:80%; font-size:0.75em}
.in-news-list li .pull-left em,.news-list li .pull-left em{ font-size:0.75em}
.footer{ font-size:0.8em; line-height:20px}
.footer-right > div img{ display:block; float:left}
.in-cpzs-list li{ padding:0 5px}
.product-list li{ padding:0}



}
@media screen and (max-width:400px)
{
.ly_baner{ display:none}
.in-cpzs-list li a img{ height:150px}
.in-cpzs-list{ width:100%; margin:auto}

}