@charset "utf-8";

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,summary  { display: block; }
a{text-decoration: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }
input:focus , textarea:focus , button:focus , area:focus{
    outline: none;
}
fieldset, img , abbr, acronym , a img{ border: 0px none; }
ol, ul, li, figure { list-style: none; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }


table { border-collapse: collapse;  border-spacing: 0;}
table th{
    background:#ddd; font-weight:bold;
}
table td,th{
    text-align:center; padding:5px; border:1px solid #ccc; word-wrap:break-word; word-break:break-word;
}

img { max-width: 100%; height: auto; width: auto\9; }


button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button { overflow: visible; }

textarea , pre { overflow: auto; }

button, input, optgroup, select, textarea { color: inherit; font: inherit;  margin: 0; }

a[href], label[for], select{ cursor: pointer; }
a , input , div , textarea , span {-webkit-tap-highlight-color:rgba(0,0,0,0);}

a:active, a:hover { outline: 0; }
sup, sub{ vertical-align: baseline; position: relative; font-size: 75%; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

svg:not(:root) { overflow: hidden; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'), url('../font/icomoon.woff') format('woff'), url('../font/icomoon.woff2') format('woff2'), url('../font/icomoon.ttf') format('truetype'), url('../font/icomoon.svg#icomoon') format('svg');
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato.eot');
    src: url('../font/Lato.eot?#iefix') format('embedded-opentype'), url('../font/Lato.woff') format('woff'), url('../font/Lato.woff2') format('woff2'), url('../font/Lato.ttf') format('truetype'), url('../font/Lato.svg#icomoon') format('svg');
}

a,.row,.lm,span,img:first-child,.tab,input,textarea,label,.btn-primary,img{
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
}

.center {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
@media screen and (max-width:1200px){.center{ padding-right:10px; box-sizing:border-box; padding-left: 10px;} }

a {
    color: #305494;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.uppercase {
    text-transform: uppercase;
}

.title,
.bannerText strong,
.bannerBtn,
.showCen strong,
.mainTop .mainTitle,
.asideTitle {
    font-family: Lato, Helvetica, Arial, 'Microsoft YaHei', SimSun, Sans-serif;
}

body {
    font-family: Lato, Arial, Verdana, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

img {
    vertical-align: bottom;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

input[type="text"]:focus,
input[type="text"].focusOn,
input[type="password"]:focus,
input[type="password"].focusOn,
textarea:focus,
textarea.focusOn {
    background: #fff;
}

.justify {
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0px;
    font-size: 0px;
}

.justify:after {
    content: '';
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.justify .line {
    display: inline-block;
    height: 0;
    overflow: hidden;
}

.justify > * {
    text-align: left;
    font-size: 14px;
}

.justify .box {
    display: inline-block;
    vertical-align: top;
}

.box.justify {
    text-align: justify;
}

.uppercase {
    text-transform: uppercase;
}
.container{
    overflow: hidden;
    position: relative;
    width: 100%;
}

#menuBtn {
    height: 45px;
    width: 45px;
    background: #305494;
    position: fixed;
    top: 88px;
    right: 10px;
    display: none;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    border: 1px solid #e0e0e0;
}

#menuBtn:before {
    content: "\e637";
    font-size: 30px;
    color: #ffffff;
    font-family: icomoon;
}

#menuBtn.active:before {
    content: "\e60b";
    font-size: 30px;
    color: #ffffff;
    font-family: icomoon;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
    margin-top: 13px;
    margin-right: 10px;
}

.proVideo{ width: 56%; position: relative; display: block; margin-bottom: 5px;}
.proVideo:first-child img{width: 100%;}
.proVideo .play{position: absolute; top: 0; left: 0; margin-top: 0; margin-left: 0; display: block;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.5) url("../img/play03.png") no-repeat 50% 50%;background-size: contain;}

#top {
    background: #333333;
}

#top .center {
    position: relative;
}

#top .topLeft {
    position: absolute;
    top: 0;
    left: 0;
    background: #315494;
    width: 11.33%;
    min-width: 80px;
    padding: 10px;
    z-index: 10;
}
@media screen and (max-width:1200px){
    #top .topLeft{left:10px;}
}

#top .topRight {
    float: right;
    width: 24%;
}

#top .topRight .box>a {
    display: block;
    color: #b1b1b1;
    padding: 8px 0;
}
#top .topRight .box>a:hover{ color:#fff;}

.topRight .language{
    position: relative;
}
.topRight .language:hover ul{
    display:block;
}
#top .topRight .language>a{
    padding: 0 15px;
    padding-right: 20px;
    background:#B1B1B1;
    color:#555555;
    margin:8px 0;
    cursor: pointer;
}
#top .topRight .language:hover>a:after{ display:none;}
#top .topRight .language:hover a{ color:#fff;}

.topRight .language>ul{
    position: absolute;
    z-index: 9999;
    top: 100%;
    left:0;
    margin-top: -7px;
    display: none;
    width: 100%;
}

#top .language a {
    color: #fff;
    position: relative;
    display: block;
    padding: 2px 5px;
}

.topRight .language li{
    display: block;
    background: #b1b1b1;
    font-size: 12px;
    padding: 0 8px;
    padding-right: 17px;
    cursor: pointer;
    position: relative;
}

.topRight .language>a:after {
    content: "\e622";
    font-family: icomoon;
    position: absolute;
    top: 2px;
    right: 5px;
    color: #525251;
    font-size: 20px;
    line-height: 1;
}

.topRight .language li:first-child.active {
    content: '\e623';
    font-family: icomoon;
}
#top .language ul li a{ border-top:1px solid #ddd;}
#top .language ul li:first-child a{ border-top:none;}

.topList {
    width: 45%;
    margin-left: 17.5%;
    float: left;
}

.topList .hidden {
    display: none;
}

.topList li {
    padding: 0 4%;
    position: relative;
    display: inline-block;
}
.topList li a{
    padding:25px 0;
    display:inline-block;
}

.topList li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 8px solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #305494;
    border-right-color: transparent;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.topList li.active:after {
    opacity: 1;
}

