@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'bebas';
    src: url(../font/BEBAS.TTF);
}

html {
    font-size: 20px;
}

body {
    font-size: .8rem;
    color: #333;
    font-family: 'Microsoft YaHei', Simsun, Arial, Verdana, Sans-serif
}

html,
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

img {
    border: none;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    vertical-align: bottom;
}

div,
ul,
li,
dl,
dt,
dd,
p,
form {
    margin: 0;
    padding: 0;
}

ul,
li,
dl,
dt,
dd {
    list-style: none;
}

a {
    font-size: inherit;
    text-decoration: none;
    color: #333;
}

a:hover,
a:focus {
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a:active {
    color: inherit;
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

select,
input,
textarea,
button {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    border: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

td,
th {
    padding: 0;
}

th {
    text-align: left;
}

tr {
    vertical-align: middle;
}

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

.tbl-type {
    display: table;
    width: 100%;
    table-layout: fixed
}

.tbl-cell {
    display: table-cell;
    vertical-align: top;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    float: none;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.valign * {
    display: inline-block;
    vertical-align: middle;
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.ellipsis1 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.shadow {
    -webkit-box-shadow: 0 7px 30px rgba(103, 103, 103, .1);
    box-shadow: 0 7px 30px rgba(103, 103, 103, .1);
}

.shadow-s2 {
    -webkit-box-shadow: 2px 7px 10px rgba(103, 103, 103, .3);
    box-shadow: 2px 7px 10px rgba(103, 103, 103, .3);
}

.hide {
    display: none;
}

.wrap {
    width: 1600px;
	max-width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
}

.container {
    padding: 40px 0;
}


/* 重置样式 开始 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 重置样式 结束 */


/*中等屏幕 w<1200*/

@media screen and (max-width: 1600px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1440px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1366px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 800px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*pad: w< 992*/

@media screen and (max-width: 992px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*顶部*/

.nbanner-box {
    position: relative;
    overflow: hidden;
    /*background: url(../img/banner1.jpg) no-repeat top;*/
    background-attachment: fixed;
}

.nbanner-box .box1 {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.nbanner-box .banner-tit {
    color: #fff;
    font-size: 48px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 1560px) {
    .nav ul li .tit {
        margin: 0!important;
    }
    .nav ul li.search-box {
        margin-left: 10px!important;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1360px) {
    .logo .text {
       
    }
}

@media screen and (max-width: 992px) {
    .nbanner-box .banner-tit {
        top: 40%;
    }
}

@media screen and (max-width: 640px) {
    .nbanner-box .banner-tit {
        top: 40%;
        font-size: 40px;
    }
}

@media screen and (max-width: 414px) {
    .nbanner-box .banner-tit {
        top: 30%;
        font-size: 32px;
    }
}

@media screen and (max-width: 375px) {
    .nbanner-box .banner-tit {
        font-size: 26px;
    }
}


/*顶部*/


/*顶部菜单 开始*/

.header {
    background: rgba(255, 255, 255, 1);
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -ms-transition: 1s all;
    transition: 1s all;
}

.header .top-nav {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 999;
    position: relative;
    width: 100%;
}

.header .top-nav.product {
    box-shadow: 0 0 27px rgba(163, 163, 163, .53);
}

.header .wrap {
    position: static;
}

.logo {
    float: left;
    padding: 17px 0;
	width: 370px;
}

.logo img {
    float: left;
}

.logo .text {
    float: left;
    padding-left: 20px;
    margin-left: 20px;
    background: url(../img/nav-line.png) no-repeat left;
}

.logo .text p {
    font-size: 15px;
    color: #5f5f5f;
    line-height: 28px;
}

.nav-shadow {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.nav {
    width: auto;
    float: right;
}

.nav ul li {
    float: left;
}

.nav ul li .tit {
    display: block;
    float: left;
    line-height: 90px;
    margin: 0 10px;
    padding: 0 10px;
}

.nav ul li .child {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .93);
    top: 92px;
    left: 0;
    z-index: 2;
    padding: 40px 0;
    border-top: 1px solid #f0f0f0;
}

.nav ul li .child .menu-img {
    overflow: hidden;
    float: left;
    width: 360px;
    height: 220px;
}

.nav ul li .child .menu-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.nav ul li .child .menu-img img {
    width: 100%;
    transition: 0.4s all;
}

.nav ul li .child .menu-img:hover img {
    transform: scale(1.05);
}

.nav ul li .child .childbox {
    padding-top: 30px;
    float: left;
    margin-left: 40px;
    width: calc(100% - 400px);
}

.nav ul li .child .childbox a {
    display: inline-block;
    width: calc(100% / 6 - 24px);
    margin-right: 20px;
    line-height: 42px;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    margin-bottom: 30px;
}

.nav ul li .child .childbox a:hover {
    border-color: #005bac;
    background: #005bac;
    color: #fff;
}

.nav ul li.on .tit,
.nav ul li:hover .tit {
    border-bottom: 1px solid #005bac;
    color: #005bac;
}

.nav ul li.search-box {
    position: relative;
    margin-left: 50px;
}

.nav ul li.search-box button {
    height: 38px;
    width: 42px;
    cursor: pointer;
    position: absolute;
}

.nav ul li.search-box {
    margin-top: 25px;
}

.nav ul li.search-box input {
    border: 1px solid #cfcfcf;
    padding-left: 13px;
    border-radius: 50px;
    height: 38px;
    background: transparent;
    top: 0;
    right: 0;
}

.nav ul li.search-box button {
    border-radius: 0 5px 5px 0;
    width: 60px;
    top: 0;
    right: 0;
    background: url(../img/icon/icon-search.png) no-repeat center;
}

.nav ul li.search-box button:before {
    content: '';
    font-size: 13px;
    color: #F9F0DA;
    width: 20px;
    height: 18px;
}

.nav ul li.language {
    margin-top: 25px;
    margin-left: 20px;
}

.nav ul li.language a {
    width: 38px;
    height: 38px;
    border: 1px solid #005bac;
    background: #005bac;
    border-radius: 38px;
    font-size: 15px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 38px;
    transition: 0.4s all;
}

.nav ul li.language a:hover {
    background: #fff;
    color: #005bac;
}

.menu-button {
    display: none;
    position: absolute;
    top: -40px;
    right: 15px;
    z-index: 999;
    padding: 5px 0;
    border-radius: 5px;
}

.menu-button button {
    display: block;
    background: none;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    border: 0;
    width: 40px;
    height: 30px;
    padding: 0;
    outline: 0;
    position: relative;
    -webkit-appearance: none;
    -webkit-transition: .3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: .3s all;
}

.menu-button button::before,
.menu-button button::after,
.menu-button button span {
    background: #414141;
    border-radius: 3px;
}

.menu-button button::before,
.menu-button button::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
}

.menu-button button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 80%;
    left: 0;
    top: 50%;
    margin-top: 0;
    overflow: hidden;
    text-indent: 200%;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.menu-button button::before {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
}

.menu-button button::after {
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
    width: 93%;
}

.menu-button.open button span {
    opacity: 0;
    background: #fff;
}

.menu-button.open button::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    background: #414141;
}

.menu-button.open button::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    background: #414141;
    width: 100%;
}

.banner-box .banner-m2 {
    display: none;
}

.banner-box .swiper-slide a {
    display: block;
    text-align: center;
}

.banner-box .swiper-button-next {
    background-image: url(../img/icon/icon-xiangzuo3.png);
    width: 50px;
    height: 75px;
    background-size: cover;
    top: calc(50% - 37px);
    right: 6%;
    border-radius: 6px;
}

.banner-box .swiper-button-prev {
    background-image: url(../img/icon/icon-xiangyou4.png);
    width: 50px;
    height: 75px;
    background-size: contain;
    top: calc(50% - 37px);
    left: 6%;
    border-radius: 6px;
}

.banner-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.banner-box .swiper-pagination-bullet {
    opacity: 1;
    width: 24px;
    height: 3px;
    margin: 0 5px !important;
    border-radius: 0;
    background: rgba(255, 255, 255, .6);
}

.banner-box .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
    margin: 0 5px;
}

.top-head {
    position: relative;
}


/*中等屏幕 w<1200*/

@media screen and (max-width: 1200px) {
    .nav ul li .tit {
        padding: 0 8px;
    }
    .nav ul li .child h2 {
        display: none;
    }

.nav ul li.language a {
    width: 38px;
    height: 38px;
    border: 1px solid #005bac;
    background: #005bac;
    border-radius: 38px;
    font-size: 15px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 38px;
    transition: 0.4s all;
}

.nav ul li.language a:hover {
    background: #fff;
    color: #005bac;
}
.nav ul li.search-box {
    position: relative;
    margin-left: 50px;
}

.nav ul li .search-box button {
    height: 38px;
    width: 42px;
    cursor: pointer;
    position: absolute;
}

.nav ul li .search-box {
    margin-top: 25px;
}

.nav ul li .search-box input {
    border: 1px solid #cfcfcf;
    padding-left: 13px;
    border-radius: 50px;
    height: 38px;
    background: transparent;
    top: 0;
    right: 0;
}

.nav ul li .search-box button {
    border-radius: 0 5px 5px 0;
    width: 60px;
    top: 0;
    right: 0;
    background: url(../img/icon/icon-search.png) no-repeat center;
}

.nav ul li .search-box button:before {
    content: '';
    font-size: 13px;
    color: #F9F0DA;
    width: 20px;
    height: 18px;
}
	
	
}


/*pad: w< 992*/

@media screen and (max-width: 1200px) {
    .wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header .nav {
        display: none;
    }
    .header .head-tel-box,
    .header .head-sousuo-box {
        display: none;
    }
    .menu-button {
        display: block;
    }
    .smart-nav {
        display: block;
    }
    .smart-nav {
        position: fixed;
        width: 70%;
        z-index: 998;
        left: auto;
        right: -70%;
        top: 0;
        bottom: 0;
        background: #fff;
        padding-top: 108px;
        overflow: hidden;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -ms-transition: .3s all;
        transition: .3s all;
    }
    .smart-nav.open {
        right: 0;
    }
    .smart-nav ul {
        display: block;
        width: 100%;
        height: 100%;
        border-top: 2px solid #0F489F;
        overflow-y: auto;
    }
    .smart-nav ul li {
        position: relative;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }
    .smart-nav ul li:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 20px;
        width: 14px;
        height: 14px;
        background: url(../img/icon/icon-xiangyou-3.png) no-repeat center;
        background-size: contain;
    }
    .smart-nav ul li .tit {
        font-size: 16px;
        text-indent: 32px;
        display: block;
        padding: 15px 0;
        color: #333;
    }
    .smart-nav ul li .tit.ignore {
        background: none;
    }
    .smart-nav ul li .child {
        background: #f5f5f5;
        border-top: 1px solid rgba(206, 206, 206, 0.5);
        display: none;
    }
    .smart-nav ul li .child a {
        display: block;
        text-align: left;
        padding: 5px 0;
        font-size: 15px;
        line-height: 2;
        color: #333;
        text-indent: 2em;
        border-bottom: 1px solid #e7e7e7;
    }
    .smart-nav ul li .child:first-child a {
        padding-top: 10px;
        text-align: center;
    }
    /*.smart-nav ul li .child dl dd a:last-child{border-bottom: 0;}*/
    .smart-nav ul li .tit:hover,
    .smart-nav ul li .child a:hover {
        color: #0f489f;
    }
    .smart-nav ul li .child h2 {
        display: none;
    }
    .smart-nav ul li .child .img-box {
        display: none;
    }
    .top {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
        box-shadow: 0 0 10px rgba(0, 0, 0, .6);
        z-index: 2;
        background: #fff;
    }
    .top .top-fl {
        display: none;
    }
    .top .top-fl {
        float: left;
        margin-left: 10%;
    }
    .menu-button {
        top: 10px;
    }
}

@media screen and (max-width:800px) {
    .top .logo {
        width: 70%;
    }
}

@media screen and (max-width:768px) {
    .header .header-top {
        display: none;
    }
    .banner-box .banner-m1 {
        display: none;
    }
    .banner-box .banner-m2 {
        display: block;
    }
    .top .top-fl .search {
        display: none;
    }
}

@media screen and (max-width:640px) {
    .smart-nav {
        width: 100%;
        padding-top: 62px;
    }
    .smart-nav ul li .tit {
        text-align: left;
    }
    .top {
        line-height: normal;
        padding: 20px 0;
    }
    .top .logo {
        width: 70%;
    }
    .banner-box .swiper-pagination {
        display: none;
    }
    .banner-box .swiper-button-prev {
        width: 40px;
        height: 66px;
        top: calc(50% - 25px);
    }
    .banner-box .swiper-button-next {
        width: 40px;
        height: 66px;
        top: calc(50% - 25px);
    }
}

@media screen and (max-width:480px) {
    .top {
        padding: 10px 0;
    }
}

@media screen and (max-width:440px) {
 
    .logo img {width: 35%;
       
    }
	.logo .text {
        padding-left: 5px;
		margin-left: 5px;
    }
	.logo .text p {
        font-size: 12px;
		line-height: 1.5;
    }
}

@media screen and (max-width:414px) {
    .banner-box .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        background: url(../img/icon/icon-qiehuan1.png) no-repeat center;
        background-size: cover;
    }
    .banner-box .swiper-button-prev {
        width: 36px;
        height: 54px;
        top: calc(50% - 15px);
    }
    .banner-box .swiper-button-next {
        width: 36px;
        height: 54px;
        top: calc(50% - 15px);
    }
}

@media screen and (max-width:375px) {
    .header .logo a {
        width: 28%;
    }
}

@media screen and (max-width:320px) {
    .top .logo a {
        width: 30%;
    }
}


/* 首页产品 开始 */

.inx-pro ul li {
    float: left;
    width: 25%;
    padding: 30px;
    min-height: 224px;
    overflow: hidden;
    position: relative;
}

.inx-pro ul li.pro-list {
    background: url(../img/pro-m1.png) no-repeat center;
    background-size: cover;
}

.inx-pro ul li.pro-list h2 {
    float: left;
    font-size: 24px;
    width: 24px;
    margin-right: 30px;
    color: #fff;
}

.inx-pro ul li.pro-list .list-box {
    float: left;
    width: calc(50% - 30px);
}

.inx-pro ul li.pro-list .list-box a {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    color: #fff;
    padding-left: 10px;
    position: relative;
    transition: 0.4s all;
}

.inx-pro ul li.pro-list .list-box a::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #346da5;
    left: 0;
    top: 8px;
}

.inx-pro ul li.pro-list .list-box a:hover {
    padding-left: 15px;
}

.inx-pro ul li.abo-box {
    background: url(../img/pro-m2.png) no-repeat center;
    background-size: cover;
}

.inx-pro ul li.oth-box a {
    display: block;
}

.inx-pro ul li.oth-box .en {
    font-size: 24px;
    color: #fff;
    height: 48px;
    opacity: 0.15;
    visibility: visible;
    transition: 0.4s all;
    text-transform: uppercase;
    font-family: 'Arial';
    line-height: 24px;
}

.inx-pro ul li.oth-box .zh {
    font-size: 24px;
    color: #fff;
}

.inx-pro ul li.oth-box i {
    display: block;
    width: 68px;
    height: 68px;
    transition: 0.4s all;
    right: 20px;
    bottom: 20px;
    background-size: cover;
}

.inx-pro ul li.oth-box span {
    display: block;
    width: 36px;
    height: 36px;
    transition: 0.4s all;
    background: url(../img/icon/icon-up.png) no-repeat center;
    margin-top: 20px;
    opacity: 0;
}

.inx-pro ul li.oth-box:hover span {
    opacity: 1;
    margin-top: 10px;
}

.inx-pro ul li.oth-box:hover .en {
    height: 0px;
    visibility: hidden;
    opacity: 0;
}

.inx-pro ul li.abo-box i {
    position: absolute;
    background: url(../img/icon/icon-abo.png) no-repeat center;
}

.inx-pro ul li.abo-box i {
    display: block;
    width: 68px;
    height: 68px;
    transition: 0.4s all;
    right: 20px;
    bottom: 20px;
    background-size: cover;
}

.inx-pro ul li.abo-box:hover i {
    width: 100px;
    height: 100px;
    right: -20px;
    bottom: -20px;
}

.inx-pro ul li.inv-box {
    background: url(../img/pro-m3.png) no-repeat center;
    background-size: cover;
}

.inx-pro ul li.inv-box i {
    position: absolute;
    background: url(../img/icon/icon-investment.png) no-repeat center;
}

.inx-pro ul li.inv-box i {
    display: block;
    width: 68px;
    height: 68px;
    transition: 0.4s all;
    right: 20px;
    bottom: 20px;
    background-size: cover;
}

.inx-pro ul li.inv-box:hover i {
    width: 100px;
    height: 100px;
    right: -20px;
    bottom: -20px;
}

.inx-pro ul li.inn-box {
    background: url(../img/pro-m4.png) no-repeat center;
    background-size: cover;
}

.inx-pro ul li.inn-box i {
    position: absolute;
    background: url(../img/icon/icon-innovate.png) no-repeat center;
}

.inx-pro ul li.inn-box i {
    display: block;
    width: 68px;
    height: 68px;
    transition: 0.4s all;
    right: 20px;
    bottom: 20px;
    background-size: cover;
}

.inx-pro ul li.inn-box:hover i {
    width: 100px;
    height: 100px;
    right: -20px;
    bottom: -20px;
}

@media screen and (max-width:1280px) {
    .inx-pro ul li.pro-list {
        padding: 30px 20px;
    }
    .inx-pro ul li.pro-list h2 {
        margin-right: 15px;
        font-size: 20px;
        margin-top: 20px;
    }
    .inx-pro ul li.pro-list .list-box a {
        margin-bottom: 3px;
    }
    .inx-pro ul li.pro-list .list-box {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:992px) {
    .inx-pro ul li {
        width: 50%;
    }
}

@media screen and (max-width:640px) {
    .inx-pro ul li {
        width: 100%;
    }
    .inx-pro ul li.pro-list h2 {
        margin-top: 10px;
    }
}


/* 首页产品 结束 */


/* 首页解决方案 开始 */

.fl-70 {
    float: left;
    width: 70%;
}

.fl-30 {
    float: left;
    width: 30%;
}

.inx-solve .fl-solve {
    background: #edecea;
}

.inx-solve .fl-solve .tit-box {
    padding: 20px;
    float: left;
    width: 20%;
}

.inx-solve .fl-solve .tit-box i {
    display: inline-block;
    width: 39px;
    height: 41px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../img/icon/icon-lamp.png) no-repeat center;
}

.inx-solve .fl-solve .tit-box span {
    display: inline-block;
    font-size: 22px;
    color: #005bac;
}

.btn-solve {
    line-height: 43px;
    color: #fff;
    background: #005bac;
    border: 1px solid #005bac;
    border-radius: 50px;
    padding: 0 35px;
    display: inline-block;
    margin: 19px auto 18px;
    transition: 0.4s all;
}

.btn-solve:hover {
    background: #0768bd;
}


/* 下拉菜单 开始 */

.dropdown {
    float: left;
    width: 30%;
    font-family: 'Lato', sans-serif;
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
    transform: scaleY(1);
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after {
    transform: rotate(-135deg);
}

.dropdown__options-filter {
    width: 100%;
    cursor: pointer;
}

.dropdown__filter {
    position: relative;
    display: flex;
    color: #595959;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    transition: .3s;
    line-height: 26px;
    padding: 8px 20px 8px 50px;
}

.down1 .dropdown__filter {
    background-image: url(../img/solve-m1.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    margin: 19px 30px 18px 0;
}

.down2 .dropdown__filter {
    background-image: url(../img/solve-m2.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    margin: 19px 30px 18px 0;
}

.dropdown__filter:focus {
    border: 1px solid #918FF4;
    outline: none;
    /* box-shadow: 0 0 5px 3px #918FF4; */
}

.dropdown__filter::after {
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #2271b7;
    border-bottom: 2px solid #2271b7;
    transform: rotate(45deg) translateX(-45%);
    transition: .2s ease-in-out;
}
.dropdown__filter.noa::after{ display: none; }
.down2 .dropdown__filter.noa{ margin-right: 0; }

.dropdown__select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: .2s ease-in-out;
    z-index: 2;
}

.dropdown__select-option {
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
    transition: .3s;
}

.dropdown__select-option:last-of-type {
    border-bottom: 0;
}

.dropdown__select-option:hover {
    background-color: #f9f9f9;
}


/* 下拉菜单 结束 */


/* 心服务 开始 */

.inx-solve .fl-service {
    height: 81px;
    background: url(../img/solve-m3.jpg) no-repeat center;
    padding-left: 30px;
    background-size: cover;
}

.inx-solve .fl-service h2 {
    font-size: 22px;
    color: #005bac;
    font-weight: bold;
    margin: 15px 0;
}

.inx-solve .fl-service p {
    font-size: 16px;
    color: #666;
}


/* 心服务 结束 */

@media screen and (max-width:1366px) {
    .inx-solve .fl-solve .tit-box {
        width: 24%;
    }
    .dropdown {
        width: 28%;
    }
}

@media screen and (max-width:1200px) {
    .inx-solve .fl-solve .tit-box {
        padding: 20px 10px;
    }
    .inx-solve .fl-solve .tit-box {
        width: 26%;
    }
    .down1 .dropdown__filter,
    .down2 .dropdown__filter {
        margin: 19px 10px 18px 0;
    }
    .btn-solve {
        padding: 0 22px;
    }
    .fl-70 {
        width: 65%;
    }
    .fl-30 {
        width: 35%;
    }
}

@media screen and (max-width:992px) {
    .inx-solve .fl-solve .tit-box {
        padding: 20px 10px 0;
    }
    .inx-solve .fl-solve .tit-box {
        width: 100%;
    }
    .dropdown {
        width: 35%;
    }
    .inx-solve .fl-service {
        height: 143px;
    }
    .inx-solve .fl-service h2 {
        margin-top: 35px;
    }
}

@media screen and (max-width:768px) {
    .fl-70 {
        width: 100%;
    }
    .fl-30 {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .dropdown {
        width: 100%;
    }
    .down1 .dropdown__filter,
    .down2 .dropdown__filter {
        margin-bottom: 0;
    }
    .down1 .dropdown__filter,
    .down2 .dropdown__filter {
        margin-right: 0;
    }
    .btn-solve {
        padding: 0 40px;
        margin: 19px auto;
    }
    .inx-solve .fl-solve {
        padding: 0 15px 15px 15px;
    }
    .inx-solve .fl-service {
        height: 120px;
    }
}


/* 首页解决方案 结束 */


/* 首页应用案例 开始 */


/*首页 应用领域滚动 开始*/

.inx-field #pic-roll {
    overflow: hidden;
    width: 100%;
    height: 280px;
    float: left;
}

.inx-field #pic-roll li {
    text-align: center;
    float: left;
    margin-right: 22px;
}

.inx-field #pic-roll li p {
    color: #333;
}

.inx-field #pic-roll li .equ-box {
    position: relative;
    overflow: hidden;
}

.inx-field #pic-roll li .equ-box img {
    transition: 0.4s all;
}

