@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{color:#333; font-size:14px; font-family: 'Roboto','Open Sans', sans-serif; min-width:1200px;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:14px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#ef7f2f; text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.wd{ margin:auto; height:auto;  width:1200px; }

header{ height: auto;width:100%; }
.tm-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: 95px;
    background: white;z-index:100;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.tm-top-bar.active {
	height: 80px;
	
}


.toper{  width:1200px; margin:auto; height:auto;  }
.toper .logo{ width:28%; float:left; margin-top:20px;transition:all 0.3s; }
.toper .logo img{ max-width:100%; } 
.toper .lopad{ width:31%; float:left; font-size:28px;  margin-top:1.56%; border-left:2px #333 solid; padding-left:2%;}
.muen{  float:right; height:auto; }
.muen ul{height:auto; display:block;}
.muen ul li{ float:left; text-align: center; font-size:15px; padding:0 28px ; transition:all 0.3s; text-transform:uppercase; line-height:95px; position:relative; }

.muen ul li a{  zoom:1; }
.muen ul li:hover{ color: #ef7f2f;}
.muen ul li:hover span a{ color:#ef7f2f;}
.muen ul li a:hover{ color:#ef7f2f; }
.muen ul li.currelt{color:#ef7f2f;}
.muen ul li.currelt span a{ color:#ef7f2f;}

.muen ul li:hover .sub{ visibility:visible; opacity:1;}
.muen .sub{ width:150px; position:absolute; left:0px; top:95px; visibility:hidden; transition:all 0.3s; opacity:0;
    box-shadow: 0 0px 30px rgba(0,0,0,0.1);
}
.muen .sub li{ text-align:center; line-height:45px; padding:0; float:none; text-transform:none; border-bottom:1px #eaeaea solid;}
.muen .sub li a{ color:#777; display:block; zoom:1;background:rgba(255, 255, 255, 1)!important;-webkit-transition: all 0.9s ; border:0px; font-size: 14px;}
.muen .sub li a:hover{color:#fff; background:#ef7f2f !important; }


.yanyan{ float:right; margin-left:2.5%; margin-top:32px; height: 30px; line-height:30px;transition:all 0.3s;  } 
.yanyan span{ border-radius:3px; ; }
.yanyan a{ padding:0 4px; color:#777; }
.tm-top-bar.active .toper .logo{ margin-top:15px;}
.tm-top-bar.active .muen ul li{ line-height:80px !important; }
.tm-top-bar.active .muen .sub{top:80px;}
.tm-top-bar.active .muen .sub li{ line-height:45px !important;}

.tm-top-bar.active .yanyan{ line-height:30px;   margin-top: 24px; }

header .m-btn { width:80px; height:80px; line-height:80px; text-align:center; display:none; cursor:pointer; float:right; margin-right:5%;}
header .m-btn .box {display: block;position: relative; font-size:2.5rem;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; line-height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:16px; text-shadow:none; opacity:1;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2; text-transform:uppercase;}
.m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 10px;}
.m-sub-menu .bot-link a { display: inline-block; width: 30px; height: 50px; line-height:50px; margin-right: 10px; float: left; text-align:center;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 100%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; text-transform:uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}


.proaplyy{ margin:2.5% 0;}
.proaplyy h2,.inpro h2{ text-align:center; font-size:2.2rem; font-weight:400;text-transform:uppercase; }
.proaplyy h3{ padding-top:3%;}
.proaplyy h4{ text-align:center; font-size:0.9rem; color:#999; text-transform:uppercase; padding:0.6% 0;}
.text-center{text-align: center!important; padding:30px 0 20px 0;}
.text-center p{ line-height:26px;}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; cursor: pointer;
}
.tm-article {
	box-sizing:border-box;
	padding: 20px 40px;
	transition: all 0.3s ease;
}

.tm-article:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(214,214,214,1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(214,214,214,1);
	box-shadow: 0px 0px 7px 0px rgba(214,214,214,1);
	transform: scale(1.1);
}
.col-xl-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.tm-article-title-1 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.tm-color-primary {
    color: #ef7f2f;
}
.tm-font-semibold {
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase!important;
}
.tm-color-primary {
    color: #ef7f2f;
}
.tm-fa-6x {
    font-size:5em;
}

.b-wrapper {
    background: rgba(0,0,0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    transition: .5s all; 
    text-align: center;
}

.pic a:hover .b-wrapper{bottom: 0%; }
.pic a { display: block;overflow: hidden;position: relative;}

.pic a:hover .b-wrapper i.fa-search-plus {
    color: #fff;display: inline-block;
    font-size: 60px;
    padding-top:50px;
}
.b-wrapper h5 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center!important;
    text-transform: capitalize;
    padding: 14px 8%;
}
.b-wrapper p {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 1.8em;
    text-align: center;
}


.derp{}
.derp .box{padding:50px 0%;  width:1200px; margin:auto;}
.derp .title{}
.derp .title h2{float: left;font-size: 26px; text-transform: uppercase;}
.derp .title h2 span{color: #666;font-size: 16px;margin-left: 20px;}
.derp .title ul{ text-align:center; font-size:0;}
.derp .title li{margin-left: 20px;line-height: 30px;border-radius:5px;overflow: hidden; text-transform:uppercase; display:inline-block; font-size:16px;}
.derp .title li a{padding:0 15px;display: block; font-size:16px;}
.derp .title li a:hover{display: block;background: #c30d23;color: #FFF;}
.derp .title li a.current{background: #c30d23;color: #FFF;}
.inpro{ background:#f5f5f5;}
.picScroll-left{ padding:2% 0%; width:1200px; margin:auto;}
.picScroll-left ul{ overflow:hidden; zoom:1;margin-right:-1%; margin-top:3%;}
.picScroll-left ul li{ float:left; _display:inline; overflow:hidden; text-align:center;margin-right:1%; width:24%; background:#fff; margin-bottom:1.5%;}
.picScroll-left ul li .pic{ text-align:center;   overflow:hidden;}
.picScroll-left ul li .pic img{ max-width:100%; transition:all 0.3s; }
.picScroll-left ul li:hover .pic img{ max-width:100%; transform:scale(1.2); }
.picScroll-left ul li p{height:55px; font-size:14px; text-align:left; padding:0 8%; }
.picScroll-left .box{  height:auto; margin-top:3%; text-align:center;}
.picScroll-left .box a{ background:#fff; padding:10px 25px; color:#555; font-size:16px;  line-height:35px; margin-right: 1%}
.picScroll-left .box a:hover{ background:#ef7f2f; color:#fff;}
.picScroll-left .box a.curt{background:#ef7f2f; color:#fff;}


.morew{ width:180px; margin:1% auto 0 auto; overflow:hidden; height:auto; border:1px #333 solid; text-align:center; line-height:40px;}
.morew a{ font-size:16px; display:block;}
.morew:hover{ border:1px #ef7f2f solid; color:#ef7f2f}
.cassser{ padding:0; }
.cassser h2{ font-size:30px; text-align:center; text-transform:uppercase; line-height:50px;}
.cassser ul{ margin:3% -0.3% 3% 0; height:auto; overflow:hidden;}
.cassser ul li{ width:33.033%; float:left; margin-right:0.3%;}
.cassser ul li .pic{ overflow:hidden; position:relative;}
.cassser ul li .pic img{width:100%;  -webkit-transition:1s; transition:1s;}
.cassser ul li:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}
.cassser ul li img{ width:100%;}
.cassser ul li .sssess{ visibility:hidden; opacity:0; transition:all 0.3s;  height:auto; overflow:hidden;  position:absolute;  bottom:5%; z-index:100;padding: 3%; color:#fff; font-size:16px; background:rgba(255,0,0, 1)}
.cassser ul li .sssess a{ color:#fff;}
.cassser ul li:hover .sssess{ visibility:visible; opacity:1;bottom:38%;}

.mainabout{ width:100%; background:#edeaf1; height:auto; overflow:hidden; padding:4% 0;background: url(../images/bg.jpg);background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;}

.maleft{ width:36%; float:left; overflow:hidden;}.maleft img{max-width:100%;}
.maright{ width:59%; float:left; margin-left:3%;}
.maright h3{ margin-top:0%; font-size:26px; color:#fff; text-transform:uppercase;}
.maright p{ line-height:28px; padding:4% 0; color:#e2e2e2; font-size:14px; text-align:justify;}
.maright .morest{ width:140px; margin:2% 0 0 0; line-height:40px; background:#ef7f2f; text-align:center; color:#fff; border-radius:5px;}
.maright .morest a{ font-size:16px; color:#fff;}
.maright .morest i{ border:1px #fff solid; border-radius:50px; font-size:12px; padding:3px; margin-left:5%;}

.sboew{ width:100%; height:auto; overflow:hidden; margin:3% 0;}
.sboew ul{ margin-right:-3%; }
.sboew ul li{ width:22%; margin-right:3%; border:0px #ddd solid; float:left; position:relative;}
.sboew ul li .pic{ width:120px; height:120px; margin:8% auto;background:#3697db; border-radius:100px; text-align:center; transition:all 0.7s;}
.sboew ul li .pic i{ line-height:120px; color:#fff; font-size:65px; display:block;}
.sboew ul li:hover .pic{background:#43277b;}
.sboew ul li h3{ text-align:center; height:40px; font-size:18px;}
.sboew ul li p{ color:#999; text-align:left; padding:0 10% 5% 10%; font-size:12px; line-height:23px;}
.sboew ul li .pmore{width:40%; margin: auto; line-height:32px; border:1px #ddd solid; text-align:center;  border-radius:5px;}
.sboew ul li .pmore a{ font-size:14px;}
.sboew ul li .pmore i{ border:1px #ddd solid; border-radius:50px; font-size:12px; padding:3px; margin-left:3%;}

.dwup{ margin:0 auto;padding:80px  0; background:#fff; width:1200px;}
.dwup .title{text-align: center;font-size: 2rem;font-weight: 300;color: #333; text-transform:uppercase; margin-bottom:3%;}


/*新闻中心*/
.I-title{line-height:50px;text-align:center;font-size:36px;}
.index-news{padding:30px 0 55px;}

.iNews-list{margin:52px 0 0;}
.iNews-list li{width:33.3334%;float:left;}
.iNews-list .iNews-box{display:block;background:#f5f5f5;position:relative;}
.iNews-box .iNews-img{width:100%;height:228px;overflow:hidden;position:absolute;left:0px;}
.iNews-img img{width:110%;height:110%;position:absolute;top:-5%;left:-5%;}
.iNews-box .iNews-type{padding:0 26px 0 0;width:139px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:url(../images/btn-bg.png) no-repeat left center;position:absolute;left:0px;top:18px;}
.iNews-box .iNews-block{padding:0 4% 0;height:228px;}
.iNews-block .t{line-height:28px;font-size:16px; padding-top:25px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.iNews-block .c{line-height:27px;height:81px;color:#777777;margin:15px 0 0;}
.iNews-block .date{line-height:20px;color:#999999;position:relative;margin:20px 0 0;}
.iNews-block .more{display:block;width:23px;height:19px;background:url(../images/icon-go.png) no-repeat center center;position:absolute;right:0px;top:0px;}

.iNews-list li:nth-child(2) .iNews-box{padding:0 0 228px;}
.iNews-list li:nth-child(2) .iNews-box .iNews-img{bottom:0px;}

.iNews-list li:nth-child(2n-1) .iNews-box{padding:228px 0 0;}
.iNews-list li:nth-child(2n-1) .iNews-box .iNews-img{top:0px;}


.iNews-box:hover .iNews-block .t{color:#0080d6;}
.iNews-box:hover .iNews-block .more{transform:translateX(-10px);-webkit-transform:translateX(-10px);}

.line3,
.iCase-wrap .con,
.iNews-block .c
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}


/*广告*/
.index-more{padding:85px 0;line-height:54px;text-align:center;font-size:38px;font-weight:lighter;color:#fff;background:url(../images/home_wifi_banner.jpg) no-repeat center center / cover;}

/*--- Footer ---*/
.Footer-wrapper{}

.Fcr{padding:15px 0;line-height:20px;text-align:center;font-size:13px;color:#666;background:#ddd;}

.Footer-container{padding:35px 0 40px;color:#fff;background:#fff;}

.Fcon{float:left;margin:30px 0 0;}
.Flogo img{max-width:195px;}
.Fticker{line-height:24px;color:#666666;margin:10px 0 0;}
.Fshare{margin:25px 0 0;}
.Fshare a{display:inline-block;width:36px;height:36px;line-height:34px;font-size:0px;text-align:center;border-radius:100%;border:1px solid #969696;margin:0 20px 0 0;}

.Fnav{width:15%;float:left;}
.Fnav dt .type,
.Fct dt{line-height:31px;font-size:18px;}
.Fnav dt .split{display:block;width:20px;height:1px;background:#ccc;margin:5px 0 12px 2px;}
.Fnav dd a{display:block;padding:5px 10px 5px 0;line-height:22px;opacity:.7;}
.Fnav dd a:hover{opacity:1;}

.Fclx{float:left; width: 25%}
.Fclx .tits{line-height:28px;font-size:18px; color: #666;}
.Fclx .lxwmp{line-height:24px;font-size:12px;color:#888;margin:5px 0 0;}

.Fct{float:right;}
.Fct .tel{line-height:28px;font-size:18px;opacity:.75;}
.Fct .wx-code{display:inline-block;text-align:center;margin:35px 0 0;}
.Fct .wx-code img{max-width:135px;}
.Fct .wx-code .t{line-height:24px;font-size:13.21px;color:#aaa;margin:5px 0 0;}

.Footer-container .Fsplit{display:block;width:1px;height:185px;background:#fff;opacity:.12;float:left;margin:0 7.5% 0 6.5%;}
.Footer-container .Fsplit.Fs2{margin:0 0 0 1.166666666666667%;}

.Footer-wrapper.on .Fnav dd{display:block !important;}