﻿/* CSS Document */
/* 外贸狼 做最好的品牌 */
/* 网址：www.waimaolang.cn */
/* QQ：1114759591 */
@charset "utf-8";
body,html{ font-family: "微软雅黑",arial; overflow-x: hidden;}
/*导航*/
header
.head_top{ height: 38px; line-height: 38px; background: #f5f5f5; }
.head_top .head_tel{ font-size: 16px; color: #999999;}
.head_top .head_nav a{ margin-left: 25px; font-size: 16px; color: #999999; }
.head_top .head_nav a:hover{color: #666;}

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

.header_tou{ padding: 25px 0; }
.logo{ box-sizing: border-box; padding-top: 10px; }
.logo img{ height: 58px; }
.navItemList>li { margin: 0 12px; height: 70px; line-height: 70px; text-align: center; position: relative; float: left; }
.navItemList>li>a { display: block; width: 100%; height: 100%; font-size: 18px; padding:0 10px; color: #333; font-size: 16px; cursor: pointer;}
.navItemList>li:hover a:after { width: 100%; }
.navItemList>li:hover a, .navItemList>li.active:hover a { color: #EF7E00; text-decoration: none;}
.navItemList>li.active a { color: #EF7E00; z-index: 2; transition: transform 300ms ease;  }
.navItemList>li>a:after { content: ''; display: block; border-bottom:5px #EF7E00 solid; position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; width: 0; height: 100%; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.navItemList>li:nth-child(2)>a .p_hot{ position:absolute; right: 10px;}

.navItemList li .dropdown-menu1{ min-width: 210px;}
.navItemList li .dropdown-menu dd{ line-height: 35px; height: 35px; text-align: left; border-bottom:  solid 1px #ddd;  padding: 0 10px;}
.navItemList li .dropdown-menu dd:last-child{ border-bottom: none; }
.navItemList li .dropdown-menu dd a{ color: #333; width: 100%; display: block; cursor: pointer;}
.navItemList li .dropdown-menu dd:hover{ background: #000; }
.navItemList li .dropdown-menu dd:hover a{ color: #fff;}

/*脚部*/
footer{ background: #373D41; padding-top: 35px; color: #FFFFFF;}
footer h4{ font-size: 15px; color: #CCCCCC; margin-bottom: 8px; font-weight: bold;}
footer p{ font-size: 14px; color: #FFFFFF;}
footer a{ font-size: 13px; color: #999999; display: block; line-height: 28px;}
footer .foot_contact{ background: url(http://www.zmkmjz.com/img/shouqian.jpg) no-repeat; padding-left: 55px; padding-right: 60px; margin-right: 60px; border-right: 1px solid #4b5054; min-height: 250px; margin-bottom: 35px;}
footer .foot_contact h4{ font-size: 18px;}
footer .foot_contact p{ font-size: 25px; margin-bottom: 15px; font-family: arial; font-weight: normal;}

footer .foot_nav li{ float: left; padding: 0 30px 0 65px;}
footer .foot_nav li h4{ margin-bottom: 12px;}

footer .foot-erweima{ text-align: center;}
footer .foot-erweima p{ font-size: 14px; padding:8px 0  18px 0; color: #CCCCCC; letter-spacing: 1px;}
footer .foot-erweima img{ width: 90px; margin-bottom: 12px;}

footer .foot-right{ border-top: 1px solid #4b5054; padding-bottom: 35px;}
footer .foot-right .foot-r-a{ padding: 15px 0 15px 0;}
footer .foot-right .foot-r-a a{ font-size: 15px; display: inline-block; margin-right: 25px;}
footer .foot-right p{ font-size: 15px; color: #999999; line-height: 30px;}
footer a:hover{ color: #FFFFFF; transition: all 0.8s;}

/* slider */
.slider { position: relative; overflow:hidden; }
.slider ul { padding-bottom: 38.25%; }
.slider li { position: absolute; left: 0; top: 0; z-index: 20; width: 100%; padding-bottom: 31.25%; }
.slider li.is-curr { z-index: 22; }
.slider li.is-next { z-index: 21; }
.slider .slide img { position: absolute; left: 0; top: 0; width: 100%; }
.sliderTxt { position: absolute; width: 1200px; z-index: 22; text-align: left; }
.sliderTxt h2 { font-family: "微软雅黑"; font-size: 48px; color: #000; margin-bottom: 15px; }
.sliderTxt h3 { font-family: "微软雅黑"; font-size: 30px; color: #ff8b00; margin-bottom: 10px; }
.sliderTxt.st2 { top: 30%; left: 0; right: 0; bottom: 0; margin: auto; }
.sliderTxt.st1 { top: 0; right: 15%; height: 150px; bottom: 0; margin: auto; }
.sliderTxt a { font-size: 20px; color: #333333; display: inline-block; line-height: 52px; height: 52px; padding: 0 20px; border: 1px solid #333333; margin-top: 20px; background: rgba(255,255,255,0.6);}
.sliderTxt a:hover{ background: #ff8b00; color: #ffffff; border-color:#ff8b00; transition: all 0.8s;  }
.sliderTxt.st2 .sTxt.EnglishText { font-family: "Helvetica" }

.sliderTxt.st0 { position: relative;display: block; width: 100%; height: 100%; top: 0; bottom: 0; margin: auto;left:18%} 
.slider .sliderTxt .sTxtLeft{position:absolute;top:150px;left:0;width:677px;height:340px;}
.slider .sliderTxt .sTxtRight{position:absolute;top:170px;left:20%;width:auto;height:252px;}
.slider .sliderTxt .sTxtRight h3{display:block}

.dot-list { position: absolute;left: 48.5%;bottom: 10px; z-index: 25;}
.dot-list .dot {display: inline-block;width: 10px;height: 10px; margin: 3px; background-color: #fff; border-radius: 5px;cursor:pointer;}
.dot-list .dot.active{background-color: #D90000;}
#prev{position: absolute;left: -50px; top: 0;width: 50px;height: 100%;background: url("http://www.zmkmjz.com/img/arl.png") no-repeat center; z-index: 25;}
#next{position: absolute;right: -50px;top: 0; width: 50px;height: 100%;background: url("http://www.zmkmjz.com/img/arr.png") no-repeat center; z-index: 25;}
#prev,#next{-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; cursor: pointer;}
#HopeSlider:hover #prev{left: 0;}
#HopeSlider:hover #next{right: 0;}

/*幻灯下面阴影*/
.slider_yin{ height: 115px; background: rgba(0,0,0,0.6); position: absolute; margin-top: -115px; z-index: 24; width: 100%; }
.slider_yin ul li{ color: #ffffff; margin-top: 26px; width: 20%; float: left;}
.slider_yin ul li h3{ font-size: 18px; }
.slider_yin ul li p{ font-size: 16px; margin-top: 5px; }
.slider_yin ul li img{  float: left; margin-right: 10px; margin-top: 5px;}

/*外贸狼 价值观*/
.values_in{ padding: 25px 0; background: #ffffff; text-align: center; color: #333333; }
.values_in div{ display: block; }
.values_in p{ font-size: 14px; margin: 8px 0;}
.values_in h3{font-size: 24px; margin: 25px 0 8px 0; color: #000000;}
.values_in span{font-size: 16px; margin: 8px 0;}

.Three_Views{ background: #F5F5F6; width: 100%; padding: 10px 0; }
.Three_Views ul li{ text-align: center; background: #ffffff; display: inline-block; padding-bottom: 15px;  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer;}
.Three_Views ul li .inner{ z-index: 11; position: relative;}
.Three_Views ul li img{ margin: 1px; width: 370px;}
.Three_Views ul li h2{ font-size: 24px; margin:25px 0;}
.Three_Views ul li p{ font-size: 16px; line-height: 25px;}
.ma_0{ margin-right: 43px;}
.Three_Views ul li:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #EF7E00; z-index: 10; height: 0; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Three_Views ul li:hover:after { height: 100%; }
.Three_Views ul li:hover h2,.Three_Views ul li:hover p{ color: #FFFFFF;}

/*解决方案*/
.solution{ background: #373D41; width: 100%;}
.solution .main{ width: 80%;}
.solution ul li{ float: left; text-align: center;  width: 20%; cursor: pointer; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.solution ul li b{ position: relative; width: 100%; display: block;}
.solution ul li b img{ width: 100%; height: 100%;}
.solution ul li .inner{ display: block; width: 100%; height: 100%; padding-top: 45%;  box-sizing: border-box; z-index: 11; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .8s cubic-bezier(.6,0,.2,1);}
.solution ul li .inner span{ border-bottom: 2px solid #FFFFFF; display: block; width: 30px; height: 25px; margin: 0 auto; margin-bottom: 15px;}
.solution ul li .inner p{ font-size: 25px; color: #FFFFFF; line-height: 40px; margin-bottom: 20px;}
.solution ul li .inner a{ font-size: 18px; color: #000000; line-height: 45px; border: 1px solid #333333; display: none; width: 130px; height: 45px; margin: 0 auto; border-radius: 3px;}
.solution ul li .inner a:hover{ background: #EF7E00; color: #FFFFFF; border-color: #EF7E00; transition: all 0.8s;}
.solution ul li:hover a{ display: block;}
.solution ul li:hover p{ color: #000000; }
.solution ul li:hover .inner{padding-top: 35%;}

.solution ul li:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(255,255,255,0.6); z-index: 10; height: 0; width: 100%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.solution ul li:hover:after { height: 100%; }

@media (max-width: 1200px) {
	.solution .main{ width: 1200px;}
}

/*技术产品线*/
.product_line .pr_li{ width: 19.5%; float: left; margin:0 0.25%; background: #EFEFEF; }
.pr_li .pr_title{background: #666666; color: #FFFFFF; padding: 30px 0; text-align: center; line-height: 36px; position: relative; z-index: 11; box-sizing: border-box;}
.pr_li .pr_title h3{ font-weight: 600; font-family: "微软雅黑";}
.pr_li .pr_title p{ font-size: 16px;}
.pr_li b{ width: 80px; display: block; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; color: #FFFFFF; background: #666666; font-size: 36px; margin: 0 auto; position: relative; margin-top: -40px; z-index: 12;}
.pr_li .pr_content{ font-size: 14px; box-sizing: border-box; height: 315px; position: relative; margin-top: -40px; padding: 60px 15px 0 15px; line-height: 32px;}
.product_line .pr_li:hover .pr_content{ background: #E3E3E3; box-shadow:0 1px 3px 1px #CCCCCC ; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.product_line .pr_li:hover .pr_title,.product_line .pr_li:hover b{ color: #FFFFFF; background: #00B1EE; transition: all 0.8s;}

/*视频*/
.in_video{ background: #f5f5f5 url(http://www.zmkmjz.com/img/video_bj.jpg) repeat-x; margin-top: 30px;}
.in_video .values_in{ background: none;}
.video-v{ padding: 0px 10px 30px 10px;}
.video-v .video-thumbnail{ display:block; width: 900px; height: auto; margin: 0 auto; padding: 15px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 12px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}

/*浏览统计*/
.statistics{ text-align: center; background: url(http://www.zmkmjz.com/img/statistics.jpg) no-repeat center center; height: 105px; line-height: 105px; font-size: 25px; color: #FFFFFF;}

/*系统运行架构图*/
.architecture .si_tu{ padding: 15px auto;}
.architecture .si_icon{ text-align: center; padding: 20px 0;}
.architecture .si_icon li{ display: inline-block; margin: 0 12px; font-size: 16px;}
.architecture .si_icon li img{ margin-right: 8px;}

/*携手共赢*/
.situation{ margin: 20px 0;}
.situation .slogo{ padding: 15px 0; text-align: center;}
.situation .slogo img{ border: 1px solid #FFFFFF; border-radius: 5px; cursor: pointer;}
.situation .slogo img:hover{ border-color:#00B1EE ; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}

/*海关数据注册*/
.haiguan{ background: url(http://www.zmkmjz.com/img/haiguan.jpg) no-repeat center center; height: 200px; text-align: center; margin-top: 15px;}
.haiguan p{ font-size: 25px; color: #FFFFFF; padding-top: 56px; }
.haiguan a{ font-size: 25px; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 8px 20px; margin-top: 20px; display: inline-block; border-radius: 4px;}
.haiguan a:hover{ border-color:#EF7E00; background: #EF7E00; -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}


/*外贸CRM系统*/
.crm_banner{ background: url(http://www.zmkmjz.com/img/crm_bj.jpg) no-repeat center top; height: 640px; border-top: 1px solid #efecec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 80px;}
.crm_banner .crm_tu{ font-size: 45px; color: #000000; line-height: 62px; padding-left: 20px;}
.crm_banner .crm_tu img{ margin-right: 30px;}
.crm_banner .crm_p{ padding-left: 20px; line-height: 25px; font-size: 14px; padding-top: 30px;}
.crm_banner .main_p{ font-size: 21px; text-align: center; padding-top: 90px; font-family: "微软雅黑";}
.crm_banner .btn_san{ text-align: center; border-bottom:  1px solid #DDDDDD;}
.crm_banner .btn_san a{ font-size: 14px; color: #333333; margin: 0 45px; padding: 15px 0; display: inline-block;}
.crm_banner .btn_san a:hover{ color: #EF7E00; transition: all 0.8s;}
.crm_banner .affix{ top: 0px; background: #FFFFFF; width: 100%; left: 0; z-index: 999; }

/*四个管理*/
.sige{ background: #F5F8FA; width: 100%;}
.sige ul{ padding: 25px 0;}
.sige li{ text-align: center; float: left; width: 25%; cursor: pointer;}
.sige li h2{ font-size: 24px; background: #FFFFFF; padding-top: 15px;}
.sige li p{ font-size: 15px; padding: 10px 0 15px; background: #FFFFFF;}
.sige li img{ margin-top: 8px; }
.sige li:hover h2,.sige li:hover p{ background: #00B1EE; transition: all 0.8s; color: #FFFFFF;}

/*功能介绍*/
h2.sige_h2{ background: url(http://www.zmkmjz.com/img/dian.jpg) repeat-x center center; margin-top: 50px; display:inline-block; width: 100%;}
h2.sige_h2 span{ background: #FFFFFF; padding: 5px; display: inline-block; font-size: 24px;}

.features_p{background: url(http://www.zmkmjz.com/img/features.jpg) repeat-x center center; height: 750px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 30px 0 0 0; position: relative; overflow: hidden;}
.features_p>div{visibility: visible;}
.features_p h2{ font-size: 23px; color: #00AB30; line-height: 30px;}
.features_p p{ font-size: 15px; color: #666666; line-height: 22px;}
.features_p_01{ position: absolute; left: 45px; top: 347px; transition: height 0.6s;}
.features_p_02{ position: absolute; left: 61px; top: 86px;}
.features_p_03{ position: absolute; left: 354px; top: 25px;}
.features_p_04{ position: absolute; left: 628px; top: 38px;}
.features_p_05{ position: absolute; left: 868px; top: 48px;}
.features_p_06{ position: absolute; left: 964px; top: 254px;}
.features_p_07{ position: absolute; left: 911px; top: 557px;}

/*产品优势*/
.advantages{}
.advantages .advantages_p{ padding: 20px 0;}
.advantages .advantages_p li{ width: 25%; text-align: center; float: left; border-left: dashed 1px #DDDDDD; padding: 10px 0;}
.advantages .advantages_p li:first-child{ border:0 !important; }
.advantages .advantages_p li h3{ font-size: 18px; padding: 10px 0; font-weight: 600;}
.advantages .advantages_p li p{ width: 70%; margin: auto; display: block; text-align: left; line-height: 22px;}
.advantages .advantages_2{margin: 4px 0; border-left: 1px solid #DDDDDD; display: inline-block; width: 100%;}
.advantages .advantages_2 li{ width: 33.333333%; float: left; text-align: center; border: 1px solid #DDDDDD;  border-left: none; padding: 20px 0; background: #FDFDFD;}
.advantages .advantages_2 li img{ border-radius: 5px;}
.advantages .advantages_2 li h3{ font-size: 16px; padding: 10px 0; font-weight: 600;}
.advantages .advantages_2 li p{ font-size: 13px; display: block; width: 80%; margin: 0 auto;}
.advantages .advantages_2 li:hover{ background: #00B1EE; transition: all 0.8s; color: #FFFFFF;}

/*七剑法模式*/
.swordsmanship_1{ background: url(http://www.zmkmjz.com/img/adv11.jpg) no-repeat center top; height: 87px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 80px; padding-top: 13px;}
.swordsmanship_1 h3{ font-size: 20px; color: #FFFFFF; line-height: 35px;}
.swordsmanship_1 p{ font-size: 15px; color: #FFFFFF;}

.swordsmanship_2{ background: url(http://www.zmkmjz.com/img/adv12.jpg) no-repeat right top; height: 425px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; padding-top: 35px;}
.swordsmanship_2 li{ font-size: 15px; line-height: 50px; font-family: "微软雅黑";}
.swordsmanship_3{ padding: 0 30px;}
.swordsmanship_3 li{ padding-left: 75px; height: 85px; border-top: 1px solid #F5F5F6; border-bottom: 1px solid #F5F5F6;}
.swordsmanship_3 li h3{ font-size: 18px; line-height: 35px; display:inline-block; width: 100%; margin-top: 13px;}
.swordsmanship_3 li p{ font-size: 16px;}
.swordsmanship_3 li.sw_1{background:#F5F5F6 url(http://www.zmkmjz.com/img/adv13.jpg) no-repeat 10px center; }
.swordsmanship_3 li.sw_2{background:#F5F5F6 url(http://www.zmkmjz.com/img/adv14.jpg) no-repeat 10px center; }
.swordsmanship_3 li.sw_3{background:#F5F5F6 url(http://www.zmkmjz.com/img/adv15.jpg) no-repeat 10px center; }
.swordsmanship_3 li:hover{ background-color: #FFFFFF; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; box-shadow: -2px 0 0 #FFFFFF, 0 -1px 0 #CCCCCC, 0 1px 0 #CCCCCC, 0 0 0 #FFFFFF; z-index: 10; position: relative; transition: all 0.8s;}

.swordsmanship_4{ text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 75px 0 25px 0;}
.swordsmanship_4 a{ background: #00A2CA; display: inline-block; color: #FFFFFF; padding: 10px 30px; font-size: 18px;}
.swordsmanship_4 a:hover{ background: #ff8b00; transition: all 0.8s;}

/*采购定位系统*/
.gps_banner{ background: url(http://www.zmkmjz.com/img/gpsbj.jpg) repeat-x; height: auto; border-top: 1px solid #efecec; }
.gps_banner .main{background: url(http://www.zmkmjz.com/img/gps01.jpg) no-repeat right top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 80px;}
.gps_banner .gps_tu{ font-size: 45px; color: #000000; line-height: 62px; padding-left: 20px;}
.gps_banner .gps_tu img{ margin-right: 30px;}
.gps_banner .gps_p{ padding-left: 20px; line-height: 26px; font-size: 14px; padding-top: 30px; width: 700px; padding-left: 30px;}
.gps_banner .gps_a{ padding: 55px 0px 50px 30px;}
.gps_banner .gps_a a{ font-size:14px; padding: 10px 35px; margin-right: 15px;}
.gps_banner .gps_a a.gps_a_0{ border: #00B1EE 1px solid; background: #00B1EE; color: #FFFFFF;}
.gps_banner .gps_a a.gps_a_0:hover{ background: #ff8b00; transition: all 0.8s; border-color: #ff8b00;}
.gps_banner .gps_a a.gps_a_1{ border: #00B1EE 1px solid; }
.gps_banner .gps_a a.gps_a_1:hover{ background: #ff8b00; transition: all 0.8s; border-color: #ff8b00; color: #FFFFFF;}
.gps_banner .gps_a a.gps_a_2:hover{ color: #ff8b00; transition: all 0.8s;}
.gps_banner .btn_san{ text-align: center; border-bottom:  1px solid #DDDDDD;}
.gps_banner .btn_san a{ font-size: 14px; color: #333333; margin: 0 45px; padding: 15px 0; display: inline-block;}
.gps_banner .btn_san a:hover{ color: #EF7E00; transition: all 0.8s;}
.gps_banner .affix{ top: 0px; background: #FFFFFF; width: 100%; left: 0; z-index: 999; }

.gps_h2{ font-size: 21px; padding:40px 0 25px 0;}
.gps_h2 span{ border-left: 2px solid #00A2CA; padding-left: 12px; font-weight: 600;}

/*产品结构*/
.structure_gps,.model_gps,.demo_gps,.solution_gps{ padding: 35px 0;}
.structure_gps_1{ border: 1px solid #DDDDDD;}
.structure_gps_li{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.structure_gps_li h4{ background: #EBEBEC; width: 60px; font-size: 18px; line-height: 30px; text-align: center; vertical-align: middle; padding: 60px 0; border-right: 1px solid #DDDDDD;}
.structure_gps_li ul{ width: calc(100% - 60px); padding: 25px 20px 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.structure_gps_li ul li{ height: 50px; line-height: 50px; width: 250px; text-align: center; font-size: 20px; display: inline-block; background-color: #EBEBEC; margin: 15px 10px;}
.structure_gps_li ul img{ margin-right: 8px;}
/*.structure_gps_li ul li:hover{ background: #ff8b00; transition: all 0.8s; color: #FFFFFF;}*/
.gps_border{ border-top: 1px solid #DDDDDD;}
.gps_li h4{padding: 20px 0;}
.gps_img{background-image: url(http://www.zmkmjz.com/img/gps11.jpg); background-repeat: no-repeat; background-position: 223px 3px;}
.structure_gps_li .gps_ul_img{padding:35px 20px 0 25px;}
.gps_ul_img img.left{ margin-right: 15px !important; margin-left: 10px;}
.gps_ul_img p{ font-size: 14px; width: 500px; display: block; line-height: 28px; padding-top:2px ;}

/*开发模型*/
.model_gps .modal_img{ background: #F5F5F5; text-align: center;}

/*使用演示*/
.demo_gps .demo_a{ padding: 0 25px; margin-bottom: 30px;}
.demo_gps .demo_a .demo_01{ width: 390px; border: 1px solid #DDDDDD; height: 497px;}
.demo_gps .demo_a .demo_h2{ background-color: #EBEBEC; padding: 50px 0 50px 90px;}
.demo_gps .demo_a .demo_02{ border: 1px solid #CCCCCC; padding: 10px; width: 735px; height: 497px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.demo_gps .demo_a .demo_02 img {width: 100%; height: 100%;}
.demo_gps .demo_a h3{ font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.demo_gps .demo_a span{ font-size: 14px; }
.demo_gps .demo_a .demo_p{ font-size: 16px; padding: 45px 60px 0 90px; line-height: 30px; color: #000000;}

.demoimg_1{background-image: url(http://www.zmkmjz.com/img/gps21.jpg); background-repeat: no-repeat; background-position: 25px 45px;}
.demoimg_2{background-image: url(http://www.zmkmjz.com/img/gps22.jpg); background-repeat: no-repeat; background-position: 25px 45px;}
.demoimg_3{background-image: url(http://www.zmkmjz.com/img/gps23.jpg); background-repeat: no-repeat; background-position: 25px 45px;}
.demoimg_4{background-image: url(http://www.zmkmjz.com/img/gps24.jpg); background-repeat: no-repeat; background-position: 25px 45px;}
.demoimg_5{background-image: url(http://www.zmkmjz.com/img/gps25.jpg); background-repeat: no-repeat; background-position: 25px 45px;}

/*应用场景*/
.solution_gps .solution{background: none;}
.solution_gps .solution .main{ width: 1200px !important;}

/*SEO站群定位系统*/
.seo_banner .main{background: url(http://www.zmkmjz.com/img/seo02.jpg) no-repeat right top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 80px;}
.seo_banner .gps_p{ padding-left: 20px; line-height: 26px; font-size: 14px; padding-top: 30px; width: 600px; padding-left: 30px;}
.seo_banner .gps_a a{ padding: 10px !important;}

/*与众不同*/
.structure_seo_1{ border: 1px solid #DDDDDD; margin-top: 15px;}
.structure_seo_li{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.structure_seo_li h4{ background: #EBEBEC; width: 60px; font-size: 18px; line-height: 25px; text-align: center; vertical-align: middle; padding: 30px 0; border-right: 1px solid #DDDDDD;}
.structure_seo_li ul{ width: calc(100% - 60px); padding: 25px 18px 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.structure_seo_li ul h5{ font-size: 18px; font-weight: bold; margin: 8px 0;}
.structure_seo_li ul p{ font-size: 14px; line-height: 28px;}

/*系统优势*/
.adv_seo_li{margin-top: 25px;}
.adv_seo_li h4{ background: #EBEBEC; color: #8e8e90; width: 50px; font-size: 18px; line-height: 30px; text-align: center; vertical-align: middle; padding: 100px 0; height: 100%;}
.adv_seo_li ul{ width: calc(100% - 60px); padding: 0px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.adv_seo_li ul h5{ font-size: 18px; font-weight: bold;}
.adv_seo_li ul p{ font-size: 14px; line-height: 55px;}

/*产品功能*/
.product_seo .product_seo_1{ margin: 15px 0;}
.product_seo .product_seo_1 li{ width: 380px; border: 1px solid #DDDDDD; height: 490px; float: left;}
.product_seo .product_seo_1 li .seo_h01{background-color: #EBEBEC; padding:35px 0 35px 60px; font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.product_seo .product_seo_1 img { margin-right: 15px;}
.product_seo .product_seo_1 li .seo_p01{font-size: 16px; padding: 40px 60px 0 100px; line-height:35px; color: #000000;}
.seo_magin{ margin: 0 30px;}
.product_seo .product_seo_1 li:hover{ background: #00B1EE; transition: all 0.8s;}
.product_seo .product_seo_1 li:hover .seo_p01{ color: #FFFFFF; transition: all 0.8s;}


/*上线时间*/
.time_seo{background: url(http://www.zmkmjz.com/img/seo03.jpg) no-repeat center bottom; height: 515px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.time_seo h1{ font-size: 48px; font-weight: normal; color: #333333; padding-top: 108px;}
.time_seo p{ font-size: 30px; padding-top: 55px;}

/*精准社交营销系统*/
.social_banner .main{background: url(http://www.zmkmjz.com/img/social01.jpg) no-repeat right top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 80px;}

.soc_ial_1 .soc-h3{ font-size: 18px; padding: 25px 45px; line-height: 30px; font-weight: bold;}
.soc_ial_1 .soc_01{ border: 1px solid #DDDDDD; border-bottom: none; display: block; margin: 15px 0;}
.soc_ial_1 .soc_01 dt{ width: 20%; float: left; padding-left: 5%; font-size: 16px; font-weight: bold; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; display: block; height: 101px; line-height: 101px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.soc_ial_1 .soc_01 dd{ float: left; width: 80%; display: block; border-bottom: 1px solid #DDDDDD; font-size: 14px; line-height: 30px; padding: 20px 0 20px 5%;}
.soc_hear{ padding: 20px 0 25px 0;}
.soc_hear .soc-width{ width: 20%; float: left; display: block;}
.soc_hear .soc-width1{ width: 40%; text-align: center; float: left; display: block;}
.social_table .table td .sic_san{ font-size: 18px; font-weight: 600; margin-top: 22px;}
.social_table .table td .sic_san img{ margin-right: 10px;}
.social_table .table td{ padding:20px 35px; line-height: 30px;}
.social_table .table td p{ font-size: 16px; font-weight: 600;}
.social_table .table td span{ font-size: 14px; line-height: 22px;}
.time_soc{ padding: 0 0 15px 0;}

/*谷歌开发客户解决方案*/
.goole_banner{ background: url(http://www.zmkmjz.com/img/goole02.jpg) no-repeat center center; height: 285px; width: 100%;}
.goole_ba h2{ font-size: 45px; color: #FFFFFF; display: inline-block; margin: 80px 0 10px 0; width: 100%;}
.goole_ba p{ font-size: 15px; color: #FFFFFF; line-height: 30px;}
.goole_tab .btn_san{ text-align: center; border-bottom:  1px solid #DDDDDD;}
.goole_tab .btn_san a{ font-size: 14px; color: #333333; margin: 0 45px; padding: 15px 0; display: inline-block;}
.goole_tab .btn_san a:hover{ color: #EF7E00; transition: all 0.8s;}
.goole_tab .affix{ top: 0px; background: #FFFFFF; width: 100%; left: 0; z-index: 999; }
.goole_jiejue{ padding: 10px 0;}
.goole_jiejue .goole_gaishu{ background-color: #F5F5F5; height: 360px; font-size: 18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 430px 0 60px; line-height: 30px;}
.table_p15 td{ padding: 20px 15px !important;}
.goole_title{ background-color: #EBEBEC; padding: 50px 0 50px 70px;}
.goole_title h3{ font-size: 18px; color: #333333; margin-bottom: 10px; font-weight: normal !important; }
.demo_gps .demo_a span{ font-size: 24px; font-weight: bold; }
.red{ color: #ff0000;}
.gps_h2 font{ font-size: 16px; margin-left: 15px; color: #999999;}

.shju-bj{background-image: url(http://www.zmkmjz.com/img/goole01.png); background-position: right bottom; background-repeat: no-repeat;}

/*海关数据客户开发解决方案*/
.data_banner{ background: url(http://www.zmkmjz.com/img/data01.jpg) no-repeat center center; height: 285px; width: 100%;}
.data-bj{background-image: url(http://www.zmkmjz.com/img/data02.jpg); background-position: right bottom; background-repeat: no-repeat;}

/*阿里巴巴过期询盘盘活方案*/
.ali_banner{ background: url(http://www.zmkmjz.com/img/ali02.jpg) no-repeat center center; height: 285px; width: 100%;}
.ali-bj{background-image: url(http://www.zmkmjz.com/img/ali01.jpg); background-position: right bottom; background-repeat: no-repeat;}

/*广交会采购商开发解决方案*/
.pay_banner{ background: url(http://www.zmkmjz.com/img/pay01.jpg) no-repeat center center; height: 285px; width: 100%;}
.pay-bj{background-image: url(http://www.zmkmjz.com/img/pay02.jpg); background-position: right bottom; background-repeat: no-repeat;}

/*客户产品线索深挖解决方案*/
.client_banner{ background: url(http://www.zmkmjz.com/img/client01.jpg) no-repeat center center; height: 285px; width: 100%;}
.client-bj{background-image: url(http://www.zmkmjz.com/img/client02.jpg); background-position: right bottom; background-repeat: no-repeat;}

/*高端定制*/
.in-title {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; padding-right: 35px; padding-top: 120px;}
.in-title h1{ font-size: 45px; color: #FFFFFF; font-weight: bold; margin-bottom: 45px;}
.in-title div{ font-size: 20px; color: #FFFFFF; margin-top: 10px;}
.gao-con-28{ font-size: 28px;}
.line-height-30{ line-height: 45px;}
.gao-con-h1{ border-bottom: 1px solid #DDDDDD; padding: 45px 0 30px 0;}
.gao_banner{background: url(http://www.zmkmjz.com/img/gao01.jpg); height: 400px;}
.gao-santu{ padding: 20px 0 35px 0;}
.gao-santu li{ float: left;}
.gao-santu p{ color: #FFFFFF; position: relative; margin-top: -65px; z-index: 10; text-align: center; font-size: 24px;}
.gao-pading{ margin:0 18px;}
.color-ce{ color: #EF5937;}
.gao-centent{ margin: 50px 0 0 0; padding: 25px 0 0 0; background: url(http://www.zmkmjz.com/img/gao07.jpg) repeat-x;}
.gao-centent .main{background: url(http://www.zmkmjz.com/img/gao08.png) no-repeat right 45px}
.gao-centent h2{ margin-bottom: 35px; }
.gao-pp{ font-size: 22px;}
.gao-25{ padding-bottom: 25px;}
.gao-65{ margin-top: 110px;}
.gao_bik{ background-color:#F2F2F2 ;}
.gao_bik h3{font-size: 22px; text-align: center; line-height: 40px; padding:45px 0 10px 0; color: #666666;}
.bik-p{ font-size: 28px; color: #FE3F3F; font-weight: bold; padding:10px 0 30px 0;}
.gao_bik h2{font-size: 32px; padding:35px; color: #666666; background: #E6E6E6; display: inline-block; margin: 0 auto; margin: 15px 0; font-weight: bold;}
.bik_li li{ text-align: center; background: #E6E6E6; display: inline-block; border: 1px solid #CCCCCC; margin: 1%; width: 22%; padding: 25px 0;}
.bik_li li h4{ font-size: 24px; padding: 25px 0;}
.bik_li li p{ font-size: 17px; padding: 0 25px; line-height: 25px;}
.bik_li_blue{color: #00A7ED;}
.bik_li_green{color: #66B732;}
.bik_li_orgin{color: #ED7E00;}

.gao-ding{ padding: 45px 0;}
.gao-ding .pull-right{ padding-top: 85px;}
.gao-ding .pull-right h3{ font-size: 24px; color: #333333; margin-bottom: 15px;}
.gao-ding .pull-right p{ font-size: 18px; color: #666666; margin-bottom: 35px; padding-left: 25px;}
.gao-ding .pull-right span{ font-size: 18px; width: 25px;}

.gao-liuc{ background: #F8F7F5;}
.gao-liuc h2{ padding:45px 0 35px 0; font-size: 33px; font-weight: bold;}
.gao-liuc span{ text-decoration: underline; margin-right: 15px;}

.gao-liuc-ul{ background: #F2F2F2; /*padding: 8px;*/}
.gao-liuc-ul li{ background: #FFFFFF; float: left; margin: 15px 12px; text-align: center; width: 216px; padding: 65px 0;}
.gao-liuc-ul li p{ font-size: 18px; margin-top: 10px;}
.gao-liuc-ul li:hover p{ color: #00A7ED;}

.gao-wen{ padding: 25px 0;}
.gao-wen h3{ font-size: 27px; line-height: 45px; color: #666666;}
.gao-wen h2{ font-size: 30px; padding: 35px 0 1px 0; border-bottom: 2px solid #FF0000; display:inline-block}
.gao-wen h1{ font-size: 39px; margin-top: 45px;}
.gao-wen p{ font-size: 41px; margin-top: 45px;}

/*价格与服务*/
.service-table{ padding: 35px 0;}
.service-table table tr th{ text-align: center; height: 65px; font-size: 24px; vertical-align: middle; background: #666666; color: #FFFFFF;}
.service-table table tr td{vertical-align: middle; font-size: 16px; line-height: 30px;}
/*.service-table table tr td:nth-child(2){ text-align: left;}*/


/*浮动联系*/

.right-side{width: 144px;height: auto;position: fixed;top: 140px;right: 5px;text-align: center;z-index: 3000; line-height: 26px;}
.right-side .top-side{border-top: 1px solid #1097d5;border-left: 1px solid #1097d5;border-right: 1px solid #1097d5;border-radius: 5px 5px 0 0;background: #fff;}
.right-side .slide{margin-top: 20px;cursor: pointer;}
.right-side .title1{color: #1097d5;font-size: 15px;margin-top: 8px;margin-bottom:20px;}
.right-side .name{color: #2a2a2a;text-align: left;padding-left: 8px;margin-top: 10px;}
.right-side .icon1{background: url('http://www.zmkmjz.com/img/qq.gif') no-repeat;font-size: 16px;text-indent: 24px;background-position: -1px 4px;}
.right-side .icon2{background: url('http://www.zmkmjz.com/img/tel.png') no-repeat left center;font-size: 17px;text-indent:18px;font-size:15px;margin-left:5px;}
.right-side .foot1{color: #2a2a2a;font-size: 15px;margin-top:20px;}
.right-side .foot-tel{color: #2a2a2a;font-size:15px;padding-bottom: 19px;}
.float_controls{background: #fff;height:73px;cursor: pointer;position: relative;border-left: 1px solid #1097d5;border-right: 1px solid #1097d5;border-bottom: 1px solid #1097d5;border-radius:0  0 5px 5px;box-sizing:border-box;}
.float_controls .qr{
    box-sizing:border-box;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(http://www.zmkmjz.com/img/qr.png) no-repeat center center;
    width: 71px;
    height: 71px;
    border-top:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
}
.float_controls .top{
     box-sizing:border-box;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(http://www.zmkmjz.com/img/top.png) no-repeat center center;
    width: 71px;
    height: 71px;
    border-top:1px solid #c3c3c3;
}
.float_qr{width:150px;position:absolute;overflow:hidden;top:-115px;left:-155px;display:none;background: #fff;border:1px solid #d9d9d9;border-radius: 5px;}
.float_qr span img{display:block;float:none;margin:20px auto 10px auto;}
.float_qr span p{display:block;float:none;text-align:center;margin-bottom:5px;}
.qr_arrow{display:block;float:left;position:absolute;bottom:20px;left:119px;}
.message{cursor: pointer;margin-top: 9px;width: 142px;height: 96px;border:1px solid #1097d5;border-radius: 5px;text-align: center;background: #fff;}
.message img{margin-top: 16px;margin-bottom: 4px;}
.message p{color: #1097d5;font-size: 14px;}
.online{position: fixed;right: -3px;top: 250px;background:#1097d5;border-radius: 5px; width: 63px;height: 170px;text-align: center;display: none;z-index: 3000;cursor: pointer;}
.online img{margin-top: 10px;}
.online p{font-size: 20px;color: #fff;width: 32px;margin:0 auto;}

#rightArrow{width:50px;height:45px;background:#ffcb33 url(http://www.zmkmjz.com/img/online_arrow.jpg) no-repeat; position:fixed; top:100px; right:10px; z-index:999; border-radius: 5px; overflow: hidden;}
#rightArrow a{display:block;height:45px;}
