*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:16px;overflow-x:hidden;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
a:hover{color:#16307d}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}

input,textarea,select,button,input{ outline:none; font-size:15px;font-family: Arial, 'Microsoft Yahei', Helvetica, SimSun, sans-serif;text-transform: capitalize;}



:root{
    --gradient-background-color:linear-gradient(to right,#16307d,#1b6fb6);
    --background-color:#16307d;
    --blue-color:#16307d;
    --grey-color:#575454;
    --black-color:#1a1a1a;
}

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

.wrap{ max-width:90%;padding:0 1rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 180px;
    line-height: 50px;
    border-radius: 25px;
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
    position: relative;
    overflow: hidden;
    font-size: 1.125rem;
    margin: 0 auto;
}
.more:hover{background-color: var(--blue-color);color: #fff;box-shadow: 0 10px 30px -3px rgba(22, 48, 125, .3);}
.more2{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 180px;
    line-height: 50px;
    border-radius: 25px;
    color: #fff;
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
    position: relative;
    overflow: hidden;
    font-size: 1.125rem;
}
.more2:hover{color: #fff;box-shadow: 0 10px 30px -3px rgba(22, 48, 125, .3);}
.flex{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.morjt{width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--blue-color);display: block;position: relative;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.morjt:before{content: '';width: 6px;height: 6px;border-top: 1px solid var(--blue-color);border-right: 1px solid var(--blue-color);transform: rotate(45deg);position: absolute;left: 50%;top: 50%; margin-left:-4px; margin-top:-3px;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.morjt:hover{background-color: var(--blue-color)}
.morjt:hover::before{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.margtop{margin-top: 60px;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index:99;height:80px;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;text-transform: capitalize;background-color: #fff;}
.header-scroll{ box-shadow:0 0 10px rgba(0,0,0,.08);}
.header .wrap{position: relative;z-index: 2;}
.logo{height:80px;position:relative;display: flex;display: -webkit-flex;align-items: center;}
.logo img{ display:block; height:100%; width:auto;}
.header .tel{background:url(../image/tel.png) no-repeat left center;line-height: 80px;padding-left: 25px;font-size: 18px;font-weight: bold;color: #333;margin-left: 20px;}

.menu{position: relative;z-index: 2;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{font-size:18px; margin:0 30px;position:relative;white-space: nowrap;}
.menu .menu_a{color:var(--black-color);line-height:80px;position:relative;text-transform: uppercase;display: block;}
.menu .sub{ 
    position:absolute;
    left: 50%;
    top: 100%; 
    width:150px;
    text-align: center;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%); 
    opacity: 0;
    visibility: hidden;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
}
.menu .sub .con {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
    position:relative;
    padding: 10px 0;
    margin-top: 10px;
}
.menu .sub .con:before { 
    content:""; 
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff; 
    display:block; 
    position:absolute; 
    left:50%; 
    margin-left:-6px; 
    top:-6px
}
.menu .sub a { 
    display:block; 
    background:#fff; 
    border-bottom:1px solid #e8e8e8;
    font-size: .9em;
    color:#666; 
    line-height: 20px; 
    padding: 15px 20px;
    word-wrap: break-word;
    white-space:normal
}
.menu .sub a:last-child{border-bottom: 0;}
.menu li:hover .sub {opacity: 1;visibility: visible;}
.menu .sub a:hover {
    background:var(--blue-color); 
    color:#fff
}



.search{ position:relative}
.search-top{ width:70px; height:70px; background:url(404.png) no-repeat center #e7c957; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:100; display:none}
.search-box .close{ width:30px; height:30px;display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-box .close:before{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;left: 0;top: 50%;}
.search-box .close:after{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;left: 0;top: 50%;}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(404.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .submit{ position:absolute; right:0;top:0; background:none; border:0; font-size:35px; line-height:90px; color:#808080; cursor:pointer}
.search-box .close:hover{ transform:rotate(90deg)}




.banner{ position:relative; z-index:1;margin-top: 80px;overflow: hidden; height: calc(100vh - 180px); min-height:550px;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .swiper-container{ width:100%; height:100%}
.banner .swiper-slide{ position:relative;height: 100%}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;background: none;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}

.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{width: 50px;height: 2px;background-color: #fff;opacity: .3;border-radius: 0; transition: .3s;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-slide{ position:relative}
.banner .txt{ position: absolute;left: 20%;top:50%;color: #fff;font-size: 60px;font-weight: 300;opacity: 0;}
.banner .txt span{display: block;}
.banner .swiper-slide-active .txt{top:45%;opacity: 1;transition:1s ease;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img{
	transition:16s linear;
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.12);
	transform:scale(1.1,1.1);
}

.strength{ background:#272727; text-align:center; position:relative}
.strength ul{ display:inline-block;vertical-align:bottom;}
.strength li{ float:left;padding:28px 0 20px 50px; position:relative;text-align:left;}
.strength_box{ padding-left:80px;padding-right:80px;position:relative}
.strength_box:after{ content:""; width:1px; height:100%; background-color:#414141; position:absolute; right:0;top:0; }
.strength li .p1{ color:#fff; font-size:24px; line-height:30px; font-weight:bold}
.strength li .p1 em{ font-style:normal}
.strength li .p1 span{ color:#707070; font-size:14px;}
.strength li .p2{ color: rgba(255,255,255,0.7);}
.strength .li1{ background:url(../image/icon_s1.png) no-repeat 50px 28px;}
.strength .li2{ background:url(../image/icon_s2.png) no-repeat 50px 28px;}
.strength .li3{ background:url(../image/icon_s3.png) no-repeat 50px 28px;}
.strength .li4{ background:url(../image/icon_s4.png) no-repeat 50px 28px;}
.strength .li4 .strength_box:after{ display:none}
.strength li:hover{ background-color:#333}


.space{ padding:80px 0}
.spacepre{ padding-top:80px}
.spacenext{ padding-bottom:80px}
.title{font-size: 45px;color: var(--black-color);text-align: center;font-weight: bold;margin-bottom: 1em;}
.title-ts{ width:100%; max-width: 432px;line-height: 20px; padding:8px; border: 1px solid #16307d;color: var(--blue-color);text-align: center;margin: 0 auto;border-radius: 25px;margin-top: -1.5em;margin-bottom: 3em;}
.ltitle{color: var(--black-color);margin-bottom: 1em;font-size: 30px;}
.ltitle:after{content: '';width: 15px;height: 2px;background-color: var(--black-color);display: block;}

.i-serList{margin-bottom: 60px;}
.i-serList ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-serList li{width: 24%;border-radius: 25px; background: url(../image/serbg.jpg) no-repeat center;background-size: cover;position: relative;padding: 60px; min-height:520px;}
.i-serList .tit{font-size: 1.5em;color: #333;margin: 25px 0;}
.i-serList .tit span{display: block;color: #999;text-transform: uppercase;font-size: .6em;}
.i-serList .con a{display: block;color: #666;position: relative;padding-left: 15px;margin: 10px 0; font-size:18px;}
.i-serList .con a:before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #b6bed4;position: absolute;left: 0;top: 50%;margin-top: -2.5px;}
.i-serList .ico{position: absolute;right: 5%;bottom:60px;}
.i-serList .ico img{max-width: 80%;max-height: 50%;display: block;margin: 0 auto;}
.i-serList .morjt{margin-top: 110px;}
.i-serList .con a:hover{color: var(--blue-color);}

.i-about{background: url(../image/bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.i-about .title{color: #fff;}
.i-aboutCon{font-size: 35px;text-align: center;color: #fff;}
.i-aboutCon .tel{font-size: 18px;background-color: var(--blue-color);display: inline-block;border-radius: 25px;padding: 10px 25px;margin-top: 3em;}

.i-case{background-color: #f3f3f3;}
.i-case .nav{margin-top: -1em;margin-bottom: 3em;text-align:center}
.i-case .nav li{margin: 0 5px; display:inline-block}
.i-case .nav a{display: block;border: 1px solid #ddd;border-radius: 25px;width: 110px;line-height: 40px;text-align: center;color: #333;}
.i-case .nav li.cur a, .i-case .nav a:hover{background-color: var(--blue-color);color: #fff;border: 1px solid var(--blue-color);}




.i-caseList{margin-bottom: 40px;}
.i-caseList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -1%;}
.i-caseList li{width: 32.33%;margin-right: 1%;margin-top: 1%;border-radius: 10px;overflow: hidden; position: relative;}
.i-caseList li:nth-child(1), .i-caseList li:nth-child(2), .i-caseList li:nth-child(3){ margin-top:0; }
.i-caseList .pic:before{padding-top: 85.71%;}
.i-caseList .pic::after{
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
}
.i-caseList .txt{position: absolute;width: 100%;left: 0;bottom: 0;padding: 100px 40px 40px;color: #fff;}
.i-caseList .txt h4{font-size: 1.5em;margin-bottom: 2px;}
.i-caseList .txt p{font-weight: 300;}
.i-caseList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.i-trade .list-item{margin-bottom: 2%;}
.i-trade .list-item ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.i-trade .list-item li{width: 30.33%;margin: 0 1.5% 3%;text-align: center;}
.i-trade .list-item h4{font-size: 1.25em;color: var(--black-color);margin-top: 1em;margin-bottom: .2em;}
.i-trade .list-item p{color: #999;}
.i-trade .list2-item li{display: flex;display: -webkit-flex;align-items: center;margin-bottom: 3%;}
.i-trade .list2-item li:nth-child(2n+1){flex-direction: row-reverse;}
.i-trade .list2-item .pic{width: 60%;border-radius: 25px;}
.i-trade .list2-item .pic:before{padding-top: 51.368%;}
.i-trade .list2-item .txt{width: 40%;font-size: 1.25em;color: #666;padding: 0 5%;}
.i-trade .list2-item h3{color: var(--black-color);font-size: 1.75em;font-weight: 500;line-height: 1.2;margin-bottom: .5em;}
.i-trade .mbtn{margin-top: 8%;display: flex;display: -webkit-flex;justify-content: flex-start;}
.i-trade .mbtn a{width: 150px;margin-right: 10px;margin-left: 0;}
.i-trade .intro{ text-align:center; max-width:1400px; margin:-20px auto 0 auto; line-height:30px;}

.i-newsCon{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-newsCon .left{width: 33%;}
.i-newsCon .right{width: 65.5%;}
.i-newsCon .left .pic::before{padding-top: 59.82%;}
.i-newsCon .left .txt{background-color: #f3f3f3;padding: 20px 30px;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.i-newsCon .left h3{color: #333;font-size: 1.25em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.i-newsCon .tm{color: #999;text-align: center;font-size: 14px;}
.i-newsCon .tm span{color: #333;font-size: 2.85em;display: block;line-height: 1;}
.i-newsCon .left a:hover img{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);}
.i-newsCon .left a:hover h3{color: var(--blue-color);}
.i-newsList{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;height: 100%;}
.i-newsList li{width: 49%;border: 1px solid #d8d8d8;transition: .3s;}
.i-newsList li:nth-child(-n+4){margin-bottom: 2%;}
.i-newsList a{padding: 30px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;height: 100%;}
.i-newsList .txt{width: calc(100% - 90px);padding-right: 60px;position: relative;}
.i-newsList .txt:after{content: '';width: 1px;height: 100%;background-color: #d8d8d8;position: absolute;right: 0;top:0}
.i-newsList h3{font-size:1.25em;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: .2em;}
.i-newsList .intro{color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.i-newsList li:hover h3{color: var(--blue-color);}
.i-newsList li:hover{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.08);}

.footer{background-color: #272626;font-size: 14px;color: #999;line-height: 2;}
.footer a{ color:#999}
.footer a:hover{ color:#fff}
.footer-top{padding:60px 0 45px;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-top .wrap{display:flex;display: -webkit-flex;justify-content:space-between;align-items:center;}
.footer-bot{padding: 30px 0 40px;line-height: 1.5;}

.f-nav{position: relative;min-width: 45%;margin-right: 10%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;max-width:24%;text-transform: capitalize;}
.f-nav li>a{font-size: 1.15em;color: #fff;margin-bottom: 1em;display: block;}
.f-nav .sub a{display: block;}
.f-contact h4{font-size: 1.15em;color: #fff;margin-bottom: 1em;display: block;}
.f-ewm{text-align: center;}
.f-ewm img{display: block;width: 125px;margin-bottom: 5px;}
.f-link{margin-bottom: .5em;}
.f-link a{position: relative;padding-right: 10px;margin-right: 10px;}

.f-link a:after{content: '';width: 1px;height: 18px;background-color: #999;position: absolute;right: 0;top:0}



.nbanner{position:relative;overflow:hidden; margin-top:80px;}
.nbanner img{display: block;width: 100%;}
.nbanner .txt, .nbanner .txt02, .nbanner .txt03{position: absolute;left: 0;bottom: 30%;width: 100%;color: #fff;font-size: 3em;}
.nbanner-case{margin-top: 80px;}
.nbanner-case .txt {bottom: 45%;}
.nbanner-case .txt p{font-size: .5em;}

.nbanner .txt02 {bottom: 42%; text-align:center}
.nbanner .txt02 h3{font-size: 45px; font-weight:bold; margin-bottom: 10px;}
.nbanner .txt02 p{font-size: 30px;}

.nbanner .txt03 {bottom: 42%; text-align:left}
.nbanner .txt03 h3{font-size: 45px; font-weight:bold; margin-bottom: 10px;}
.nbanner .txt03 p{font-size: 30px;}

.inner-nav ul{display: flex;display: -webkit-flex;justify-content: center;margin-bottom: 3.5em;}
.inner-nav li{margin: 0 5px;}

.inner-nav a{display: block;border: 1px solid #ddd;border-radius: 25px;line-height: 40px;text-align: center;color: #333;padding: 0 30px;}
.inner-nav li.cur a, .inner-nav li a:hover{background-color: var(--blue-color);color: #fff;border: 1px solid var(--blue-color);}

.anchor {
    display: block;
    top: -80px;
    visibility: hidden;
    position: absolute;
}


.main{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}
.main_bg{background-color: #f2f2f2;}

.section-abt, .section-service, .section-certification{font-size: 1.25em;}
.main-about .section:nth-child(2n+1){background-color: #f2f2f2;}
.main-about .more{ margin-top:60px;}

.section-abt .left{width: 47%;font-size: 1.5em;color: var(--black-color);}
.section-abt .left h2{font-size: 2em;font-weight: bold;margin-bottom: .3em;}
.section-abt .right{width: 50%;font-size: 1.3em;color: var(--black-color);line-height: 2;}

.ser-process ul{display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.ser-process li{width: 18.5%;position: relative;}
.ser-process li:before{
    content: "";
    width: 90%;
    height: 40%;
    background: linear-gradient(left , rgb(0, 0, 0) 47% , rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left , rgb(0, 0, 0) 47% , rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left , rgb(0, 0, 0) 47% , rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left , rgb(0, 0, 0) 47% , rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left , rgb(0, 0, 0) 47% , rgba(0, 0, 0, 0) 100%);
    display: block;
    bottom:-5px;
    left:5%;
    position: absolute;
    z-index: 1;
    transform: rotateZ(2deg);
    opacity: 0.15;
}
.ser-process .li-con{padding: 25px 30px;background-color: #fff;border-radius: 15px;position: relative;z-index: 2;overflow: hidden;}
.ser-process .li-con .txt{ position:relative; z-index:22}
.ser-process .txt h3{color: var(--blue-color);font-size: 1.5em;margin-top: .8em;margin-bottom: .2em;}
.ser-process .num{position: absolute;right: 0;top:50%; transform: translateY(-50%);width:66px;height: 123px;background:url(../image/numbg.png) no-repeat;color:var(--blue-color);line-height: 1;padding-left: 20px;padding-top: 35px;}
.ser-process .num span{display: block;font-size: 2.2em;font-weight: bold;}
.ser-process .ico img{display: block;}

.caseList ul{margin-right: -2%;}
.caseList li{width: 31.33%;margin-bottom: 2%;margin-right: 2%;}
.caseList .pic{border-radius: 10px;}
.caseList .pic:before{padding-top: 85.71%;}
.caseList .txt{padding-top:2em;padding-right: 100px;position: relative;}
.caseList .txt h4{font-size: 1.5em;color: var(--black-color);margin-bottom: .3em;transition: .4s;}
.caseList .txt p{font-size: 1.125em;font-weight: 300;color: #999;}
.caseList .txt .morjt{position: absolute;right: .5%;bottom: 6%;transform: scale(1.2);}
.caseList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.caseList li:hover h4{color: var(--blue-color);}
.caseList li:hover .morjt{background-color: var(--blue-color);}
.caseList li:hover .morjt::before{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.content-case{max-width: 1200px;margin: -200px auto 0;background-color: #fff;padding: 60px;border-top-left-radius: 65px;border-top-right-radius: 65px;}
.content-case p{margin-bottom: 1em;}
.content-case .more2 i{width: 25px;height: 25px;display: block;background: url(../image/ico-link.png) no-repeat center;background-size: 22px;margin-right: 5px;}
.case-related{max-width: 1200px;margin:60px auto 0;}
.case-related .caseList ul{margin-right: 0;justify-content: space-between;}
.case-related .caseList li{width: 48.5%;margin-right:0}

.newsList li{ border-bottom:1px solid #cbcbcb; padding-bottom:4%; margin-bottom:4%;padding-left:calc(10% + 4rem);padding-right:calc(10% + 4rem);}
.newsList li:last-child{border-bottom: 0;}
.newsList a{display: flex;display: -webkit-flex;justify-content:space-between;}
.newsList li .pic{ width:39%; position:relative; overflow:hidden;}
.newsList li .pic:before{padding-top:60.483%}
.newsList li .pic img{-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.newsList li .txtCon{ width:50%;line-height: 1.8;position:relative;display: flex;display: -webkit-flex;align-items: flex-start;justify-content:space-between;}
.newsList .txt{width: calc(96% - 140px);}
.newsList .txt h3{ font-size:2.1875rem;line-height: 1.5;font-weight: bold; color:var(--black-color); margin-bottom:.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.newsList .txt .intro{font-size: 1.125rem; color:var(--grey-color); margin-bottom:4em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;}
.newsList .tm{padding: 1.25em 1.8em;border: 1px solid #c2c2c2;text-align: center;color: var(--grey-color);flex-shrink: 0;}
.newsList .tm span{display: block;font-size: 3em;font-weight: bold;color: var(--black-color);line-height: 1.2;}
.newsList .more{float: right;}
.newsList li:hover .pic img{ transform:scale(1.03)}
.newsList li:hover .txt h3{color: var(--blue-color);}

.videoList ul{ margin-right:-3%}
.videoList li{ float:left; width:47%; margin-right:3%; margin-bottom:2%;text-align:center; background:#fff;}
.videoList li .pic{ position:relative; overflow:hidden}
.videoList li .pic:before{padding-top:58.33333%}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(404.png) rgba(0,0,0,0.4) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(404.png) rgba(0,0,0,0.2) no-repeat center center; background-size:12% auto;}
.videoList li:hover .tit{color: #0c3184;}

.content-contact{line-height:1.8;position:relative;text-transform: capitalize;}
.contact-list{ margin-bottom: 40px;}
.contact-list ul{ display: flex;display: -webkit-flex;justify-content:space-between}
.contact-list li{width: 25%;text-align: center;}
.contact-list li:last-child{width: 35%;}
.contact-list .ico{width: 80px;height: 80px;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content:center;margin:0 auto 30px;background-color: var(--blue-color);box-shadow: 0 0 0 10px rgba(22,48,125,.1);}
.contact-list h4{margin-bottom: 10px;}
.contact-list p{color:var(--blue-color);font-weight: 300;font-size:24px;}

.mapBox{position: relative;padding-bottom: 100px;}
.traffic{position: absolute;width: 90%;left: 5%;bottom: 0;background-color:#fff;padding: 60px;box-shadow: 0 10px 45px rgba(0,0,0,.1);}
.traffic ul{display: flex;display: -webkit-flex;justify-content: center}
.traffic li{width: 50%;padding: 0 10%;}
.traffic li:not(:last-child){border-right: 1px dotted #ddd;}
.traffic .intro{font-size: 1.25em;font-weight: 300;}
.traffic .intro b{color: var(--blue-color);}
#map {width: 100%;height: 600px;background: #ccc url(../image/map.jpg) no-repeat center;margin-top:30px; border:1px solid #ddd}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.meaasge{text-transform: capitalize;}
.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px;font-weight:300;color:#999}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:80px; line-height:60px;color: #333;font-size: 16px;}

.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:100px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{
    background: -webkit-linear-gradient(left, #cba042 , #e8cd58); 
    background: -o-linear-gradient(right, #cba042, #e8cd58); 
    background: -moz-linear-gradient(right, #cba042, #e8cd58); 
    background: linear-gradient(to right, #cba042 , #e8cd58);
    display: block;
    margin: 1.5em auto 0;
    width: 140px;
    line-height: 50px;
    border-radius: 25px;
    color: #fff;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.message .submit:hover{box-shadow: 0 5px 25px rgba(203,160,66,.3);}

.liuyan-sub{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:880px; height:450px; position:fixed;z-index:9999; background-color:rgba(255,255,255,1); display:none; border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:25px; height:25px; background:url(../image/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:hover{background:url(../image/close_1.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.liuyan-sub .conn{position:absolute; width:100%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; max-height:100%; overflow-y:auto}

.bg{ background-color:rgba(0,0,0,0.7); z-index:9998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bg.cur{ display:block}



.liuyan-sub .conn .boxLeft { float:left; width:60%;text-align: center;border-right: 1px solid #ddd;}
.liuyan-sub .conn .boxLeft .content0 {font-size: 30px; font-weight: bold; color:#000}
.liuyan-sub .conn .boxLeft .content0 span {color: #16307d;}
.liuyan-sub .conn .boxLeft .content1 {font-size: 24px;margin-top:15px;}
.liuyan-sub .conn .boxLeft .content2 {font-size: 36px;margin-top: 20px;}
.liuyan-sub .conn .boxLeft .content2 a {color: #111;background: #000;}
.liuyan-sub .conn .boxLeft .content2 .shine {background: -webkit-linear-gradient(left, #16307d, #16307d) no-repeat;-webkit-background-size: 60px;-webkit-background-clip: text;-webkit-text-fill-color: rgba(22, 48, 125, 0.8);-webkit-animation: shine 6s infinite linear;}
.liuyan-sub .conn .boxLeft .content3 {margin-top:40px; text-align:center}
.liuyan-sub .conn .boxLeft .content3 div { display:inline-block; margin:0 10px}
.liuyan-sub .conn .boxLeft .content3 div a {display: block; cursor:pointer;color: #16307d;line-height:50px;width: 160px;text-align: center;border: 1px solid #16307d;font-size: 16px;transition: 0.4s;border-radius:25px;}
.liuyan-sub .conn .boxLeft .content3 div a:hover {background: #16307d;border-color: #16307d;color: #fff;}
.liuyan-sub .conn .boxLeft .content3 div p {position: absolute;bottom: 115%;left: 50%;transform: translateX(-50%) scale(0);transform-origin: center bottom;transition: 0.4s;}

.liuyan-sub .conn .boxLeft .content3 div:hover p {transform: translateX(-50%) scale(1);}
.liuyan-sub .conn .boxLeft .content3 .div1 a {background: #16307d;border-color: #16307d; display:block;color: #fff;}
.liuyan-sub .conn .boxRight {text-align: center; width: 40%; float:right; margin-bottom:40px;font-size: 16px; color: #000;}
.liuyan-sub .conn .boxRight img { width:80%; max-width: 200px; display:block; margin:0 auto}
@-webkit-keyframes shine {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 100%;
  }
}

.horlist .img{ height:auto; display:block; overflow:hidden;}
.horlist .img img{ width:100%; height:auto;transition: all 1.5s; display:block}
.horlist .img:hover img{transform:scale(1.05);}
.horlist .img-dv{ position:relative; overflow:hidden}
.horlist .img-dv .img1{ display:block; width:100%;}
.horlist .img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; min-width:100%; min-height:100%}


.horlist .swiper-slide { overflow:hidden; background:#fff; border:solid 1px #ddd; padding:30px; background:#fff; margin-bottom:45px; border-radius:20px; overflow:hidden}
.horlist .swiper-slide .pic .img2{ width:auto !important;min-width:auto !important; max-width:100% !important; height:100% !important;}
.horlist .swiper-pagination{ bottom:0 !important;}
.horlist .swiper-pagination-bullet{ width:30px; height:8px; background:#ddd; opacity:1; margin:0 2px; border-radius:5px;}
.horlist .swiper-pagination-bullet-active{ background:#16307d }



.horlist02 .kuai{ padding:40px; border:solid 1px #ddd; background-image: linear-gradient(#fff, #fff, #f5f5f5); border-radius:15px; overflow:hidden; margin-bottom:30px;}
.horlist02 h3{ color:#333; font-weight:bold}
.horlist02 h3 span{ color:#f00}
.horlist02 .icon{ float:left; width:20%; max-width:150px;}
.horlist02 .icon img{ display:block; width:100%; height:auto}
.horlist02 .text{ float:right; width:40%;}
.horlist02 .text h3{ margin-bottom:20px}
.horlist02 .kuai:nth-child(2) .text h3{ margin-top:40px;}
.horlist02 .text p{ line-height:40px; padding-left:30px; position:relative}
.horlist02 .text p:after{ content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#216aae; left:0; top:50%; margin-top:-4px; }

.cooperative_box ul li{position:relative; width: calc(16.66% - 12.5px); margin-right:15px; margin-bottom:12px; float:left; padding: 10px; background:#fff; border-radius:8px;box-shadow: 0px 0px 8.45px 3.55px rgba(0, 0, 0, 0.05);}
.cooperative_box ul li:nth-child(6n){ margin-right:0}
.cooperative_box ul li:nth-child(6n+1){ clear:both;}
.cooperative_box ul li .img{idth: 100%;height: 100%;overflow:hidden; display: block;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center; align-items: center; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;}
.cooperative_box ul li .img img{max-width: 100%;height: auto;-webkit-transition: 0.5s ease all;transition: 0.5s ease all; }
.cooperative_box ul li:hover .img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.nnewsLists li{ border-bottom:1px solid #e8e8e8; padding-bottom:3%; margin-bottom:3%}
.nnewsLists li .pic{ width:27%; position:relative; overflow:hidden;border-radius:10px;}
.nnewsLists li .pic:before{ content:""; display:block;padding-top:62.962%}
.nnewsLists li .pic img{position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.nnewsLists li .txt{ width:70%;line-height: 1.8;padding-top:1%;position:relative;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s;text-transform: capitalize;}
.nnewsLists li .tit{ font-size:22px; color:#3d3a3a; margin-bottom:.5em; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.nnewsLists li .intro{ color:#666; margin-bottom:2em; font-weight:300; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;}
.nnewsLists li .time{font-size: 14px;color: #888;font-family: 'Arial';}

.nnewsLists .nmore{color: #e7c957; margin-left: 0;background:transparent;border:1px solid #e7c957; line-height: 42px;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s;font-size: 14px;}

.nnewsLists li:hover .pic .bg{ opacity:0.35; filter:alpha(opacity=35);}
.nnewsLists li:hover .pic img{ transform:scale(1.03)}
.nnewsLists li:hover .txt{ -webkit-transform: translateX(5px);-moz-transform: translateX(5px);transform: translateX(5px);}
.nnewsLists li .nmore{color: #16307d; background:transparent;border:1px solid #16307d; line-height: 42px;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s;font-size: 15px;display: flex;display: -webkit-flex;align-items:center;justify-content:center;width: 140px;border-radius: 25px;text-transform: capitalize;}
.nnewsLists .nmore i{display: block;width:10px;height:10px;background: url(../image/more_y.png) no-repeat;margin-left:8px}
.nnewsLists li:hover .nmore i{background: url(../image/more_w.png) no-repeat;}
.nnewsLists li:hover .nmore{color:#fff; background:#16307d}


.newsContent{position: relative;}
.newsContent:before{
    content:"";
    width: 1px;
    height: 100%;
    background: #ededed;
    position:absolute;
    left: 76.5%;
    top:0
}
.newsLeft{width: 76.5%;position: relative;padding-right:10%}
.newtit{color: #333;font-size: 28px;font-weight: 500;text-align: center;}
.newtm{ color: #999;font-weight:300;text-align: center;font-size: 14px;margin: .5em 0;}
.newsLeft .content{padding: 30px 0 60px;}
.newsLeft .content p{ margin-bottom: .5em;}
.newsLeft .content img{max-width: 100%;}
.newsRight {width: 21.5%;padding-top: 7px;}
.pageturn p{ font-weight: 300;}
.pageturn p a{ display: block;margin-bottom: 2em;}
.pageturn span{ display: block;font-size: 1.1em;color:#222;font-weight: 500;}
.pageturn em{ display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-style: normal;}
.newstj .tit{font-size: 1.1em;color: #222;font-weight: 500;}
.newstj a{border-bottom: 1px solid #f2f2f2;padding: 15px 0 15px;display: block;}
.newstj .pic{width: 38.8%;float: right;border-radius: 5px;}
.newstj .pic:before{ padding-top: 62.962%;display: block;}
.newstj .txt{width: 58%;float: left;}
.newstj .txt h4{color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin: 5px 0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;line-height: 1.4;}
.newstj .txt span{font-size:14px; color:#999;font-family: 'Arial';}
.newstj li:last-child a{border-bottom: none;}
.newstj li:hover h4{color: #16307d;}
.newstj li:hover .pic img{ transform:scale(1.03)}

.ntrade.space{ padding:70px 0}
.ntrade .jvzhong{ text-align:center;}
.ntrade .trtitle{ margin-bottom:35px; position:relative}
.ntrade .trtitle h3{ font-size:45px; font-weight:bold; color:#333;}
.ntrade .trtitle p{ font-size:24px;}
.ntrade .conn{ background:#f5f5f5; position:relative}
.ntrade .conn.space{ padding:60px 0 90px 0}
.ntrade .conn:after{ content:""; position:absolute; left:50%; top:0; margin-left:-20px; border-left:solid 20px transparent;border-right:solid 20px transparent;border-top:solid 20px #fff;} 
.ntrade .conn .toptitle h3{ font-size:40px; padding:10px 0; font-weight:bold; color:#333}
.ntrade .conn .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}

.ntrade .conn .list .item{ width:calc(25% - 18.75px); padding:30px 20px 110px 20px; position:relative; background:#fff; border-radius:10px; margin-top:25px; margin-right:25px;}
.ntrade .conn .list .item:hover{box-shadow: 0px 9px 36px rgba(47,56,111,0.1);}
.ntrade .conn .list .item:nth-child(4n){ margin-right:0}

.ntrade .conn .list.list02 .item{ width:calc(33.33% - 16.66666px);}
.ntrade .conn .list.list02 .item:nth-child(4n){ margin-right:25px}
.ntrade .conn .list.list02 .item:nth-child(3n){ margin-right:0}

.ntrade .conn .list .item .iconpic{ margin:0 auto 20px auto; width:80%; height:70px;display: block;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.ntrade .conn .list .item .iconpic img{ display:block;width:auto; height:auto; max-width:100%; max-height:70px; margin:0 auto}
.ntrade .conn .list .item .text p{ line-height:26px;}
.ntrade .conn .list .item .trmore{ position:absolute; bottom:40px; left:50%; margin-left:-55px}
.ntrade .conn .list .item .trmore a{display: block; margin:0 auto; border: 1px solid #ddd;border-radius: 25px;width: 110px;font-size:15px;line-height: 40px;text-align: center;color: #333;}
.ntrade .conn .list .item .trmore a:hover{border: 1px solid #16307D; background:#16307D; color:#fff; }


.mbg{background-color: #f3f3f3;}
.ntrade101 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade101 .item{ width:calc(33.33% - 16.66666px); position:relative; background:#fff; border-radius:10px; margin-top:25px; margin-right:25px; margin-top:43px;}
.ntrade101 .item:nth-child(3n){ margin-right:0}
.ntrade101 .item .icon{ width:86px; height:86px; left:50%; top:-43px; z-index:8; position:absolute; margin-left:-43px; background:#c31105; border-radius:50%; overflow:hidden;display: block;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.ntrade101 .item h3{display: block; color: #fff;line-height: 25px;font-weight: bold;background: #c31105; line-height:120px; font-size:30px; text-align:center; height: 120px; border-radius:10px 10px 0 0;}
.ntrade101 .item p { padding:30px; min-height:100px; text-align:center; line-height:32px;}
.ntrade102 img, .ntrade103 img, .ntrade104 img{ display:block; width:auto; max-width:100%; display:block; margin:0 auto}
.ntrade103{background-color: #C30;}
.ntrade103 .title{ color:#fff;}

.ntrade105 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade105 .item{ width:calc(20% - 20px); position:relative; background:#fff; border-radius:10px;margin-right:25px; padding:40px 20px;}
.ntrade105 .item:nth-child(5n){ margin-right:0}
.ntrade105 .item h3{ text-align:center; font-size:20px; color:#000;}
.ntrade105 .item .icon{ margin:0 auto;width:40%; max-width:86px;transition: 0.5s;  margin: 20px auto 20px auto;}
.ntrade105 .item .icon img{ display:block; width:100%; height:auto}
.ntrade105 .item:hover .icon{margin: 10px auto 30px auto;}

.ntrade106 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade106 .item{ width:calc(33.33% - 16.666px); position:relative;border:solid 1px #ddd;padding:40px 20px; border-radius:10px; overflow:hidden; margin-right:25px;  margin-top:25px;}
.ntrade106 .item:after{  content:""; width:4px; height:100%; background:#C30;transition: 0.5s; position:absolute; left:0; top:0; z-index:-1}
.ntrade106 .item:hover:after{ width:100%}
.ntrade106 .item:nth-child(3n){ margin-right:0}
.ntrade106 .item:nth-child(1), .ntrade106 .item:nth-child(2), .ntrade106 .item:nth-child(3){ margin-top:0}
.ntrade106 .item h3{ color:#000; text-align:center; margin-bottom:30px; font-size:24px;}
.ntrade106 .item:hover h3, .ntrade106 .item:hover p{ color:#fff}
.ntrade106 .item:nth-child(1){background: url(../image/a1.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(2){background: url(../image/a2.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(3){background: url(../image/a3.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(4){background: url(../image/a4.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(5){background: url(../image/a5.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(6){background: url(../image/a6.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(1):hover{background: url(../image/a1-1.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(2):hover{background: url(../image/a2-2.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(3):hover{background: url(../image/a3-3.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(4):hover{background: url(../image/a4-4.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(5):hover{background: url(../image/a5-5.png) no-repeat 30px 25px;}
.ntrade106 .item:nth-child(6):hover{background: url(../image/a6-6.png) no-repeat 30px 25px;}

.ntrade107{ position:relative}
.ntrade107:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#f3f3f3; z-index:-10}
.ntrade107 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade107 .item{ width:calc(33.33% - 16.666px); background:#fff; position:relative;border:solid 1px #ddd;padding:40px 20px; border-radius:10px; overflow:hidden; margin-right:25px;  margin-top:25px;}
.ntrade107 .item:after{  content:""; width:4px; height:100%; background:#C30;position:absolute; left:0; top:0; }
.ntrade107 .item:hover:after{ width:100%}
.ntrade107 .item:nth-child(3n){ margin-right:0}
.ntrade107 .item:nth-child(1), .ntrade107 .item:nth-child(2), .ntrade107 .item:nth-child(3){ margin-top:0}
.ntrade107 .item h3{ color:#000; text-align:center; font-size:24px; position:relative; }
.ntrade107 .item .inn{ position:relative; z-index:99}
.ntrade107 .item:hover h3{ color:#fff}

.ntrade108 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade108 .item{ width:calc(25% - 18.75px); line-height:30px; background:#fff; position:relative;border:solid 1px #ddd;padding:40px 20px; border-radius:10px; overflow:hidden; margin-right:25px;  margin-top:25px;}
.ntrade108 .item:hover{ background:#C30;}
.ntrade108 .item:nth-child(4n){ margin-right:0}
.ntrade108 .item:nth-child(1), .ntrade108 .item:nth-child(2), .ntrade108 .item:nth-child(3), .ntrade108 .item:nth-child(4){ margin-top:0}
.ntrade108 .item h3{ color:#000; text-align:center; font-size:24px; border-bottom:solid 3px #C30; padding-bottom:15px; margin-bottom:20px;}
.ntrade108 .item:hover h3{border-bottom:solid 3px #fff; }
.ntrade108 .item:hover h3, .ntrade108 .item:hover p{ color:#fff}

.ntrade109 {background: url(../image/bg1.jpg) center center; background-size:100% auto;}
.ntrade109 .swiper-button-prev, .swiper-button-next{width: 75px;height: 77px;border: none;border-collapse: collapse;cursor: pointer;}
.ntrade109 .swiper-button-prev{background: url(../image/left_ar.png)no-repeat;margin-left: 110px;}
.ntrade109 .swiper-button-next{background: url(../image/right_ar.png)no-repeat;margin-right: 110px;}
.ntrade109 .swiper-pagination-bullet{background:url(../image/num_grey.png)no-repeat;width: 15px;height: 15px;opacity: 1;}
.ntrade109 .swiper-pagination-bullet-active{background: url(../image/num_red.png)no-repeat;}
.ntrade109 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px;}
.ntrade109 img{ display: block; width:auto; max-width:100%; margin:0 auto;}


.ntrade110 .table td{ border:1px solid #e0e0e0; padding:8px 3px; text-align:center}
.ntrade110 .table th{padding:8px 3px; background:#bf3532; color:#fff}
.ntrade110 .table tr:nth-child(2n){ background:#fcfcfc}
.liuyan-btn span{ color:#fff; background:#d51516; display:inline-block; padding:5px 10px;}


.ntrade201 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade201 .item{ position:relative; width:calc(25% - 18.75px); text-align:center; line-height:30px; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:40px 20px 110px 20px; border-radius:10px; overflow:hidden; margin-right:25px;}
.ntrade201 .item:nth-child(4n){ margin-right:0; text-align:center}
.ntrade201 .item .icon{ width:40%; max-width:82px; margin:0 auto}
.ntrade201 .item .icon img{ display:block; width:100%; height:auto}
.ntrade201 .item h3{text-align: center;font-size: 24px;color: #121212;margin-top: 25px; margin-bottom:20px;}
.ntrade201 .item .text p{ text-align:center}
.ntrade201 .item .icon{transition: 0.5s;}
.ntrade201 .item:hover .icon{ margin-top:-10px;}
.ntrade201 .list .item .trmore{ position:absolute; bottom:40px; left:50%; margin-left:-55px}
.ntrade201 .list .item .trmore a{display: block; margin:0 auto; border: 1px solid #bf09cb;border-radius: 25px;width: 110px;font-size:15px;line-height: 40px;text-align: center;color: #bf09cb;}
.ntrade201 .list .item .trmore a:hover{background:#bf09cb; color:#fff; }


.ntrade2 .title-ts{ color:#bf09cb; border:solid 1px #bf09cb;}
.ntrade202 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade202 .item{ position:relative; width:calc(33.33% - 16.666px); text-align:center; line-height:30px; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:20px 20px 40px 20px; border-radius:10px; overflow:hidden; margin-right:25px;}
.ntrade202 .item:nth-child(3n){ margin-right:0; text-align:center}
.ntrade202 .item .img{ margin-bottom:15px;}
.ntrade202 .item .img img{ display:block; width:100%; height:auto}
.ntrade202 .item .text h3{ font-size:24px; margin-bottom:15px; color:#333}
.ntrade202 .trmore{ text-align:center; margin-top:60px;}
.ntrade202 .trmore a{display: inline-block;width: 150px;height: 50px;line-height: 50px;background: #BF09CB;font-size: 18px;border-radius: 5px;text-align: center;box-sizing: border-box;border: 0;color: #fff;transition: all 0.3s ease;position:relative;overflow:hidden;}
.ntrade202 .trmore a:hover{background:#B008BD;color: #fff;}


.ntrade203{ background:#BF09CB}
.ntrade203 .title{ color:#fff;}
.ntrade203 .conn{display: table;}
.ntrade203 .conn .img{display: table-cell;vertical-align: middle;width: 40%;}
.ntrade203 .conn .img img{ display: block; width:auto; max-width:100%}
.ntrade203 .conn .wenzi{display: table-cell;vertical-align: middle;width: 52%; color:#fff; line-height:35px;}

.ntrade204 .intro, .ntrade205 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px;}
.ntrade204 .conn{ position:relative}
.ntrade204 .left{ width:48%; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade204 .left .item{ padding:20px; text-align:center; width:48.5%; margin-top:3%;  margin-right:3%; min-height:250px; box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);float:left; background:#fff}
.ntrade204 .left .item:hover{ border:solid 1px #BF09CB}
.ntrade204 .left .item:nth-child(2n){margin-right:0}
.ntrade204 .left .item:nth-child(1), .ntrade204 .left .item:nth-child(2){ margin-top:0}
.ntrade204 .left .item .num{font-size: 60px; line-height: 80px; color:#BF09CB;}
.ntrade204 .right{ width:48%; height:100%; box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08); background:#fff; position:absolute; top:0; right:0}
.ntrade204 .right .text{ padding:30px;}


.ntrade205 .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade205 .item{ position:relative; width:33.33%; text-align:center; line-height:30px; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:40px;overflow:hidden;}
.ntrade205 .item .icon{ width:87px; margin:0 auto 30px auto; border-radius:50%; border:solid 1px #ddd; overflow:hidden}
.ntrade205 .item .icon img{ display:block; width:100%; height:auto;}
.ntrade205 .item h3{ color:#000; margin-bottom:10px;}

.ntrade206 table{border-top:solid 1px #ddd; border-right:solid 1px #ddd}
.ntrade206 table td{ padding:10px; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; text-align:center}
.ntrade206 table thead td{ font-size:24px; padding:25px 10px}
.ntrade206 table thead tr td:nth-child(3){ color:#fff; position:relative}
.ntrade206 table .tj{ font-size:14px; position:absolute; top:0; right:0; padding:10px;}
.zi{ color:#BF09CB; font-size:20px;}

.ntrade3 .title-ts{border: 1px solid #e7140d; color: #e7140d;}
.ntrade301 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px;}
.ntrade301 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade301 .item{ position:relative; width:calc(25% - 15px); margin-top:60px; margin-right:20px; text-align:center; line-height:30px; background:#fff; position:relative;border:solid 1px #ddd;padding:70px 40px 40px 40px;}
.ntrade301 .item:nth-child(4){ margin-right:0}
.ntrade301 .item .icon{ position:absolute; width:120px; left:50%; margin-left:-60px; background:#fff; top:-40px;-webkit-transition: .3s ease; transition: .3s ease;}
.ntrade301 .item:hover .icon{ margin-top:-5px}
.ntrade301 .item h3{ color:#000; margin-bottom:15px;}

.ntrade302{background-color: #333;}
.ntrade302 .title{ color:#fff}
.ntrade302 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px; color:rgba(255,255,255,0.7)}
.ntrade302 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade302 .item{ position:relative; margin-top:30px; color:#fff; width:25%; text-align:center; position:relative;}
.ntrade302 .item .icon{ height:100px; margin-bottom:25px; width:100px; margin:0 auto 15px auto; border-radius:50%; background:#d50808; display: flex; align-items: center; text-align:center}
.ntrade302 .item .icon img{ display:block; padding:15px; width:100%;display:inline-block}

.ntrade303 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade303 .item{ position:relative; width:50%; position:relative; border:solid 1px #ddd;}
.ntrade303 .list .img img{ display:block; width:100%; height:auto}
.ntrade303 .list .text{ padding:30px; background:#f3f3f3}
.ntrade303 .list .text h3{ color:#000; margin-bottom:15px;}

.ntrade304 table{border-top:solid 1px #ddd; border-right:solid 1px #ddd}
.ntrade304 table td{ padding:10px; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; text-align:center; background:#fff}
.ntrade304 table thead td{ font-size:24px; padding:25px 10px}
.ntrade304 table thead tr td:nth-child(3){ color:#fff; position:relative}
.ntrade304 table .tj{ font-size:14px; position:absolute; top:0; right:0; padding:10px;}




.ntrade401 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade401 .item{ position:relative; width:calc(25% - 18.75px); text-align:center; line-height:30px; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:40px 20px 110px 20px; border-radius:10px; overflow:hidden; margin-right:25px;}
.ntrade401 .item:nth-child(4n){ margin-right:0; text-align:center}
.ntrade401 .item .icon{ width:40%; max-width:82px; margin:0 auto}
.ntrade401 .item .icon img{ display:block; width:100%; height:auto}
.ntrade401 .item h3{text-align: center;font-size: 24px;color: #121212;margin-top: 25px; margin-bottom:20px;}
.ntrade401 .item .text p{ text-align:center}
.ntrade401 .item .icon{transition: 0.5s;}
.ntrade401 .item:hover .icon{ margin-top:-10px;}
.ntrade401 .list .item .trmore{ position:absolute; bottom:40px; left:50%; margin-left:-55px}
.ntrade401 .list .item .trmore a{display: block; margin:0 auto; border: 1px solid #242ef3;border-radius: 25px;width: 110px;font-size:15px;line-height: 40px;text-align: center;color: #242ef3;}
.ntrade401 .list .item .trmore a:hover{background:#242ef3; color:#fff; }


.ntrade4 .title-ts{ color:#242ef3; border:solid 1px #242ef3;}
.ntrade402 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade402 .item{ position:relative; width:calc(25% - 15px); text-align:center; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:20px 20px 40px 20px; border-radius:10px; overflow:hidden; margin-right:20px;}
.ntrade402 .item:nth-child(4n){ margin-right:0; text-align:center}
.ntrade402 .item .img{ margin-bottom:15px;}
.ntrade402 .item .img img{ display:block; width:100%; height:auto}
.ntrade402 .item .text h3{ font-size:24px; margin-bottom:15px; color:#333}
.ntrade402 .trmore{ text-align:center; margin-top:60px;}
.ntrade402 .trmore a{display: inline-block;width: 150px;height: 50px;line-height: 50px;background: #242ef3;font-size: 18px;border-radius: 5px;text-align: center;box-sizing: border-box;border: 0;color: #fff;transition: all 0.3s ease;position:relative;overflow:hidden;}
.ntrade402 .trmore a:hover{background:#B008BD;color: #fff;}

.ntrade403{ background:#242ef3}
.ntrade403 .title{ color:#fff;}
.ntrade403 .conn{display: table;}
.ntrade403 .conn .img{display: table-cell;vertical-align: middle;width: 40%;}
.ntrade403 .conn .img img{ display: block; width:auto; max-width:100%; height:auto}
.ntrade403 .conn .wenzi{display: table-cell;vertical-align: middle;width: 52%; color:#fff; line-height:35px;}

.ntrade404 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px;}
.ntrade404 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px;}
.ntrade404 .item{ position:relative; width:calc(33.33% - 25px); text-align:center; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:20px 20px 40px 20px; border-radius:10px; overflow:hidden; margin-right:25px;}
.ntrade404 .item:nth-child(3n){ margin-right:0; text-align:center}
.ntrade404 .item .num{font-size: 60px;line-height: 80px; color:#242ef3; margin-bottom:15px}
.ntrade404 .item h3{color:#000; margin-bottom:15px;}

.ntrade405 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px;}
.ntrade405 .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade405 .item{ position:relative; width:33.33%; text-align:center; line-height:30px; background:#fff; position:relative;box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);padding:40px;overflow:hidden;}
.ntrade405 .item .icon{ width:87px; margin:0 auto 30px auto; border-radius:50%; border:solid 1px #ddd; overflow:hidden}
.ntrade405 .item .icon img{ display:block; width:100%; height:auto;}
.ntrade405 .item h3{ color:#000; margin-bottom:10px;}



.wenti{width:100%;position:relative;}
.wenti_a{width:80%;height:150px;margin:auto;}
.wenti_a_left{float:left;border:solid 1px #ed6400; border-radius:5px;width:35%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_a_left span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_a_left p{ font-size:16px; color:#999;line-height:25px;}
.wenti_a_right{float:right;border:solid 1px #ed6400; border-radius:5px;width:35%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_a_right span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_a_right p{ font-size:16px; color:#999;line-height:25px;}
.wenti_t{ position:absolute;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 46%;width: 100%;}
.wenti_t img{ margin:0 auto; display:block}
.wenti_b{width:100%;height:150px;margin:auto;margin-top:60px;}
.wenti_b_left{float:left;border:solid 1px #ed6400; border-radius:5px;width:28%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_b_left span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_b_left p{ font-size:16px; color:#999;line-height:25px;}
.wenti_b_right{float:right;border:solid 1px #ed6400; border-radius:5px;width:28%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_b_right span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_b_right p{ font-size:16px; color:#999;line-height:25px;}
.wenti_c{width:80%;margin:auto;margin-top:60px;}
.wenti_c_left{float:left;border:solid 1px #ed6400; border-radius:5px;width:35%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_c_left span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_c_left p{ font-size:16px; color:#999;line-height:25px;}
.wenti_c_right{float:right;border:solid 1px #ed6400; border-radius:5px;width:35%;padding:2%;min-height:80px; background-color:#f8f8f8;}
.wenti_c_right span{ color:#ed6400; font-size:20px; font-weight:bold;line-height:40px;}
.wenti_c_right p{ font-size:16px; color:#999;line-height:25px;}

.ntrade5 .title-ts{ color:#ed6400; border:solid 1px #ed6400;}

.xia-mn{width:100%;text-align:center;padding-top:5%;padding-bottom:5%; font-size:26px; color:#555;line-height:40px;border-top: solid 1px #f5f5f5; color:#fff;  background: #000 url(../image/bguo.jpg); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; }
.xia-mn .title{ color:#fff;}
.xia-mna{ width:90%; max-width:320px;margin: auto;border-radius: 30px;margin-top:1%;background: linear-gradient(to right, #fc8c30, #ffb754);
color: #fff; font-weight:bold;padding-top: 10px;
padding-bottom: 10px;}

.ntrade503{ background:#ed6400}
.ntrade503 .title{ color:#fff}
.ntrade5 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px; }
.ntrade503 .intro{ color:rgba(255,255,255,0.7)}
.ntrade503  .in-ul {text-align: center;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade503 .in-ul li {width: 23.5%; margin-right:2%;vertical-align: top;margin-bottom: 20px;}
.ntrade503 .in-ul li:nth-child(4n){ margin-right:0}
.ntrade503 .in-ul li h5 {font-size: 20px;color: #fff; margin-bottom:15px;}
.ntrade503 .in-ul li span {display: block;margin: 0 auto;width: 120px;height: 120px;margin-bottom: 20px;}
.ntrade503 .in-ul li p {font-size: 14px;color:rgba(255,255,255,0.7);}


.ntrade504 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade504 .list .item {width:25%;float:left; background-color:#f8f7f6; padding:40px 40px 80px 40px; text-align:center}
.ntrade504 .list .item:nth-child(2n){background: #f9850e;}
.ntrade504 .list .item .icon{ width:40%; max-width:140px; margin:0 auto}
.ntrade504 .list .item .icon img{ display:block; width:100%; height:auto}
.ntrade504 .list .item h3{ margin-bottom:15px; font-size:20px;}
.ntrade504 .list .item p{ color:#666}
.ntrade504 .list .item:nth-child(2n) h3, .ntrade504 .list .item:nth-child(2n) p{ color:#fff}

.ntrade505 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-20px}
.ntrade505 .list .item {width:calc(25% - 15px); margin-right:20px; margin-top:20px; float:left; background-color:#fff; padding:40px 40px 80px 40px; text-align:center}
.ntrade505 .list .item:nth-child(4n){ margin-right:0}
.ntrade505 .list .item .icon{ width:82px; height:82px; margin:0 auto 20px auto; background:url(../image/product_header_icon_01.png) no-repeat center center}
.ntrade505 .list .item:hover .icon{background:url(../image/product_header_active_icon_01.png) no-repeat center center}
.ntrade505 .list .item:hover{background:url(../image/producet_bg_01.jpg) #ff8311 no-repeat center center;}
.ntrade505 .list .item h3{margin-bottom:15px; font-size:20px;}
.ntrade505 .list .item:hover h3, .ntrade505 .list .item:hover p{ color:#fff}

.ntrade506 .left, .ntrade506 .mid, .ntrade506 .right{ float:left; width:calc(33.33% - 18px);}
.ntrade506 h3{ font-size:24px;color:#fff; }
.ntrade506 .kuai{ margin-bottom:27px;padding:50px;}
.ntrade506 .mid{ margin:0 27px}
.ntrade506 .left .kuai, .ntrade506 .right .kuai{ height:250px; width:100%; }
.ntrade506 .mid .kuai{ height:527px; background:url(../image/cho-3.png) #6aac31 no-repeat 7% 90%}
.ntrade506 .left .kuai:nth-child(1){ background:url(../image/cho-1.png) #feb913 no-repeat 7% 85%}
.ntrade506 .left .kuai:nth-child(2){ background:url(../image/cho-2.png) #329cd6 no-repeat 7% 80%}
.ntrade506 .right .kuai:nth-child(1){ background:url(../image/cho-4.png) #f05423 no-repeat 7% 85%}
.ntrade506 .right .kuai:nth-child(2){ background:url(../image/cho-5.png) #aa7fc1 no-repeat 7% 80%}

.ntrade507 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-20px}
.ntrade507 .list .item {width:calc(33.33% - 15px); margin-right:20px;float:left; background-color:#fff; padding:40px 40px 80px 40px; text-align:center}
.ntrade507 .list .item:nth-child(3n){ margin-right:0}
.ntrade507 .tit{font-size: 30px;font-weight: bold;color: #333;text-align: center; padding: 0 0 30px 0;}
.ntrade507 .tit span{color: #f98416; font-size: 18px;}
.ntrade507 .text p{ position:relative; line-height:35px;}
.ntrade507 .text p span{ display:inline-block; position:relative; padding-left:20px;}
.ntrade507 .text p span:after{ content:""; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:50%; background:#f98416;}

.ntrade508 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntrade508 .list .item {width:calc(33.33% - 15px); margin-right:20px;float:left; text-align:center}
.ntrade508 .list .item:nth-child(3n){ margin-right:0}
.ntrade508 .icon{ width:30%; max-width:136px; margin:0 auto 25px auto;background-color:#fff; border-radius:50%; }
.ntrade508 .icon img{ display:block; width:100%; height:auto}
.ntrade508 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; padding: 0 0 20px 0;}

.ntrade509 {background: url(../image/section2-bg.png) center no-repeat;}
.ntrade509 .title{ color:#f9850e}
.ntrade509 .intro{color: #ccc;}
.ntrade509 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade509 .list .item {width:33.33%; float:left; text-align:center; padding:4%; background:#fff}
.ntrade509 .list .item:nth-child(1){ background:#f2f2f2;}
.ntrade509 .list .item:nth-child(3){ background:#f9850e;}
.ntrade509 .list .item:nth-child(5){ background:#363a3d;}
.ntrade509 .list .item:hover{box-shadow: 0 0 15px 5px #ccc;position: relative;z-index: 2;}
.ntrade509 .list .item h3{color: #f9850e; font-size:24px; margin-top:7%}
.ntrade509 .list .item .icon{ width:30%; max-width:90px; margin:0 auto 30px auto; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd}
.ntrade509 .list .item .icon img{ display:block; width:100%; height:auto}
.ntrade509 .list .item .from{ color:#999; margin-top:20px;}
.ntrade509 .list .item:nth-child(3) p, .ntrade509 .list .item:nth-child(3) .from, .ntrade509 .list .item:nth-child(5) p, .ntrade509 .list .item:nth-child(5) .from{ color:#fff}

.ntrade510 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade510 .list .item {width:25%; float:left; text-align:center; padding:4% 3%; background:#f8f7f6}
.ntrade510 .list .item:nth-child(2n){background: #f9850e;}
.ntrade510 .list .item .icon{ width:30%; max-width:136px; margin:0 auto 20px auto;}
.ntrade510 .list .item .icon img{ display:block; width:100%; height:auto}
.ntrade510 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; padding: 0 0 20px 0;}
.ntrade510 .list .item:nth-child(2n) h3, .ntrade510 .list .item:nth-child(2n) p{ color:#fff}

.ntrade511{ position:relative}
.ntrade511 .title{ color:#fff}
.ntrade511 .intro{color: #fff;}
.ntrade511:after{ content:""; position:absolute; left:0; top:0; width:100%; height:60%;background: url(../image/xiangyingshi.jpg) no-repeat center; background-size:cover; z-index:-1}
.ntrade511 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade511 .list .icon{ width: 120px;height: 120px;display: flex;align-items: center;border: 18px solid #ffbf7d;border-radius: 50%;line-height: 100px;text-align: center;background: #ff9900; margin:0 auto 30px auto}
.ntrade511 .list .icon img { display:block; margin:0 auto; width:70%; height:auto}
.ntrade511 .list .item {width:calc(25% - 15px); float:left; text-align:center; padding:4%; background:#fff; margin-right:20px;border-bottom: 2px solid #ff9900;box-shadow: 0 1px 20px #ddd;}
.ntrade511 .list .item:nth-child(4n){ margin-right:0}
.ntrade511 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; padding: 0 0 20px 0;}

.ntrade512 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade512 .list .icon{ width: 60%;max-width: 120px;display: flex;align-items: center;border: 18px solid #ffbf7d;border-radius: 50%;line-height: 100px;text-align: center;background: #ff9900; margin:0 auto 30px auto}
.ntrade512 .list .icon img { display:block; margin:0 auto; width:100%; height:auto}
.ntrade512 .list .item {width:25%; float:left; text-align:center; padding:2%; background:#fff; }
.ntrade512 .list .item:nth-child(1), .ntrade512 .list .item:nth-child(3) ,.ntrade512 .list .item:nth-child(6),.ntrade512 .list .item:nth-child(8){background:#fafafa;}
.ntrade512 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; padding: 0 0 20px 0;}


.ntrade7 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px; }
.ntrade701 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade701 .list .item {width:25%; float:left; text-align:center; padding:4% 2%;box-shadow: 0px 2px 20px 0px rgba(0, 27, 56, 0.08);}
.ntrade701 .icon{ width:40%; max-width:125px; margin:0 auto 25px auto;}
.ntrade701 .icon img{ display:block; width:100%; height:auto}
.ntrade701 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; }

.ntrade702 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade702 .list .item {width:33.33%; float:left; text-align:center; padding:4% 2%; background:#fff; border:solid 1px #ddd}
.ntrade702 .icon{ width:40%; max-width:100px; margin:0 auto 25px auto; border-radius:50%; border:solid 1px #ddd; overflow:hidden}
.ntrade702 .icon img{ display:block; width:100%; height:auto}
.ntrade702 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; margin-bottom:20px; }

.ntrade703 table{border-top:solid 1px #ddd; border-right:solid 1px #ddd}
.ntrade703 table td{ padding:10px; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; text-align:center}
.ntrade703 table tr:first-child{ color:#fff; background:#BF09CB}

.ntrade6 .title-ts{ color:#1258ed; border:solid 1px #1258ed;}
.ntrade6 .intro{ text-align:center; margin-top:-20px; margin-bottom:40px; }
.ntrade601 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start}
.ntrade601 .list .item {width:calc(25% - 15px); margin-right:20px;  text-align:center; padding:4% 2%; background:#fff;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
.ntrade601 .list .item:nth-child(4n){ margin-right:0}
.ntrade601 .icon img{ display:block; height:50px; width:auto;margin:0 auto 25px auto;}
.ntrade601 .text h3{font-size: 20px;font-weight: bold;color: #333;text-align: center; margin-bottom:20px; }

.ntrade602{ background:#e4e4e4}
.ntrade602 .title, .ntrade602 .intro{ color:#fff; text-align:center}
.ntrade602 .ntop{ background:#1254e8; padding-bottom:150px;}
.ntrade602 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-100px} 
.ntrade602 .list .item{ width:33%;}
.ntrade602 .list .item .text{background:#1254e8; border:solid 12px #e4e4e4;margin: auto;width: 180px;height: 180px;padding-top: 48px;text-align: center; border-radius:50%; color:#fff; margin:0 auto}


.ntrade603 .img{ float:right; width:48%;}
.ntrade603 .img img{ display:block; width:auto;  max-width:100%; height:auto; float:right}
.ntrade603 .text{ float:left; width:48%; font-size:18px; margin-top:50px;}
.ntrade603 .text p{ border-bottom:solid 1px #ddd; padding:10px 0}


.ntrade604 .img{ float:left; width:50%}
.ntrade604 .img img{ display:block; width:100%; height:auto}
.ntrade604 .text{ float:right; width:30%;}
.ntrade604 .text .kuai{ margin-bottom:40px;color: #ffffff; background: url(../image/advantage1.png) no-repeat bottom center;background-size: auto;background-size: cover;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(7, 8, 19, 0.13);padding: 25px; }
.ntrade604 .text h3{ font-size:20px; font-weight:bold}

.ntrade605 .kuai .img{ float:left; width:48%}
.ntrade605 .kuai .img img{display:block; width:100%; height:auto}
.ntrade605 .kuai:nth-child(2n) .img{ float:right}
.ntrade605 .kuai .pic img{ display:block; width:100%; height:auto}
.ntrade605 .kuai{ position:relative}
.ntrade605 .kuai .text{ width:48%; height:100%; position:absolute; top:0; right:0;}
.ntrade605 .kuai:nth-child(2n) .text{ right:auto; left:0}
.ntrade605 .kuai .text .inn{ position:absolute; left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top:50%;width: 100%;}
.ntrade605 .kuai .text .inn h3{ color:#333; font-size:30px; margin-bottom:20px;}
.ntrade605 .kuai .text .inn .biaoq { margin-top:25px;}
.ntrade605 .kuai .text .inn .biaoq span{ display:inline-block; color:#fff; border-radius:8px; background:#1254e8; padding:5px 15px; margin-right:5px;}


#a01, #a02, #a03, #a04, #a05, #a06{ position:absolute; margin-top:-80px;}


.ntopnav{ text-align:center; width:100%;font-size:0; margin-top:-48px;}
.ntopnav ul{ display:inline-block; display:block; width:100% }
.ntopnav li{ display:inline-block; width:calc(25% - 10px); max-width:160px; margin:0 5px}
.ntopnav li a{ display:block; color:#666;background:#fff; font-size:20px; font-weight:normal;padding: 0;height: 46px;line-height: 46px;position:relative}
.ntopnav li a.cur,.ntopnav li a:hover{color:#fff; background:#16307d;}
.ntopnav li a.cur::after{ content:""; width:0; height:0; border-top:10px solid #16307d; border-left:10px solid transparent;border-right:10px solid transparent; position:absolute;bottom:-8px; left:50%; margin-left:-2px}


.ser_container{ margin-top:-20px}
.ser_container .ser_tit{ text-align:center}
.ser_container .ser_tit a{ display:inline-block; font-size:20px;padding:5px 0;margin:0 10px; position:relative}
.ser_container .ser_tit a i{ position:absolute; width:0; height:3px;left:50%;bottom:0; background:#16307d;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.ser_container .ser_tit a.active{ color:#16307d}
.ser_container .ser_tit a.active i,.ser_container .ser_tit a:hover i{ width:100%;left:0}
.ser_container .ser_content{margin-top:30px; font-size:16px}
.ser_container .ser_content_hd{height:0; overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.ser_container .ser_content_hd.active{ height:auto; animation:fadeInUp1 1s ease}


.nweb1 table td{ border:1px solid #e0e0e0; padding:10px 5px;}
.nweb1 table th{padding:15px 5px; background:#16307d; color:#fff}
.nweb1 table tr:nth-child(2n){ background:#fcfcfc}

.spre2 table td{ border:1px solid #e0e0e0; padding:10px 5px;}
.spre2 table th{padding:15px 5px; background:#16307d; color:#fff}
.spre2 table tr:nth-child(2n){ background:#fcfcfc}

.nmail table td{ border:1px solid #e0e0e0; padding:10px 5px;}
.nmail table th{padding:15px 5px; background:#16307d; color:#fff}
.nmail table tr:nth-child(2n){ background:#fcfcfc}

.nnet table td{ border:1px solid #e0e0e0; padding:10px 5px;}
.nnet table th{padding:15px 5px; background:#16307d; color:#fff}
.nnet table tr:nth-child(2n){ background:#fcfcfc}
 
@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.zixun{ background:#16307d; color:#fff; border-radius:3px; padding:3px 6px;white-space:nowrap}
.zixun:hover{ color:#fff;}


.advantage ul{ width:102%;cursor: pointer;}
.advantage li{ float:left; width:31.33%; box-shadow:0 0 15px rgba(0,0,0,0.1); margin:0 2% 2% 0; padding:20px 0; background:#fff;}
.advantage li .img{ float:left; width:30%}
.advantage li .img img{ display:block; max-width:100%; height:auto}
.advantage li .text{ float:right; width:65%; padding-right:3%}
.advantage li .text h4{ font-size:20px; color:#333;padding-top:10px}
.advantage li .text p{color:#999}
.advantage_1 ul{ width:102%}
.advantage_1 li{ float:left; width:31.33%; margin-right:2%; text-align:center; margin-bottom:3%; }
.advantage_1 li .icon{ width:40%; max-width:120px; margin:0 auto}
.advantage_1 li .icon img{ display:block; width:100%; height:auto}
.advantage_1 h4{font-size: 20px;color: #000;line-height: 30px; padding-bottom:5px}
.advantage_1 p{ color:#777;line-height:26px}


.process{ background:url(../image/bg2.jpg) no-repeat center; background-size:cover}
.process .title{ color:#fff}
.process ul{ margin-top:40px}
.process li{ width:25%; padding:30px 0; float:left; color:#fff; font-size:18px; text-align:center; border-right:1px solid rgba(255,255,255,0.2);-webkit- box-sizing:border-box;-moz- box-sizing:border-box;box-sizing:border-box; color:#e5e5e5}
.process .li4,.process .li8{ border-right:none}
.process .li1,.process .li2,.process .li3,.process .li4{border-bottom:1px solid rgba(255,255,255,0.2);}
.process li .num{ width:80px; height:54px; display:block; margin:0 auto 10px; opacity:0.85; filter:alpha(opacity=85);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8); transform:scale(0.8)}
.process .li1 .num{ background:url(../image/num.png) no-repeat 0 0}
.process .li2 .num{ background:url(../image/num.png) no-repeat 0 -71px}
.process .li3 .num{ background:url(../image/num.png) no-repeat 0 -144px}
.process .li4 .num{ background:url(../image/num.png) no-repeat 0 -216px}
.process .li5 .num{ background:url(../image/num.png) no-repeat 0 -289px}
.process .li6 .num{ background:url(../image/num.png) no-repeat 0 -359px}
.process .li7 .num{ background:url(../image/num.png) no-repeat 0 -433px}
.process .li8 .num{ background:url(../image/num.png) no-repeat 0 -504px}
.process li,.process li .num{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.process li:hover{ background:#16307d}
.process li:hover .num{ opacity:1;filter:alpha(opacity=100);}


.nweb104 ul{ margin:50px 0 30px; }
.nweb104 li{ float:left; width:25%;text-align:center; font-size:20px; color:#333}
.nweb104 li .icon{ width:160px; height:160px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; display:block; margin:0 auto 15px}
.nweb104 .li1 .icon{ background:url(../image/res_icon1.png) no-repeat center #109ae9; background-size:auto 90px;}
.nweb104 .li2 .icon{ background:url(../image/res_icon2.png) no-repeat center #e95d10; background-size:auto 90px;}
.nweb104 .li3 .icon{ background:url(../image/res_icon3.png) no-repeat center #10cde9; background-size:auto 90px;}
.nweb104 .li4 .icon{ background:url(../image/res_icon4.png) no-repeat center #e99a10; background-size:auto 90px;}

.nweb105 .intro, .nweb106 .intro, .nweb107 .intro{ text-align:center; margin-top:-20px;}
.nweb105 ul{ width:102%; margin-top:45px;}
.nweb105 li{ float:left; width:23%; background:#fff; margin-right:2%;}
.nweb105 li:nth-child(4n){ margin-right:0}
.nweb105 li:nth-child(4){ margin-top:0}
.nweb105 li img{ max-width:100%; display:block; padding:0; margin:0 auto}
.nweb106 ul{ width:103%}
.nweb106 li{ width:22%; margin-right:3%; float:left; position:relative; cursor:pointer; overflow:hidden}
.nweb106 li>img{ width:100%; display:block; height:auto}
.nweb106 li .hd{ position:absolute; top:50%;width:50%; padding:3%; left:18%;margin-top:-65px;background:#bf3532; color:#fff; text-align:center;font-size:12px; color:#fff; opacity:0; filter:alpha(opacity=0);}
.nweb106 li .hd img{ width:100%; height:auto; display:block;}
.nweb106 li .hd{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.nweb106 li:hover .hd{ opacity:1; filter:alpha(opacity=100)}
.nweb106 li:hover>img{ opacity:0.5;filter:alpha(opacity=50)}
.nweb106 li .hd p{ line-height:35px}

.wxcase ul{ width:103%; margin-top:45px;}
.wxcase li{ width:22%; margin-right:3%; float:left; position:relative; cursor:pointer; overflow:hidden}
.wxcase li>img{ width:100%; display:block; height:auto}
.wxcase li .hd{ position:absolute; top:50%;width:50%; padding:3%; left:18%;margin-top:-65px;background:#bf3532; color:#fff; text-align:center;font-size:12px; color:#fff; opacity:0; filter:alpha(opacity=0);}
.wxcase li .hd img{ width:100%; height:auto; display:block;}
.wxcase li .hd{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.wxcase li:hover .hd{ opacity:1; filter:alpha(opacity=100)}
.wxcase li:hover>img{ opacity:0.5;filter:alpha(opacity=50)}
.wxcase li .hd p{ line-height:35px}



.tuoguan{ position:relative;min-height:450px; font-size:16px; padding-top:30px; padding-bottom:30px}
.tuoguan .jingjia li{ width:30%}
.tuoguan .jingjia p{border-bottom:1px dotted #16307d;font-size:20px; margin-top:30px; padding-bottom:15px;}
.tuoguan .jingjia .num{ font-family:BEBAS; color:#fff; background:#16307d; padding:10px 5px 5px; margin-right:10px; border-radius:5px}
.tuoguan .pic{ position:absolute; left:50%; top:50%; margin-top:-225px; margin-left:-225px; width:450px; height:450px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; overflow:hidden; box-shadow:0 0 35px rgba(0,0,0,0.1)}
.tuoguan .pic img{ display:block; width:100%}
.tuoguan_2 p{ line-height:35px;}
.tuoguan_2 li{ float:left; width:25%; text-align:center; padding:0 2%; font-size:16px}
.tuoguan_2 li .yst{ width:120px; height:120px; line-height:120px;font-size:22px; border-radius:50%; background:#16307d;box-shadow:5px 5px 20px rgba(22,48,125,0.3);color:#fff; text-align:center; margin:0 auto 15px;}



.renzheng ul{ width:102%;}
.renzheng li{ float:left; width:23%; background:#fff; margin-right:2%; margin-top:60px; margin-bottom:40px; padding-top:65px; padding-bottom:20px; text-align:center; position:relative;-webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; box-shadow:0 0 1px rgba(0,0,0,0.25)}
.renzheng li .ico{ width:100px; height:100px; background:#fff; border:1px solid #e2e2e2;position:absolute; left:50%; margin-left:-51px; top:-50px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.renzheng li .ico img{ display:block; width:100%}
.renzheng li h4{ font-size:18px; color:#333;}
.renzheng li h4,.renzheng li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 10px}
.renzheng_2{ background:url(404.png) no-repeat center;background-size:cover;}
.renzheng_2 ul{ width:102%;}
.renzheng_2 li{ background:#fff; float:left; width:27.33%; padding:2%; margin-right:2%; margin-bottom:2%; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.renzheng_2 li .icon{ width:120px; height:120px; background:#f0f0f0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin-right:20px}
.renzheng_2 li .icon img{width:100%; display:block}
.renzheng_2 li .text{ line-height:22px; }
.renzheng_2 li .text h4{font-size: 18px;color: #333;font-weight: bold; margin-bottom:12px}
.renzheng_3{ padding:30px 0}
.renzheng_3 ul{ position:relative}
.renzheng_3 li{ width:16.66%; float:left; text-align:center}
.renzheng_3 li h4{ font-size:18px; color:#333; padding-top:40px}
.renzheng_3 li .num{ width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:25px auto 0; background:#333; color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.5); position:relative; z-index:2}
.renzheng_3 li .icon{ width:100px; height:100px;background:#16307d;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin:0 auto; border:1px solid #e2e2e2}
.renzheng_3 li .icon img{ width:100%; height:auto; display:block}
.renzheng_3 li .line{height: 1px;background: #ccc;margin-top: -11px;}
.renzheng_3 li .vline{ width:1px; height:25px; background:#16307d; margin:10px auto 0}



.email ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.email li{ float:left; background:#fff; width:32%;padding:2%; margin-right:2%; margin-bottom:2%;}
.email li:nth-child(3n){ margin-right:0}
.email li .img{ float:left; width:15%;}
.email li .img img{ display:block; max-width:100%; height:auto}
.email li .text{ float:right; width:82%}
.email li .text h4{ font-size:18px; color:#333; padding-bottom:5px}
.email_2 li{ background:#f5f5f5}
.email_3 ul{ background:#fff;}
.email_3 li{ float:left; width:20%; text-align:center;}
.email_3 li img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%}
.email_3 li i{ display:inline-block; width:0; height:100%; vertical-align:middle} 



.emailAL li{ width:33.333%;float:left; padding-bottom:20px; text-align:center; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.emailAL li:nth-child(3n){ border-right:none}
.emailAL li:nth-child(7),.emailAL li:nth-child(8),.emailAL li:nth-child(9){ border-bottom:none}
.emailAL li img{ width:65px; height:auto; display:block; margin:20px auto}
.emailAL li h4{ font-size:22px; color:#333}
.emailAL li .intro{ padding:10px 12% 0; line-height:24px;opacity:0; filter:alpha(opacity=0); color:#888}
.emailAL li,.emailAL li img,.emailAL li .intro{ -webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.emailAL li:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.emailAL li:hover img{ margin-top:30px; margin-bottom:10px}
.emailAL li:hover .intro{opacity:1; filter:alpha(opacity=100);}
.emailAL_2 li{ width:33.333%; float:left; text-align:center}
.emailAL_2 li img{ width:80px; height:auto}.emailAL_2 li h4{font-size:22px; color:#333; padding-top:10px}.emailAL_2 li .intro{line-height:24px; padding:15px 10px 0}
.emailAL_3{ margin-top:30px}.emailAL_3 ul{ border:1px solid #e8e8e8}
.emailAL_3 li{ float:left; width:33.33%; background:#fff; padding:1.5%; height:120px; overflow:hidden}
.emailAL_3 li:nth-child(2n){ background:#f0f0f0; box-shadow:inset 3px 3px 6px rgba(0,0,0,0.1)}
.emailAL_3 li .tit{color:#21cce6; font-weight:bold; font-size:18px}
.emailAL_4 li{width:49%;background:#fff}
.emailAL_4 li .img{ border:1px solid #e8e8e8; text-align:center; padding-bottom:35px; position:relative}
.emailAL_4 li .img:before{content: "";height: 20px;width: 20px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%) rotate(-45deg);background-color: #fff;}
.emailAL_4 li .img img{ width:450px; max-width:100%}
.emailAL_4 li .img p{ font-size:22px; color:#333}
.emailAL_4 li .text{ border:1px solid #e8e8e8; border-top:none;padding:5%}
.emailAL_4 li .text .item{ margin-bottom:20px;}
.emailAL_4 li .text .item .item-tit{ font-size:18px; color:#333; margin-bottom:10px}
.emailAL_4 li .item-con{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.emailAL_4 li .item-con>div{ width:48%;background:#f5f5f5; padding:15px; min-height:120px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.emailAL_4 li .item-con .old{ color:#999}
.emailAL_4 li .item-con .now{ background:url(../image/icon_6.png) #f5f5f5 no-repeat 15px 20px; background-size:23px 23px;}
.emailAL_4 li .item-con .now p{ padding-left:28px}


.emailTX li{ width:50%;float:left; padding-bottom:20px;text-align: center; border-bottom:1px dotted #ccc; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.emailTX li .img{ width:60%; max-width:365px; margin:0 auto}
.emailTX li .img img{ display:block; width:100%; height:auto}
.emailTX li h4{ font-size:20px; color:#333; text-align:center; padding-bottom:10px;}
.emailTX li .text{ padding:0 15px}
.emailTX li.li3,.emailTX li.li4{ border-bottom:none}
.emailTX .li1,.emailTX .li3{ position:relative}
.emailTX .li1:after,.emailTX .li3:after{ content:""; width:1px; height:100%;position:absolute; right:0;top:0; border-left:1px dotted #ccc}


.xnzj ul{ margin-bottom:20px}
.xnzj li{ float:left; width:33.33%; padding:2% 2% 3%; text-align:center; border:1px solid #e8e8e8; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.xnzj li .zjtit{ font-size:22px; color:#333}
.xnzj li .zjinfor{ font-size:13px; color:#999; border-bottom:1px dashed #e8e8e8; margin-bottom:10px; padding-bottom:8px; padding-top:5px; line-height:22px}
.xnzj li .price{ color:#16307d; font-size:20px; margin-top:20px;}
.xnzj li .price span{ font-size:32px}

.ssl{ font-size:18px; text-align:center}
.ssl-2 ul{ width:103%;}
.ssl-2 li{ float:left; width:22%; margin-right:3%}
.ssl-2 li .img{ text-align: center}
.ssl-2 li h3{font-size: 22px;color: #333;padding-bottom: 10px; text-align:center}
.ssl-3 ul{width:103%;}
.ssl-3 li{ float:left; width:30.33%; height:280px; margin-right:3%;position:relative; color:#fff; text-align:center; cursor:pointer; position:relative;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.ssl-3 li.active:after{ content:"";position: absolute;bottom:-30px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 8px solid #333;}
.ssl-3 li:nth-child(1){ background:url(../image/DV_Cover.png) no-repeat center top}
.ssl-3 li:nth-child(2){ background:url(../image/OV_Cover.png) no-repeat center top}
.ssl-3 li:nth-child(3){ background:url(../image/EV_Cover.png) no-repeat center top}
.ssl-3 li:hover,.ssl-3 li.active{ box-shadow:0 5px 35px rgba(0,0,0,0.25);}
.ssl-3 li .p1{ font-size:35px; margin-top:45px; line-height:35px;}
.ssl-3 li .p2{ font-size:25px; margin-top:60px}
.ssl-3 li .p3{ margin-top:10px; font-size:18px}
.ssl_table td{ padding:5px 10px; border:1px solid #e8e8e8; line-height:24px}
.ssl_table th.bgcolor{ background:#bf3532; color:#fff; font-size:16px; padding:8px 10px;}
.ssl_table td.bgcolor{ background:#f5f5f5; color:#333}
.ssl_table .graycolor{ color:#999}
.ssl_table .price_inline{ display:inline-block}
.ssl_table .price_inline b{ color:#bf3532; font-size:18px}
.ssl_table .price_inline .delstyle{ text-decoration:line-through}
.ssl_table .text_center{ text-align:center}
.ssl-price-content{ background:#fff; padding:3% 0; margin-top:30px;background:url(../image/bg2.jpg) no-repeat center top; background-size:cover; overflow:hidden}
.ssl-price-content .ssl-price-hd{ background:#fff;overflow:hidden; display:none;}

.back{ text-align:right}
#mvideo{ width:100%; height:auto}