.inx-field #pic-roll li:hover .equ-box img {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(0, 91, 172, .5);
}

.inx-field #pic-roll li .equ-box p {
    transition: 0.4s all;
    width: 100%;
	max-width: 340px;
    line-height: 42px;
    color: #333;
}

.inx-field #pic-roll li .equ-box:hover p {
    color: #005bac;
}

.inx-field #roll-item {
    float: left;
    width: 800%;
    margin-top: 20px;
}

.inx-field #roll-item1 {
    float: left;
}

.inx-field #roll-item2 {
    float: left;
}

.inx-field .tit-box {
    margin-bottom: 20px;
}

.inx-field .tit-box h2 {
    font-size: 32px;
    text-align: center;
    color: #0f489f;
    font-weight: bold;
}

.inx-field .tit-box p {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.inx-field .equ-con {
    padding: 0 30px 0 10px;
}

@media screen and (max-width:768px) {
    .inx-field .equ-con {
        padding: 0;
    }
}


/* 内容研发团队 开始*/
.list-l3,
.hon-box2{ padding-bottom: 30px; }
.hon-box2 ul li {
    float: left;
    width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid #e7e7e7;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
}

.hon-box2 ul li .img-box {
    overflow: hidden;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 20px;
}

.hon-box2 ul li .img-box img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.hon-box2 ul li:hover .img-box img {
    transform: scale(1.05);
}

.hon-box2 ul li p {
    line-height: 52px;
    text-align: center;
    color: #666;
    border-top: 1px solid #e7e7e7;
    position: relative;
}

.hon-box2 ul li p:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #005bac;
    left: 0;
    top: 0;
}

