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

*{ margin:0; padding:0; list-style:none}
body { margin:0; padding:0; background: #FFF; font-size:12px; color:#333333;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
img{ border:none; vertical-align:middle}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}

a{color: #333; text-decoration:none; outline:none}
a:visited { text-decoration:none;}
a:hover {
    text-decoration:none;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
b{ font-weight:normal}
.left{ float:left}
.right{ float:right}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}

@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1523947397103'); /* IE9*/
    src: url('../font/iconfont.eot?t=1523947397103#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAfAAAsAAAAAC3AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kkCY21hcAAAAYAAAAB7AAAByJ2b1mhnbHlmAAAB/AAAA6EAAATg2sfi/2hlYWQAAAWgAAAALwAAADYRFrUAaGhlYQAABdAAAAAcAAAAJAfeA4dobXR4AAAF7AAAABMAAAAYF+kAAGxvY2EAAAYAAAAADgAAAA4EQALIbWF4cAAABhAAAAAfAAAAIAEYAGZuYW1lAAAGMAAAAUUAAAJtPlT+fXBvc3QAAAd4AAAARwAAAFkP6PZTeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDwXYW7438AQw9zA0AAUZgTJAQAmOAyFeJzFkcENhDAMBMckoNOJJ2VcJYha+CCdeFyPdGHK4NYJPKiAjSbKrmw5koEWSOIjMtgPI/RVaiVPvEueGeV7XjR6rz774ts+HIfSu7tkqr5OuKxpSd1Yx2Oy50bf1Zd7Ol3sYT3RF32uxE58qUSNb5XY2T5UaP41qx5fAHicbVTNbxtFFJ/3dnd2bK937f30Z5y1Y28Suw711yYktWmSiy3UIFGEbA4olWjFARBIyKkEolKFxKEHJC6ccqiQEIdI/AFFvcAZIa5coPwBVek1Lm/txuHAave9md9780a/+b1ZpjD24k/pkZRhFltnV9khe4Mx4HUo61gEP+g0sQ6OrzierUtBJfDVSrkpXQOvzG231evUPK5yA3RYgbbf6gVNDKDb6eMutNwiQDafe9OsFkzpa4hngpUvZyN8CE6pUjD6V2bDxsBurVpiqplm1jQfCK4oAlE2dPjAc2NKLM5n3ylGznlU2sASaNkg9/o4uZo3j7/qfFisejGAe/fAyq/q3w/SuTS9n+Vcy8yqqaTI5JKVNRumfycyllasPWH0yJHBP/AnVmJ1tsN2GauqvLwFTQgDHSpNCPoQroBnc9XruSVwbYkwHVTC+vNgy5sDrldTKvirkfSTJ3FJ7OcGa+Mp4nQ8mWIxO0jmE1PtOY4PDiYAk4OD8TPYWkvE48X0yjo4AAa8aySTJ4mCtm+7ePLO5C7i3cnGsHBdxcRJsgyfH0YLDw8niJPR2hagpgOsX7P5+xEFiIz0DT5mRzRZQVIgqKlkXc+NXBPDXlCLoAVMqA4R0PPcsEexJvRJryiZOIY9r7VEpbX6nmjXbYtLu3uSLG1y0SmEgWxwcfMmF5YTk7JZhRecRNW9YiRaG0LKZBXVjjv1Tk2Nm7L6g8IzeSG/usdjedPr4WMI3x4IWQF+544io98J7bjR3MmpymCgyDEJ1EZdVasblo28EexwUDc3BDevvpKTS1m/qMpfyFJSUm/fFtx9bT+IqIs5/0/wGYszh62Slj12nd1gYzoN0mghmWMRQ/KVbh+sijNXkEKRoN32PAQXwoZdaSF929HB6nSXmreDy57AX4bHiMfD4S08C0cAo/A+DrfP8NZwgW8P8f4cnw3+J/HTZd7Z5iItpAXw7SUMWwuMorOHZxclZr+/3IjWbF0mz35bJqMKuNxwc5FJwZf9/uK59EDSWINt081+i/q9zIsRb594pYmYT8yc6CKHEWufImlC/OhMmlBtRxecfgV01UM/Glf8aAxuKwSalQ3qKgI86WPqz0b5/Gm5AeQxRV7P6ICj7fOn2yMkjynyoJ//eKrpujY3sKcZhjb7mcawEzPjoIi0Lf75SNgp9S9DO/pPMfLdaEl3Ueyi6JFmnOoZw8jop/TRaPaeEFTGSUVlUo5g/wJ+V773AAAAeJxjYGRgYADikN02rPH8Nl8ZuFkYQODa7x2tCPr/QxYGZgkgl4OBCSQKADRJCyYAeJxjYGRgYG7438AQw8IAAkCSkQEVsAEARwwCb3icY2FgYGB+ycDAwoCKARKfAQEAAAAAAAB2ANoBWgHuAnAAAHicY2BkYGBgY4hi4GAAASYg5gJCBob/YD4DABJuAX8AeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYGxgj05I7GiNM+Iszw1STczOT9PlzUnMS+3lDcjtSIzMT8nMzUJSDEwAAA10A45AA==') format('woff'),
    url('../font/iconfont.ttf?t=1523947397103') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg?t=1523947397103#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.icon-chaxun2:before { content: "\e714"; }
.icon-web-icon-:before { content: "\e6cf"; }
.icon-lanmu:before { content: "\e66e"; }
.icon-hexiaoliebiao:before { content: "\e673"; }


.header{ width:100%;
    position:relative;}
.container{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}

/*a.logo{position:relative;float:left;margin-top:10px;
    display:block;z-index:999;}*/
a.logo2{position:relative;
    float:right;margin-top:10px;margin-right:40px;
    display:block;
    z-index:1000;}
.headername{
    float:left;
    position:relative;
    font-size:24px;
    color:#0054a2;
    letter-spacing:2px;
    top:28px;}

ul.nav{ float:left;margin-left:160px;
    position:relative;}
.nav li{ float:left; font-size:16px; position:relative;margin:0 30px;height:87px;}
.nav li a{ display:block; padding:0px 10px;}
/*.nav li a:after{  content: ''; display: block; width: 0; border-bottom: 3px solid #3d82c3; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out}
.nav li:hover a:after,.nav li.active a:after{ width:100%;}
*/
.nav li.active{	border-top: 3px solid #3d82c3;}
.nav li a:hover{color:#3d82c3}

ul.sub{height:40px;position:relative;left:-100px;
    z-index:100;}
ul.sub li{height:40px;line-height:40px;}

.abtn{
    width:460px;
    margin:0 auto;
    height:42px;
    line-height:40px;
    margin-top:30px;
    overflow:hidden;
}
.abtn a{
    float:left;
    display:block;
    width:136px;
    height:42px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    border-radius:2px;}
.abtn a:hover{
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.abtn a.btnok{
    margin-left:116px;
    background-color:#d5a000;}
.abtn a.btnok:hover{
    background-color:#e5ac00;}
.abtn a.btnno{
    margin-left:26px;
    background-color:#7d7d7d;}
.abtn a.btnno:hover{
    background-color:#616161;}
.abtn a.disable{
    margin-left:116px;
    background-color:#cfcfcf;}



.log-reg{float:right;margin-top:28px;
    position:relative;
    z-index:200;}
.log-reg a{ display:inline-block; float:left; height:32px; border:1px solid #3d82c3; border-radius:3px; background-color:#fff; text-align: center; line-height:32px; color:#3d82c3; padding:0px 16px; font-size:14px;}
.log-reg a.login_bnt{}
.log-reg a.login_bnt:hover{ background-color:#3d82c3; color:#fff;}
.log-reg a.regist_bnt{background-color:#3d82c3; color:#fff; float:right; margin-left:15px;}
.log-reg a.regist_bnt:hover{ background-color:#fff; color:#3d82c3;}

.idx-banner{width: 100%; height: 480px; position:relative; overflow:hidden; max-width:1920px;}
.swiper-container { width:1920px; height:480px; position:absolute; left:50%; margin-left:-960px;}
.swiper-slide {
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev,.swiper-button-next{
    width:44px;
    height:80px;
    background-repeat:no-repeat;
    background-image:url(../images/arrowLeft_Right.png);
    background-size:90px 80px;}
.swiper-button-prev{
    background-positioninner-banner:0 center;}
.swiper-button-next{
    background-position:-44px center;}

.main{ width:100%; height:auto; overflow:hidden;}
.main .con-tit{ font-size:30px; text-align:center; line-height:30px; padding-top:50px; padding-bottom:15px;}
.main .con-tit-x{text-align:center; color:#5f6367; font-size:16px;}

.part-one{ height:446px;}
.part-one .container a{ display:inline-block; width:200px; height:auto; text-align:center; overflow:visible; position:relative}
.part-one .container a h3{ line-height:50px; padding-top:10px; font-size:18px;}
.part-one .container a p{ line-height:24px; font-size:14px; color:#666666}
.container .left-col{ float:left; margin-left:60px;}
.container .mid-col{ float:left; margin-left:240px;}
.container .right-col{ float:right; margin-right:60px;}
.part-one .container a.right-col h3{ width:300px; margin-left:-50px;}
.part-one .container a.mid-col p,.part-one .container a.right-col p{ text-align:left}

.part-two{ background-color:#f4f4f4; height:360px}
.part-two .container div{ display:inline-block; width:200px; height:auto; text-align:center; overflow:visible; position:relative}
.part-two .container div h3{ line-height:30px; padding-top:22px; font-size:16px; font-weight:bold}
.part-two .container div.left-col h3{ font-weight:normal}
.part-two .container div p{ line-height:26px; font-size:14px; color:#666666}

.part-three{ height:578px;}
.part-three .con-tit{ padding-bottom:40px;}
.part-three .left-part{ width:482px; height:338px; overflow:hidden; float:left;}
.part-three .right-part{ width:690px; height:338px; overflow:hidden; float:right}

.inCase-list{
    height:auto;
    overflow:hidden;}
.inCase-list li{
    float:left;
    width:400px;
    height:340px;
    background-repeat:no-repeat;
    background-position:0;
    text-align:center;
    position:relative;}
.inCase-list li a{
    display:block;
    color:#fff;
    font-size:24px;
    font-weight:bold;}
.item-bg{
    width:100%;
    height:100%;}
.mask{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;}
.inCon{
    position:absolute;
    left:0;
    right:0;
    top:100px;
    bottom:0;
    transition:all .4s cubic-bezier(.4,0,.2,1);}
.inCon:hover{
    top:80px;}
.inCon .item-img-panel{
    position:relative;
    width:54px;
    height:47px;
    display:block;
    margin:0 auto;}
.inCon .item-img-panel img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    width:54px;
    display:block;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    transition:all .4s cubic-bezier(.4,0,.2,1);}
.item-line{
    padding:0;
    margin:20px auto;
    font-size:0;
    line-height:0;
    width:28px;
    height:3px;
    background:#fff;
    display:block;
    opacity:1;
    transition:all .4s cubic-bezier(.4,0,.2,1);}
.item-title{
    display:inline-block;}

.inPro-list{
    height:auto;
    overflow:hidden;
    margin:50px auto;}
.side{
    background-color:#fff;
    text-align:center;}
.side img{
    display:block;
    margin:0 auto;
    padding:36px 0px 20px 0px;}
.inPro-line{
    width:28px;
    height:3px;
    background-color:#0053a2;
    margin:0 auto;}
.inPro-tit{
    font-size:24px;
    color:#373d41;
    padding-top:20px;}
.side dl dt{
    font-size:24px;
    color:#fff;
    padding:20px 0px 10px 0px;}
.side dl dd{
    font-size:14px;
    line-height:32px;
    padding:0px 0px 0px 95px;
    text-align:left;}
.side dl dd a{
    display:block;
    color:#fff;}
.flipper {
    float:left;
    z-index:5;
    display:block;
    -webkit-transition:.6s;
    -moz-transition:.6s;
    -o-transition:.6s;
    transition:.6s;
    position:relative;
    margin-right:40px;}
.marnone{
    margin-right:0px;}
.flipper:hover .back {
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1;
    color:#fff;
    cursor:pointer;
    z-index:999;}
.flipper:hover .front {
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    opacity:0;
    cursor:pointer;}
.flipper,.flipper .back,.flipper .front {
    width:270px;
    height:234px}
.flipper .back,.flipper .front {
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:.6s;
    -moz-transition:.6s;
    -o-transition:.6s;
    transition:.6s;}
.flipper .front {
    z-index:5;}
.flipper .back {
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    background:url(../images/inPro_bg.png) repeat;}

.movelayer{ position:absolute; top:0px; opacity:0; transition:all 0.5s;}
.movelayer2{ position:absolute; top:112px; opacity:0; transition:all 0.5s;}
.move01{ opacity:1;}
.move02{ opacity:1; transition-delay:0.4s}
.move03{ opacity:1; transition-delay:0.8s}
.move04{ opacity:1; transition-delay:1.2s}
.move05{ opacity:1; transition-delay:1.6s}
.move06{ opacity:1; transition-delay:2s}
.move07{ opacity:1; transition-delay:2.4s}
.move08{ opacity:1; transition-delay:2.8s}
.move09{ opacity:1; transition-delay:3.2s}
.move10{ opacity:1; transition-delay:3.6s}
.dataCon dt{
    font-size:12px;
    color:#666666;}
.dataCon dd{
    font-size:16px;
    padding:4px 0px 16px 0px;}
.dataBlueImg{
    margin:0px 0px 16px 0px;}
.con-tit-o{
    width:1200px;
    margin:40px auto 30px auto;}
.con-tit-o font{
    display:block;
    font-size:14px;
    color:#666666;
    padding:0px 0px 10px 0px;}
.con-tit-o span{
    display:block;
    font-size:18px;
    color:#0053a2;
    background:url(../images/icon_data_jt.png) no-repeat right 6px;
    height:26px;
    width:150px;}


.footer{ background-color:#272e38; color:#9097a1;}
.footer .container{ width:1150px; padding:20px 0 20px 50px; font-size:16px;}
.footer .container span,.footer .container a,.footer .container b{ display:inline-block; float:left; height:60px; line-height:60px;}
.footer .container span{ width:113px;}
.footer .container a{ margin-right:60px;}
.footer-down{
    background-color:#20252b;
    text-align:center;
    line-height:24px;
    padding:15px 0;}
.footer-down ul{
    height:auto;
    overflow:hidden;
    width:380px;
    margin:0 auto;}
.footer-down ul li,.footer-down ul li a{
    float:left;
    display:inline-block;
    color:#9097a1;}
.footer-down ul li{
    padding:0px 6px;}
.copyright{
    color:#9097a1;
    padding:10px 0px 0px 0px;}
.footer-top{
    width:1150px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
    padding:20px 0px 20px 50px;}
.footer-name{
    color:#9097a1;
    background:url(../images/logo_grey.png) no-repeat left top;
    min-height:59px;
    font-size:14px;
    padding-left:140px;
    margin:12px 0px 0px 0px;
    line-height:62px;}
.contact-list{
    height:auto;
    overflow:hidden;
    margin:30px 0px 0px 175px;}
.contact-list li{
    float:left;
    background-repeat:no-repeat;
    background-position:left center;
    line-height:26px;
    padding:0px 0px 0px 40px;
    font-size:14px;}
.icon-tel{
    background-image:url(../images/icon_tel.png);
    margin-right:140px;}
.icon-email{
    background-image:url(../images/icon_email.png);}
.footer-line{
    height:1px;
    background-color:#343b48;}
.ft-qrcode{
    display:block;
    margin:0px 0px 0px 40px;}



/*about*/
.inner-banner{
    height:260px;
    background-repeat:no-repeat;
    background-position:center 0;
    position:relative;
}
.baoguanBan{
    background-image:url(../images/ban_products01.jpg);}
.sifangBan{
    background-image:url(../images/ban_products02.jpg);}
.znsBan{
    background-image:url(../images/ban_products03.jpg);}
.aboutBan{
    background-image:url(../images/ban_about.jpg);}
.jiamaoBan{
    background-image:url(../images/ban_jiamao.jpg);}
.caseBan{
    background-image:url(../images/ban_case.jpg);}
.serviceBan{
    background-image:url(../images/ban_service.jpg);}

.shipBan{
    background-image:url(../images/ban_ship.jpg);}

.yunhaiBan{
    background-image:url(../images/ban_yunhai.jpg);}
.kayunBan{
    background-image:url(../images/ban_kayun.jpg);}
.dzxdBan{
    background-image:url(../images/ban_dzfx.jpg);}
.bgtBan{
    background-image:url(../images/ban_bgt.jpg);}

.about-one{ padding-top:28px; padding-bottom:50px;}
.inner-tit{ height:auto; overflow:hidden;}
.inner-tit span{ font-size:26px; display:block; text-align:center; line-height:30px;}
.inner-tit b{ display:table; position:relative; overflow:visible; margin:0 auto; color:#bfbfbf; font-family:Arial; font-size:14px; line-height:17px; padding:0 10px; margin-bottom:16px;}
.inner-tit b:before,.inner-tit b:after{ content: ''; display: block; position: absolute; width:200px; height:1px; background-color:#d3d3d3; left:-200px; top:8px; }
.inner-tit b:after{ left:auto; right:-200px;}
.about-one .right{ width:521px; height:auto; overflow:visible; background:url(../images/about_07.jpg) no-repeat center top; padding-top:131px; line-height:32px; text-align:left; font-size:14px; position:relative;}
.about-one .right .spec-tit{ background-color:#0054a2; width:280px; height:30px; color:#fff; text-align:center; line-height:30px; left:-149px; top:80px; position:absolute}

.about-two{ background:url(../images/about_11.jpg) no-repeat center top; height:400px;}
.about-two .inner-tit{ width:600px; padding-top:45px;}
.about-two .inner-tit b,.about-two .inner-tit span{ color:#fff;}
.about-two .con600{ width:600px; height:auto; overflow:hidden;}
.about-two p{ width:450px; margin:0 auto; padding-top:35px; line-height:32px; color:#fff; text-align:left; font-size:14px;}

.about-three{ padding-top:45px; padding-bottom:100px;}
.about-three .container{ background:url(../images/about_14.jpg) no-repeat center top; height:340px; margin-top:25px;}
.about-three .container .right{ width:614px; height:auto; overflow:hidden}
.about-three .container .right p{ width:502px; margin:0 auto; padding-top:100px; line-height:32px; color:#fff; text-align:left; font-size:14px;}


/*chain*/
.chain-one{ padding-top:48px; padding-bottom:90px;}
.chain-one .container{ background:url(../images/chain_05.jpg) no-repeat center top; height:500px; margin-top:30px;}
.chain-txt{ width:600px; height:250px; float:left; position:relative; color:#fff;}
.chain-txt span{ display:block; width:100px; height:100px; position:absolute; left:30px; top:65px;}
.chain-txt h3{ font-size:20px; font-weight:bold; line-height:70px; padding-top:20px; margin-left:172px;}
.chain-txt p{ line-height:24px; margin-left:172px; font-size:14px; padding-right:20px;}
.chain-two{ background-color:#f4f4f4; padding-top:45px; padding-bottom:60px;}
.chain-two .container,.kayun-two .container{ margin-top:33px;}
.chain-two .container ul,.kayun-two .container ul{ margin-left:200px; clear:both; height:auto; overflow:hidden;}
.chain-two .container ul.down-line,.kayun-two .container ul.down-line{ margin-left:281px; margin-top:-36px;}
.chain-two .container ul li,.kayun-two .container ul li{ float:left; width:152px; height:176px; overflow:hidden; margin-right:10px; font-size:16px; }
.chain-two .container ul li span,.kayun-two .container ul li span{ color:#fff;line-height:20px; padding-top:90px; text-align:center; display:block}

/*kayun*/
.kayun-one{ padding-top:48px; padding-bottom:20px;}
.kayun-one .container{ background:url(../images/ky_05.jpg) no-repeat center top; height:400px; margin-top:30px;}
.kayun-one .kayun-txt{ width:600px; height:auto; overflow:hidden; display:inline-block; padding-top:50px; float:left;}
.kayun-one .kayun-txt span{ display:block; text-align:center; width:112px; height:112px; margin:0 auto}
.kayun-one .kayun-txt p{ text-align:center; font-size:16px; line-height:30px; padding-top:55px; color:#fff;}
.kayun-two{ background-color:#f4f4f4; padding-top:45px; padding-bottom:60px;}
.kayun-two .container ul{ margin-left:280px;}
.kayun-two .container ul.down-line{ margin-left:362px;}
.kayun-two .container ul li span{ padding-top:84px;}

/*baoguantong*/
.tong-one{ padding-top:48px}
.tong-one .inner-tit{ margin-bottom:10px;}
.tong-two{ background-color:#f4f4f4; padding-top:45px; padding-bottom:90px;}
.tong-two ul{ padding-top:35px;}
.tong-two ul li{ width:380px; height:110px; float:left; margin-right:42px}
.tong-two ul li:last-child{ margin-right:0}
.tong-two ul li span{ display:block; padding-left:130px; font-size:14px; line-height:24px; padding-top:32px;}
.bgt-text{
    width:1110px;
    margin:0 auto;
    font-size:14px;
    line-height:30px;
    text-indent:2em;
    padding:0px 0px 50px 0px;}

/*news*/
.news-list li a{
    height:auto;
    overflow:hidden;
    display:block;
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ececec;}
.newsImg img{
    display:block;}
.news-l{
    width:610px;
    margin:0px 0px 0px 40px;}
.news-l span{
    display:block;}
.newsTit{
    font-size:16px;
    padding:16px 0px 10px 0px;}
.newsText{
    font-size:12px;
    color:#666666;
    line-height:24px;}
.news-r{
    width:152px;
    margin:20px 0px 0px 0px;}
.news-r dl dt,.news-r dl dd{
    float:left;}
.news-r dl dt{
    width:75px;
    text-align:right;}
.news-r dl dt span,.news-r dl dt i{
    display:block;}
.news-r dl dt span{
    font-size:28px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;}
.news-r dl dt i{
    color:#666666;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    background:url(../images/icon_time.png) no-repeat 16px center;}
.icon_jt{
    background-image:url(../images/icon_jtGrey.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    width:26px;
    height:26px;
    margin:8px 0px 0px 41px;}
.news-list li a:hover .icon_jt{
    background-image:url(../images/icon_jtBlue.jpg);}
.news-list li a:hover .newsText{
    color:#333;}

.news-Dtitle{
    padding-top:40px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    letter-spacing:0;
    position:relative;}
.news-Dtime{
    padding:20px 0px 20px 0px;
    text-align:center;
    border-bottom:1px dashed #7f7f7f;
    letter-spacing:0;}
.news-Dtext{
    line-height:28px;
    padding-top:15px;
    margin-bottom:60px;
    letter-spacing:0;
    font-size:14px;}

/*分页*/
.pagefy{
    margin:0 auto;
    overflow:hidden;
    width:350px;}
.pagefy a{
    color:#666;
    display:block;
    float:left;
    padding:0px 10px;
    border:1px solid #d9d9d9;
    background:#fff;
    margin-right:6px;
    height:28px;line-height:28px;}
.pagefy a:hover{
    background:#007bc5;
    color:#fff;
    text-decoration:none;
    border:1px solid #007bc5;}
.pagefy a.active{
    background:#007bc5;
    color:#fff;
    border:1px solid #007bc5;}
.pagefy a.tzfirst{
    border-left:1px solid #d9d9d9;}
.pagefy span.numts{
    color:#007bc5;
    text-decoration:underline;}
a.nobk{
    background:0 none;
    border:0 none;}
a.nobk:hover{
    background:none;
    border:0 none;
    color:#666;}
.m30{
    margin-top:50px;
    margin-bottom:30px;}
.p60{
    padding:60px 0px;}

/*banner*/
/* slide */
.slide-main{
    height:380px;position:relative;/*top:-50px;*/
    overflow:hidden;}
.prev,.next{display:block;width:44px;height:80px;position:absolute;z-index:10;top:140px;overflow:hidden;cursor:pointer;}
.prev{left:0px;background-position:0 center;}
.next{right:0px;background-position:-44px center;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:360px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:380px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:380px;background:#ff6900;position:relative;z-index:-1;background-size: cover !important;}
#bgstylee{background:url(../images/banner-wsyh.png) no-repeat center top;}
#bgstylea{background:url(../images/banner-xcwy.png) no-repeat center top;}
#bgstyleb{background:url(../images/cargo-edi.png) no-repeat center top;}
#bgstylec{background:url(../images/banner-ens.jpg) no-repeat center top;}
#bgstyled{background:url(../images/banner-yh.png) no-repeat center top;}

.slide a{display:block;width:100%;height:380px;cursor:pointer;}

.searchWapper{
    width:42%;
    position: absolute;
    z-index:99;
    left:50%;
    top:18px;
    margin-left:-21%;
}
.searchMask{
    width:100%;
    background-color: rgb(0,0,0,0.08);
    border-radius: 4px;
    height: 64px;
}
.searchCon{
    background: rgb(255,255,255);
    border-radius: 4px;
    width:97%;
    margin:0 auto;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
    padding:0 0 0 3%;
    box-sizing: border-box;
    box-shadow: 0 0 16px rgb(0,0,0,0.1);
    z-index:999;
    position: absolute;
    top:8px;
    left:1.5%;
    box-sizing: border-box;
}
.serTx{
    font-size:14px;
    width:18%;
}
.serInput{
    width:60%;
}
.searchCon input{
    order: 1;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    padding: 0 16px 0 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: none;
    outline: 0;
    -webkit-appearance: none;
}
.searchCon a{
    display: flex;
    width:22%;
    height: 48px;
    line-height: 48px;
    color:#fff;
    justify-content: center;
    background-color: #ee980c;
    font-size:14px;
    border-radius: 0 4px 4px 0;
}
.searchCon a svg{
    width:16px;
    margin:0 5px 0 0;
}

/*注册*/
.regTitle{
    width:1000px;
    margin:0 auto;
    font-size:24px;
    padding:10px 0px 30px 0px;}
.regCon{
    width:1000px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
    background:#fff;
    padding:45px 0px;}
.choice dl{
    width:499px;
    text-align:center;}
.choice dl dt{
    font-size:24px;
    font-weight:bold;
    padding-top:30px;}
.ch-line{
    width:1px;
    height:350px;
    background-color:#dedede;}
.ch-icon .weixin{margin:20px 0 30px 60px;float:left;}
.ch-icon span.saoma{
    display:block;
    font-size:16px;
    line-height:36px;
    color:#666;
    text-align:center;}
.ch-icon a{
    display:block;
    margin:20px 0px 30px 0px;
    float:left;}
.ch-icon a:hover{
    margin:16px 0px 34px 0px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.ch-or{
    float:left;
    display:block;
    margin-top:20px;
    width:80px;

    font-size:18px;
    height:150px;line-height:150px;
    background:url(../images/orline.gif) center repeat-y;}
.ch-or span{
    background-color:#fff;color:#bebebe;}
.ch-tt{
    clear:both;
    width:230px;
    margin:0 auto;
    color:#666666;
    font-size:14px;
    line-height:24px;}

.reg-top{
    width:1000px;
    margin:0 auto;
    height:50px;
    line-height:48px;
    background-color:#3376b4;
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-align:center;}
.reg-table{
    width:918px;
    margin:0 auto;
    background-color:#fff;
    padding:40px;
    border:1px solid #d2d2d2;
    border-top:0 none;}
.reg-list dl{
    height:auto;
    overflow:hidden;
    margin-left:235px;
    margin-bottom:20px;}
.reg-list dl dt,.reg-list dl dd{
    float:left;}
.reg-list dl dt font,.reg-list dl dt span{
    display:inline-block;
    font-size:14px;}
.reg-list dl dt{
    height:auto;
    overflow:hidden;
    width:96px;
    text-align:right;
    padding-right:18px;
    line-height:38px;}
.reg-list dl dt font{
    color:#e80d0d;
    padding-right:5px;}
.reg-list dl dd input{
    display:block;
    float:left;
    width:258px;
    height:38px;
    line-height:38px;
    padding:0px 10px;
    border:1px solid #d2d2d2;
    border-radius:2px;}
.reg-list dl dd label{
    float:right;}
.reg-list dl dd i{
    position:relative;
    display:block;
    left:250px;
    top:10px;
    width:24px;
    height:18px;
    z-index:100;
    cursor: pointer;
}
.reg-list dl dd i.eyeclose{background:url(../images/eye2.png);}
.reg-list dl dd i.eyeopen{background:url(../images/eye.png);}

.tipsCon{
    height:auto;
    overflow:hidden;
    margin:4px 0px 0px 15px;}
.tipsCon span{
    display:block;
    float:left;}
.tipsBg01{
    background:url(../images/tipsBg01.png) no-repeat;
    width:16px;
    height:34px;}
.tipsBg02{
    height:34px;
    background-color:#e51818;
    padding:0px 5px;
    color:#fff;
    line-height:34px;}
.tipsBg03{
    background:url(../images/tipsBg02.png) no-repeat;
    width:8px;
    height:34px;}
.qrcode{
    display:block;
    float:left;
    margin:1px 0px 0px 10px}
.getCode{
    display:block;
    float:left;
    width:140px;
    height:40px;
    line-height:38px;
    background-color:#d5a000;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    margin-left:10px;
    text-align:center;}
.getCode:hover{
    background-color:#e5ac00;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.agreeCon{
    height:auto;
    overflow:hidden;
    text-align:center;
    padding:30px 0px;}
.agreeCon input,.agreeCon span,.agreeCon a{
    display:inline-block;}
.agreeCon input{
    margin:0px 10px 0px 0px;}
.agreeCon span{
    font-size:14px;}
.agreeCon a{
    font-size:14px;
    color:#e80d0d;
    text-decoration:underline;}
.agreeCon a:hover{
    cursor:pointer;}
.icon_reg{
    margin:0 auto;
    display:block;
    width:140px;
    height:42px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background-color:#d5a000;
    font-size:16px;
    border-radius:2px;}
.icon_reg:hover{
    background-color:#e5ac00;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.icon_grey{
    background-color:#cfcfcf;}
.icon_grey:hover{
    cursor:default;
    background-color:#cfcfcf;}

.reg-l2 dl{
    margin-left:85px;}
.reg-l2 dl dt{
    width:245px;}
.reg-line{
    border-bottom:1px dashed #d2d2d2;
    margin:35px 0px;}
.icon_upload{
    display:block;
    width:82px;
    height:34px;
    line-height:32px;
    text-align:center;
    background:url(../images/upload.png) no-repeat;
    font-size:14px;
    margin:3px 0px 0px 0px;}


.m-b50{
    margin-bottom:50px;}
dl.m-b0{
    margin-bottom:0px;}

/*弹框*/
#form_input{
    left:50%;
    top:50%;
    margin:-300px 0 0 -440px;
    width:880px;
    height:570px;
    position:fixed;
    z-index:1001;
    background-color:#fff;
    overflow:auto;
    overflow-x:hidden;
    padding-bottom:20px;
    border:5px solid #d4d4d4;}
.title_close{
    width:864px;
    height:42px;
    position:fixed;
    margin-bottom:20px;
    background-color:#f8f8f8;
    border-bottom:1px solid #f0f0f0;}
.title_close span{
    display:block;
    float:left;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
    padding-left:20px;}
.btn_close{
    width:15px;
    height:13px;
    background:url(../images/btn_close.jpg);
    z-index:1001;
    position:absolute;
    top:14px;
    right:24px;
    cursor:pointer;}
.xyCon{
    padding:72px 30px 30px 30px;}
.xyCon p{
    font-size:14px;
    text-indent:2em;
    line-height:26px;
    margin-bottom:4px;}
p.m-b20{
    margin-bottom:20px;}

/*mask 透明背景*/
#mask{background-color:#000;position:absolute;top:0px;left:0px;opacity:0.6;filter:alpha(opacity=60);z-index:1000;display:none;}

.wl-g-tit,.wl-r-tit,.wl-loc{
    height:auto;
    overflow:hidden;}
.wl-g-tit dl,.wl-r-tit dl{
    float:left;}
.wl-g-tit dl{
    margin:0px 24px 0px 80px;}
.wl-r-tit dl{
    margin:0px 0px 0px 90px;
    width:130px;}
.wl-g-tit dl dt,.wl-r-tit dl dt{
    color:#666666;
    font-size:12px;}
.wl-g-tit dl dd,.wl-r-tit dl dd{
    font-size:16px;
    padding:4px 0px 20px 0px;}
.wl-line,.wl-green,.wl-red{
    float:left;}
.wl-line{
    height:3px;
    width:81px;
    background:#dbe5ee;
    margin-top:66px;}
.wl-green{
    background:url(../images/wl-bg01.png) no-repeat;
    width:30px;
    height:83px;}
.wl-red{
    background:url(../images/wl-bg02.png) no-repeat;
    width:30px;
    height:83px;
    margin-top:53px;}
.wl-r-tit{
    margin:10px 0px 40px 0px;}

.inBlock-wuliu{
    width:1200px;
    margin:0 auto;
    height:auto;
    overflow:hidden;}
.f-tit{
    color:#fff;
}

/*复选框*/
.xzCheck{
    width:570px;
    height:auto;
    overflow:hidden;}
.xzCheck label.xz-list{
    float:left;
    height:auto;
    overflow:hidden;
    width:140px;}
.xzCheck label.m-r0{
    margin-right:0px;}
.xzCheck label.xz-list input,.xzCheck label.xz-list span{
    display:block;
    float:left;}
.reg-list dl dd .xz-list input{
    width:16px;
    margin:2px 2px 0px 0px;
    border:0 none;}
.xzCheck label.xz-list span{
    line-height:38px;
    font-size:14px;}

.deleteCon{
    height:auto;
    overflow:hidden;}
.deleteCon a{
    display:block;
    float:left;
    line-height:40px;
    padding:0px 0px 0px 20px;}
.icon-delete,.icon-delete:hover{
    color:#e80d0d;
    text-decoration:underline;}

.log-user{
    float:right;
    position:relative;
    z-index:8888;}
.log-user a{
    display:inline-block;
    float:left;
    font-size:14px;
    line-height:32px;
    padding:0px 0px 0px 4px;
    color:#33b5d3;}
.log-user a.login_name{
    color:#333;}
.log-user a.login_name i,.log-user a.login_name span{
    display:block;
    float:left;}
.log-user a.login_name i{
    background:url(../images/logintopuser.png) no-repeat left center;
    width:28px;
    height:28px;
    margin:2px 0px 0px 0px;}
.log-user a.login_name span{
    line-height:16px;
    padding:8px 0px 0px 5px;}

/*提示页*/
.fl{float:left;}
.fr{float:right;}
.tsBox{
    width:1014px;
    margin:0 auto;}
.ts01_Bg01{
    height:110px;
    background:url(../images/ts01_Bg01.png) no-repeat;}
.tsBg01{
    height:19px;
    background:url(../images/tsBg01.png) no-repeat;
    position:relative;}
.tsBg02{
    height:auto;
    overflow:visible;
    background:url(../images/tsBg02.png) repeat-y;
    padding:20px 50px 50px 50px;
    position:relative;}
.tsBg03{
    height:18px;
    background:url(../images/tsBg03.png) no-repeat;}
.tsTitle{
    font-size:30px;
    color:#1e5da1;}
.tsText{
    margin:30px 0px;}
.tsText p{
    font-size:18px;
    line-height:34px;}
.ts-link,.ts-link:hover{
    text-decoration:underline;
    color:#1e5da1;}
.gotoBtn{
    display:block;
    width:140px;
    height:42px;
    line-height:40px;
    background-color:#e17909;
    color:#fff;
    font-size:18px;
    text-align:center;}
.gotoBtn:hover{
    background-color:#f7850a;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.tsImg{
    position:absolute;
    top:7px;
    left:7px;
    z-index:999;}
.ts02Con{
    position:absolute;
    top:36px;
    left:220px;}
.close-grey{
    font-size:26px;
    color:#b2b2b2;
    padding-top:20px;}
.updating{
    display:block;
    padding-top:100px;}

/*sifang*/
.sf02{
    background:url(../images/sf_02.jpg) no-repeat;
    height:340px;
    width:730px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    padding:95px 0px 0px 64px;}
/*zns*/
.zns-text{
    font-size:14px;
    line-height:36px;
    text-indent:2em;
    text-align:center;
    padding:30px 0px 30px 0px;}
.kayun-text{
    line-height:36px;}

/*bdt*/
.fit{
    padding:0px 10px;
    height:44px;
    line-height:44px;
    background-color:#8595a5;
    color:#fff;
    font-size:16px;
    border-radius:2px;
    width:200px;
    margin:0 auto;
    text-align:center;}
.bdt-list{
    height:auto;
    overflow:hidden;
    margin:0px 0px 80px 0px;}
.bdt-list li{
    float:left;
    width:600px;
    margin:60px 0px 0px 0px;}
.bdt-list li span{
    display:block;}
.bdt-Bg{
    width:116px;
    height:130px;
    background-repeat:no-repeat;
    background-position:0;
    margin-right:25px;}
.bdt-Bg img{
    display:block;
    margin:36px auto 0px auto;}
.bdt-Bg01{
    background-image:url(../images/bdt_bg01.png);}
.bdt-Bg02{
    background-image:url(../images/bdt_bg02.png);}
.bdt-Bg03{
    background-image:url(../images/bdt_bg03.png);}
.bdt-Bg04{
    background-image:url(../images/bdt_bg04.png);}

.bdt-tit{
    font-size:16px;
    margin:25px 0px 10px 0px;}
.bdt-text{
    font-size:14px;
    color:#666666;
    line-height:24px;}

/*应用案列*/
.case-list{
    width:1200px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
    padding:40px 0px;}
.case-list dt{
    float:left;}
.case-list dd{
    float:right;}
.case-tit,.case-text{
    display:block;}
.case-tit{
    font-size:16px;}
.case-text{
    font-size:14px;
    color:#666666;
    line-height:30px;}
.caseImg{
    display:block;
    padding-top:20px;}
.casefl{
    min-width:220px;}
.greyBg{
    background-color:#f4f4f4;}

/*--------------分页--------------*/
.page{height:40px;overflow: hidden;padding:30px 0px 10px 0px;position:relative;margin:20px 0px 60px 0px;}
.pagination{margin-left:50%;float:left;min-width:515px;}
.inner{margin-left:-50%;float:left;}
.page a{display:block;float:left;padding:0px 12px;border:1px solid #d9d9d9;margin:0px 2px;background:#fff;height:36px;line-height:36px;}
.page a.current{background:#ea402a;border:1px solid #ea402a;color:#fff;}
.page a.pagary{border:1px solid #ededed;color:#ccc;}
.page a:hover{background:#3d82c3;color:#fff;border:1px solid #3d82c3; text-decoration:none;}
.page-t,.page-input,a.pag-go{display:block;float:left;}
.page-input{height:14px;border:1px solid #ccc;margin:10px 6px 0px 6px;}

.page a.pag-h:hover{background:none;border:1px solid #d9d9d9;background:#fff;color:#333;cursor:default;}

.pag-go-all{display:block;float:left;padding:0px 12px;border:1px solid #d9d9d9;margin:0px 2px;background:#fff;height:36px;line-height:36px;}
a.pag-go,a.pag-go:hover{background:#3d82c3;height:20px;line-height:20px;padding:0px 6px;border:none;color:#fff;margin:8px 0px 0px 10px;}

/*服务支持*/
.p50{
    padding:50px 0px;}
.guide{
    width:240px;}
.ser-tit{
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#fff;
    background-color:#265f94;
    padding:0px 20px;}
.ser-tit span,.ser-tit a{
    display:block;}
.ser-tit span{
    float:left;}
.ser-tit a{
    float:right;
    color:#fff;
    font-size:12px;}


.ser-tit2{
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#fff;
    background-color:#b6cdd9;
    padding:0px 20px;}




.guide ul{
    background-color:#fff;
    padding:10px 12px 0px 20px;
    margin:5px 0px 0px 0px;
    height:215px;}
.guide ul li{
    height:auto;
    overflow:hidden;}
.guide ul li a{
    display:block;
    font-size:14px;
    background:url(../images/icon_jiantou.png) no-repeat right center;
    padding:10px 0px;
    height:auto;
    overflow:hidden;}
.guide ul li a:hover,.guide ul li.current a{
    background-image:url(../images/icon_jiantou_h.png);
    color:#265f94;}
.guide ul li.current a{
    font-weight:bold;}
.guide ul li a i,.guide ul li a span{
    display:block;
    float:left;}
.guide ul li a i{
    font-style:normal;
    background-repeat:no-repeat;
    background-position:left center;
    width:18px;
    height:18px;
    padding-left:15px;}
.icon-tips01{
    background-image:url(../images/icon_tips01.png);}
.icon-tips02{
    background-image:url(../images/icon_tips02.png);}
.icon-tips03{
    background-image:url(../images/icon_tips03.png);}
.guide ul li.current .icon-tips01{
    background-image:url(../images/icon_tips01_h.png);}
.guide ul li.current .icon-tips02{
    background-image:url(../images/icon_tips02_h.png);}
.guide ul li.current .icon-tips03{
    background-image:url(../images/icon_tips03_h.png);}

.contact{
    width:920px;
    height:270px;
    background:url(../images/seviceBg.jpg) no-repeat;}
.contact dl{
    width:310px;
    float:left;
    padding:0px 0px 0px 150px;
    background-repeat:no-repeat;
    background-position:60px center;
    min-height:60px;
    margin:50px 0px 0px 0px;}
.contact dl dt,.contact dl dd{
    color:#fff;}
.contact dl dt{
    font-size:14px;
    padding:8px 0px 4px 0px;}
.contact dl dd{
    font-family:Arial, Helvetica, sans-serif,"微软雅黑";}
.icon-ser-tel{
    background-image:url(../images/icon_ser_tel.png);}
.icon-ser-time{
    background-image:url(../images/icon_ser_time.png);}
.icon-ser-email{
    background-image:url(../images/icon_ser_email.png);}
.icon-ser-add{
    background-image:url(../images/icon_ser_add.png);}

.download,.product{
    margin:40px 0px 20px 0px;}
.download{
    width:500px;}
.download ul{
    background-color:#fff;
    padding:0px 20px;
    margin:5px 0px 0px 0px;}
.download ul li{
    padding:14px 0px;
    border-bottom:1px dashed #cccccc;
    height:auto;
    overflow:hidden;}
.download ul li span,.download ul li i,.download ul li a{
    display:block;}
.download ul li span,.download ul li i{
    float:left;
    padding:8px 0px 0px 0px;}
.download ul li span{
    width:275px;
    font-size:14px;}
.download ul li i{
    font-style:normal;
    color:#666666;}
.download ul li a{
    float:right;
    width:48px;
    border:1px solid #e4e4e4;
    height:30px;
    line-height:30px;
    background:url(../images/icon_download.png) no-repeat 26px 9px #f6f6f6;
    padding:0px 0px 0px 50px;}
.download ul li a:hover{
    background-image:url(../images/icon_download_h.png);
    border-color:#265f94;
    background-color:#265f94;
    color:#fff;}
.download ul li.linone{
    border-bottom:none;}

.product{
    width:660px;}
.pro-list{
    width:660px;}
.pro-list ul li a{
    background:url(../images/icon_readmore.png) no-repeat 22px 9px #f6f6f6;}
.pro-list ul li a:hover{
    background-image:url(../images/icon_readmore_h.png);
    border-color:#265f94;
    background-color:#265f94;
    color:#fff;}

ul.tab_menuA{
    width:470px;
    height:36px;
    line-height:36px;
    float:left;
    padding:15px 0px;}
ul.tab_menuA li{
    list-style:none;
    float:left;}
ul.tab_menuA li.selectedA a{
    color:#265f94;}
ul.tab_menuA li a,ul.tab_menuA li span{
    display:block;
    float:left;}
ul.tab_menuA li a{
    height:36px;
    line-height:36px;
    padding:0px 20px;
    text-align:center;
    color:#373d41;
    font-size:14px;
    font-weight:bold;}
ul.tab_menuA li a:hover{
    color:#373d41;}
.readmore{
    float:right;
    padding:15px 20px 0px 0px;
    line-height:36px;}

.tab_boxA{
    clear:both;}

/*产品faq详情*/
.w1200{
    width:1200px;}

/*新手指南*/
.aboutCon{
    background-color:#fff;
    width:1140px;
    padding:30px;
    min-height:300px;}
.about-tit{
    display:block;
    font-size:20px;
    font-weight:bold;
    color:#000;
    padding-bottom:25px;
    text-align:center;}
.h32{
    line-height:32px;}
.about-text{
    color:#5c5c5c;}
.aboutDet img{
    display:block;}

/*加贸新天地*/
.jmCon{
    background:url(../images/jiamao_bg.jpg) no-repeat;
    height:480px;
    margin:40px auto 100px auto;}
.jmCon ul.tab_menuA{
    background-color:#fff;
    width:1160px;
    height:140px;
    padding:0px;
    margin:0px 0px 0px 20px;}
.jmCon ul.tab_menuA li{
    display:inline-block;
    width:290px;
    text-align:center;
    cursor:pointer;}
.jmCon ul.tab_menuA li a{
    display:inline-block;
    float:none;
    padding:0px;
    font-size:14px;
    color:#666666;
    font-weight:normal;}
.jmCon ul.tab_menuA li.selectedA a,.jmCon ul.tab_menuA li.selectedA i{
    color:#3d82c3;}
.jm-icon{
    display:block;
    font-style:normal;
    font-size:56px;
    margin:30px auto 20px auto;
    color:#bdbdbd;}

.jmCon .content{
    height:220px;
    padding:50px;
    color:#fff;}
.jmTit{
    font-size:20px;}
.jmLine{
    width:40px;
    height:2px;
    background-color:#fff;
    margin:10px 0px 40px 0px;}
.jmText{
    font-size:16px;
    line-height:34px;}

.mt20{
    margin-top:10px;}
.bt60{
    margin-bottom:60px;}

/*隐私声明*/
.bigTit{
    display:block;
    font-size:22px;
    margin:30px 0px 40px 0px;
    text-align:center;}
.smallTit{
    display:block;
    color:#373D41;
    margin:20px 0px 0px 0px;}
.agr-content{
    margin-bottom:60px;}
.agr-content p{
    line-height:32px;
    text-indent:2em;
    margin:5px 0px 0px 0px;}

/*意见与建议*/
.feedback{
    padding:50px 0px 100px 0px;}
.inq-tab{
    width:360px;
    height:42px;
    border:1px solid #e3e1e1;
    padding:0px 10px 0px 54px;
    background-repeat:no-repeat;
    background-position:15px center;
    margin:20px auto 0px auto;
    background-color:#fff;}
.inq-tab input{
    width:360px;
    border:0 none;
    background:none;
    font-size:14px;
    line-height:42px;}
.comm-tab{
    width:360px;
    height:118px;}
.comm-tab textarea{
    width:360px;
    border:0 none;
    background:none;
    font-size:14px;
    margin:10px 0px 0px 0px;
    height:100px;
    font-family:"微软雅黑";}
.inq_nameBtn{background-image:url(../images/inq_nameBtn.png);}
.inq_phoneBtn{background-image:url(../images/inq_phoneBtn.png);}
.inq_emailBtn{background-image:url(../images/inq_emailBtn.png);}
.inq_subjectBtn{background-image:url(../images/inq_subjectBtn.png);background-position:15px 10px;}
.inq_commentsBtn{background-image:url(../images/inq_commentsBtn.png);}
.inq_codeBtn{background-image:url(../images/inq_codeBtn.png);}

.inq-layer{
    height:auto;
    overflow:hidden;
    width:426px;
    margin:0 auto;}
.code-input{
    width:80px;}
.code-input input{
    width:80px;}

.fdCode{
    color:#9a9a9a;
    font-size:14px;
    margin:20px 0px 0px 20px;}
.fdCode img,.fdCode a{
    display:block;
    line-height:38px;}
.fdCode img{
    margin:8px 0px 0px 0px;}
.fdCode a{
    padding-left:20px;
    font-size:12px;}
.fdCode a:hover{
    text-decoration:underline;}

.submitBtn{
    display:block;
    width:426px;
    height:46px;
    line-height:44px;
    color:#fff;
    background:#0054a2;
    font-size:18px;
    text-align:center;
    margin:20px auto 0px auto;}
.submitBtn:hover{
    color:#fff;
    background:#184166;}

/*登录头部*/
.loginCon{
    width:1000px;}

/*船务通*/
.cwtCon p{
    font-size:14px;
    line-height:28px;
    text-indent:2em;}
.cwt-list{
    height:auto;
    overflow:hidden;
    margin:20px 0px 10px 0px;}
.cwt-list li{
    float:left;
    width:428px;
    height:80px;
    padding-top:10px;}
.cwt-list li img{
    margin:0px 25px 0px 35px;}
.cwt-list li strong,.cwt-list li span{
    display:block;}
.cwt-list li strong{
    font-size:14px;}
.cwt-list li span{
    line-height:18px;
    padding-top:5px;
    color:#666666;}


/*通用副标题页*/
#TyHeader{
    height:80px;
}
#TyHeader .loginLogo{
    float:left;
    width:117px;
    height:62px;
    margin:10px 20px 0 20px;
    background:url(../images/login/login_logo.png);}
#TyHeader h3{
    float:left;
    border-left:1px solid #ccc;
    font-size:16px;
    padding-left:10px;
    margin-top:40px;
    letter-spacing:2px;}
.layout1200{
    width:1200px;
    margin:0 auto;
    overflow:hidden;}
#Tymain{
    background-color:#f4f4f4;
}

#Tyfooter{
    line-height:50px;
    text-align:center;
    color:#666;}

.Typanel{
    width:90%;
    margin:0 auto;
    margin-top:40px;
    margin-bottom:40px;
    padding:40px;
    background-color:#fff;
    border-right:1px solid #E8E8E8;
    border-bottom:1px solid #E8E8E8;
    -moz-box-shadow:8px 8px 0px #E8E8E8;
    -webkit-box-shadow:8px 8px 0px #E8E8E8;
    box-shadow:8px 8px 0px #E8E8E8;}

.btnTytj{
    margin:0 auto;
    display:block;
    width:280px;
    height:42px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background-color:#0053a1;
    font-size:16px;
    border-radius:4px;}
.btnTytj:hover{
    background-color:#0366c3;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}

.btnTyclose{
    margin:0 auto;
    display:block;
    width:120px;
    height:42px;
    line-height:40px;
    text-align:center;
    color:#333;
    background-color:#ededed;
    font-size:16px;
    border-radius:4px;
    border:1px solid #cdcdcd;}
.btnTyclose:hover{
    background-color:#e1e1e1;
}





.weixintxt{
    line-height:40px;
    font-size:16px;
    color:#333;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;}

/*搜狗浏览器密码框软键盘禁用*/
#sogou_secure_inputs_container{display:none;}
input::-webkit-input-safebox-button{display:none;}
/*ie密码框小眼睛图标禁用*/
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}


/*20220407新增样式*/
/* 本例子css */
.picScroll-left{ width:1200px; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:38px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:38px; height:38px; float:right; overflow:hidden;
    cursor:pointer;margin-top:28px;}
.picScroll-left .bd{
    width:1048px;
    margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; padding:20px 0 0 0;}
.picScroll-left .bd ul li{
    float:left;
    width:224px;
    margin:10px 19px 0 19px;}
.picScroll-left .bd ul li a{
    display:block;
    border:1px solid #f3f7fb;
    background-color:#f3f7fb;
    width:222px;
    height:274px;
    border-radius:10px;}
.proList dt{
    height:auto;
    overflow:hidden;
    margin-bottom:35px;}
.proList dt i,.proList dt span{
    display:block;
    float:left;}
.proList dt i{
    width:50px;
    height:50px;
    background-color:#fff;
    border-radius:12px;
    margin:25px 20px 0 20px;
    text-align:center;}
.proList dt i img{
    padding-top:10px;}
.proList dt span{
    font-size:16px;
    padding:36px 0 0 0;}
.proList dd{
    font-size:14px;
    width:190px;
    margin:0 auto;
    line-height:24px;
    height:60px;}
.icon-readmore{
    height:auto;
    overflow:hidden;
    float:right;
    padding:70px 20px 0 0;
    color:#1296db;
    font-size:14px;}
.icon-readmore span,.icon-readmore i{
    display:inline-block;}
.icon-readmore span{
    padding-right:10px;}

.picScroll-left .bd ul li a:hover{
    border:1px solid #f0f0f0;
    background-color:#fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-top:-5px;}
.picScroll-left .bd ul li a:hover dt i{
    background-color:#f3f7fb;}


.jzList{
    height:auto;
    overflow:hidden;
    padding:0 40px 50px 40px;}
.jzList dl dt{
    font-size:26px;
    padding-top:40px;}
.jzList dl dd{
    font-size:18px;
    line-height:30px;
    color:#666666;
    padding:20px 0 45px 0;}
.jzList dl dd a{
    font-size:14px;
    color:#1296db;}

/*导航*/
/*.nav-wrapper{
    background-color:#1b2537;
    height: auto;
}
#header{
    width:99% !important;
    height:45px !important;
}
a.logo{
    margin-top:0 !important;
}
.menu{
    padding:0px 0 0 50px;
    float: left;
}
.top{
    background:#333;
    position:relative;
    z-index:2;
}
.menu > li{
    font-size:14px;
    float:left;
    position:relative;
    padding:0 20px;
}
a.tablink{
    display: block;
    color:rgb(255,255,255,0.8);
    height:45px;
    line-height:45px;
    float:left;
    position:relative;
    -webkit-font-smoothing: antialiased;
}
.menu > li a:hover{
    color:#fff;
    text-decoration: none;
}*/

#header {
    min-width: 1200px;
    height: 45px;
    position: relative;
    z-index: 1000;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    box-sizing: border-box;
    background-color: #1b2537;
}
a.logo {
    display: block;
    flex: 0 0 auto;
    width: 130px;
    height: 40px;
    overflow: hidden;
}
a.logo img{
    display: inline-block;
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}
.menulist {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.menu{
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex: 0 0 auto;
}
.menu > li{
    box-sizing: border-box;
    border-radius: 2px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: .3s;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 45px;
    line-height: 45px;
    margin-right: 8px;
    padding: 0 12px;
    white-space: nowrap;
    font-size: 14px
}
.menu > li a{
    display: block;
    color:#ccc;
    -webkit-font-smoothing: antialiased;
}
.flex-between{
    display: flex;
    justify-content: space-between;
}
.menu ul,.notice-wrapper{
    background-color:#fff;
    border-top:none;
    position:absolute;
    left:0;
    top:-999em;
    z-index:99999;
    display:none;
    width: auto;
    min-width: 120px;
    -moz-box-shadow: 0 4px 10px rgb(0,0,0,0.1);
    -webkit-box-shadow: 0 4px 10px rgb(0,0,0,0.1);
    box-shadow: 0 4px 10px rgb(0,0,0,0.1);
    border-radius: 0 0 4px 4px;
}
.menu ul li a{
    display:block;
    padding:0 15px;
}
.menu li:hover ul,.menu li:hover .notice-wrapper{
    top:45px;
    display:block;
}
.menu > li .notice-wrapper{
    left:50%;
    min-width:300px;
    margin-left:-150px;
    color:#333;
    padding:0 15px;
    box-sizing: border-box;
    background: #fff;
}
.menu > li .notice-wrapper dl{
    width:100%;
    /*overflow: hidden;*/
    line-height: 24px;
    text-align: left;
    margin-bottom:12px;
}
.menu > li .notice-wrapper dl a{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    white-space: break-spaces;/*文本换行*/
    color:#333;
}
.menu > li .notice-wrapper a:hover{
    color:#148cf1;
}
.menu > li .notice-wrapper dd{
    font-size:12px;
    color:#a8abb3;
}
.menu li:hover ul li{
    font-size:14px;
}
.menu li:hover ul li a{
    color:#333;}
.menu li:hover ul li a:hover{
    text-decoration:none;
    color:#148cf1;
    background-color: #fafafa;
    text-decoration: none;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
.notice-title{
    border-bottom: 1px solid #eee;
    line-height: 44px;
    margin-bottom:10px;
}
.menu > li .notice-title h5{
    font-size:16px;
    font-weight: bold;
}
.menu > li .notice-title h5::after{
    content: "";
    height: 2px;
    background-color: #1890ff;
    width:100%;
    display: block;
}
.menu > li .notice-title a{
    font-size:14px;
    color:#1890ff;
    height: auto;
}
.icon-notice{
    width: 28px;
    height: 28px;
    background-color: #43494a;
    border-radius: 28px;
    line-height: 36px;
    position: relative;
}
.icon-notice:hover{
    background-color: rgba(75,86,105,.4);
}
.icon-notice svg{
    width:60%;
}
.nc-num{
    position: absolute;
    right:-5px;
    top:-3px;
    z-index:999;
    background-color: #f00;
    width:15px;
    height: 15px;
    border-radius: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    font-family: arial;
}
.menu > li:nth-child(1){
    padding:0;
}
.menu > li:nth-child(1):hover{
    padding:0;
}
.notice-wrapper .more{
    display: flex;
    justify-content: right;
    border-top: 1px solid #eee;
    width: 100%;
    padding: 10px 0;
}
.notice-wrapper .more a{
    color:#1890ff;
    font-size:14px;
    line-height: 24px;
    display: flex;
    justify-content: right;
}
.notice-wrapper .more svg{
    width:15px;
    height: 15px;
    margin:5px 0 0 0;
}

.r-btns{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 14px;
    color: #fff;
    margin-right:20px;
}

.icon-news{
    position:absolute;
    right:0;
    top:-10px;
    z-index:999;}
.icon-news img{
    width:26px;
    height:17px;
}
/*.r-btns{
    float:right;
}*/
.r-btns a{
    display:inline-block;
    line-height:23px;
    width:48px;
    height: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    color:#fff;
    border-radius: 2px;
    /*margin-top:10px;*/
}
.btn-login{
    background-color: #e6a036;

}
.icon-user{
    width:28px;
    height: 28px;
    background-color: #43494a;
    border-radius: 28px;
    float: left;
    margin:8px 10px 0 0;
}
.icon-user img{
    width:14px;
    height:14px;
    padding:7px 0 0 0;
    display: block;
    margin:0 auto;
}

@media screen and (max-width:1366px) {
    .menu > li,.r-btns a{
        font-size:12px;
    }
    .menu > li{
        margin-right:0;
    }

}

/*公告弹窗*/
#mask{
    background-color: rgb(0,0,0,0.3);
    width:100%;
    height: 100%;
}
#form-nc{
    position: absolute;
    z-index: 2000;
    left: 50%;
    width: 46%;
    margin-left:-23%;
    top: 50%;
    transform: translateY(-50%);
    min-height: 300px;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}
#form-nc .title{
    width:100%;
    padding:12px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}
#form-nc .title h5{
    font-size:20px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
#form-nc .title font{
    color:#1890ff;
}
#form-nc .close{
    cursor: pointer;
    position: absolute;
    width:20px;
    height: 20px;
    right:10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.nc-box {
    width: 100%;
    padding:20px 30px 30px 30px;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
}
.nc-box .time{
    font-size:14px;
    color:#9da0a6;
    padding:15px 0;
}
.nc-box h3{
    font-size:18px;
    font-weight: bold;
}
.nc-box .text{
    font-size:14px;
    padding:10px 0 0 0;
}
#form-nc .nc-box .icon-blue{
    width:100px;
    height: 36px;
    line-height: 36px;
    background-color: #1890ff;
    border-radius: 4px;
    color:#fff;
    font-size:14px;
    text-align: center;
    margin:20px 0 0 0;
    display: block;
    float: right;
    cursor: pointer;
}
#form-nc .nc-box .icon-blue:hover{
    background-color: #41a2ff;
}