﻿@charset "utf-8";
/*
@font-face {font-family:MicrosoftJhengHei;src:url('MicrosoftJhengHei.ttf')}
@font-face {font-family:PingFangMedium;src:url('PingFangMedium.ttf')}
@font-face {font-family:PingFangSCRegular;src:url('PingFangSCRegular.ttf')}
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html {height:100%;}
html,body {min-height:100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
body {background:#fff;font-family:"PingFangSCRegular","Microsoft YaHei";font-size:14px;color:#303030;position:relative;font-weight:lighter;}
input[type="text"],input[type="password"],select,button,textarea {outline:none;border:none;-webkit-appearance:none;}
a,img,button,input,textarea {-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6,strong {font-weight:normal;}
a {text-decoration:none;color:#303030;}
a:hover {color:#1FBEE5; text-decoration:none;}
a:focus {text-decoration:none;}
li {list-style:none;}
img {vertical-align:middle;border:none;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.hidden {overflow:hidden;}
.mt30{margin-top:30px;}

.wrapper{ width:1200px; margin:0 auto;}

/*totop*/
.fixedTotop {display:none;width:80px;position:fixed;bottom:80px;right:20px;cursor:pointer;z-index:9999;text-align:center;}
.fixedTotop span {width:50px;height:50px;margin:0 auto 10px;background:#191919 url(../img/ico_62.png) center center no-repeat;-webkit-border-radius:50%;border-radius:50%;display:block;}
.fixedTotop.white span {background:#fff url(../img/ico_62_w.png) center center no-repeat;}
.fixedTotop.white p {color:#fff;}

/*header*/
.header {position: fixed;top: 0px;left: 0px; width: 100%;height:100px;transition: height .3s;-webkit-transition: height .3s;-o-transition: height .3s;-moz-transition: height .3s;z-index: 99999999;}
.header .wrapper{ position:relative;}
.header .logo {float:left; margin-top:30px; width:340px; height:55px; background:url(../img/logo.png) no-repeat; background-size: cover;}
.header .logo a{ display:block; width:100%; height:100%;}
.header .nav {float:right; position:relative; height:50px; line-height:50px; margin-top:25px; margin-right:120px;}
.header .nav ul li {float:left; margin-right:40px; transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
.header .nav ul li:last-child{ margin-right:0;}
.header .nav ul li a {font-size:18px;color:#fff; display:inline-block;margin-left: 20px; overflow:hidden}
.header .nav ul li a:hover,
.header .nav ul li.current a {color:#1FBEE5;}

.header .nav ul li a i{width: 100%; height: 1px;margin-top:0px; display: block;
-webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
        background:#1FBEE5;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
}
.header .nav ul li.current a i,
.header .nav ul li a:hover i{
    -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}


.header .icon {position:absolute;top:42px;right:0; transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
.header .icon a {display:inline-block;color:#fff; margin-left:25px;}
.header .icon a i{ font-size:16px;}
.header .icon a:hover{ color:#1FBEE5;}
.header .headhideEwm {position:absolute;top:80px;right:0;width:130px;height:130px;background:#fff;display:none;z-index:99; overflow:hidden}
.header .headhideEwm img { display: block; width:120px;height:120px; margin:5px;}
.header .snav_btn {display:none;}
.hideMenu {display:none;}

.header.fixed {background: #ffffff;box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 0 6px 2px rgba(0,0,0,.15);}
.header.fixed .logo {background-image:url(../img/logo2.png);}
.header.fixed .nav ul li a {color:#303030;}
.header.fixed .nav ul li a:hover,
.header.fixed .nav ul li.current a {color:#1FBEE5;}
.header.fixed .icon a{ color:#929292;}
.header.fixed .icon a:hover{ color:#1FBEE5;}

/*footer*/
.footer {background:#232323;overflow:hidden;padding:30px 0;}
.footer .footerLink {border-bottom:1px solid #333;color:#888;padding-bottom:50px; overflow:hidden}
.footer .foot-lx { float:left; margin-top: 30px;}
.footer .foot-lx h2 {font-size: 36px; margin-bottom:10px;color:#1FBEE5; font-weight:700}
.footer .foot-lx p{ line-height:30px;}
.footer .footerLink span {float:right; display:block; text-align:center; width:120px;}
.footer .footerLink span img{ display:block; margin-top:20px; margin-bottom:20px; width:100%;}

.footer .foot-lk {border-bottom:1px solid #333;color:#888;padding:30px 0; overflow:hidden}
.footer .foot-lk a {font-size:12px;color:#888; margin-right:15px;}
.footer .foot-lk a:first-of-type {padding-left:0;}
.footer .foot-lk a:hover {color:#ccc;}

.footer .copyRight {color:#888;margin-top:50px;}
.footer .copyRight a {color:#888;}
.footer .copyRight span {float:right;}
.footer .copyRight em {display: inline-block; font-style:normal; margin-left:10px;}

.homePage .section {overflow:hidden;position:relative;}
.homePage .swiper-container {overflow:hidden;}
.homePage .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.homePage .swiper-slide img{ display: none; width:100%;}

.swiper-txt{ position:absolute; width:100%; top:40%; left:0; text-align:center; z-index:999; font-family:MicrosoftJhengHei;}
.swiper-txt h2{ font-size:60px; font-weight:600; color:#fff;}
.swiper-txt h3{ font-size:30px; font-weight:100; margin-top:50px; color:#ccc;}

.homePage .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999}
.homePage .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.homePage .swiper-pagination-bullet { width: 10px; height: 10px; border-radius:10px; margin:0 5px; background: #fff; opacity:1; transition: all .3s;}
.homePage .swiper-pagination-bullet-active { width:50px; background: #1FBEE5; opacity:1}

.homePage .swiper-button-prev,.homePage .swiper-button-next{font-size: 0; width: 4rem; height: 4rem; background: 0 0; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; z-index:999}
.homePage .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 4rem;}
.homePage .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 4rem;}
.homePage .swiper-button-prev:hover,.homePage .swiper-button-next:hover{ opacity:1}

.case-tit { padding-bottom:50px; text-align: center;}
.case-tit h2{font-size: 42px; font-family:MicrosoftJhengHei;}
.case-tit p{ font-size:18px; margin-top:30px;}

.num-server{ padding:100px 0;}
.num-server .case-pic { width:20%; float: left;}
.num-server .case-name{ margin:36px auto 25px; line-height:20px;  font-size:18px;  color: #333;  text-align: center}
.num-server .case-name a{color:#333;font-family: "Microsoft Yahei";}
.num-server .gray-line { width: 30px; height: 1px; overflow: hidden; background: #dcdcdc; position: relative; margin: 0 auto;}
.num-server .case-up img{display:block;margin:0 auto;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;}
/*
.num-server .case-up:hover img{animation:swing 1s infinite linear}
*/
.num-server .case-up:hover img{  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.num-server .case-down {text-align: center;}
.num-server .case-pic-box .case-up a{display: block;}
.num-server .case-explain { margin-top:25px; display: inline-block; height: 120px; overflow:hidden}
.num-server .case-explain li {list-style: square;list-style-position: inside; font-size: 14px; height:30px; line-height: 30px;  white-space: nowrap; text-align: left;}

.mbox2{background: url(../img/box2Bg.jpg) center top no-repeat; background-size:cover; overflow:hidden}
.mbox2 .wrapper{ position:relative;}
.mbox2Text{padding:100px 0; background:url(../img/img66.png) no-repeat center bottom;}
.mbox2TitCn{color:#fff;font-size:42px;line-height:150%;transition:all .6s ease 0s; font-family:MicrosoftJhengHei; text-align:center}
.mbox2Brief{overflow:hidden;margin:20px 0;color:#fff;font-size:13px;line-height:26px; transition:all .8s ease 0s; text-align:center}
.mbox2Num{margin:150px 0 50px ;color:#fff;line-height:26px; text-align:center}
.mbox2Num li{ display:inline-block; padding:5px 40px;vertical-align:top;font-size:14px}
.mbox2NumSp{font-size:75px;font-family:PingFangMedium; font-weight:500}
.active .mbox2Bot li,
.active .mbox2Brief,
.active .mbox2TitCn,
.active .mbox2TitEn{opacity:1;transform:translateX(0)}
.active .mbox2TitEn{transition-delay:.3s}
.active .mbox2TitCn{transition-delay:.5s}
.active .mbox2Brief{transition-delay:.7s}

.case-list{padding:100px 0;}
.case-list ul{overflow:hidden;width:100%; display:flex; flex-wrap:wrap;}
.case-list li{width:22.5%; margin-left:2%; margin-top:2%; position:relative; background:#f2f2f2; overflow:hidden}
.case-list li .img{width:100%; height:15vw; position:relative; overflow:hidden; border:#f2f2f2 solid 1px;}
.case-list li .img::before{content:'';position:absolute;display:block;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.75);z-index:99;opacity:0;transition:0.5s}
.case-list li .img img{ display:block; width:100%; height:100%;}
.case-list li .img img.logo{width:50%; height:auto; opacity:0;z-index:9999;transition:0.7s;position:absolute;top:50%;left:50%;transform:translate(-50%, -20%)}
.case-list li .txt{color:#333;transition:0.5s;z-index:99;font-size:14px; padding:15px 0; position:relative; text-align:center}
.case-list li:hover .img::before{opacity:1;}
.case-list li:hover .img img.logo{opacity:1;transform:translate(-50%, -50%)}

.w-news{padding:100px 0; background:#1FBEE5; overflow:hidden}
.w-news .case-tit{ color:#fff;}
.news-list {}
.news-list ul{overflow:hidden;width:100%; display:flex; flex-wrap:wrap;}
.news-list li {width:47%; margin-left:2%;margin-bottom: 2%; background:#fff; position: relative; transition: .3s;}
.news-list li:hover {background: #f2f2f2; cursor:pointer}
.news-list li .words{padding:50px 30px; }
.news-list li .date,
.news-list li .desc {display: inline-block;	vertical-align: top;}
.news-list li .date { position:absolute; left:0; top:50px; width: 125px;height: 100%; text-align:center}
.news-list li .date .day {line-height: 56px;font-size: 56px;font-weight: 700;color: #222;font-family:MicrosoftJhengHei;}
.news-list li .date .year {display:block;margin-bottom: 10px;font-size: 18px;color: #979797;}
.news-list li .desc {margin-left: 100px;}
.news-list li .desc h3 {margin-bottom: 16px;height: 30px;line-height: 30px;font-size: 20px;font-weight:700;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.news-list li .desc p {line-height: 26px; height:52px; font-size: 14px;color: #787878;	overflow: hidden;}

.w-customer{padding:100px 0; background:#f5f5f5 url(../img/box5Bg.jpg) center bottom no-repeat; background-size: cover; }
.w-customer li{width:14.666%; background:#fff; float:left; margin:1%;background-position:50% 50%;background-size:cover;position:relative;overflow:hidden}
.w-customer li img{ display:block; width:100%;height:100%; 
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;}
.w-customer li:hover img{  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


.subPage{ padding:100px 0;}
.subPage .case-list{padding:20px 0;}
.subPage .news-list li {width:49%; margin-left:0; margin-right:2%;}
.subPage .news-list li:nth-child(2n){margin-right:0;}
.subPage .news-list li .words{ border:#eee solid 1px;}

.sub-banner{height:360px;position:relative;overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover;}
.sub-banner .bannerInfo{width:100%;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;color:#FFF;}
.sub-banner .bannerInfo .title{font-size:42px;font-weight:200}

.breadcrumb { padding:30px 0;font-size: 14px; line-height: 40px; letter-spacing: .05rem; color: rgba(0,0,0,.5);border-bottom:#eee solid 1px; margin-bottom:50px;}
.breadcrumb span,.breadcrumb em { display: inline-block; font-style:normal}
.breadcrumb a{color: rgba(0,0,0,.5);}
.breadcrumb span:before,.breadcrumb em:before { content: "/"; padding: 0 .6rem 0 .3rem;}

.case_filter{text-align:center; margin-bottom:20px;}
.case_filter a{display:inline-block;margin:0 10px; padding:10px 20px; text-align:center;color:#333;border-radius:5px}
.case_filter a:hover,
.case_filter a.act{background-color:#1FBEE5;color:#fff;}

.news_filter{float:right;}
.news_filter a{display:inline-block;margin:0 5px; padding:0px 10px; text-align:center;color:#333;border-radius:5px}
.news_filter a:hover,
.news_filter a.act{background-color:#1FBEE5;color:#fff;}

.ser_main{background:#efefef}
.ser_main img{display:block;width:100%;height:auto}
.ser_box{position:relative;overflow:hidden}
.ser_left{float:left}
.ser_right{float:right}
.ser_box_content,.ser_box_img{width:50%;position:relative}
.ser_box_content{position:relative;text-align:center}
.ser_box_content_main{margin-top:40px}
.ser_box_title_top{font-size:20px;font-family:"Square721 BT";color:#666;text-transform:uppercase;letter-spacing:.2rem}
.ser_box_title{font-size:46px;font-weight:700;letter-spacing:.2rem;padding-top:5px}
.ser_box1 .ser_box_title,.ser_box4 .ser_box_title{color:#f4274d}
.ser_box2 .ser_box_title,.ser_box5 .ser_box_title{color:#f7c816}
.ser_box3 .ser_box_title,.ser_box6 .ser_box_title{color:#11a6d2}
.ser_box_title_bottom{height:29px;width:100%;padding:10px 0;display:block;background:url(../img/title.png) no-repeat 50% 50%; margin:15px 0;}
.ser_box_text{padding:0 5%;font-size:14px;color:#666;line-height:2;}
.ser_box_btn{margin-top:40px}
.ser_box_btn a{width:135px;height:36px;line-height:36px;text-align:center;display:inline-block;border-radius:5px;margin:0 10px;font-size:14px}
.ser_box_btn1{background:#1FBEE5;color:#fff}
.ser_box_btn1:hover{background:#ff7707;color:#fff}
.ser_box_btn2{border:1px solid #666;color:#333}
.ser_box_btn2:hover{border-color:#1FBEE5}
.ser_box_img1:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/r.png) no-repeat 0 50%;left:-10.1%;top:0}
.ser_box_img2:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/b.png) no-repeat 100% 50%;right:-5.9%;top:0}
.ser_box_img3:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/e.png) no-repeat 0 50%;left:-10.5%;top:0}
.ser_box_img4:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/m.png) no-repeat 100% 50%;right:-12.8%;top:0}
.ser_box_img5:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/s.png) no-repeat 0 50%;left:-8.5%;top:0}
.ser_box_img6:after{position:absolute;width:100%;height:100%;content:'';display:block;background:url(../img/m2.png) no-repeat 100% 50%;right:-12.8%;top:0}
.ser_box_img:after{background-size:auto 30%}

.about_top_text{text-align:center}
.about_top_text p{display:block;font-size:16px;color:#333;margin:15px 0; line-height:200%}
.about_top_img{display:block;max-width:100%;margin:50px auto auto auto}

.about_mid{background-color:#f8f8f8;padding:100px 0}
.about_mid_title{line-height:120px;font-size:30px;color:#222;text-align:center}
.about_mid_title h2{font-weight:400}
.about_mid_title h2 span{font-size:120px;display:inline-block;vertical-align:middle;font-weight:lighter;color:#E40011;font-family:"courier new"}
.about_mid_content{overflow:hidden; margin-top:50px;}
.about_mid_row{overflow:hidden; padding:50px 0;}
.about_mid_img{width:45%;}
.about_mid_img img{display:block;width:100%;}
.about_mid_text{width:45%;box-sizing:border-box;background-repeat:no-repeat;background-position:left center;min-height:250px;height:250px;line-height:250px;margin-top:30px}
.about_mid_text_inner{display:inline-block;vertical-align:middle}
.about_mid_row:nth-child(1) .about_mid_text{background-image:url(../img/about_mid_index_1.png)}
.about_mid_row:nth-child(2) .about_mid_text{background-image:url(../img/about_mid_index_2.png)}
.about_mid_row:nth-child(3) .about_mid_text{background-image:url(../img/about_mid_index_3.png)}
.about_mid_row:nth-child(4) .about_mid_text{background-image:url(../img/about_mid_index_4.png)}
.about_mid_row:nth-child(5) .about_mid_text{background-image:url(../img/about_mid_index_5.png)}
.about_mid_text h3{color:#E40011;font-size:36px;font-weight:400;line-height:1em}
.about_mid_text p{color:#333;font-size:16px;line-height:200%;margin-top:26px}
.about_mid_row:nth-child(2n+1) .about_mid_img{float:left}
.about_mid_row:nth-child(2n+1) .about_mid_text{float:right}
.about_mid_row:nth-child(2n) .about_mid_img{float:right}
.about_mid_row:nth-child(2n) .about_mid_text{float:left}

.about_bottom{padding:100px 0}
.about_bottom_content{overflow:hidden;margin-top:40px}
.about_bottom_content_left,
.about_bottom_content_right{float:left; width:50%; height:600px; overflow:hidden; position:relative;}
.about_bottom_content_left{background-color:#f1ad1c}
.about_bottom_content_right{background-color:#13df80}
.about_bot_1,.about_bot_2,.about_bot_3,.about_bot_4{display:block;float:left;width:50%;}
.about_bot_text_1{ position:relative; display:block; width:50%; height:300px; text-align:center; overflow:hidden}
.about_bot_text_1 span{color:#fff;line-height:200%;font-size:36px; position:absolute; top:50%; left:50%;  
	-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.about_bot_text_2{ display: block; width:100%;height:300px;text-align:center;box-sizing:border-box;font-size:18px;}
.about_bot_text_2 p{ padding:80px;line-height:40px;color:#fff;}

.service_page{ padding:100px 0; }
.service_page_title{overflow:hidden;margin:40px 0}
.service_page_title_item{display:inline-block;float:left;width:33%;text-align:center;line-height:44px;margin:10px 0}
.service_page_title_item label{font-size:30px;color:#fff;font-family:arial;width:44px;height:44px;border-radius:44px;text-align:center;line-height:44px;display:inline-block;vertical-align:middle;background-color:#E40011}
.service_page_title_item span{font-size:24px;color:#333;display:inline-block;vertical-align:middle;margin-left:0}
.service_page_content{padding-top:30px;position:relative;clear:both;overflow:hidden;padding-bottom:20px}
.service_page_content_img{display:block;margin-left:137px}
.service_page_content_list{position:absolute;text-align:left;display:inline-block}
.service_page_content_list:nth-child(1){line-height:60px;font-size:18px;color:#222;left:60px;top:10px}
.service_page_content_list:nth-child(2){font-size:14px;color:#333;line-height:30px;left:586px;top:29px}
.service_page_content_list:nth-child(2) li:nth-child(2){text-indent:32px}
.service_page_content_list:nth-child(2) li:nth-child(3){text-indent:64px}
.service_page_content_list:nth-child(2) li:nth-child(4){text-indent:96px}
.service_page_content_list:nth-child(2) li:nth-child(5){text-indent:128px}
.service_page_content_list:nth-child(3){line-height:60px;font-size:18px;color:#222;left:1050px;top:7px}

.contact{padding:100px 0; overflow:hidden}
.contact_title{line-height:1em;white-space:nowrap;font-size:42px;color:#333;padding-bottom:30px;border-bottom:solid 1px #eee}
.contact_left{width:45%;float:left}
.contact_left_content{ padding-top:50px;}
.contact_left_content_item{ height:60px; line-height:30px;padding-left:60px;font-size:18px;color:#333;background-repeat:no-repeat;}
.contact_left_content_item:nth-child(1){background-image:url(../img/contact_icon_1.png); margin-bottom:40px;}
.contact_left_content_item:nth-child(2){background-image:url(../img/contact_icon_2.png)}
.contact_left_content_item:nth-child(3){background-image:url(../img/contact_icon_3.png)}
.contact_left_content_item:nth-child(4){background-image:url(../img/contact_icon_4.png);}
.contact_left_content_item span{display:block; margin-bottom:10px;}
.contact_left_code{display:block;width:160px; margin-top:30px}
.contact_left_code img{display:block; width:100%; border:#eee solid 1px; padding:9px;}
.contact_left_code span{display:block;text-align:center;font-size:16px;color:#333; margin-top:10px;}
.contact_right{margin-top:50px;width:50%;height:500px;box-sizing:border-box; float:right;box-shadow: 2px 2px 15px rgba(0,0,0,.3);}

#allmap { width: 100%; height: 500px;border: 0; }

/*news detail*/
.news-detail {}
.news-detail .title {border-bottom:1px solid #eaeaea;padding-bottom:30px; margin-bottom:50px;}
.news-detail .title h3 {font-size:40px;color:#333;padding-bottom:25px;line-height:180%;position:relative; text-align:center;}
.news-detail .title h5{ text-align:center;font-size:14px;}
.news-detail .title h5 span {margin:0 35px;color:#333;display:inline-block;}

/*common share*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999;}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box1, 
.newFixedRight .box2{position: absolute; right: 0; width: 45px; height: 45px; background: #191919; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box1 {top: 0; }
.newFixedRight .box1 .bg, 
.newFixedRight .box2 .bg{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: url(../img/ico_62.png) center center no-repeat;}
.newFixedRight .box1:hover{background-color: #464748 }

.newFixedRight .box2{bottom: 0;}
.newFixedRight .box2 .bg{background: url(../img/ico_new4.png) center center no-repeat;}
.newFixedRight .box2 a.bds_weixin{width: 45px; height: 45px; float: left; margin: 0; padding: 0; background-size: auto 16px;}
.newFixedRight .box2:hover{background-color: #464748}


/*正文定义*/
#article-lsf {line-height:180%;font-size:16px; padding-bottom:30px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{max-width: 100%; display:block; margin:0 auto;}
#article-lsf .imgcss{display:block;margin:10px auto 20px auto;}
#article-lsf table{border-collapse: collapse;width:100%;border:#ddd solid 1px;}
#article-lsf table tr:nth-child(odd){background:#f5f5f5;}
#article-lsf table th{padding:10px;border:#ddd solid 1px;}
#article-lsf table td{padding:10px;border:#ddd solid 1px;}
#article-lsf table td p{margin-bottom:0px;}
#article-lsf table td img{width:100%; display:block; height:auto;}
#article-lsf strong{ font-weight:700;}

#article-lsf .about_table{ border:0;}
#article-lsf .about_table tr:nth-child(odd){background:#fff;}
#article-lsf .about_table td{ padding:0; border:0; width:33.3333%;}
#article-lsf .about_table td img{ width:90%; margin:5%; height:300px;}


.pre_next {height:110px;overflow:hidden; border:1px solid #eaeaea;border-left:0; margin:50px 0;}
.pre_next span{width:50%;float:left; display:block;text-align:center;line-height:110px;font-size:16px;color:#626262;background:#fff;border-left:1px solid #eaeaea;}
.pre_next span:hover,
.pre_next span:hover a{color:#1FBEE5;}

/*分页样式开始*/
.turnover {text-align:center;margin-bottom:60px; font-size:14px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:40px;line-height:40px;padding:0 18px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #2888e2;background:#2888e2;color:#fff;  }
.turnover .disabled{ color:#999;}

@media(max-width:768px){
	.turnover .fy{ display:none;}	
}

/*form*/
.table_post{ margin-top:50px; background:#f8f8f8; padding:50px;}
.table_post .page-title{ font-size:24px; margin-top:0}
.table_post .aui-auto-form{ margin-top:40px;}
.table_post .aui-flex{ margin-bottom:20px;}
.table_post .aui-flex-box{ display:inline-block; width:70%;}

.table_post label{display:inline-block; width:10%; height:45px; line-height:45px; color:#333; font-weight:700; text-align:right; margin-right:2%; font-size:16px}
.table_post input[type="text"] { width:90%; height:45px; line-height:45px; color: #336699;background: #fff;border:1px solid #6688AA;border-color: #9ab #cde #cde #abc;padding:0 5px;vertical-align:middle;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.table_post input[type="text"]:hover {border-color: #EEBB00;}
.table_post input[type="text"]:focus{color:#147;border-color: #66AFE9;background-color:#F7FAFC;	outline:1px solid rgba(102, 175, 233, 0.3);}
.table_post textarea { width:90%; height:100px; color: #336699;background: #fff;border:1px solid #6688AA;border-color: #9ab #cde #cde #abc;padding:10px 5px;vertical-align:middle;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.table_post input.btn {
	margin-left:12%;
	width:20%;
	color: #fff;
	background: #4ABE00;
	border:0px;
	cursor: pointer;
	font-size:16px;
	padding: 10px 5px;
	vertical-align:middle;
	white-space:nowrap;
	overflow:visible;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
	-moz-transition:-moz-box-shadow linear .2s;
	-webkit-transition: -webkit-box-shadow linear .2s;
	transition: box-shadow linear .2s;
	text-align: center;
	text-transform: none;
 	-webkit-appearance: button;
	font-family:Microsoft Yahei;
}
input[type="submit"], input[type="reset"], input[type="button"] {}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus{ background:#222;}


/*图片加载中div图层，用于遮挡页面*/
#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 15000; display:none;}
#loading img {position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;margin-top: -45px;margin-left: -45px;}