.hon-box2 ul li:hover p {
    color: #005bac;
}

.hon-box2 ul li:hover {
    border-color: #005bac;
}

.hon-box2 ul li {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}

.hon-box2 ul li:before,
.hon-box2 ul li:after {
    content: "";
    opacity: 0;
    z-index: 3;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hon-box2 ul li:before {
    top: 0px;
    left: 0px;
    right: 100%;
    bottom: 100%;
    border-top: 1px solid;
    border-left: 1px solid;
}

.hon-box2 ul li:after {
    left: 100%;
    top: 100%;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.hon-box2 ul li:hover::before {
    opacity: 1;
    bottom: 0;
    right: 0px;
    border-color: #005bac;
}

.hon-box2 ul li:hover::after {
    opacity: 1;
    top: 0px;
    left: 0px;
    border-color: #005bac;
}

.hon-box2 ul li:hover {
    border-color: transparent;
}

.hon-box2 ul li a {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    .hon-box2 ul li {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:375px) {
    .hon-box2 ul li {
        width: 100%;
        margin: 10px 0;
    }
}


/* 内容荣誉证书 结束*/



/* 首页新闻开始 */

.inx-field .tit .more {
    display: block;
    float: right;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    color: #999;
    transition: 0.4s all;
}

.inx-field .tit .more:hover {
    margin-right: 10px;
}

.inx-field .fl-field .tit .more {
    margin-right: 30px;
    transition: 0.4s all;
}

.inx-field .fl-field .tit .more:hover {
    margin-right: 40px;
}

.inx-field .tit .more:hover {
    color: #005bac;
}

.inx-field .fl-news .first-news {
    margin-top: 20px;
    margin-bottom: 15px;
}

.inx-field .fl-news .first-news h2 {
    color: #666;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    transition: 0.4s all;
}

.inx-field .fl-news .first-news p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}

.inx-field .fl-news .first-news .img-box {
    float: left;
    width: 35%;
    overflow: hidden;
}

.inx-field .fl-news .first-news .img-box img {
    transition: 0.4s all;
}

.inx-field .fl-news .first-news:hover .img-box img {
    transform: scale(1.05);
}

.inx-field .fl-news .first-news:hover h2 {
    color: #005bac;
}

.inx-field .fl-news .first-news .text-box {
    float: left;
    width: calc(65% - 20px);
    margin-left: 20px;
}

.inx-field .fl-news .first-news .text-box span {
    display: block;
    font-size: 13px;
    color: #adadad;
    margin-bottom: 10px;
}

.inx-field .fl-news .first-news .text-box p {
    font-size: 14px;
    color: #999;
}

.inx-field .fl-news .loop-news {
    margin-top: 20px;
}

.inx-field .fl-news .loop-news #inx-news1 {
    height: 92px;
    overflow: hidden;
}

.inx-field .fl-news .loop-news #inx-news2 {
    height: 249px;
    overflow: hidden;
}

.inx-field .fl-news .loop-news .swiper-slide {
    overflow: hidden;
    transition: 1s all;
    position: relative;
    top: 0;
}

