@charset "utf-8";
*{box-sizing: border-box;}
body{font-family:"Microsoft YaHei","微软雅黑", 'Arial';  margin:0px; padding:0px; min-width: 1020px; background-color: #fff; font-size:12px;overflow-x:hidden; }
a{text-decoration:none;cursor:pointer; color: inherit; }
a:focus{outline:none;}
img { border: 0; }
em,i{font-style: normal;}
ul,li,dl,ol{ list-style:none;  margin:0px; padding:0px;}
h1, h2, h3, h4, b,p {padding: 0;margin: 0; }
input{outline: none;}



.clear{ clear:both;}
.content-w{width: 1100px; margin: 0 auto; height: auto; overflow: hidden;}
.ellipsis{white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;  
	-o-text-overflow:ellipsis;  
	-webkit-text-overflow:ellipsis;  
	-moz-text-overflow:ellipsis;}
.fr{float: right !important;}
.fl{float: left;}
.gray-bg{background-color: #f9f9f9;}
.font-red{color: #D7010F;}
/*top*/
.head{width: 100%;padding:20px  0;}
.head-logo{float: left;width: 50%;}
.head-logo .logo{margin-top: 10px;}
.head-button{float: right;width: 200px;text-align: center;}
.head-button p{ color: #999999;margin-bottom: 10px;}
.head-button .entrance1 a{ display: inline-block; width: 34px; height: 34px;line-height: 34px; color: #333333; background-color:#F2F2F2; border-radius: 50%;} 
.head-button .entrance a:hover{color: #D7010F;}
/*nav*/
.head-nav{position:relative;z-index:100;min-width:1100px; background-color: #F2F2F2;}
.navigation-up{width:1100px;margin:0 auto; height: 40px;position:relative}
.navigation-up .navigation{float:left;_margin-left:10px}
.navigation-up .navigation ul{float:left}
.navigation-up .navigation li{float:left;color:#333;}
    .navigation-up .navigation li:hover {
        height: 40px;
        border-bottom: 2px solid #D7010F;
        color: #D7010F;
    }
    .navigation-up .navigation li.nav-up-selected-inpage {
        height: 40px;
        border-bottom: 2px solid #D7010F;
        color: #D7010F;
    }
.navigation-up .navigation li {font-weight:normal;padding:0;margin:0; }
.navigation-up .navigation li a{padding:0 25px;color:inherit;display:inline-block;height:40px;line-height: 40px;}
.navigation-down{position:absolute;top:42px;left:0px;width:100%;  }
.navigation-down .nav-down-menu{width:100%;margin:0;background: #434343;position:absolute;top:-2px;}
.navigation-down .nav-down-menu .navigation-down-inner{width:1100px;position:relative;margin: 0 auto; color: #C9C9C9; text-align: center;padding: 20px 0;}
.navigation-down .nav-down-menu .navigation-down-inner a{padding: 0 10px; font-size: 14px;font-weight: bold;}
.navigation-down .nav-down-menu .navigation-down-inner a:hover{color: #D7010F;}
/*banner*/
.wrapper {width:1920px;  margin:0; padding-bottom:0px; position:relative; left:50%; margin-left:-960px;}
#focus {width:1920px; height:500px; overflow:hidden; position:relative;}
#focus ul {height:500px; position:absolute;}
#focus ul li {float:left; width:1920px; height:500px; overflow:hidden; position:relative; background:#fff;}
#focus ul li img{ width:1920px; height:500px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1920px; height:30px; left:0; bottom:0;}
#focus .btn {position:absolute; width:1885px; height:20px; padding:5px 10px; right:0; bottom:7px; text-align: center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:15px; height:15px; border-radius: 50%; _font-size:0; margin-left:5px; cursor:pointer; background:#ff5a00; }
#focus .btn span.on {background:#fff;}
/*content*/
.content{width: 100%;height: auto; padding: 20px 0;}
.info,.financial{ min-height: 200px; overflow: hidden;}
.financial{margin-bottom: 20px;}
.info> div:last-child{margin: 0;}
.info-img{float: left;width: 360px; border:10px solid #F2F2F2;height: 340px;}
.info-img img{width: 100%; height: 100%;}
.info-img .info-text{padding-bottom: 10px;display: inline-block;width: 100%;}
.info-img .info-text:hover{background-color: #F2F2F2; }
.info-img .info-text h2{text-align: left;line-height: 50px;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;}
.info-img .info-text p{color: #999999;padding: 0 10px; line-height: 20px;}
.info-img .info-text p a{padding-left: 10px;}
/*news-list*/
.info-list{float: left;width: 360px;margin:0 10px;}
/*首页公用*/
.title{border-bottom: 2px solid #D7010F;height: 40px; }
.title h2 {
    width: 80%;
    float: left;
    color: #D7010F;
    line-height: 40px;
    padding-left: 3px;
}
.title a{padding: 1px 20px; margin-top: 8px;  float: right;  border: 1px solid #666; border-radius: 10px; color: #666666; }
.title a:hover{border: 1px solid #D7010F;color: #D7010F;}
.list-contents ul li{line-height: 30px; color: #666;font-size: 13px;}
.list-contents ul li a:hover{color: #D7010F;text-decoration:underline !important;}
.list-contents ul li a p{width: 80%; float: left;}
.list-contents ul li a p .red{margin-right: 10px; font-size: 10px;color: #D7010F;}
.list-contents ul li a span{float: right;padding-right: 10px;}
/*notice*/
.notice-img{margin: 20px 0;}
.notice-img img{width: 100%;}
/*financial*/
.stock,.themes{float: left;width: 360px;}
.themes img{width: inherit;height: 87px; margin-top: 10px;}
.stock-contents {
    height:300px;
}
/*link*/
.link {padding-top: 10px;}
.link span{width: 100px; display: inline-block; color: #D7010F; font-weight: bold; font-size: 16px; padding: 0 10px; border-left: 8px solid #D7010F;}
.link a{ color: #666; padding: 0 5px;}
.link a:hover{color: #D7010F; text-decoration: underline;}
/*footer*/
.footer{width: 100%; height: 110px; background-color: #D7010F;color: #fff;padding: 20px 0;}
.footer-img img{width: 50px;float: left; margin-right: 40px;}
.footer-p{line-height: 20px;}



/*内页*/
.banner{width: 100%; height: 93px;}
.banner-5{height: 500px;}
.banner img{width: 100%; height: 100%;}
/*内页-title*/
.inner-title{height: 40px;}
.inner-title a{color: #999999;}
.inner-title a:hover{color: #1ABC9C;}
.inner-title a:last-child,.inner-title a:last-child:hover{color: #333333;}
.inner-title .icon-home{font-size: 18px; color: #999999;}
.inner-title .icon-arrow{color: #E4E4E4;}
/*内页-content*/
.inner-left{float: left; width: 200px;}
.inner-left ul li {
    line-height: 40px;
    text-align: center;
    background-color: #F2F2F2;
    /*border-bottom: 1px solid #fff;*/
}
.inner-left ul li a {
    font-weight:bold ;
}
.inner-left ul li:hover, .inner-left ul li.trigger {background-color: #D7010F;color: #fff;}
.inner-left ul li:hover, .inner-left ul li.trigger a{font-weight: 600;}
.inner-left ul li:first-child{background-color: #D7010F; color: #fff; font-size: 16px; font-weight: bold;}
.inner-right{float: right; width: 886px; min-height: 544px; overflow: hidden; border: 1px solid #E4E4E4; padding: 10px; }
.inner-right h1{color: #D7010F; border-bottom: 1px solid #F2F2F2;line-height: 40px;}
.inner-right .statistics {
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
    margin-bottom: 20px;
}
/*text*/
.text-contents p{margin: 20px 0; line-height:24px; text-indent: 20px;}
/*.text-contents-p img{width: 100%;height: 300px;margin-left: -20px;}*/

/*新闻轮播样式*/
.banner-number {
    float: right;
    position: relative;
    right: 8px;
    bottom: 26px;
    width: 100%;
    text-align: right;
}
    .banner-number a {
        background: #000;
        padding: 1px 5px;
        color: #fff;
        margin-left: 5px;
        font-size: 16px;
    }
.banner-number .num-active {
    background: #D7010F;
}
/*产品-图片列表*/
.img-list-nav {
    padding: 0 0 5px;
    margin-bottom: -1px;
}
    .img-list-nav ul li {
        float: left;
        font-size: 15px;
        text-align: center;
        /*width: 100px;*/
        height: 35px;
        line-height: 35px;
        color: #666666;
        /*border: 1px solid #F2F2F2;*/
        background-color: #f6f6f6;
        width: 25%;
    }
.img-list-nav ul li.hit {
    background: #D7010F;
    /*border: 1px solid #D7010F;*/
    color: #fff;
    font-weight: 600;
    width:25%;
}
.product-show{display:none; min-height: 150px; overflow: hidden;}
    .product-show .img-list {
        float: left;
        width: 206px;
        /*margin: 0 5px;*/
        margin: 0 10px 0 0;
        min-height: 200px;
        overflow: hidden;
    }
.product-show .img-list .img-box{ height: 228px; border: 1px solid #F2F2F2; text-align: center;}
.product-show .img-list .product img{width: 160px; height: 220px;margin-top: 4px;}
.product-show .img-list .certification img{ width: 200px; height: 150px;margin-top:35px;}
.product-show .img-list .qualification img{ width: 168px; height: 210px;margin-top:14px;}
.product-show .img-list .other img{width: 194px; height:140px;margin-top:44px;}
.product-show .img-list h3{text-align: center; line-height:50px;}


/*产品-图片列表*/
.Notice-list-nav {
    padding: 0 0 5px;
    margin-bottom: -1px;
}
    .Notice-list-nav ul li {
        float: left;
        font-size: 15px;
        text-align: center;
        /*width: 100px;*/
        height: 35px;
        line-height: 35px;
        color: #666666;
        /*border: 1px solid #F2F2F2;*/
        background-color: #f6f6f6;
        width: 25%;
    }
.Notice-list-nav ul li.hit {
    background: #D7010F;
    /*border: 1px solid #D7010F;*/
    color: #fff;
    font-weight: 600;
    width:25%;
}
.Notice-show{display:none; min-height: 150px; overflow: hidden;}
    .Notice-show .img-list {
        float: left;
        width: 206px;
        /*margin: 0 5px;*/
        margin: 0 10px 0 0;
        min-height: 200px;
        overflow: hidden;
    }
.Notice-show .img-list .img-box{ height: 228px; border: 1px solid #F2F2F2; text-align: center;}
.Notice-show .img-list .product img{width: 160px; height: 220px;margin-top: 4px;}
.Noticet-show .img-list .certification img{ width: 200px; height: 150px;margin-top:35px;}
.Notice-show .img-list .qualification img{ width: 168px; height: 210px;margin-top:14px;}
.Notice-show .img-list .other img{width: 194px; height:140px;margin-top:44px;}
.Notice-show .img-list h3{text-align: center; line-height:50px;}
/*专题园地*/
.garden{min-height: 150px; overflow: hidden;}
.garden-list{float: left;width: 278px; margin: 10px 5px ;}
.garden-list h3{line-height: 50px;}
.garden-list img{width: 100%; height: 135px;}
.garden-list img:hover {
    cursor:pointer;
    opacity:0.8;
}
/*news-img*/
.news-img{height: 184px; margin: 20px 0;}
.news-img .news-img-l,.research .research-l{float: left; width: 238px; height: inherit; border: 1px solid #F2F2F2;}
.news-img .news-img-l img,.research .research-l img{width: 100%; height: 100%;}
.news-img .news-img-r,.research .research-r{float: right; width: 615px;height: inherit; background-color: #f6f6f6; padding: 10px 30px;overflow: hidden;}
.news-img .news-img-r:hover{background-color: #D7010F;}
.news-img .news-img-r:hover h2,.news-img .news-img-r:hover p{color: #fff;}
.news-img .news-img-r h2{color: #ea6d76; line-height: 60px; *font-weight: normal;}
.news-img .news-img-r p{color: #999999; line-height: 23px;
	text-overflow:ellipsis;
	word-break:break-all; 
	overflow:hidden;  
	display:-webkit-box;  
	-webkit-line-clamp:3;  
	-webkit-box-orient:vertical; }
/*news-img-list*/
.research{height: 214px; margin: 20px 0;}
.research .research-l{width: 302px;border: none;}
.research .research-r{width: 546px; background-color: transparent; padding: 0;}
.research .research-r h2{line-height:50px; border-bottom: 1px dashed #D7D7D7;}
.research .research-r p{line-height: 20px; margin: 20px 0 0 0;
	text-overflow:ellipsis;
	word-break:break-all; 
	overflow:hidden;  
	display:-webkit-box;  
	-webkit-line-clamp:5;  
	-webkit-box-orient:vertical;}
.research .research-r a{color: #999;}
.research .research-r a:hover{color: #D7010F;}
/*news-list*/
.news-list {
    width: 100%;
    float: left;
    min-height: 50px;
    overflow: hidden;
    color: #999;
    border-bottom: 1px solid #F2F2F2;
}
.news-list:hover{background-color: #F2F2F2;}
.news-list .news-list-title{height: 50px; line-height: 50px;}
.news-list .news-list-title h3{
color: #666; font-size: 15px;width: 80%;float: left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;  
-o-text-overflow:ellipsis;  
-webkit-text-overflow:ellipsis;  
-moz-text-overflow:ellipsis;
}
.news-list .news-list-title span{float: right;margin-right: 10px;}
.news-list p{line-height: 20px;    margin-bottom: 10px;
	text-overflow:ellipsis;
	word-break:break-all; 
	overflow:hidden;  
	display:-webkit-box;  
	-webkit-line-clamp:2;  
	-webkit-box-orient:vertical; }
/*recruitment-招聘*/
.title-icon,.talent-search{padding: 20px; text-align: center;}
.title-icon-border{text-align: left;border-bottom: 1px solid #D7D7D7;}
.title-icon ul li{display: inline-block;line-height: 25px;text-align: left;
vertical-align:middle; 
vertical-align: -webkit-baseline-middle;}
.title-icon ul li:first-child{width: 50px; height: 50px; line-height: 50px; font-size: 36px; margin-right: 15px; 
	border-radius: 10px; background-color: #D7010F; text-align: center;color: #fff;}
.title-icon ul li p{color: #999;font-size: 16px;}
.title-icon ul li p:first-child{font-size: 18px; color: #333333; font-weight: bold;}
/*招聘搜索*/
.talent-search{font-size: 14px;}
.talent-search input{width: 540px; border: 1px solid #F2F2F2;padding:8px 10px; background: #fff; margin-left: 10px;}
.talent-search span{width: 93px; height: 33px; line-height: 33px; background-color: #D7010F; display: inline-block; color: #fff; text-align: center;}
/*招聘职位列表*/
.recruitment{min-height: 50px; overflow: hidden;border-bottom: 1px solid #F2F2F2;padding: 10px 0;}
.recruitment .recruitment-l{float: left;width: 740px;}
.recruitment h2{line-height: 40px;}
.recruitment h2:hover{color: #D7010F;}
.recruitment .recruitment-l p{color: #797979; line-height: 40px;}
.recruitment .recruitment-l p .wage{color: #D7010F;font-size: 14px;}
.recruitment .recruitment-l p .company{float: right; color: #333;font-size: 13px;}
.recruitment .recruitment-l p span{margin-right: 10px;}
.recruitment .recruitment-r{float: right;width: 328px;}
.recruitment-r ul li{width: 50%; float: left;line-height: 80px; text-align: center;}
.button{width: 93px; height: 30px;line-height: 30px;margin: 25px auto; text-align: center;background-color: #D7010F; color: #fff; display:block ;} 
.button:hover{opacity: 0.8;}
/*招聘详情*/
.details{padding: 20px 40px;}
.details h1{line-height: 60px;}
.details h2{line-height: 60px;}
.details p{line-height: 20px; margin: 10px 0;}
.inner-btn{width:290px; height: 40px;line-height: 40px;text-align: center;background-color: #D7010F; color: #fff;margin:50px auto; border-radius: 10px;}
.inner-btn:hover{opacity: 0.8;}
/*service-服务与支持*/
.service-title{height: 30px; line-height: 30px;margin: 10px 0;}
.service-title span{padding:10px 20px; background-color: #F2F2F2; font-weight: bold;}
.service{ margin-bottom: 20px;}
.service table {width: 100%; border-right: 1px solid #e4e4e4; text-align: center;}
.service table tr th{background-color: #F2F2F2;border: 1px solid #e4e4e4;border-right: none; color: #999; }
.service table tr td{border: 1px solid #e4e4e4;border-top: none; border-right: none; color: #666;}
/*专题*/
.column{width: 100%; min-height: 50px; overflow: hidden; background-color: #D7010F;color: #fff;padding: 20px 0;}
.column h1{line-height: 40px;}
.column p{ font-size: 14px; color: #FF9966; margin: 10px 0;}
.content-bg{width: 100%; min-height: 500px; overflow: hidden; background: url(../images/u3335.png)no-repeat bottom center;    padding-bottom: 50px;  background-size: 100% 100%;}
.column-title{width: 100%; height:50px; background: url(../images/xian.png)repeat-x center; margin: 30px 0;}
.column-title .column-title-c{width: 270px; height: 50px; line-height: 50px;  transform: skew(-30deg); 
margin: 0 auto; background: #D7010F; color: #fff; font-size: 24px; font-weight: bold;text-align: center;}
.column-title .column-title-c> div{transform: skew(30deg);}
.title-border{border-left:8px solid #D7010F;height:35px;  border-bottom: none;color: #333; padding-left: 20px; margin: 20px 0;}
.title-border h1{width: 80%;float: left; color: #444;line-height:35px;}
.title-border a{padding:3px 25px; margin-top: 8px;  float: right;  border: 1px solid #666; border-radius:40px; color: #666666; }
.title-border a:hover{border: 1px solid #D7010F;color: #D7010F;}
/*大事记*/
.event{width: 100%;height: 245px; background-color: #F2F2F2;text-align: center; padding: 10px 0;}
.event img{width: 46%;}
/*大事记-横向时间轴*/
.horizontal{margin: 20px 0; height:100px; padding: 0 26px;}
.horizontal ul li{float: left;width: 82px; text-align: center;position: relative;top: 38px;}
.horizontal ul li:first-child {width:54px;}
.horizontal ul li:last-child {width:50px;}
.horizontal ul li .solid{width: 100%;height: 1px; background-color:#E4E4E4; }
.horizontal ul li .dot{width: 34px; height: 34px; position: absolute; top: -17px; left:28px; 
	background:url(../images/horizontal.png)no-repeat 0 7px; background-size: 25px; }
.horizontal ul li:first-child .dot{ left:-6px;}
.horizontal ul li:last-child .dot{ right:-6px;}
.horizontal ul li .foot{background-position: 0 -46px;}
.horizontal ul li .year{color: #666; font-size:15px; font-weight: bold; position: absolute; top:24px; left: 15px;}
.horizontal ul li:nth-of-type(odd) .year{top: -47px;}
.horizontal ul li:first-child .year{left:-20px;}
.horizontal ul li:last-child .year{right:-20px;}
/*大事记-纵向时间轴*/
.vertical{padding-bottom:30px; background: url(../images/red.png)repeat-y 70px 0;}
.vertical ul li{background: url(../images/vertical.png)no-repeat 54px -65px; background-size: 34px;}
.vertical h3{ height: 42px; line-height: 42px;margin:0 0 30px 50px; padding-left: 50px; color: #D7010F; font-size: 24px; 
 	background: url(../images/vertical.png)no-repeat; background-size:42px;}
.vertical .month{width: 56px;text-align: right;display: block;float: left; font-weight: bold;font-size: 16px;}
.vertical ul li p.month-content{width:780px;margin-left: 24px;display: inline-block;font-size: 14px; padding-left: 15px; margin-top: 20px; line-height: 30px;}
.vertical ul li p.month-content span{display: block;width: 100%;}
/*翻页*/
.page{padding: 20px 0;}
.page a,.page input{padding: 5px 10px; border: 1px solid #D7D7D7; color: #999; border-radius: 6px;}
.page a:hover,.page a.current{background-color: #D7010F; color: #fff;border: 1px solid #D7010F;}
.page input{width:50px; text-align: center;}
.page span{padding: 0 10px;}

/*网站修改*/
.info, .financial {
    max-height: 340px;
}
.info-img img {
    height: 270px;

}
.info-text {
    height: 137px;
    margin-top: -15px;
}
.info-img .info-text1 {
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.inner-right .new-list:hover {
    background-color:#f6f6f6;
}
.themes img:hover {
    cursor:pointer;
    opacity:0.8;
}

.horizontal{
	overflow-y: hidden;
	overflow-x:auto;
	height: 120px;
	padding: 5px 26px;
	overflow: hidden;
}
		
		
.horizontal::-webkit-scrollbar{
	width:5px;
	height:5px;
	/**/
}
.horizontal::-webkit-scrollbar-track{
	background: rgb(239, 239, 239);
	border-radius:2px;
}
.horizontal::-webkit-scrollbar-thumb{
	background: #bfbfbf;
	border-radius:10px;
}
.horizontal::-webkit-scrollbar-thumb:hover{
	background: #;
}
.horizontal::-webkit-scrollbar-corner{
	background: #179a16;
}