* {outline:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}
body,button,input,select,textarea {font:14px/1.8 arial,"times new roman",tahoma,"Microsoft Yahei","Microsoft JhengHei",sans-serif;color:#000;background: #fff;}
h1,h2,h3,h4,h5,h6 {font-size:100%}
b,cite,code,em,i,small,th {font-style:normal}
ol,ul {list-style:none}
a {text-decoration:none;/*-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;*/cursor:pointer}
fieldset,iframe,img {border:0}
button,input,select,textarea {font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;/*-webkit-appearance:none;*/border:none;background:0 0;outline:0}
table {border-collapse:collapse;border-spacing:0}
th {text-align:inherit}
button,input[type=button],input[type=submit] {cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer {border:0 none;padding:0;margin:0}
input[type=search] {-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder {color:transparent}
input::-ms-clear {display:none}
textarea {resize:vertical;overflow-y:auto}
::-moz-selection {background:#d76c00;color:#fff;text-shadow:none}
::selection {background:#2888d8;color:#fff;text-shadow:none}
a:link,a:visited {text-decoration:none}
a:active,a:hover {text-decoration:none}
html{overflow-x: hidden;}
html.open {overflow:hidden}
.fl {float:left;z-index:9;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.fr{float:right}
.bg {background-size:cover;background-repeat:no-repeat;background-position:center center}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.container{max-width:1400px;margin:0 auto;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.cl{clear: both;height: 0;}
/* CSS Document */

a:hover{color: #000;}



 
 /*全球贸易通如何帮助外贸企业极速精准开发海外市场？*/
.tit{}
.tit b{font-size: 32px; color: rgb(51, 51, 51); font-weight: bold; }
.tit p{font-size: 14px; font-family: "Arial"; color: rgb(128, 128, 128); line-height: 1.2; }
.how{padding: 60px 0 120px;}
.how ul{margin-top: 50px;}
.how ul li{float: left;width: 25%;display: table;}
.how ul li img{}
.how ul li .pic{position: relative;z-index: 1;height: 217px;box-sizing: border-box;}
.how ul li .pic>img{width: 100%;height: 100%;}
.how ul li .pic .tri{position: absolute;bottom:-26px ;left:50%;z-index: 0;transform: translateX(-50%);}
.how ul li .txt{background:#8bc327;padding-top: 40px;box-sizing: border-box;height: 217px;}
.how ul li .txt img{}
.how ul li .txt  b{margin-top: 20px;   font-size: 18px; color: rgb(255, 255, 255); font-weight: bold; line-height: 1.2;display: block; }
.how ul li .txt  p{margin-top: 10px; font-size: 14px; color: rgb(255, 255, 255); line-height: 1.2;}

 .how ul li:nth-child(2n) .txt{background: #fafafa;}
 .how ul li:nth-child(2n) .txt b{color: #333;}
 .how ul li:nth-child(2n) .txt P{color: #808080;}
 .how ul li:nth-child(2n) .pic .tri{top:-26px;}
 
 

/*全球贸易通多语言精准关键词营销*/
.lan .tit{margin-bottom: 28px;}
.lan img{width: 100%;}
.lan .txt-list{margin-top: 64px;text-align: center;}
.lan .txt-list ul{width: calc(100% + 30px);}
.lan .txt-list ul li{box-sizing: border-box;   box-shadow: 0px 0px 5px rgba(0,0,0,0.1);   width: calc(100% / 3 - 30px); margin-right: 30px;float:left;border-left:solid 5px #8ac127;border-right:solid 5px #8ac127;padding: 32px 44px;}
.lan .txt-list ul li p{ height: 40px; font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1.2;}


/*全球贸易通多语言精准关键词营销*/
.glo{background: url(../images/glo.jpg)no-repeat center top / cover;margin: 98px 0 0;padding-top: 52px;}
.glo .info{margin-top: 26px;}
.glo .info p{margin: 0 16%;  font-size: 16px; font-family: "MicrosoftYaHeiLight"; color: rgb(77, 77, 77); line-height: 2.25; }
.glo .glo-list ul{width:calc(100% + 39px) ;margin: 70px 0;}
.glo .glo-list ul li{float: left;border-radius: 5px;padding-top: 26px;height: 140px;box-sizing: border-box; background-color: rgb(139, 195, 39);width:calc(100% / 6 - 39px) ;margin-right: 39px;}
.glo .glo-list ul li p{ font-size: 14px;margin-top: 10px;margin-left: 15px;margin-right:15px; color: rgb(255, 255, 255); line-height: 1.714; text-align: center; }
.mul{margin: 70px 0;}
.mul .tit {text-align: center;}
.mul .tit p{ background-color: rgb(139, 195, 39);  max-width: 317px;border-radius: 22.5px; font-size: 18px; height: 45px;margin: 0 auto;line-height: 45px;color: #fff; }
.mul .mul-list{margin-top: 60px;}
.mul .mul-list ul{width:calc(100% + 39px) ;}
.mul .mul-list ul li{ text-align: center; float: left;border-radius: 5px;padding-top: 26px;height: 140px;box-sizing: border-box; background-color: #e35826;width:calc(100% / 6 - 39px) ;margin-right: 39px;}
.mul .mul-list ul li p{ font-size: 14px;margin-top: 10px;margin-left: 15px;margin-right:15px; color: rgb(255, 255, 255); line-height: 1.714; text-align: center; }




/*pc*/
.pc{background: #fcfcfc;padding-top: 70px;}
.pc .pc-left,.pc .pc-right{width: 40%;}
.pc img{width: 100%;}


/*系统*/ 
.sys{margin-top: 62px;}
.sys .sys-left{width: 45%;}
.sys .sys-left ul {margin-top: 36px;width: calc(100% + 35px );}
.sys .sys-left ul li{text-align: center; width: calc(99% / 2 - 35px );  font-size: 18px; color: rgb(252, 252, 252); font-weight: bold; line-height: 55px; margin: 0 36px 36px 0;    float: left; border-radius: 5px; background-color: rgb(139, 195, 39);} 
.sys .sys-left .txt {margin-top: 5px;width: 99%;box-sizing: border-box;  padding: 22px 35px; border-width: 1px; border-color: rgb(139, 195, 39); border-style: dashed; border-radius: 5px; background-color: rgb(255, 255, 255);}
.sys .sys-left .txt p{background: url(../images/square.jpg)no-repeat left center;padding-left: 15px; font-size: 15px; color: rgb(128, 128, 128); line-height: 2; }


.sys .sys-right{width: 45%;margin-right: 2%;}
.sys .sys-right ul {margin-top: 36px;width: calc(100% + 35px );}
.sys .sys-right ul li{text-align: center; width: calc(99% / 2 - 35px );  font-size: 18px; color: rgb(252, 252, 252); font-weight: bold; line-height: 55px; margin: 0 36px 36px 0;    float: left; border-radius: 5px; background-color: rgb(139, 195, 39);} 
.sys .sys-right ul li:nth-child(1) b{background: url(../images/ms1.png)no-repeat left center #8bc327;padding-left: 42px;}
.sys .sys-right ul li:nth-child(2) b{background: url(../images/ms2.png)no-repeat left center #8bc327;padding-left: 42px;}
.sys .sys-right ul li:nth-child(3) b {background: url(../images/ms3.png)no-repeat left center #8bc327;padding-left: 42px;}
.sys .sys-right ul li:nth-child(4) b{background: url(../images/ms4.png)no-repeat left center #8bc327;padding-left: 42px;}
.sys .sys-right .txt {margin-top: 5px;width: 99%;box-sizing: border-box;  padding: 22px 35px; border-width: 1px; border-color: rgb(139, 195, 39); border-style: dashed; border-radius: 5px; background-color: rgb(255, 255, 255);}
.sys .sys-right .txt p{font-size: 15px; color: rgb(128, 128, 128); line-height: 2; }



/*edm*/
.edm{background:#fcfcfc;margin: 65px 0 80px;padding: 62px 4% 30px;}
.edm .edm-l{width: 36%;}
.edm .edm-l ul{margin-top: 40px;width: calc(100% + 12px);}
.edm .edm-l ul li{float: left;width: calc(100% / 2 - 12px);margin: 0 12px 60px 0;}
.edm .edm-l ul li .pic{}
.edm .edm-l ul li p{margin-left: 20px;width:70%;font-size: 14px;  color: rgb(102, 102, 102);  line-height: 24px;}  
.edm .edm-m{margin: 0 4%;width: 36%;}


/*sns*/
.sns em{font-size: 24px;color: rgb(51, 51, 51); line-height: 1; margin-bottom: 36px;display: block;}
.sns .sns-top{margin-bottom:40px ;}
.sns ul li{padding-top:44px;text-align: center;box-sizing: border-box;    width: 80px;height: 114px;margin-right: 26px;display: inline-block;}

.sns .sns-top ul li:nth-child(1){background:url(../images/sns1.png)no-repeat center;}
.sns .sns-top ul li:nth-child(2){background:url(../images/sns2.png)no-repeat center;}
.sns .bottom ul li:nth-child(1){background:url(../images/sns3.png)no-repeat center;}
.sns .bottom ul li:nth-child(2){background:url(../images/sns4.png)no-repeat center;}
.sns .bottom ul li:nth-child(3){background:url(../images/sns5.png)no-repeat center;}





/*智能数据监控系统*/
.zn .tit {margin-bottom: 70px;}
.zn .tit p { background-color: rgb(139, 195, 39); max-width:40%; border-radius: 22.5px; font-size: 18px; height: 45px; margin: 0 auto; line-height: 45px; color: #fff; } 
.zn ul{}
.zn ul li{float: left;width:calc(100% / 5)  ;text-align: center;}
.zn ul li b{margin-top: 20px;display: block;  font-size: 18px; color: rgb(51, 51, 51);font-weight: bold;  line-height: 1.2;}
.zn p.txt{margin: 60px 0 72px;    padding: 20px 54px;border-radius: 5px;  border-style: dashed; border-width: 2px;border-color: rgb(139, 195, 39);font-size: 18px;color: rgb(51, 51, 51);line-height: 2.222;  text-align: left;}



/*案例*/
.case{margin: 0 0 67px;}
.case ul{margin-top: 50px;}
.case ul li{float: left;position: relative;width: 25%;margin-bottom: 0;font-size: 0;}
.case ul li img{width: 100%;}
.case ul li b{position: absolute;margin: 0;  text-align: center;transform:translateY(-50%);    line-height: 55px;left:33%; top:50%;width:150px;height:55px;background-color: rgba(139, 195, 39,0.7); font-size: 20px; color: rgb(255, 255, 255); font-weight: bold;}

/*合作*/
.cor{margin: 60px auto 0;}

.cor .cor-list{margin: 40px auto 0;text-align: center;}

.cor ul{}
.cor ul li{float: left;margin:0 0.5%;}
.cor ul li img{max-width: 100%;}


.cor ul.cor-t{max-width:86%;margin:0 auto;} 
.cor ul.cor-t li{width: calc(100% / 6  - 1%);}
.cor ul.cor-m {position: relative;top:-47px;}
.cor ul.cor-m li{width: calc(100% / 7 - 1%);}
.cor ul.cor-b li{width: calc(100% / 6 - 1%);}

.cor ul.cor-b{position: relative;top:-90px;max-width:86%;margin:0 auto;}

















/*内页*/
.po-m{position: relative;}
.ny-main {margin:40px 0;overflow: hidden;}
.position{width: 100%;height: 60px;line-height: 60px; position: absolute;bottom:0;left:0;z-index: 2;}
.position .container{ background-color: rgba(255, 255, 255,0.43);padding:0 15px ;box-sizing: border-box;}
.position span{font-size: 15px;  background: url(../images/ny-home.png) no-repeat center left;padding-left: 25px;color: #333;}
.position span a{display:inline-block;color: #333;}
.position span .on,.position span a:hover{color: #1757a5; }
.position .ctitle1  li,.position .ctitle2  li{float: left;margin-left: 1px;}
.position .ctitle1  li a,.position .ctitle2  li a{font-size: 15px;  display: block;width: 180px;height: 50px;color: #333;text-align: center;}
.position .ctitle1  li.on a,.position .ctitle1  li:hover a,.position .ctitle2  li.on a,.position .ctitle2  li:hover a{color: #1757a5;}


/*内页服务*/
.ny-service-list{border-radius: 5px;}
.ny-service-list .service-class ul li{position: relative;width: calc(100% / 3);box-sizing: border-box;padding: 57px 56px 48px;height: 246px;background:#3b97bd;float:left;text-align: left;}
.ny-service-list .service-class ul li:after{display: block;opacity: 0;content: ""; position: absolute;left:50%;bottom:-9px;     background: url(../images/tri1.png) no-repeat center;width: 17px;height: 9px;}
.ny-service-list .service-class ul li:hover:after{opacity: 1;}


.ny-service-list .service-class ul li:nth-child(2):after{background: url(../images/tri2.png) no-repeat center;}
.ny-service-list .service-class ul li:nth-child(3):after{background: url(../images/tri3.png) no-repeat center;}

.ny-service-list .service-class ul li .pic{transition: all 0.3s;}
.ny-service-list .service-class ul li .txt{margin-left:44px;}
.ny-service-list .service-class ul li .txt h3,.ny-service-list ul li .txt p{color: #fff;}
.ny-service-list .service-class ul li .txt h3{font-size:1.25rem ;line-height: 1.25rem;font-weight: normal;}
.ny-service-list .service-class ul li .txt p{font-size:0.875rem;margin-top: 17px;line-height: 1.75rem;}
.ny-service-list .service-class ul li:nth-child(2){background:#00479d;}
.ny-service-list .service-class ul li:nth-child(3){background:#5ca886;}
.ny-service-list .service-class ul li:hover{cursor: pointer;}
.ny-service-list .service-class ul li:hover .pic{transform: rotateY(180deg);}

.service-infomation .service-info:nth-child(2) .info-tit b,.service-infomation .service-info:nth-child(2) .info-tit p{color: #00479d;}
.service-infomation .service-info:nth-child(3) .info-tit b,.service-infomation .service-info:nth-child(3) .info-tit p{color: #5ca886;}
.service-info{background: #fff;padding:77px 70px;}
.service-info .info-tit{border-bottom:solid 1px #f0f0f0;background: url(../images/info-tit-bg1.jpg)no-repeat left center;padding-left: 63px;}
.service-info:nth-child(2) .info-tit{background: url(../images/info-tit-bg2.jpg)no-repeat left center;padding-left: 63px;}
.service-info:nth-child(3) .info-tit{background: url(../images/info-tit-bg3.jpg)no-repeat left center;padding-left: 63px;}

.service-info .info-tit b,.service-info  .info-tit p{color: #3b97bd;}
.service-info .info-tit b{font-size:1.25rem;font-weight: bold;line-height:1.25rem;}
.service-info .info-tit p{font-size:0.9375rem;line-height:0.9375rem; padding:8px 0 9px;}
.service-info .txt{margin-top: 58px;margin-bottom: 2%;}
.service-info .txt h4{width: 30%;background:rgba(59, 151, 189,0.05);color: #000;font-size:1rem;font-weight: normal;height: 50px;line-height: 50px;text-indent: 22px;margin-right: 5%;}
.service-info .txt p{width: 60%;color: #444;font-size: 0.9375rem ;line-height:2.125rem;}
.service-info:nth-child(2) .txt h4{background:rgba(0, 71, 157,0.05);}
.service-info:nth-child(3) .txt h4{width: 100%;background:rgba(92, 168, 134,0.05);}



/*招聘岗位*/
.job-list ul li{background: #fff;padding: 27px 40px;height: 100px;box-sizing: border-box;margin-bottom: 26px;}
.job-list ul li .job-left{}
.job-list ul li .job-left  em{color: #333;font-size: 1.125rem; line-height: 1.125rem;display: block;margin-bottom: 13px;}
.job-list ul li .job-left span{color: #666666;}
.job-list ul li .job-right .time{margin-right: 98px;}
.job-list ul li .job-right .time p{color: #bcbcbc;line-height:48px;}
.job-list ul li .job-right .more{ width: 143px; height: 37px;border:solid 1px #dddddd;color: #666;text-align: center; line-height:37px;}
.job-list ul li:hover{background: #1757a5;}
.job-list ul li:hover em,.job-list ul li:hover p,.job-list ul li:hover span,.job-list ul li:hover .more,.job-list ul li:hover .job-left {color: #fff;}
.job-contact{background: #fff;margin: 13px 0 0;padding: 27px 40px;}
.job-contact .info:first-child{margin-bottom: 36px;}
.job-contact .info em{font-size: 1.25rem; line-height: 1.25rem; margin-bottom: 1rem;display: block;}
.job-contact .info p{color: #666;line-height: 1.625rem;font-size: 0.875rem;}


/*新闻*/
.ny-news-list ul{width: calc( 100% + 24px );}
.ny-news-list ul li{transition: all 0.3s;margin-bottom: 24px;box-sizing: border-box;padding:20px;border: solid 1px #ebf1f9;float: left;margin-right:24px;background: #fcfcfc;width: calc(100% / 2 - 24px );}
.ny-news-list ul li em.name{color: #333;font-size:1.125rem;display: block;margin-bottom: 38px;}
.ny-news-list ul li .txt-left{width: 65%;border-right:solid 1px #dfdfdf;margin-right: 4%;padding-right:9%;}
.ny-news-list ul li .txt-left p{ font-size: 0.875rem ;line-height: 1.75rem; color: #666;margin-bottom: 39px;}
.ny-news-list ul li .txt-left span{ display: block;border: solid 1px #dddddd; text-align: center;  width: 145px;height: 39px;border-radius: 19.5px;line-height: 39px; font-size: 0.875rem ; color: #666;}
.ny-news-list ul li .time {width:15% ;}
.ny-news-list ul li .time span{font-size: 0.875rem ;line-height:0.875rem;color: #666;display: block;margin-bottom: 15px; }
.ny-news-list ul li .time p{color: #444;}
.ny-news-list ul li .time p b{ font-size:1.5rem; line-height: 1.5rem;font-weight: normal;display: block;margin-bottom: 15px;}
.ny-news-list ul li .time p em{font-size:1rem;line-height: 1rem;}
.ny-news-list ul li:hover{background: #00479d;}
.ny-news-list ul li:hover .name,.ny-news-list ul li:hover p,.ny-news-list ul li:hover span{color: #fff;}


/*内页联系*/
.ny-contact{}
.ny-contact .content{padding:70px 44px;box-sizing: border-box;background: #fff;}
.ny-contact .con-left {width: 40%;}
.ny-contact .con-left ul li{padding-bottom:42px;}
.ny-contact .con-left ul li:first-child{border-bottom:solid 1px #f6f6f6;margin-bottom: 38px;}
.ny-contact .con-left ul li  em{margin-bottom: 36px;display: block;  font-size:1.375rem;color: #333;line-height:1.375rem;padding-bottom: 18px;position: relative;}
.ny-contact .con-left ul li  em:after{display: block;content: ""; background: #f2f2f2;height: 1px;width: 70px;position: absolute;left:0;bottom: 0;}
.ny-contact .con-left ul li  p{color: #666;font-size:0.9375rem ;line-height:  1.875rem ;}
.ny-contact .con-left ul li p.add{background: url(../images/add.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-left ul li p.postcode{background: url(../images/mail.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-left ul li p.tel{background: url(../images/tel.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-left ul li p.fax{background: url(../images/fax.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-left ul li p.person{background: url(../images/person.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-left ul li p.mail{background: url(../images/mail.png)no-repeat left center;padding-left: 33px;}
.ny-contact .con-right{width: 57%;overflow: hidden;max-width:100%;}







/*内页分页样式*/
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}