@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{
min-width:1004px;
width:auto!important;
width:1004px;_width:expression(document.documentElement.clientWidth<1004?"1004px":"auto"); margin:0 auto; overflow-x:hidden; font-family:"微软雅黑"}
.buju{ width:1200px; margin: 0 auto;}
.clear {clear: both;}
ul, input, dl, dd,p { 
padding:0; 
margin:0; 
list-style-type:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}




.top{ width:100%; height:35px; background:#F0F0F0; color:#7D7D7D; font-size:13px; line-height:35px;}

/********************你好，欢迎来到上海信跃化学品有限公司官方网站！*********************************************/

.top1{ width:600px;float:left;}
.top1 a{ color:#7D7D7D;}

/**************************收藏本站***************************************/

.top2{ width:600px;float:right; text-align:right}
.top2 a{ color:#7D7D7D;padding-left:15px;}
.t2{ background:url(../images/txian.png) right center no-repeat;padding-right:15px;padding-right:15px;padding-left:15px;}


/************************logo***************************/

.logo{ height:120px; background:url(../images/tbj.jpg) center center no-repeat;}
.logo1{ padding-top:15px; width:680px;float:left;}
.logo2{ width:300px;float:left;padding-top:30px; line-height:30px; color:#7c7c7c; font-size:16px;}
.logo2 strong{ color:#ff9900; font-size:18px;}



/************************顶部电话***************************/

.tel{ width:490px; height:85px; padding-top:35px;text-align:right;float:left; color:#7c7c7c; font-size:14px;}
.tel strong{ color:#1771D6; font-size:28px; font-family:"Impact"}

/************************电话图标***************************/

.tel1{ width:20px;float:right; height:85px; padding-top:35px; background:url(../images/tel.png)right center no-repeat; }




/************************导航***************************/

.nav{ width:100%; height:56px; background:#1771D6;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none; height: 36px; line-height: 36px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1; height:56px;}
ul.menu ul {position:absolute; top:56px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#62AC34; border-bottom:1px solid #fff; border-top:none; width:150px; height:42px; margin:0}
ul.menu ul li a {display:block; height:40px; line-height:42px; color:#ffffff; font-size:13px;}
ul.menu ul li a:hover {background-color:#FF6600; height:42px; color:#fff; font-size:13px;}
ul.menu ul ul {left:100px; top:-1px}
ul.menu .menulink {border:0px solid; width:150px; color:#ffffff;  font-family:"微软雅黑"; font-size:15px; height:56px; line-height:56px;}
ul.menu .menulink:hover, ul.menu .menuhover { background:#62AC34; color: #ffffff; }

<!--ul.menu .menulink1 { background:#FF9900; border:0px solid; width:164px; color:#ffffff;  font-family:"微软雅黑"; font-size:15px; height:56px; line-height:56px;}-->

ul.menu .sub {background:url('http://d2.xvna.com/sc/scimg/arrow.gif?http://www.xvna.com') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
.clear{
clear:both;
}


.banner1{ width:100%; height:250px;}


.cen{ width:1200px; margin:auto; height:auto;}

.cpbt{width:270px; height:90px; background:#1771D6; font-size:32px; color:#FFF; text-align:center; padding-top:20px;}
.cpbt span{ font-size:12px; text-transform:uppercase; line-height:28px; color:rgba(255,255,255,0.8);}

.weizik{ width:100%; height:70px; background:#f3f3f3; }
.weizi{ width:1054px; margin:auto; height:70px; line-height:70px; font-size:16px; color:#505050;}
.weizi1{ width:1200px; margin:auto; height:70px; line-height:70px; font-size:16px; color:#505050;}

/*--------产品专区列表页面---------------------------------------------------------------------------------*/
.cpleft{ width:270px; float:left; padding-top:50px;}
.cpright{ width:930px; float:left; padding-top:30px; padding-left:40px;}

.cplbnr{font-size:16px; color:#4b4848; margin-left:12px; padding-bottom:30px; width:900px; line-height:32px; border-bottom:1px solid #dadada; margin-bottom:30px;}
.cplbnr span{font-size:18px; color:#414141; font-weight:bold; border-left:3px #e60012 solid; height:38px; line-height:38px; padding-left:10px;}

.lfSider{ width: 268px; float: left; border:1px solid #e2e2e2; border-top:none;}
.lfSider .side-top-tit{ padding: 20px;}
.lfSider .side-top-tit h2{ font-size: 16px; line-height: 22px; color: #414141;}
.lfSider .side-top-tit span{ display: block; font-size: 13px; line-height: 16px; color:#909090;  font-family: arial;}
.lfSider .siderUl li{ }
.lfSider .siderUl .dddd{ display: block; height:78px; line-height:78px; padding-left:68px; color:#ffffff; background:url(../images/cplbbj.jpg) left no-repeat; border-top:1px solid #DDDDDD; font-size:18px;}
.lfSider .siderUl .dddd:hover{ background:url(../images/cplbbja.jpg) no-repeat; color:#ffffff; text-decoration:none;}
.lfSider .siderUl .dddd-active{ color: #ffffff;background:url(../images/cplbbja.jpg) no-repeat;}
.lfSider .side-item{ padding: 0px 0px;}
.lfSider .side-item .aa1{ display: block; /*background: url(../images/side_icon2.png) no-repeat left top;*/ line-height: 28px; overflow: hidden; font-size: 14px; color: #414141; border-bottom:1px solid #e2e2e2; background:#ffffff; text-decoration:none; padding-left:20px; padding-right:10px; padding-top:13px; padding-bottom:13px;}
.lfSider .side-item .aa1:hover , .lfSider .side-item .aa1.cur{ /*background-position: left bottom;*/ color: #ffffff; background:#ff6600;}

.cplb1 a{ width:192px; height:41px; line-height:40px; padding-left:18px; color:#535353; font-size:13px; font-weight:bold; background:url(../images/nycpbj.jpg) left no-repeat; border-top:1px solid #DDDDDD; display:block; text-decoration:none;}
.cplb1 a:hover{ color:#ffffff; background:#3EB56F;}






/********右侧内容区域******/
/*.right{ width:905px; height:auto; float:right; margin-left:35px;}*/
.right {float: right; width: 880px; padding-top: 45px; padding-bottom:30px;}

.aboutb{ height:40px; line-height:29px; color:#414141; border-bottom:1px solid #DDDDDD; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.aboutnr{line-height:28px; padding-left:2px; padding-top:25px; height:auto!important;_height:490px;min-height:490px; font-size:14px; color:#414141;}








/*********footer************/

.footer{ width:100%; height:500px; background:#424242; margin-top:65px;}



/*******************快捷导航*************************/

.footer_nav{ height:135px; border-bottom:1px solid #515151;}
.footer_nav1{ width:150px; height:70px; font-size:18px; font-weight:bold; padding-top:50px; color:#FFFFFF; float:left;}
.footer_nav1 span{ font-size:12.6px; color:#6f6f6f; text-transform:uppercase;} 
.footer_nav2 ul li a{  height:45px; line-height:45px; margin-top:80px; float:left; text-align:center; font-size:15px; width:130px; color:#FFFFFF;}
.footer_nav2 ul li a:hover{ /*background:#ffb200;*/color:#ffb200;}




/*******************联系我们************************/

.footer_nav_left{ width:500px; height:225px; float:left;}
.footer_nav_left1{ color:#FFFFFF; font-size:17px; height:40px; line-height:40px; margin-top:20px;}
.footer_nav_left2{ margin-top:15px;}
.footer_nav_left2 ul li{ color:#a0a0a0; font-size:14px; height:30px; line-height:30px;}
.footer_nav_left2 a{ color:#a0a0a0;}


/*.footer_nav_center{ width:220px; height:225px; float:left;}*/


/****************在线咨询****************************/

.footer_nav_center{ width:200px;px; height:225px; float:left; margin-left:320px;}
.footer_nav_center1{ width:100px; height:35px; line-height:35px; background:#ffb200; text-align:center; font-size:14px; margin-top:60px;margin-left:90px;}
.footer_nav_center1:hover{ background:#339900;}
.footer_nav_center2 img{ float:left; padding-top:10px; padding-left:10px;}
.footer_nav_center3 a { color:#ffffff;}

.footer_nav_center4{ width:190px;color:#ffffff; text-align:right; font-size:14px; margin-top:40px;}
.footer_nav_center4 span{ font-size:25px;}



/************二维码******************/

.ewm{ float:right; width:150px; margin-top:60px;}
.ewm1 {  width:121px; height:120px; float:left}
.ewm2 {  width:121px; height:120px; float:right;}



/**************友情链接**********************/

.yqlj{ height:60px; line-height:60px; font-size:14px; color:#acacac;}
.yqlj1{ width:80px; float:left;}
.yqlj2 ul li{ float:left; width:120px; text-align:center;}
.yqlj2 ul li a { color:#acacac; }
.yqlj2 ul li a:hover{ text-decoration:underline; color:#ffb200;}





/******************内页center*******************************/







/***--新闻中心鼠标经过点击--***/
.s2:link {
	font-size: 14px;
	line-width: 2px;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
.s2:visited {
	color: #333;
}
.s2:hover {
	color: #E00025;
	text-decoration: none;
}
.s2:active {
	color: #E00025;
}


/*********************产品中心************************/

.cpk{ width:245px; height:264px; float:left; margin-left:15px; margin-right:15px; border:1px solid #EEEEEE; margin-bottom:30px;}


.cpkimg{ width:245px; height:182px; overflow:hidden;}
.cpkimg a:hover img{ width:265px; height:202px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.cpkbt a{color:#666666; line-height:25px; padding-top:16px; padding-bottom:16px; display:block; text-align:center;}
.cpkbt a:hover{color:#ffffff; background:#1771D6;}


/**.cpkbt1{ text-align:center; padding:10px; line-height:22px; font-size:12px; color:#6b6868;}
.cpkbt1 a{color:#6b6868; width:245px; height:50px;}
.cpkbt1 a:hover{color:#fe585c;}**/


/*-----------翻页样式-----------*/
.contentPage{text-align: center; margin:0px 3px; padding:0px; padding-top:15px; width: 100%; color: #666; line-height: 30px; text-decoration: none;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 14px; margin:0px 3px; padding:4px 7px; border: 1px solid #eeeeee; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 14px; margin:0px 3px; border: 1px solid #eeeeee; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 14px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 14px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:14px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}




/***********版权****************/

.footer_bq{ border-top:1px solid #515151;}
.footer_bq1{ color:#acacac; font-size:14px; line-height:70px;}
a.zzb07link{
	font-size: 14px;
	text-decoration:none;
	color: #acacac;
	font-weight: normal;
}
a.zzb07link:visited {
	text-decoration: none;
	color: #acacac;
	font-size: 14px;
	font-weight: normal;
}
a.zzb07link:hover {
	text-decoration: none;
	color: #acacac;
	font-size: 14px;
	font-weight: normal;
}

.zzb07tail{
	font-size:14px;
	color: #acacac;
	font-weight: normal;
}



.gck{ width:360px; height:290px; margin-bottom:30px; margin-left:60px; overflow:hidden; float:left;}
.gckimg img{ width:360px; height:232px; overflow:hidden; border-radius:30px;}
.gckimg a:hover img{ width:370px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.gckbt1 a{ text-align:center; display:block; height:40px;line-height:40px; font-size:16px; margin-top:15px; color:#414141;}



.cpk{ width:245px; height:250px; float:left; margin-left:30px; margin-right:15px; border:1px solid #EEEEEE; margin-bottom:30px;}


.cpkimg{ width:245px; height:193px; overflow:hidden;}
.cpkimg a:hover img{ width:265px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.cpkbt a{color:#666666; line-height:25px; padding-top:16px; padding-bottom:16px; display:block; text-align:center;}
.cpkbt a:hover{color:#ffffff; background:#F18518;}


a.ank {color:#ffffff; margin:auto; background:#FF7702; width:90px; height:30px; line-height:30px; text-align:center; display:block; font-size:13px; border-radius:3px;}
a.ank:hover{color:#ffffff; background:#33BC7A; width:90px; height:30px; line-height:30px; text-align:center; display:block; text-decoration:none;}
.kuang{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang1{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang2{ width:80%; height:58px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang3{ width:100px; height:38px; border:1px solid #CFCFCF;}


.STYLE6 {
	font-size: 15px;




	font-family: Microsoft YaHei;
	line-height: 32px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}

/* -------------------------------- 

Main Components 

-------------------------------- */

.cd-accordion-menu{border-top: 1px solid #e2e2e2;}

.cd-accordion-menu ul {
	/* by default hide all sub menus */
	display: none;
} 


.cd-accordion-menu input[type=checkbox] {
	/* hide native checkbox */
	position: absolute;
	opacity: 0;
}

.cd-accordion-menu label,
.cd-accordion-menu a {
	position: relative;
	display: block;
	padding: 23px 18px 23px 64px;
	background: rgb(145, 145, 145);
	box-shadow: inset 0 -1px #e2e2e2;
	color: #414141;
	font-size: 1.6rem;
}

.cd-accordion-menu label {
	color: white;
}

.cd-accordion-menu .has-children:nth-child(1) label {
	background-color: rgb(24, 113, 215);
}

.cd-accordion-menu label:hover {
	background-color: rgb(24, 113, 215);
}

.cd-accordion-menu a {
	padding: 15px 20px;
	font-size: 16px;
}

.cd-accordion-menu a:hover {
	color: white;
	background-color: rgb(255, 102, 0);
}

.cd-accordion-menu label::before,
.cd-accordion-menu label::after {
	/* icons */
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cd-accordion-menu label {
	cursor: pointer;
	font-size: 18px;
}

.cd-accordion-menu label::before {
	background-image: url(../images/cd-icons.svg);
	background-repeat: no-repeat;
}

.cd-accordion-menu label::before {
	/* arrow icon */
	left: 18px;
	background-position: 0 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu a::after {
	/* image icon */
	left: 36px;
	background: url(../images/cd-icons.svg) no-repeat -48px 0;
}

.cd-accordion-menu input[type=checkbox]:checked+label::before {
	/* rotate arrow */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
	/* show children when item is checked */
	display: block;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
	background: white;
	box-shadow: inset 0 -1px #e2e2e2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
	background: #3c3f45;
}

/* .cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a {
	box-shadow: none;
}
 */