.qing {display: block;clear: both;min-width: 1300px; padding:20px 0px;}
.juzhong {width: 1300px;display: block;margin-left: auto;margin-right: auto;}
.lf {display: block;float: left;}
.rf {display: block;float: right;}


/**********内页************/
.run_banner { position: relative;overflow: hidden;}
.run_banner  img {
    width: 100%;
    animation:scale_b 6s linear infinite alternate;
    position: relative;
    z-index: 0;
 }

@-webkit-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-moz-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-o-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-ms-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }  
}

.header_bt { padding-top:50px; margin-bottom:40px;}
.header_bt p {text-align: center;}
.header_bt p.title { color: #444;font-size: 26px}
.header_bt p.subtitle {color: #c1c1c1; font-size: 14px; line-height: 30px; text-transform:uppercase;}

.page_box p{text-indent: 2em;font-size: 16px;line-height:2;color: #666;}

.n_box{ padding:20px 0px;}


/***************产品展示********************/
#category{ text-align:center;padding-bottom: 50px;}
#category li {display: inline-block;}
#category a {height:35px;line-height:35px;padding: 0px 30px;color: #616161;border:1px solid #313131; margin-right:4px; display: inline-block;border-radius:20px;transition: all 0.3s ease-out 0s;text-align: center;}

#category a.active, #category a:hover {background: #FC9B00;color: #fff;border-color: #FC9B00;}
#projectlist{ overflow:hidden;}
#projectlist .wrapper {
    margin-left: 1%
}
#projectlist .projectitem {
    width: 24%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    position: relative;
    background: #fff
}
#projectlist .projectitem a {
    display: block;
    overflow: hidden
}
#projectlist .project_img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectlist .projectitem a:hover img {transform: scale(1.1, 1.1)}
#projectlist .projectitem a .project_info{ position:relative;}
#projectlist .projectitem a .project_info div { position: relative;top: 50%;height: 50px;width: 100%;margin-top: 0px;top: auto;}
#projectlist .projectitem a .project_info p.title {color:#535353;font-size: 16px;text-align: left;overflow:hidden;height: 50px; line-height:50px;transition: all ease-out .3s;}
#projectlist .projectitem a .project_info:after { content: ''; position: absolute; bottom: -20px; left: 0px; width: 0px; height: 2px; background: #626262; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 26px 0; }
#projectlist .projectitem a:hover .project_info:after { width: 20px; }





/**************产品展示内页*************/
.scrolllist a.abtn{display:block;width:40px;height:22px;overflow:hidden; margin:0 auto;}
.scrolllist a.aleft{ background:url(../images/lprev.png) no-repeat;}
.scrolllist a.agrayleft{cursor:default; background:url(../images/prev.png) no-repeat;}
.scrolllist a.aright{background:url(../images/lnext.png) no-repeat;}
.scrolllist a.agrayright{cursor:default;background:url(../images/next.png) no-repeat;}

.scrolllist{width:140px;overflow:hidden; float:left; margin-top:28px;}
.scrolllist .imglist_w{width:140px;height:404px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:156px;padding:0 10px;}
.scrolllist .imglist_w li img{padding:10px 3px;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left;}

