body{
	background-color: #fff;
}

/*  index*/
.sy_banner{
	width: 100%;
	height: 720px;
}
/*banner莉��㊥�篁�css綣�紮�*/
.sy_banner{
	position:relative;
}
.sy_banner .slideBox{ width:100%; height:720px; overflow:hidden; z-index: 0;}
.sy_banner .slideBox .hd{ width: 100%;overflow:hidden; position:absolute; left:0; bottom:20px; z-index:1;}
.sy_banner .slideBox .hd ul{max-width: 1200px;height:9px; margin: 0 auto; overflow:hidden; zoom:1;text-align: center;position: relative;}

.sy_banner .slideBox .hd ul li{
	margin-left:20px; 
	display: inline-block;  
	width:9px; 
	height:100%; 
	background:url(../images/zsd1.png) top left no-repeat;
	cursor:pointer;
	text-indent: -9999px;
}
.sy_banner .slideBox .hd ul li:first-child{
	margin-left:0px; 
}
.sy_banner .slideBox .hd ul li.on{
	width:44px; 
	background:url(../images/zsd2.png) top left no-repeat;
}
.sy_banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.sy_banner .slideBox .bd li{ zoom:1; vertical-align:middle;}
.sy_banner .slideBox .bd ul{
	height:720px;
	z-index: 0;
}
.sy_banner .slideBox .bd ul li{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 0;
	position: relative;
}
.sy_banner .slideBox .bd ul li img{
	width: 100%;
	height: 100%;
}
.sy_banner .slideBox .bd ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

/*banner莉��㊥�篁�css膸���*/
.sy_products{
	width: 100%;
	background: #f8f8f8;
}
.sy_products1{
	margin: 0 auto;
	padding: 36px 0 110px 0;
	width: 1200px;	
}
.sy_titt{
	font-size: 27px;
	color: #404246;
}
.sy_titt:after{
	content: '';
	display:block ;
	width: 53px;
	height: 2px;
	background-color: #404246;
	position: relative;
	left: -40px;
	top: 10px;
	
}
._products{
	padding-left: 40px;
	background: url(../images/sy_icon1.png) left center no-repeat;
}
.sy_products2{
	margin-top: 65px;
}
.sy_products2 .sy_productsl{
	float: left;
	width: 320px;
}
.sy_products2 .sy_productsl h2{
	font-size: 14px;
	color: #009cf7;
	text-transform: uppercase;
}
.sy_products .search1{
	margin: 15px 0;
	width: 266px;
	height: 32px;
	border: 1px solid #c9cad1;
	border-radius:32px ;
	overflow: hidden;
}
.sy_products .search1 input{
	padding-left: 20px;
	width: 210px;
	height: 100%;
}







.l_nav{
	background: #eef0f5;
    overflow: hidden;
}
.l_nav>.l_navv:nth-of-type(1){
	border-top: 2px solid #009cf7;
}
.l_nav .l_navv{
	cursor: pointer;
	box-sizing:border-box ;
	line-height: 50px;
	border-top: 1px solid #dbe2ef;
	line-height: 50px;	
}
.l_nav .l_navv .l_one{
	width: 100%;
	height: 100%;
}
.l_nav .l_navv .l_one>a{
	box-sizing: border-box;
	padding-left: 20px;
	float: left;
	display: block;
	width: 80%;
	height: 52px;
	color:#009cf7 
}
.l_nav .l_navv .l_one .jia{
	float: right;
	width: 20%;
	height: 52px;
	background: url(../images/jia.png) left center no-repeat;
}
.l_nav .l_navv .l_one .jia.on{
	background:#009cf7 url(../images/jian.png) left center no-repeat;
}
.l_nav .l_navv>a{
	display: block;
	width: 257px;
	height: 52px;
	color:#009cf7 ;
	/*background: url(../images/jia.png) 95% center no-repeat;*/
}
.l_nav .l_navv.on .l_one>a{
	padding-left: 20px;
	color: #FFFFFF;
	background:#009cf7;
}
.l_nav .l_navv ul{
	margin-left: -20px;
	display: none;
	background: #d7ecfb;
}
.l_nav .l_navv ul.on
{
    display:block;
}
.l_nav .l_navv ul li{
	font-size: 16px;
	margin-left: 50px;
	line-height: 38px;	
	color:#009cf7 ;
}
.l_nav .l_navv ul li a{
	color:#009cf7 ;
}
.l_nav .l_navv ul li:hover{
	font-weight: bold;
	list-style-type: disc;
}
.l_nav .l_navv ul li.on{
	font-weight: bold;
	list-style-type: disc;
}
.l_nav .l_navv.on ul.on{
	display: block;
}
/*  ��蕋���  ����   膸���  */







