/* CSS Document */
.center{
    height: 190px;
    position: relative;
    background: #a6a6a6;
    /*background: #a6a6a6;*/
    padding: 0px 15%;
    box-sizing: border-box;
	width:100%;
}
.center li {
    color: #fff;
    float: left;
    width: 25%;
	text-align:center;
	height:95px; padding:50px 0;
	text-align:center;
	position:relative;
}
.center li i{ display:block; background:#fff; height:160px; width:1px; position:absolute; right:-1px; top:20px;}
.center li em{
    font-style: normal;
    height: 70px;
    line-height: 70px;
    margin-left: 8px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}
.center li em span{ height: 70px;
    font-size: 65px;
    line-height: 70px;margin-right: 8px;}


.about{ width:70%; margin:80px auto 30px auto; position:relative;}
.aboutit{ width:100%; position:relative; margin-bottom:40px; text-align:center;}
.aboutit em{ font-size:24px; line-height:40px; margin-bottom:15px; color:#332c2b; font-style:normal; }
.aboutit h2{ width: 310px; margin:0 auto; height:35px; position:relative; text-align:center;}
.aboutit h2 span{ display:block; width:120px; height:35px; margin:0 auto; position:relative; z-index:2; text-align: center; line-height:35px; color:#eb3d00; font-size:18px; background:#fff}
.aboutit h2 i{ position:absolute; left:0; top:17px; display:block; width:100%; height:1px; background:#332c2b}
.aboutbox{ width:100%; margin:0 auto; font-size:14px; line-height:30px; color:#808080; /*text-align:center;*/ margin-bottom:20px; max-width:100%;}
.more{ font-size:14px; color:#808080; margin:0 auto; display:block; width:80px;}
.more:hover{ color:#eb3d00; }

.ablist{ width:70%; margin:80px auto 30px auto; position:relative;}
.video{ width:43%; float:left;}
.video img{ width:100%; vertical-align:middle;}
.ablist ul{ width:57%; float:left;}
.ablist ul li{ width:49%; margin-left:1%; height:100%; margin-bottom:5px; position:relative; overflow:hidden; float:left;}
.ablist ul li .pic{ width:49%; float:right; overflow:hidden; background:#fff; padding-left:2%;}
.ablist ul li .pic img{width:100%; vertical-align:middle; transition:all 1s;}
.ablist ul li .abtx{ width:49%; float:left; height:100%; position:relative;}
.ablist ul li .abtx img{ width:100%; vertical-align:middle;}
.ablist ul li .abtx a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.lei1 a{ background:#ff4200;}
.lei2 a{ background:#e8821e;}
.lei3 a{ background:#f2a347;}
.lei4 a{ background:#f26a44;}
.lei3 .pic{float:left !important; padding-left:0% !important; padding-right:2%;}
.lei4 .pic{float:left !important; padding-left:0% !important; padding-right:2%;}
.ablist ul li .abtx h2{ width:80%; margin:15px 10% 5px 10%; color:#fff; font-size:18px; line-height:30px;}
.ablist ul li .abtx p{ width:80%; margin:0 10% 0 10%; color:#fff; font-size:16px; line-height:25px; opacity:0.5;}
.ablist ul li .abtx span{ display:block; width:25px; height:25px; background:url(../images/icon1.png) center no-repeat; position:absolute; left:15px; bottom:15px; }
.pic:hover img{ transform:scale(1.1)}

.case{width:70%;  position:relative; margin:80px auto; overflow:hidden;}
/*.case li{ width:16.6%; float:left; position:relative; overflow:hidden; background:#e6e6e6; border-right:1px solid #fff;}*/
.catit{ width:100%; margin-bottom:25px;}
.catit p{ font-size:21px; line-height:30px; color:#808080;}
.catit h2{ font-size:36px; line-height:45px; color:#000;}

.case li{ width:24.25%; margin-right:1%; margin-bottom:1%; float:left; position:relative; overflow:hidden; background:#e6e6e6;}
.case li:nth-child(1){width:32.66% !important;}
.case li:nth-child(2){width:32.66% !important;}
.case li:nth-child(3){width:32.66%  !important; margin-right:0 !important;}
.case li:nth-child(7){ margin-right:0 !important;}
.case li:nth-child(6){ border:none !important;}
.case li .title{ width:100%; height:100%; position:absolute; left:0; top:0;  text-align:center;transition:all 1s; z-index:22;background:rgba(230,119,81,0.6);}
.case li .title h2{ width:100%; position:absolute; left:0; top:50%; margin-top:-20px; height:40px; line-height:40px; font-size:36px; color:#fff;}
.case li .title span{ display:block; width:45px; height:45px; background:url(../images/icon3.png) center no-repeat; position: absolute; left:50%; top:50%; margin-left:-22.5px; margin-top:30px; }
.case li .pic{ width:100%; overflow:hidden;transition:all 1s; position:relative;}
.case li .pic img{ width:100%;  vertical-align:middle;}
.case li .pic .bgc{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.case li:hover .title{ background:rgba(0,0,0,0.2);}
.case li:hover .title span{ display:  none;  }

/*.case li:hover{background:#eb3d00;}
.case li:hover .title{ padding-bottom:20px; }
.case li:hover .title h2{ color:#fff;}
.case li:hover .title span{background:url(../images/icon3.png) center no-repeat;  }
.case li:hover  .pic{height:670px;}
.case li:hover  .pic .bgc{ display:none;}*/

.news{ width:70%; margin:80px auto 30px auto; position:relative; overflow:hidden;}
.newsleft{ width:55%; float:left;}
.newslist{ width:100%;}
.hono{ width:35%; float:right; overflow:hidden;}
.hono .slides li{ margin-right:2px !important; height:400px; background:#f4f4f4; padding-bottom:5px;}
.hono .slides li img{ width:auto; height:auto; max-height:360px; position: relative; top:50%; max-width:100%; display:block; margin:0 auto; transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
.hono .slides li .pic{ width:100%; height:360px; position:relative;}
.hono li h2{ width:100%; line-height:40px;font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; margin-top:5px; color:#333; }
.hono  .flex-control-nav{ text-align:center ;}
.newstit{ width:100%; position:relative; margin-bottom:40px;}
.newstit em{ font-style:normal; display:block; font-size:24px; color:#808080; line-height:40px; opacity:0.5;}
.newstit h2{ font-style:normal; display:block; font-size:36px; color:#000; line-height:50px; }
.newsli{ width:95%; position:relative; overflow:hidden; margin-bottom:40px;}
.newsli h2{ font-size:20px; line-height:36px; color:#333; max-height:72px; overflow:hidden; margin-bottom:5px;}
.newsli p{ font-size:14px; line-height:26px; color:#333; max-height:52px; overflow:hidden; margin-bottom:20px;}
.newsli span{ display:block; width:150px; height:35px; border:1px solid #333; color:#333; line-height:35px; text-align:center;}
.newsli:hover span{background:#eb3d00; color:#fff; border:1px solid #eb3d00}

.newslist .slides{ width:100%;}
.newslist .slides li { width:100%; vertical-align:middle; margin-right:10px;}
.newslist .flex-control-nav{ position: relative;opacity:1;  width:100%; height:30px;  z-index:22; }
.newslist .flex-control-nav li{ width:12px; height:12px; margin:5px; position:relative; display:inline-block; cursor:pointer; overflow:hidden; background:#dcdcdc; border-radius:50%; overflow:hidden;}

.newslist  .flex-control-nav li a{ text-indent:-999em; width:12px; height:12px;position:relative; display:block;}
.newslist  .flex-active{ background:#eb3d00;}
.newslist .flex-direction-nav{ display:none;}
.newslist .flex-control-nav li:hover a{ background:#eb3d00;}

.newslist1 .bx-default-pager{ text-align:center}
.newslist1 .bx-default-pager .bx-pager-item{ width:12px; height:12px; margin:5px; position:relative; display:inline-block; cursor:pointer; overflow:hidden; background:#dcdcdc; border-radius:50%; overflow:hidden;}
.newslist1  .bx-default-pager  a{ text-indent:-999em; width:12px; height:12px;position:relative; display:block;}
.newslist1  .bx-default-pager .active{ background:#eb3d00;}
.newslist1 .bx-controls-direction{ display:none;}
.newslist1 .bx-default-pager .bx-pager-item:hover a{ background:#eb3d00;}

.newshot .pic img{ width:100%; vertical-align:middle;}
.newshot h2{ font-size:20px; line-height:36px; color:#333; max-height:72px; overflow:hidden; margin-bottom:5px;}
.newshot p{ font-size:14px; line-height:26px; color:#333; max-height:52px; overflow:hidden; margin-bottom:20px;}
.newshot a{ display:block; width:150px; height:35px; border:1px solid #333; color:#333; line-height:35px; text-align:center;}
.newshot a:hover{background:#eb3d00; color:#fff; border:1px solid #eb3d00}
@media( max-width:1380px){
.case li .title h2{height:30px; line-height:30px; font-size:21px; margin-top:-15px;}	
.ablist ul li .abtx h2{ margin:10px 10% 5px 10%; line-height:28px;}
.ablist ul li .abtx p{ font-size:14px; line-height:20px;}

.ablist ul li .abtx span{bottom:10px; }

}
@media( max-width:900px){

.center{
    height: auto;
    padding: 20px 5% 0;
	overflow:hidden;
}
.center li {
    width: 50%;
	height:60px; padding: 0;
	margin-bottom:20px;
}
.center li i{  height:60px; top:0px;}
.center li:nth-child(2) i{ display:none;}
.center li em{
    font-style: normal;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
}
.center li em span{ height: 40px;
    font-size: 24px;
    line-height: 40px;}

.center li p{ font-size:13px; line-height:20px;}



.about{ width:90%; margin:30px auto 20px auto;}
.aboutit{ margin-bottom:20px;}
.aboutit em{ font-size:21px; line-height:30px; margin-bottom:10px; }
.aboutit h2{ width: 310px; margin:0 auto; height:30px;}
.aboutit h2 span{width:100px; height:30px; line-height:30px;  font-size:16px; }

.aboutbox{ width:100%; font-size:13px; line-height:26px;}
.more{ font-size:14px; color:#808080; margin:0 auto; display:block; width:80px;}
.more:hover{ color:#eb3d00; }

.ablist{ width:90%; margin:30px auto 20px auto;}
.video{ width:100%; float:none; margin-bottom:5px}
.video img{ width:100%; vertical-align:middle;}
.ablist ul{ width:100%; float:none;}
.ablist ul li{ width:100%; margin-left:0%; overflow:hidden; float:none;}



.case{ margin:30px 0;}




.news{ width:90%; margin:30px auto;}
.newstit{ margin-bottom:20px;}
.newstit em{  font-size:16px;line-height:25px;}
.newstit h2{ font-size:21px; line-height:30px; }
.newsli{ margin-bottom:20px;}
.newsli h2{ font-size:16px; line-height:30px; color:#333; max-height:60px;}
.newsli p{ font-size:13px; line-height:20px; color:#333; max-height:40px;margin-bottom:10px;}
.newsli span{  width:100px; height:30px; line-height:30px;}

.newslist .slides{ width:100%;}
.newslist .slides li { width:98%; vertical-align:middle; margin-right:0px;}

.newshot h2{ font-size:16px;line-height:30px; color:#333; max-height:60px;}
.newshot p{font-size:13px; line-height:20px; color:#333; max-height:40px;margin-bottom:10px;}
.newshot a{ width:100px; height:30px; line-height:30px;}


.newsleft{  width:100%; float:none; margin-bottom:30px;}
.hono{ width:100%; float:none; overflow:hidden;}

.case{ width:90%; margin:30px auto;}
/*.case li{ width:16.6%; float:left; position:relative; overflow:hidden; background:#e6e6e6; border-right:1px solid #fff;}*/
.catit{ width:100%; margin-bottom:10px;}
.catit p{  font-size:16px;line-height:25px;}
.catit h2{ font-size:21px; line-height:30px; }

.case li .title h2{  margin-top:-20px; height:30px; line-height:30px; font-size:14px;}
.case li .title span{ display:none; width:40px; height:40px; background-size:40px auto;  margin-left:-20px; margin-top:25px; }



}