/* CSS Document */
@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:62.5%;
    vertical-align:baseline;
    background:transparent;
    list-style-type:none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body {color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:1;width: 100%;}
fieldset, img { border:0; }
ol, ul { list-style:none; }
li{list-style-type:none;}
h1, h2, h3, h4, h5, h6{ font-size:62.5%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*禁用了文本的拖拉，尤其在谷歌下*/
p{ text-align:justify; text-justify:distribute;} /*为了使文本段落左右两边对齐*/

a { color: #666; text-decoration:none; }
a:hover { text-decoration:none; }

.clr::after { clear: both; content: ""; display: table; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }
.dn { display: none; }
.db { display: block; }
.ib{display: inline-block;}
input, textarea, img { border: 0; }
button { border: 0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input, button, select, textarea { foutline: none; }
em, i { font-style: normal; border: 0 none; }
i { font-style: normal; border: 0 none; }
img { vertical-align: middle; }
textarea { resize: none; }







/*公共部分*/
.CP_top{width: 100%;line-height: 100px;position: relative;}
.l_login{position: fixed;right: 3%;top: 12rem;width: 8rem;height: 8rem;background: #666666;color: #fff;border-radius: 50%;z-index: 99;font-size: 3rem;text-align: center;line-height: 8rem;}
.CP_top > a{display: inline-block;margin-left: 7%;}
.CP_top > a > img{width: 200%;}
.CP_top > i{position: absolute;right: 7%;width: 4%;z-index: 999;}
.CP_top > i > img{width: 200%;}
.CP_nav{
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes myfirst{from {transform:rotate(0deg);} to {transform:rotate(90deg);}}

@-moz-keyframes myfirst /* Firefox */ {
    from {-moz-transform:rotate(0deg);}
    to {-moz-transform:rotate(90deg);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(90deg);}
}

@-o-keyframes myfirst /* Opera */
{
    from {-o-transform:rotate(0deg);}
    to {-o-transform:rotate(90deg);}
}
.CP_nav_m{width: 100%;display: none;height: auto;overflow: hidden;opacity: 0.8;}
.CP_nav_m ul li{}
.CP_nav_m ul li a{width: 100%;display: inline-block;font-size: 38px;color: #333333;border-top: 1px solid #dddddd; text-indent: 3rem;}
.CP_nav_m2{display: none;}
.CP_nav_m2 > a{font-size: 3rem!important;background: #ddd;}
.nav-right-ico{background:  url(/scsp/mobile-2/images/nav-ico01.png) no-repeat;display: inline-block;width: 23px;height: 40px;margin-left: 31em;}
.nav-right-ico02{background:  url(/scsp/mobile-2/images/nav-ico02.png) no-repeat;display: inline-block;width:35px;height: 28px;margin-left: 31em;}
.CP_nav_m ul li .nav-list-2 a{background-color: #f8f8f8;color: #666;font-size: 34px;text-indent: 2em;}









.CP_foot{position: fixed;bottom: 3px;width: 100%;height: 13rem;padding:2rem 0; background: #fff;z-index: 999;}
.CP_foot ul li{float: left;width: 33%;text-align: center;border-right: 2px solid #2ec0f6;}
.CP_foot ul .border-none{border-right:none}
.CP_foot ul li a{display: block;}
.CP_foot ul li a p{text-align: center;font-size: 4rem;margin-top: 2rem;}
.CP_foot ul li img{width: 27%;}

/*index*/
.banner{width: 100%;}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    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;
    position: relative;
}
.swiper-slide img{width: 100%;}
.banner1{background: url("../images/banner01.png") no-repeat center 35%;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: 60%;}
.banner1_1{position: absolute;width: 100%;height: 100%;left: 0;top: 75%;}
.banner1_1 p {font-size: 7rem;text-align: center;}
.banner1_1 span{font-size: 3rem;margin: 2rem 0 0 -7rem;display: inline-block;}
.banner2{background: url("../images/2.png") no-repeat center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: 70%;}
.banner2-1{background: url("../images/2-2.png") no-repeat;position: absolute;width: 10rem;height: 10rem;bottom: 10rem;left: 18%;top:60%;}
.banner2_2{position: absolute;width: 100%;height: 100%;left: 18%;top:73%;}
.banner2_2 p{font-size: 5rem;}
.banner3{position: absolute;width: 15rem;height: 10rem;}
.banner3_1{background: url("../images/3-1.png") no-repeat; left: 43%;top: 61%; background-size: 100%;}
.banner3_2{    background: url("../images/3-2.png") no-repeat;left: 46.5%; top: 82%;  background-size: 60%;}
.banner3_3{    background: url("../images/3-3.png") no-repeat; left: 46.5%; top: 86%;background-size: 60%;}
.banner3_4{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner3_4 p{    font-size: 5rem; text-align: center; margin: 3rem;}
.banner3_4 span{display: inline-block;font-size: 2rem;  color: #fff;  background: #EB5C24;  width: 33rem;  height: 3rem;  line-height: 3rem;  border-radius: 10rem;}
.banner4_1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../images/4ico.png") no-repeat center 80%;background-size: 60%;}
.banner4_2{position: absolute;left: 44%;top: 56%;background: url("../images/4-1.png") no-repeat ;width: 20rem;height: 50rem;background-size: 60%;}
.banner4_3{position: absolute;left: 0;top: 0;background: url("../images/4-3.png") no-repeat 6rem 2rem;width: 100%;height: 30rem;background-size: 6%;}
.banner4_3 p {font-size: 4rem;margin:3% 15% 2%;}
.banner4_3 span{font-size: 2.5rem;line-height: 3rem;text-align: left;display: inline-block;    width: 100%; margin-left: 15%;}
.banner5_1{position: absolute;width: 28%;height: 30%;background: url("../images/5-2.png") no-repeat;left: 56%;top: 20%;background-size: 100%;}
.l_main1{width: 100%;height: 40rem;background: #fafafa;padding-top: 20rem;}
.l_main1 a{    width: 27%;height: 7rem;display: block;background: #f18961;border-radius: 10px;text-align: center;font-size: 5rem;line-height: 6rem;color: #fff;margin: 0 auto;box-shadow: 11px 16px 19px 0 #666;}
.l_main1 p{color: #ef9880;font-size: 4rem;text-align: center;margin: 6rem;}
.l_main1 p span{color: #666;font-size: 3rem;display: inline-block;width: 30%;}
.l_main2{width: 100%;position: relative}
.l_main2 img{width: 100%;}
.l_foot{position: absolute;left: 35%;top: 30%;}

/*服务保障*/
.service_b{width: 100%;}
.service_b img{width: 100%;}

/*帮助支持*/
.a_top{width: 100%;position: relative;}
.a_top img{width: 100%;}
.a_nav{position: absolute;width: 95%;background: #2ec0f6;padding: 2rem 0;left: 2.5%;bottom:-1rem;display: flex;display: -webkit-flex;}
.a_nav_n{ float: left; width: 20%; border-right: 1px solid #c04b1d;height: 3rem;text-align: center;line-height: 3rem;color: #fff;font-size: 3rem;position: relative;}
.a_nav5{width: 18%;}
.a_nav_n_i{position: relative;border-bottom: 1rem solid #2ec0f6;border-right: 1rem solid transparent;border-left: 1rem solid transparent;bottom: -2.3rem;left: 3rem;}
.a_nav_c{color: #78320a!important;}
.a_nav_n:last-child{border-right: none;}
.a_nav_2{width: 95%;position: absolute;bottom:-6rem;left: 2.5%;height: 4rem;overflow: hidden;}
.a_nav_2_n ul{width: 100%;padding: 1rem 0;background: #2ec0f6;display: flex;display: -webkit-flex;}
.a_nav_2_n ul li{width: 20%;text-align: center;line-height: 2rem;height: 2rem;color: #fff;font-size: 2.5rem;float: left;}
.a_main{width: 82%;margin-left: 9%;margin-top: 12rem;min-height: 49rem;}
.a_main1{width: 100%;}
.a_main1 ul{width: 100%;}
.a_main1 ul li{width: 100%;}
.a_main1 img{margin-top: -1rem;}
.a_main1 a{color: #333;font-size: 2.5rem;margin-left: 2rem;}
.a_main1 ul li{margin-bottom: 3rem;}
.a_main1 ul li ul,.a_main1 ul li ul li{font-size: 1rem;}
.a_main1_m1{width: 100%;}
.a_main1_m1 ul{width: 100%;}
.a_main1_m1 ul li{display: inline-block;width: 33%;margin-bottom: 8rem;}
.a_main1_m1 ul li a{width: 100%;display: inline-block;}
.a_main1_m1 ul li a img{width: 60%;display: block;margin-bottom: 5rem;}
.response{color: #666;text-indent: 4rem;line-height: 3rem;margin-top: 2rem;display: none;overflow: hidden;}
.a_logistics_t{display: flex;display: -webkit-flex;}
.a_logistics_t1{width: 25%;text-align: center;font-size: 3rem;border: 1px solid #999;padding: 1rem 0;}
.a_logistics_m{width: 100%;padding: 5rem 0;}
.a_logistics_m1 span{font-size: 3rem;margin-left: 2rem;}
.a_logistics_m1 a{color: #428bca;}
.a_logistics_m1 p{margin-bottom: 5rem;}
.a_logistics_m_c{color: #fff;background: #999;}
.product img{width: 100%;}
.abstract img{width: 100%;}
.abstract_m{padding: 5rem;color: #333;font-size: 2rem;text-indent: 6rem;line-height: 7rem;}
.EnterpriseBulletin{min-height: 85rem;}
.EB_banner{width: 100%;position: relative;}
.EB_banner img{width: 100%; }
.EB_nav{width: 95%;position: absolute;left: 2.5%;background: #2ec0f6;}
.EB_nav ul{width: 100%;display: flex;display: -webkit-flex;padding: 2rem 0;}
.EB_nav ul li{width: 33%;border-right: 1px solid #999;font-size: 3rem;color: #fff;text-align: center;}
.EB_nav ul li:last-child{border-right: none;}
.EB_main{margin-top: 10rem;padding: 0 3rem;}
.EB_main_1 ul li{height: 5.5rem;}
.EB_main_1 ul li a span{font-size: 3rem;color: #333;width:600px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;float: left;}
.EB_main_1 ul li span{font-size: 2.5rem;color: #999;}
.login_b{width: 100%;}
.login_b img{width: 100%;}
.login_m{width: 95%;margin-left: 2.5%;}
.login_m1,.signUp_m1{width: 100%;border: 1px solid #999;border-radius: 10px;height: 7rem;position: relative;margin-bottom: 5rem;}
.login_m1 i{background: url("../images/user_avatar.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.login_m1 input,.signUp_m1 input{width: 89rem;height: 5rem;display: inline-block;position: absolute;top: 1rem;text-indent: 2rem;font-size: 3rem;}
.login_m2{width: 100%;border: 1px solid #999;border-radius: 10px;height: 7rem;position: relative;margin-bottom: 5rem;}
.login_m2 i{background: url("../images/password.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.login_m2 input{width: 70rem;height: 5rem;display: inline-block;position: absolute;top: 1rem;text-indent: 2rem;font-size: 3rem;}
.login_m3 a{width: 100%;border-radius: 10px;height: 7rem;position: relative;margin-bottom: 5rem;color: #fff;background: #2ec0f6;font-size: 3rem;text-align: center;line-height: 7rem;display: inline-block}
.login_m4 a{width: 48%;border-radius: 10px;height: 7rem;position: relative;margin-bottom: 5rem;color: #fff;background: #2ec0f6;font-size: 3rem;text-align: center;line-height: 7rem;display: inline-block;}
.signUp_m1 i{background: url("../images/telephone.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.signUp_box{width: 100%;}
.signUp_m2,.signUp_m3,.signUp_m4{width: 60%;border: 1px solid #999;border-radius: 10px;height: 7rem;position: relative;margin-bottom: 5rem;display: inline-block;}
.signUp_m2 i{background: url("../images/code.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.signUp_m2 input,.signUp_m3 input,.signUp_m4 input{width: 39rem;height: 5rem;display: inline-block;position: absolute;top: 1rem;text-indent: 2rem;font-size: 3rem;}
.signUp_box img{width: 30%;}
.signUp_m3 i{background: url("../images/sms.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.signUp_m3_b{width: 30%;border-radius: 10px;height: 7rem;background: #2ec0f6;font-size: 3rem;color: #fff;text-align: center;line-height: 7rem;}
.signUp_m4 i{background: url("../images/invitation.png") no-repeat;width: 5rem;height: 5rem;display: inline-block;background-size: cover;margin: 1rem;}
.login_m p{font-size: 3rem;color: #333;margin-bottom: 5rem;}
.login_m p input{width: 3rem;height: 3rem;margin-right: 2rem;}
.login_m{min-height: 95rem;}

.SN_main{width: 95%;margin-left: 2.5%;min-height: 99rem;}
.SN_main_T{font-size: 3rem;font-weight: bold;text-align: center;}


.index-img-cont{width: 100%;}
.index-img{margin:0 auto;background: url("../images/index-img01.jpg") no-repeat center center;width: 640px;height: 760px;background-size: 640px 760px;}
.index-img-tit{color: #333;font-size: 35px;text-align: center; padding-top: 3rem;}
.index-img02{margin:0 auto;background: url("../images/index-img02.jpg") no-repeat center center;width: 640px;height: 520px;background-size: 640px 520px;}
.index-img03{margin:0 auto;background: url("../images/index-img03.jpg") no-repeat center center;width: 640px;height: 644px;background-size: 640px 644px;}
.index-img-txt{font-size: 25px;color: #999;text-align: center;margin-top: 2rem;}
.index-img04{margin:0 auto;background: url("../images/index-img04.jpg") no-repeat center center;width: 640px;height: 582px;background-size: 640px 582px;}
.index-img-reg{width: 265px;height: 56px;background-color:#2ec0f6;color: #fff;font-size: 26px ;line-height: 56px;text-align: center;border-radius: 8px;margin-left: auto; margin-right: auto; position: relative;
    top: 410px;cursor: pointer;}
    .index-img-reg a{color: #fff;}
.index-img-regtit{margin-left: auto; margin-right: auto; position: relative;
    top: 440px;text-align: center;font-size: 22px;color: #999;}
.index-img05{margin:0 auto;background: url("../images/index-img05.jpg") no-repeat center center;width: 640px;height: 772px;background-size: 640px 772px;}
.img-memo{font-size: 28px;color: #999;padding: 0 4rem;line-height: 4.5rem;}
.img-memo span{color: #333;font-size: 25px;font-weight: bold;}
.index-img06{margin:0 auto;background: url("../images/index-img06.jpg") no-repeat center center;width: 640px;height: 279px;background-size: 640px 279px;}
.hezuo-link{text-align: center;}
.hezuo-link a{margin: 2rem;}
/*.footer-txt{font-size: 20px;line-height: 30px;}*/
@media screen and (min-width:1200px){
	.footer-wrap,.main-wrap,.head-wrap,.main{
		font-size:20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.footer-wrap,.main-wrap,.head-wrap,.main{
		font-size:16px;
	}
}

@media screen and (max-width: 767px){
	.footer-wrap,.main-wrap,.head-wrap,.main{
		font-size:16px;
	}
}
@media screen and (max-width: 479px) {
	.footer-wrap,.main-wrap,.head-wrap,.main{
		font-size:14px;
	}
}

/*海贸云商简介*/
.l_main2 p a img{width: 9rem;height: 9rem;margin: 2rem 3rem 0 3rem;}
/*产品*/
.pro-ico img{width: 67px;height: 60px;}
/*云供应链*/
.chain-input{    width: 100%;  height: 9rem;  border: 1px solid #ddd;font-size: 4rem;text-indent: 2rem;}
#send_btn{width: 30%;height: 9rem;display: inline-block;font-size: 3.5rem;margin-left: 2rem;background-color: #2ec0f6;line-height: 6rem;
    text-align: center;color: #fff;border-radius: 15px;}
.am-modal-dialog{font-size: 5rem; text-align: center; margin-top: 7rem; line-height: 4rem;}
#errMsg{font-size: 4rem;line-height: 8rem;}
.am-modal-hd{font-size: 5rem;}
.decl-img{width: 19% !important;}