.topList li:hover:after {
    opacity: 1;
}

.index .topListbg .topList a {
    color: #305494;

}
.topList a{ font-size: 18px; }
.searchForm {
    float: right;
    background: #FFFFFF;
    position: relative;
    margin-top: 20px;
    border: 1px solid #fff;
}

.searchForm .search {
    height: 32px;
    line-height: 32px;
    padding: 3px 5px;
    font-size: 12px;
    z-index: 2;
    width: 288px;
    border: 1px solid rgba(177, 177, 177, 0.6);
    box-sizing: border-box;
}

.searchForm label.focusOn {
    display: none;
}

.searchForm label {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 10px;
    line-height: 26px;
    margin-top: 5px;
    z-index: 1;
    color: rgba(177, 177, 177, 0.5);
}

.searchForm .searchBtn {
    border: 0px none;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: transparent;
    z-index: 3;
    font-family: icomoon;
    font-size: 16px;
    color: rgba(177, 177, 177, 0.8);
}
.searchForm .searchBtn:hover{ background:#315494;}
.searchForm .searchBtn:hover:before{ color:#fff;}

.searchForm .searchBtn:before {
    content: '\e655';
}

#banner {
    position: relative;
}

/*#banner .center {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*right: 0;*/
/*}*/

#banner .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #FFFFFF;
    font-family: Lato, Arial, Verdana, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
    margin-top: 7.5%;
}

#banner .txt p {
    width: 58.33%;
    font-weight: bold;
    font-size: 40px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    line-height: 40px;
    max-height: 80px;
    overflow: hidden;
    padding: 10px 0 50px 10px;
    border-radius: 5px;
}

#banner .txt .lm {
    display: block;
    background: #c3c3c3;
    padding: 10px 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    margin-left: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

#banner .txt .lm:hover {
    background: #305494;
}

.main {
    margin-top: 45px;
    position: relative;
}

.main .leftTitle,
.main .rightTitle {
    padding: 20px 0;
    width: 160px;
    position: relative;
    border-radius: 5px 5px 0 0;
    background: #315494;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.main .leftTitle:after,
.main .rightTitle:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    /* z-index: 10; */
    border-style: solid;
    border-width: 18px 80px;
    border-top-color: #305494;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    box-sizing: border-box;
    display: block;
}

.main .leftTitle {
    float: left;
}

.main .rightTitle {
    float: right;
}

.main .plist {
    background: #e7e7e7;
}

.main .center {
    margin: 0 auto;
    position: relative;
}

.main .product .row {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 100%;
    background: #7b95c6;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 1s;
    transition: 1s;
}

.main .product .row.active{
    right: 100%;
    margin-right: -160px;
}
.main .line .row {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 160px;
    height: 100%;
    background: #7b95c6;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 1s;
    transition: 1s;
}
.main .line .row.active{
    left: 100%;
    margin-left: -160px;
}
.main .product .row:after,
.main .line .row:after {
    content: '\e61d';
    font-family: icomoon;
    color: #FFFFFF;
    font-size: 150px;
    position: absolute;
    top: 50%;
    margin-top: -112px;
    left: 50%;
    margin-left: -31px;
}

.main .line .row:after {
    content: '\e61e';
}

.main .productShow {
    width: 82.6%;
    padding: 40px;
}

.main .plist a {
    display: none;
    margin-right: 1.5%;
    margin-left: 1.5%;
    text-align: center;
    /*width: 30%;*/
}
.main .plist a:hover span{ color:#315494;}
.main .plist a img {
    padding: 7px;
    border-radius: 5px;
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
}

.main .plist span {
    color: #555555;
    display: block;
}

.productShow .slick-prev {
    left: -0.5%;
}

.productShow .slick-next {
    right: -0.5%;
}

.main > .line {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.main .line.active {
    z-index: 10;
}

.main .line .productShow {
    float: right;
}

.main .techShow {
    margin-top: 45px;
}

.main .techShow .tab {
    width: 13.67%;
    min-width: 80px;
    padding: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 4px 4px 0 0;
    background: #305494;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.main .techShow .tab:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    border-style: solid;
    border-width: 18px 82px;
    border-top-color: #305494;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    box-sizing: border-box;
    display: none;
}

.main .techShow .tab.active:after {
    display: block;
}

#tab2:after {
    border-top-color: #4668a6;
}

#tab2 {
    background: #4668a6;
}

#tab3:after {
    border-top-color: #5f7eb6;
}

#tab3 {
    background: #5f7eb6;
}

#tab4:after {
    border-top-color: #7b96c6;
}

#tab4 {
    background: #7b96c6;
}

#tab5:after {
    border-top-color: #95abd3;
}

#tab5 {
    background: #95abd3;
}

#tab6:after {
    border-top-color: #b2c3e1;
}

#tab6 {
    background: #b2c3e1;
}

.main .contentMany {
    background: #e7e7e7;
}

.main .contentMany .tabContent {
    padding: 40px 60px 40px 0;
    display: none;
}

.main .contentMany .tabContent img {
    border-radius: 4px;
    width: 30.42%;
    float: left;
    min-width: 300px;
}

.main .contentMany .tabContent .txt {
    margin-left: 25px;
    width: 61.66%;
    float: left;
}

.main .contentMany .tabContent .title {
    color: #305494;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
}

.main .contentMany .tabContent p {
    color: #555555;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    display: block;
}

.main .contentMany .tabContent .lm {
    display: inline-block;
    margin-top: 15px;
    width: 170px;
    text-align: center;
    color: #555;
    padding: 15px 0;
    border: 1px solid #555;
    border-radius: 3px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}

