﻿@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.fixtop .toper ul.navpc li a span,.fixtop .toper ul.navpc li a p,.fixtop1 .toper,.fixtop .toper .btn,.fixtop1 .toper .logo,.indnum li,.indwork li .bg,.indwork li .up,.indwork li .down,.indwork li p,.indwork li.last,.indnews li h2 p,.mmore a span,.workcate a,.contact .cons2 .pic img,.newscate li i,.newscate li a,.news li .pic img,.news li .cons .title a,.fixright a,.bx-wrapper .bx-controls-direction a
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.indwork li:hover p,.indnews li h2:Hover p,.contact .cons2 .pic img:Hover,.news li .pic img:Hover
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.indnews,.foot li,.news li .pic
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:14px;line-height:34px;color:#333;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:14px;line-height:34px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#333;font-size:14px;}
a:hover,.partner a:hover,.newscate li.check a{color:#e62129}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #727272;}
:-moz-placeholder {color: #727272; } 
::-moz-placeholder { color: #727272; } 
:-ms-input-placeholder {color: #727272; }

::selection {background:#e62129;color:#ffffff;}
::-moz-selection {background:#e62129;color:#ffffff;}
::-webkit-selection {background:#e62129;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager font { display:inline-block; vertical-align:top;margin:-1px 5px 0 5px}
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current {}   
.pager a:hover,.pager span.current{ color:#898989; } 
.pager a,.pager span.disabled {color:#898989;} 
.pager a,.pager span.current,.pager span.disabled{width:20px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap { position:relative;margin:0 3.5%;}
.phonemenu { display:none;}

.fixtop .toper { height:75px; line-height:75px;z-index:9998; position:fixed;left:0;top:0;width:100%;background:#fff;}
.fixtop .toper .logo {float:left;background:url(../images/logo.png) no-repeat center;width:157px; height:75px; display:block;}
.fixtop .toper .btn { background:url(../images/menu.png) no-repeat center bottom;width:49px; height:14px; position:absolute;right:0;top:30px; cursor:pointer}
.fixtop .toper ul.navpc {float:right;margin:0 49px 0 0}
.fixtop .toper ul.navpc li {display:inline-block;margin-right:40px; position:relative}
.fixtop .toper ul.navpc li a {display:block;height:75px;line-height:75px;text-align:center;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a{color:#e62129;}
.fixtop .toper ul.navpc li a span { display:block;color:#333;font-size:16px;opacity:1}
.fixtop .toper ul.navpc li a:hover span,.fixtop .toper ul.navpc li.check a span {opacity:0;}
.fixtop .toper ul.navpc li.check a span,.fixtop .toper ul.navpc li a:hover span {color:#e62129;}
.fixtop .toper ul.navpc li a p { position:absolute;width:100%; text-align:center;left:0;top:0;opacity:0;color:#333;font-size:16px;}
.fixtop .toper ul.navpc li a:hover p,.fixtop .toper ul.navpc li.check a p {opacity:1;color:#e62129}
.tblank { height:75px;}

.fixtop1 .toper { background:none}
.fixtop1 .toper .logo {opacity:0}
.fixtop1 .toper ul.navpc {opacity:0}
.fixtop1 .toper .btn { background-position:center top;}
.fixtop1:hover .toper,.fixtop1.active .toper { background:#fff}
.fixtop1:Hover .toper ul.navpc,.fixtop1.active .toper ul.navpc {opacity:1}
.fixtop1:hover .toper .logo,.fixtop1.active .toper .logo {opacity:1}
.fixtop1:hover .toper .btn,.fixtop1.active .toper .btn {background-position:center bottom}
.tblank1 { display:none;}

.bxslider li a {
display:block;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bxslider li .cons { position:absolute;left:6%;top:20%;letter-spacing:3px;}
.bxslider li .cons .title {font-size:45px; line-height:65px;font-weight:600;color:#fff;}
.bxslider li .cons .content {font-size:24px; line-height:44px;font-weight:300;color:#C9C9CA;margin:10px 0 0 0; letter-spacing:0px}
.bxslider li .cons .content em { font-style:normal;font-size:20px}

.indabout { text-align:center;margin:100px auto 80px auto;max-width:1420px;}
.numcons {font-size:65px; line-height:75px;font-weight:600;}
.numcons i { display:inline-block; vertical-align:middle; background:url(../images/1.png) no-repeat center;width:58px; height:58px;margin:0 3%}
.indnum {margin:80px auto 50px auto;max-width:1060px}
.indnum ul {width:112%;margin-left:-6%}
.indnum li { float:left;width:21.3333%;margin:0 6%; position:relative;top:0}
.indnum li:Hover {top:-5px}
.indnum li .num { position:relative;font-weight:700; }
.indnum li .num .count-outer { display:inline-block; vertical-align:middle;font-size:52px; line-height:52px; position:relative; z-index:10}
.indnum li .num h3 { display:inline-block; vertical-align:middle;font-size:52px; line-height:52px; position:relative; z-index:10;}
.indnum li .num p { position:absolute;top:27px;width:100%; background:#e62129; height:5px}
.indnum li .content {font-size:18px; line-height:38px; display:inline-block;margin:15px auto 0 auto}
.indwork {margin:-0.7% 0.35% 0 0.35%;}
.indwork li {float:left;width:32.6333%;margin:0.7% 0.35% 0 0.35%; position:relative; overflow:hidden}
.indwork li .bg { position:absolute; z-index:50;width:100%; height:100%;top:0;left:0; background:rgba(0,0,0,0.6);opacity:0}
.indwork li .up {position:absolute; z-index:60;top:0;left:5%;width:90%;color:#fff;opacity:0}
.indwork li .up .f1 {font-weight:600;font-size:16px; line-height:26px;}
.indwork li .up .f2 {font-size:16px; line-height:26px;margin-top:2px}
.indwork li .up .f3 { line-height:24px;}
.indwork li .down {position:absolute; z-index:60;bottom:0;left:5%;width:90%;color:#fff;opacity:0}
.indwork li .down .f4 {font-size:12px; line-height:22px;}
.indwork li i { display:block; background:#fff;width:15px; height:1px;margin:12px 0}
.indwork li:Hover .bg {opacity:1}
.indwork li:hover .up {opacity:1;top:5%}
.indwork li:hover .down {opacity:1;bottom:5%}

.indwork li.last { background:#AECEE8}
.indwork li.last:Hover {background:#333;}
.indwork li.last .cons {border:1px dashed #fff; position:absolute; width:94%; height:90%;top:5%;left:3%; z-index:60; text-align:center;}
.indwork li.last .cons h1 {color:#fff;font-size:20px; letter-spacing:3px;font-weight:300}
.indwork li.last .cons h2 {color:#fff;font-size:19px; letter-spacing:1px;font-weight:300;border-bottom:2px solid #fff; display:inline-block; line-height:48px;margin-top:-15px}
.indnews {width:102%;margin-left:-1%;padding:0 0.7%}
.indnews li {float:left;width:31.3333%;margin:0 1%; position:relative; text-align:center;margin-top:60px}
.indnews li .subject {font-size:25px;}
.indnews li .ensubject {margin:-2px 0 35px 0}
.indnews li h2 { position:relative; overflow:hidden;margin:0 0 30px 0}
.indnews li h2 i { position:absolute; background:url(../images/2.png);width:14px; height:10px; z-index:50;left:50%;margin-left:-7px;}
.indnews li h1 { position:relative;margin:5px 5%; overflow:hidden; text-align:left; height:25px; line-height:25px; overflow:hidden}
.indnews li h1 a { display:inline-block;padding:0 60px 0 0}
.indnews li h1 span { display:block; position:absolute;right:0;top:0;}
.indnews li .list { position:relative;}
.indnews li .list font {border-left:1px dashed #999; height:170px;width:1px;z-index:100; position:absolute;right:0;margin-right:-3.5%;top:5px;display:block}
.indnews li .list font.f3 { display:none;}
.mmore {margin:10px 5% 0 5%; text-align:left;}
.mmore a { display:inline-block; position:relative;border:1px solid #666;border-radius:10px;font-size:12px;padding:0 10px; height:20px; line-height:19px; overflow:hidden}
.mmore a i { display:inline-block; vertical-align:top;margin:-1px 0 0 2px}
.mmore a span { display:block; position:absolute; z-index:2; background:#e6e6e7;width:0; height:20px;left:0}
.mmore a p { position:relative; z-index:10;color:#333}
.mmore a:hover span {width:100%}

.bannerin { height:940px; background-position:center 75px; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
.workicon { background:url(../images/4.png);width:137px; height:41px;margin:-20px 0 0 0.7%}
.workcate { text-align:right;margin:35px 3% 20px 0}
.workcate a { display:inline-block;font-size:16px;margin:0 0 0 50px;border-bottom:2px solid transparent;}
.workcate a:Hover,.workcate a.check {border-color:#e62129;color:#e62129}

.showbg { background:#004ea1; height:890px; position:relative}
.showbg i { position:absolute;bottom:0;left:0;width:100%}
.showbg i img {width:100%}
.show {min-height:890px;max-width:1480px;margin:0 auto;margin-top:-790px; z-index:100; position:relative}
.show .gs_content {color:#b5b6b6;font-size:45px; line-height:65px;font-weight:600; letter-spacing:5px;margin:0 0 40px 0}
.show .workcate a {color:#b5b6b6}
.show .workcate a:Hover,.show .workcate a.check {border-color:#b5b6b6}
.show .cons2 { background:#e6e6e8;padding:40px 50px;margin:40px 0 0 0}
.show .cons2 .mleft {float:left;width:35%;color:#004ea1;}
.show .cons2 .mleft .title2 {font-size:27px; line-height:47px;font-weight:600}
.show .cons2 .mleft .title {font-size:27px; line-height:47px;font-weight:300}
.show .cons2 .mleft i { display:block;width:30px; height:4px; background:#004ea1;margin:40px 0}
.show .cons2 .mleft .hy {font-size:23px;font-weight:300; line-height:43px;}
.show .cons2 .mright {float:right;width:50%}
.show .cons2 .mright .content { line-height:29px;border-bottom:1px dashed #666;padding:0 0 30px 0;margin:0 0 30px 0}
.show .cons2 .mright .content h1,.show .cons2 .mright .content h2,.show .cons2 .mright .content h3,.show .cons2 .mright .content h4,.show .cons2 .mright .content h5 {font-size:20px; line-height:30px;margin:10px 0}
.show .cons2 .mright .service { line-height:29px;}
.show .summry { text-align:center;max-width:1188px;margin:13px auto 0 auto}
.show .summry img {margin:7px 0}
.show .totop { background:url(../images/6.png);width:47px; height:30px;margin:40px auto 0 auto; cursor:pointer}

.about1 {margin:100px 7% 80px 0}
.about1 .mleft {float:left; background:url(../images/4.png);width:137px; height:41px;margin-top:10px}
.about1 .mright {float:right;width:1050px;}
.about1 .indabout { text-align:left;margin:0}
.about1 .indnum { text-align:center}
.about1 .indabout .cons {font-size:16px; line-height:36px;margin-top:80px; position:relative}
.about1 .indabout .cons i { background:url(../images/7.png);width:137px; height:41px; position:absolute;left:-187px;top:10px}

.about2 {background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}
.about2 .ly { position:absolute; z-index:1;width:100%; height:100%}
.about2 .cons {max-width:1050px;float:right;font-size:18px; line-height:38px;margin:3.5% 7% 0 0;}
.about2icon { background:url(../images/4.png) no-repeat center;width:137px; height:41px;margin:-20px 0 0 3.5%; position:relative}

.partner {padding:60px 2.8% 60px 0}
.partner,.partner a {font-size:18px; line-height:38px;}
.partner .mright {width:1490px;float:right;}
.partner .mright .ml {float:left;width:215px;}
.partner .mright .ml .en {font-weight:600;font-size:37px; line-height:47px;}
.partner .mright .ml .cn {font-size:28px; line-height:38px;font-weight:300}
.partner .mright .ml i {width:25px; height:5px; background:#333;margin:45px 0; display:block}
.partner .mright .mr {float:right;width:1125px;margin:65px 0 0 0}
.partner .mright .mr .title {font-size:28px; line-height:48px;border-bottom:1px solid #666;padding:0 0 30px 0;margin:0 0 30px 0;font-weight:300}
.partner .mright .mr .content { line-height:34px;font-size:14px;}
.aboutpic { text-align:center;padding:50px 0.7%}
.aboutpic img {width:100%}
.aboutwx { text-align:center;max-width:120px;margin:0 auto;}
.aboutwx p {font-size:18px; letter-spacing:2px;margin:10px 0 0 0}

.contact {max-width:1820px;margin:0 auto;}
.contact,.contact a {font-size:20px; line-height:35px;color:#000}
.contact .cons1 { position:relative;margin:110px 0 70px 0}
.contact .cons1 .map {float:left;width:57.5%}
.contact .cons1 .map iframe,#container {width:100%; height:680px;}
.contact .cons1 .cons {float:right;width:39%;}
.contact .cons1 .cons .c1 {margin:-10px 0 30px 0}
.contact .cons1 .c3 { position:absolute;bottom:-10px;left:61%}
.contact .cons2 .pic {float:left;width:57.5%; overflow:hidden}
.contact .cons2 .cons {float:right;width:39%;}
.contact .cons2 .cons i { background:#333;width:60px; height:7px; display:block;margin:60px 0 100px 0}

.newscate { position:relative; z-index:10;margin:70px 0 0 0}
.newscate li { display:inline-block;width:33.3333%; text-align:center}
.newscate li h1 {font-size:22px;}
.newscate li h2 {font-size:12px;margin:-10px 0 20px 0}
.newscate li i { background:url(../images/8.png) no-repeat;width:15px; height:12px; display:block;margin:0 auto}
.newscate li a:hover i,.newscate li.check a i { background-position:bottom}
.newsline { background:#080705;width:100%; height:1px;margin-top:-8px; position:relative; z-index:1}
.newscate li a {display:inline-block}

.news {margin-top:70px}
.news li {margin:25px 0 0 0}
.news li .pic {float:left;width:51.5%; overflow:hidden;border:1px solid #efefef;}
.news li .pic img {width:100%;}
.news li .cons {float:right;width:44%;}
.news li .cons .addtime {font-size:22px;font-weight:300;margin:-5px 0 6.4% 0;}
.news li .cons .title {line-height:40px;}
.news li .cons .title a {font-size:27px; letter-spacing:1px; display:inline-block}
.news li .cons .content {font-size:16px; line-height:31px; height:62px; overflow:hidden;color:#666;margin:3.5% 0 8.5% 0}

.news li .mmore {margin-left:0}
.news li .mmore a { font-size:19px;padding:0 12px; height:35px; line-height:34px; font-weight:300;border-color:#595757}
.news li .mmore a span {height:35px;}

.nshow {padding:90px 0 0 0}
.nshow .mleft {float:left;width:32%;}
.nshow .mleft .title {font-size:25px; line-height:40px;margin:0 0 30px 0}
.nshow .mleft .gs_content {font-size:16px; line-height:31px;}
.nshow .mleft i { background:#333;width:30px; height:4px;margin:70px 0; display:block}
.nshow .mleft .title2 {font-size:16px; line-height:31px;}
.nshow .mright {float:right;width:60%; line-height:2}
.nshow .mright img {margin:5px 0}
.workblank { height:80px;}

.fixright { position:fixed;right:5px;bottom:30px;width:50px; z-index:9999}
.fixright a { display:block;width:50px; height:50px; background:rgba(0,0,0,0.5);border-radius:50%;margin:10px 0; position:relative}
.fixright a i { display:block;width:100%; height:100%;}
.fixright a.qq i {background:url(../images/q.png) no-repeat center;background-size:50%;}
.fixright a.wx i {background:url(../images/w.png) no-repeat center;background-size:60%;}
.fixright a.wx div { background:url(../images/11.png);width:162px; height:139px; position:absolute;right:60px;bottom:0; display:block;}
.fixright a.wx div p {width:120px;margin:10px 0 0 10px}
.fixright a.wx div p img {width:120px; height:120px;}
.fixright a.wx:hover div { display:block}
.fixright a:Hover,.fixright a.wx { background:#e62129}


.foot { background:#000;margin-top:100px;color:#888889;padding:40px 0}
.foot .wrap {margin:0 2.3%}
.foot a {color:#888889}
.foot a:Hover {color:#fff}
.foot li {float:left;min-height:370px; position:relative}
.foot li .icon { position:absolute; background:url(../images/4.png) no-repeat center;width:137px; height:41px;}
.foot li i { display:block;width:15px; height:2px; background:#888889;}
.foot li.f1 {width:32.5%}
.foot li.f1 .logo { background:url(../images/3.png) no-repeat center;width:291px; height:48px;margin:0 0 55px 0}
.foot li.f1 .cons {font-size:16px; line-height:26px; height:260px}
.foot li.f1 .icon {right:8%;bottom:0}
.foot li.f2 {border:1px dashed #595757;border-top:0;border-bottom:0;padding:0 2.8%;width:35%}
.foot li.f2 .wx {width:120px;}
.foot li.f2 .wx img {opacity:0.6}
.foot li.f2 .icon {top:0;right:5%}
.foot li.f2 .cons { position:absolute;bottom:0;left:8%; line-height:24px}
.foot li.f2 .cons h1,.foot li.f2 .cons h2,.foot li.f2 .cons h3,.foot li.f2 .cons h4,.foot li.f2 .cons h5 {font-weight:600;font-size:22px}
.foot li.f2 i {margin-top:50px}
.foot li.f3 {padding:0 0 0 2.8%;width:32.5%}
.foot li.f3 .subject {margin:-10px 0 15px 0}
.foot li.f3 dl {border:1px dashed #595757;border-left:0; line-height:30px;border-right:0;padding:15px 0;min-height:160px}
.foot li.f3 dd { display:inline-block; vertical-align:top;margin:0 30px 0 0}
.foot li.f3 dd a {font-size:13px}
.foot li.f3 .icon {right:0;bottom:0}
.foot li.f3 .cons { line-height:23px;font-size:13px}
.foot li.f3 .share  {padding:25px 0 10px 0}
.foot li.f3 .share .bdsharebuttonbox a { display:inline-block; vertical-align:middle;padding:0 20px 0 0;}
.foot li.f3 .share .bdsharebuttonbox a.bds_weixin { background:url(../images/wx.png) no-repeat center;width:28px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_sqq { background:url(../images/qq.png) no-repeat center;width:24px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_tsina { background:url(../images/wb.png) no-repeat center;width:30px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_bdhome { background:url(../images/du.png) no-repeat center;width:22px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_douban { background:url(../images/dou.png) no-repeat center;width:24px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_renren { background:url(../images/ren.png) no-repeat center;width:42px; height:23px}
.foot li.f3 .share .bdsharebuttonbox a.bds_qzone { background:url(../images/qqspace.png) no-repeat center;width:26px; height:23px}

#you {width:45px; position:fixed; z-index:999; right:5px; bottom:15%;}
#you img {width:100%; margin-bottom:10px;}
#dingyi {width:200px; bottom:18%; position:fixed; z-index:999; right:75px; display:none}