.sy_products2 .sy_productsr{
	float: right;
	width: 820px;
}
.sy_productsr ul li{
	float: left;
	margin: 0 10px;
	margin-bottom: 26px;
}
.sy_productsr ul li .pic{	
    position:relative;
    overflow:hidden;
	width: 252px;
	height: 159px;
}
.sy_productsr ul li .pic img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;

}
.sy_productsr ul li p{
	margin-top: 5px;
	font-size: 14px;
	color: #404246;
}



.sy_freChem{
	padding: 65px 0 120px 0;
	width: 100%;
	background: #ffffff;
}
.sy_freChem1{
	width: 1200px;
	margin: 0 auto;
}
._freChem{
	padding-left: 40px;
	background: url(../images/sy_icon2.png) left center no-repeat;
}
.sy_freChem1 .pic{
	z-index: 1;
	position: relative;
	margin-top: 85px;
	float: left;
	width: 545px;
	height: 363px;
}
.sy_freChem1 .pic img{
	width: 100%;
	height: 100%;
}
.sy_freChem1 .text{
	margin-left: -69px;
	margin-top: 55px;
	float: left;
	box-sizing: border-box;
	padding: 80px 40px 50px 113px;
	width: 712px;
	height: 421px;
	background-color: #009cf7;
}
.sy_freChem1 .text .text1{
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
}
.sy_freChem1 .text .more{
	margin-top: 40px;
	box-sizing: border-box;
	padding-left: 30px;
	line-height: 43px;	
	width: 131px;
	height: 43px;
	background: #FFFFFF url(../images/sy_jt.png) 70% center no-repeat;
}
.sy_freChem1 .text .more a{
	color: #009cf7;
	display: block;
	width: 100%;
	height: 100%;
}


.sy_news{
	padding:75px 0;
	width: 100%;
	background: #f8f8f8;
}
.sy_news1{
	width: 1200px;
	margin: 0 auto;
}
._news{
	padding-left: 40px;
	background: url(../images/sy_icon3.png) left center no-repeat;
}
.sy_news1_list{
	margin-top: 50px;
}
.sy_news1_list ul li{
	float: left;
	margin-bottom: 40px;
	box-sizing: border-box;
	padding: 14px;
	background-color: #ffffff;
	border: 1px solid #dbe2ef;
	width: 579px;
	height: 150px;
}
.sy_news1_list ul li:hover{
	border:1px solid transparent;
	background: #009cf7;
	
}
.sy_news1_list ul li:hover .text{
	color: #FFFFFF;
}
.sy_news1_list ul li .pic{
	float: left;
	width: 148px;
	height: 122px;
}
.sy_news1_list ul li .pic img{
	width: 100%;
	height: 100%;
}
.sy_news1_list ul li .text {
	width: 370px;
	float: right;
	color: #404246;
}
.sy_news1_list ul li.on{
	float: right;
}
.sy_news1_list ul li .text .p1{
	margin-top: 15px;
	font-size: 16px;
}
.sy_news1_list ul li .text .p2{
	margin-top: 20px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
}


/*   products*/
.produ{
	width: 100%;
	height: 395px;
	background: url(../images/pro_banner_02.jpg) center no-repeat;
}
.produ_main{
	margin: 0 auto;
	margin-top: 60px;
	width: 1200px;
	overflow: hidden;
}
.produ_main .produ_mainl{
	width: 320px;
	float: left;
}
.produ_main .produ_mainr{
	margin-bottom: 30px;
	width: 820px;
	float: right;
}
.l_nav_h2{
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #009CF7;
	font-size: 18px;
}
.p_list{
	margin-bottom: 60px;
}
.p_list1{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #f5f7fc;
}
.p_list1 .s1{
	margin-left: 20px;
	padding-left: 30px;
	font-size: 18px;
	color: #009CF7;
	font-weight: bold;
    float:left;
	background: url(../images/pro_icon.png) left center no-repeat;
}
.p_list1 .s3{
	margin-left: 20px;
	padding-left: 20px;
	font-size: 18px;
	color: #009CF7;
	font-weight: bold;
	background: url(../images/ty.png) left center no-repeat;
}
    .p_list1 .s2
    {
        float:right;
    }
