.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb20 { margin-bottom:20px;}
.mt90 { margin-top:90px;}
.title { text-align: center; width: 100%; position:relative;}
.title h1 { font-size: 24px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title h2 { font-size: 23px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title p { font-size: 22px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title p b { color:#b01f30; position:relative;}
.title p:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;border-top:8px solid #a5a5a5;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0}
.c {
    clear: both;
}

.youshi { padding-top: 25px; padding-bottom: 25px; position:relative; background-color: #FFFFFF; }
.youshi_box { float: left; width: 239px; height: 224px; background: #ededed; text-align: center; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; position:relative; z-index:1}
.youshi_box span { display: block; width: 100px; height: 72px; margin-top: 35px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.youshi_box .tit { margin: 0 auto; line-height: 50px; font-size: 16px; color: #000000; }
.youshi_box .line { width: 70px; height: 1px; overflow: hidden; background: #d4d4d4; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.youshi_box .con { line-height: 24px; margin-top: 15px; color: #999999; }
.youshi_box:hover {
    color: #fff;
    background: #f1544b;
    transition: transform ease .2s;
    -webkit-transition: transform ease .2s;
    transform: scale(1.05);
    -webkit-transform: scale(1.1);
    transform-origin: center top;
    -webkit-transform-origin: center top;
	margin-top:-10px;
	z-index:2;
}
.youshi_box:hover .tit { color:#FFFFFF;}
.youshi_box:hover .line { color:#CCCCCC; font-size:18px;}
.youshi_box:hover .con { color:#f5f5f5;}
.youshi_box:hover span img{  transform: scale(.95);-webkit-transform: scale(.95);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
@media screen and (max-width:1000px){
    .youshi{ padding:10px 5px;}
    .youshi_box{ width:19.5%;width:-moz-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px); padding-bottom:15px; height:auto;}
	.youshi_box span { display: block; width: 100%; margin-top: 15px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align:center; height:auto }
	.youshi_box span img { width:80px; height:auto;}
	.youshi_box .tit { margin: 0 auto; line-height: 40px; font-size: 0.9rem; color: #000000; }
	.youshi_box .line { width: 60px;}
	.youshi_box .con{line-height: 1.5em; margin-top: 10px; color: #999999; padding-left:5px; padding-right:5px; font-size:0.65rem; height:3em;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /*限制在一个块元素显示的文本的行数*/
	-webkit-box-orient: vertical;
	overflow: hidden; }
}
.titleshili h1 { font-size: 24px;  line-height: 40px;   font-weight: normal; color: #333333; height: 40px; width: 100%;text-align: center; padding: 20px 0px;}


.liucheng { background-image: url(../img/bg3.jpg); background-repeat: repeat-x; background-position: center center; width: 100%; padding-top: 25px; padding-bottom: 35px; overflow: hidden; }
.liucheng_list {position: relative; }
.liucheng_list li { background-color: #FFFFFF; float: left; width: 100px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px; height:280px; position:relative; overflow:hidden;}
.liucheng_list li span { width:40px; height:40px; float:left; border:solid 1px #e2e2e2; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; padding: 20px; margin: 10px;  position:relative;}
.liucheng_list li span img { width:40px; height:40px;}
.liucheng_list p { font-size: 15px; line-height: 30px; text-align: center; height: 30px;color: #333333; position:relative; clear:both; }
.liucheng_list dt { font-size: 12px; line-height: 30px; text-align: center;  height: 30px; color: #C1C1C1; text-transform: uppercase;  position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.liucheng_list i { font-family: "Times New Roman", Times, serif; font-size: 40px; line-height: 70px; font-weight: lighter; color: #999999; text-align: center; height: 70px; width: 100%; font-style: normal; float:left; padding-top: 25px; padding-bottom: 25px;  position:relative;}
.shadow{
	-o-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-ms-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
}
.liucheng_list li.color01 { background-color:#f5f5f5;}
.liucheng_li { background-color: #fe0000; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px; height:280px; position:absolute; left:0px;  top:310px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; text-align:center; clear:}
.liucheng_tit { font-size: 18px; line-height: 50px; text-align: center; height: 50px;  color: #FFFFFF; position:relative; }
.liucheng_dt { font-size: 18px; line-height: 30px; text-align: center;  height: 30px; color: #f5f5f5; position:relative; text-transform: uppercase; font-size:12px;}
.liucheng_num { font-family: "Times New Roman", Times, serif; font-size: 40px; line-height: 100px; font-weight: lighter; color: #FFFFFF; text-align: center; height: 100px; width: 100px; font-style: normal;  position:relative; }
.liucheng_con{ font-size: 12px; line-height: 25px; text-align: center;  color: #FFFFFF; position:relative; }
.liucheng_list li:hover .liucheng_li { top:0px; display:block;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}


.com_top h2{font-size: 22px;color: #d81e06;font-weight: normal;    margin-right: 30px;}
.com_top_a {overflow: hidden;}
.com_top_a h2{border-bottom: 3px solid #d81e06;width: 130px;}
.com_top{height: 48px;line-height: 48px;border-bottom: 3px solid #d81e06;}
.com_top_a{height: 49px; border-bottom-color: #e7e7e7;border-bottom-width: 2px;}
.com_cont{position: relative;}
.case_l001{width: 250px;height: 400px;background: url(../img/yue1.jpg) no-repeat;background-size:100% 100%;}
.case_l_item{padding:20px 13px ;}
.com_floor{height: 26px;line-height: 26px;font-size: 14px;margin-bottom: 20px;padding-top:15px}
.com_floor span{display: inline-block;margin-left: 35px;font-size: 16px;}
.case_links{/* margin-right: -10px; */}
.case_links a{
    background: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    height: 28px;
    line-height: 28px;
    transition: all 400ms;
    padding: 5px 0px;
	font-size: 15px;
	float: left;
}
.case_links a:hover{background: #AD1F2E;color: #fff;}
.case_links a.more{background: #b01f30;color: #fff;margin-top:20px}
.slideBox01{position: relative; height: 400px;}
.slideBox01 .hd{position: absolute;left:250px;top:-48px;overflow: hidden;}
.slideBox01 .hd li{float: left;height: 48px;line-height: 48px;width: 170px;text-align: center;font-size: 16px;}
.slideBox01 .hd li.on{background: url(../img/ar_top.png) no-repeat center bottom;}
.case_r{width: 100%;}
.case_r .item{display: block;/* margin-left:4px;margin-top:4px; */}
.case_r .item img{width: 100%;height: auto;}
.case_r li{float: left;}
.case_r li.li1{margin:4px;width: 397px;}
.case_r li.li1 .item{/* width: 400px; */height: 400px;width: 397px;/* margin-right: 4px; */}
.case_r li.li1 .item img{width: 397px;height: 400px;cursor: pointer;transition: all 0.6s;-ms-transition: all 0.8s;}
.li2{
    width: 530px;
}
.case_r li.li2 .item{
    width: 261px;
    height: 196px;
    float: left;
}
.case_r li.li2 a{
    width: 261px;
    height: 196px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 4px;
}
.case_r_up li.li2 img{
    width: 261px;
    height: 196px;
    padding: 2px 0;
    padding-top: 4px;
	cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.8s;
}
.li3{
    width: 265px;
}
.case_r li.li3 .item{
    width: 261px;
    height: 196px;
    float: left;
}
.case_r li.li3 a{
    width: 261px;
    height: 196px;
    overflow: hidden;
    margin: 4px;
    display: block;
}
.case_r_up li.li3 img{
    width: 265px;
    height: 196px;
	cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.8s;
}
.case_r_up li .text{
    position: relative;
    margin-top: -72px;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;
    padding: 5px 15px;
}
.case_r_up li .text p{
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0;
}
.case_r_up li a:hover img{
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.case_r_up li{height: 400px;overflow: hidden;}
.case_r_down li .item{width: 312px;height: 188px;}
.case_r_down li .item img{ width: 100%; height: auto;}
.case_r_down li{width:; height:194px;overflow: hidden;}
.case_more{text-align: right;margin-top: 25px;position: relative;}
.case_more a{width: 140px;height: 30px;line-height: 30px;background:#f5f5f5;text-align: center;font-size: 14px;position: relative;z-index: 2;}
.case_more:after{width: 900px;/*height: 2px;*//*background: #f5f5f5;*/top:50%;content: '';display: block;position: absolute;right: 0;}
.case_more a:hover{background: #AD1F2E;color: #fff;}


.company_profile {
    margin-bottom: 20px;
}
.col-sm-5 {
    width: 41.66666667%;
	float: left;
}
.company_profile .row .big_pic {
    width: 475px;
    height: 314px;
}
.company_profile .row .big_pic img {
    width: 475px;
    height: 314px;
}
.col-sm-7 {
    width: 58.33333333%;
	float: left;
}
.company_profile .row .company_profile_text {
    margin-top: 1px;
    color: #545454;
    font-size: 15px;
    line-height: 28px;
    width: 100%;
    height: auto;
    overflow: hidden;
	/* text-indent: 28px; */
}
.company_profile .com_top_a{
    margin-bottom: 10px;
}
.about_list {position: relative; clear:both; margin-top:15px;overflow: hidden;padding-top: 30px;}
.about_list li { background-color: #ededed; padding: 20px; float: left; height: 159px; width: 150px; margin-right: 5px; margin-left: 5px;  position: relative;}
.about_list h4 { font-size: 18px; line-height: 50px; text-align: center; height: 50px; position: relative;white-space:nowrap; overflow:hidden; text-ocerflow:ellipsis; }
.about_list p { line-height: 25px; color: #999999; text-align: center; float: left; position: relative; }
.about_list i { width:20px; position:absolute; right:3px; top:-10px;}


.team { background-image: url(../img/index_bg2.jpg); background-repeat: repeat-x; width: 100%; padding-top: 30px; padding-bottom: 30px; }
.title3 { text-align: center; width: 100%; position:relative; }
.title3 p { font-size: 22px; line-height: 40px; font-weight: normal; color: #FFFFFF; height: 40px; width: 100%; position:relative; padding-bottom: 5px; }
.title3 p b { color:#fe0000; position:relative;}
.title3 p:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;border-top:8px solid #a5a5a5;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0}
.title3 dt { font-size: 14px; line-height: 30px; font-weight: lighter; text-transform: uppercase; color: #CCCCCC; text-align: center; height: 30px; width: 100%; padding-top: 10px; font-family: "Courier New", Courier, monospace; }
.productsroll {
    position: relative;
    width: 1240px;
    margin-top: 20px;
    height: 390px;
    margin-bottom: 20px;
	margin-right: auto;
    margin-left: auto;
}
#LeftArr1,#RightArr1{background-image:url(../img/product_arrow.gif);width:25px;height:130px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr1{background:url(../img/left-a.png) left 0 no-repeat; width:24px ; height:44px;cursor:pointer;position:absolute; top:171px; left:-70px;z-index:1}
#RightArr1{background:url(../img/left_08.png) left top no-repeat; width:24px ; height:44px;cursor:pointer;position:absolute;top:171px;z-index:1; right:-70px;}
#ScrollBox{width:1200px;overflow:hidden;}
#ScrollBox li{ display:inline; float:left; margin:0 20px; width:270px; height:400px; text-align:center;}
#ScrollBox li a{display:block; height:400px;position:relative;}
#ScrollBox li a img{height:270px; width:270px; display:block;}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#000; overflow:hidden;}
#ScrollBox li a dl{ width:270px; height:130px; background-color:#c80000; color:#fff;}
#ScrollBox li a dl dt{ width:270px; font-size:16px; text-align:center; padding-top:14px;}
#ScrollBox li a dl span{ width:20px; height:4px; background-color:#fff; display:block; margin:10px 125px 5px 125px;}
#ScrollBox li a dl dd{ width:212px; font-size:14px; line-height:24px; text-align:center; margin-left:29px;}



.lc_inv{width: 100%;}
.lc_inv .thd{margin-bottom: 20px;}
.thd {
    border-bottom: 2px solid #dfdfdf;
    height: 38px;
    line-height: 38px;
}
.thd li {
    cursor: pointer;
    margin-right: 30px;
    float: left;
    height: 38px;
    position: relative;
    padding: 0 2px;
}
.thd li.on:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 1px;
    background: #d81e06;
    content: '';
}
.lc_inv .thd li.right{float: right;margin:0;}
.lc_inv .thd li.right a{font-size: 14px;color: #B01F30;}
.thd_a a{float: left;border-left: 1px solid #d9d9d9;line-height: 20px;padding: 0 9px;margin-top:10px;font-size: 15px;color: #666;min-width: 50px;text-align: center;}
.sjleft{width: 384px;}
.sjimg img{width: 170px;height: 122px;}
.sjleft .iflist{border-top:none;}
.cont_inv .lcinfo .iflist {padding-top:5px;}
.cont_inv .lcinfo .iflist li{height: 24px; line-height: 24px;}
.lc_inv{margin-top:15px}
.thd li.on,.lc_rb .hd li,.thd li.on h3,.lc_rb .hd li h3{font-size: 18px;font-weight: normal;}
.thd_a a.on{color: #B01F30;}
.lc_rb,.lc_rc{padding: 0 20px;}
.case_wrap {
    height: 485px;
    overflow: hidden;
}
.col-lg-3 {
    width: 25%;
	float: left;
}
.col-lg-6 {
    width: 50%;
	float: left;
}
.case_wrap .col-lg-6 {
    padding: 0;
}
.top_img {
    margin-bottom: 6px;
}
.img_p a {
    overflow: hidden;
    position: relative;
    width: 100%;
	color: #222;
    display: inline-block;
	text-decoration: none;
}
.top_img img {
    height: 235px;
    width: 100%;
	vertical-align: middle;
	border: 0;
}
.img_p a p {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    left: 0;
    bottom: 0;
    margin: 0;
    text-align: center;
	font-size: 14px;
}
.case_wrap .col-lg-12 {
    padding: 0;
}
.mids_img {
    margin-top: 8px;
}
.mid_img img {
    height: 290px;
    width: 100%;
	vertical-align: middle;
	border: 0;
}
.case_wrap .last_i {
    padding-right: 5px;
    box-sizing: border-box;
}
.mids_img img {
    height: 177px;
    width: 100%;
	vertical-align: middle;
	border: 0;
}
.bot_img img {
    height: 292px;
    width: 100%;
	vertical-align: middle;
	border: 0;
}

.case_wrap img {
    cursor: pointer;
    transition: all 400ms;
}
.case_wrap a:hover img{  
    transform: scale(1.1);
}  
.case_wrap .znli_c{
    width: 48%;
    padding: 0 1%;
}



.news_list_l {
    width: 32%;
}
.news_list_tit {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #b01f30;
    color: #212121;
    /* font-weight: bold; */
}
.news_list_tit span {
    font-size: 16px;
}
.news_list_tit a {
    font-size: 14px;
    font-weight: normal;
}
.img_warp {
    margin: 15px 0;
}
.img_left {
    width: 35%;
}
.news_wrap .clearfix img {
    vertical-align: top;
    width: 100%;
}
.img_right {
    width: 63%;
}
.img_right_tit {
    margin: 0;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.img_right_tit a {
    /*font-weight: bold;*/
	text-decoration: none;
    color: #333;
    font-size: 15px;
	background-color: transparent;
}
.img_right_des {
    font-size: 14px;
    line-height: 24px;
    text-indent: 10px;
    color: #666;
}
.news_item li {
    line-height: 35px;
}
.news_item li a {
    font-size: 14px;
    color: #333;
}
.news_item li a {
    float: left;
    width: 62.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_item li span {
    float: right;
    font-size: 14px;
    width: 22.5%;
    text-align: right;
    color: #777;
}
.news_list_m {
    width: 32%;
}
.news_list_m {
    margin: 0 2%;
}
.news_list_r {
    width: 32%;
}

.news_qus dd {
    font-size: 14px;
    margin: 0;
    margin-bottom: 13px;
    line-height: 24px;
    color: #777;
}
.news_qus span {
    font-style: normal;
    color: #b01f30;
    padding: 0px 1px;
    font-weight: bold;
    font-size: 14px;
}
.news_qus dt {
    margin-bottom: 5px;
    margin-top: 10px;
}
.news_qus dt a {
    /*font-weight: bold;*/
	text-decoration: none;
    color: #333;
    font-size: 15px;
}