/* CSS Document */
*{padding: 0;margin: 0;font-family: "微软雅黑";}
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.w900{width:1020px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both; margin-top:50px;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}

/*顶部样式*/
.top{ height:35px; line-height:35px; background-color:#ddd; font-size:12px; color:#666;}
.top a{ color:#666;}
.top img{ vertical-align: middle;}
.header{ background:#f2f2f2; overflow:hidden; padding:17px 0;}
.logo img{ max-height: 60px; padding-right: 10px;}
.logo .shutiao{ float: left; border-left: 1px dashed #d6d6d6; height: 60px; margin: 0 10px;}
.logo .tb_youshi{ display: inline-block; margin-top: 8px; line-height: 15px;}
.tb_dianhua{ height: 60px; overflow: hidden;}

/*导航*/
.dht{ background-color: #111;}
.menu{ overflow:hidden; margin:0 auto}
.menu .menu_item{ float:left; width:150px; height: 45px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding:0px 10px;}
.menu .menu_item a{ display: block; font-size: 15px; color: #fff; line-height:45px; text-align:center;}
.menu .menu_item:hover{ background-color: #c20000;}
.menu .cur{ background-color: #c20000;}
.menu .cur a{ color: #fff;}
.menu .menu_item:hover a{ color:#fff;}
.menu .menu_item:hover .submenu{display:block; z-index:999; position:absolute;border-top:3px solid #ff6600}
.submenu{background-color:#fff; overflow: hidden;z-index:999; display:none;}
.submenu_item {padding:0 5px; min-width:140px; border-bottom: 1px solid #d0d0d0;}
.submenu_item a{ color:#333 !important; font-weight:100 !important; line-height:3em !important}
.submenu_item:hover{ background:#333}
.submenu_item a:hover{ color:#fff !important}

/*banner*/
.banner{ height:620px;}
.banner img{ height: 620px;}
.banner1{ height:240px;}
.banner1 img{ height: 240px;}
.index-nav a{display:inline-block; margin:0px 1px;}
/*首页优势*/
.youshi{ height: 460px; background-color: #e6e6e6;}
.youshi h1{ padding: 30px; color: #c20000; font-size: 36px; text-align: center; font-weight: normal;}
.youshi h5{ color: #000; font-size: 18px; text-align: center; font-weight: normal;}
.youshi li{ float: left; margin-left: 30px;}
.youshi img{ width: 270px; height: 193px; margin-top: 30px; display: block;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.youshi img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.youshi h2{ width: 270px; height: 55px; line-height: 55px; font-size: 20px; text-align: center; background-color: #c20000; color:#fff;}

/*首页关于我们*/
.gywm{ height: 450px;}
.gywmtt{ width: 100%; border-bottom: 1px solid #c8c5c4; padding-top: 30px; height: 34px;}
.gywmtt span{ float: left; font-size: 25px; border-bottom: 2px solid #c20000;}
.gywmtt p{ float: right; text-align: center; line-height: 30px; width: 90px; height: 30px;  border: 2px solid #666; border-radius: 20px;}
.gywmtt p:hover{color: #c20000; border: 2px solid #c20000;}
.gywmzc{ margin: 50px 40px 0 0; width: 550px; border: 5px solid #ddd;}
.gywmzc img{ max-width: 550px; max-height: 330px;}
.gywmyc{ width: 600px; margin-top: 50px;}
.gywmyc p{ text-indent: 2em; line-height: 3em; font-size: 15px;}
.gywmyc .more{ float: right; width: 135px; height: 44px; background-color: #c20000; line-height: 44px; font-size: 14px; text-align: center; color:#fff;}
.gywmyc .more:hover{ background-color: #5a5a5a; color: #fff;}

/*首页分类*/
.syfl{ background-image: url(../images/fl.png); width: 500px; height: 120px;}
.syfl h2{ font-size: 26px; color:#434343; font-weight: normal; padding-top: 35px; text-align: center;}
.syfl h5{ font-size: 16px; color:#4d4d4d; font-weight: normal; padding-top: 20px; text-align: center;}

/*首页产品*/
.sycp{ background-color: #f6f6f6; height: 800px;margin-top: 50px;}
.sycp_fenlei{ width: 780px; height: 45px; margin: 20px auto;}
.sycp_fenlei li{ float: left; font-size: 14px; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #fff; background-color: #c20000;}
.sycp_fenlei li:hover{ background-color: #a90000;}
.sycp_neirong { width: 1200px; height: 560px; margin: 20px auto;}
.sycp_neirong li{ float: left; width: 270px; height: 250px; margin: 15px; background-color: #fff;}
.sycp_neirong .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 268px; height: 201px; overflow: hidden; border: solid 1px #e5e5e5;}
.sycp_neirong .cpimg:hover{ border: solid 1px #ff0000;}
.sycp_neirong .cpimg img{ vertical-align: middle; max-width: 268px; max-height: 201px; width: auto; height: auto; transition: all 0.6s;}
.sycp_neirong .cpimg img:hover{ transform: scale(1.4);}
.sycp_neirong .cptitle{ font-size: 14px; color: #434343; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.sycp_neirong .cptitle:hover{ color: #c20000;}

/*首页新闻 */
.news .news_left{ width: 577px; height: 300px;}
.news .news_left .newsimg{ width: 571px; height: 174px; border: 1px solid rgb(204, 204, 204); padding: 2px; overflow: hidden;}
.news .news_left .newsimg img{ max-width: 571px; height: auto; transition: all 0.6s;}
.news .news_left .newsimg img:hover{ transform: scale(1.4);}
.news .news_left .newsimli{ margin: 10px auto;}
.newsimli .newsimti a{ font-size: 18px; color: #333;}
.newsimli .newsimti a:hover{ color: #c20000;}
.newsimli .newsimwz{ font-size: 14px; color: #999; line-height: 1.5em; padding: 10px 0;}
.news .news_right{ width: 600px; height: 300px;}
.news .news_right li{float: left;}
.news .news_right .news_time{ background: #c20000; color: #fff; width: 70px; height: 60px; margin-right: 15px; margin-top: 5px; text-align: center; display: inline-block;}
.news .news_right .news_time .ri{ font-size: 24px; font-weight: bold; line-height: 35px; font-family: "微软雅黑";}
.news .news_right .news_time .nianyue{ font-size: 13px; font-family: "微软雅黑";}
.news .news_right .news_neirong{ text-align: left; font-family: "微软雅黑"; overflow: hidden; width: 506px; height: 75px; display: inline-block;}
.news .news_right .news_neirong .biaoti{ color: #333; font-size: 16px;  }
.news .news_right .news_neirong .biaoti:hover{ color:#c20000;}
.news .news_right .news_neirong .miaoshu{ color: #999; font-size: 14px; line-height: 1.5em;}
.news .news_right .news_fengexian{ border-bottom: 1px dashed #d9d9d9; margin: 8px auto;}

/*友情链接*/
.friendlink{ background: #fff; line-height: 60px;}
.friendlink span{ height: 60px; line-height: 60px; font-size: 18px;}
.friendlink a{ padding:0 20px;}
.friendlink .content{ background: url(../images/1.jpg) no-repeat center; position: relative; top: 30px; padding-left: 50px;}

/*网站底部*/
.footer_bg{ background: #404040; padding:35px 0 10px}
.navlist{ border-bottom: 1px solid #fff; overflow: hidden;}
.navlist li{ line-height: 50px; width: 171px;}
.navlist li a{ display: block; text-align: center; color: #fff }
.navlist li a:hover{ color:#c20000;}
.copyright{ margin-top: 40px }
.copy_f{ width: 820px; color: #fff; line-height: 28px; margin-top: 10px; font-size: 13px}
.copy_f a{ color: #fff; }
.copy_f img{ vertical-align: middle;}
.qk{ margin: 0px 20px; width: 260px; height: 140px; overflow: hidden;}
.qk span{ color: #fff; font-size: 12px; float: right; margin: 40px 10px 0 0;}

/*侧边栏*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#c20000;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#c20000;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#c20000}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#dd0d0d}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/*内页公共区域*/
.ny_zc{ width: 215px; position: relative; top: -100px;}
.ny_zc .nybt{ height: 100px; background-color: #c20000; text-align: center; z-index: 2;}
.nybt h1{ font-size: 20px; color: #fff; font-weight: normal; padding: 20px 0 10px;}
.nybt h5{ text-transform: uppercase; font-size: 18px; color: #fff; font-weight: normal;}
.ny_zc li{ float: left; width: 203px;  font-size: 14px; padding:5px; line-height: 25px; background-image: url(../images/2.jpg); border: 1px solid #d0d0d0; margin-bottom: 1px;}
.ny_zc li:hover{ background-image: url(../images/3.jpg);}
.ny_zc .cur{ background-image: url(../images/3.jpg);}
.one-style{ float: left; width: 215px; height: 47px; font-size: 21px; background-color: #c20000; color: #fff; text-align: center; line-height: 47px; margin-top: 10px;}
.ny_zc .ny_lx{ border-color: #f0f0f0; border-width: 0px 1px 1px; height: 184px; width: 212px; border-style: solid; text-align: center; line-height: 2em;}
.ny_zc .ny_lx p{ font-size: 14px; color: #5a5a5a; padding-top: 10px;}
.ny_zc .ny_lx h1{ font-size: 16px; color: #c20000; padding-bottom: 10px; border-bottom: 1px dashed #d0d0d0;}
.ny_zc .ny_lx h2{ font-size: 18px; color: #c20000; padding-top: 10px;}
.ny_zc .ny_lx h3{ display: inline-block; margin: 10px; font-size: 14px; color: #fff; width: 98px; height: 35px; line-height: 35px; background-color: #c20000; border-radius: 3px;}
.ny_zc .ny_lx h3:hover{ background-color: #666;}
.ny_yc{ width: 955px;}
.miaobaoxie{ color: #444; padding: 15px 0; font-size: 14px;}
.fengexian{ background: url(../images/4.png); height: 3px; width: 100%;}

.ny_cont,.con_cpnr,.con_cpxq,.ny_news,.lx_cont,.con_tpnr{ padding: 20px 10px; line-height: 2em;}
.ny_cont img{ max-width: 935px;}
.lx_cont img{ max-width: 935px;}
.con_cpxq img{ max-width: 935px;}
.neirong{ padding: 10px 25px 0 25px; line-height: 2em;}
.neirong img{ max-width: 900px; text-align: center;}
.neirong h3{ margin: 20px 0; font-size: 15px; color: #333; border-bottom: 1px #c0c0c0 dashed;}

/*产品展示内容*/
.con_cpnr li{ float: left; width: 280px; height: 240px; margin: 15px; background-color: #fff;}
.con_cpnr .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 280px; height: 210px; overflow: hidden; border: solid 1px #e5e5e5;}
.con_cpnr .cpimg:hover{ border: solid 1px #c20000}
.con_cpnr .cpimg img{ vertical-align: middle; max-width: 280px; max-height: 210px; width: auto; height: auto; transition: all 0.6s;}
.con_cpnr .cpimg img:hover{ transform: scale(1.4);}
.con_cpnr .cptitle{ font-size: 14px; color: #434343; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.con_cpnr .cptitle:hover{ color: #c20000;}

/*产品详情内容*/
.con_cpxq{ padding-top: 30px;}
.con_cpxq .permalink{ text-align: center; margin-bottom: 10px; font-size: 24px; font-weight: bold; font-family: "微软雅黑"; color: #c20000;}
.con_cpxq .post-miaoshu{ border: 1px solid #E5E5E5; background: #F5F5F5; color: #868686; padding: 5px; margin: 20px auto; font-size: 12px; text-align: left;} 
.con_cpxq .cpxqtu{ text-align: center;}
.con_cpxq .cpxqtu img{ max-width: 900px; overflow: hidden; border: 1px #c0c0c0 solid;}
.con_cpxq .articlebook { margin-top: 30px; text-align: left; float: left;}
.con_cpxq .articlebook p{ margin-top: 10px; font-size: 14px;font-family: "微软雅黑";color: #999;}
.con_cpxq .articlebook p:hover{ color: #c20000;}

/*新闻列表样式*/
.ny_news .news_time{ float: left; background-color: #c20000; width: 72px; height: 65px; margin-right: 15px; text-align: center;}
.ny_news .news_time .ri{ font-size: 24px; color:#fff; font-weight: bold; line-height: 35px; font-family: "微软雅黑";}
.ny_news .news_time .nianyue{ font-size: 13px; color:#fff; font-family: "微软雅黑";}
.ny_news .news_neirong{ float: left; font-family: "微软雅黑"; width: 848px;}
.ny_news .news_neirong .biaoti{ color: #5A5A5A; font-size: 20px; overflow: hidden; padding-bottom: 10px;}
.ny_news .news_neirong .biaoti:hover{ color: #c20000;}
.ny_news .news_neirong .miaoshu{ color: #999; font-size: 14px; line-height: 1.3em;}
.ny_news .news_fengexian{ border-bottom: 1px dotted #dbd4cd; margin: 25px auto;}

/*新闻详情*/
.date{ font-size: 12px; color: #5A5A5A;}

/*图片列表页*/
.con_tpnr li{ float: left; width: 440px; height: 240px; margin: 13px; background-color: #fff;}
.con_tpnr .tpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 438px; height: 201px; overflow: hidden; border: solid 1px #e5e5e5;}
.con_tpnr .tpimg:hover{ border: solid 1px #c20000}
.con_tpnr .tpimg img{ vertical-align: middle; max-width: 440px; max-height: 203px; width: auto; height: auto; transition: all 0.6s;}
.con_tpnr .tpimg img:hover{ transform: scale(1.4);}
.con_tpnr .tptitle{ font-size: 14px; color: #434343; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.con_tpnr .tptitle:hover{ color: #c20000;}

/*表单样式*/
.biaodan{ width: 650px;}
.table_form th{ color: #000 !important;}
.button{ width: 410px; font-size: 16px; background-color: #fe3b4a; color: #ffffff; background-position: center center; height: 51px; line-height: 51px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.biaodantu{ width: 260px;}
.biaodantu img{ max-width: 260px; height: 353px;}
.nylxwm{ margin-top: 80px; margin-left: 80px;}

/*联系我们*/
.lx_cont{line-height: 3em; padding: 20px 50px; font-size: 16px;}
.lx_cont img{ width: 24px; height: 16px; vertical-align: middle; padding-right: 20px}

/*翻页样式*/
#pre{margin-top:20px; padding-top:10px; font-size:14px; clear:both; text-align:right; margin-bottom:15px}
#pre a{ color:#069}
#pages {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
#pages a {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #9d7751;font-size: 14px;}
#pages span {background: #c20000; color: #fff;border: #DDD solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}



.list{
	width : 203px;
}
.list ul{
	list-style: none;
}
.list>ul>li{
	width        : 100%;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=title]{
	width      : 100%;
	text-align : center;
	background : #d0d0d0;
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
}
.list>ul>li p[class=title]>span{
	position: absolute;
	right: 5%;
}
.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{
	background: #444 !important;
	color     :red;
}
.list-se>li{
	position: relative;
	width:191px;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.list-se>li>p{
	background  : #3b3b3b;
	color       : #f0f0f0;
	height      : auto;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 5px;
	line-height : 35px;
	border-left : 5px solid #3b3b3b; 
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.list-se>li>p:hover{
	border-color: #EE4977; 
	background  : #5b5b5b;
}
.color-fff{
	display:inline-block;
	color:#fff!important;
}
.padd-10{
	padding:10px 5px!important;
	font-size:16px!important;
	text-align:center;
}