.p_list1 .s2 a{
	margin-right:10px;
	padding-right: 20px;
	font-size: 18px;
	color: #009CF7;
	background: url(../images/p_sjt.png) right center no-repeat;
}
.p_list ul{
	margin-top: 30px;
}
.p_list ul li{
	margin: 0 4px;
	margin-bottom: 15px;
	float: left;
	background: #fff;
	width: 262px;
	height: 312px;
	border: 1px solid #e6e6e6;
}
.p_list ul li .pic{
	width: 262px;
	height: 262px;
	border-bottom: 1px solid #ECECEC;
}
.p_list ul li .pic img{
	width: 100%;
	height: 100%;
}
.p_list ul li p{
	font-size: 16px;
	color: #333333;
	height: 49px;
	line-height: 49px;
	text-align: center;
}
.p_list ul li:hover{
	box-shadow: 0 0 10px 7px #eaeff8;
}
.p_list ul li:hover p{
	font-weight: bold;
	color: #009cf7;
}
/*  篋у�� 莚���  */
.deta_titt{
	position: relative;
	text-align: center;
	color: #009cf7;
	font-size: 16px;
	font-weight: bold;
}
.deta_titt span{	
	padding: 0 20px;
	background: #fff;
	position: relative;
	z-index: 1;
}
.deta_titt:before{
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	width: 100%;
	height: 1px;
	background: #e1e8f6;
}
.deta_pic{
	margin-top: 50px;
}
.deta_pic1{
	float: left;
	margin-left: 194px;
	width: 433px;
	height: 433px;
	border: 1px solid #ECECEC;
}
.deta_pic1 img{
	width: 100%;
	height: 100%;
}
.deta_pic span{
	float: right;	
	margin-top: 418px;
	font-size: 16px;	
}
.deta_pic span a{
	color: #009cf7;
	text-decoration: underline;	
}
.deta_table .text
{   
    box-sizing:border-box;
    padding:10px;
    margin-top:20px;
    width:100%;
    background-color: #f5f7fc;
}
.downl{
	margin-top: 20px;
	margin-bottom: 75px;
	box-sizing: border-box;
	padding-left: 20px;
	float: right;
	cursor:pointer;
	font-size: 16px;
	width: 222px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	color: #FFFFFF;
	background: #009cf7 url(../images/downl.png) 8% center no-repeat;
}


