@charset "utf-8";

/* CSS Document */

*,html,body{ margin:0px; padding:0px;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,h4,h5,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input, textarea, button, select, radio{margin: 0; padding: 0; border: 0;}

textarea, button, select{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}

textarea{resize: none;}

input,textarea,button {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

a{ color:#333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; font-size: 14px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

@font-face { font-family:"BebasNeue-1"; src: url(../fonts/BebasNeue-1.otf);}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a:link { text-decoration: none;}

a:visited {text-decoration: none;}

a:hover { text-decoration: none;}

a:active {text-decoration: none;}

.cl:after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}

.fl{ float: left;}

.fr{ float: right;}



.common-width{ width:1400px; margin:0 auto;}

#menu{display: none !important;}

#menu.mm-opened{ display: block !important;}



.ads-box{ width:100%; height: 90px;}

.ads-box .ads{ position:relative;}

.ads-box a{ display:block;}

.ads-box .bnt-close{ position:absolute; right:13.5%; top:15px;cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.ads-box .bnt-close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }



.top-box{ width:100%; height:80px; border-bottom: 1px solid rgba(255,255,255,0.2); position: fixed; left: 0; z-index: 999;background-color: #fff;}

.top{ width:100%; height:80px;}

.top-logo{width: auto;
    height: 70px;
    padding-top: 10px;
    float: left;}

.top-logo img{width: auto; height: 70px;}

.top-nav{ height:77px; float: left; margin-left: 180px;}

.top-nav li{ text-align:center; font-size: 16px; float:left; width: 100px; height:77px; line-height:77px; margin: 0 10px; transition: all 200ms;position: relative; border-bottom: 3px solid transparent;}

.top-nav li .waia{display: block;font-size: 16px;transition: all 200ms;color: #514f4f;}

.top-nav li:hover{border-color: #2177c7;}

.top-nav li:hover .waia{color: #514f4f;}

.top-nav li.active{border-color: #2177c7;}

.top-nav li.active .waia{color: #514f4f;}

.top-nav li .xldiv{display: none; position: absolute; top:80px;padding: 0;left: 50%; margin-left: -100px; width: 200px;text-align: center;}

.top-nav li .xldiv a{display: block;background-color:rgba(0,0,0,0.8);font-size: 14px;border-top: 1px solid #313131;color: #ffffff;line-height: 45px;}

.top-nav li .xldiv a:first-child{border: none;}

.top-nav li .xldiv a:hover{background: #1b1b1b;color: #2177c7;}

.top-nav li.cur .waia{ display:block; color: #514f4f; border-bottom:3px solid #2177c7;}

.top-search{ height: 80px; float: right; position: relative;}

.top-search .tu{ margin-top: 26px; border-left: 1px solid rgba(255,255,255,0.8); padding-left: 30px;}

.top-search .tu i{ font-size: 22px; color: #fff; cursor: pointer;}

.top-search .shr{ position: absolute;width: 250px;top: 100%;right: 0;display: none;box-sizing: border-box; background:rgba(0,0,0,0.8);}

.top-search .shr input{ width: 180px;height: 40px;font-size: 14px;color: #aaa;padding: 0 10px; float: left; background: none;}

.top-search .shr button{ width: 50px;height: 40px; line-height: 40px; text-align: center; cursor: pointer; float: right; background: none;}

.top-search .shr button i{ font-size: 22px; color: #fff;}



.change_height.top-box{ height:80px; transition: all .5s;background:#fff; top:0;}



.banner{ width: 100%;position: relative;z-index: 1;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block;position: relative;overflow: hidden;}

.owl-carousel1 .owl-controls{ width:16px!important; left:auto!important; right:50px!important; top:40%!important;}

.owl-carousel1 .owl-controls .owl-page span{width:12px!important; height:12px!important; background:#fff!important; margin: 4px 0px!important;}

.owl-carousel1 .owl-controls .owl-page.active span{ width:12px!important; height:30px!important; background:#2177c7!important;}

#owl-demo .item .datu{ width: 100%;vertical-align: middle;}

#owl-demo .item .zitu{ position: absolute;left: 100%;top: 40%;opacity: 0;filter: alpha(opacity=0); transition: all 1s; text-align: right; color: #fff; font-family: 黑体;}

#owl-demo .item .zitu h3{ font-size: 50px; font-weight: bold; margin-bottom: 10px; text-shadow:0 0 22px rgba(0,0,0,0.75); }

#owl-demo .item .zitu p{ font-size: 42px; font-weight: lighter; text-shadow:0 0 22px rgba(0,0,0,0.75);}

#owl-demo .active .item .zitu {
    top: 40%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    opacity: 1;
    text-align: center;
    filter: alpha(opacity=100);
}

#owl-demo .item img{width: 100%; height:auto;-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);-webkit-transition: all 10s ease;transition: all 10s ease;}

#owl-demo .owl-item.active img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

#bar { width: 0%; max-width: 100%; height: 4px; background: rgba(0,91,172,0.6); overflow: hidden;}

#progressBar { width: 100%; background: transparent; position: absolute; left: 0; bottom: 0;}



.shuzs{ width: 100%; height: 100px; background-color: rgba(0,91,172,0.6); position: absolute; left: 0; bottom: 0; z-index: 99;}

.shuzs li{ width: 20%; height: 74px; float: left; margin-top: 13px;}

.shuzs li .tu{ width: 72px; height: 72px; border: 1px solid #fff; text-align: center; line-height: 72px; border-radius: 50%;}

.shuzs li .tu i{ font-size: 36px; color: #ff3c00;}

.shuzs li .zi{ margin-left: 10px; padding-top: 10px;color: #fff;}

.shuzs li .zi .ms{ line-height: 28px; font-size: 14px;}

.shuzs li .zi .sz{ line-height: 24px; font-size: 14px;}

.shuzs li .zi .sz span{ font-size: 26px;}



.news-box{ width: 100%; height: auto; overflow: hidden; padding: 70px 0; background-color: #fff;}

.news{ width: 100%; height: auto; overflow: hidden;}

.news-bt{ width: 100%; height: auto; overflow: hidden; text-align: center;}

.news-bt h3{ font-size: 36px; font-weight: bold; margin-bottom: 20px;}

.news-bt span{ display: block; width: 50px; height: 3px; background-color: #2177c7; margin: 0 auto;}

.news-nr{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}

.news-nr-l{ float: left; width: 51%; height: auto; overflow: hidden;}



.mid-bt{ width:100%; height:50px;}

.mid-bt ul li{ width: 25%; height:50px; line-height: 50px; text-align: center; float: left; border-right: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #e8e8e8; font-size: 18px;}

.mid-bt ul li:hover,.mid-bt ul li.casehover { background-color:#2177c7; transition: all 0.5s;}

.mid-bt ul li:hover a,.mid-bt ul li.casehover a{ color:#ffffff;}

.mid-nr{ width:100%; height:auto; overflow:hidden;}

.mid-tp{ width:100%; height:auto; overflow:hidden; position: relative;}

.mid-tp-u{ width: 100%; height:80px; line-height: 80px; border-bottom: 1px solid #e8e8e8; font-size: 18px; font-weight: bold; text-align: center;overflow: hidden;}

.mid-tp-u:hover a{ color:#2177c7; transition: all 0.5s;}

.mid-tp-d{ width: 100%; height:auto; overflow:hidden;}

.mid-tp-d ul li{ width: 100%; height: 16px; line-height: 16px; font-size: 16px; margin-top: 32px;}

.mid-tp-d ul li i{ display: block; color: #666; float: left; font-size: 22px;}

.mid-tp-d ul li a{ width: 70%; height: 16px; line-height: 16px; display: block; color: #666; float: left;overflow: hidden;

    white-space: nowrap;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;}

.mid-tp-d ul li span{ float: right; color: #999; font-size: 14px;}

.mid-tp-d  ul li:hover a{ color:#2177c7; transition: all 0.5s;}

.news-nr-r{ float: right; width: 45%; height: auto; overflow: hidden;}

#owl-news { width: 100%; margin-left: auto; margin-right: auto;}

#owl-news .item{ display: block;position: relative;}

#owl-news .item .tu{width: 100%; height: 400px;}

#owl-news .item .tu img{ width: 100%; height: 400px; vertical-align: middle;}

#owl-news .item .itemzi{ width: 100%; height: 50px; position: absolute; left: 0; bottom: 0px; color: #fff; background-color: rgba(0,0,0,0.67);}

#owl-news .item .itemzi-nr{ width:70%; float:left; padding-left:3%;}

#owl-news .item .itemzi .biaoti{ font-size: 16px; height: 50px; line-height:50px; overflow: hidden;}



.news-ad{ width: 100%; height:128px; margin-top: 50px;}

#owl-ads { width: 100%; margin-left: auto; margin-right: auto;}

#owl-ads .item{ display: block;position: relative;}

#owl-ads .item .tu{width: 100%; height: 128px;}

#owl-ads .item .tu img{ width: 100%; height: 128px; vertical-align: middle;}



.silution{ width:100%; position:relative;}

.silution img{ width:100%; display:block; transition: all 1.5s;}

.silution .tab{ width:100%; overflow:hidden; position:absolute; bottom:50px; left:0%; z-index:9; }

.silution .tab p{ width: 1400px;
    height: 110px;
    margin: 0 auto;
    background: none;}

.silution .tab i{ width: 64px; height: 64px; line-height: 64px; border: 1px solid #fff; border-radius: 50%; font-size:30px; vertical-align:middle; color: #fff; margin: 0 auto 10px auto; display: block;}

.silution .tab a{ display: block;
    float: left;
    width: 12.5%;
    height: 140px;
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: all .5s;}

.silution .tab a i:hover{ background:rgba(34,104,189,0.8); border:1px solid rgba(0,157,229,0.8); color:#fff; transition: all .5s;}

.silution .tab a.on i{ background:rgba(34,104,189,0.8); border:1px solid rgba(0,157,229,0.8); color:#fff; transition: all .5s;}

.silution .content{ overflow:hidden;}

.silution .content li{ display:none; }

.silutionbg{ position:absolute; top:0; left:0; z-index:5; width:100%; display:block; height:100%; background:rgba(0,0,0,0.5);}

.silution .active .swiperfont{ top: 50%;opacity: 1;filter: alpha(opacity=100);}

.swiperfont{ width:72%; position:absolute; left:14%; top:14%; color:#fff; text-align:center; z-index:9;}

.busi-wz{ width:100%; height: auto;}

.busi-wz dl dt {width:100%; height:auto; overflow:hidden; margin-bottom:60px;}

.busi-wz dl dt h3{ margin-bottom:15px;font-size:36px; font-weight:bold; }

.busi-wz dl dt h3 a{ color: #fff;}

.busi-wz dl dt span{ display:block; width: 50px; height: 3px; background-color: #fff; margin: 0 auto;}

.busi-wz dl dd{ width:64%; font-size:16px; height:68px; line-height:34px; overflow:hidden; color: #fff; margin:0 auto;}

.busi-wz dl dd.more { width: 174px; height: 48px; line-height:48px; display: block; margin-top:50px; border: 1px solid #fff; font-size: 14px; text-align:center;}

.busi-wz dl dd.more:hover{ background:#2177c7; border:1px solid #2177c7; color:#fff; transition: all .5s;}

.busi-wz dl dd.more a{ display: block; color: #fff;}

.busi-wz dl dd.more i{ margin-left: 15px; color: #fff; font-size:20px; vertical-align:middle;}

.busi-wz dl dd.more:hover i{  margin-left: 25px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

}





.industry-box{ width: 100%; height: auto; overflow: hidden; margin-top: -5px; background: url(../images/co-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}

.industry{ width: 100%; height: auto; overflow: hidden; padding: 70px 0;}

.industry-bt{ width: 100%; height: auto; overflow: hidden; text-align: center;}

.industry-bt h3{ font-size: 36px; font-weight: bold; margin-bottom: 20px;}

.industry-bt h3 a{ color: #fff;}

.industry-bt span{ display: block; width: 50px; height: 3px; background-color: #fff; margin: 0 auto;}

.industry-nr{ width:100%; height:auto; overflow: hidden; background-color: rgba(255,255,255,0.9); margin-top: 50px;}



#owl-industry .owl-buttons .owl-prev,#owl-industry .owl-buttons .owl-next{ width: 34px!important; height: 47px!important; margin-top:-23px; font-size:0px!important; padding:0px!important; border-radius:0px!important; position:absolute; top:10px;}

.owl-buttons .owl-prev,.owl-buttons .owl-next{ width: 34px!important; height: 47px!important; margin-top:-23px; font-size:0px!important; padding:0px!important; border-radius:0px!important; position:absolute; top:220px;}

.owl-buttons .owl-prev{ left:0px; background-image:url(../images/event_slick_prev.png)!important; }

.owl-buttons .owl-next{ right:0px; background-image:url(../images/event_slick_next.png)!important;}

.owl-buttons .owl-prev:hover{ background-image:url(../images/event_slick_prevh.png)!important;}

.owl-buttons .owl-next:hover{ background-image:url(../images/event_slick_nexth.png)!important;}



.ind-nr{ width:100%; height:auto; overflow: hidden; background-color: rgba(255,255,255,0.9);}

.in-bt{ width:100%; height:90px;}

.in-bt ul li{ width: 14.2%; height: 90px; border-right: 1px solid #e5e5e5; text-align:center; float: left; background-color:#f2f2f2;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}

.in-bt ul li:first-child{ width: 14.5%; }

.in-bt ul li:nth-child(7){ width: 14.5%; }

.in-bt ul li i{ display: block; font-size: 40px; color: #2177c7; padding: 12px 0 0 0;}

.in-bt ul li p{ font-size: 17px; font-weight: bold;}

.in-bt ul li:hover,.in-bt ul li.casehover { background-color:#ffffff;}

.in-nr{ width:90%; height:auto; overflow:hidden; padding: 50px 5%;}

.in-tp{ width:100%; height:325px; overflow:hidden; position: relative;}

.in-tp-tp{ width: 40%; height: 325px; float: left;}

.in-tp-tp img{ width: 100%; height: 325px;}

.in-tp-wz{ width: 55%; height: auto; overflow: hidden; float: right;}

.in-tp-wz dl{ width: 100%; height: auto; overflow: hidden; padding-top: 20px;}

.in-tp-wz dt{ font-size: 22px; font-weight: bold; margin-bottom: 10px;}

.in-tp-wz dd{ font-size: 16px; height: 140px; line-height: 35px; overflow: hidden; color: #666;}

.in-tp-wz:hover dt a{ color: #2177c7; transition: all .5s;}



.in-tp-wz dl dd.more { width: 168px; height: 40px; line-height:40px; display: block; margin-top:50px; border: 1px solid #666; font-size: 14px; text-align:center;}

.in-tp-wz dl dd.more a{ color: #666;}

.in-tp-wz dl dd.more i{ margin-left: 15px; color: #666; font-size:20px; vertical-align:middle;}

.in-tp-wz dl dd.more:hover i{  margin-left: 25px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

}



.party-box{ width: 100%; height: auto; overflow: hidden; background-color: #fff; padding: 70px 0 30px 0;}

.party{ width: 100%; height: auto; overflow: hidden;}

.party-l{ width: 65%; height: auto; overflow: hidden; float: left;}

.party-bt{ width: 100%; font-size: 26px; font-weight: bold;}

.party-nr{ width: 100%; height: auto; overflow: hidden;}

.party-nr ul li{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}

.party-nr ul li:hover .party-nr-wz h3{ color: #2177c7; transition: all .5s;}

.party-nr-tp{ width: 23%; height: 128px; overflow: hidden; float: left;}

.party-nr-tp img{ width: 100%; height: 128px; overflow: hidden;}

.party-nr-wz{ width: 73%; height: auto; overflow: hidden; float: right;}

.party-nr-wz h3{ width: 100%; font-size: 18px; font-weight: bold; padding-top: 6px;}

.party-nr-wz span{ display: block; font-size: 15px; color: #999; font-family: Arial; margin: 5px 0  10px 0;}

.party-nr-wz p{ font-size: 15px; line-height: 28px; height: 56px; overflow: hidden; color: #666;}

.party-r{ width: 31%; height: auto; overflow: hidden; float: right;}

.party-r-tu{ width: 100%; height:230px; overflow: hidden; position: relative; margin-bottom: 45px;}

.party-r-tu img{ width: 100%; height:230px; overflow: hidden;}

.party-r-tu h3{ font-size: 26px; font-weight: bold; color: #fff; position: absolute; top: 30px; left: 30px;}

.party-r-sp{ width: 100%; height:230px; overflow: hidden; position: relative; margin-bottom: 50px;}

.party-r-sp img{ width: 100%; height:230px; overflow: hidden;}

.party-r-sp h3{ font-size: 26px; font-weight: bold; color: #fff; position: absolute; top: 30px; left: 30px;}

.party-r-sp i{ font-size: 40px; color: #fff; position: absolute; top: 50%; left:50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);}

.party-k{ width: 100%; height:100%; position: absolute; background-color: rgba(0,0,0,0.4); top: 0; left: 0;}



.project-box{ width: 100%; height: auto; overflow: hidden; background-color: #ffffff; padding:0 0 70px 0;}

.project{ width: 100%; height: 208px; overflow: hidden;}

.fsbanner, .fsbanner > div > span { display:none;}

div.fsbanner { position:relative; overflow:hidden; height:208px; color:white; font-size:20px;}

.fsbanner > div { position:absolute; background-size:cover; top:0; left:0;}

.fsbanner > div .name { display:block; width:100%; height:100%; position:absolute; left:10px; bottom:-10px; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
/*
.fsbanner > div .name.minimized { transform: rotate(-90deg); transform-origin: left top 0; bottom: 0; left: 0;}*/



.part-box{ width: 100%; height: auto; overflow: hidden; background-color: #f6f6f6; padding: 70px 0;}

.part{ width: 100%; height: auto; overflow: hidden;}

.part-tp{ width:100%; height:auto; margin-top:50px;}

#owl-part{ width: 100%; margin:0 auto;}

#owl-part.item{ display: block;position: relative; width:100% ; margin:0 auto;}

#owl-part .item .itempic01{ width:90%;    margin: 0 auto;}

#owl-part .item .itempic01 ul li{ width:100%; height:86px; margin-bottom: 25px; background-color:#ffffff; float:left; border:1px solid #cccccc; text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#owl-part .item .itempic01 ul li img{ max-width:100%; padding-top:15px; max-height:64px; margin:0 auto;}

#owl-part .item .itempic01 ul li:hover{ border:1px solid #2177c7; transition: all .5s;}



.foot-box{ width: 100%; height: auto; overflow: hidden; padding: 30px 0 10px 0; background:#303337 url("../images/foot-bg.jpg") no-repeat center;}

.foot{ width: 100%; height: auto; overflow: hidden; color: rgba(255,255,255,0.8);}

.foot-l{ width: 30%; height: auto; overflow: hidden; float: left;}

.foot-bt{ width: 100%; font-size: 26px; margin-bottom: 20px; color: rgba(255,255,255,0.8);}

.form-group{ width: 98%; height: 38px; border: 1px solid rgba(255,255,255,0.6); margin-bottom: 20px;}

.form-group input{ width: 100%; height: 38px; background: none; text-indent: 2em; color: rgba(255,255,255,0.8);}

.form-group.liuyan{ height: 70px;}

.form-group textarea{ width: 100%; height: 70px; line-height: 24px; background: none; text-indent: 2em; padding-top: 10px; color: rgba(255,255,255,0.8); font-family: Microsoft YaHei;}

.form-group.tijiao{ width: 50%; text-align: center;}

.form-group.tijiao:hover{ border:1px solid #2177c7; transition: all .5s;}

.form-group button{ width: 100%; height: 38px; background: none; color: rgba(255,255,255,0.8);}

.foot-m{ width: 22%; height: auto; overflow: hidden; float: left; margin: 0 12%;}

.foot-m ul li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 35px;}

.foot-m ul li h3{ width: 100%; color: rgba(255,255,255,0.8);}

.foot-m ul li span{ display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,0.8); margin: 20px 0;}

.foot-m ul li p{ font-size: 18px; color: rgba(255,255,255,0.8);}

.foot-m ul li p.tel{ font-size: 26px;}

.foot-m ul li p.tel b{ font-size: 18px;}

.foot-r{ width: 24%; height: auto; overflow: hidden; float: right;}

.foot-r dl dd{ width: 40%; height: auto; overflow: hidden; margin-right: 10%; float: left; text-align: center;}

.foot-r dl dd:last-child{ margin-right: 0;}

.foot-r dl dd img{ width: 100%; height: auto; overflow: hidden;}

.foot-r dl dd p{ width: 100%; font-size: 14px; color: rgba(255,255,255,0.8); margin-top: 15px;}



.foot1-box{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: rgba(255,255,255,0.8); background-color: #282b2f;}

.foot1-box a{ color: rgba(255,255,255,0.8);}

.foot1-box a:hover{ color: #fff; transition: all .5s;}







/* 产业集群 */

.event_box{width:100%;position:relative;}

.event_box .parHd {width:100%;height:90px;overflow:hidden;}

.parHd ul{width:100%;text-align:center;}

.parHd .tempWrap{ width: 100%;}

.parHd li{ display: inline-block; width: 200px !important; height: 90px; border-right: 1px solid #e5e5e5; cursor: pointer; text-align:center; float: left; background-color:#f2f2f2;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;position:relative;}

.parHd li i{ display: block; font-size: 40px; color: #2177c7; padding: 12px 0 0 0;}

.parHd li p{ font-size: 17px; font-weight: bold;}

.parHd li.act { background-color:#ffffff;}

.parBd { width: 90%; height: auto; overflow: hidden; padding: 50px 5%;}

.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}

.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}

.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}

.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}

div#listBox {width:100%;}

.sPrev,.sNext{width:32px;height:32px;display:block;position:absolute;top:200px; cursor: pointer;}

.sPrev{left:20px;}

.sNext{right:20px;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li span,.parHd li.clone span{display:none;}







@media screen and (max-width:1024px){



.ads-box{ display: none;}

.top-nav{ display: none;}

#menu{ display:block;}



.phone_nav a

{

    display: block;

    width: 28px;

    height: 18px;

    position: absolute;

    top: 20px;

    right: 2%;

}

.phone_nav a:before,

.phone_nav a:after

{

    content: '';

    display: block;

    background: #2177c7;

    height: 2px;

}

.phone_nav a span

{

    background: #2177c7;

    display: block;

    height: 2px;

    margin: 6px 0;

}



}



@media screen and (max-width:768px){



    .common-width{ width:96%;}





}



@media only screen and (max-width:640px){





    .phone_nav a

    {

        display: block;

        width: 23px;

        height: 13px;

        position: absolute;

        top: 12px;

        right: 2%;

    }

    .phone_nav a:before,

    .phone_nav a:after

    {

        content: '';

        display: block;

        background: #2177c7;;

        height: 2px;

    }

    .phone_nav a span

    {

        background: #2177c7;;

        display: block;

        height: 2px;

        margin: 6px 0;

    }



}



.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel{padding:0 !important;}
.foot-m ul li p.n{padding-left:54px;}
@media screen and (max-width: 768px){
    .foot-m ul li p.n{padding-left:48px;}
}