.main .contentMany .tabContent .lm:after {
    content: '>>';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
    margin-right: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.main .contentMany .tabContent .lm:hover {
    background: #305494;
    color:#fff;
    border-color: #305494;
}

.main .contentMany .tabContent .lm:hover:after {
    margin-right: 20px;
}

.main .bottom {
    margin-top: 40px;
}

.bottom .about {
    width: 39.17%;
}

.bottom .about .title,
.bottom .service .title {
    color: #305494;
    font-size: 18px;
    padding-bottom: 5px;
    display: block;
    margin-bottom: 20px;
    background: url("../img/linebg.jpg") no-repeat left bottom;
    background-size: contain;
}

.bottom .Img {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.bottom .Img img {
    width: 100%;
}
.bottom .Img .playIcon{ width: 50px; position:absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;}
.bottom .Img span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    display: block;
    padding: 10px 20px;
    border-radius: 3px 3px 0 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    background: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.bottom .Img:hover span {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    background: rgba(0, 0, 0, 0.8);
}

.bottom .about p,
.bottom .service p {
    color: #555555;
    margin-top: 20px;
    line-height: 24px;
}

.bottom .service {
    width: 33.75%;
}

.bottom .service .play .box {
    width: 48%;
    margin-top: 20px;
    position: relative;
}

.bottom .service .play .box:hover img:first-child {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.bottom .service .play img:first-child {
    border-radius: 3px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.bottom .service .play .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
}

.bottom .twoCode {
    width: 20.5%;
    background: #e7e7e7;
    border-bottom: 10px solid #43649e;
    text-align: center;
    margin-top: 35px;
}

.bottom .twoCode img {
    margin: 0 auto;
    padding: 58px 0 20px 0;
}

.bottom .twoCode p {
    width: 81.3%;
    margin: 0 auto;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    padding-bottom: 45px;
}

#footer {
    margin-top: 65px;
    background: #333333;
}

#footer .center {
    position: relative;
}

.footerShare {
    width: 400px;
    position: absolute;
    margin-top: -30px;
    top: 0;
    left: 0;
}

.footerShare .shareList .box {
    position: relative;
}

.footerShare .shareList .box a {
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-family: icomoon;
    font-size: 26px;
    color: #222;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: normal;
    position: relative;
    z-index: 10;
}

.footerShare .shareList .box a:hover {
    background: #333;
    color: #FFFFFF;
}

.footerShare .shareList .box:hover:before {
    opacity: 1;
}

.footerShare .shareList .box .sharefb:after {
    content: "\e62c";
}

.footerShare .shareList .box .sharetw:after {
    content: "\e62b";
}

.footerShare .shareList .box .sharein:after {
    content: "\e630";
}

.footerShare .shareList .box .sharegl:after {
    content: "\e62d";
}

.footerShare .shareList .box .shareyt:after {
    content: "\e633";
    font-size: 20px;
}

.footerShare .shareList .box:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    background: url("../img/sharebg.png") no-repeat bottom;
    background-size: contain;
    height: 19px;
    width: 100%;
    z-index: 5;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.footerList {
    padding-top: 75px;
    padding-bottom: 40px;
}

.footerList .box {
    width: 16%;
}

.footerList .title {
    font-size: 18px;
    color: #FFFFFF;
    padding-bottom: 12px;
    margin-bottom: 16px;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    border-bottom: 1px solid #e7e7e7;
    border-bottom: 1px solid rgba(231, 231, 231, 0.4);
}
@media screen and (max-width:1080px){    .footerList .title{padding-bottom:5px; margin-bottom:8px;}}
.footerList .list li {
    margin-bottom: 5px;
}

.footerList .list a,
.footerList .list li {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    color: #e7e7e7;
    color: rgba(231, 231, 231, 0.6);
}

.footerList .list a:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    color: #e7e7e7;
    color: rgba(231, 231, 231, 1);
}

.copyRight {
    color: #FFFFFF;
    background: #111111;
}

.copyRight .center:after {
    content: '';
    position: absolute;
    bottom: 100%;
    margin-bottom: -10px;
    left: 0;
    background: url("../img/copybg.png") no-repeat center;
    background-size: contain;
    width: 100%;
    height: 30px;
}

.copyRight p {
    padding: 30px 0;
}

.copyRight a {
    color: #ecedf1;
}

.copyRight a:hover {
    color: #305494;
}
/*about*/

.topListbg {
    background: #305494;
}

