﻿@charset "utf-8";
/* CSS Document */

@media (max-width:1200px){
	img{max-width:100%;}
	.hz{width:98%;margin: 0 1%;}
	.hza{ width: 98%; margin: 8% 1%; }

	.header { display:none; }
	.nav{display:none;}

	.logo{ float:left;margin:10px 0;}
	.logo a { display:block;}
	.logo img{ display:block;height:60px;}
	
	.top-name-hz{ width:60%; line-height:25px;margin:18px 0 15px 15px;}

	
	.hamburger{display:block;}
	.dh { padding-top:0px;}
	.dh{position:absolute; left:0px;top:100%; z-index:101;width:100%; height:0px;border-top:1px solid #ebebeb; display:none; overflow:hidden;background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:auto;display:block;}
	.dh>ul { text-align:left;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;font-size:16px;color:#666;line-height:51px; padding:0 2%;}
	.dh>ul>li>a:hover{}
	.dh>ul>li .droparea{display:none;}
	.dh ul li span{position:absolute; height:51px;width:51px; top:0px;right:2%; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
    .dh ul li .inactive:before,.dh ul li .inactive:after{    transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#303030; margin-top: -3px; transition:0.5s;}
    .dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
    .dh ul li .inactives:before,.dh ul li .inactives:after{    transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color: #fff; margin-top:0px;}
    .dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
    .dh>ul>li .droparea img { display:none;}
    .dh ul li.act > a { background:#10253f; color:#fff;}
	.dh ul li .droparea .act > a { background:#ededed; color:#000;}
    .dh ul li .droparea li{ line-height:50px; background:#f7f7f7; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li .droparea li{  background:#f6f6f6; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li a { padding:0 2%; text-indent:20px; display:block;font-size:15px;}
	.dh ul li .droparea li .droparea li a {padding:0 2%; text-indent:40px; display:block;font-size:14px;}
    .dh ul li.hnavdwn .droparea li a { background:url(../images/pdf.png) no-repeat left 18px  center; padding-left:40px;}


	.top_sj{ position: relative;display:block;background:#fddc01; }
	.top_sj .tp_wrap { width:98%;margin: 0 auto;}
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
	.tools {position:absolute;right:0px; top:33px;right:1%; margin-right:40px;}
	.sear_t { position:absolute; width:100% !important; top:90px; left:0px; background-color: #fafafa;background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:99; display:none; }
	.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
	.search_form .sf_input1 { display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; padding:0; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
	.search_form .sf_input1:hover { outline:0;} 
	.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
	.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
	.search_form .sf_input::-webkit-input-placeholder { color:#505050; }
	
	/* 火狐浏览器 */
	.search_form .sf_input::-moz-placeholder { color:#505050; }
	.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:20px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}
	.search_tbn.sat_bt{ border-bottom:2px solid #505050;}
	.language { font-size:0px;  float:left; padding:0 5px;margin:0 10px;}
	.language a { display:block; height:38px; background:url(../images/cn.jpg) no-repeat center; width:31px; }

.khjz-hz{width:100%;}

.foot-hz-sj{ display:block;margin-top:0px;}
.foot-hz-sj a{color:#666;}
.foot-hz-sj a:hover{color: #015abe; }
.foot-hz{display:none;}

.index-foot-hz{display:none;}

.index-foot-bj {padding-top:0px;}
.index-copy-bq{margin-top:0px;width:100%;}


.menu_head1{ width: 95%; height: 43px; line-height: 43px; padding-left: 5%; color: #fff; cursor: pointer; border-bottom: 1px solid #163155; position: relative; margin: 0px; background: #102540 url(../images/pro_left.png) center right no-repeat; }
.menu_head1 a{ font-size:16px !important; color: #fff;}

.menu_list1 .current{background:#102540 url(../images/pro_down.png) center right no-repeat;}
.menu_body1{width:100%;height:auto;overflow:hidden;line-height:38px;backguound:#ff6600;} 
.menu_body1 a{display:block;width:91%;color:#fff;height:38px;line-height:38px;padding-left:9%;background:#ff6600;text-decoration:none;border-bottom:1px solid #ff7214;font-size:15px;}
.menu_body1 a:hover{text-decoration:none;color:#fff;}



/***--内页代码***/
.ny-banner img{width:100%;height:auto;}

.about-content{width:100%;}
.ryzz-content{width:100%;}

.news-centent{ width: 100%; float: none;  }
.news-ti { width: 100%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D0D0D0; font-size: 30px; line-height: 35px; text-align: center; padding-bottom: 10px; 
}





.ny-product-pic{width:47.3%;margin: 0 1% 20px 1%;float:left;padding:0 0 10px 0;box-shadow:none;}
.ny-product-pic img{width:100%;}
.ny-product-wz{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny-product-pic1{width:47.3%;margin: 0 1% 20px 1%;float:left;padding:0 0 10px 0;box-shadow:none;}
.ny-product-pic1 img{width:100%;}
.index-news-nr-left-title a{font-size:18px;}
.index-about-title{font-size:30px;}
.solution-content-right{width:100%;float:none;}
.solution-content-pic{width:100%;float:none;}
.solution-content-right-title{margin-top:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.product-xq-sj{display:block;width:98%;margin:0 1%;}
.product-top{display:none;}
.pro-right { width: 100%; float: none; margin-top:30px;}
.product-ny-title {text-align:center;font-size:20px;}


.lunbo{
	width:100%;}

}


@media (min-width:1024px){
.index-ys-hz:nth-child(even){margin-right:0;}

}
@media (max-width:1024px){


}
	
@media (max-width:960px){
.index-service{width:100%;float:none;}

.index-ryzz{width:100%;float:none;margin:30px  0px;}
.index-news{width:100%;float:none;}

}

@media (max-width:768px){
.tools { display:none;}
	.sear_t { display:block;}
	.sear_t {  width:100% !important;display:block !important;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:static; }
    .search_bar1 {   max-width:none; margin:0px auto;  position:relative; width:100%; box-sizing:border-box;}
    .search_form .sf_input1 {   font-size:16px; text-align:center; text-indent:0px; }  
    .search_form .sf_input1:focus { text-align:left;}
	.search_form .sf_btn1 { background-size:40%; float: right; border: none; cursor: pointer; position:absolute; right:auto; left:0px; top: 0px;}
    .search_form .search_close { display:none; }

.index-ys-hz{width:100%;}


}



@media (max-width:580px){
.ryzz-content li{width:46%;margin:0 2% 20px 2%;}
.product-pic-hz{margin:0px 1% 10px 1%;width:48%;}
.soka { width: 98%;}
.sokb {width:98%;}


.mod_goods_info .hds li {width:30%;}
}
@media (max-width:480px){
.top-name-hz{ width: 70%;margin-left: 10px;margin-top:15px}
.logo img{ height:50px;}
.column { font-size: 20px;}
.gg { font-size: 5px; font-family:Arial;}

.tab ul{width:60%;padding:0 5%;}
.tab ul li{width:50%;}

.tab-news ul{width:80%;padding:0 5%;}


#tags LI {width:28%;}
#tags LI A {font-size:16px;}
}
@media (max-width:320px){



}
