﻿.fl{float:left;}

.vsubmenu{background:#f8f8f8;height:auto;font:14px/39px 'Noto Sans SC';position:relative;z-index:99;}
.three{width:auto;}
.three>li{display:inline-block;width:auto;position:relative; padding:5px 30px;}
.three>li:hover{background:#d6000f;}
.three>li:hover a{color:#fff;}
.three>li:hover ul.subtree{display:block;}
.three>li.cur{background:#d6000f;}
.three>li.cur a{color:#fff;}
.three>li a{color:#666;line-height:25px; display:block;font-size:12px; text-transform:uppercase;}
.three>li a:first-child{font-size:14px;}
.three>li a:nth-child(2n){ font-family:Arial; }


.subtree{position:absolute;width:100%;margin:0;background:#e54441;display:none; margin-left:-30px;}
.subtree li:hover{background:#a34c50;}
.three .subtree li a{font-size:12px;}
/*单页*/
.detail{font:14px/25px 'Noto Sans SC','Arial';color:#888; }
.inside-title{margin:0;text-align:center;padding-top:50px;font:26px/30px 'Noto Sans SC','Arial';color:#333;}
.inside-title span.en{ font-family:Arial;}
.inside-content{padding:60px 0;}
.inside-content p img, .inside-content img{ max-width:100%; height:auto !important;}
.inside-content p img.imgl{ width:50%; float:left;}
.inside-img{width:30%;float:left;}
.inside-img img{width:100%;}
.inside-text{display:inline-block;width:100%;}
.inside-text img{max-width:100%;height:auto;}
.inside-text strong{margin-top:20px;color:#333;font-size:16px;font-weight:500;}
.inside-text p{margin-bottom:15px; color:#666;}
.inside-text .en { margin-top:30px; font-family:Arial;}
.inside-text .en p{ font-family:Arial; font-size:14px; text-align:justify;}
.wid70{width:68%;float:right;}

.inside-text table td{font:14px/30px 'Noto Sans SC','Arial';}
.inside-text ul li img{width:250px;height:200px;}

.rencaiL{ width:60%; float:left; margin-left:100px;}
.rencaiL h2{ font-size:24px; color:#dab866;}
.rencaiL p{ font-size:16px; line-height:24px; padding:5px 0px; text-indent:32px; margin-bottom:0px;}
.rencaiL p span{ font-weight:bold; color:#d6000f;}
.rencaiR{ width:35%; float:right;}
.rencaiimg{ width:100%; margin:20px auto;}
.rencaiimg img{ width:33.33333%; float:left;}
/*关怀*/
.care-wrap{padding:50px 0;}
.care-wrap ul li{float:left; width:23.5%; margin-right:2%; margin-bottom:30px; background:#f7f7f7;}
.care-wrap ul li:nth-child(4n){ margin-right:0px;}
.care-wrap ul li img{width:100%;height:auto;}
.care-wrap ul li p{font:14px/24px 'Noto Sans SC';height:48px;overflow: hidden;
    display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal; color:#666;text-align:left; margin:10px;}
.care-wrap ul li:hover p{ background:#eee;}
/*发展历程*/
.line{width:100%;height:3800px;background:url('../images/history-line.png') no-repeat center top;position:absolute;top:200px;z-index:10;}
.line-color{width:100%;height:410px;background:url('../images/history-line-color.png') no-repeat center top;position:absolute;top:200px;z-index:20;}
.course-wrap{position:relative;min-height:3600px;}
.course-wrap ul.dot li{position:absolute;width:20px;height:20px;border-radius:20px;background:#d6000f;font:20px/20px 'Arial';color:#333;text-indent:30px;white-space:nowrap;z-index:30;}
.item-1{top:100px;left:100px;}
.item-2{top:240px;left:140px;}
.item-3{top:380px;left:400px;}
.item-4{top:520px;left:795px;}
.item-5{top:660px;left:685px;}
.item-6{top:800px;left:710px;}
.item-7{top:940px;left:960px;}
.item-8{top:1080px;left:740px;}
.item-9{top:1220px;left:720px;}
.item-10{top:1360px;left:990px;}
.item-11{top:1500px;left:1020px;}
.item-12{top:1620px;left:700px;}
.item-13{top:1760px;left:595px;}
.item-14{top:1900px;left:720px;}
.item-15{top:2040px;left:1030px;}
.item-16{top:2180px;left:1100px;}
.item-17{top:2320px;left:1040px;}
.item-18{top:2460px;left:450px;}
.item-19{top:2600px;left:450px;}
.item-20{top:2740px;left:620px;}
.item-21{top:2880px;left:780px;}
.item-22{top:3020px;left:950px;}
.item-23{top:3160px;left:700px;}
.item-24{top:3300px;left:550px;}
.item-25{top:3440px;left:400px;}

/*动画*/
.course{position:fixed;top:350px;left:500px;z-index:99;animation:fadeInDown 1s;display:none;}
.course li{display:none;}
.course li.current{display:block;}

.year{float:left;width:200px;height:140px;background:#d6000f;font:60px/140px 'Impact';text-align:center;color:#fff;}
.text{float:left;width:540px;height:140px;margin-left:10px;padding:20px 10px 20px 20px;background:#f0f0f0;font:14px/30px 'Arial','Noto Sans SC';}
.text p  img{float:left;margin-right:10px;}
@keyframes fadeInDown
{
	0%   {top:200px;opacity:0;}
	100% {top:350px;opacity:1;}
}
@-moz-keyframes myfirst /* Firefox */
{
	0%   {top:200px;opacity:0;}
	100% {top:350px;opacity:1;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
	0%   {top:200px;opacity:0;}
	100% {top:350px;opacity:1;}
}

@-o-keyframes myfirst /* Opera */
{
	0%   {top:200px;opacity:0;}
	100% {top:350px;opacity:1;}
}

/*业绩展示*/
.yj-type{text-align:center;margin-bottom:30px;}
.yj-type a{display:inline-block;margin:0 5px;padding:4px 10px;border-radius:30px;color:#333;}
.yj-type a.on{background:#d6000f;color:#fff;}
.yj-type a:hover{background:#d6000f;color:#fff;}
.product-wrap{padding:60px 0;}
.nr ul{}
.nr ul li{width:25%; overflow: hidden; float: left;border:1px solid #f3f3f3;position:relative;margin-right:-1px;margin-bottom:-1px;}
.nr ul li img{width:100%;height:250px;}
.nr ul li p{height:50px;line-height:50px;padding:0;position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.3);color:#fff;text-indent:12px;display:none;}
.nr ul li:hover p{display:block;}

.x-cnt-r{ padding-bottom:50px; padding-top:50px; margin:auto;color: #666; line-height:1.8; }
.x-cnt-s{width:100%; min-height: 500px; overflow:hidden; margin-top:20px;color: #666;line-height:30px;}
.x-nav li{width:25%;float:left;text-align:center;margin-bottom:30px;}
.x-nav li p{width:70%;height:auto;border-radius:70%;overflow:hidden;border:5px solid #d33836; margin:0px auto;}
.x-nav li p img{width:100%;}
.x-nav li span{display:block;font:bold 16px/20px 'Noto Sans SC';margin-top:20px;color:#333;}
.x-nav li em{display:block;font:normal 11px/20px 'Arial';color:#999;}
.x-nav li i{padding:0 10px;min-height:40px;display:block;font:normal 12px/20px 'Noto Sans SC';}

/*企业文化*/
.culture-title{padding-bottom:50px;margin:0;font:26px/30px 'Noto Sans SC';color:#333;text-align:center;}
.culture ul{margin-right:-40px;}
.culture ul li{float:left; margin-right:40px; }
.culture ul li a{color:#666;}
.culture ul li a:hover{color:#df0006;}
.culture ul li img{width:320px;height:220px;}
.culture ul li p{ line-height:50px; margin-bottom:20px; text-align:center; background:#f7f7f7;}

table img{ width:210px; max-width:210px; }
/*下载列表模板*/
.noinfo{height:200px;padding-top:50px;text-align:center;color:#999;}
.noinfo i{color:#df0006;margin-right:4px;}
.down-wrap{padding:50px; }
.down-wrap ul li{color:#333;font:14px/50px 'Noto Sans SC'; border-bottom:1px dashed #ccc;}
.down-wrap ul li.pdb{}
.down-wrap ul li em{font:12px/50px 'Arial';color:#999;float:right;}
.down-wrap ul li a{color:#333;}
.down-wrap ul li i{color:#d6000f;font-family:'Arial';margin-right:5px;}
.time{width:60px;height:60px;background:#e54441;text-align:center;float:left;margin-right:14px;}
.time span.day{display:block;font:bold 20px/40px 'Noto Sans SC';color:#fff;}
.time span.year-month{font:13px/18px 'Noto Sans SC';color:#fff;}

/*荣誉列表*/
.texthonor h3{background:#df0006;color:#fff;text-align:center;font:16px/32px 'Noto Sans SC';margin:0;}
.texthonor ul li{width:50%;float:left;font:14px/38px 'Noto Sans SC';border:1px solid #ddd;margin-bottom:-1px;margin-right:-1px;text-indent:5px;}
.texthonor ul li a{color:#666;}
.texthonor ul li em{font-style:normal;color:#d6000f;}

.licheng{background:url('../images/lc-back.jpg') no-repeat top center;}

/*品牌理念*/
.brand-wrap{font:14px/25px 'Noto Sans SC';color:#888;padding:50px 0;}
table{font:14px/25px 'Noto Sans SC';color:#888; width: auto;}
.brand-wrap p{ padding:5px 0px; font-size:14px; line-height:26px; color:#333;     word-wrap: break-word;}
.brand-wrap p.bottom-line{padding:30px 0;border-bottom:1px solid #ccc;margin-bottom:30px;}
.brand-wrap p strong{ font-size:18px; font-weight:600;}
.brand-wrap p span{color:#d6000f;}
.brand-wrap p.en{ font-family:Arial; color:#888; line-height:22px;}
@media only screen and (max-width:1400px) {
	.three>li{ padding:5px 20px;}
	.nr ul li img {height:220px;}
	.rencaiL{ width:80%; float:left; margin-left:0;}
}
@media only screen and (max-width:990px) {
	.vsubmenu{ background:none;}
	.three>li{ background:#f8f8f8; padding:5px 12px; margin-right:2px; margin-bottom:5px;}
	
	
	.inside-title{ padding-top:20px; font-size:24px;}
	.inside-content{ padding:20px 0px;}
	.inside-text .en{ margin-top:20px;}
	.inside-text .en p{ line-height:20px;}
	
	.x-cnt-r{width:100%;padding:30px 12px;}
	.x-nav li,.nr ul li{width:33.333333%;}
	.x-nav li em{font:12px/20px 'Arial';height:20px;overflow:hidden;}
	.x-nav li i{height:80px;overflow:hidden;}
	.care-wrap ul li{ width:32%; }
	.care-wrap ul li:nth-child(4n){ margin-right:2%;}
	.care-wrap ul li:nth-child(3n){ margin-right:0;}
	
	.course{ top:150px; left:5%;}
	.year{ font: 40px/140px 'Impact'; width:100px; }
	.rencaiL p{ font-size:14px; text-indent:28px;}
	
	.inside-content p img.imgl{ width:100%; float:left;}
}
@media only screen and (max-width:720px) {
	.text{ width: 450px;}
	.nr ul li img {height:150px;}
	.rencaiL{ width:100%;}
}
@media only screen and (max-width: 640px){
	.x-nav li{width:50%;}
	.brand-wrap{padding:30px 12px;}
	.vsubmenu{z-index:0;height:auto;}
	.three>li{width:100px;}
	.subtree{z-index:99;}
	
	.detail{padding:0px;}
	.inside-title{padding-top:20px;font:18px/20px 'Noto Sans SC';}
	.inside-content{padding:20px 0;}
	table img{ width:150px; max-width:150px;}
	.inside-img{width:100%;margin-bottom:14px;}
	.wid70{width:100%;}
	
	.care-wrap{padding:20px 12px;}
	.care-wrap ul li{ width:48%; margin-right:4%; }
	.care-wrap ul li:nth-child(3n){ margin-right:4%;}
	.care-wrap ul li:nth-child(2n){ margin-right:0;}
	
	.x-nav li,.nr ul li{width:50%;}
	.inside-text img{max-width:100%;} 
	/*发展历程*/
	.course-wrap{height:3000px;}
	.course-wrap ul.dot li{width:10px;height:10px;font:14px/10px 'Arial';text-indent:20px;}
	.line{background:none;}
	.line-color{background:none;}
	.item-1{top:100px;left:60px;}
	.item-2{top:240px;left:60px;}
	.item-3{top:380px;left:60px;}
	.item-4{top:520px;left:60px;}
	.item-5{top:660px;left:60px;}
	.item-6{top:800px;left:60px;}
	.item-7{top:940px;left:60px;}
	.item-8{top:1080px;left:60px;}
	.item-9{top:1220px;left:60px;}
	.item-10{top:1360px;left:60px;}
	.item-11{top:1500px;left:60px;}
	.item-12{top:1620px;left:60px;}
	.item-13{top:1760px;left:60px;}
	.item-14{top:1900px;left:60px;}
	.item-15{top:2040px;left:60px;}
	.item-16{top:2180px;left:60px;}
	.item-17{top:2320px;left:60px;}
	.item-18{top:2460px;left:60px;}
	.item-19{top:2600px;left:60px;}
	.course{left:12px;}
	.year{width:100px;height:70px;font:30px/70px 'Impact';}
	.text{width:200px;height:auto;min-height:70px;padding:5px;font:12px/20px 'Arial','Noto Sans SC';}
	/*业绩展示*/
	.product-wrap{padding:30px 12px;}
	.culture-title{font:18px/20px 'Noto Sans SC';padding-bottom:20px;}
	.nr ul li{width:50%;height:150px;}
	.nr ul li img{width:100%;height:150px;}
	
	.yeji{padding:0 12px;}
	.yeji img{max-width:100%;height:auto;}

	.texthonor ul li{height:38px;overflow:hidden;font:12px/38px 'Noto Sans SC';}
	/*社会责任*/
	.inside-text table img{display:none;}
	.inside-text ul li img{width:100%;height:150px;}
	.inside-text ul li p{font:14px/30px 'Noto Sans SC';}
	/*企业文化*/
	.culture ul{margin:0;}
	.culture ul li{width:49%;float:left;margin-right:1%;}
	.culture ul li img{width:100%;height:150px;}
	
	/*下载*/
	.down-wrap{padding:30px 12px;}
	.down-wrap ul li{margin-bottom:5px;border-bottom:1px dashed #ddd;font:12px/40px 'Noto Sans SC';}
	.down-wrap ul li em{    font: 12px/40px 'Arial';}
	.rencaiR{ display:none;}
	.rencaiimg img{ width:100%; }
}