@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; font-family:微软雅黑; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none;}
a { text-decoration:none;color:#666; blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
img.zom{ -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;
}
img.zom:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);
    -ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);
}
.warp { width:100%; max-width:1200px; margin:0px auto;position:relative;}

.mt30 { margin-top:20px;}
.bai { background:#FFF;}
#top { background:#f2f2f2; height:30px; line-height:30px; font-size:14px; color:#232323;}
#top a { display:inline-block; margin:0 5px; padding:0 5px; color:#232323}
#top span {display:inline-block; margin:0 5px; padding:0 5px; color:#232323}
#zSlider{margin:0px auto; width:100%; overflow:hidden;}

.footer{
	margin:0 10px;
	text-align: center;
}

.footer,.footer p a{
color:#0000ff;
}

.footer  a{
	color:#0000ff;
	}


.fl_box a{
	display:block;
}
#picshow{position:relative;}
.head { width:100%; height:auto; line-height:90px; position:relative;}
.head .ding_w{
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	top:0;
	left:0;
	opacity:0.95;
	display:none;
}
/*.head ul li { display:block; float:left; width:100px; margin:0 10px; text-align:center;}
.head ul li a { display:block;font-size:14px;color:#FFF;}*/

#nav-menu .menu li a.xialaguang{display:block;color:#FFF;font-size:14px;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#f47331;text-decoration:none;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover { background:url(../images/bg_nav.jpg) top no-repeat; color:#f47331;text-decoration:none;}
#nav-menu .menu ul.children{display:none;position:absolute;top:60px;left:0px;width:110px; padding-bottom:10px;background:#FFF;line-height:normal; z-index:99999}
#nav-menu .menu ul.children li a{width:100%;overflow:hidden;font-size:12px; line-height:28px;}
#nav-menu .menu ul.children li a:hover{ color:#f47331;text-decoration:none;}
#picshow,#picshow_index{width:100%; /*height:350px;*/ overflow:hidden; float:left;}
#picshow,#picshow_img{width:100%; /*height:350px;*/ overflow:hidden; float:left;}
#picshow_img img{width:100%;}
#picshow_img li{width:100%; height:350px; overflow:hidden;}
#picshow_img a {width:100%; height:350px; display:block}
#select_btn{width:100%; height:30px; position:absolute; left:0; top:380px;display:inline;}
#select_btn ul { width:100%; text-align:center}
#select_btn li { display:inline-block; width:20px; height:20px; border-radius:10px; margin:0 5px; background:#666; text-indent:-9999px; cursor:pointer}
#select_btn li:hover{background-color:#fff;}
#select_btn li.current{background-color:#fff;}
#select_btn li.current:hover{background-color:#fff;}
/*#select_btn li{width:240px; height:34px; padding:20px 30px; border-top:1px solid #1ca54b; cursor:pointer;background-color:#12652f; color:#FFF; text-align:center}
#select_btn li:hover{background-color:#14853c;}
#select_btn li.current{background-color:#0c4a21;}
#select_btn li.current:hover{background-color:#0c4a21;}
*/
@media(max-width: 1199px)
{
    .menu_small{display:none;}
    #topw{ width:100%; top:0; left:0;z-index:1000; background:#333;}
    .menuRight{width:60%}
    #nav-menu .menu li{position:relative;display:block; float:left; width:auto; margin:0px 0px; padding:0px 3%; text-align:center;}
    .content{ width:90%; margin: 0 auto 20px auto;}
    .ro1{width: 100%; overflow: hidden;}
    .aboutus{width: 100%;border: 1px solid #ccc;padding: 10px 0px 20px 0px;}
    .pad20{padding:10px 20px;}
    .procenter{width: 100%;border: 1px solid #ccc;}
    .ro2{width: 100%; border: 1px solid #ccc;}
    .ro1 ul.lx{margin-bottom:20px;}
    .article{width: 100%; border: 1px solid #ccc; height: auto;}
    .news{width: 100%; height: auto; border: 1px solid #ccc;}
    .news ul{padding:10px 20px;}
    .contactus{background-color: #fff; padding:10px 0px; width: 100%; height: auto;}
    .fl_box{float:left;position:absolute;top:0;left:0;width:198px;height:90px;z-index:1000;padding-top: 20px;padding-left: 20px;}
    .showSmallNav{display:none;}
    .sub_item_notice .notice_con{min-height:60px;}
    .searchbar{	width:70%; margin:0px auto; text-align:center; padding-top:50px;}
}
@media(min-width: 1200px)
{
    .menu_small{display:none;}
    #topw{ width:100%;position:fixed; top:0; left:0;z-index:1000;}
    #nav-menu .menu li{position:relative;display:block; float:left; width:110px; margin:0 0px; text-align:center;}
    .content{ width:100%; max-width: 1200px;	margin: 0 auto 20px auto;}
    .ro1{width: 276px; overflow: hidden;}
    .aboutus{width: 846px;border: 1px solid #ccc;padding: 10px 18px 20px 18px;min-height: 712px;}
    .procenter{width: 892px;border: 1px solid #ccc;}
    .ro2{width: 832px; min-height: 756px; border: 1px solid #ccc; padding: 0 30px 14px 30px;}
    .ro1 ul.lx{margin-bottom:0px;}
    .article{width: 846px; border: 1px solid #ccc; padding: 10px 18px 0 18px; min-height: 704px;}
    .news{width: 846px; min-height: 704px; border: 1px solid #ccc; padding: 10px 18px 0 18px;}
    .contactus{background-color: #fff; width: 100%; height:auto;}
    .fl_box{float:left;position:absolute;top:0;left:0;width:198px;height:90px;z-index:1000;padding-top: 20px;padding-left: 20px;}
    .searchbar{	width:70%; margin:0px auto; text-align:center; padding-top:65px;}
    .showSmallNav{display:none;}
}
@media(max-width: 900px)
{
    .fl_box{float:left;position:relative;width:198px;height:auto;z-index:1000;padding-top:10px;padding-left:10px;}
    .fl_box > a > img{width:80%;}    
    .menu{display:none;}    
    .menuRight{width:10%}
    .showSmallNav{display:block;float:right;margin:15px auto auto auto;}
    .head{line-height:30px;}
    .menu_small{display:block;}
    .menu_small ul li{width:100%;display:block; float:left;line-height:32px;background:#fff;border-bottom:1px solid #ccc;text-align:center;}
    .menu_small ul li a{width:100%;display:inline-block;color:#333;}
    .menu_small ul li a:hover{text-decoration:none;background:#dfdfdf;}
    #top span {display:inline-block; margin:0px auto; padding:0 2px; color:#232323}
    #nav-menu .menu li{padding:0px 1.5%;}
    #top a{margin:0px 0px;padding:0px 0px;}
    .footer ul{width:19%;margin-left:2px;}
    .footer ul li:first-child a{font-size:14px;margin:10px auto;}
    .footer ul li{line-height:20px;color:#fff;word-break:break-all;} 
    .sub_item_notice .notice_con{min-height:60px;}
    .sub_item_youshi .tab_content ul li .p2{font-size:12px;}
    .imgfl{display:none;}
    .imgfr{display:none;}
    .main_content .wm_youshi ul li a .youshi_item .ys_desc{ width:60%;}
    .main_content .wm_youshi ul li a .youshi_item .ys_desc .p2{font-size:12px;font-weight:bold;margin:0px auto;}
    .searchbar{	width:90%; margin:0px auto; text-align:center; padding-top:35px;}
    .searchbtn2{margin-left:0px;/*margin-top:5px;*/}
}

.contactusmain{
	width: 100%;
}
.productsmain{
	width: 100%;
	background-color: #fff;
}
.addr{
	font-size: 14px;
	color: #999;
	height: 60px;
	line-height: 60px;
	text-align: left;
	background: url(../images/addr-icon_05.png) no-repeat left center;
	padding-left: 20px;
	margin-left: 20px;
}

.contactus h2{
	/*border-bottom: 1px solid #ccc;*/
	font-size: 28px;
	line-height: 64px;
    padding-left:20px;
	/*background:url(../images/bottom_line_05.jpg) no-repeat bottom left;*/
}
.zongbu,.othersaddr{
	padding: 12px 20px;
}
.zbxx{
	width: 100%;
}
.zbxx p.hp{
	font-size: 16px;
	color: #232323;
	background:url(../images/contact_left_title.jpg) no-repeat left center;
	padding-left: 12px;
    font-weight:bold;
}
.zbxx ul{width:35%;float:left;margin-top:10px;}
.zbxx ul li{
	line-height: 30px;
	text-align: left center;
	color: #333;
	/*padding-left: 40px;*/
	margin-top: 11px;
    font-size:16px;
}
.map{
	width: 528px;
	height: 264px;
	margin-right: 90px;
	border: 2px solid #ccc;
	overflow: hidden;
}

.area{
	width: 100%;
	margin: 20px auto;
}
.area p.hp{
	 font-size: 16px;
	color: #232323;
	background:url(../images/contact_left_title.jpg) no-repeat left center;
	padding-left: 12px;
    font-weight:bold;
}
.area ul li{
	/*line-height: 40px;*/
	text-align: left center;
	color: #333;
	/*padding-left: 40px;*/	
	margin-top: 16px;
    font-size:16px;
}

/*products CSS start*/

.ro1 ul{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.ro1 ul h3{
	font-size: 16px;
	color: #000;
	line-height: 34px;
	height: 35px;
    margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.ro1 ul h3 span{
	padding-left: 33px;
	margin-left: 14px;
}
.ro1 ul li.nlist{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:95%;}
.ro1 ul li a{
	font-size: 14px;
	color: #666;
	padding-left: 10px;
	margin-left: 14px;
	background: url(../images/list_icon_05.jpg) no-repeat left center;
	line-height: 28px;
}
.ro1 ul li a:hover{color:#f47331;text-decoration:underline;}
.lx li{
	font-size: 14px;
	color: #666;
	margin-left: 14px;
	line-height: 32px;
}
#prozx{
	background: url(../images/prozx_05.jpg) no-repeat left center;
	padding-left: 22px;
	height: 22px;
}
#shouhou{
	background: url(../images/shouhou_05.jpg) no-repeat left center;
	padding-left: 22px;
	height: 22px;
	color: #f47331;
}
.lx .tel{
	font-size: 17px;
	color: #f47331;
	font-weight: bold;
}

.ro2 h3{
	padding-top: 20px;
	/*border-bottom: 1px solid #ccc;*/
	font-size: 20px;
	padding-bottom: 10px;
}
.ro2 p img{width:auto;max-width:100%;}
.ptit{
	padding-top: 20px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.ptxt{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

/*PRODUCTCENTER CSS start*/

.procenter .cpzx{
	background: url(../images/productscenter_icon_03.jpg) no-repeat left center;
	padding-left: 27px;
	line-height: 34px;
	height: 35px;
	
	font-size: 16px;
}
.procenter h3{
	padding-left: 14px;
	border-bottom: 1px solid #ccc;
}
.procenter .hotsearch{
	background: url(../images/line_icon_06.jpg) no-repeat left center;
	padding-left: 10px;
	font-size: 14px;
	margin-left: 10px;
	color: #666;
}
.cp li {
	float: left;
	padding: 0 15px;
	margin-top: 22px;
	border-bottom: 1px solid #ccc;
}
.cp li p{
	font-size: 16px;
	color: #333;
	background: url(../images/line_icon_06.jpg) no-repeat left center;
	padding-left: 7px;
	line-height: 36px;
}
.cp li .prolist_pro{width:267px;height:262px;overflow:hidden;}
.cp li a:hover{text-decoration:none;}
.cp li a:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;
}

.annouce{
	padding: 13px 15px;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}

/*  news CSS start*/
.news ul li{
	width: 100%;
	border-bottom: 1px dashed #ccc;
	line-height: 36px;
}
.news ul li a{
	font-size: 14px;
	display: block;	
	padding-left: 24px;
	background: url(../images/news_arrow_05.jpg) no-repeat left center;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news ul li a:hover{
	color: #f47331;
	background: url(../images/news_arrow2_05.jpg) no-repeat left center;
}
.news ul li .date{
	color: #999;
	padding-right: 4px;
}
.news .pagebtn{
	padding-top: 18px;
	height: auto;
	line-height: 40px;
	color: #666;
}
.news .pagebtn img{
	margin: 0 6px;
}
/*  article CSS*/
.article h3{
	font-size: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}
.article p{
	font-size: 14px;
	color: #333;
	line-height: 26px;
	text-indent: 2em;
}
.articlebar{
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 26px;
	padding-bottom: 20px;
}
.article img{width:auto;max-width:100%;}

/*aboutus CSS*/

.aboutus h3{
	font-size: 24px;
	line-height: 36px;
	padding-bottom: 20px;
	padding-top: 10px;
}
.aboutus p{
	font-size: 14px;
	color: #333;
	line-height: 22px;
}
.aboutus img{
    width:auto;max-width:100%;margin: 10px 0;
}
.apromise{
	margin-top: 20px;
}
.apromise , .atel{
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.apromise span{
	color: #f54600;
}

/*search CSS*/
.search{
	width: 100%;
	background-color: #fff;
    margin:15px auto 30px auto;
}
.gx,.gxe{
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}

.searchbtn{
	width: auto;
    padding:0px 20px;
	background-color: #f4bb30;
    border:1px solid #ccc;
	color: #fff;
	font-size: 18px;
    cursor:pointer;
	display:inline;
}
.searchbtn2{
	width: auto;
	height: 40px;
    padding:0px 20px;
	background-color: #fff;
    border:1px solid #ccc;
	color: #000;
    margin-left:10px;
	font-size: 18px;
    cursor:pointer;
}
.inputtxt{
	width: 95%;
    max-width:95%;
	height: 150px;
	/*padding-left:20px;*/
	font-size: 20px;
	color: #333;
    border:2px solid #f56f30;
    line-height:36px;
    background:url(../images/textareabg.jpg) repeat center;
}

/*advantage CSS*/
.advantage1{
	margin-bottom: 40px;
}
.advantage1 h6{
	border-bottom: 1px solid #ccc;
	line-height: 28px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.advantage1 img{
	border: none;
	padding: 0 10px 20px 0;
}
.advantage1 p{
	line-height: 34px;
	font-size: 14px;
}

/*分页*/
.page
{
    width:auto;
    margin:30px auto 20px auto;
    line-height:22px;
}
 #fengPage {
    margin:0px auto;
    text-align:center;
}
    #fengPage b
    {
        height: 34px;
        line-height: 34px;
        width: auto;
        padding:0px 10px;
        display: inline-block;        
        font-size: 14px;        
        text-align: center;
        border-radius: 2px;
        background: #f47331;
        border-color: #f47331;
        color: #fff;
        margin-right: 10px;
    }
    #fengPage a {
        margin-right: 10px;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        width: auto;
        padding:0px 10px;
        background: #fff;
        font-size: 14px;
        color: #333;
        text-align: center;
        border-radius: 2px;
    }
    #fengPage a:hover{
        text-decoration:none;
        color:red;
    }
    #fengPage select
    {
        border: 1px solid #f47331;
    }

    #fengPage span a {
        text-decoration: none;
    }
    #fengPage span
    {
        font-size: 16px;line-height: 38px;
    }