/* �劫�紙���css */
.info_ban{
	width: 100%;
	position:relative;
}
		/*.slideGroup{ width:100%;text-align:left;  }*/
		
		.info_ban{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;  margin-left: -27px;margin-bottom: 50px; }

		.info_list .prev,.info_list .next{ position:absolute; left:5px; top:67px; display:block; width:47px; height:128px;}
		.info_ban .prev{background: url(../images/prev_03.jpg) left center no-repeat;}
		.info_ban .prev:hover{background: url(../images/prev1_03.jpg) left center no-repeat;}
		.info_ban .next{ left:auto; right:12px; background:url(../images/next_03.jpg) right center no-repeat;  }
		.info_ban .next:hover{background:url(../images/next1_03.jpg) right center no-repeat; }
		/*.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }*/

		.info_list ul{ overflow:hidden; zoom:1; margin-left: 30px; }
		.info_list ul li{float:left; _display:inline; overflow:hidden; text-align:center; width: 212px;height: 253px;border: 1px solid #C6C6C6;cursor: pointer;box-sizing: border-box; margin: 0 10px;}
		.info_list ul li .pic{ width: 212px;height: 212px;border-bottom: 1px solid #C6C6C6;}
		.info_list ul li .pic img{ width: 100%;height: 100%; }
		.info_list ul li .pic a:hover img{ border-color:#999;  }
		.info_list ul li p{ line-height:39px; font-size: 16px;color: #666;  }
	.info_ban	.tempWrap{
		width: 680px!important;
		margin-left: 48px;
	}


/*  team*/
.r_d{
	width: 100%;
	height: 400px;
	background: url(../images/team_02.jpg) center no-repeat;
}
.l_nav1{
	font-size: 16px;
	width: 320px;
}
.l_nav1 ul li{
	height: 49px;	
	line-height: 49px;
	background: #f7f9fd;
	border-bottom: 1px solid #ECECEC;
}
.l_nav1 ul li:last-child{
	border-bottom:none;
}
.l_nav1 ul li:hover{
	background:#009cf7 ;
}
.l_nav1 ul li a{
	margin-left: 20px;
	display: block;
	width: 100%;
	height: 100%;
	color: #009cf7;
}
.l_nav1 ul li.on{
	background:#009cf7 ;
}
.l_nav1 ul li.on a{
	color: #FFFFFF;
}
.l_nav1 ul li:hover a{
	color: #FFFFFF;
}
.team{
	
}
.rd_one{
	width: 100%;
	height: 359px;
}
.rd_one img{
	width: 100%;
	height: 100%;
}
.team ul{
	margin-top: 20px;
}
.team ul li{
	cursor: pointer;
	float: left;
	margin:0 8px;
	box-sizing: border-box;
	padding: 4px;
	width: 256px;
	height: 173px;
	border: 1px solid #8e8e8e;
}
.team ul li img{
	width: 100%;
	height: 100%;
}
.team_text{
	margin-top: 25px;
	margin-bottom: 60px;
	font-size: 16px;
	color: #333333;
	line-height: 27px;
}

.about{
	width: 100%;
	height: 400px;
	background: url(../images/about_02.jpg) center no-repeat;
}
.honor{
	margin-bottom: 20px;
}
.honor ul li{
	float: left;
	width: 261px;
	height: 188px;
	margin: 0 6px;
	margin-bottom: 20px;
	
}
.honor ul li img{
	width: 100%;
	height: 100%;
}
.honor .fwb_Honor
{
    line-height: 28px;
    font-size: 16px;
    color:#666;
}

.culture_top ul li{
	text-align: center;
	float: left;
	width: 273px;
	height: 241px;
	background: #009cf7;
}
.culture_top ul li img{
	margin-top: 75px;
}
.culture_top ul li p{
	margin-top: 20px;
	font-size: 20px;
	color: #FFFFFF;
}
.culture_text{
	margin-top: 40px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.culture_pic{
	margin-top: 65px;
	margin-bottom: 130px;
	position: relative;
	width: 100%;
	height: 475px;
}
.culture_pic .pic1{
	position: absolute;
	top: 0;
	left: 95px;
	width: 400px;
	height: 222px;
}
.culture_pic .pic2{
	position: absolute;
	top: 70px;
	right: 40px;
	width: 269px;
	height: 188px;
}
.culture_pic .pic3{
	position: absolute;
	top: 235px;
	left: 30px;
	width: 329px;
	height: 165px;
}
.culture_pic .pic4{
	position: absolute;
	top: 270px;
	right: 123px;
	width: 328px;
	height: 207px;
}
.culture_pic img{
	width: 100%;
	height: 100%;
}


.news_{
	margin-bottom: 60px;
	width: 100%;
	height: 400px;
	background: url(../images/news_banner_02.jpg) center no-repeat;
}
.news{
	margin: 0 auto;
	width: 1200px;
}
.new_list{
	padding-bottom: 30px;
}
.new_list ul{
	margin-bottom: 45px;
}
.new_list ul li{
	padding: 26px 0;
	border-bottom: 1px solid #ECECEC;
}
.new_list ul li:last-child{
	border: none;
}
.new_list ul li .pic{
	float: left;
	width: 268px;
	height: 188px;
}
.new_list ul li .pic img{
	width: 100%;
	height: 100%;
}
.new_list ul li .text{
	width: 900px;
	float:right;
}
.new_list ul li .text .p1{
	margin-top: 28px;
	font-size: 24px;
	color: #000000;
}
.new_list ul li .text .p2{
	margin-top: 28px;
	font-size: 16px;
	color: #333333;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.new_list ul li .text .p3{
	margin-top: 30px;
	font-size: 16px;
	color: #009cf7;
}


._new{
	margin: 0 auto;
	margin-top: 28px;
	width: 1200px;
}
.news_left ul{
	text-align: center;
	width: 250px;
}
.news_left{
	float: left;
	width: 250px;
}
.news_left ul li{
	margin-bottom: 80px;
}
.news_left ul li .pic{
	width: 100%;
	height: 145px;
}
.news_left ul li .pic img{
	width: 100%;
	height: 100%;
}
.news_left ul li p{
	margin-top: 10px;
	font-size: 16px;
	color: #747474;
}
.news_right{
	width: 880px;
	float: right;
}
.news_right .news_text{
	line-height: 25px;
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid #d2d2d2;
}
.news_right  ._h{
	margin-bottom: 42px;
	text-align: center;
	font-size: 20px;
	color: #000;
}
.new_up{
	margin-top: 30px;
	margin-bottom: 130px;
}
.new_up ul{
	float: left;
	width: 606px;
}
.new_up ul li{
	font-size: 16px;
	margin-bottom: 20px;
	width:100%; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.share1{
	float: right;
	width: 150px;
}
.share1 a{
	float: left;
	margin-left: 5px;
	display: block;
	width: 32px;
	height: 32px;
}



.inquiry{
	margin-bottom: 60px;
	width: 100%;
	height: 400px;
	background: url(../images/inquiry_banner_02.jpg) center no-repeat;
}
.inquiry_{
	margin-bottom: 180px;
	margin-top: 45px;
	width: 100%;
}
.inquiry_ .p1{
	font-size: 24px;
	font-weight: bold;
	color: #009cf7;
}
.inquiry_ .p2{
	margin-top: 25px;
	font-size: 16px;
	color: #4e545d;
}
.inquiry_ .words{
	margin-top: 50px;
}
.inquiry_ .words .pic{
	float: left;
	width: 395px;
	height: 675px;
}
.inquiry_ .words .pic img{
	width: 100%;
	height: 100%;
}
.inquiry_ .words .words_r{
	float: right;
	width: 766px;
}
.inquiry_ .words .words_r .input_1{
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 0 25px;
	border-radius: 5px;
	background: #f3f6fb;
	width: 100%;
	height: 54px;
}

.inquiry_ .words .words_r input{
	color:#009cf7;
	width: 100%;
	height: 100%;
    appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
border:0;
}
.inquiry_ .words .words_r textarea{
	color:#009cf7;
    height: 100%;
    width: 100%;
    appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
border:0;
resize : none;

}
.inquiry_ .words .words_r  .input_1:after{
	content: '*';
	color: red;
	position: relative;
	top: -40px;
	left: -10px;
}
.words_r input::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 16px;
    color:    #009cf7;
}
.words_r input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 16px;
    color:    #009cf7;
}
.words_r input::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 16px;
    color:    #009cf7;
}
.words_r input:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size: 16px;
    color:    #009cf7;
}

.inquiry_ .words .words_r .input_3,.inquiry_ .words .words_r .input_4{
	margin-bottom: 20px;
	width: 373px;
	height: 54px;
	box-sizing: border-box;
	padding: 0 25px;
	border-radius: 5px;
	background: #f3f6fb;
}
.words_r .input_3{
	float: left;
}
.words_r .input_4{
	float: right;
}
.input_5  .input_3:after{
	content: '*';
	color: red;
	position: relative;
	top: -40px;
	left: -10px;
}
.inquiry_ select{
	width: 100%;
	height: 100%;
	color: #009cf7;
}
.input_5  .input_4:after{
	content: '*';
	color: red;
	position: relative;
	top: -40px;
	left: -10px;
}
.ly{
	box-sizing: border-box;
	width: 100%;
	height: 364px;
	padding:25px;
	border-radius: 5px;
	background: #f3f6fb;
    position:relative;
}
.ly:after{
	content: '*';
	color: red;
	position: absolute;
	top: 24px;
    left: 15px;
}
.words_r textarea::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 16px;
    color:    #009cf7;
}
.words_r textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 16px;
    color:    #009cf7;
}
.words_r textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 16px;
    color:    #009cf7;
}
.words_r textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size: 16px;
    color:    #009cf7;
}
.inquiry_btn{
	width: 100%;
	height: 65px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 65px;
	background: #009cf7;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 20px;
}
.contact{
	margin-bottom: 60px;
	width: 100%;
	height: 400px;
	background: url(../images/contact_02.jpg) center no-repeat;
}
.contact_{
	margin-top:80px;
	margin-bottom: 120px;
	width: 100%;
}
.contact_ .p_{
	text-align: center;
	font-size: 38px;
	color: #009cf7;
	font-weight: bold;
}
.contact_ ul{
	margin-top: 80px;
	width: 100%;
}
.contact_ ul li{
	text-align: center;
	margin-bottom: 20px;
	float: left;	
	width: 25%;
	height: 170px;
}
.contact_ ul li img{
	margin-top: 20px;
}
.contact_ ul li .p1{
	margin-top: 25px;
	font-size: 20px;
	color: #333;
}
.contact_ ul li .p2{
	margin-top: 10px;
	font-size: 16px;
	color: #888888;
}
.downl a{
    color:#fff;

}