.inx-field .fl-news .loop-news .swiper-slide:hover a p {
    color: #005bac;
}

.inx-field .fl-news .loop-news .swiper-slide a {
    display: block;
    border-bottom: 1px dashed #d8d8d8;
    transition: 1s all;
}

.inx-field .fl-news .loop-news .swiper-slide a p {
    float: left;
    width: 70%;
    line-height: 45px;
    font-size: 15px;
    color: #585757;
}

.inx-field .fl-news .loop-news .swiper-slide a span {
    float: right;
    width: 30%;
    line-height: 45px;
    font-size: 13px;
    color: #adadad;
    text-align: right;
}

.inx-field .tit .name {
    float: left;
    width: 114px;
    line-height: 40px;
    background: #d6d6d6;
    text-align: center;
    color: #333;
    cursor: pointer;
}

.inx-field .tit .name.active {
    background: #005bac;
    color: #fff;
}

.inx-field .fl-news .box.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.inx-field .fl-news .box {
    /*display: none;
    opacity: 0;
    visibility: hidden;*/
}

@media screen and (max-width:768px) {
    .inx-field .fl-news {
        margin-top: 30px;
    }
}


/* 首页新闻结束 */


/* foot 开始 */

.foot {
    background:#333;
}

.foot .foot-fl {
    float: left;
    width: 40%;
    color: #fff;
}

.foot .foot-fl h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.foot .foot-fl span {
    display: inline;
    font-size: 14px;
    color: #adadad;
    margin-right: 20px;
    line-height: 24px;
}

.foot .foot-fl p {
    font-size: 14px;
    color: #adadad;
    margin-right: 20px;
    line-height: 24px;
}

.foot .foot-fl .link-box a {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}

.foot .foot-fl .link-box i {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    background-color: #999999;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: 0.4s all;
}

.foot .foot-fl .link-box a img {
    opacity: 0;
    position: absolute;
    width: 64px;
    top: 40px;
    transition: all 0.4s;
}

.foot .foot-fl .link-box .wx i {
    background-image: url(../img/icon/wx.png);
}

.foot .foot-fl .link-box i:hover {
    background-color: #005bac;
}

.foot .foot-fl .link-box i:hover {
    background-position: 0 -37px;
}

.foot .foot-fl .link-box a:hover img {
    opacity: 1;
    top: 48px;
}

.foot .foot-fl .link-box .wb i {
    background-image: url(../img/icon/wb.png);
}

.foot .foot-fl .link-box .qq i {
    background-image: url(../img/icon/qq.png);
}

.foot .foot-fr {
    float: right;
    width: 40%;
}

.foot .foot-fr h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #eebf15;
}

.foot .foot-fr label {
    display: block;
    font-size: 14px;
    color: #adadad;
    margin-right: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

.foot .foot-fr input {
    background: transparent;
    border: 1px solid #484848;
    border-radius: 5px;
    line-height: 36px;
    padding: 0 10px;
    box-shadow: none;
    margin-right: 10px;
    font-size: 14px;
}

.foot .foot-fr button {
    background: #005bac;
    border: 1px solid #005bac;
    border-radius: 5px;
    line-height: 36px;
    padding: 0 10px;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    transition: 0.4s all;
}

.foot .foot-fr button:hover {
    background: transparent;
    color: #005bac;
}

.foot .foot-fr .foot-stat {
    display: block;
    font-size: 14px;
    color: #adadad;
    margin-right: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.foot .foot-fr .foot-stat .stat {
    color: #005bac;
}

.foot .foot-fr .foot-stat .stat:hover {
    color: #0c6cc0;
}

.copyRight {
    padding: 15px;
    background: #282828;
}

@media screen and (max-width:768px) {
	.foot .foot-fl{
    width:100%;
    color: #fff;
}
	.foot .foot-fr {
    float: left;
    width: 100%;
    margin-top: 40px;
}
	.foot .foot-fr input {
    width:100%;
		margin: 10px 0;}
	.foot .foot-fr button {
    width: 100%;
		margin: 10px 0;}
}
/* foot 结束 */

/*联系我们*/
.integrityTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.integrityTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.integrityTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.integrityTit h2.about-introduction:before {
    content: 'contact us';
}

.integrityTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}
/*材料/招标*/
.biddingTop {
	width: calc(50% - 20px);
	float: left;
    object-fit: cover;
	padding: 20px;
	margin-top: 20px;
	margin-right: 20px;
    overflow: hidden;
	box-shadow: 0 0 10px rgba(136, 136, 136, .5);
}
@media(max-width:768px)
{
	
	.biddingTop {
	width: calc(100% - 20px);
	float: left;
    object-fit: cover;
	padding: 20px;
	margin-top: 20px;
	margin-right: 20px;
    overflow: hidden;
	box-shadow: 0 0 10px rgba(136, 136, 136, .5);
}
	
}
.biddingTop-l {
	
    width: 52%;
	 float: left;
}
.biddingTop-limg{
	border-radius:40px;
}
.biddingTop-r {
    width: 43%;
    float: right;
}

.biddingTop-r h2 {
    width: 100%;sss
    height: 30px;
	line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.biddingTop-r p {
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: 32px;
	margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    overflow: hidden;
}

.biddingTop-r span {
    width: 100%;
    color: #004dac;
    font-size: 20px;
    border-top: 1px solid #004dac;
    padding-top: 3%;
    margin-top: 3%;
    display: block;
    overflow: hidden;
}

.biddingTop-r span i.newsTime-l {
    float: left;
}

.biddingTop-r span i.newsTime-r {
    float: right;
}

.biddingTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.biddingTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.biddingTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.biddingTit h2.about-introduction:before {
    content: 'Material bidding';
}

.biddingTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}

/*投资者关系*/
.InvestorTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.InvestorTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.InvestorTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.InvestorTit h2.about-introduction:before {
    content: 'Investor relations';
}

.InvestorTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}


.news_list{ margin-bottom: 30px; }
.news_list ol {
    background-color: #fafafa;
    margin-bottom: 2%;
    position: relative;
    padding-left: 36.25%;
}

.news_list ol .Ispic {
    width: 36.25%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.news_list ol .Ispic img {
    display: none;
}

.news_list ol div {
    padding: 5% 10% 3% 5%;
}

.news_list ol h3 a {
    color: #005bac;
}

.news_list ol h3 a:hover {
    color: #005bac;
}

.news_list ol time {
    display: block;
    padding: 3% 0;
}

.news_list ol p {
    margin: 0 0 3% 0;
    height: 78px;
}

.news_list ol span a {
    display: inline-block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #005bac;
    font-size: 12px;
    border: 1px solid #005bac;
    transition: all 0.5s;
}

.news_list ol span a:hover {
    background: none;
    color: #005bac;
}

.news_list li {
    overflow: hidden;
    position: relative;
    margin-bottom: 2%;
    background-color: #f4f4f4;
    transition: .5s;
    padding: 15px 58px 15px 160px;
}

.news_list li:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 58px;
    height: 100%;
    background: url(../img/icon-xiangyou2.png) no-repeat center;
    background-size: contain;
    border-left: 1px solid #ddd;
}

.news_list li h3 a:hover {
    color: #005bac;
}

.news_list li div {
    border-left: 1px solid #ededed;
    padding: 2% 3%;
}

.news_list li time {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 100%;
}

.news_list li time span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #b2b2b2;
    font-size: 16px;
}

.news_list li time i {
    font-style: normal;
    font-size: 50px;
    color: #999;
    display: block;
    font-family: "Courier New", Courier, monospace;
    line-height: 40px;
}

.news_list li time i:after {
    display: block;
    content: '';
    margin: 5px auto;
    height: 1px;
    width: 50%;
    max-width: 66px;
    background: #dfdfdf;
}

.news_list li div p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    font-size: 15px;
    margin-top: 10px;
}

.news_list li:hover {
    background: #fff;
    box-shadow: 0 0 20px #ddd;
}

.news_list li:hover::after {
    background: url(../img/icon-xiangyou3.png) no-repeat center;
    background-size: contain;
    border-left: 1px solid #005bac;
}

.news_list li:hover time i {
    color: #005bac;
}

@media(max-width:1000px) {
    .news_list li {
        padding-left: 100px;
        padding-right: 30px;
    }
    .news_list li:after {
        width: 30px;
        background-size: 35% auto;
    }
    .news_list li time {
        width: 100px;
    }
    .news_list li time span {
        font-size: 14px;
    }
    .news_list li time i {
        font-size: 40px;
        line-height: 30px;
    }
}

@media(max-width:640px) {
    .news_list ol {
        padding-left: 0;
    }
    .news_list ol .Ispic {
        width: auto;
        position: relative;
        height: auto;
        display: block;
        padding-bottom: 60%;
    }
    .news_list ol div {
        padding: 3%;
    }
}

@media(max-width:480px) {
    .news_list li {
        padding-left: 80px;
        padding-right: 0;
    }
    .news_list li:after {
        display: none;
    }
    .news_list li time {
        width: 80px;
    }
    .news_list li time i {
        font-size: 30px;
    }
    .news_list h3 {
        font-size: 16px;
    }
    .news_list p {
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        height: 40px;
    }
    .news_list ol p {
        height: 60px;
    }
}



/* 产品信息 */

.container-pro {
    overflow: hidden;
    position: relative;
}

