@charset "gb2312";
img  {border: 0px;}
*{margin:0;padding:0; }
body{padding:0px;margin:0px;line-height:180%;font-size:14px;font-family:"Arial","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; background:#f6f6f6;}
div,form,img,dl,dt,dd{margin:0;padding:0;border:0;}
table,td,tr,th{font-size:12px;}
.clear {clear:both;}
.hv{ width:100%; height:20px;}
ul{ margin:0; padding:0;}
li {list-style:none;list-style-type:none;}
a { color: #000000;text-decoration:none;}

h1,h2,h3,h4,h5{ font-size:12px; font-weight:normal;}
input{color:#666;font-size:12px;}
form, embed {display: inline;margin: 0;padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{width:980px; margin:0 auto;}
.clear{ clear:both;}
.hv{ width:100%; margin:0 auto; height:10px; overflow:hidden}
 .more{ height:30px; width:50px; display:block; float:right;filter:alpha(opacity=0); opacity:0}
 
.head_hui{ width:100%; height:40px; line-height:40px; background:#fbfbfb;} 
.head_hui1{ float:left; width:60%; font-size:14px; color:#000000;}
.head_hui1 a{ color:#666666;}
.head_hui2{ float:right; text-align:right; width:40%; font-size:14px;color:#888888;}
.head_hui2 span{color:#009fe9;}



#head{ width:100%; background:#fff; height:120px; position:relative; margin:0 auto;}
.head_48{ height:48px; display:none;}
.head_mobile{
	display:none;
	height: 3rem;
    background: #42aaf8;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 3rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0;
	top: 0;
	left:0px;
	 transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    text-align: center;
    position: fixed;
    z-index: 3;
    max-width: 1180px;
    margin: 0 auto;
	}
	.head_mobile.chagne2{ left:50%;}
	.head_mobile a.mm-hbtn {
		background: center center no-repeat transparent;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		left: 10px;
		margin: 10px;
	}
	
	.head_mobile .lcbody {
		width: 30px;
		height: 30px;
		position: relative;
		transform: translateZ(0) rotate(0);
		transition: transform .4s cubic-bezier(.4,.01,.165,.99);
	}
	.head_mobile .lcitem {
		position: absolute;
		left: 0;
		top: 0;
		transform: translateZ(0) rotate(0);
		transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
		-webkit-transform: translateZ(0) rotate(0);
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
		width: 30px;
		height: 30px;
	}
	.head_mobile .lcitem .rect {
		width: 30px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 0;
		top: 46%;
		transition: transform .2s ease .2s;
		-webkit-transition: -webkit-transform .2s ease .2s;
	}
	.head_mobile .lcitem .rect.top {
		transform: translate3d(0,-6px,0);
		-webkit-transform: translate3d(0,-6px,0);
		 transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
	}
	.head_mobile .lcitem .rect.bottom {
		transform: translate3d(0,6px,0);
		-webkit-transform: translate3d(0,6px,0);
		 transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
	}
	.head_mobile.change2 a.mm-hbtn{}
	.mm-hbtn.chagne3  .lcitem .rect.top{transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);}
	.mm-hbtn.chagne3  .lcitem .rect.bottom{transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);}
	
	.head_mobile p {
		color: #fff;
	}
	.head_mobile p a{
    color: #fff;
}
#Jl_container{ max-width:1180px;position:relative; margin:0 auto;}


#logo{ width:38.94%;float:left; text-align:center;}
#logo img{ width:454px; height:120px;}
.logo_phone{ float:right; } 
.logo_phone img{ width:451px; height:120px;}





#content{ width:100%; margin-top:0px;}

.fiveBlock4 {
    width: 100%;
}

    .fiveBlock4 ul li {
        width: 24%;
        margin: 30px 0.5% 0px 0.5%;
        float: left;
    }

.fiveBlock4_top {
    width: 100%;
    height: 100px;
    text-align: center;
    background: #e8f6ff;
    line-height: 25px;
    font-size: 16px;
    color: #333;
}

    .fiveBlock4_top span {
        font-size: 28px;
        color: #00a0e9;
    }

.fiveBlock4_bottom {
    width: 100%;
    margin: 30px 0px 0px 0px;
}

    .fiveBlock4_bottom img {
        width: 100%;
    }

.fiveBlock{ width:100%;}
.fiveBlock ul li{width:19%; margin:30px 0.5% 0px 0.5%; float:left;}
.fiveBlock_top{ width:100%; height:100px; text-align:center; background:#e8f6ff;line-height: 25px; font-size:16px; color:#333;}
.fiveBlock_top span{ font-size:28px; color:#00a0e9;}
.fiveBlock_bottom{ width:100%;}
.fiveBlock_bottom img{ width:100%;}



.news_leftbox{width:32.37%; margin:40px 0px 0px 0.5%; float:left; }
.news_lefttitle{    font-size: 24px;
    line-height: 24px;
    color: #00a0e9;}
.news_leftheng{ width:98px; margin:10px 0 4px 0; height:2px; background:#00a0e9;}
.news_leftheng2{ width:100%; margin:-4px auto 0 auto; height:1px; background:#dadada;}

.news_leftcen ul li{ margin-top:10px;}
.news_leftdate{ margin:12px 0px 0 10px; float:left; width:63px; }
.news_leftdate b{ 
    display: block;
    font-size: 19px;
    line-height: 22px;
    color: #a7a6a5;}
.news_leftdate span{display:block; font-size:15px; line-height:22px; color:#a7a6a5;} 
.news_leftword{ width:300px; float:right;}
.news_leftword h1 a{ color:#282828; font-size:16px; margin:12px 0 0 0; height:20px; line-height:20px; display:block; overflow:hidden; font-weight:bold;}
.news_leftword span{ display:block; color:#888888; margin-top:6px;height:40px; line-height:20px; overflow:hidden;}


.news_rightbox{width:60.8%; margin:40px 0px 0px 0px; float:right;}

.news_righttitbox{width:100%; height:38px; border-bottom:1px solid #dadada;}

.news_righttitle{    font-size: 24px; float:left; margin-right:50px;
    line-height: 24px;
    color: #989898;    padding-bottom: 12px;}
	.news_righttitle2{    font-size: 24px;float:left;
    line-height: 24px;
    color: #989898;    padding-bottom: 12px;}
.rthover{color: #00a0e9; border-bottom:2px solid  #00a0e9;}	
	
	
.news_rightheng{ width:98px; margin:10px 0 4px 0; height:2px; background:#00a0e9;}
.news_rightheng2{ }
.news_rightcen{ display:none;}
.blockk{ display:block}
.news_rightcen ul li{ width:46%;    float: left;margin:18px 2% 0px 2%;}
.news_rightdate{ margin:12px 16px 0 10px; float:left; width:63px;}
.news_rightdate b{ 
    display: block;
    font-size: 19px;
    line-height: 22px;
    color: #a7a6a5;}
.news_rightdate span{display:block; font-size:15px; line-height:28px; color:#a7a6a5;} 
.news_rightword{ width:100%; }
.news_rightword h1{}
.news_rightword h1 a{ width:222px; float:left; color:#373636; font-size:16px; margin:0px 0 0 0; height:20px; line-height:20px; display:block; overflow:hidden; font-weight:bold;}
.news_rightword span{ display:block; float:right; color:#666; margin-top:0px;font-size:15px;height:20px; line-height:20px; overflow:hidden;}



.zhuanjia_box{width:100%; margin:40px 0px 0px 0px; }
.zhuanjia_title{    font-size: 24px;
    line-height: 24px;
    color: #00a0e9;}
.zhuanjia_heng{ width:98px; margin:10px 0 4px 0; height:2px; background:#00a0e9;}
.zhuanjia_heng2{ width:100%; margin:-4px auto 0 auto; height:1px; background:#dadada;}

.zhuanjia_cen{width:100%;}
.zhuanjia_cen ul li{ width:18%; background:#fff; padding-bottom:18px; margin:40px 1% 0px 1%; float:left; position:relative;}
.zhuanjia_img{ width:120px; height:120px; overflow:hidden;-moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari 和 Chrome */
  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ margin:30px auto 22px auto;}
.zhuanjia_img img{ width:100%; height:120px; display:block;}

.zhuanjia_word{ width:100%; text-align:center;font-size:18px; color:#00a0e9; line-height:26px; height:26px;overflow:hidden;}

.zhuanjia_word2{ width:100%; text-align:center;font-size:12px; color:#999; line-height:26px; height:52px;overflow:hidden; margin-top:18px;}



.hezuo_box{width:100%; margin:40px 0px 0px 0px; }
.hezuo_title{    font-size: 24px;
    line-height: 24px;
    color: #00a0e9;}
.hezuo_heng{ width:98px; margin:10px 0 4px 0; height:2px; background:#00a0e9;}
.hezuo_heng2{ width:100%; margin:-4px auto 0 auto; height:1px; background:#dadada;}

.hezuo_cen{width:100%;}
.hezuo_cen ul li{ width:14.66%; margin:40px 1% 0px 1%; float:left; position:relative;}
.hezuo_img{ width:100%; height:80px; overflow:hidden;}
.hezuo_img img{ width:100%; height:80px; display:block;}


.youshi_box{width:100%; margin:40px 0px 0px 0px; }
.youshi_title{    font-size: 24px;
    line-height: 24px;
    color: #00a0e9;}
.youshi_heng{ width:98px; margin:10px 0 4px 0; height:2px; background:#00a0e9;}
.youshi_heng2{ width:100%; margin:-4px auto 0 auto; height:1px; background:#dadada;}

.youshi_cen{width:100%;}
.youshi_cen ul li{ width:31%;  padding-bottom:18px; margin:40px 1% 0px 1%; float:left; position:relative;}
.youshi_img{ width:120px; height:120px; overflow:hidden;-moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari 和 Chrome */
  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ margin:30px auto 22px auto;}
.youshi_img img{ width:100%; height:120px; display:block;}

.youshi_word{ width:100%; text-align:center;font-size:20px; color:#000; line-height:26px; height:26px;overflow:hidden;}

.youshi_word2{ width:100%; text-align:center;font-size:18px; color:#999; line-height:26px; height:26px;overflow:hidden; margin-top:18px;}



#foot{ width:100%;font-size:14px; margin-top:40px; background:#333333; color:#d7d7d7;}
.foot_top{ width:100%;}

.foot_top ul li {
    width: 25%;
    margin: 0px;
    float: left;
    position: relative;
}
.foot_top1{ height:64px; line-height:64px; text-align:center;overflow:hidden; width:100%; color:#fff; font-size:18px; border-bottom:1px solid #464646;}
.foot_top1 a{ color:#fff; font-size:18px; }
.foot_top2{ line-height:24px; text-align:center; margin:18px 0; min-height:120px; border-right:1px solid #464646;}
.foot_top ul li:last-child .foot_top2{ border-right:none;}
.foot_top2 p{ line-height:24px; text-align:center;}
.foot_top2 a{ color:#d7d7d7; font-size:14px; }
.foot_top2 a.blue{ color:#00a0e9;}

.foot_bottom{height:50px; overflow:hidden; line-height:50px; background:#000; text-align:center;overflow:hidden; width:100%; color:#d7d7d7; font-size:16px;}
.foot_bottom #Jl_container{ text-align:center;}
.h6{ height:6px; width:100%; background:#dcdcdc;}



.newsdetails_next{    border-top: 0; text-align:right;
    padding: 15px 0 25px;}
.newsdetails_next a{    font-size: 14px;
    line-height: 150%;color: #333;}
	
	
.app_tab{ width:100%;background-color: #42aaf8;
	position:fixed; bottom:0px; left:0px; display:none;}	
.app_tab ul li{width: 25%; display:block; float:left;}	
.app_tab ul li a{width:100%; display:block; cursor:pointer;}		
.app_icon{
    position: relative;
    display: block;
    height: 1.62rem;
    width: 1.62rem;
    margin:0.19rem auto;
}
.app_icon img{
    display: block;
    height: 1.62rem;
    width: 1.62rem;
}	
.app_kuo{ height:3.2rem; width:100%; display:none;}
.app_name {
    display: block;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
	text-align:center;
	line-height: 1rem;
    padding-bottom: 0.2rem;
}
	
@media (max-width:1199px) {
	.about_box ul li.aboutli_1{ width:50%; float:right;}
	.about_box ul li.aboutli_2{ width:50%; float:left;}
	
	.about_box ul li.aboutli_3{ display:none;}
	.about_box ul li.aboutli_4{ display:none;}
	.about_word {
		text-align: center;
	}
	.abcontent_title{ width:98%;}
	#abcontent .news-details-desc{width:88%; float:none; margin-left:auto; margin-right:auto;}
	#abcontent .newsdetails_con{width:88%; float:none; margin:0 auto;}
	.newsdetails_next{width:88%; float:none; margin:0 auto;}
}
@media (max-width:1180px) {
	.head_hui1 {
		position: relative;
		z-index: 999;    position: relative;
    top: 1rem;
    left: 2rem; color:#fff;
	display:none;
	    width: inherit;
	}
		.head_hui1 a {
		color: #fff;
	}
	.head_hui2{ display:none;}
	.head_mobile{ display:block;}
	.head_48{ display:block;}
	#head{ /*display:none;*/  
	position: fixed;
    top: 0px;
    left: 0px; background-color: #42aaf8;
    z-index: 100;    width: 50%;
    height: 100%;visibility: visible;
    -ms-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s;}
	#head.chagne1{ 
    -ms-transform: translateX(0);
    -khtml-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.5s;}
	#logo{ display:none;}
	.logo_phone {
		margin-right: 2rem;
		display:none;
	}
	#menu{display:none; position:relative; z-index:101; top:0rem;width: 50%;padding-top: 1rem;}
	#menu ul{ background:none;}
	#menu ul li{ width:87%;    text-align: left;    height: 2.98rem;
    line-height: 2.98rem;}
	#menu ul li a {
		color:#fff;
	}
	#menu ul li a:before {
		border: none;
	}
	#menu ul li {
		border-bottom:1px solid #1d90b7;
	}
	#menu ul li a span{ display:none;}
	

	.about_img img {
		height: auto;
	}
	.app_kuo{display:block;}
	.app_tab {
		display: block;
	}
	.product_cen ul li.productli_1 {
		height: auto;
	}
	.product_cen ul li {
		height: auto;
	}
	.left_box {
		width: 97.5%;
		margin-left: 2.5%;
		float: none;
	}
	.left_box ul li {
		width: 33%;
		float: left;
	}
	.right_box {
		width: 95%;
		float: none;
		margin-left: 2.5%;
		margin-top: 1rem;
	}
	.right_tit {
		margin-left: 0;
	}
	.right_box ul li {
		padding: 22px 0px 32px 0px;
	}
	#Jl_container {
		padding: 0 1rem;
	}
	.insmall_cenimg {
    float: none;    margin: 0 auto;    max-width: 100%;
}
.insmall_centext {
    width: 96%;
    float: none;
    margin: 0 auto;
}
.news_leftdate2 {
    display: none;
}
	.news_leftword2 {
    width: 66%;
}
.news_listimg {
    width: 33%;
}
.news_listimg img {
    height: auto;
}
	
}
@media (max-width:969px) {

	.news_leftword{    width: auto;}
	.about_cen {
		padding-left: 50%;
		background-size: 60% 100%;
	}
	.news_rightword h1 a {
    width: 181px;
}
.news_leftdate {
    display: none;
}
.news_rightword span {
    display: none;
}
}
@media (max-width:767px) {
	.product_cen ul li {
		width: 49%;
	}
	.about_box ul li.aboutli_1{ width:100%; float:right;}
	.about_box ul li.aboutli_2{ width:100%; float:left;}
	.product_cen ul li.productli_1 {
		height: auto;
	}
	.product_cen ul li {
		height: auto;
	}
	.product_img img{height: auto;}
	.product_word {
		top: 45%;
		padding-top: 0px;
	}
	.foot_top ul li {
		width:100%; 
	}
	
	.about_box ul li {
		width: 95%;
		margin:1rem 2.5%;
	}
	.abproduct_cen ul li {
		width: 48%;
	}
	.foot_erwm {
		position: inherit;
		margin: 0 auto;
	}
	.about_cen {
		height: 188px;
		padding-top: 26px;
	}

	.productlist_word {
		font-size: 1rem;
	}
	.productlist_word span {
		font-size: 0.8rem;
	}
	.insmall_prolist ul li {
    width: 49%;
}
.insmall_title h2 {
    font-size: 1rem;
}
.insmall_title h2 span {
    font-size: 1rem;
}
.suplist_down {
    position: initial;
    margin-top: 0.3rem;
}
	.news_leftword2 {
    width: 96%;
    margin: 0 auto;
    float: none;
}
.news_listimg {
    width: 96%;
    margin: 1rem auto;
    float: none;
}
.intitle_box a {
    width: 46%;
}
.contact_word {
    position: inherit;
	    width: 100%;
		    height: auto;
			    padding-bottom: 2rem;
}
.contact_word h1 {
    margin:0;
    padding: 2rem 0 1rem 5%;
}
.contact_word p {
    padding-left: 5%;
    padding-right: 5%;
    float: left;
    width: 40%;
}
.contact_bg img{ width:100%;}

.fiveBlock ul li {
    width: 99%;
}
.fiveBlock_top {
    width: 50%;
    float: left;
    height: 150px;
	    line-height: 38px;
}
.fiveBlock_bottom {
    width: 50%;
    float: left;
    margin: 0;
}
.fiveBlock_bottom img {
    height: 150px;
}
.news_leftbox {
    width: 98%;
	float: none;
}
.news_leftdate {
    margin: 12px 0px 0 0;
	display:block;
    width: 20%;
}
.news_leftword {
    width: 80%;
}
.news_rightbox {
    width: 98%;
	    margin: 40px auto 0px auto;
    float: none;
}
.news_rightcen ul li {
    width: 48%;
    overflow: hidden;
    margin: 18px 1% 0px 1%;
}
.foot_top2 {
    min-height: inherit;
    margin: 0.5rem 0;
}
.foot_top1 {
    height: 3rem;
    line-height: 3rem;
    background:#4a4a4a;
}
.zhuanjia_cen ul li {
    width: 98%;
	  margin: 1rem 1% 0px 1%;
}
.hezuo_cen ul li {
    width: 48%;
    margin: 1rem 1% 0px 1%;
}

.hezuo_img {
    height: auto;
}
.hezuo_img img {
    height: auto;
}
.youshi_cen ul li {
      width: 98%;
    margin: 1rem 1% 0px 1%;
}

}
@media (max-width:639px) {
.left_box ul li {
    width: auto;
}
.valves_data .data_box {
    width: 100%;
    float: none;
}
.data_box table {
    width: 100%;
}
.right_titimg {
    width: 100%;
    float: none;
    margin-top: 0.3rem;
}
.right_titimg img {
    height: auto;
}
.productlist_word {
		font-size: 0.8rem;
	}
	.contact_word p {
    width: 90%;
}

.joinus_cen ul li {
    width: 97%;
}
@media (max-width:479px) {
	.abnews_cen  .news-con {
		width: 60%;
	}
	.abnews_cen  .news-img {
		width: 40%;
		max-height: 97px;
	}
	.message_cen .submit, .message_cen .reset {
		width: 112px;
	}
	.fiveBlock_bottom img {
    height: 76px;
}
	.fiveBlock_top {
    height: 76px;
    line-height: 20px;
}
.fiveBlock_top span {
    font-size: 18px;
}
	
}