body{margin:0;padding:0; font-size:12px; font-family:Arial,"microsoft yahei"; color:#21282e; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}


ul,li,ol{list-style:none;}

a{text-decoration:none; color:#21282e;}
a:hover{text-decoration:none; color:#108acb; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.clear{clear:both;}
img{border:0;   
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    
}

.l{ float:left;}
.r{ float:right;}

input,textarea{  font-family:"Microsoft YaHei";}
input:focus,textarea:focus{ outline:none;}

::selection{ background:#108acb; color:#fff;}
::-moz-selection{ background:#108acb; color:#fff;}
::-webkit-selection{ background:#108acb; color:#fff;}



.header{ margin:0; padding:20px 0; height:60px; width:100%; background:#fff;}
.header.fixed{position:fixed; left:0;top: 0; z-index:999; border-bottom:1px solid #eee; background:rgba(255, 255, 255, 0.95);}
.header_c{ width:1200px; margin:0 auto; min-width:1200px;}
.header_logo{ padding:0;  height:60px; float:left;}
.header_logo img{ width: 186px; height: 60px; display: block;}
.header_nav{width:600px; padding:8px 0; height:44px; float:right;}
.header_nav li{ float:left; margin-left:70px; height:44px; line-height:44px; position:relative;}
.header_nav li a{ display:block; width:50px; height:44px; text-align:center; line-height:44px; font-size:18px; font-weight:bold; }
.header_nav li a:hover{color:#108acb;}
.header_nav li span{ display:block; position:absolute; width:0px; height:0px; background:#108acb; top:40px; left:50%;}
.header_nav li.select a{color:#108acb;}




.banner{height:700px; position:relative;  min-width:1200px;}
.prev,.next{display:block; width:44px; height:44px; position:absolute; z-index:222; top:328px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
.prev{left:100px;}
.next{right:100px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.item{display:block; width:100%; height:8px; position:absolute; z-index:124; top:670px; left:0; text-align:center;}
.item a{display:inline-block;width:36px;height:8px;margin:0 6px;background:#21282e;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#108acb; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.banner-box,.slide{display:block; width:100%; height:700px; overflow:hidden;}
.banner-box{position:relative;}
.slide{display:none; height:700px; position:relative; position:absolute; z-index:8;}


#banner1{background:url(../image/banner1.jpg) center center no-repeat;}
#banner2{background:url(../image/banner2.jpg) center center no-repeat;}
#banner3{background:url(../image/banner3.jpg) center center no-repeat;}
#banner4{background:url(../image/banner4.jpg) center center no-repeat;}

.slide a{display:block; width:100%; height:700px; cursor:pointer;}
.banner1_1,.banner1_2,.banner2_1,.banner2_2,.banner3_1,.banner3_2,.banner4_1{position:absolute;z-index:9;left:50%;}

.banner1_1{height:280px; top:120px; margin-left:-354px;}
.banner1_2{height:161px; top:450px; margin-left:-333px;}
.banner2_1{height:178px; top:100px; margin-left:-492px;}
.banner2_2{height:366px; top:334px; margin-left:-555px;}
.banner3_1{height:200px; top:240px; margin-left:-570px;}
.banner3_2{height:524px; top:90px; margin-left:140px;}
.banner4_1{height:115px; top:250px; margin-left:-283px;}


.banAnimate .banner1_1{display:block;animation-name:bannera;-webkit-animation:bannera 0.5s linear 0s normal none;-moz-animation:bannera 0.5s linear 0s normal none;animation:bannera 0.5s linear 0s normal none;}
@-webkit-keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }
@-moz-keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }
@keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }

.banAnimate .banner1_2{display:block;animation-name:bannerb;-webkit-animation:bannerb 0.5s linear 0s normal none;-moz-animation:bannerb 0.5s linear 0s normal none;animation:bannerb 0.5s linear 0s normal none;}
@-webkit-keyframes bannerb{from{opacity:0;-webkit-transform:scale(0.5,0.5);} to{opacity:1; -webkit-transform:scale(1,1);} }
@-moz-keyframes bannerb{from{opacity:0;-moz-transform:scale(0.5,0.5);} to{opacity:1; -moz-transform:scale(1,1);} }
@keyframes bannerb{from{opacity:0;transform:scale(0.5,0.5);} to{opacity:1; transform:scale(1,1);} }

.banAnimate .banner2_1{display:block;animation-name:bannerc;-webkit-animation:bannerc 0.5s linear 0s normal none;-moz-animation:bannerc 0.5s linear 0s normal none;animation:bannerc 0.5s linear 0s normal none;}
@-webkit-keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }
@-moz-keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }
@keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }

.banAnimate .banner2_2{display:block;animation-name:bannerd;-webkit-animation:bannerd 0.5s linear 0s normal none;-moz-animation:bannerd 0.5s linear 0s normal none;animation:bannerd 0.5s linear 0s normal none;}
@-webkit-keyframes bannerd{from{opacity:0;-webkit-transform:scale(0.5,0.5);} to{opacity:1; -webkit-transform:scale(1,1);} }
@-moz-keyframes bannerd{from{opacity:0;-moz-transform:scale(0.5,0.5);} to{opacity:1; -moz-transform:scale(1,1);} }
@keyframes bannerd{from{opacity:0;transform:scale(0.5,0.5);} to{opacity:1; transform:scale(1,1);} }

.banAnimate .banner3_1{display:block;animation-name:bannere;-webkit-animation:bannere 0.4s linear 0s normal none;-moz-animation:bannere 0.4s linear 0s normal none;animation:bannere 0.4s linear 0s normal none;}
@-webkit-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

.banAnimate .banner3_2{display:block;animation-name:bannerf;-webkit-animation:bannerf 0.4s linear 0s normal none;-moz-animation:bannerf 0.4s linear 0s normal none;animation:bannerf 0.4s linear 0s normal none;}
@-webkit-keyframes bannerf{from{opacity:0;-webkit-transform:scale(0.5,0.5);} to{opacity:1; -webkit-transform:scale(1,1);} }
@-moz-keyframes bannerf{from{opacity:0;-moz-transform:scale(0.5,0.5);} to{opacity:1; -moz-transform:scale(1,1);} }
@keyframes bannerf{from{opacity:0;transform:scale(0.5,0.5);} to{opacity:1; transform:scale(1,1);} }


.banAnimate .banner4_1{display:block;animation-name:bannerg;-webkit-animation:bannerg 0.8s linear 0s normal none;-moz-animation:bannerg 0.8s linear 0s normal none;animation:bannerg 0.8s linear 0s normal none;}
@-webkit-keyframes bannerg{from{opacity:0;top:40px;} to{opacity:1;top:250px;} }
@-moz-keyframes bannerg{from{opacity:0;top:40px;} to{opacity:1;top:250px;} }
@keyframes bannerg{from{opacity:0;top:40px;} to{opacity:1;top:250px;} }


.service{margin:0; padding:0; width:100%; min-width:1200px;}
.service_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 20px;}

.service_list{ width:1200px; margin:0 auto 60px;}
.service_list li {float: left; width:200px; text-align:center;}
.service_list li p{ width:78px; height:3px; margin:10px auto; }
.service_list .bg1 p{ background:#108acb;}
.service_list .bg2 p{ background:#ff8000;}
.service_list .bg3 p{ background:#75c300;}
.service_list .bg4 p{ background:#ff4086;}
.service_list .bg5 p{ background:#ff5151;}
.service_list .bg6 p{ background:#00CD66;}
.service_list li h3{ font-size:20px;}
.service_list li h6{ font-weight:normal; line-height:22px;}
.service_list li a {display: block; width: 200px; padding:30px 0; display:block; position:relative; overflow:hidden; border-radius:4px;}
.service_list li a span{display:block;position:absolute; left:0px; bottom:360px; width:240px; height:360px; z-index:-1; }
.service_list .bg1 a span{background:#108acb;}
.service_list .bg2 a span{background:#ff8000;}
.service_list .bg3 a span{background:#75c300;}
.service_list .bg4 a span{background:#ff4086;}
.service_list .bg5 a span{background:#ff5151;}
.service_list .bg6 a span{background:#00CD66;}
.service_list li a:hover { color: #fff;}
.service_list li a:hover p {background:#fff; }
.service_list li i { display: block; height:97px; width:90px; background:url(../image/icon_service.png); margin:0 55px 16px; }
.service_list .service_list1 {background-position: 0px 0px;}
.service_list .service_list2 {background-position: -90px 0px;}
.service_list .service_list3 {background-position: -180px 0px;}
.service_list .service_list4 {background-position: -270px 0px;}
.service_list .service_list5 {background-position: -360px 0px;}
.service_list .service_list6 {background-position: -450px 0px;}
.service_list li a:hover .service_list1 {background-position: 0px -97px;}
.service_list li a:hover .service_list2 {background-position: -90px -97px;}
.service_list li a:hover .service_list3 {background-position: -180px -97px;}
.service_list li a:hover .service_list4 {background-position: -270px -97px;}
.service_list li a:hover .service_list5 {background-position: -360px -97px;}
.service_list li a:hover .service_list6 {background-position: -450px -97px;}



.case{margin:0; padding:0; width:100%; min-width:1200px;}
.case_top{ background:#21282e; color:#fff; text-align:center; font-size:14px; line-height:36px; height:72px; padding:42px 0 36px;}

.case_list{ width:100%; display:block; overflow:hidden;}
.case_list li{ float:left; display:inline-block; width:25%; position:relative; cursor:pointer; overflow:hidden;}
.case_list li .img{ width:100%;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.case_list li .caseShadowWrap {position:absolute; bottom:0; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; width: 100%; height:100%; padding:0; }
.case_list li .caseShadow {position: absolute; bottom: 0; height:50px; width: 100%; background:rgba(16,138,203,0.8); color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.case_list li .caseTitle{ line-height:50px;  position: absolute;  padding-left:20px; font-size:16px;}
.case_list li .caseShadow .caseInfo { text-align: center; color: #fff; vertical-align: middle; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; width:40%; margin:35% 30%;}
.case_list li .caseShadow .caseInfo a {display: block;  width:36px; height:36px; padding:20px; border:2px solid #fff; border-radius:50%; float:left;}
.case_list li .caseShadow .caseInfo a:hover { background:#fff;}
.case_list li .caseShadow .caseInfo i{ display: block;  width:36px; height:36px; background:url(../image/icon_case1.png);}
.case_list li .caseShadow .caseInfo .itemsleft{background-position: 0px 0px;}
.case_list li .caseShadow .caseInfo a:hover .itemsleft{background-position: 36px 0; }
.case_list li .caseShadow .caseInfo .itemsright{background-position: 0 36px;}
.case_list li .caseShadow .caseInfo a:hover .itemsright{background-position: 36px 36px;}

.case_list li:hover .caseShadow {background:rgba(16,138,203,0.8);  margin-bottom:0px; height: 100%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; filter: alpha(opacity=100);}
.case_list li:hover .caseTitle{ display: table-cell; height: 100%; text-align: center; color: #fff; vertical-align: middle; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.case_list li:hover .caseShadow .caseInfo {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; filter: alpha(opacity=100); }

.case_list li:hover .img{ transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}

.case_bottom{ background:#21282e; text-align:center; padding:48px 0;}
.case_bottom_more{ width:174px; margin:0 auto;}
.case_bottom_more a{ display:block; width:120px; height:50px; background:#108acb url(../image/icon_more1.png) 25px 13px no-repeat; border:2px solid #108acb; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; padding-left:50px; line-height:50px;}
.case_bottom_more a:hover{background:#21282e url(../image/icon_more2.png) 25px 13px no-repeat; border:2px solid #108acb; color:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }



.jquery-lightbox-overlay{ background:#000; }
.jquery-lightbox{ position:relative; padding:0; margin:0;}
.jquery-lightbox-html{ z-index:9998; padding:0; position:relative; border:solid 20px #fff; }
.jquery-lightbox-background{z-index:9997; position:absolute; padding:0; float:left;}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#fff; border:0; }
.jquery-lightbox-mode-html .jquery-lightbox-html{ overflow:auto;}
.jquery-lightbox-loading{background:url(../image/loading.gif) #fff no-repeat center center;}
.jquery-lightbox-mode-html .jquery-lightbox-loading{background:url(../image/loading.gif) #fff no-repeat center center}
.jquery-lightbox-button-close{z-index:9999; position:absolute; width:50px; background:url(../image/jquerybox.png) no-repeat 0px 0px; height:50px; top:0px; right:0px;}
.jquery-lightbox-button-close:hover{background:url(../image/jquerybox.png) no-repeat -50px 0px}
.jquery-lightbox-button-close SPAN{display:none}
.jquery-lightbox-navigator{display: none;}


.detail_ewm{ width:300px;}
.detail_ewm .title{ line-height:40px; color:#aaa; text-align:center; font-size:14px; border-bottom:1px solid #eee; margin-bottom:20px;}
.detail_ewm .title span{ color:#108acb; font-weight:bold; margin:0 3px;}
.detail_ewm .img { width:240px; text-align:center; margin:0 auto;}
.detail_ewm .img img{ width:240px; height:240px;}




.news{margin:0; padding:0; width:100%; min-width:1200px;}
.news_top{ background:#108acb; color:#fff; text-align:center; font-size:14px; line-height:36px; height:72px; padding:42px 0 36px;}

.news_list{width:100%;height:360px; background: #108acb; 
background: -moz-linear-gradient(top,  #108acb 60%, #f7f7f7 40%); 
background: -webkit-linear-gradient(top,  #108acb 60%,#f7f7f7 40%); 
background: linear-gradient(to bottom,  #108acb 60%,#f7f7f7 40%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108acb', endColorstr='#f7f7f7',GradientType=0 ); }
.news_list_c{ width:1200px; margin:0 auto; height:360px; background:#fff;}

.news_list_c li{float:left; width:339px; height:300px; border-right:solid 1px #eee; padding:30px; }
.news_list_c li .news_title{ font-size:22px; font-weight:bold; color:#108acb; line-height:22px; height:22px; margin-top:10px;}
.news_list_c li .news_time{ font-size:18px; font-weight:bold; color:#21282e; line-height:18px; height:18px; margin-top:12px;}
.news_list_c li .news_zw{ font-size:12px; color:#21282e; line-height:26px; margin-top:20px; height:156px;}
.news_list_c li .news_more{ display:block; float:left; border-radius:5px; width:120px; height:38px; color:#21282e; border:solid 1px #21282e; line-height:38px; text-align:center; font-size:16px; margin-top:16px;}
.news_list_c li:hover{background: #108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; box-shadow: 0 0 30px rgba(0,0,0,0.1); cursor:pointer; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-right:solid 1px #108acb;}
.news_list_c li:hover p{color: #fff;}
.news_list_c li:hover .news_more{ color:#108acb; border:solid 1px #fff; background:#fff;}

.news_bottom{ background:#f7f7f7; text-align:center; padding:48px 0;}
.news_bottom_more{ width:174px; margin:0 auto;}
.news_bottom_more a{ display:block; width:120px; height:50px; background:#108acb url(../image/icon_more1.png) 25px 13px no-repeat; border:2px solid #108acb; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; padding-left:50px; line-height:50px;}
.news_bottom_more a:hover{background:#f7f7f7 url(../image/icon_more2.png) 25px 13px no-repeat; border:2px solid #108acb; color:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }




.partner{margin:0; padding:0; width:100%; min-width:1200px;}
.partner_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:42px 0 36px;}

.partner_list {width:1200px; margin:0 auto 60px; border-left:solid 1px #eee; border-top:solid 1px #eee;}
.partner_list li {float: left; cursor: default; position: relative; width:199px; height:92px; background: #fff; overflow: hidden; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
.partner_list li img {display: block; position: absolute; top:0; left:0; width: 199px; height: 92px; opacity: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.partner_list li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; }





.contact{margin:0; padding:0; width:100%; min-width:1200px;}
.contact_top{ background:#21282e; color:#fff; text-align:center; font-size:14px; line-height:36px; height:72px; padding:42px 0 36px;}

.contact_list{width:100%;height:300px; background: #21282e; 
background: -moz-linear-gradient(top,  #21282e 70%, #f7f7f7 30%); 
background: -webkit-linear-gradient(top,  #21282e 70%,#f7f7f7 30%); 
background: linear-gradient(to bottom,  #21282e 70%,#f7f7f7 30%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21282e', endColorstr='#f7f7f7',GradientType=0 ); }
.contact_list_c{ width:1132px; margin:0 auto; height:232px; background:#fff;  padding:34px;}
.contact_list_c li {float: left; width:280px; text-align: center;}
.contact_list_c .contact_list_c_line{ background:#f7f7f7; width:2px; display:block; height:172px; margin:30px 1px;}
.contact_list_c li a {display: block;  width:280px; padding:20px 0; }
.contact_list_c li a span{ font-size:14px; line-height:32px; height:32px;}
.contact_list_c li a p{ font-size:14px; font-weight:bold; color:#666; line-height:24px; margin-top:12px;}
.contact_list_c li a:hover { color: #fff; background:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-radius:5px;}
.contact_list_c li a:hover span{color:#fff;}
.contact_list_c li a:hover p{color:#fff;}
.contact_list_c li i { display: block; height:100px; width:120px; background:url(../image/icon_contact.png); margin:0 80px; }
.contact_list_c .contact_list_c1 {background-position: 0px 0px;}
.contact_list_c .contact_list_c2 {background-position: -120px 0px;}
.contact_list_c .contact_list_c3 {background-position: -240px 0px;}
.contact_list_c .contact_list_c4 {background-position: -360px 0px;}
.contact_list_c li a:hover .contact_list_c1 {background-position: 0px -100px;}
.contact_list_c li a:hover .contact_list_c2 {background-position: -120px -100px;}
.contact_list_c li a:hover .contact_list_c3 {background-position: -240px -100px;}
.contact_list_c li a:hover .contact_list_c4 {background-position: -360px -100px;}

.contact_icon{ background:#f7f7f7; text-align:center; padding:48px 0;}

.contact_icon_c{ width:264px; margin:0 auto;}
.contact_icon_c li {float: left; width:72px; margin:0 8px; }
.contact_icon_c li a {display: block; width:72px; height:72px; background:#ccc; padding:0; display:block; position:relative; overflow:hidden; border-radius:5px;} 
.contact_icon_c li a span{display:block;position:absolute; left:0px; top:72px; background:#108acb; width:72px; height:72px; z-index:0; }
.contact_icon_c li a:hover { color: #fff;}
.contact_icon_c li i { display: block; position:absolute; height: 40px; width:40px; background:url(../image/icon_shejiao.png); margin:16px;  z-index:1;}
.contact_icon_c .contact_icon1 {background-position: 0px 0px;}
.contact_icon_c .contact_icon2 {background-position: -40px 0px;}
.contact_icon_c .contact_icon3 {background-position: -80px 0px;}

.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weibo, .popover_weixin, .popover_mobile{ width:360px; height:400px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weibo dl, .popover_weixin dl, .popover_mobile dl{ margin-top:50px; font-size:14px; line-height:40px;}
.popover_weibo dl a, .popover_weixin dl a, .popover_mobile dl a{ width:110px; height:40px; background:#108acb; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}




.footer_title{text-align:center; margin:40px 0; padding:0; width:100%; min-width:1200px;}




.footer{margin:0; width:100%; background:#21282e; min-width:1200px;}
.footerC{ width:1200px; margin:0 auto; padding:30px 0;}
.footerLeft{ color:#fff; text-align: left; line-height:25px; padding: 0; max-width: 1000px;}
.footerLeft a{ color:#fff;}
.footerLeft a:hover{ color:#108acb;}
.footterRight img{ width:31px; height:37px;} 




.main_kefu {top:30%; position:fixed; right:0;z-index:99;}
.main_kefu a {display:block; width: 80px;height: 80px; position: relative; margin-bottom:1px;}
.main_kefu .box{display:block; cursor:pointer; width:60px; height:60px; padding:10px; background:#21282e; position: relative; text-align: center;  border-radius: 3px 0px 0px 3px; z-index: 2;}
.main_kefu .box span {line-height:20px; font-size:12px; font-weight:bold; color:#fff; }
.main_kefu a:hover .box{ background:#108acb;  }
.main_kefu .icon { display: block; height:42px; width:48px; background:url(../image/icon_kefu1.png); margin:0 6px; }
.main_kefu .img{ width: 160px; position: absolute;top: 0; left: 80px; background-color: #108acb; transition: ease all 0.8s; z-index: 0;}
.main_kefu .img img{ display: block; width: 140px; margin: 10px ;}
.main_kefu .img p{ text-align: center; font-size: 14px; color: #fff; margin: 5px 0 10px;}
.main_kefu .tel{ width: 200px; position: absolute;top: 0; padding: 5px 0; left: 80px; height: 70px; background-color: #108acb; transition: ease all 0.8s; z-index: 0;}
.main_kefu .tel p{ font-size: 30px; font-weight: bold; text-align: center; line-height: 70px; color: #fff;}

.main_kefu a:hover .img{ left: -160px;}
.main_kefu a:hover .tel{ left: -200px;}
.main_kefu .main_kefu_1{ background-position: 0px 0px;}
.main_kefu .main_kefu_2{ background-position: -48px 0px;}
.main_kefu .main_kefu_3{ background-position: -96px 0px;}
.main_kefu .main_kefu_4{ background-position: -144px 0px;}
.main_kefu .main_kefu_5{ background-position: -192px 0px;}






.page_banner{ background:#108acb; margin:0; padding:80px 0; width:100%; min-width:1200px; color:#fff; text-align:center;}
.page_banner span { font-size:64px; font-weight:bold;}
.page_banner p{ width:200px; background:#fff; height:2px; margin:30px auto 10px; }
.page_banner h5{ font-weight:normal; line-height:30px;}




.about_who{margin:0; padding:0; width:100%; min-width:1200px;}
.about_who .navTitle{font-size:36px; text-align:center; padding-top:60px; line-height:40px; font-weight:bold; color:#333;}
.about_who .navSubtitle{font-size:14px; text-align:center; line-height:30px; color:#333; padding-bottom:20px;}
.page_about_c{ width:1200px; margin:0 auto;}
.page_about_con{margin:0; width:100%; display:inline-block; text-align:center; color:#333; padding-bottom:30px; font-size:14px; line-height:28px;}
.page_about_con p{ font-size:14px; line-height:28px; margin-top:30px;}
.page_about_con p span{ font-size:18px; color:#333; font-weight:bold;}

.experience{ width:260px; float:left; padding:0 20px;}
.experience a{display:block; margin:10px 0 20px;  color:#333;}
.experience .serviceTitle{font-size:18px; line-height:20px; text-align:center;  margin-top:20px;}
.experience .serviceNav{font-size:14px; line-height:22px;text-align: center; color:#999; margin-top:5px;}
.experience i { display: block; height:100px; width:100px; background:url(../image/experience.png); margin:0 auto;}
.experience .serviceIcon1{background-position: 0px 0px; }
.experience .serviceIcon2{background-position: -100px 0px; }
.experience .serviceIcon3{background-position: -200px 0px; }
.experience .serviceIcon4{background-position: -300px 0px; }

.page_what{ width:100%; background:#333; height:480px; margin-top:20px;}
.page_what .navTitle{font-size:36px; width:100%; text-align:center; padding-top:40px;  font-weight:bold; color:#fff;}
.whatList{ width:1200px; margin:40px auto;}
.whatList li{ float:left; width:560px; margin:22px 0; padding:0 20px;  display:inline-block; font-size:16px; color:#fff;} 
.whatList li span{ font-size:16px; color:#fff; margin-right:20px; font-weight:bold; width:30px; height:30px; display:inline-block; border:solid 1px #fff; text-align:center; line-height:28px;  border-radius:15px; }
.whatList li:hover{ color:#108acb;cursor:pointer;}
.whatList li:hover span{border:solid 1px #108acb; color:#108acb;}

.about_who_list{ width:1200px; padding:0; margin:50px auto 80px;}
.about_who_list .top{text-align:center; color:#333; font-size:14px; line-height:36px; height:72px; padding:12px 0 40px;}
.about_who_list li {float: left; width:200px; text-align: center; margin-left:50px;}
.about_who_list li a {display: block;  width: 196px; padding:20px 0; font-size:18px; font-weight:bold; line-height:30px; border-radius:5px; border:solid 2px #21282e;}
.about_who_list li a:hover { color: #fff; background:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border:solid 2px #108acb;}
.about_who_list li i { display: block; height: 120px; width:120px; background: #000 url(../image/icon_youshi.png); margin:0 38px 20px; border-radius:60px;}
.about_who_list li a:hover i {  background: url(../image/icon_youshi.png);}
.about_who_list .about_who_list1 {background-position: 0px 0px;}
.about_who_list .about_who_list2 {background-position: -120px 0px;}
.about_who_list .about_who_list3 {background-position: -240px 0px;}
.about_who_list .about_who_list4 {background-position: -360px 0px;}
.about_who_list .about_who_list5 {background-position: -480px 0px;}
.about_who_list li a:hover .about_who_list1 {background-position: 0px 0px;}
.about_who_list li a:hover .about_who_list2 {background-position: -120px 0px;}
.about_who_list li a:hover .about_who_list3 {background-position: -240px 0px;}
.about_who_list li a:hover .about_who_list4 {background-position: -360px 0px;}
.about_who_list li a:hover .about_who_list5 {background-position: -480px 0px;}

.about_team{margin:0; padding:0; width:100%; height:738px; background:url(../image/team_bg.jpg) center center no-repeat; min-width:1200px;}
.about_team_top{text-align:center; color:#fff; font-size:14px; line-height:36px; height:72px; padding:62px 0 20px;}
.about_team_list{ width:1200px; height:360px; margin:20px auto;}
.teamL { float: left; cursor: pointer; position:absolute; left:100px; margin-top:158px; width:44px; height:44px; background:url(../image/l-btn.png) no-repeat; z-index:222;}
.teamR { float: right; cursor: pointer; position:absolute; right:100px; margin-top:158px; width:44px; height:44px; background:url(../image/r-btn.png) no-repeat; z-index:222;}
.team_list { float: left; height:360px; width: 1200px; }
.team_list li { width: 250px; text-align: center; line-height: 24px; float: left; margin: 0 25px; }
.team_list .img { position: relative; border-radius:125px; cursor: pointer; width:250px; height:250px; }
.team_list .teamimg { width: 100%; border-radius: 50%; }
.team_list .teambg1 { opacity: 0; filter: alpha(opacity=0); width: 80%; position: absolute; left: 0; top: 0; margin:10%; transition: 600ms; border-radius: 50%; }
.team_list .img:hover .teambg1 { opacity: 1; filter: alpha(opacity=100); }
.team_list .teambg2 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.team_list .teambg3 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.team_list .img:hover .teambg2 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team_list .img:hover .teambg3 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team_list .name { margin: 18px 0 0 0; font-size:18px; font-weight:bold; color: #fff; }
.team_list .til {font-size:14px; color: #fff; }
.team_list .shejiao { margin: 12px 0 0 0; text-align: center; }
.team_list .shejiao a { width: 30px; height: 30px; border:solid 1px #fff; border-radius: 50%; display: inline-block; margin:0 2px;}
.team_list .shejiao a:hover { background:#108acb; border:solid 1px #108acb;}
.team_list .shejiao span { width: 100%; height: 100%; display: inline-block; }
.team_list .shejiao .weixin span { background: url(../image/icon_team_shejiao1.png) no-repeat center; }
.team_list .shejiao .weibo span { background: url(../image/icon_team_shejiao2.png) no-repeat center; }
.team_list .shejiao .qq span { background: url(../image/icon_team_shejiao3.png) no-repeat center; }

.about_team_hr{ width:174px; height:54px; margin:0 auto; padding:50px 0 70px;}
.about_team_hr a{ display:block; width:100px; height:50px; background:#108acb url(../image/icon_more1.png) 25px 13px no-repeat; border:2px solid #108acb; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; padding-left:70px; line-height:50px;}
.about_team_hr a:hover{background:url(../image/icon_more2.png) 25px 13px no-repeat; border:2px solid #108acb; color:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }


.about_home{margin:0; padding:0; width:100%; min-width:1200px;}
.about_home_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 20px;}
.about_home_list{ width:1200px; padding:0; margin:0 auto 20px;}
.about_home_list li {float: left; margin:20px 0 0 20px;}

.about_partner{margin:0; padding:0; width:100%; min-width:1200px;}
.about_partner_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:42px 0 36px;}
.about_partner_list {width:1200px; margin:0 auto 60px; border-left:solid 1px #eee; border-top:solid 1px #eee;}
.about_partner_list li {float: left; cursor: default; position: relative; width:199px; height:92px; background: #fff; overflow: hidden; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
.about_partner_list li img {display: block; position: absolute; top:0; left:0; width: 199px; height: 92px; opacity: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.about_partner_list li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; }




.hr_zhiwei{margin:0; padding:0; width:100%; min-width:1200px;}
.hr_zhiwei_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 40px;}

.hr_zhiwei_list{ width:1098px; margin:0 auto 20px; border:solid 1px #eee; padding:50px;}
.hr_zhiwei_list li{ width:100%;}
.hr_zhiwei_list li a {display: block; width:1018px; height:80px; padding:20px 40px; border-bottom: 1px solid #eee;}
.hr_zhiwei_list li a span{ font-size:30px; font-weight:bold; line-height:54px;}
.hr_zhiwei_list li a p{ font-size:14px; line-height:14px;}
.hr_zhiwei_list li a:hover { color: #fff; background:#108acb;}
.hr_zhiwei_list li a:hover span{color:#fff;}
.hr_zhiwei_list li a:hover p{color:#fff;}
.hr_zhiwei_list li i { display: block; height:80px; width:73px; float:left; background:url(../image/icon_hr.png); margin:0 30px 0 0; }
.hr_zhiwei_list li .hr_zhiwei_list1 {background-position: 0px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list2 {background-position: -73px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list3 {background-position: -146px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list4 {background-position: -219px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list5 {background-position: -292px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list6 {background-position: -365px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list7 {background-position: -438px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list8 {background-position: -511px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list9 {background-position: -584px 0px;}
.hr_zhiwei_list li .hr_zhiwei_list10 {background-position: -657px 0px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list1 {background-position: 0px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list2 {background-position: -73px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list3 {background-position: -146px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list4 {background-position: -219px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list5 {background-position: -292px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list6 {background-position: -365px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list7 {background-position: -438px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list8 {background-position: -511px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list9 {background-position: -584px -80px;}
.hr_zhiwei_list li a:hover .hr_zhiwei_list10 {background-position: -657px -80px;}
.hr_zhiwei_list li .answer{font-size:14px; line-height:32px; padding:24px 0 30px 40px; display: none; border-bottom: 1px solid #108acb;}
.hr_zhiwei_list li .answer .title{ font-weight:bold; font-size:18px;}
.hr_zhiwei_list li .answer .email{ display:block; width:260px; height:48px; background:#108acb; font-weight:bold; color:#fff; border-radius:5px; text-align:center; line-height:48px; margin-top:10px;}

.hr_fuli{margin:0; padding:0; width:100%; min-width:1200px;}
.hr_fuli_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}

.hr_fuli_list{ width:1200px; padding:0; margin:0 auto 80px;}
.hr_fuli_list li {float: left; width:200px; text-align: center; margin:24px 0 24px 50px;}
.hr_fuli_list li a {display: block;  width: 196px; padding:20px 0; border:solid 2px #21282e; border-radius:5px;}
.hr_fuli_list li a span{ font-size:24px; font-weight:bold; line-height:40px;}
.hr_fuli_list li a h1{ width:70px; height:3px; background:#21282e; margin:0 auto;}
.hr_fuli_list li a p{ font-size:12px; color:#21282e; line-height:22px; margin-top:10px;}
.hr_fuli_list li a:hover { color: #fff; background:#21282e; }
.hr_fuli_list li a:hover span{color:#fff;}
.hr_fuli_list li a:hover h1{background:#fff;}
.hr_fuli_list li a:hover p{color:#fff;}
.hr_fuli_list li i { display: block; height: 100px; width:100px; background:url(../image/icon_fuli.png); margin:0 48px 8px; }
.hr_fuli_list .hr_fuli_list1 {background-position: 0px 0px;}
.hr_fuli_list .hr_fuli_list2 {background-position: -100px 0px;}
.hr_fuli_list .hr_fuli_list3 {background-position: -200px 0px;}
.hr_fuli_list .hr_fuli_list4 {background-position: -300px 0px;}
.hr_fuli_list .hr_fuli_list5 {background-position: -400px 0px;}
.hr_fuli_list .hr_fuli_list6 {background-position: -500px 0px;}
.hr_fuli_list .hr_fuli_list7 {background-position: -600px 0px;}
.hr_fuli_list .hr_fuli_list8 {background-position: -700px 0px;}
.hr_fuli_list .hr_fuli_list9 {background-position: -800px 0px;}
.hr_fuli_list .hr_fuli_list10 {background-position: -900px 0px;}
.hr_fuli_list li a:hover .hr_fuli_list1 {background-position: 0px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list2 {background-position: -100px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list3 {background-position: -200px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list4 {background-position: -300px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list5 {background-position: -400px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list6 {background-position: -500px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list7 {background-position: -600px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list8 {background-position: -700px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list9 {background-position: -800px -100px;}
.hr_fuli_list li a:hover .hr_fuli_list10 {background-position: -900px -100px;}




.page_news{margin:0; padding:0; width:100%; min-width:1200px;}
.page_news_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}




.page_news_t{ width:1197px; margin:0 auto; height:360px; background:#fff;}
.page_news_t li{float:left; width:338px; height:300px; border:solid 1px #eee; margin-left:-1px; padding:30px; }
.page_news_t li .news_title{ font-size:22px; font-weight:bold; color:#108acb; line-height:22px; height:22px; margin-top:10px;}
.page_news_t li .news_time{ font-size:18px; font-weight:bold; color:#21282e; line-height:18px; height:18px; margin-top:12px;}
.page_news_t li .news_zw{ font-size:12px; color:#21282e; line-height:26px; margin-top:20px; height:156px;}
.page_news_t li .news_more{ display:block; float:left; border-radius:5px; width:120px; height:38px; color:#21282e; border:solid 1px #21282e; line-height:38px; text-align:center; font-size:16px; margin-top:16px;}
.page_news_t li:hover{background: #108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; box-shadow: 0 0 30px rgba(0,0,0,0.1); cursor:pointer; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-right:solid 1px #108acb;}
.page_news_t li:hover p{color: #fff;}
.page_news_t li:hover .news_more{ color:#108acb; border:solid 1px #fff; background:#fff;}

.page_news_list{ width:1095px; margin:40px auto 100px; border:solid 1px #eee; padding:20px 50px;}
.page_news_list li{width:1098px; height:180px; float:left; border-bottom:1px solid #eee; padding:30px 0;}
.page_news_list li a{ width:1098px; height:180px; display:block; transition:all 0.7s; -webkit-transition:all 0.7s;}
.page_news_list li a .img{width:240px; height: 180px; position: relative; overflow: hidden; float:left;}
.page_news_list li a .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_news_list li a .zw{ width:820px; float:right;}
.page_news_list li a h3{ line-height:54px;}
.page_news_list li a span{ font-size:14px;  line-height:14px; height:14px;}
.page_news_list li a h5{ color:#aaa; line-height:28px; font-weight:normal; margin-top:18px;}
.page_news_list li a:hover{background: #108acb; color:#fff;}
.page_news_list li a:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.page_news_list li a:hover .zw h5{ color:#fff;}


.pages { font-size:14px; margin:50px 0; text-align:center;}
.pages a { display:inline-block; height:38px; line-height:38px; background:#fff; border:1px solid #eee; text-align:center; color:#21282e; padding:0 20px; border-radius:5px; margin:0 3px;}
.pages a:hover { background:#108acb; color:#fff; text-decoration:none; border:1px solid #108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.pages span { display:inline-block; height:38px; line-height:38px; background:#108acb; border:1px solid #108acb; color:#fff; text-align:center; padding:0 20px; border-radius:5px; margin:0 3px;}




.news_detail{margin:0; padding:0; width:100%; min-width:1200px;}
.news_detail_title{ width:1200px; margin:0 auto; text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px; border-bottom:1px solid #eee;}
.news_detail_zw{ width:1200px; margin:30px auto 0; font-size:14px; line-height:32px; padding-bottom:30px; border-bottom:1px solid #eee;}
.news_detail_zw p{}
.news_detail_zw img{ max-width:1200px;}
.news_detail_keywords{ line-height:20px; height:20px; width:1200px; margin:20px auto;}
.news_detail_keywords span{ font-weight:bold;}
.news_detail_zw_fy{width:1200px; margin:30px auto;}
.news_detail_zw_fy li a{ padding:16px; border:1px solid #eee; border-radius:5px; display:block; font-size:14px; }
.news_detail_zw_fy li a:hover{ border:1px solid #108acb; background:#108acb; color:#fff; }
.news_detail_zw_fy .news_detail_zw_l{ float:left; }
.news_detail_zw_fy .news_detail_zw_r{ float:right;}

.news_detail_tuijian{ width:1200px; margin:0 auto; text-align:center; line-height:36px; height:36px; padding:62px 0 30px;}
.news_tuijian_list{width:1260px; margin:20px auto 100px; }
.news_tuijian_list li{width:360px; height:360px; float:left; margin:0 30px;}
.news_tuijian_list li a{ width:360px; height:360px;transition:all 0.7s; -webkit-transition:all 0.7s; display:block; position:relative;}
.news_tuijian_list li a .time{ position:absolute; top:20px; left:20px; z-index:10; width:78px; height:70px; display:block; background:#21282e; border-radius:5px; text-align:center; padding:10px 0; color:#fff;}
.news_tuijian_list li a .time p{ width:60px; height:1px; background:rgba(255, 255, 255, 0.10); margin:8px 9px 4px;}
.news_tuijian_list li a .img{width:360px; height: 200px; position: relative; overflow: hidden; z-index:1;}
.news_tuijian_list li a .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.news_tuijian_list li a .zw{ width:318px; height:119px; border:1px solid #eee; border-top:0px; line-height:26px; padding:20px; color:#aaa;}
.news_tuijian_list li a .zw h4{ color:#21282e; margin:0 0 14px;}
.news_tuijian_list li a:hover{background: #108acb; color:#fff;}
.news_tuijian_list li a:hover .time{background: #108acb; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.news_tuijian_list li a:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.news_tuijian_list li a:hover .zw{ color:#fff; border:1px solid #108acb; border-top:0px;}
.news_tuijian_list li a:hover .zw h4{ color:#fff;}




.page_contact{margin:0; padding:0; width:100%; min-width:1200px;}
.page_contact_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}
.page_contact_list{ width:1132px; margin:0 auto; height:232px; background:#fff;  padding:34px 33px; border:solid 1px #eee;}
.page_contact_list li {float: left; width:280px; text-align: center;}
.page_contact_list .page_contact_list_line{ background:#f7f7f7; width:2px; display:block; height:172px; margin:30px 1px;}
.page_contact_list li a {display: block;  width:280px; padding:20px 0; }
.page_contact_list li a span{ font-size:14px; line-height:32px; height:32px;}
.page_contact_list li a p{ font-size:14px; font-weight:bold; color:#666; line-height:24px; margin-top:12px;}
.page_contact_list li a:hover { color: #fff; background:#108acb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-radius:5px;}
.page_contact_list li a:hover span{color:#fff;}
.page_contact_list li a:hover p{color:#fff;}
.page_contact_list li i { display: block; height:100px; width:120px; background:url(../image/icon_contact.png); margin:0 80px; }
.page_contact_list .page_contact_list1 {background-position: 0px 0px;}
.page_contact_list .page_contact_list2 {background-position: -120px 0px;}
.page_contact_list .page_contact_list3 {background-position: -240px 0px;}
.page_contact_list .page_contact_list4 {background-position: -360px 0px;}
.page_contact_list li a:hover .page_contact_list1 {background-position: 0px -100px;}
.page_contact_list li a:hover .page_contact_list2 {background-position: -120px -100px;}
.page_contact_list li a:hover .page_contact_list3 {background-position: -240px -100px;}
.page_contact_list li a:hover .page_contact_list4 {background-position: -360px -100px;}

.page_messages{margin:0; padding:0; width:100%; min-width:1200px;}
.page_messages_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}
.page_messages_top span{ font-weight:bold; color:#108acb;}

.page_messages_list{ width:1200px; margin:0 auto 120px; overflow:hidden;}
.page_messages_list .row{ width:100%; clear:both;  margin:0 0 30px 0;}
.page_messages_list .row .row_left{ width:570px; float:left; display:block; }
.page_messages_list .row .row_right{ width:570px; float:right; display:block; }
.page_messages_list label{ position:relative; display:block; }
.page_messages_list label span{ position:absolute; left:24px; top:22px; font-size:18px; color:#ccc;}
.page_messages_list .txt{ border:1px solid #eee; padding:24px; background:#fff;}
.page_messages_list .txt:focus{ border:2px solid #108acb; padding:23px; background:#fff;}
.page_messages_list .txt.w1{ width:520px; height:20px; line-height:20px;}
.page_messages_list .txt.w2{ width:1150px; height:180px; line-height:20px;}
.page_messages_list .btn{ float:left; border:0; background:#108acb; border-radius:5px; width:570px; height:70px; cursor:pointer; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.page_messages_list .row .btn:hover{ background:#21282e; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_messages_list .row p.xin{ color:#21282e; line-height:70px; font-size:18px; float:right; font-weight:bold;}
.page_messages_list .row p.xin span{ color:#108acb;}

.page_map { overflow:hidden; position:relative; height:640px; min-width:1200px;}
.page_map .page_map_wraper{position:absolute; z-index:2; width:100%;}
.page_map .page_map_c{width:1200px; margin:0 auto;}
.page_map .wraper { width:480px; height:560px; margin:40px 0 40px 720px; background:#fff; position:absolute;  border-radius:5px;}
.page_map .wraper h2{width:440px; background:#000; padding-left:40px; line-height:80px; color:#fff; background:#108acb;  border-radius:5px 5px 0 0;} 
.page_map .wraper ul{ width:400px; padding:20px 40px;}
.page_map .wraper li{width:100%; padding:20px 0; overflow:hidden; border-bottom:1px solid #eee;}
.page_map .wraper li p{ font-size:20px; height:45px; line-height:45px; background:url(../image/icon_bus.png) left center no-repeat; font-weight:bold; padding-left:50px; margin-bottom:20px;}
.page_map .wraper li span { font-size:14px; font-weight:bold;}
#mapall { height:700px; position: relative; z-index: 1;}





.page_case{margin:0; padding:0; width:100%; min-width:1200px;}
.page_case_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}
.page_case_nav{ height:38px; width:810px; margin:0 auto; }
.page_case_nav li{ float:left; margin:0 12px;}
.page_case_nav li a{ width:138px; height:38px; display:block; background:#21282e; color:#fff; border-radius:19px; font-size:16px; font-weight:bold; line-height:38px;}
.page_case_nav li a:hover{ background:#108acb; }
.page_case_nav li.select a{background:#108acb;}
.page_case_nav li i { display: block; height:24px; width:24px; background:url(../image/icon_case.png); margin:7px 10px 7px 18px; float:left; }
.page_case_nav .page_case_nav1 {background-position: 0px 0px;}
.page_case_nav .page_case_nav2 {background-position: -24px 0px;}
.page_case_nav .page_case_nav3 {background-position: -48px 0px;}
.page_case_nav .page_case_nav4 {background-position: -72px 0px;}
.page_case_nav .page_case_nav5 {background-position: -96px 0px;}
.page_case_nav .page_case_nav6 {background-position: -120px 0px;}
.page_case_nav .page_case_nav7 {background-position: -144px 0px;}

.page_case_list{ width:1200px; margin:50px auto 120px;}
.page_case_list li{ float:left; width:400px; height:350px; position:relative; cursor:pointer; overflow:hidden;}
.page_case_list li .img{ width:100%;}

.page_case_list li .caseShadowWrap {position:absolute; bottom:0; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; width: 100%; height:100%; padding:0; }
.page_case_list li .caseShadow {position: absolute; bottom: 0; height:50px; width: 100%; background:rgba(16,138,203,0.8); color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.page_case_list li .caseTitle{ line-height:50px;  position: absolute;  padding-left:20px; font-size:16px;}
.page_case_list li .caseShadow .caseInfo { text-align: center; color: #fff; vertical-align: middle; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; width:46%; margin:35% 27%;}
.page_case_list li .caseShadow .caseInfo a {display: block;  width:36px; height:36px; padding:16px; border:2px solid #fff; border-radius:50%; float:left;}
.page_case_list li .caseShadow .caseInfo a:hover { background:#fff;}
.page_case_list li .caseShadow .caseInfo i{ display: block;  width:36px; height:36px; background:url(../image/icon_case1.png);}
.page_case_list li .caseShadow .caseInfo .itemsleft{background-position: 0px 0px;}
.page_case_list li .caseShadow .caseInfo a:hover .itemsleft{background-position: 36px 0; }
.page_case_list li .caseShadow .caseInfo .itemsright{background-position: 0 36px;}
.page_case_list li .caseShadow .caseInfo a:hover .itemsright{background-position: 36px 36px;}

.page_case_list li:hover .caseShadow {background:rgba(16,138,203,0.8);  margin-bottom:0px; height: 100%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; filter: alpha(opacity=100);}
.page_case_list li:hover .caseTitle{ display: table-cell; height: 100%; text-align: center; color: #fff; vertical-align: middle; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_case_list li:hover .caseShadow .caseInfo {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; filter: alpha(opacity=100); }

.page_case_list li .img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.page_case_list li:hover .img{ transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}

.page_main_featuresnav{margin:0 auto 30px; height:40px; width:480px;}
.page_main_featuresnav li{float:left; width:100px; text-align:center; cursor:pointer; margin:0 5px; line-height:40px; font-size:16px; font-weight:bold;}





.case_detail{width:100%; position:relative; overflow:hidden; height:1200px; min-width:1200px;}
.case_detail_banner{ width:1920px;  position:absolute; left:50%; margin-left:-960px;}
.case_detail_jianjie{ width:100%;  position:absolute; text-align:center; padding:50px 0 0;}
.case_detail_jianjie h1{ font-size:60px; color:#fff;}
.case_detail_jianjie p{ font-size:14px; color:#fff; line-height:20px; margin-top:10px;}
.case_detail_jianjie span { width:148px;position:absolute; left:50%; margin-left:-74px; margin-top:30px;}
.case_detail_jianjie span a{ width:148px; height:48px; display:block; border:2px solid #fff; border-radius:5px; line-height:48px; font-size:22px; font-weight:bold; color:#fff;}
.case_detail_jianjie span a:hover{ color:#21282e; background:#fff; }
.case_detail_mac{ width:1000px; height:840px;  position:absolute; bottom:0; background:url(../image/mac.png) center center no-repeat; left:50%; margin-left:-500px;}
.case_detail_mac p{ margin:60px 0 0 142px; color:#aaa; height:18px; }
.case_detail_mac span{ width:902px; height:473px; overflow:hidden; display:block; margin:8px 0 0 48px;}

.case_detail_img{ width:1200px; margin:60px auto;}
.case_detail_img .tab{ overflow:hidden; text-align:center;}
.case_detail_img .tab a img{ width:60px; height:60px; border:5px solid #fff;}
.case_detail_img .tab a:hover img{  border:5px solid #21282e;}
.case_detail_img .tab a.on img{  border:5px solid #21282e;}
.case_detail_img .content{ overflow:hidden; margin-top:60px; }
.case_detail_img .content li{ display:none; padding:50px;}
.case_detail_img .content .img {-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); }
.case_detail_img .content .img p{ background:url(../image/mac_top.jpg) left top no-repeat; height:19px; width:900px; line-height:19px; padding:10px 100px; color:#aaa; border-radius:5px 5px 0 0; }
.case_detail_img .content .erweima{text-align:center; margin-top:60px;}
.case_detail_img .content .erweima img{ display:block; width:200px; height:200px; margin:0 auto 20px;}
.case_detail_img .content .erweima span{ line-height:26px; font-size:14px; color:#fff;}

.case_detail_fy{ width:100%; position:fixed; top:0; left:0; z-index:9999;}
.case_detail_fy a{ background:#21282e; width:27px; height:50px; display:block; padding:30px;}
.case_detail_fy a:hover{background:#108acb;}
.case_detail_prev{ position:absolute; left:100px; top:420px;}
.case_detail_next{ position:absolute; right:100px; top:420px;}


.case_detail_tuijian{ width:1200px; margin:0 auto; text-align:center; line-height:36px; height:36px; padding:62px 0 0;}



.pages1{ width:1080px; margin:30px auto 0;}
.pages1_l{ float:left; width:270px; height:40px; border:solid 1px #ccc;border-radius:4px;text-align:center; }
.pages1_l a{ line-height:40px; color:#999;display:block;}
.pages1_l:hover{ background:#108acb; color:#fff;  border:solid 1px #108acb;}
.pages1_l:hover a{ color:#fff;}
.pages1_r{ float:right; width:270px; height:40px; border:solid 1px #ccc;border-radius:4px;text-align:center; }
.pages1_r a{ line-height:40px; color:#999;display:block;}
.pages1_r:hover{ background:#108acb; color:#fff; border:solid 1px #108acb;}
.pages1_r:hover a{ color:#fff;}

.pages { margin:50px 0 0; text-align:center; font-size:14px;}
.pages a { display:inline-block; height:34px; line-height:34px; background:#fff; border:1px solid #ccc; text-align:center; color:#333; padding:0 13px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#108acb;  border:1px solid #108acb; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:34px; line-height:34px; background:#108acb; border:1px solid #108acb; color:#fff; text-align:center; padding:0 13px; margin-left:6px;}