.left-bg {
    width: 30%;
    background: url(../img/product/list-bg.jpg) #1548a1 no-repeat;
    background-size: cover;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-left {
    width: 30%;
    position: relative;
    z-index: 2;
    min-height: 957px;
    padding-top: 92px;
    padding-left: 22px;
    float: left;
}

.list-left h2 {
    font-size: 36px;
    color: #fff;
    display: block;
}

.list-left ul {
    padding-top: 20px;
}

.list-left li {
    font-size: 18px;
    display: block;
    height: 37px;
    line-height: 37px;
    margin-top: 15px;
    transition: all 0.4s;
}

.list-left li.active {
    font-weight: bold;
    transform: translateX(15px);
}

.list-left li a {
    color: #fff;
}

.list-left li:before {
    content: "";
    width: 9px;
    height: 13px;
    background: url(../img/product/icon.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
}

.list-left li:hover {
    transform: translateX(15px);
}

.mian-right {
    width: 70%;
    padding-left: 50px;
    padding-top: 30px;
    float: left;
}

.line {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 20px;
}

.line:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/product/icon-2.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
}

.line a {
    color: #333;
    font-size: 14px;
}

.line a:hover {
    color: #0054a3;
}

.Pro-message {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
}

.Pro-message h3 {
    font-size: 24px;
    color: #000;
    height: 25px;
    line-height: 25px;
}

.Pro-message h3:before {
    content: "";
    width: 5px;
    height: 22px;
    background: #004dac;
    display: inline-block;
    margin-right: 10px;
    margin-top: 3px;
    float: left;
}

.Pro-introduction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
}

.Pro-introduction_l {
    width: 50%;
    float: left;
}

.Pro-introduction_l p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
    text-indent: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Pro-introduction_r {
    width: 50%;
    float: right;
    padding-left: 50px;
}

.Pro-introduction_r img {
    width: 100%;
    height: auto;
}

.Pro-list {
    margin-top: 50px;
}

.Pro-message ul {
    width: 100%;
}

.Pro-message ul li {
    width: 47%;
    margin-top: 30px;
    float: left;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative;
}

.Pro-message ul li:nth-child(2n+2) {
    margin-left: 5%;
}

.Pro-message ul li img {
    width: 100%;
    height: auto;
    transition: all 0.4s;
}

.Pro-message ul li p {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}

.Pro-message ul li:after {
    content: "";
    width: 0;
    height: 5px;
    background: #004dac;
    position: absolute;
    bottom: 0;
    display: inline-block;
    transition: all 0.4s;
}

.Pro-message ul li:hover img {
    transform: scale(1.05, 1.05);
}

.Pro-message ul li:hover p {
    color: #004dac;
}

.Pro-message ul li:hover::after {
    width: 100%;
}


/* 关于我们 */

.aboutBanner {
    width: 100%;
    position: relative;
}

.aboutBanner img {
    width: 100%;
}

.aboutBanner .wrap {
    position: absolute;
    bottom: 5.7%;
    margin-left: 50%;
    transform: translateX(-50%);
}

.aboutNav {
    width: 100%;
    height: 76px;
    background: #eee;
}

.aboutNav span {
    width: 100px;
    height: 76px;
    background: #004dac;
    padding-top: 27px;
    display: block;
    float: left;
}

.aboutNav span img {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    display: block;
}

.aboutNav ul {
    width: 62%;
    float: left;
    line-height: 76px;
    padding-left: 15px;
}

.aboutNav ul li {
    padding: 0 15px;
    float: left;
    font-size: 16px;
    position: relative;
}

.aboutNav ul li a {
    display: block;
}

.aboutNav ul li i {
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #0d1013;
    transition: all 0.4s;
}

.aboutNav ul li.active i,
.aboutNav ul li:hover i {
    width: 100%;
}

.aboutNav ul li.active a,
.aboutNav ul li:hover a {
    color: #004dac;
}

.aboutNav p {
    display: block;
    width: 27%;
    text-align: right;
    float: right;
    font-size: 14px;
    line-height: 76px;
    padding-right: 15px;
}

.aboutNav p:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/about/home-2.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
}

.aboutTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.aboutTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.aboutTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.aboutTit h2.about-introduction:before {
    content: 'Company profile';
}

.aboutTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}

.aboutTxt {
    text-align: center;
    color: #666;
}

.aboutTxt p {
    margin-bottom: 15px;
    line-height: 25px;
}

.about-icon-t {
    margin-top: 55px;
}

.about-icon-t ul {
    height: auto;
	margin: 50px 30px;
}

.aabout-icon-t ul li {
    width: calc(50% - 40px);
    height: auto;
    margin: 0 20px;
    float: left;
    position: relative;
}

.about-icon-t ul li i {
    width: 100%;
    height: auto;
    /*padding: 50px 30px;*/
    box-shadow: 0 0 9px rgba(163, 163, 163, .53);
    color: #212121;
    display: block;
    /*position: absolute;*/
    bottom: 0;
    transition: all 0.4s;
}

.about-icon-t ul li span {
    /*width: 84px;
    height: 84px;*/
    display: block;
    margin: 0 auto;
}
.about-icon-t ul li span.aboutIcon-1 {
    background: url(../img/about/icon-1.png) no-repeat;
}

.about-icon-t ul li span.aboutIcon-2 {
    background: url(../img/about/icon-2.png) no-repeat;
}

.about-icon-t ul li span.aboutIcon-3 {
    background: url(../img/about/icon-3.png) no-repeat;
}

.about-icon-t ul li span.aboutIcon-4 {
    background: url(../img/about/icon-4.png) no-repeat;
}

.about-icon-t ul li p {
    font-size: 22px;
    text-align: center;
    margin-top: 50px;
    line-height: 36px;
}

.about-icon-t ul li i:hover {
    background: #004dac;
    height: auto;
    bottom: 0;
    color: #fff;
}

.about-icon-t ul li:hover span.aboutIcon-1 {
    background: url(../img/about/icon-1h.png) no-repeat;
}

.about-icon-t ul li:hover span.aboutIcon-2 {
    background: url(../img/about/icon-2h.png) no-repeat;
}

.about-icon-t ul li:hover span.aboutIcon-3 {
    background: url(../img/about/icon-3h.png) no-repeat;
}

.about-icon-t ul li:hover span.aboutIcon-4 {
    background: url(../img/about/icon-4h.png) no-repeat;
}

.about-content {
    background: url(../img/about/aboutus-1.jpg) no-repeat center top;
    background-size: 100%;
    padding-top: 27%;
    padding-bottom: 75px;
    overflow: hidden;
}

.about-icon-t ul li p {
    font-size: 22px;
    text-align: center;
    margin-top: 16px;
    line-height: 36px;
}