.index .topListbg {background:#fff;}

.topListbg .topList a {
    color: #FFFFFF;
}

.topListbg .topList li:after {
    border-bottom-color: #FFFFFF;
}
.index .topListbg .topList li:after{border-bottom-color:#305494;}
.mainPath {
    padding-top: 15px;
}

.mainPath .path {
    float: right;
    padding-left: 15px;
}

.mainPath .path a {
    color: #333;
}

.mainPath .path h2 {
    display: inline-block;
}

.main .mainRight {
    width: 74%;
    float: right;
}

.mainRight .title , .mainTitle {
    color: #305494;
    font-weight: bold;
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    line-height: 1;
}

.main .aside {
    float: left;
    width: 23.33%;
}

.main .aside .title {
    font-size: 20px;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    padding: 35px 0 15px 20px;
    background: #333333;
}

.aside .list {
    margin-top: 5px;
    margin-bottom: 5px;
}
.aside .list>li{ margin-bottom:1px;position:relative;}
.aside .list>li>ul{position:absolute;top:0;left:100%;display:none;width:100%;background:#305494;}
.aside .list>li>ul>li{margin-bottom:1px;}
.aside .list>li>ul>li:last-child{margin-bottom:0;}
.aside .list>li>ul>li>a{color: #fff;
    padding: 10px 0;
    display: block;
    padding-left: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    }
.aside .list>li>ul>li:hover,.aside .list>li>ul>li.active{background:#1F314D;}
.aside .list>li:hover>ul{display:block;}
.aside .list>li>a {
    color: #555555;
    padding: 10px 0;
    display: block;
    padding-left: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.aside .list>li>a.active {
    background: #305494;
    color: #FFFFFF;
    padding-left: 20px;
}

.aside .list>li>a.active:before {
    color: #FFFFFF;
}

.aside .list>li>a:before {
    content: "\e60f";
    font-family: icomoon;
    padding-right: 10px;
    color: #305494;
}

.aside .list>li:hover>a {
    padding-left: 20px;
    color: #FFFFFF;
    background: #305494;
}

.aside .list>li:hover>a:before {
    color: #FFFFFF;
}

.mainRight .productList .box {
    width: 30%;
    margin-top: 25px;
}

.mainRight .productList .box img {
    width: 100%;
}

.main .mainRight .productList .line {
    position: relative;
    width:30%
}

.mainRight .productList .box span {
    display: block;
    margin-top: 15px;
    color: #555;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.mainRight .productList .box:hover span {
    color: #305494;
}
/*products02*/

.mainRight .rightImg {
    float: left;
    width: 39.189%;
}

.rightImg .slick-dots {
    width: auto;
    right: 0;
    margin-right: 25px;
    margin-bottom: 10px;
}

.rightImg .slick-dots li button {
    border-radius: 0;
    background: #aeaeae;
}

.mainRight .rightLabel {
    width: 57.432%;
    float: right;
}

.rightLabel .txt {
    font-size: 14px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    color: #999999;
}

.rightContact {
    display: block;
    font-size: 16px;
    color: #555555;
}

.rightContact .Tel,
.rightContact .Email {
    display: inline-block;
    margin-right: 20px;
}

.mainRight .clearfix {
    margin-top: 15px;
}

.rightContact a {
    color: #555555;
}

.rightContact a:hover {
    color: #305494;
}

.playBtn{width:80px;height:80px;background:rgba(0,0,0,.7);display:block;border-radius:40px;line-height:80px;text-align:center;margin-top:15px;}
.playBtn:before{font-family:icomoon;content:"\e620";z-index:99;font-size:30px;color:white;margin-left:5px;display:inline-block;}

.rightTab {
    margin-top: 20px;
    color: #555555;
}

.rightTab .tab {
    float: left;
    width: 50%;
    padding: 10px 0;
    background: #eaeaea;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #FFFFFF;
    box-sizing: border-box;
    font-weight: bold;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.rightTab .tab:first-child {
    border-left: none;
}

.rightTab .tab:hover {
    color: #FFFFFF;
    background: #305494;
}

.rightTab .active {
    color: #FFFFFF;
    background: #305494;
}

.rightTab .tabContent {
    line-height: 1.5;
    box-sizing: border-box;
    border: 1px #e5e5e5 solid;
    display: none;
    padding: 10px;
}

.rightMessage {
    display: table;
    margin-top: 28px;
    font-size: 16px;
    width: 100%;
}

.rightMessage .leaveMessage {
    width: 21.62%;
    border-right: 1px #FFFFFF solid;
    box-sizing: border-box;
    background: #305494;
    line-height: 20px;
    text-align: center;
    display: table-cell;
    color: #FFFFFF;
    font-family: Lato, Arial, Verdana, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
    vertical-align: middle;
    padding: 10px 0;
    font-weight: bold;
}

.rightMessage .rely {
    padding-left: 25px;
    display: table-cell;
    background: #eaeaea;
    color: #565656;
    line-height: 25px;
    width: 78.38%;
    box-sizing: border-box;
    vertical-align: middle;
}

.rightForm {
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 30px 25px 25px 25px;
    box-sizing: border-box;
    font-family: Lato, Arial, Verdana, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;
}

.rightForm .box {
    width: 48.5%;
    margin-bottom: 18px;
    position: relative;
}

.rightForm .box:last-child {
    width: 100%;
}

.rightForm .box input,
.rightForm .box textarea {
    background: transparent;
    width: 100%;
    height: 40px;
    z-index: 2;
    border: 1px solid #e5e5e5;
    -webkit-transition: .2s;
    transition: .2s;
    padding-left: 10px;
    box-sizing: border-box;
}

.rightForm .box input:focus,
.rightForm .box textarea:focus {
    border: 1px solid #305494;
}

.rightForm .box textarea {
    padding-top: 10px;
    min-height: 100px;
}

.rightForm .box label {
    width: 100%;
    font-size: 14px;
    position: absolute;
    color: #9a9a9a;
    top: 5px;
    left: 0;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-transition: .2s;
    transition: .2s;
    text-align: left;
}

.rightForm .box label.focusOn {
    top: 100%;
    margin-top: -5px;
    background: #305494;
    color: #FFFFFF;
}

.rightForm #codeNum {
    margin-top: 20px;
    text-align: center;
    position: relative;
}

.rightForm .code {
    width: 80px;
    padding: 8px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.rightForm .codeImg {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.rightForm .button {
    text-align: center;
    margin-top: 22px;
}

.button .btn-primary {
    padding: 10px 40px;
    color: #a8a8a8;
    border: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.button .btn-primary:first-child {
    margin-right: 5px;
}

.button .btn-primary:hover {
    background: #305494;
    color: #FFFFFF;
}

.button .btn-primary.active {
    background: #305494;
    color: #FFFFFF;
}

.main .teamShow:first-child {
    margin-top: -25px;
}

.main .teamShow .box {
    width: 27%;
    margin-top: 25px;
    background: #305494;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.main .teamShow .title {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 15px 0 15px 30px;
    text-align: left;
}

.main .teamShow img {
    position: relative;
    padding-bottom: 74px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.main .teamShow .box.active img {
    padding-bottom: 110px;
}

.main .teamShow .box:after {
    content: '\e626';
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    left: 50%;
    margin-left: -12px;
    font-family: icomoon;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.main .teamShow .box:hover:after {
    margin-bottom: 20px;
}

.main .teamContent {
    background: #e7e7e7;
}

.main .teamContent .tabContent {
    padding: 40px 60px 40px 40px;
    display: none;
}


.productShow .item {
    display: none;
}

.productShow .item:first-child {
    display: block;
}

.productShow.slick-slider .item {
    display: block;
}

.mainRight .rightImg img {
    display: none;
}

.mainRight .rightImg img:first-child {
    display: block;
}

.mainRight .rightImg.slick-slider img {
    display: block;
}
/*contact*/

.main .contactTxt {
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

#contactCode {
    margin-top: 16px;
    margin-bottom: 8px;
}

.contactInfo .contactType li a {
    color: #571517;
    font-weight: normal;
}

.contactInfo .contactType li a:hover {
    color: #cd000e;
}

.main .mainContact {
    margin-top: 25px;
}

.mainContact .contactInfo {
    width: 30.58%;
    float: left;
}

.contactInfo .title,
.contactPage .title {
    font-size: 30px;
    font-weight: bold;
    color: #222222;
}

.contactInfo .contactType li {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.mainContact .contactPage {
    width: 59.167%;
    float: right;
    position: relative;
    margin-bottom: 20px;
}

.contactPage .box {
    width: 47.5%;
    margin-top: 10px;
}

.contactPage label {
    display: block;
    font-weight: bold;
}

.contactPage input,
.contactPage textarea {
    border: 1px solid #e3e3e3;
    padding: 10px;
    width: 100%;
}

.contactPage .abSubmit {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 47.5%;
}

#map img {
    min-height: 200px;
}

#contactCode #code {
    width: 100px;
    display: inline-block;
    padding: 5px;
}

#contactCode .codeImg {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 1280px) {
    .abSubmit .button .btn-primary {
        padding: 8px 40px;
    }
}

@media screen and (max-width: 1080px) {
    .mainContact .contactPage {
        width: 100%;
        margin-top: 10px;
    }
    .mainContact .contactInfo {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .contactPage .box {
        width: 48.5%;
    }
    .contactInfo .title,
    .contactPage .title {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .contactPage .box {
        width: 100%;
    }
    .contactPage .abSubmit {
        position: relative;
        width: 100%;
    }
}
/*page*/

.pageNum {
    margin: 1% 0;
    display: inline-block;
}

.pageNum a,
.pageNum span {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 11px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 7px;
    border: 1px solid #d7d7d5;
    color: #000;
}

.pageNum a:hover,
.pageNum .cur {
    color: #fff;
    background: #305494;
}


@media screen and (max-width:1300px) {
    #banner .txt {
        margin-top: 5%;
    }
}

@media screen and (max-width:1200px) {
    .main .line .row{
        left:10px;
    }
    .main .product .row{
        right: 10px;

    }
    .topList {
        width: 100%;
    }
    .searchForm {
        margin: 10px;

        margin-right: 0;
    }
    .main .leftTitle,
    .main .rightTitle {
        width: 140px;
    }
    .main .line .row.active{
        left:100%;
        margin-left:-140px;
    }
    .main .product .row.active{
        right:100%;
        margin-right: -150px;
    }
    .main .leftTitle:after,
    .main .rightTitle:after {
        border-width: 18px 70px;
    }
    .main .line .row,
    .main .product .row {
        width: 140px;
    }
    .main .productShow {
        width: 78%;
    }
    .main .techShow .tab {
        width: 160px;
        box-sizing: border-box;
    }
    .main .techShow .tab:after {
        border-width: 18px 80px;
    }
    .footerShare {
        width: 250px;
        margin-top: -20px;
    }
    .footerShare .shareList .box a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .footerShare .shareList .box .shareyt:after {
        font-size: 14px;
    }
    #top .topRight {
        width: 34%;
    }
}

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

    #banner .txt {
        margin-top: 4%;
    }
    #banner .txt p {
        font-size: 30px;

        line-height: 1;
    }
    .bottom .twoCode img {
        padding: 38px 0 10px 0;
    }
    .main .contentMany .tabContent .lm {
        padding: 10px 0;
        margin-top: 5px;
        background: #305494;
        ````border-color: transparent;
    }
    .main .techShow .tab {
        padding: 10px;
        width: 140px;
    }
    .main .techShow .tab:after {
        border-width: 18px 70px;
    }
    .main .leftTitle,
    .main .rightTitle {
        padding: 15px 0;
    }
    .mainContact .contactPage {
        width: 100%;
        margin-top: 10px;
    }
    .mainContact .contactInfo {
        width: 100%;
    }
}

@media screen and (max-width:1000px) {
    .main .contentMany .tabContent .txt {
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .main .productShow {
        width: 83%;
        padding: 30px;
    }
    .main .leftTitle,
    .main .rightTitle {
        font-size: 16px;
    }
    .main .line {
        position: relative;
        margin-top: 20px;
        z-index: 1;
    }
    .main .line .row,
    .main .product .row {
        display: none;
    }
    .productShow .slick-prev {
        left: 1.5%;
    }
    .main .productShow {
        width: 100%;
    }
    .main .techShow .tab {
        width: 100px;
        padding: 5px;
        font-size: 16px;
    }
    .main .techShow .tab:after {
        border-width: 10px 50px;
    }
    .main .plist a img{ background: none; }
}

@media screen and (max-width:900px) {
    .contactInfo .title, .contactPage .title {
        font-size: 24px;
    }

    #footerToolBar {
        background: #305494;
        border-top: 1px solid rgba(255, 255, 255, 0.8);
    }

    #footerToolBar,
    .toolMask {
        display: block;
    }
    .copyRight {
        padding-bottom: 45px;
    }
    .copyRight p {
        padding: 20px 0;
    }
    #menuBtn {
        display: block;
    }
    #top .topList {
        width: 50%;
    }
    #top .topRight .box {
        display: none;
    }

    #top .topRight{width:auto;}
    #top .topRight .box:last-child {
        display: inline-block;
    }

    .topList .hidden {
        display: block;
    }
    #nav {
        position: fixed;
        top: 112px;
        right: 30px;
        z-index: 998;
        display: none;
        max-width: 300px;
        min-width: 250px;
        margin: 0;
        background: #fff;
        width: 50%;
    }
    .topList li {
        margin-right: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid #7B96C6;
    }
    .topList li:first-child{
        border-top:none;
    }
    #nav a {
        display: block;
        padding: 7px;
        color: #000;
    }

    .main {
        margin-top: 20px;
    }
    .main .leftTitle,
    .main .rightTitle {
        width: 120px;
    }
    .main .rightTitle{ float:left;}
    .main .product .row.active{
        right:100%;
        margin-right:-120px;
    }
    .main .product .line.active{
        left:100%;
        margin-left:-120px;
    }
    .main .leftTitle:after,
    .main .rightTitle:after {
        border-width: 18px 60px;
    }
    .main .line .row,
    .main .product .row {
        width: 120px;
    }
    .main .techShow .tab {
        width: 120px;
    }
    .main .techShow .tab:after {
        border-width: 18px 60px;
    }
    .bottom .twoCode img {
        padding: 28px 0 5px 0;
    }
    .footerList {
        padding-top: 55px;
        padding-bottom: 20px;

    }
    .topListbg .topList li {
        background: #305494;
    }
    .topListbg #nav a {
        color: #fff;

        font-size: 16px;
    }
    .topListbg #nav a:hover{
        background:#7B96C6
    }
    .topListbg #nav li:after{display:none;}
    .main .aside {
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-bottom: -20px;
    }
    .main .aside .title {
        display: block;
        text-align: center;
        padding: 10px 0;
        border: none;
        position: relative;
        color: #FFFFFF;
        cursor: pointer;
    }
    .main .aside .title:first-child {
        margin-bottom: 10px;
    }
    .main .aside .title + ul {
        display: none;
    }
    .main .aside .title:after {
        content: "\e622";
        font-family: icomoon;
        padding-right: 10px;
        color: #ffffff;
        right: 0;
        position: absolute;
        font-size: 30px;
        bottom: 0;
    }
    .main .aside .title.active:after {
        content: "\e623";
    }
    .main .aside .title {
        font-size: 24px;
    }
    .aside .list {
        display: none;
    }
    .aside .list li a {
        width: 100%;
        box-sizing: border-box;
    }
    .main .mainRight {
        width: 100%;
        float: none;
        margin-top: 0;
    }
    .main .teamShow:first-child {
        margin-top: -20px;
    }
    .main .teamShow .box {
        width: 32%;
    }
}

