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


.navbar{
	position: static!important;
}

.nav-class-img{
	width:180px;
}

.nav-class-img img{
	border:1px solid #ddd;
}

.nav-class-img span {
    display: block;
    width: 100%;
    line-height: 30px;
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.navbar{position: relative;min-height: auto;border: 0;margin-top: 0px;}
.navbar-default{background-color: inherit;border-color: #e7e7e7;border: 0;padding-top: 4px;}
.header-nav{width: 100%;display: table;background:#007fc9;padding: 8px 0;}
.navbar-default{background-color: inherit;border-color: #e7e7e7;border: 0;margin-bottom: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #333;background-color: inherit;}
.navbar-default .navbar-nav>li>a{color: #333;}
.navbar-nav>li>a{padding-top: 4px;padding-bottom: 4px;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0;
    font-size: 16px;
    padding-bottom: 10px;
}
.container-fluid{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;padding: 0;}
.nav>li:last-child>a{padding-right: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #e7e7e7;padding: 0;}
.navbar-default {
    background-color: inherit;
    border-color: #e7e7e7;
    border: 0;
    margin-bottom: 0;
    display: table;
    float: right;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #333;background-color: transparent;}
.header-text{display: block;float: left;margin-top: 10px;margin-left: 30px;}
.header-text p{font-size: 14px;margin-top: 5px;}
.header-text h3{font-size: 30px;font-weight: bold;color: #007fc9;}
.header-text p{font-size: 14px;}
.header-text-t{display: table;}
.header-text-t h3{font-size: 24px;margin-bottom: 5px;font-weight: bold;color: #007fc9;}
.header-p{margin-top: 10px;width: auto;display: table;float: right;}
.header-text-t p{font-size: 22px;}
.header-p-left{display: table;float: left;margin-top: 8px;font-size: 30px;margin-right: 18px;color: #007fc9;}
.nav-bg{
	width: 80%;
	float: right;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #ffffff;
}
.nav>li {
    position: relative;
    display: block;
    padding: 8px 24px;
}
.nav>li>ul>li{
	width: 100%;
}


.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover{
	background: #f5f5f5;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 99999999999999999999999999;
	margin-top: 0!important;
}

.aboutL {
    float: left;
    width: 24.356%;
    display:none
}
.aboutH {
    height: 90px;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    background: #cf000e;
    position: relative;
    z-index: 22;
}
.aboutH h3 {
    padding-top: 8px;
    line-height: 32px;
    font-size: 22px;
    text-transform: uppercase;
}
.aboutH h2 {line-height: 40px; font-size: 26px; font-weight: 600;}
.aboutNav {background: #fff;border: 1px solid #ddd;}
.aboutNav li {
    line-height: 48px;
    font-size: 16px;
    position: relative;
}
.aboutNav li ul {
    width: 100%;
    background: #fff;
    top: 0;
    background:#e0e0e0;
	display: none;
	transition: all 0.5s;
}
.aboutNav li ul li{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}
.aboutNav li ul li a{
	color:#484848;
}

.aboutNav li:hover ul{
	display: block;
}


.aboutNav li a {display: block; padding: 0 22px; position: relative;}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.aboutNav li.on {

}
.aboutNav li.on a {color: #484848;}
.aboutNav li.on span.jtAbout { background-size: 8px;}
.jtAbout {position: absolute; width: 30px; height: 30px; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {
    padding: 0 0 0px 0;
    background: #f5f5f5;
    margin-top: 20px;
}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {
    height: 20px;
    padding-left: 16px;
    line-height: 20px;
    font-size: 16px;
    border-left: 3px solid #cf000e;
}
.aboutContact ul {
    margin-top: 14px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 13px;
}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 72px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}
.aboutEwm img{max-width:70%;}






.index-product-body{

}

.index-product-body ul li:hover .index-pa {
    background: rgba(213,48,48,0.8);
    top: 0;
    padding-top: 40px;
    padding: 40px 12px;
}

.index-product-body ul li:hover .index-pa h3 {
    color: #fff;
    font-size: 22px;
}

.index-product-body ul li:hover .index-pa h3::after {
    content: "";
    width: 65px;
    height: 2px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    margin-bottom: 15px;
}


.index-product-body ul li:hover .index-pa .index-p {
    display: block;
    margin-top: 20px;
    color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-product-body ul li .index-pic img{
	transition: all 0.5s;
	width: 100%;
}

.index-product-body ul li:hover .index-pic img{
	transform: scale(1.1);
}



 .pro_hd {
	margin: 30px auto 40px;
}
 .pro_hd ul {
	margin: 0 auto;
	max-width: 100%;
	max-height: 84px;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
 .pro_hd ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 1px;
}
 .pro_hd ul li a {
	display: block;
	background: #ffffff;
	padding: 8px 30px;
	color: #76838f;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	max-width: 150px;
	transition-duration: .3s;
	-ms-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	border-radius: 0 4px 0 4px;
}
 .pro_hd ul li a:hover {
	background: #02328d;
	color: #fff;
}
 .pro_hd ul li.on a {
	background: #e41e34;
	color: #fff;
}
.pro_bd ul li {
    float: left;
    width: 23%;
    margin: 1%;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}
.pro_bd ul li .pro_img img{
    transition: all 0.5s;
}
.pro_bd ul li:hover .pro_img img{
	transform: scale(1.1);
}


 .pro_bd ul li:nth-child(3n) {
	
}
 .pro_bd ul li>div {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0 0 2px 2px;
	background: #fff;
	padding-bottom: 0px;
	position: relative;
}
 .pro_bd ul li>div a {
	display: block;
}
.pro_bd ul li>div .pro_img {
    text-align: center;
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}
 .pro_bd ul li>div .pro_img img {
	vertical-align: middle;
	max-width: 100%;
}
 .pro_bd ul li>div .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
.pro_bd ul li>div p a {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    color: #555;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .pro_bd ul li>div span {
	margin: 0 auto;
	display: block;
	width: 118px;
	height: 34px;
	border: 1px solid #dadada;
	display: block;
	text-align: center;
	line-height: 34px;
	background: none;
	position: relative;
     display:none
}
.pro_bd ul li>div span:before {
    content: "";
    position: absolute;
    background: #cf000e;
    width: 0;
    height: 34px;
    left: 0;
    z-index: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
 .pro_bd ul li>div span i {
	position: relative;
	z-index: 1;
	background: url(../images/pro_jt.png) center center no-repeat;
	display: block;
	width: 100%;
	height: 34px;
}
 .pro_bd ul li .l1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #cf000e;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: #cf000e;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background: #cf000e;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background:#cf000e;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li>div:hover .l1 {
	width: 100%;
}
 .pro_bd ul li>div:hover .l2 {
	height: 100%;
}
 .pro_bd ul li>div:hover .l3 {
	width: 100%;
}
 .pro_bd ul li>div:hover .l4 {
	height: 100%;
}
 .pro_bd ul li>div:hover span {
	border: 1px solid #ffffff;
}
 .pro_bd ul li>div:hover span i {
	background: url(../images/pro_jt2.png) center center no-repeat;
}
 .pro_bd ul li>div:hover span:before {
	width: 100%;
}

.proRight{
    width: 100%;
    float: right;
}

.product{
	padding: 45px 0;
    padding-bottom: 30px;
    background:#f5f5f5
}


/*  广告横幅 */
.index-ggt{background: url(../images/index_24.jpg)no-repeat top center; overflow: hidden; height: 210px;position: relative;}
.index-ggt-wz {
    float: left;
    padding: 44px 0 34px 110px;
    
}
.index-ggt .container{
	position: relative;
}

.index-ggt-wz-zq{font-size:22px; font-weight:bold; color:#fff;}
.index-ggt-wz-zqyy {
    font-size: 18px;
    color: #e7e7e7;
    font-size: 14px;
    margin-top: 10px;
}
.index-ggt-dh{margin-top:13px;}
.index-ggt-dh-pic{margin-top:6px;}
.index-ggt-dh-wz{margin-left:15px;color:#fff;font-size:24px;}
.index-ggt-dh-fwrx{font-size:18px;}
.index-ggt-zxzx {
    border: 1px solid #fff;
    width: 133px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    right: 115px;
    top: 82px;
}
.index-ggt-zxzx a{font-size:16px;color:#fff;}
.index-ggt-dhk{margin:0 0 0 13px;}
/*  广告横幅 */



.m_img,.m_nav{
	display: none;
}

/*banner
.banner { overflow:hidden; width:100%; height:520px; position:relative;}
.banner ul{ overflow:hidden; position:absolute}
.banner li{ height:520px; width:100%; float:left}
.banner .btn{ overflow:hidden; width:100%; position:absolute; z-index:5; left:0; bottom:40px; text-align:center}
.banner .btn span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#666; margin:0 5px; cursor:pointer}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ background-color:#d02127;}*/

.banner{width: 100%;overflow: hidden;height: 723px;}
.banner a{display: block;width: 100%;height: 723px;}
#flashs{ position:relative; height:723px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
/*#flashs .btn{overflow: hidden; width: 100%; text-align: center;position: absolute; left:0; bottom: 60px; z-index: 9999}
#flashs .btn span{ display: inline-block; width: 50px; height: 12px; font-size:0; background:#b72525;  }
#flashs .btn span{ *display: inline}
#flashs .btn span.on { background-position: bottom; background:#fff;}*/

#flashs .btn{ overflow:hidden; width:100%; position:absolute; z-index:5; left:0; bottom:40px; text-align:center}
#flashs .btn span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#666; margin:0 5px; cursor:pointer}
#flashs .btn span{ *display:inline; font-size:0;}
#flashs .btn span.cur{ background-color:#d02127;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}



/*search*/
.search {
    overflow: hidden;
    height: 60px;
    background: #ffffff;
    line-height: 60px;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 1px 10px #e9e9e9;
}
.search p {
    float: left;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    margin-top: 10px;
}

.search p a{ color:#333}
.search .sbox {
    overflow: hidden;
    width: 360px;
    height: 40px;
    background-color: #f1f1f1;
    float: right;
    margin-top: 12px;
}
.search .sbox input{ background:none; margin-left:10px; float:left; display:block; width:300px; height:40px; line-height:40px; border:none; outline:none; font-size:13px; color:#979797}
.search .serch_click{ display:block; float:right; width:50px; height:40px; background:url(../images/search.png) no-repeat center; cursor:pointer}
.search .sbox input::-webkit-input-placeholder {color:#979797;}
.search .sbox input::-moz-input-placeholder {color:#979797;}
.search .sbox input::-ms-input-placeholder {color:#979797;}

/*product*/

/*ad*/
.ad { overflow:hidden; width:100%; height:207px; background:url(../images/ad01_s.jpg) no-repeat center; margin-bottom:60px;}
.ad .adbox{ overflow:hidden; width:1200px; margin:0 auto; height:207px; position:relative}
.ad .ren{ display:block; position:absolute; left:70px; /*bottom:0;*/bottom:-200px;}
.ad .wen{ width:465px; margin-top:45px; /*margin-left:255px;*/ margin-left:-600px;}
.ad h3{ font-weight:normal; font-size:30px; color:#fff;}
.ad em{ display:block; font-size:12px; color:#fff; opacity:0.1; filter:alpah(opacity=0.1); text-transform:uppercase; margin:5px 0 20px;}
.ad p{ font-size:13px; color:#fff; margin-bottom:15px;}
.ad .img01{ display:none; position:absolute; right:235px; top:28px;}
.ad .img02{ display:none; position:absolute; right:10px; top:28px;}

/*应用*/
.yingyong {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    padding: 45px 0;
}
.yingyong .yybox{overflow:hidden; width:1200px; margin:0 auto; height:350px; margin-top:30px; position:relative}
.yingyong .menu { overflow:hidden; width:238px; height:350px; float:left}
.yingyong .menu li{ overflow:hidden; width:100%; height:57px; margin-bottom:2px; background-color:#e9e9e9; *float:left; position:relative;/* left:-300px;*/}
.yingyong .menu a{ display:block; width:100%; height:100%; font-size:16px; color:#000; text-decoration:none; line-height:57px;}
.yingyong .menu .list span{ display:inline-block; width:27px; height:27px; overflow:hidden; margin-left:12px; position:relative; top:10px; margin-right:5px;}
.yingyong .menu .list span{ *display:inline}
.yingyong .menu .list span img{ display:block; position:absolute; left:0; top:0}
.yingyong .menu .list.cur a{ background-color:#d02127; color:#fff;}
.yingyong .menu .list.cur img{top:-27px;}
.yingyong .menu .phone{ overflow:hidden; padding-left:68px; width:100%; background:url(../images/yyphone.png) 26px center no-repeat; background-color:#e9e9e9}
.yingyong .menu .phone p{ font-size:13px; color:#666; margin-top:9px;}
.yingyong .menu .phone span{ display:block; font-size:22px; color:#000; font-family:Arial;}
.yingyong .tuwen { overflow:hidden; width:945px; height:460px; float:right; position:relative; /*left:1000px;*/}
.yingyong .tuwenlist{ overflow:hidden; position: relative; width:100%; height:100%;}
.yingyong .tuwen ul{ overflow:hidden; position:absolute}
/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

*/
.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}
.yingyong li.list2{ overflow:hidden;float:left;position:relative;width:960px; height:350px; background-color:#fff;}
.yingyong li.list2 img{ display:block; float:left;border:1px solid #ddd}
.yingyong li.list2 .wen{ float:right; width:410px; margin-right:30px; margin-top:18px;}
.yingyong li.list2 h3 {
    font-weight: normal;
    font-size: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 18px;
}
.yingyong li.list2 h3 a{ color:#000}
.yingyong li.list2 p {
    font-size: 15px;
    line-height: 30px;
    color: #666;
    height: 145px;
    overflow: hidden;
    text-align: justify;
    margin-bottom: 60px;
}
.yingyong li.list2 .btn{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; text-decoration:none; float:left; margin-right:7px; background-color:#d02127;}
.yingyong li.list2 .btn a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(../images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(../images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}

/*品质*/
.pingzhi { overflow:hidden; padding:45px 0; background-color:#f7f7f7; width:100%;}
.pingzhi ul{ width:1230px; margin:30px auto 0 auto;}
.pingzhi li {
    float: left;
    margin: 0 5px 30px 5px;
    background-color: #fff;
    width: 24%;
    position: relative;
}
.pingzhi li a:hover{ text-decoration:none;}
.pingzhi li b {
    display: block;
    width: 100%;
    overflow: hidden;
}
.pingzhi li:hover img{
	transform: scale(1.1);
}

.pingzhi li img{ display:block;width: 100%;transition: all 0.5s;}
.pingzhi li .wen {
    overflow: hidden;
    width: 100%;
    min-height: 150px;
}
.pingzhi li h3 {
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    color: #000;
    margin: 20px 0 12px 0;
    font-weight: bold;
}
.pingzhi li p {
    font-size: 14px;
    line-height: 22px;
    color: #565656;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
.pingzhi li:hover h3,.pingzhi li:hover p{ color:#fff}
.pingzhi li:hover .wen{ background-color:#d02127}

/*about+ry*/
.about_ry { overflow:hidden; width:100%; margin:60px 0 40px 0}
.about_ry .title {
    margin-bottom: 25px;
}

.about { overflow:hidden; width:1200px; margin:0 auto; height:460px;}
.about dl{ overflow:hidden; width:100%; height:330px;}
.about dt{ float:left; width:598px; height:330px; overflow:hidden}
.about dd{ float:right; width:580px; height:330px;}
.about dd p{ font-size:15px; color:#333; line-height:28px; text-align:justify; height:250px; overflow:hidden}

.ry { overflow:hidden; width:1315px; height:460px; background:url(../images/img_k.jpg) no-repeat center 314px; margin:0 auto; display:none}
.ry .rybox{ overflow:hidden; width:1200px; margin:0 auto; height:275px; position:relative}
.ry .rybox ul{ overflow:hidden; position:absolute}
.ry .rybox li{ float:left; width:276px; height:275px; margin:0 12px;}
.ry .rybox li img{ display:block; padding:16px; background:url(../images/img_bg.jpg) no-repeat center; margin-bottom:28px;}
.ry .rybox li a{ display:block; text-decoration:none; text-align:center; font-size:18px; color:#666}
.ry .btn{ display:block; margin:0 auto; width:116px; height:32px; background:url(../images/about_btn.png) no-repeat center; margin-top:20px;}

.about_ry .menu { overflow:hidden; width:810px; margin:0 auto; height:70px; margin-top:50px; position:relative}
.about_ry .menu i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}
.about_ry .menu ul{ overflow:hidden; position:relative; z-index:1; width:368px; height:70px; margin:0 auto;}
.about_ry .menu li{ float:left; width:164px; height:70px; margin:0 10px;}
.about_ry .menu .list{ display:block; text-decoration:none; line-height:41px; text-align:center; overflow:hidden; width:164px; height:41px; font-size:16x; color:#666;}
.about_ry .menu span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}
.about_ry .menu span{ *display:inline}
.about_ry .menu span img{ display:block; position:absolute; left:0; top:0}
.about_ry .menu b{ display:block; width:16px; height:16px; background:url(../images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}
.about_ry .menu li.cur .list{ background:url(../images/about_01.png) no-repeat center; color:#fff;}
.about_ry .menu li.cur span img{ top:-28px;}
.about_ry .menu li.cur b{ background:url(../images/about_yc.png) no-repeat center}

/*news*/
.news { overflow:hidden; width:100%; padding:30px 0 50px; background-color:#f7f7f7}
.news .list{ float:left; overflow:hidden; margin-right:30px; height:375px;}
.news .top {
    overflow: hidden;
    width: 100%;
    height: 65px;
    padding-top: 20px;
    display: table;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.news .top h3{ font-weight:normal; float:left;}
.news .top h3 a{ font-size:18px; color:#000;}
.news .top span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .top .more{ float:right; font-size:13px; color:#666; display:block; margin-top:10px;}
.news .box{ overflow:hidden; width:100%; height:315px; position:relative}
.news .tu{ overflow:hidden; width:100%; height:118px; margin-bottom:20px;}
.news .tu img{ display:block; float:left;}
.news .tu .wen { float:right; width:210px;}
.news .tu h4{ font-size:14px; margin:12px auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .tu h4 a{ color:#000}
.news .tu p{ font-size:13px; line-height:22px; color:#333; height:66px; width:100%; overflow:hidden; text-align:justify;}
.news .lihui{ width:390px;}
.news .lihui ul{ overflow:hidden; width:100%;}
.news .lihui li{ width:380px; overflow:hidden; float:left; padding-left:10px; background:url(../images/pro_list.png) no-repeat left center; line-height:36px;}
.news .lihui li a{ display: inline-block; float:left; font-size:14px; color:#333;max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .lihui li a{ *display:inline}
.news .lihui li span{ display:block; float:right; font-size:14px; color:#666; font-family:Arial}
.news .wenti ul{ overflow:hidden; width:100%; position:absolute}
.news .wenti li{ width:100%; height:92px; border-bottom:1px dashed #dedede; margin-top:10px;}
.news .wenti li h4{ padding-left:35px; background:url(../images/news_w.png) no-repeat left center; line-height:27px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; font-weight:normal; margin-bottom:8px;}
.news .wenti li h4 a{ color:#000}
.news .wenti li p{ font-size:13px; color:#333; line-height:24px; height:48px; padding-left:35px; background:url(../images/news_d.png) no-repeat left top; overflow:hidden;}
.news .wenti { width:365px; margin-right:0}
.news .liuyan { overflow:hidden; width:365px; background-color:#fff; padding-left:24px; float:right;padding-bottom: 20px}
.news .liuyan p{ font-size:22px; color:#000; margin-top:25px; margin-bottom:20px;}
.news .liuyan em,.news .liuyan b{ display:block; float:left;text-align:center; font-size:13px; color:#fff; width:161px; height:37px; line-height:37px; cursor:pointer}
.news .liuyan em{ background-color:#d02127;}
.news .liuyan b{ background-color:#4a4a4a; margin-left:8px;}


.link{ overflow: hidden; width: 100%; padding: 20px 0}
.link h3{ float: left; width: 75px; color: #666666; font-size: 14px; margin-top: 5px;}
.link h3 a{  color: #666666; }
/* .link .ul{ float: right; width: 1100px;} */
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #00824a; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}

.ny-title {
    display: table;
    margin: 0 auto;
    color: #000;
}
.ny-title span {
    font-size: 30px;
    display: inline-block;
    margin: 0 auto;
}
.ny-title p {
    display: inline-block;
    font-size: 30px;
    font-weight: lighter;
    margin-left: 0px;
}


.footer ul li img{
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}

.footer ul li h3 {
    font-size: 14px;
    text-align: center;
    margin-top:10px;
}

.footer-bottom{
    height: 60px;
    line-height: 60px;
    background: #222;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.bottom-a {
    background-color: #cf000e;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 3px;
    margin-top: 24px;
}

.bottom-b {
    background-color: #cf000e;
    border: none;
    color: white;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 3px;
    margin-top: 0px;
    margin: 0 auto;
    display: table;
    margin-top: 5px;
}

.bottom-a:hover {
    box-shadow: 0 12px 16px 0 rgb(222 222 222 / 24%), 0 17px 50px 0 rgb(204 204 204 / 19%);
    color: #fff;
   transform:translateY(-5px);
}
.bottom-b:hover {
    box-shadow: 0 12px 16px 0 rgb(222 222 222 / 24%), 0 17px 50px 0 rgb(204 204 204 / 19%);
    color: #fff;
   transform:translateY(-5px);
}