.about-icon-t ul li i:hover {
    background: #004dac;
    height: auto;
    bottom: 0;
    color: #fff;
}
.wrapMain1{background: #004dac; display: block; margin: 20px auto; min-height:480px; width: 100%;}
.technicalContent-l {
    width:calc(60% - 50px);
    background: url(../img/about/bg-1.png) no-repeat center bottom #f9f9f9;
    position: relative;
    float: right;
    padding: 50px 20px;
	line-height: 36px;
    padding: 60px 50px 60px 50px;
	margin-top: 110px;
	margin-right: 50px;
}


.technicalContent-l:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

.technicalContent-l span {
    color: #fff;
    display: block;
}

.technicalContent-l span:nth-child(2) {
    opacity: 0.2;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 40px;
}

.technicalContent-l span:nth-child(3) {
    font-size: 36px;
    margin-top: 22px;
    line-height: 40px;
}

.technicalContent-l span:nth-child(4) {
    font-size: 30px;
    margin-top: 35px;
    line-height: 40px;
}

.technicalContent-r {
    width:40%;
    float: left;
    line-height: 36px;
    padding: 50px 50px 50px 50px;
}

.technicalContent-r p {
    color: #666;
    text-indent: 35px;
}
.aboutContentt-r {
    width: 100%;
    float: left;
    background: url(../img/about/bg-1.png) no-repeat center bottom #f9f9f9;
    line-height: 36px;
	margin-top: 50px;
    padding: 68px 50px 5px 50px;
}

.aboutContentt-r p {
    color: #666;
    text-indent: 35px;
}
.aboutt-icon ul {
    height: 322px;
}
.aboutt-icon ul li {
    width: calc(50% - 40px);
    height: 322px;
    margin: 0 20px;
    float: left;
    position: relative;
}

.aboutt-icon ul li i {
    width: 100%;
    height: 277px;
    box-shadow: 0 0 9px rgba(163, 163, 163, .53);
    color: #212121;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all 0.4s;
}
.aboutt-icon ul li i:hover {
    background: #004dac;
    height: 322px;
    bottom: 0;
    color: #fff;
}


/*关于我们*/
.about-icon {
    margin-top: 55px;
}

.about-icon ul {
    height: 322px;
}
.about-icon ul li {
    width: calc(25% - 40px);
    height: 322px;
    margin: 0 20px;
    float: left;
    position: relative;
}

.about-icon ul li i {
    width: 100%;
    height: 277px;
    padding: 50px 30px;
    box-shadow: 0 0 9px rgba(163, 163, 163, .53);
    color: #212121;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all 0.4s;
}

.about-icon ul li span {
    width: 84px;
    height: 84px;
    display: block;
    margin: 0 auto;
}
.about-icon ul li span.aboutIcon-1 {
    background: url(../img/about/icon-1.png) no-repeat;
}

.about-icon ul li span.aboutIcon-2 {
    background: url(../img/about/icon-2.png) no-repeat;
}

.about-icon ul li span.aboutIcon-3 {
    background: url(../img/about/icon-3.png) no-repeat;
}

.about-icon ul li span.aboutIcon-4 {
    background: url(../img/about/icon-4.png) no-repeat;
}

.about-icon ul li p {
    font-size: 22px;
    text-align: center;
    margin-top: 50px;
    line-height: 36px;
}

.about-icon ul li i:hover {
    background: #004dac;
    height: 322px;
    bottom: 0;
    color: #fff;
}

.about-icon ul li:hover span.aboutIcon-1 {
    background: url(../img/about/icon-1h.png) no-repeat;
}

.about-icon ul li:hover span.aboutIcon-2 {
    background: url(../img/about/icon-2h.png) no-repeat;
}

.about-icon ul li:hover span.aboutIcon-3 {
    background: url(../img/about/icon-3h.png) no-repeat;
}

.about-icon ul li:hover span.aboutIcon-4 {
    background: url(../img/about/icon-4h.png) no-repeat;
}

.technical-content {
    background: url(../img/1.png) no-repeat center top;
    background-size: 100%;
    padding-top: 27%;
    padding-bottom: 75px;
    overflow: hidden;
}

.about-icon ul li p {
    font-size: 22px;
    text-align: center;
    margin-top: 16px;
    line-height: 36px;
}

.about-icon ul li i:hover {
    background: #004dac;
    height: 322px;
    bottom: 0;
    color: #fff;
}

.about-content {
    background: url(../img/about/aboutus-1.jpg) no-repeat center top;
    background-size: 100%;
    padding-top: 27%;
    padding-bottom: 75px;
    overflow: hidden;
}

.about-content .wrapMain {
    background: url(../img/about/bg-2.png) no-repeat #004dac left bottom;
    overflow: hidden;
    border-bottom: 5px solid #e8e8e8;
}

.aboutContent-l {
    width: 30%;
    background: #004dac;
    position: relative;
    float: left;
    padding: 50px 20px;
}

.aboutContent-l:before {
    content: "";
    width: 100px;
    height: 114px;
    background: url(../img/about/bg-3.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.aboutContent-l span {
    color: #fff;
    display: block;
}

.aboutContent-l span:nth-child(2) {
    opacity: 0.2;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 40px;
}

.aboutContent-l span:nth-child(3) {
    font-size: 36px;
    margin-top: 22px;
    line-height: 40px;
}

.aboutContent-l span:nth-child(4) {
    font-size: 30px;
    margin-top: 35px;
    line-height: 40px;
}

.aboutContent-r {
    width: 70%;
    float: left;
    background: url(../img/about/bg-1.png) no-repeat center bottom #fff;
    line-height: 36px;
    padding: 68px 50px 115px 50px;
}

.aboutContent-r p {
    color: #666;
    text-indent: 35px;
}

.aboutContent{ line-height: 2; padding: 20px 0 50px 0; }
.aboutContent p{ color:#666; }

/* 品牌文化 */
.cultureTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.cultureTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.cultureTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cultureTit h2.about-introduction:before {
    content: 'Brand culture';
}
.cultureTxt {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: left;
}
.cultureTu{
	width: 45%;
	float: left;
	margin-top: 30px;
    margin-bottom: 30px;
}
.cultureCon{
	width: 45%;
	float:left;
	margin-top:10%;
    margin-bottom: 30px;
	margin-left:100px;
}
.cultureCon p{
	font-size: 36px;
	color: #004dac;
	text-align: left;
	font-weight: bold;
	text-transform:uppercase;
}
.cultureCon h2{
	font-size: 30px;
	color: #333333;
	text-align: left;
	margin-top: 30px;
}
.cultureCon img{
	text-align: left;
	float: left;
	margin-top: 10px;
}
.cultureCon span{
	font-size: 16px;
	color: #333;
	display: block;
	line-height: 32px;
	text-align: left;
	margin-top: 30px;
}

@media screen and (max-width:1040px) {
  .cultureTu{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
    margin-bottom: 30px;
}
.cultureCon{
	width: 90%;
	float:left;
	margin-top:10%;
    margin-bottom: 30px;
	margin-left:5%;
}  
}

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

@media screen and (max-width:640px) {
    
}
/*招贤纳士*/
.joinTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.joinTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.joinTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.joinTit h2.about-introduction:before {
    content: 'invite Recruit';
}

.joinTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}
.con-join .accordion {
    /*width: 100%;*/
    /*max-width: 360px;*/
    margin: 0px auto 20px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.con-join .accordion .link {
    background: #eee;
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4d4d4d;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


/*.con-join .accordion>li{box-shadow: 0 4px 4px #888; margin: 10px 0;}*/

.con-join .accordion li:last-child .link {
    border-bottom: 0
}

.con-join .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.con-join .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.con-join .accordion li.open i {
    color: #004cae;
}

.con-join .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.con-join .submenu {
    display: none;
    background: #fff;
    font-size: 14px;
    padding: 20px 30px;
}

.con-join .submenu ul li {
    display: flex;
    align-items: center;
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 16px;
    width: calc(100% - 20px);
    margin: 10px 0;
}

.con-join .submenu ul li span {
    color: #666;
    padding-left: 20px;
}

.con-join .join-yaoqiu {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.con-join .join-yaoqiu .join-tit {
    font-size: 22px;
    margin-bottom: 20px;
}

.con-join .join-yaoqiu .join-yaoqiu-text {
    line-height: 32px;
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-bottom: 10px;
}
/* 应该领域 开始 */
.areaTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.areaTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.areaTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.areaTit h2.about-introduction:before {
    content: 'application area';
}

.areaTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}
.com-news{ padding-bottom: 30px; }
.com-news ul li {
    width: calc(100% / 3 - 30px);
    margin: 20px 15px;
    float: left;
}

.com-news .list-news-box {
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
    margin: 4px;
    transition: 0.4s all;
    position: relative;
}

.com-news .list-news-box .time {
    display: block;
    color: #999;
    font-size: 20px;
}

.com-news .list-news-box .tit {
    color: #999;
    font-size: 22px;
    margin: 10px 0;
    transition: 0.4 all;
}

.com-news .list-news-box .text {
    color: #999;
    font-size: 15px;
    line-height: 26px;
    margin: 15px 0;
    min-height: 73px;
}

.com-news .list-news-box .more {
    display: block;
    width: 100px;
    line-height: 36px;
    border: 1px solid #004cae;
    font-size: 14px;
    color: #004cae;
    text-align: center;
}

.com-news .list-news-box .img-box {
    overflow: hidden;
    background: url(../img/new-m2.jpg) no-repeat center;
    background-size: contain;
    min-height: 145px;
}

.com-news .list-news-box .img-box img {
    transition: 0.4s all;
    width: 100%;
}

.com-news .swiper-container {
    padding-bottom: 40px;
}

.com-news .list-news-box:hover {
    box-shadow: 0px 0px 4px rgba(61, 61, 61, .3);
}

.com-news .list-news-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    z-index: 2;
    background: #004cae;
    transition: 0.4s all;
}

.com-news .list-news-box:hover::after {
    width: 100%;
}

.com-news .list-news-box:hover .tit {
    color: #004cae;
}

.com-news .more-btn {
    display: block;
    color: #333;
    font-size: 15px;
    width: 70px;
    text-align: center;
    padding-top: 90px;
    background: url(../img/new-m3.png) no-repeat center top;
    margin-top: 30px;
}

@media screen and (max-width:1200px) {
    .com-news ul li {
        width: calc(100% / 3 - 20px);
        margin: 10px;
    }
}

@media screen and (max-width:992px) {
    .com-news ul li {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

@media screen and (max-width:640px) {
    .com-news ul li {
        width: 100%;
        margin: 10px 0;
    }
}


/* 应用领域 结束 */


/*应用领域内页 详情 开始*/

.news_detail .content {
    padding: 2%;
    border: 1px solid #eaeaea;
    margin-top: 50px;
    margin-bottom: 100px;
}

.news_detail .title {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    text-align: center
}

.news_detail .title {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    text-align: center
}

.news_detail .Abstract {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 5px 10px;
    color: #999999;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(252, 251, 253, 1);
}

.news_detail .text,
.news_detail .text span,
.news_detail .text p,
.news_detail .text div {
    font-size: 15px!important;
    line-height: 28px!important;
    font-family: "微软雅黑"!important;
}

.news_detail .Vice-title {
    text-align: center;
    font-size: 13px;
    margin: 20px 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

.news_detail .Vice-title .e-title {
    color: #c8c8c8;
}

.news_detail .Vice-title .e-title:nth-child(1) {
    background: url(../img/e-title.jpg)no-repeat left center;
    padding-left: 15px;
}

.news_detail .Vice-title .e-title:nth-child(2) {
    margin-left: 10px;
    display: inline-block;
}

.news_detail .Vice-title .e-title:nth-child(3) {
    margin-left: 10px;
    display: inline-block;
}

.news_detail .text img {
    display: block;
    margin: auto;
}

.news_detail span.center {
    text-align: center;
    display: block;
    font-size: 16px;
}

.news_detail .img {
    max-width: 100%
}

.news_detail .fanye {
    line-height: 30px;
    font-size: 15px;
    color: #666;
    margin-top: 30px;
}

.news_detail .fanye .prev {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_detail .fanye .next {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_detail .fanye a:hover {
    color: #1A583D
}

.news_detail .fanye span {
    color: #999;
}

.news_detail .detail-text {
    text-indent: 32px;
    line-height: 32px;
}

.news_detail .img-box {
    text-align: center;
}
/*创新研发*//*下载文档 开始*/
.downTit {
    width: 100%;
    padding: 45px 0;
    text-align: center;
}

.downTit h2 {
    font-size: 36px;
    color: #000;
    position: relative;
    padding: 15px 0;
}

.downTit h2:before {
    text-transform: uppercase;
    position: absolute;
    color: #ececec;
    z-index: -1;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.downTit h2.about-introduction:before {
    content: 'Innovative R & D';
}

.downTit img {
    width: 52px;
    height: 3px;
    display: block;
    margin: 0 auto;
}

.con-down-box ul li {
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 10px;
}

.con-down-box ul li .icon-down {
    transition: 1s;
    margin-right: 20px;
    padding: 22px;
    background: #eee;
    float: left;
    width: 80px;
    height: 80px;
}

.con-down-box ul li .icon-down i {
    transition: 1s;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/icon/icon-down.png) no-repeat top;
    background-size: cover;
}

.con-down-box ul li .txt {
    float: left;
    width: calc(100% - 100px);
}

.con-down-box ul li:hover .icon-down i {
    background-position: bottom;
}

.con-down-box ul li:hover .icon-down {
    background: #005bac;
}

.con-down-box ul li .txt {
    padding: 10px 0;
}

.con-down-box ul li .txt span {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    color: #999;
}

/* 新闻资讯 */

.aboutTit h2.news-introduction:before {
    content: 'News information';
}

.newsTop {
    width: 100%;
    background: url(../img/about/news.jpg) no-repeat left center;
    background-size: 47% auto;
    object-fit: cover;
    overflow: hidden;
}

.newsTop-l {
    display: none;
    width: 100%;
}

.newsTop-r {
    width: 53%;
    float: right;
    padding: 20px 0 20px 3.1%;
}

.newsTop-r h2 {
    width: 100%;
    height: 35px;
    font-size: 25px;
    font-weight: bold;
    color: #004dac;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsTop-r p {
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    padding-top: 2.2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsTop-r span {
    width: 100%;
    color: #004dac;
    font-size: 20px;
    border-top: 1px solid #004dac;
    padding-top: 3%;
    margin-top: 3%;
    display: block;
    overflow: hidden;
}

.newsTop-r span i.newsTime-l {
    float: left;
}

.newsTop-r span i.newsTime-r {
    float: right;
}

.newsBottom {
    margin-bottom: 20px;
}

.newsBottom ul li {
    width: 100%;
    box-shadow: 0 0 10px rgba(136, 136, 136, .5);
    margin-top: 50px;
    position: relative;
}

.newsBottom ul li a {
    padding: 2.5% 3.75%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.newsBottom ul li span {
    width: 150px;
    font-size: 30px;
    color: #666;
    display: block;
    float: left;
    text-align: center;
    margin-right: 3.75%;
}

.newsBottom ul li span i {
    height: 80px;
    line-height: 80px;
    font-size: 40px;
    color: #004dac;
    display: block;
    border-bottom: 1px solid #868686;
    margin-bottom: 5px;
}

.newsBottom ul li div {
    width: calc(100% - 150px - 5%);
    float: left;
    border-left: 1px solid #868686;
    padding: 10px 3.75%;
}

.newsBottom ul li div h3 {
    font-size: 25px;
    line-height: 30px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsBottom ul li div p {
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 32px;
    margin-top: 2.5%;
}

.newsBottom ul li a:after {
    content: "";
    width: 38px;
    height: 71px;
    background: url(../img/about/more-jd.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 3.75%;
    transform: translateY(-50%);
}

.newsBottom ul li:before,
.newsBottom ul li:after,
.honorPic ul li:before,
.honorPic ul li:after {
    content: "";
    opacity: 0;
    z-index: 3;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.newsBottom ul li:before,
.honorPic ul li:before {
    top: 0px;
    left: 0px;
    right: 100%;
    bottom: 100%;
    border-top: 1px solid;
    border-left: 1px solid;
}

.newsBottom ul li:after,
.honorPic ul li:after {
    left: 100%;
    top: 100%;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.newsBottom ul li:hover h3,
.honorPic ul li:hover span {
    color: #004dac;
}

.newsBottom ul li:hover::before,
.honorPic ul li:hover::before {
    opacity: 1;
    bottom: 0;
    right: 0px;
    border-color: #004dac;
}

.newsBottom ul li:hover::after,
.honorPic ul li:hover::after {
    opacity: 1;
    top: 0px;
    left: 0px;
    border-color: #004dac;
}

.newsBottom ul li:hover,
.honorPic ul li:hover {
    border-color: transparent;
}


/*公司荣誉*/

.aboutTit h2.news-honor:before {
    content: 'Company honor';
}

.honorPic {
    padding: 10px 0;
    overflow: hidden;
}

.honorPic ul li {
    float: left;
    width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid #e7e7e7;
    position: relative;
}

.honorPic ul li a {
    padding: 10px 10px 0 10px;
    display: block;
    position: relative;
    z-index: 9;
}

.honorPic ul li img {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.honorPic ul li span {
    line-height: 52px;
    text-align: center;
    color: #666;
    border-top: 1px solid #e7e7e7;
    display: block;
    position: relative;
    z-index: 9;
}

.honorPic ul li:hover img {
    transform: scale(1.05);
}

.honorPic ul li:hover span {
    border-top: 1px solid #e7e7e7;
}

.honorPicBig img {
    display: block;
    margin: 0 auto;
}
/*历史进程*/

.com-new-box ul li {
    border-bottom: 1px dashed #ddd;
}
.inx-news ul li a {
    display: block;
    padding: 20px;
}

.inx-news .time {
    float: left;
    margin-right: 10px;
	border-right: 1px solid #eee;
    text-align: center;
    width: calc(14% - 20px);
}

.inx-news .time .day {
    font-size: 26px;
    font-weight: bold;
    color: #005bac;
    margin-bottom: 10px;
}

.inx-news .time .years {
    font-size: 15px;
    color: #666;
}

.inx-news .text {
    float: left;
    margin-top: 18px;
    width: calc(81% - 15px);
    padding-left: 15px;
}

.inx-news .text h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.inx-news .text p {
    line-height: 24px;
    font-size: 14px;
    color: #999;
}
/*
.inx-news a:hover {
    box-shadow: 0 0 15px #ddd;
}

.inx-news a:hover .time .day {
    color: #005bac;
}

.inx-news a:hover .text h2 {
    color: #005bac;
}*/
.inx-news a:hover {
    box-shadow: 0 0 15px #ddd;
	background: #005bac;
}

.inx-news a:hover .time .day {
    color: #fff;
}
.inx-news a:hover .years {
    color: #fff;
}
.inx-news a:hover .text h2 {
    color: #fff;
}
@media screen and (max-width:768px) {
  .inx-news .time {
    float: left;
    border-right:none;
	padding-bottom: 20px;
	pading-top:20px;
	border:1px solid #eee;
    text-align: center;
    width:100%;
}
	.inx-news .text {
    float: left;
    width: 100%;
   
}
	
	
	
	
	
}
/* 联系方式 开始 */

.contact-box .tit-box h2 {
    font-size: 36px;
    color: #222;
    font-weight: bold;
    padding-left: 0;
    font-family: 'Microsoft YaHei';
}

.contact-box .tit-box h3 {
    font-size: 24px;
    color: #e7212e;
    font-weight: bold;
}

.contact-box {
    padding: 40px 0;
}

.contact-box .con-text {
    float: left;
    width: 40%;
    margin-top: 50px;
}

.contact-box .con-text .con-logo {
    margin-bottom: 30px;
}

.contact-box .con-text h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #005bac;
}

.contact-box .con-text p {
    padding-left: 30px;
    line-height: 32px;
    margin-bottom: 15px;
}

.contact-box .con-text .tel {
    background: url(../img/icon-tel2.png) no-repeat left 10px;
}

.contact-box .con-text .add {
    background: url(../img/icon-add2.png) no-repeat left 10px;
}

.contact-box .con-text .tel2 {
    background: url(../img/icon-tel3.png) no-repeat left 10px;
}

.contact-box .con-text .web {
    background: url(../img/icon-web.png) no-repeat left 10px;
}

.contact-box .con-text .eml {
    background: url(../img/icon-eml.png) no-repeat left 10px;
}

.contact-box .con-map {
    float: right;
    width: calc(60% - 40px);
    margin-left: 40px;
}

.contact-box .con-map .map {
    border: 1px solid #edecec;
    padding: 10px;
    background: #fff;
}

@media screen and (max-width:768px) {
    .contact-box .con-text {
        width: 100%;
        margin-top: 0;
    }
    .contact-box .con-map {
        width: 100%;
        margin: 15px 0 0;
    }
}


/* 内容 在线留言 开始 */
.message-box{ margin: 50px; }
.con-contact .tit {
    text-align: center;
    font-size: 30px;
    color: #313131;
    line-height: 1;
    margin-bottom: 25px;
}

.con-contact .info {
    text-align: center;
    font-size: 14px;
    color: #898989;
    line-height: 1;
    margin-bottom: 15px;
    line-height: 26px;
}

.con-contact .line {
    display: block;
    margin: 0 auto 20px;
    width: 27px;
    height: 1px;
    background: #c6c6c6;
}

.con-contact .form {
    margin: 0 auto;
}

.con-contact .form input {
    border: 1px solid #d5d5d5;
    font-size: 14px;
}

.con-contact .name {
    background: transparent url("../img/i_form_ico1.png") no-repeat right 0;
}

.con-contact .phone {
    background: transparent url("../img/i_form_ico2.png") no-repeat right 0;
}

.con-contact .email {
    background: transparent url("../img/i_form_ico3.png") no-repeat right 0;
}

.con-contact .line1 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 46px 0 13px;
    float: left;
}

.con-contact .form textarea {
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 10px 40px 10px 13px;
    height: 149px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    background: transparent url("/img/i_form_ico4.png") no-repeat right top;
    margin-top: 25px;
}

.con-contact .form .btns_list {
    text-align: center;
}

.con-contact .form .btns_list button {
    position: relative;
    width: 49%;
    height: 45px;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.con-contact .form .btns_list .submit {
    background-color: #848484;
    border-radius: 0;
    float: left;
}

.con-contact .form .btns_list .submit:hover {
    background-color: #004cae;
}

.con-contact .form .btns_list .reset {
    background-color: #848484;
    border-radius: 0;
    float: right;
}

.con-contact .form .btns_list .reset:hover {
    background-color: #004cae;
}

.con-contact .form_cb .span-4 {
    position: relative;
}

.con-contact .form_cb .span-4 span {
    position: absolute;
    right: 45px;
    top: 15px;
}

.con-contact .form .btns_list {
    width: 100%;
}

.con-contact .form .btns_list {
    text-align: center;
}

.con-contact .form_cb .span-4 {
    position: relative;
}

.row>.span-4 {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.row>.span-4:nth-child(3) {
    margin-right: 0%;
}

@media(max-width:640px) {
    .row>.span-4 {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 20px;
        display: block;
        line-height: 48px;
        height: 48px;
    }
    .con-contact .form textarea {
        margin-top: 0px;
    }
}

@media screen and (max-width:1024px) {
    .major-detail-con .major-det-fr .top-tit .contact-list ul li {
        width: calc(100% / 3 - 30px);
    }
}

@media screen and (max-width:768px) {
    .major-detail-con .major-det-fr {
        width: calc(75% - 30px);
        margin-left: 30px;
    }
    .major-detail-con .major-det-fr .top-tit .contact-list ul li {
        width: calc(50% - 30px);
    }
    .major-detail-con .row>.span-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .major-detail-con .con-contact .form textarea {
        margin-top: 0;
    }
}

@media screen and (max-width:414px) {
    .major-detail-con .major-det-fl {
        float: left;
        width: 100%;
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .major-detail-con .major-det-fl .img-box {
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }
    .major-detail-con .major-det-fl .top-tit .contact-list ul li {
        width: 100%;
        margin: 10px 0;
    }
    .major-detail-con .major-det-fr {
        float: left;
        width: 100%;
        margin-left: 0;
        float: none;
    }
}


/* 内容在线留言 结束 */
/*分页*/

.Page {
    zoom: 1;
    overflow: hidden;
    text-align: center;
    padding: 30px 0 5%;
    text-align: center;
}

.Page .p_page {
    padding: 0px 3px;
    display: inline-block;
}

.Page .p_page span,
.Page a {
    display: inline-block;
    margin: 0px 2px;
    border: 1px solid #004dac;
    padding: 0 1em;
    color: #666;
    line-height: 35px;
    border-radius: 3px;
    transition: .3s ease-out;
}

.Page .p_page span {
    background-color: #f5f5f5;
}

.Page a:hover {
    color: #fff;
    border: 1px solid #004dac;
    background: #004dac;
}

.Page .p_page strong {
    color: #fff;
    background: #004dac;
    border-color: #004dac;
    display: inline-block;
    margin: 0px 2px;
    padding: 0 1em;
    line-height: 35px;
    border-radius: 3px;
    transition: .3s ease-out;
}

.newsDetails {
    padding: 3.1%;
}

.newsDetails h2 {
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 40px;
}

.newsDetails h3 {
    line-height: 50px;
    font-size: 16px;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.newsDetails h3 span {
    padding: 0 10px;
}

.newsDetails .txt {
    padding: 3%;
    color: #666;
    font-size: 16px;
    line-height: 32px;
}

.newsDetails .txt p {
    text-indent: 35px;
}

.newsPaging div {
    width: 50%;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsPaging div span {
    color: #666;
    display: inline-block;
}

.newsPaging a:hover {
    color: #004dac;
}

.prev {
    float: left;
}

.next {
    float: right;
    text-align: right;
}


/* 媒体查询 */

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

@media screen and (max-width:1200px) {
    .about-icon ul li i {
        padding: 50px 10px;
    }
    .about-icon ul li p {
        font-size: 18px;
    }
}

@media screen and (max-width:992px) {
    .Pro-introduction {
        display: block;
    }
    .Pro-introduction_l {
        width: 100%;
    }
    .Pro-introduction_r {
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
    }
    .aboutBanner .wrap {
        position: relative;
        padding: 0;
    }
    .aboutNav {
        height: auto;
        padding: 0 20px;
        overflow: hidden;
    }
    .aboutNav span {
        display: none;
    }
    .aboutNav ul {
        width: 100%;
        padding-left: 0;
        line-height: normal;
    }
    .aboutNav ul li {
        width: 16.6%;
        padding: 20px 5px;
        text-align: center;
        line-height: 20px;
    }
    .aboutNav p {
        display: none;
    }
    .about-icon {
        margin-top: 10px;
    }
    .about-icon ul li {
        width: calc(50% - 40px);
        margin-top: 10px;
    }
    .newsTop {
        background: none;
    }
    .newsTop-l {
        width: 100%;
        display: block;
    }
    .newsTop-l img {
        width: 100%;
    }
    .newsTop-r {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:768px) {
    .newsBottom ul li div {
        width: calc(100% - 150px - 8%);
    }
    .honorPic ul li {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:640px) {
    .left-bg {
        width: 100%;
        min-height: 400px;
    }
    .list-left {
        width: 100%;
        min-height: 400px;
    }
    .list-left li {
        float: left;
        width: 33%;
        padding-right: 10px;
    }
    .mian-right {
        width: 100%;
        padding-left: 0;
    }
    .aboutContent-l {
        float: none;
        width: 100%;
    }
    .aboutContent-r {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:1400px) {
    .technicalContent-l {
       
        width: calc(100% - 100px);
		margin-left: 50px;
    }
    .technicalContent-r {
        
        width: 100%;
    }
	.wrapMain1{background:#fff; }
}

@media screen and (max-width:480px) {
    .list-left {
        padding-top: 20px;
    }
    .list-left li {
        width: 50%;
    }
    .honorPic ul li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/*分页 开始*/

.pager {
    text-align: center;
    margin-top: 40px;
    padding: 20px 0;
 
}

.pager a,
.pager strong {
    display: inline-block;
    border: 1px solid #004cae;
    padding: 5px 10px;
    margin: 0 4px;
}

.pager a:hover,
.pager strong {
    background: #004cae;
    color: #fff;
}
/*分页 结束*/

/* 内容 招聘信息填写 开始 */
.recruit-detail-box {
	margin: 30px 0;
}
.recruit-detail-box h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.recruit-detail-box .input-box {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.recruit-detail-box .input-box.resume {
	width: 100%;
}

.recruit-detail-box .input-box.resume .txt {
	width: 10.4%;
	text-align: right;
}

.recruit-detail-box .input-box.resume textarea {
	margin-left: 1.1%;
	float: left;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 10px 20px;
	height: 20px;
	border: 1px solid #ddd;
	font-size: 12px;
	resize: none;
	width: 78%;
	height: 100px;
	box-sizing: content-box;
}

.recruit-detail-box .input-box .txt {
	width: 25%;
	text-align: right;
	float: left;
	width: 20%;
	text-align: right;
	font-size: 14px;
	line-height: 42px;
}

.recruit-detail-box .input-box input[type=text],
.recruit-detail-box .input-box select {
	float: left;
	width: 60%;
	border: none;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 0;
	margin-left: 3%;
	padding: 10px 20px;
	height: 42px;
	border: 1px solid #ddd;
	font-size: 14px;
}

.recruit-detail-box .input-box .red {
	line-height: 42px;
	padding-left: 10px;
	color: red;
}

.recruit-detail-box .input-box.btn-box {
	width: 100%;
}

.recruit-detail-box .input-box .btns button {
	display: block;
	width: 120px;
	line-height: 48px;
	color: #fff;
	background-color: #004dac;
	border-radius: 6px;
	border: 1px solid #004dac;
	margin: 0 auto;
}

.con-join .btn-more {
     display: block;
     width: 120px;
     line-height: 48px;
     text-align: center;
     background: #004dac;
     color: #fff;
     margin-top: 15px;
     border-radius: 6px;
     border: 1px solid #004dac;
 }
 
 .con-join .btn-more:hover {
     border: 1px solid #004dac;
     color: #004dac;
     background: #fff;
 }
/* 内容 招聘信息填写 结束 */
@media screen and (max-width:992px) {
	.recruit-detail-box .input-box{ width:100%; }
	.recruit-detail-box .input-box.resume .txt{ width: auto; }
}