@media screen and (max-width:850px) {
    .bottom .twoCode {
        width: 100%;
    }
    .bottom .about {
        width: 48%;
    }
    .bottom .service {
        width: 48%;
    }
    #banner .txt p {
        padding: 10px 0 30px 10px;
        font-size: 24px;
    }
    #banner .txt .lm {
        padding: 5px 10px;
    }
    .main .contentMany .tabContent {
        padding: 30px 40px 30px 0;
    }
    .footerList .box {
        width: 30%
    }
    .footerList .line {
        width: 30%;
    }
}

@media screen and (max-width:768px) {
    #banner {
        width: 120%;
    }
    #banner img {
        margin-left: -10%;
    }
    #banner .txt p{
        width: 80%;
    }

    .rightLabel .txt {
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .rightMessage .leaveMessage {
        width: 100%;
        display: block;
    }
    .rightMessage .rely {
        width: 100%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .rightForm .box {
        width: 49%;
    }
    .rightForm {
        padding: 12px;
    }
    .mainRight .productList .box {
        width: 32%;
    }
    .mainRight .title , .mainTitle {
        margin-bottom: 0;
    }
    .main .teamShow img {
        width: 30%;
        padding-bottom: 64px;
    }
    .main .teamShow .box.active img {
        padding-bottom: 95px;
    }
    .main .teamShow .title {
        padding: 10px 0 10px 20px;
    }
    .main .teamContent .tabContent {
        padding: 20px 30px 20px 20px;
    }
    .mainRight .clearfix{position:relative;margin-bottom:60px}
    .proVideo{width: 68%;}
    .rightContact{position:absolute; left:0; top:100%;}
}
@media screen and (max-width:700px){
    .main .techShow .tab {
        width: 33.333%;
    }
    #tab1,
    #tab2,
    #tab3,
    #tab4,
    #tab5,
    #tab6 {
        background: #305494;
    }
    .main .techShow .tab:after {
        display: none;
    }
    .main .techShow .tab.active:after {
        display: none;
    }
    #tab1:hover,
    #tab2:hover,
    #tab3:hover,
    #tab4:hover,
    #tab5:hover,
    #tab6:hover {
        background: #7b96c6;
    }
    #tab1.active,
    #tab2.active,
    #tab3.active,
    #tab4.active,
    #tab5.active,
    #tab6.active {
        background: #7b96c6;
    }
}
@media screen and (max-width:650px) {

    .main .teamShow img {
        width: 30%;
        padding-bottom: 55px;
    }
    .main .teamShow .box.active img {
        padding-bottom: 80px;
    }
    .main .teamShow .box:after {
        margin-bottom: 20px;
    }
    .main .teamShow .box:hover:after {
        margin-bottom: 10px;
    }
    .main .teamContent .tabContent img {
        width: 50%;
    }
    .main .teamContent .tabContent .txt {
        width: 100%;
        margin-left: 0;
    }
    #banner .txt p{
        width: 70%;
    }
}

