@charset "utf-8";



/* base 公共部分 */

body {font-size:14px; line-height:22px;color:#555; margin: 0px; padding:0;text-align:left;}

*{ padding:0; margin:0;}

a { color:#555; text-decoration:none;}

a:hover{ color:#fe0000; text-decoration:none;}

ul,li{ list-style:none;}

img { border:none; }

.clearboth { clear:both; }

.page{ text-align:center; margin:10px 0; width:100%; float:left;}

.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}

.page a.dq,.page a:hover{ background:#555;}



.container{ width:1200px; margin:0 auto; text-align:left;}



/*头部*/

.header{height:70px; margin:10px auto; width:1200px;}

.header_logo{ float:left; width:420px; height:70px;}

.header_logo img{width:420px; height:70px;}

.header_tel{ float:right; width:229px; height:50px; margin-top:10px; background:url(../images/tel.jpg) no-repeat left; padding-left:60px;}

.header_tel span{ color:#444444; font-size:16px;}

.header_tel p{ color:#fe0000; font-weight:bold; font-size:29px;}





/*菜单*/

/* 本例子css */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.nav{ height:50px; line-height:50px; background:url(../images/nav_bj.jpg) repeat-x left;position:relative; z-index:1;  }

.nav a{ color:#fff;  }

.nav .nLi{ float:left;  position:relative; display:inline;  }

.nav .nLi h3{ float:left;  }

.nav .nLi h3 a{ display:block; padding:0 39px; font-size:16px; font-weight:200; border-left:1px solid #151515; border-right:1px solid #303032; }

.nav .nLi h3 a.z{ border-left:none;}

.nav .nLi h3 a.r{ border-right:none;  border-left:none;}

.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }

.nav .sub li{ zoom:1; }

.nav .sub a{ display:block; padding:0 10px; }

.nav .sub a:hover{ background:#fe0000; color:#fff;  }

.nav .on h3 a{ background:#fe0000; color:#fff;   }





/*banner*/

/* 本例子css */

.slideBox{ width:100%;  overflow:hidden; position:relative; }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute;  bottom:10px; z-index:1; left:48%;  }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:15px; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:100%;  display:block;  }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:51px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

		

		

/*主体*/

.content{ width:100%; float:left; margin:15px 0;}

.content-sy{ width:100%; float:left;  background:#e1e1e1;}

.tit{ margin-bottom:35px; text-align:center;}

.tit p{ color:#333333; font-size:24px;}

.tit h2{ font-weight:bold; color:#fe0000; font-size:44px; margin:10px 0; height:45px; line-height:45px;}





/* 首页关于我们 */

.sy_about{ margin:75px auto;}

.sy_about .left{ width:562px; float:left;}

.sy_about .right{ width:535px; float:right; margin-top:40px;}

.sy_about .right h2{ font-size:26px; color:#222222; margin-bottom:30px;}

.sy_about .right span{ display:block; margin-bottom:38px; width:30px; height:2px; background:#a9a9a9;}

.sy_about .right .nr{ color:#333333; line-height:26px; margin-bottom:45px;}
.sy_about .sp{ margin-top:30px;}
.sy_about .sp ul li{ float:left; width:380px;}
.sy_about .sp .l{ margin:0 30px;}


/* 首页产品中心 */

.sy_product{ width:100%; background:url(../images/p_bj.jpg) no-repeat center;  min-height:780px;}

.sy_product .tit1{ margin-bottom:35px; text-align:center; padding-top:150px;}

.sy_product .tit1 p{ color:#fff; font-size:24px;}

.sy_product .tit1 h2{ font-weight:bold; color:#fff; font-size:44px; margin:10px 0; height:45px; line-height:45px;}

.sy_product .picMarquee-left{ width:1230px; overflow:hidden; position:relative;}

.sy_product .picMarquee-left .bd{ padding:0;}

.sy_product .picMarquee-left .bd ul{ overflow:hidden; zoom:1; height:480px;}

.sy_product .picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; width:275px; height:460px; background:#fff;box-shadow: 3px 5px 10px #ccc;}

.sy_product .picMarquee-left .bd ul li .pic{ text-align:center; width:275px; height:230px;}

.sy_product .picMarquee-left .bd ul li .pic img{ width:275px; height:230px; display:block;}

.sy_product .picMarquee-left .bd ul li .title{ padding:15px 20px;}

.sy_product .picMarquee-left .bd ul li .title a{ font-size:18px; color:#222222; font-weight:bold; text-align:center; display:block;}

.sy_product .picMarquee-left .bd ul li .title a .n{ margin-top:25px; color:#666666; height:70px; overflow:hidden; margin-bottom:30px; text-align:left; font-size:14px; font-weight:200;}

.sy_product .picMarquee-left .bd ul li .title p{ text-align:center; padding-bottom:10px; margin-top:30px;}



/* 首页新闻中心 */

.sy_news{ margin:75px auto; width:1200px;}

.sy_news .nr{/* height:332px;*/}

.sy_news .nr_left{ float:left; width:590px;}

.sy_news .nr_left ul li{ float:left; width:278px; margin-right:13px; background:#f7f7f7;}

.sy_news .nr_left ul li .img1{ overflow:hidden; width:278px; height:190px;}

.sy_news .nr_left ul li .img1 img{width: 100%;transition: all 0.4s ease 0.1s;}

.sy_news .nr_left ul li .img1 img:hover {transform: scale(1.2,1.2);opacity:1;}

.sy_news .nr_left ul li .n{ padding:25px;}

.sy_news .nr_left ul li .n a{ color:#090808; font-size:18px; display:block; overflow:hidden; height:22px;}

.sy_news .nr_left ul li .n a:hover{ color:#fe0000;}

.sy_news .nr_left ul li .n span{ font-size:12px; color:#888888; padding:12px 0;}

.sy_news .nr_left ul li .n p{ color:#666666;}

.sy_news .nr_right{ float:right; width:600px;}

.sy_news .nr_right ul li{ margin-bottom:15px;background:#f7f7f7; padding:20px 30px;}

.sy_news .nr_right ul li .sj{ width:100px; float:left; text-align:right;}

.sy_news .nr_right ul li .sj p{color:#888888; margin-bottom:10px;}

.sy_news .nr_right ul li .sj span{ color:#8c8c8c; font-size:34px;}

.sy_news .nr_right ul li .n{ width:420px; float:right;}

.sy_news .nr_right ul li .n a{color:#090808; font-size:16px;}

.sy_news .nr_right ul li .n a:hover{ color:#fe0000;}

.sy_news .nr_right ul li .n p{ color:#666666; font-size:14px;}



/* 首页联系我们 */

.sy_lxwm{ width:100%;}

.sy_lxwm .dz{ margin:0 auto; margin-bottom:30px; color:#333; font-size:16px; text-align:center; width:1200px;}



		.js{width:100%;  }

		.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }

		.js p span{ float:right; }

		.js p span a{ color:#f00; text-decoration:underline;   }

		.js textarea{ height:50px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }





		/* 本例子css */

		.sideMenu{   }

		.sideMenu h3{ height:32px; line-height:32px; padding-left:5px;  cursor:pointer;}

		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }

		.sideMenu h3.on em{ background-position:16px -57px; }

		.sideMenu ul{  color:#999; display:none; /* 默认都隐藏 */ }
.xw-box img{width:115px; height:70px;}
.ksdh{ margin:30px 0; float:left;}
.ksdh .yqlj .title {font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px; padding-top:20px; }
.ksdh .yqlj ul{ padding:10px 0;}
.yw{background:url(../images/blyx_03.jpg) center; height:584px;   }
.blyx{background:url(../images/bcyx_02.jpg) center; height:584px;   }
.jianju{ margin-bottom:20px;}

/*内页左边菜单*/

.sidebar{ width:240px; float:left;}

.side_menu{}

.side_menu .title{ margin-bottom:15px; padding:15px 8px; background:#eaeaea; overflow:hidden; border-left:solid 3px #fe0000; }

.side_menu .title .wz01{ color:#ccc; font-size:12px; }

.side_menu .title .wz02{ color:#000; font-size:24px;  }



.side_menu ul{}
.side_menu ul li{ font-size:14px; position:relative;}
.side_menu ul li span{ float:left; line-height:29px; }
.side_menu ul li a{ display:block; border-bottom:1px solid #e1e1e1; line-height:36px;height: 36px;overflow: hidden; padding-left:8px;background:url(../images/xsj.jpg) no-repeat left;}
.side_menu ul li a:hover,.side_menu ul li a.active,.side_menu ul li:hover{ background:#fe0000; height:36px;  color:#fff; }
.side_lxwm{ width:240px; height:90px;}
.side_lxwm img{ width:240px; height:90px;}

/*======内页右边内容=====*/

/*内页右边标题*/

.side_right{ width:900px; float:right; background:#fff;  padding:15px; min-height:400px;}

.side_right .yemei{ border-bottom:solid 1px #e3e3e3; padding-bottom:5px;}

.side_right .yemei h2{ font-size:18px; float:left; background:url(../images/xtb-1.png) 0 5px no-repeat; padding-left:20px; font-weight:normal;}

.side_right .yemei span{ float:right; color:#ccc;}

.side_right .yemei span a{color:#ccc;}

.side_right .yemei span a:hover{color:#666;}



/*内页右边单页及表格、表单样式*/

.side_right .intro{ line-height:26px; padding-top:5px;}

.side_right .intro table{ background:#dadada; margin:20px 0;}

.side_right .intro table tr td{ padding:4px; background:#fff;}

.side_right .intro table tr td a:hover{ color:#c30;}

.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}

.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}





/*首页新闻列表*/

.sy_news_list{ padding:20px 0; width:283px; float:left;}

.sy_news_list ul li{background:url(../images/fh_03.jpg) no-repeat 6px; padding-left:30px; line-height:24px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width:253px; }

.sy_news_list ul li a:hover{ text-decoration:underline;}

.sy_news_list ul li span{ float:right;}







/*新闻列表*/

.news_list{ padding:20px 0;}

.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:30px; line-height:24px; margin-bottom:10px;}

.news_list ul li a:hover{ text-decoration:underline;}

.news_list ul li span{ float:right;}



/*新闻详细页*/

.news_show{ padding:20px 0;}

.news_show .name{ font-size:20px; text-align:center; line-height:40px;}

.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px; color:#ccc;}

.news_show .nr{ padding:8px 18px; }

.news_show .nr p{ margin-bottom:10px; line-height:26px;}

.news_show .back{ text-align:center;}

.news_show .back a:hover{ color:#ec6100;}



/*产品列表*/

.product_list{ padding:20px 0;}

.product_list ul li{ float:left;margin: 0 10px 20px;width: 204px;text-align:center; overflow:hidden;}

.product_list ul li img{ border:solid 1px #dadada; width:202px; height:168px;}

.product_list ul li h2{ color:#555; text-align:center; font-size:14px; line-height:20px; height: 20px;padding:0; margin:0;}

.product_list ul li h2:hover{ color:#b81c22;}



.product_list1{ padding:20px 0;}

.product_list1 ul li{ float:left; margin:0 25px 20px; width:125px; text-align:center; overflow:hidden; border:1px solid #b2b2b2; padding:5px;}

.product_list1 ul li h2{ font-size:12px; color:#555; text-align:center; font-weight:normal; line-height:20px; height: 20px;text-transform:uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.product_list1 ul li h2:hover{ color:#fff; background:#b81c22;}

.product_list1 ul li img{ border:solid 1px #dadada; width:123px; height:123px;}

.product_list1 ul li img:hover{}



/*产品详细*/

.product_show{ padding:20px 0;}

.product_show .title{ text-align:center; margin-bottom:10px; font-size:18px; color:#333;}

.product_show .pic{ text-align:center;}

.product_show .pic img{ width:600px; border:solid 1px #dadada; padding:2px;}

.product_show .guige{ text-align:center;}

.product_show .sm{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.product_show .sm p{ text-indent:20px; font-size:12px; line-height:20px; margin-top:10px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#ff5b00; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}
.product_show .sm  table{ background:#fff;margin:10px auto;border-collapse: collapse;border-spacing: 0;}
.product_show .sm  table tr td{ padding:4px; background:#fff;border: 1px solid #ddd;}
.product_show .sm  table tr td a:hover{ color:#c30;}
.product_show .sm  table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"宋体"; border-radius:3px;}
.product_show .sm  table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}




/*视频列表*/

.video_list{ padding:20px 0;}

.video_list ul li{ float:left; margin:0 25px 20px; width:325px; text-align:center; overflow:hidden;}

.video_list ul li img{ border:solid 1px #dadada; width:323px; height:270px;}





.footer{ background:#2c2b2b; padding-top:50px; padding-bottom:40px;}

.footer .center{ width:1200px; margin:0 auto; color:#fff;}

.footer .center .fl1{ float:left; width:256px; height:60px;}

.footer .center .fl1 img{width:256px; height:60px;}



.footer .fl3{ float:right; width:140px; text-align:center;}

.footer .center .fl3 img{width:107px; height:107px;}

.footer .center .fl3 p{ text-align:center; color:#fff;}



.footer .fl2{ float:left; width:900px;}

.footer .fl2 p{font-size:14px; line-height:24px; color:#fff; text-align:left;}

.footer .fl2 a{ color:#fff; text-align:left;}

.footer .fl2 .jz{text-align:left; color:#fff; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #7b7b7b;}

.footer .fl2 .jz a{ color:#fff; padding:0 28px; line-height:15px; font-size:15px;}

.footer .fl2 .jz a:hover{ color:#000;}

