@charset "utf-8";
/* CSS Document */

/*重置*/

body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#333333; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{list:'';}
.clear{ clear:both}
a:visited{color:#333333;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑"; font-size:1.5rem;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}

/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
input[type=text], input[type=button], input[type=submit], input[type=reset],select{
	-webkit-appearance:none;
	outline:none; border-radius:0; -webkit-border-radius:0;
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}

body{min-width:320px;max-width: 768px; margin:0 auto;font-family:'微软雅黑';font-size: 1.2rem;background: #fff;}


/*header*/
header{overflow:hidden;padding:1.5rem 1rem;font-family: "微软雅黑";text-align: center;background-color: #fff;}
header .head{display:inline-block;position: relative;padding-left:13rem;}
header a.logo{display:block;width:12rem;position: absolute;left: 0;top:0;}
header a.logo img{display:block; width:100%;}
header .text{text-align: left;line-height: 1;}
header .text strong{font-size: 1.4rem;color: #06509e;display: block;}
header .text p{font-size: 1.2rem;color: #06509e;margin-top: 0.5rem;}


nav{ line-height:2; text-align:center; font-size:1.5rem; position: relative;padding: 0rem 0;background-color: #06509e;}
nav .menuleft{height:inherit;width:0.2rem;height:100%;position:absolute; left:0; top:0; z-index:2;background-color: #06509e;}
nav .menuright{width:0.2rem;height:100%;position:absolute; right:0; top:0; z-index:2;background-color: #06509e;}
nav .swiper-container{ /*margin:0 2rem;*/}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:33.3333%; display:block; text-align:center;}
nav .swiper-slide a{display:block;color:#fff; height: 100%;}
nav .swiper-slide a span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}


/*banner css*/
.banner {position: relative;display:block;overflow: hidden;}
.banner .swiper-wrapper img {width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:1vw; width:100%; z-index:999}
.banner .swiper-pagination-switch {display: inline-block; width:1.2rem;height: 0.5rem; cursor: pointer; margin:0 0.3rem;background-color:#fff; border-radius: 0.5rem;opacity:1;}
.banner .swiper-active-switch{background-color:#fff;width:1.8rem;opacity:0.8;}



.business{margin-top: 3rem;}
.business .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1;}
.business .title h3{font-size: 1.6rem;color: #06509e;display: block;font-weight: bold;position: relative;height: 1px;background-color: #999;margin: 1rem 0;}
.business .title h3 span{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 1px;display: block;background-color: #06509e;width: 60%;z-index: 99;}
.business .title h3 i{padding: 0 0.5rem;display: block;background-color: #fff;white-space: nowrap;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.business .title em{display: block;font-size: 1.4rem;color: #06509e;text-transform: uppercase;font-family: arial;}
.business ul{margin: 0.5rem 1rem;}
.business ul li a:after{display: table;content: '';clear: both;}
.business ul li a{display: block;position: relative;background-color: #f2f2f2;}
.business ul li a .img {float: left;width: 50%;position: relative;height: 0;padding-bottom: 37.3%;}
.business ul li:nth-child(2n) a .img {float: right;}
.business ul li .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.business ul li .text{line-height: 1;width: 50%;box-sizing: border-box;padding: 1rem;position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.business ul li:nth-child(2n) a .text{left: 0%;}
.business ul li .text em{display: inline-block;font-size: 2rem; font-family: ywen,Sans-Serif,arial;font-weight: bold;border-bottom: 2px solid #aaa;padding-bottom: 0.5rem;}
.business ul li .text b{display: block;font-size: 1.4rem;margin: 0.5rem 0;font-weight: normal;}
.business ul li .text p{font-size: 1.2rem;line-height: 1.4;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;color: #666;}


.ways{margin-top: 3rem;background-color: #f2f2f2;padding: 2rem 0;}
.ways .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1;}
.ways .title h3{font-size: 1.6rem;color: #06509e;display: block;font-weight: bold;position: relative;height: 1px;background-color: #999;margin: 1rem 0;}
.ways .title h3 span{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 1px;display: block;background-color: #06509e;width: 60%;z-index: 99;}
.ways .title h3 i{padding: 0 0.5rem;display: block;background-color: #f2f2f2;white-space: nowrap;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ways .title em{display: block;font-size: 1.4rem;color: #06509e;text-transform: uppercase;font-family: arial;}
.ways ul{margin: 1rem 0.8rem;}
.ways ul:after{clear: both;display: table;content: '';}
.ways ul li{float: left;width: 33.333%;box-sizing: border-box;padding:0.2rem;}
.ways ul li a {display: block;text-align: center;position: relative;}
.ways ul li a .wayimg{display: block;width: 100%;height: 0;padding-bottom: 43.33%;position: relative;}
.ways ul li a .wayimg img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ways ul li a .text{margin: 0.5rem 0;display:none;}
.ways ul li a strong{display: block;font-size: 1.3rem;}
.ways ul li a .text span{display: block;font-size: 1.2rem;line-height: 1.4;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top: 0.3rem;}



.online{background-color: #06509e;padding: 2rem 1rem;}
.online h3{color: #fff;font-weight: bold;font-size: 1.6rem;line-height: 1;}
.online h3 span{font-size: 1.4rem;text-transform: uppercase;}
.online form{display: block;padding-top: 1rem;}
.online form input[type=text]{display: block;width: 100%;background-color: transparent;box-sizing: border-box;padding: 0.5rem 0.5rem 0.5rem 1rem;border: 1px solid #fff;font-size: 1.2rem;line-height: 1;margin: 1rem 0 0;color: #fff !important; outline: none;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
.online form input[type=submit]{display: block;background-color: #fff;color: #06509e;border: none;margin-top: 1.5rem;font-size: 1.2rem;line-height: 2;width: 100%;text-align: center;}

.service{margin-top: 3rem;}
.service .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1;}
.service .title h3{font-size: 1.6rem;color: #06509e;display: block;font-weight: bold;position: relative;height: 1px;background-color: #999;margin: 1rem 0;}
.service .title h3 span{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 1px;display: block;background-color: #06509e;width: 60%;z-index: 99;}
.service .title h3 i{padding: 0 0.5rem;display: block;background-color: #fff;white-space: nowrap;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.service .title em{display: block;font-size: 1.4rem;color: #06509e;text-transform: uppercase;font-family: arial;}
.service .title p{color:  #06509e;font-size: 1.2rem;padding-top:0.3rem ;}
.service ul{margin: 1rem 0.8rem;}
.service ul:after{clear: both;display: table;content: '';}
.service ul li{float: left;width: 33.333%;box-sizing: border-box;padding:0.2rem;}
.service ul li a{display: block;}
.service ul li a .pic{position: relative;width: 100%;padding-bottom: 89.53%;height: 0;}
.service ul li a .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.service ul li a .text{text-align: center;margin-top: 0.5rem;}
.service ul li a .text h3{font-size: 1.2rem;color: #06509e;}
.service ul li a .text span{font-size: 1rem;line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}






.advant{margin-top: 3rem;background-color: #06509e;padding: 2rem 0;}
.advant .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1;}
.advant .title h3{font-size: 1.6rem;color: #fff;display: block;font-weight: bold;position: relative;height: 1px;background-color: #1762b2;margin: 1rem 0;}
.advant .title h3 span{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 1px;display: block;background-color: #fff;width: 70%;z-index: 99;}
.advant .title h3 i{padding: 0 0.5rem;display: block;background-color: #06509e;white-space: nowrap;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.advant .title em{display: block;font-size: 1.4rem;color: #fff;text-transform: uppercase;font-family: arial;}
.advant .tt{padding:1.5rem 0.8rem 0;}
.advant .tt:after{clear: both;display: table;content: '';}
.advant .tt li{float: left;width: 20%;box-sizing: border-box;padding: 0.2rem;}
.advant .tt li a{display: block;text-align: center;}
.advant .tt li a span{border: 1px solid #6291c2;box-sizing: border-box;border-radius: 100%;position: relative;width: 100%;height: 0;padding-bottom: 100%;display: block;}

.advant .tt li a i{display: block;background: url(../images/ico1.png) center no-repeat;background-size:50%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.advant .tt li:nth-child(2) a i{background: url(../images/ico2.png) center no-repeat;background-size: 50%;}
.advant .tt li:nth-child(3) a i{background: url(../images/ico3.png) center no-repeat;background-size: 50%;}
.advant .tt li:nth-child(4) a i{background: url(../images/ico4.png) center no-repeat;background-size: 50%;}
.advant .tt li:nth-child(5) a i{background: url(../images/ico5.png) center no-repeat;background-size: 50%;}
.advant .tt li a em{display: block;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.advant .tt li a h3{font-size: 1rem;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.3rem;font-weight: normal;opacity: 0.8;}
.advant .tt li a h3 b{font-size: 1.2rem;display: block;}
.advant .logisticsmore{display: block;width: 50%;margin: 1.5rem auto 0;text-align: center;color: #06509e;background-color: #fff;font-size: 1.2rem;line-height: 1.8;}


.process{margin-top: 3rem;}
.process .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1;}
.process .title h3{font-size: 1.6rem;color: #06509e;display: block;font-weight: bold;position: relative;height: 1px;background-color: #999;margin: 1rem 0;}
.process .title h3 span{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 1px;display: block;background-color: #06509e;width: 60%;z-index: 99;}
.process .title h3 i{padding: 0 0.5rem;display: block;background-color: #fff;white-space: nowrap;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.process .title em{display: block;font-size: 1.4rem;color: #06509e;text-transform: uppercase;font-family: arial;}

.process .tt{margin-top:1.5rem;padding:0 0.5rem;}
.process .tt:after{clear: both;display: table;content: '';}
.process .tt li{float: left;width: 33.3333%;box-sizing: border-box;padding: 0.5rem;}
.process .tt li a{display: block;text-align: center;border: 1px dashed #bfbfbf;text-align: center;width: 100%;padding-bottom: 120%;height: 0;position: relative;}
.process .tt li a em{display: block;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.process .tt li a i{display: block;background: url(../images/icon1.png) center no-repeat;background-size: 100%;height: 4rem;width: 4rem;margin: 0 auto;}
.process .tt li:nth-child(2) a i{background: url(../images/icon2.png) center no-repeat;background-size: 100%;}
.process .tt li:nth-child(3) a i{background: url(../images/icon3.png) center no-repeat;background-size: 100%;}
.process .tt li:nth-child(4) a i{background: url(../images/icon4.png) center no-repeat;background-size: 100%;}
.process .tt li:nth-child(5) a i{background: url(../images/icon5.png) center no-repeat;background-size: 100%;}
.process .tt li:nth-child(6) a i{background: url(../images/icon6.png) center no-repeat;background-size: 100%;}
.process .tt li a h3{font-size: 1.2rem;color: #06509e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.3rem;}






.about{background-color: #f2f2f2;padding: 2rem 0 2rem;margin: 3rem 0 0;text-align: center;}
.about dl{position: relative;margin: 0 1rem;}
.about img{display: block;width: 100%;}
.about dt{width: 100%;}
.about dd{padding: 0.5rem;box-sizing: border-box;}
.about dd h4{font-size: 1.4rem;font-weight: normal;color: #06509e;}
.abouttext{overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:9; font-size: 1rem !important;line-height: 1.5;margin-top: 0.5rem;text-align: left;}
.abouttext span{font-size: 1rem !important;line-height: 1.5;}
.about dd a{display: inline-block;margin: 0.5rem 0;padding: 0 2rem;line-height: 1.8;font-size: 1.2rem;color: #06509e;}
.aboutnav{margin: 0 0.7rem;}
.aboutnav:after{display: table;content: '';clear: both;}
.aboutnav li{float: left;width: 50%;text-align: center;box-sizing: border-box;text-align: left;padding: 0.3rem;}
.aboutnav li a{display:block;color: #333;line-height: 3rem;position: relative;background-color: #fff;padding: 0.5rem 0 0.5rem 4rem;}
.aboutnav li a i{display: block;position: absolute;left: 0.5rem;top: 0.5remrem;background: url(../images/ic1.png) center no-repeat;background-size: 100%;width: 3rem;height: 3rem;}
.aboutnav li a span{display: block;font-size: 1.4rem;color: #666;}
.aboutnav li:nth-child(2) a i{background: url(../images/ic2.png) center no-repeat;background-size: 100%;}
.aboutnav li:nth-child(3) a i{background: url(../images/ic3.png) center no-repeat;background-size: 100%; }
.aboutnav li:nth-child(4) a i{background: url(../images/ic4.png) center no-repeat;background-size: 100%;}





.news {margin-top: 3rem;}
.news .tt{padding: 0 0.8rem 0;}
.news .tt:after{display: table;content: '';clear: both;}
.news .tt li{float: left;width:50%;box-sizing: border-box;padding: 0.2rem;}
.news .tt li a{display: block; border: #aaa 1px solid;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;color: #666;font-size: 1.2rem;padding: 0 0.5rem;line-height: 2.5;}
.news .tt li a.act{border: #06509e 1px solid;color: #06509e;}

.news .tab{overflow: hidden;display: none;}
.news .contac{margin: 1rem 1rem 0;overflow: hidden;position: relative;}
.news .contac li{line-height: 1;border: 1px solid #aaa;padding: 0.5rem;margin-top: 1rem;}
.news .contac li a{display: block;position: relative;color: #333;padding-left: 5rem;}
.news .contac li .num{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;-webkit-transform: translateY(-50%);}
.news .contac li .num b{font-size:2rem;color: #333;display: block;}
.news .contac li .num span{display: block;color: #333;font-size: 1.2rem;}
.news .contac li .text{}
.news .contac li strong{font-size: 1.2rem;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;margin-top: 0.5rem;}
.news .contac li p{font-size: 1rem;line-height: 1.6;height:1.6rem;overflow: hidden;margin: 0.5rem 0;color: #333;}


.news #ntp{margin: 1.5rem 1rem 0;height: 14rem;overflow: hidden;}
.news #ntp dl{color:#fff;overflow:hidden;padding:0.5rem;border-bottom: 1px dashed #999; margin: 1rem 0 0;border: 1px solid #aaa;}
.news #ntp dl a{display: block;}
.news #ntp dl dt{font-size:1.2rem;line-height:1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;line-height: 2rem;position: relative;}
.news #ntp dl dd{overflow:hidden; line-height:1.5;color:#666;font-size:1rem;height: 3rem;position: relative;margin-top: 0.5rem;}



footer{color:#666; font-size:1rem; line-height:1.6;padding:1.2rem 1rem;background:#333; position: relative;overflow: hidden;margin-top: 2.5rem;}
footer .pic{text-align: center;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 1rem;line-height: 1;letter-spacing: 0.2rem;}
footer img{width: 7rem !important;height: 7rem !important;display:block;}
footer .pic a{display: none;}
footer .text{text-align: left;padding: 0 0 0 8rem;font-size: 0.9rem;line-height: 1.5;}
footer a{color:#666}
footer span a{color:#666}