.rightc{ float:right; width:1150px;}	
.rTitle{text-align:left; font-size:24px; color:#202020;}

.sec { float:left;}
.bnspic a{display:block;}

.big_pic, .big_pic a, .big_pic img{width:552px;height:400px;}
.big_pic{overflow:hidden;position:relative;margin-top: 18px;float:left; border:1px solid #ccc; width:550px;}

.big_pic li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.3s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic .txt{width:545px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#BDBDBD;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_pic a:hover .txt{color:#FFFFFF;}
.small_pic{width:450px;position:relative;/*left: 30px;overflow: hidden;*/}
.small_pic .views{ font-size:20px; color:#f70e0f; text-transform:uppercase; line-height:45px;}
.small_pic a, .small_pic img{width:140px;height:100px;}
.small_pic img{border: 1px solid #ccc;}
.small_pic a{transition:all ease .2s; cursor:pointer;}
.small_pic .on, .small_pic li:hover{position:relative;z-index:1;}
.small_pic .on a{background:#FACC16;}
.small_pic li{width:150px;height:105px;float:left;}



.par_pic{width:480px; float:left;position:relative;left:25px;overflow: hidden;}
.par_pic .views{ font-size:20px; color:#f70e0f; text-transform:uppercase; line-height:36px;}
.par_pic .div{text-align:center;}


.pdf_p{width:100px; float:right;position:relative; margin-top:-150px;}
.pdf_p .views{ font-size:13px; color:#242424; text-transform:uppercase; line-height:45px;}
.pdf_p .div{text-align:center;}

.pop {  display: none;  width:530px;  position:fixed; top:50%;left:50%; transform:translateX(-50%) translateY(-50%); margin: auto;  z-index: 130;}
.bgPop{  display: none; position:fixed;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.5);box-sizing: border-box;}

.choose-city-warp{width: 500px; height: 350px;  padding: 10px; background-color: rgba(0,0,0,0.5); border-radius: 5px; z-index: 199;}
.xinxi_box{background: url(../images/navbg.jpg); background-size: cover; width: 100%; height: 100%; padding: 15px; box-sizing:border-box;}


.head_title { text-align:center; font-size: 20px;color: #535353;font-weight: bold;}
.reg_ul{width: 90%; margin: 0 auto;}
.reg_ul li{margin: auto; overflow: hidden; width: 100%;margin-top: 15px;position:relative;}
.reg_ul li span{float: left;width:70px;text-align:left;display:inline-block; margin: auto;margin-left:30px;margin-top: 10px;}
.reg_ul li span em{ color:#aa0003; font-size:18px; margin-right:5px;vertical-align: text-top; font-style:normal;}
.reg_ul li span.tip{margin:6px 0 0 10px;width:40px;text-align:left;}
.reg_ul li input{float: left;width: 250px; height: 40px;border:1px solid #7d7d7d;padding-left:5px;outline:medium;margin-left: 10px;}
.reg_ul li input:focus { box-shadow: 0 0 5px rgba(252, 155, 0, 0.3); border: 1px solid rgba(252, 155, 0, 1) !important; } 

.reg_ul li .red_button{color: #ffffff;width: 257px;background-color:#FC9B00;font-size: 16px;padding: 10px 60px;outline: inherit;border-radius: 3px;cursor: pointer;margin-top: 10px;border:1px solid #FC9B00; float: left; margin-left: 10px;}


.layui-layer-setwin {position: absolute;right: 25px;top: 15px;font-size: 0;line-height: initial;}
.pop-close {position: absolute;right: -28px;top: -28px;width: 30px;height: 30px;margin-left: 0;background:url(../images/icon-close.png);_display: none;}





/***************新闻中心*****************************/
#teamlist .wrap {
    margin-right: -40px
}

.teamitem {
    float: left;
    width: 340px;
    height: 460px;
    margin-right:40px;
    margin-bottom: 50px
}

.teamitem a {
    width: 340px;
    height: 320px;
    display: block;
    position: relative;
    overflow: hidden
}

.teamitem .title a {
    color: #9a9a9a;
    display: inline;
}

.teamitem a div.wrap {
    height: 50px;
    width: 100%;
    background: #f7b500;
    position: absolute;
    bottom: -50px;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(0, 0px)
}

.teamitem a:hover div.wrap {
    transform: translate(0, -50px)
}

.teamitem a div.wrap div {
    width: 14px;
    height: 14px;
    margin: 18px auto;
    position: relative
}

.teamitem a div.wrap span {
    display: block;
    background: #fff;
    position: absolute;
}

.teamitem a div.wrap span.h {
    width: 14px;
    height: 2px;
    top: 6px
}

.teamitem a div.wrap span.v {
    width: 2px;
    height: 14px;
    left: 6px
}

.teamitem .teaminfo {
    margin-top: 15px;
    text-align: center
}

.teamitem .teaminfo .title {
    font-size: 18px;
    color: #484848;
}

.teamitem .teaminfo .subtitle {
    font-size: 12px;
    color: #9a9a9a;
    margin-top: 5px
}

.teamitem .teaminfo .description {
    font-size: 12px;
    color: #949494;
    margin-top: 15px;
    line-height: 18px;
    height: 35px;
    overflow: hidden;
	text-align: left;
}


/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding: 50px 80px 50px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#5b0101;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #5b0101;line-height:36px;text-align: center;box-sizing: border-box;color: #5b0101;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #5b0101;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/******联系我们*****/
.n_contact{position: relative; overflow:hidden;height:750px;}

.consec-map{position: absolute; width: 100%; top: 0px;left: 0px;z-index: 1; height:750px;}

.c_box{position: relative;}
.hq{ position: absolute;top: 30px;left: 0;z-index: 3;width: 544px;background: #fff;padding: 29px 40px;box-sizing: border-box;}
.hq h4{display: block;width: 100%;font-size: 24px;line-height: 62px;color: #1654b1;border-bottom: 1px solid #acc3e4;}

.hq-items{display: block;height: 26px;line-height: 26px;margin-top: 26px;font-size: 14px;color: #515355;}
.hq-icon{display: block;float: left;width: 26px;height: 26px;}
.hq-icon img{width: 100%;}
.hq-text{display: block;margin-left: 40px;}

.hq-ewm{margin-top: 35px; overflow:hidden;}
.hq-ewm-items{display: block;float: left;margin-right: 44px;}
.hqewm-pic{width: 127px;height: 127px;padding: 6px;border: 1px solid #d5d7d9;box-sizing: border-box;}
.hqewm-pic img{width: 100%;vertical-align: top;}
.hqewm-text{font-size: 14px;line-height: 46px;text-align: center;color: #666;}


/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 0px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #5b0101; border-color: #5b0101;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}