@media screen and (max-width:600px) {
    #banner {
        width: 140%;
    }
    #banner img {
        margin-left: -20%;
    }
    .bottom .about,
    .bottom .service {
        width: 100%;
    }
    .bottom .service .play img:first-child {
        width: 100%;
    }
    .bottom .service {
        margin-top: 20px;
    }
    .main .plist a {
        margin: 0 5px;
    }
    .mainRight .title , .mainTitle {
        font-size: 24px;
    }
    .rightTab .tab {
        padding: 5px 0;
    }
    .rightMessage .rely {
        padding-left: 10px;
        line-height: 1.3;
    }
    .rightForm .box {
        width: 100%;
        margin-top: 0;
    }
    .button .btn-primary {
        padding: 5px 30px;
    }

    .main .aside .title {
        font-size: 20px;
        padding: 6px 0;
    }
    .footerList .box:nth-child(-n+4){ display:none;}
}

@media screen and (max-width:550px) {
    .mainRight .productList .box {
        width: 46%;
    }
    .mainRight .productList .box span {
        margin-top: 8px;
    }
    #banner .txt p{
        width: 60%;
    }
    .mainRight .rightImg{width:100%;}
    .mainRight .rightLabel{width:100%;}
    .proVideo{width:100%;margin-top:15px;}
    .rightContact{position:relative}
    .mainRight .clearfix{margin-bottom:0px;}
}

@media screen and (max-width:500px) {
    #banner {
        width: 160%;
    }
    #banner img {
        margin-left: -30%;
    }
    .searchForm .search {
        width: 220px;
    }
    .main .contentMany .tabContent {
        padding: 30px 20px 30px 0;
    }
    .main .contentMany .tabContent .lm {
        width: 140px;
    }
    .main .contentMany .tabContent .lm:after {
        margin-right: 10px;
    }
    .main .contentMany .tabContent .lm:hover:after {
        margin-right: 0;
    }
    .main .leftTitle,
    .main .rightTitle {
        padding: 10px 0;
    }
    .main .teamShow .box:after {
        font-size: 20px;
        margin-left: -8px;
    }
    .main .teamShow .title {
        padding: 5px 0 5px 10px;
        font-size: 16px;
    }
    .main .teamContent .tabContent {
        padding: 10px;
    }
    .main .teamContent .tabContent .title {
        margin-bottom: 8px;
        font-size: 16px;
    }
}

@media screen and (max-width:450px) {
    #banner .txt p {
        font-size: 20px;
        line-height: 1;
    }
    .footerList .box {
        width: 45%;
    }
    #banner .txt .lm {
        margin-bottom: -10px;
        margin-left: 10px
    }
    .mainRight .productList .box {
        width: 48%;
    }
    .main .teamShow .box {
        width: 32.5%;
    }
    .main .teamContent .tabContent img {
        width: 60%;
        min-width: 180px;
    }
}

@media screen and (max-width:400px) {
    .main .productShow {
        padding: 20px 10px;
    }
    .productShow .slick-prev:before,
    .productShow .slick-next:before {
        opacity: 0;
    }
    .main .techShow .tab {
        font-size: 14px;
    }
    .searchForm {
        margin-top: 60px;
        margin-right: 10px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: right;

        text-align: center;
    }
    .searchForm .search {
        width: 100%;
    }
    .main .plist a img {
        padding: 4px;
    }
    .main .contentMany .tabContent {
        padding: 20px 10px;
    }
    .mainRight .rightImg {
        width: 100%;
    }
    .main .teamShow .title {
        font-size: 14px;
        padding: 5px;
    }
    .main .teamShow img {
        padding-bottom: 40px;
    }
    .main .teamShow .box.active img {
        padding-bottom: 60px;
    }
    .main .teamContent .tabContent p {
        margin-top: 8px;
    }
    #banner .txt p{
        width: 50%;
    }
    #banner .txt{
        margin-top: 4%;}
    #top .topLeft{
        left: 50%;
        margin-left: -45px;
    }
    #menuBtn{
        top: 31px;
    }
    #nav{
        top:75px;
    }
}

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

    .topRight .language li:first-child:after {
        right: 8px;
    }
    .footerShare {
        width: 248px;
    }
    .mainRight .productList .box {
        width: 100%;
        margin-right: 0;
    }
}

.newList { margin-top: -5px; }
.newList li { padding-bottom: 24px; border-bottom: 1px solid #ccc; color: #a09d9d; margin-bottom: 3.93258%; letter-spacing: 0; }
.newList li .title { font-size: 18px; display: block; margin-bottom: 9px; color: #555; line-height: 1.2; }
.newList li .title:hover { color: #305494; }
.newList li .date { color: #555; font-size: 16px; margin-bottom: 11px; position: relative;}
.newList li p { line-height: 24px; max-height: 48px; overflow: hidden; font-size: 16px; }
.date .Img{position: absolute;right:0; bottom:100%; height: 60px;margin-bottom: -33px;display: inline-block;}
.date .Img img{height: 100%;}
@media screen and (max-width:600px){.date .Img{position:static; margin-bottom: -6px;display: block;}}
#pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }
#pageNum a, #pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }
#pageNum a:hover, #pageNum .cur { color: #fff; background: #F47A2D; border: 1px solid #F47A2D; }

strong { color: #305494; }
.prenext b { font-size: 14px; color: #F47A2D; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #F47A2D; font-weight: normal; }
#back{
    width: 76.09%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 22px;
    background: #F47A2D;
    display: block;
}
#back:before{
    content: '\e64f';
    font-family: icomoon;
    color: #EAEBEB;
    padding-right: 10px;
    font-size: 22px;
    line-height: 1;
    vertical-align: middle;
    margin-bottom: 4px;
    display: inline-block;
}
#back:hover:before{
    color: #fff;
    font-weight: bold;
}
.newsDetail{
    font-size: 14px;
}
.newsDetail .title{
    font-size: 29px;
    color: #676767;
    line-height: 1;
    padding-bottom: 16px;
    border-bottom: 1px solid #D2D0D0;
    display: block;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    font-family: Helvetica_r,Arial, 'Microsoft YaHei', SimSun, Sans-serif;
}
.newsDetail .date{
    display: block;
    color: #676767;
    margin-bottom: 10px;
}
.newsDetail p{
    color: #989898;
    line-height: 24px;
    margin-bottom: 15px;
}
.newsDetail .box{
    width: 32%;
}
@media screen and (max-width: 900px){
    #back{width: 100%;}
}
#goTop { position: fixed; width: 40px; height: 40px; line-height: 40px; text-align: center; filter: alpha(opacity=60); opacity: 0.6; bottom: 6%; right: 3%; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; background: #494949; }
#goTop:before { content:'\e623'; font-family: icomoon; color:#fff; font-size: 28px; }
#goTop:hover { opacity: 0.9; }
@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }
.topListbg{ /* background:#fff; */}
.topListbg.fixed{ position:fixed; top:0; left:0; right:0; z-index: 99; background:#315494; margin:auto;-webkit-box-shadow: 0 5px 10px 0 #486FAF;   -moz-box-shadow: 0 5px 10px 0 #486FAF;   box-shadow: 0 5px 10px 0 #486FAF;}
.index .topListbg.fixed{background:#fff; -webkit-box-shadow: 0 5px 10px 0 #ccc;   -moz-box-shadow: 0 5px 10px 0 #ccc;   box-shadow: 0 5px 10px 0 #ccc;}
.hideImg{ display:none;}
.topListbg.fixed .center{ position:relative;}
.topListbg.fixed .hideImg{ display:block;position: absolute;top: 4px;left: 0;}
@media screen and (max-width: 900px){
    .topListbg.fixed .center{padding-top:10px; padding-bottom:10px;}
}
@media screen and (max-width: 400px){
    .topListbg.fixed .hideImg{  margin:auto;text-align: center;top: 0;right: 0;}
}
.footLm{ display:inline-block; color:#fff; font-weight:bold;}

.ent-his2 .ent-year{background:#007fde;} /*年份背景色*/
.ent-his2{margin-left:130px;border-left:1px solid #ddd;padding-bottom:30px;padding-top:20px;}
.ent-his2>li{padding:25px 0;margin-left:25px;border-bottom:1px dotted #ccc;position:relative}
.ent-his2 .ent-year{text-align:center;height:26px;width:165px;line-height:26px;color:#fff;border-radius:13px;overflow:hidden;font-size:1.2em;position:absolute;right:100%;margin-right:13px;top:0}
.ent-his2 .ent-year:before{content:'';width:22px;height:22px;background:#fff;position:absolute;right:2px;top:2px;border-radius:50%;overflow:hidden;transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s}
.ent-his2>li:hover .ent-year:before{opacity:.3}
@media screen and (max-width:720px){.ent-his2{margin-left:0;border-left:0 none;padding-bottom:10px;padding-top:0;}
    .ent-his2 .ent-year{position:static;margin-right:0;margin-bottom:12px}
    .ent-his2 .ent-year:before{display:none}
    .ent-his2>li{padding:15px 0;margin:0}
    .ent-his2>li:first-child{padding-top:0}}


/*录入样式开始*/
ul.ent-num li{list-style:outside decimal;margin-left:20px}ul.ent-dot li{list-style:outside disc;margin-left:20px}table.table-left td,table.table-left th{text-align:left}ul[class^=ent-img]{text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;padding:8px 0}ul[class^=ent-img]:after{content:'';height:0;width:100%;display:inline-block;overflow:hidden}ul[class^=ent-img] li.line{display:inline-block;height:0;overflow:hidden;padding:0;margin:0}ul[class^=ent-img] li{display:inline-block;vertical-align:top;font-size:14px}ul[class^=ent-img]:first-child{padding-top:0;margin-top:-8px}ul[class^=ent-img] li{text-align:center;line-height:1.5;margin-bottom:1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:8px 0;line-height:1.5}ul[class^=ent-img] li span{display:block;margin-top:4px;text-transform:capitalize}ul[class^=ent-img] li p{margin-top:4px}ul[class^=ent-img] li img{vertical-align:bottom}ul[class^=ent-img] li dl{text-align:left}ul[class^=ent-img] li dt{font-weight:700;text-transform:capitalize}ul[class^=ent-img] li dd,ul[class^=ent-img] li dt{padding-bottom:2px}.ent-img2 li{width:48%}.ent-img3 li,.ent-img3-more li,.ent-img3-only li{width:31.5%}.ent-img4 li{width:23%}.ent-img5 li{width:19.2%}.ent-img6 li{width:15.6%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{max-width:48%}.ent-img-fl img{float:left;margin-right:14px}.ent-img-fr img{float:right;margin-left:14px}.ent-img-left img{margin-right:4%;float:left}.ent-img-right img{margin-left:4%;float:right}.ent-img-left,.ent-img-right{padding:8px 0}.ent-img-left,.ent-img-left .ent-text,.ent-img-right,.ent-img-right .ent-text{overflow:hidden;zoom:1}.ent-clearfix:after,.ent-clearfix:before{content:"";display:table}.ent-clearfix:after{clear:both}.ent-video-wrap{position:relative;display:block;height:0;padding:0;overflow:hidden}.ent-video-wrap.ent-16-9{padding-bottom:56.25%}.ent-video-wrap.ent-4-3{padding-bottom:75%}.ent-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.ent-left{float:left;margin-right:15px}.ent-right{float:right;margin-left:15px}.ent-left,.ent-right{margin-bottom:8px;width:47%}@media screen and (max-width:750px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%}.ent-left,.ent-right{width:53%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{float:none;margin-right:0;margin-left:0;max-width:100%;margin-bottom:10px;display:block}}@media screen and (max-width:650px){.ent-img3-more.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:48%}.ent-left,.ent-right{width:100%;margin-right:0;margin-left:0;float:none}}@media screen and (max-width:520px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%}}@media screen and (max-width:460px){.ent-img2.ent-res li,.ent-img3-more.ent-res li,.ent-img3-only.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:100%}}.bordered img{border:1px solid #ddd}.rounded img{border-radius:5px}.ent-c strong{text-transform:capitalize}
/*录入样式结束*/

#banner .item{ display:none;}
#banner .item:first-child{ display:block;}
#banner.slick-slider .item{ display:block;}
.video_wrap02 { margin-top: 10px; }
.video_wrap02 .box { width: 48.5%; position:relative; margin-bottom: 12px; overflow:hidden; }
.video_wrap02 .box .video_btn { width:100%; height:100%; position:absolute; left:0; top:0; background: url("../img/play.png") no-repeat center; background-size: 48px; }

.salesList .box, .salesList .box .enter, .salesList .box .pic { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.salesList .box { width: 33%; position: relative; margin-bottom: 20px; }
.salesList .box .pic { width: 100%; text-align: center; display: block; margin: 20px auto; position: relative; }
.salesList .box .pic img { max-width: 120px; border-radius: 50%; float: none; cursor: pointer;  width: 100%; }
.salesList .box .saletitle { display: block; text-align: center; }
.salesList .box .enter { display: block; width: 100%; overflow: hidden; display: none; padding: 10px; background: #fff; }
#ali-ta-embed-flag { position:fixed; right:0; top:110px; }

#chatToolBox .toContactUs{margin-top: 10px;}
#chatToolBox .toContactUs a{padding: 10px;background: #414449;text-transform:capitalize;color:#fff;}