html{margin:0;color:#424242;line-height:20px;background-color:#ffffff;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,audio,canvas,video{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Helvetica","tahoma","arial","\5FAE\8F6F\96C5\9ED1","\5b8b\4f53";font-size:12px;line-height:20px;color:#424242;background-color:#FFF;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
iframe{*display:block;}
fieldset,img{border:0;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
em,s{font-style:italic;}
s{display:inline-block;*display:inline;*zoom:1;text-decoration:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:500;}
abbr,acronym{border:0;font-variant:normal;}
caption,th{text-align:left;}
ol,ul{list-style:none;list-style-type:none;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{height:auto;vertical-align:middle;border:0;}
img{-ms-interpolation-mode:bicubic;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
ins,a,s{text-decoration:none;font-style:normal;}
i{display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;}
a{color:#333333;text-decoration:none;}
a:hover{color:#da4f1f;text-decoration:underline;}
a:active{outline:0;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:bold;line-height:1;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;}
h1{font-size:26px;line-height:34px;}
h2{font-size:20px;line-height:28px;}
h3{font-size:16px;line-height:22px;}
h4{font-size:14px;line-height:20px;}
h5{font-size:12px;line-height:18px;}
h6{font-size:12px;line-height:16px;}
h1 small{font-size:20px;}
h2 small{font-size:14px;}
h3 small{font-size:12px;}
h4 small{font-size:12px;}
.clearfix,.clear,.form li,.innel {*zoom:1;}
.clearfix:before,.clear:before,.form li:before,.clearfix:after,.clear:after,.form li:after,.innel:after {display:table;content:"";}
.clearfix:after,.clear:after,.form li:after,.innel:after {clear:both;}
.fl{float: left;}
.fr{float: right;}
.bg { background: #f6f6f6 }
.w1100{width: 1100px; margin: 0 auto;}

/*header*/
.header .w1100 { position: relative; height: 80px; }
.header .fl img.logo { display: block; margin: 15px 35px 0 15px; width: 202px; height: 50px; }
.header .fr { margin-top: 24px; }
.header .fr .ico { width: 32px; height: 32px; }
.header .fr .phone { padding: 0 10px; vertical-align: middle; font-size: 24px; color: #0382ca; }
.header .fr a { padding: 4px 10px; vertical-align: middle; text-decoration: none; font-size: 20px; color: #fff; border-radius: 16px; background: #0382ca; }
.header .nav { margin: 0 auto; overflow: hidden; }
.header .nav ul li { height: 50px; line-height: 50px; float: left; margin: 15px 25px 0; position: relative; }
.header .nav ul li a { color: #333; display: block; font-family: 'Microsoft Yahei'; font-size: 18px; text-decoration: none; }
.header .nav ul li a:hover { color: #000; text-decoration: none; }
.header .nav ul li span { display: block; position: absolute; width: 0px; height: 0px; background: #0084d1; top: 52px; left: 50%; }
.header .nav ul li.cur a, .nav ul li:hover a { color: #0084d1; }
.header .nav ul li.cur i { display: none; }
.header .menu { position: absolute; top: 16px; right: 16px; display: none }

.header_home { height: 645px; background: url("../images/ind1.jpg") no-repeat center bottom; }
.header_home .nav ul li a { color: #333; text-decoration: none; }
.header_home .nav ul li a:hover { color: #000; text-decoration: none; }
.header_home .nav ul li.cur a, .nav ul li:hover a { color: #0084d1; }
.header_home .nav ul li.cur i { display: none; }
.header_home .ind_ban { margin: 400px auto 0; width: 730px; height: 200px; transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; opacity: 0.35; }
.header_home .ind_ban_on { transform: translate(0, -10px); -webkit-transform: translate(0, -200px); -moz-transform: translate(0, -200px); -o-transform: translate(0, -200px); -ms-transform: translate(0, -200px); opacity: 1; }


/*banner*/
.lubo{ width: 100%; min-width:1100px;clear: both; position: relative; height:400px;}
.lubo_box{ position: relative; width: 100%; height:400px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:400px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 400px;}

/*焦点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #0084d1 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 140px;}
.left_btn, .right_btn{ display: none; width: 30px; height: 80px; background: #000;opacity: 0.5;filter:alpha(opacity=50); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}

/*介绍*/
.brand-box{
    margin: 50px auto 30px;
    overflow: hidden;
}
.brand-h{
    overflow: hidden;
    margin: 40px auto 20px;
}
.brand-h h2{
    color: #0084d1;
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    margin-bottom: 10px;
}
.brand-h p{
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

/*业务tab*/
.yewu-wrap{
    width: 100%;
    overflow: hidden;
    background: url("../images/bg1.jpg") no-repeat center center;
}

.yw-box{
    overflow: hidden;
    margin-bottom: 40px;
}
.yw-line{
    height: 40px;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
}
.yw-line span{
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 0;
    background: #cccccc;
    z-index: 2;
}

.yw-line p{
    display: block;
    position: absolute;
    width: 150px;
    height: 30px;
    color: #0084d1;
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    top: 5px;
    left: 500px;
    background: #fff;
    z-index: 3;
}

.tab-box{
    width: 220px;
    border-right: 1px #ccc solid;
}
.tab-box ul{
    margin-left: 2px;
}
.tab-box li{
    width: 217px;
    height: 24px;
    line-height: 24px;
    margin: 32px auto;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
}
.tab-box li span{
    float: left;
    font-size: 16px;
}
.tab-box li span:nth-child(1){
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.tab-box li span.icon-1{
    background: url("../images/icon-tab1.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-2{
    background: url("../images/icon-tab2.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-3{
    background: url("../images/icon-tab3.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-4{
    background: url("../images/icon-tab4.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-5{
    background: url("../images/icon-tab5.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-6{
    background: url("../images/icon-tab6.png") no-repeat 0 0;
    background-size: 24px 24px;
}
.tab-box li span.icon-7{
    background: url("../images/icon-tab7.png") no-repeat 0 0;
    background-size: 24px 24px;
}

.tab-box li.li_cur,.tab-box li:hover{
    color: #0084d1;
    padding: 0;
    border-right: 3px #0084d1 solid;
}
.show-box{
    width: 877px;
    height: 426px;
    overflow: hidden;
    position: relative;
}
.show-box h4{
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    padding-left: 40px;
    margin-bottom: 20px;
}
.show-box p{
    color: #fff;
    padding-left: 40px;
    font-size: 14px;
    line-height: 24px;
}

.show-box .yw_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}
.yewu-wrap .brand-h h2,.yewu-wrap .brand-h p{
    color: #fff;
}

/*运营商服务*/
.ptpic{
    overflow: hidden;
    margin-left: 40px;
    border-bottom: 1px #bbb dashed;
}
.ptpic img{
    display: inline-block;
    width: 260px;
    float: right;
}
.fpic{
    overflow: hidden;
    margin-left: 40px;
}
.fpic img{
    float: left;
    width: 140px;
    margin: 20px 20px 0 0;
}
.ptpic a{
    display: inline-block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border: 1px #fff solid;
    margin: 50px 10px 50px 0;
}
.ptpic a:hover{
    text-decoration: none;
    border: 1px #0084d1 solid;
    background: #0084d1;
    color: #fff;
}

/*footer*/
.footer { background: #101d3f; overflow: hidden; }
.footer .w1100 { margin: 20px auto; overflow: hidden; border-bottom: 1px #7c7f81 solid; }
.footer .fl { width: 18%; overflow: hidden; padding: 10px 10px 20px 1px; }
.footer .fl:first-child { width: 60%; }
.footer .fl h4 { color: #fff; font-size: 22px; font-weight: 400; margin-bottom: 24px; }
.footer .fl p { color: #eee; font-size: 14px; margin: 4px auto; }
.footer .fl p a { display: inline-block; color: #eee; font-size: 12px; }
.footer .fl .ewm { display: inline-block; width: 105px; }
.footer .fl p span.tel { display: inline-block; margin-bottom: 15px; padding: 6px 10px; font-size: 18px; color: #101d3f; border-radius: 3px; background: #eee; }
.footer .fl p span.bigtxt { font-size: 24px; }
.footer .copyright { color: #c3c4c5; font-size: 14px; text-align: center; margin-bottom: 10px; }
.footer .copyright a { color: #b8b8b8; }

/*contact page*/
.top-bg{
    width: 100%;
    height: 260px;
    /*background: #2ca7b9;*/
    background: url("../images/contact-bg1.jpg") no-repeat center center;
    overflow: hidden;
}
.top-bg.ab{
    background: url("../images/about-bg1.jpg") no-repeat center center;
}
.top-title{
    width: 438px;
    height: 90px;
    background: url("../images/icon/linebg.png") no-repeat top left;
    margin: 75px auto;
    color: #FFFFFF;
    text-align: center;
}
.top-title h4{
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    margin: 6px auto 16px;
}
.flh-line{
    height: 40px;
    border-bottom: 1px #cccccc solid;
    margin: 10px auto 30px;
}
.flh-line span{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #0084d1;
    padding: 0 6px;
    border-bottom: 3px #0084d1 solid;
}
.addr-box{
    margin: 20px auto;
    overflow: hidden;
}
.addr-box .fl{
    width: 280px;
    height: 382px;
    overflow: hidden;
    padding: 10px;
    background: url("../images/contact-bg2.jpg") no-repeat left center;
}
.addr-box .fl h4{
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px #cccccc dashed;
    margin-bottom: 10px;
}
.addr-box .fl p{
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
}
.addr-box .fl p{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 10px auto;
    padding-left: 30px;
}
.addr-box .fl p.icon-addr{
    background: url("../images/icon/ldz.png") no-repeat left center;
    background-size: 24px 24px;
}
.addr-box .fl p.icon-qq{
    background: url("../images/icon/lqq.png") no-repeat left center;
    background-size: 24px 24px;
}
.addr-box .fl p.icon-phone{
    background: url("../images/icon/ldh.png") no-repeat left center;
    background-size: 24px 24px;
}
.addr-box .fl p.icon-email{
    background: url("../images/icon/lyx.png") no-repeat left center;
    background-size: 24px 24px;
}

.addr-box .fr{
    width: 798px;
    height: 400px;
    overflow: hidden;
    border: 1px #ccc solid;
}

/*about page*/
.about-box{
    overflow: hidden;
    margin: 20px auto;
}
.about-con{overflow: hidden;}
.about-con .fl img.cpbg{
    display: block;
    width: 340px;
    /*height: 376px;*/
}
.about-con .fr{
    width: 730px;
    overflow: hidden;
    padding: 0 15px;
}
.about-con .fr p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin: 0 auto 10px;
    text-indent: 2em;
}
.ys-box ul{
    overflow: hidden;
    margin: 10px auto;
}
.ys-box ul li{
    float: left;
    width: 550px;
    overflow: hidden;
    margin-bottom: 50px;
}
.ys-box ul li .fl{
    width: 100px;
}
.ys-box ul li .fl img{
    display: block;
    position: relative;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

.ys-box ul li .fl img.on{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ys-box ul li .fr{
    width: 440px;
}
.ys{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    border-left: 3px #0084d1 solid;
    padding: 0 10px;
    margin: 10px auto;
}
.ab-txt{
    padding: 15px;
    text-indent: 2em;
    font-size: 14px;
    line-height: 24px;
}
.ys-box .fr h4{
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
}
.ys-box .fr p{
    width: 400px;
    font-size: 14px;
    line-height: 24px;
}

/*services page*/
.product-box ul{
    overflow: hidden;
    margin: 10px;
}

.product-box ul li{
    float: left;
    width: 220px;
    height: 240px;
    overflow: hidden;
    border: 1px #fff solid;
    padding: 10px;
    margin-right: 28px;
    margin-bottom: 28px;
}
.product-box ul li img{
    display: block;
    width: 100%;
}
.product-box ul li h4{
    font-size: 18px;
    line-height: 24px;
    margin: 10px auto;
    font-weight: normal;
    color: #0084d1;
}
.product-box ul li p{
    font-size: 14px;
    line-height: 18px;
}
.product-box ul li a{
    display: block;
    width: 100px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    background: #d36218;
    margin: 10px 0;
    border-radius: 4px;
}
.product-box ul li a:hover{
    color: #fff;
    background: #0084d1;
    text-decoration: none;
}
.product-box ul li:hover{
    border: 1px #0084d1 solid;
}

/*右边固定栏*/
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qradjf') format('truetype'),
    url('../fonts/icomoon.woff?qradjf') format('woff'),
    url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
    font-family:"icomoon";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    font-size:24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:24px;
    color:#999;
}

/*合作伙伴*/
.hzhb-box ul{
    overflow: hidden;
    margin: 10px auto 40px;
}
.hzhb-box ul li{
    float: left;
    width: 190px;
    height: 78px;
    overflow: hidden;
    margin: 10px 20px 10px 10px;
}
.hzhb-box ul li img{
    display: block;
    width: 100%;
}

.sc-boxbg{
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
}

/*合作联系*/
.hzlx-box{
    width: 100%;
    overflow: hidden;
    margin: 40px auto;
    background: #333;
    padding: 30px 0;
    background: url("../images/contact_bg2.jpg") no-repeat center center;
}
.hzlx-htxt{
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
}

.hzlx-box .hzlx-item{
    overflow: hidden;
    width: 1100px;
}
.hzlx-box .hzlx-item li{
    width: 220px;
    float: left;
    overflow: hidden;
}
.view {
    width: 220px;
    height: 322px;
    overflow: hidden;
    cursor: default;
}
.view figure {
    margin: 0;
    position: relative;
}
.view figure img {
    max-width: 100%;
    display: block;
    position: relative;
}
.view .thumb {
    overflow: hidden;
}
.view .mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    overflow: hidden;
}

.view .mask h2 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    background: #f66e06;
    margin: 10px auto;
    font-weight: normal;
}
.view .mask p{
    font-size: 14px;
    margin: 10px auto;
    padding: 0 8px;
}
.view .mask p:nth-child(3){
    text-indent: 20px;
    background: url("../images/icon/qq-blank.png") no-repeat 10px center;
    background-size: 16px 16px;
}
.view .mask p:nth-child(4){
    text-indent: 20px;
    background: url("../images/icon/phone-blank.png") no-repeat 10px center;
    background-size: 16px 16px;
}
.view .mask p:nth-child(5){
    text-indent: 20px;
    background: url("../images/icon/emial-blank.png") no-repeat 10px center;
    background-size: 16px 16px;
}
.view .mask p.p-remark{
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px #666 solid;
}
.view .link {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
    text-decoration:none;
    font-size: 14px;
}


.view-tenth {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}
.view-tenth figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.view-tenth figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.view-tenth figure:hover img{
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}

.view-tenth .mask {
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.view-tenth figure:hover .mask{
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}


/*华腾流量 page*/
.top-bg.bst-banner{
    width: 100%;
    height: 400px;
    background: url("../images/product-ht01.jpg") no-repeat center center;
    overflow: hidden;
}
.top-bg.ht-banner{
    width: 100%;
    height: 400px;
    background: url("../images/product-ht02.jpg") no-repeat center center;
    overflow: hidden;
}

/*接口*/
.port-wrap{
    background: #fff;
    margin: 20px auto;
    overflow: hidden;
    padding: 20px;
}

/*切换tab*/
.flh-line a{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #999;
    padding: 0 6px;
    margin-right: 20px;
}
.flh-line a:hover,.flh-line a.cur{
    text-decoration: none;
    color: #0084d1;
    border-bottom: 3px #0084d1 solid;
}

/*内容box*/
.port-tab-box{
    position: relative;
    overflow: hidden;
    height: 2400px;
}
.port-tab{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.w800{
    width: 800px;
    margin: 0 auto;
}

.port-txt{
    margin: 60px auto;
    overflow: hidden;
}
.port-txt h2{
    color: #0084d1;
    font-weight: normal;
    line-height: 32px;
    margin: 10px auto;
    font-size: 20px;
}
.port-txt p{
    font-size: 14px;
    line-height: 24px;
}
.port-txt .scene {
    display: block;
    overflow: hidden;
}

/*table*/
.hf-type{
    width: 800px;
    margin: 10px auto;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}
.hf-type tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.hf-type tr td{
    width: 92px;
    height: 42px;
    border: 1px solid #e1ebef;
    text-align: center;
    font-size: 14px;
    color: #5b5b5b;
}
.hf-type .icon1 {
    width: 142px;
    background: url('../images/sprite_2.png') -593px -1035px no-repeat;
}
.hf-type .icon2 {
    width: 142px;
    background: url('../images/sprite_2.png') -735px -1035px no-repeat;
}
.hf-type .icon3 {
    width: 142px;
    background: url('../images/sprite_2.png') -593px -1120px no-repeat;
}

/*礼品卡*/
.lpk .icon1 {
    width: 182px;
    background: url('../images/cooperation/cooperative_40.png') center center no-repeat;
}
.lpk .icon2 {
    width: 182px;
    background: url('../images/cooperation/cooperative_41.png') center center no-repeat;
}
.lpk .icon3 {
    width: 182px;
    background: url('../images/cooperation/cooperative_42.png') center center no-repeat;
}
.lpk .icon4 {
    width: 182px;
    background: url('../images/cooperation/cooperative_43.png') center center no-repeat;
}
.lpk .icon5 {
    width: 182px;
    background: url('../images/cooperation/cooperative_44.png') center center no-repeat;
}
.lpk .icon6 {
    width: 182px;
    background: url('../images/cooperation/cooperative_45.png') center center no-repeat;
}
.lpk .icon7 {
    width: 182px;
    background: url('../images/cooperation/cooperative_46.png') center center no-repeat;
}
.lpk .icon8 {
    width: 182px;
    background: url('../images/cooperation/cooperative_47.png') center center no-repeat;
}
.lpk .icon9 {
    width: 182px;
    background: url('../images/cooperation/cooperative_48.png') center center no-repeat;
}

.lpk .icon10 {
    width: 182px;
    background: url('../images/cooperation/cooperative_49.png') center center no-repeat;
}

.lpk .icon11 {
    width: 182px;
    background: url('../images/cooperation/cooperative_50.png') center center no-repeat;
}


/*api文档*/
.api-wrap{
    overflow: hidden;
}
.api-fl ul{
    border-right: 1px #ddd solid;
    padding: 20px 0;
}
.api-fl ul li{
    width: 135px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 20px auto;
    text-align: right;
    font-size: 14px;
    cursor: pointer;
    padding-right: 50px;
    color: #9b9b9b;
}
.api-fl ul li.cur,.api-fl ul li:hover{
    border-right: 3px #0084d1 solid;
    margin-right: -2px;
    color: #0084d1;
}
.api-fr{
    overflow: hidden;
    position: relative;
    width: 860px;
    height: 900px;
}
.api-fr-item{
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
}

.api-fr-item h4{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    font-weight: normal;
    padding: 8px 0;
    border-bottom: 1px #f2f2f2 dashed;
    margin-bottom: 20px;
}
.api-fr-item p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    width: 800px;
}
.api-fr-item .txtred{
    color: red;
}
.api-fr-item .txtgreen{
    color: #0084d1;
}
.api-fr-item table{
    width: 800px;
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.api-fr-item tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.api-fr-item tr td{
    height: 32px;
    border: 1px solid #e1ebef;
    text-align: left;
    text-indent: 10px;
    font-size: 12px;
    color: #5b5b5b;
}
/* title */
.title{
    font-size: 50px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
}
.c00{
    color: #1f2425;
}
/* banner */
.pla_ban { width: 100%; min-width: 1200px; height: 560px; background: url(../images/ind3.jpg) center center no-repeat; }
/* banner */
/* 解决方案 */
.plan { width: 100%; min-width: 1200px; margin: 0 auto; background: #fff; }
.plan .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.plan .hd h3 { padding: 20px 0 50px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.plan .bd ul { margin: 0 auto; max-width: 1200px; }
.plan .bd li { float: left; padding-bottom: 36px; width: 33%; }
.plan .bd li .item, .plan .bd li .itemb { position: relative; }
.plan .bd li .item .icon, .plan .bd li .itemb .icon { position: absolute; left: 10%; top: -7.5%; width: 65px; height: 65px; border-radius: 50%; background: url(../images/solution/icon-s1.png) no-repeat 0 0; background-size: 195px 260px;}
.plan .bd li .item { width: 380px; height: 282px; background-size: cover; }
.plan .bd li .item .left { position: absolute; left: 6%; top:84%; font-size: 30px; }
.plan .bd li .item .right { position: absolute; left: 41%; top:85%; font-size: 16px; }
.plan .bd li .itemb { width: 380px; height: 282px; background-size: cover; }
.plan .bd li .itemb .top { padding: 62px 0 0 20px; width: 320px; line-height: 130%; font-size: 24px; }
.plan .bd li .itemb .bottom { padding: 30px 0 0 20px; width: 320px; font-size: 16px; }
.plan .bd li.on .item { display: none }
.plan .bd li.on .itemb { display: block; }

.plan .bd li .bga01 { background-image: url(../images/solution/product01.jpg); }
.plan .bd li .bga01 .icon { background-position: 0 0; }
.plan .bd li .bga02 { background-image: url(../images/solution/product02.jpg); }
.plan .bd li .bga02 .icon { background-position: -65px 0; }
.plan .bd li .bga03 { background-image: url(../images/solution/product03.jpg); }
.plan .bd li .bga03 .icon { background-position: -130px 0; }
.plan .bd li .bga03 .right { top: 80%; width: 50%; }
.plan .bd li .bga04 { background-image: url(../images/solution/product04.jpg); }
.plan .bd li .bga04 .icon { background-position: 0 -65px; }
.plan .bd li .bga05 { background-image: url(../images/solution/product05.jpg); }
.plan .bd li .bga05 .icon { background-position: -65px -65px; }
.plan .bd li .bga06 { background-image: url(../images/solution/product06.jpg); }
.plan .bd li .bga06 .icon { background-position: -130px -65px; }
.plan .bd li .bga06 .right { top: 80%; width: 50%; }
.plan .bd li .bga07 { background-image: url(../images/solution/product07.jpg); }
.plan .bd li .bga07 .icon { background-position: 0 -130px; }
.plan .bd li .bga07 .right { top: 80%; width: 50%; }
.plan .bd li .bga08 { background-image: url(../images/solution/product08.jpg); }
.plan .bd li .bga08 .icon { background-position: -65px -130px; }
.plan .bd li .bga09 { background-image: url(../images/solution/product09.jpg); }
.plan .bd li .bga09 .right { top: 80%; width: 50%; }
.plan .bd li .bga09 .icon { background-position: -130px -130px; }
.plan .bd li .bga10 { background-image: url(../images/solution/product10.jpg); }
.plan .bd li .bga10 .icon { background-position: 0 -195px; }
.plan .bd li .bga11 { background-image: url(../images/solution/product11.jpg); }
.plan .bd li .bga11 .icon { background-position: -65px -195px; }
.plan .bd li .bga11 .right { left: 48%;}
.plan .bd li .bga12 { background-image: url(../images/solution/product12.jpg); }
.plan .bd li .bga12 .right { top: 80%; width: 50%; }
.plan .bd li .bga12 .icon { background-position: -130px -195px; }
.plan .bd li .bga12 .right { left: 6%; top:84%; width: 90%; font-size: 28px;}

.plan .bd li .bgb01 { display: none; background-image: url(../images/solution/prod01.jpg); }
.plan .bd li .bgb01 .icon { background-position: 0 0; }
.plan .bd li .bgb02 { display: none; background-image: url(../images/solution/prod02.jpg); }
.plan .bd li .bgb02 .icon { background-position: -65px 0; }
.plan .bd li .bgb03 { display: none; background-image: url(../images/solution/prod03.jpg); }
.plan .bd li .bgb03 .icon { background-position: -130px 0; }
.plan .bd li .bgb04 { display: none; background-image: url(../images/solution/prod04.jpg); }
.plan .bd li .bgb04 .icon { background-position: 0 -65px; }
.plan .bd li .bgb05 { display: none; background-image: url(../images/solution/prod05.jpg); }
.plan .bd li .bgb05 .icon { background-position: -65px -65px; }
.plan .bd li .bgb06 { display: none; background-image: url(../images/solution/prod06.jpg); }
.plan .bd li .bgb06 .icon { background-position: -130px -65px; }
.plan .bd li .bgb07 { display: none; background-image: url(../images/solution/prod07.jpg); }
.plan .bd li .bgb07 .icon { background-position: 0 -130px; }
.plan .bd li .bgb08 { display: none; background-image: url(../images/solution/prod08.jpg); }
.plan .bd li .bgb08 .icon { background-position: -65px -130px; }
.plan .bd li .bgb09 { display: none; background-image: url(../images/solution/prod09.jpg); }
.plan .bd li .bgb09 .icon { background-position: -130px -130px; }
.plan .bd li .bgb10 { display: none; background-image: url(../images/solution/prod10.jpg); }
.plan .bd li .bgb10 .icon { background-position: 0 -195px; }
.plan .bd li .bgb11 { display: none; background-image: url(../images/solution/prod11.jpg); }
.plan .bd li .bgb11 .icon { background-position: -65px -195px; }
.plan .bd li .bgb12 { display: none; background-image: url(../images/solution/prod12.jpg); }
.plan .bd li .bgb12 .icon { background-position: -130px -195px; }

/* 解决方案 */
.system { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.system .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.system .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.system .bd { margin: 0 auto; max-width: 1200px; }
.system .bd .fl img { margin: 0 40px 40px 0; width: 550px; height: 505px; }
.system .bd .fr { width: 600px; }
.system .bd .fr h3 { padding-top: 4px; font-size: 32px; font-weight: 400; color: #2056b4; }
.system .bd .fr p { padding-top: 30px; line-height: 150%; font-size: 24px; font-weight: 400; color: #555; }

.process { width: 100%; min-width: 1200px; margin: 0 auto; background: #f5f8fd; }
.process .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.process .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.process .bd { margin: 0 auto; max-width: 1200px; }
.process .bd .bg { width: 1200px; height: 281px; background: url(../images/solution/process.jpg) center center no-repeat; background-size: cover; }
.process .bd .box { overflow: hidden; }
.process .bd ul { width: 1220px; }
.process .bd li { float: left; padding-top: 20px; padding-bottom: 40px; width: 25%; color: #fff; }
.process .bd li dt { padding-top: 120px; font-size: 30px; text-align: center; }
.process .bd li dd { padding: 20px 4px 0 14px; font-size: 14px; }
.process .bd li .process01 { width: 285px; height: 354px; background: url(../images/solution/process01.jpg) no-repeat; background-size: cover; }
.process .bd li .process02 { width: 285px; height: 354px; background: url(../images/solution/process02.jpg) no-repeat; background-size: cover; }
.process .bd li .process03 { width: 285px; height: 354px; background: url(../images/solution/process03.jpg) no-repeat; background-size: cover; }
.process .bd li .process04 { width: 285px; height: 354px; background: url(../images/solution/process04.jpg) no-repeat; background-size: cover; }

.design { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.design .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.design .hd h3 { padding: 20px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.design .hd h4 { padding: 0 0 50px 0; font-size: 36px; font-weight: 400; text-align: center; color: #333; }
.design .bd { padding-bottom: 50px; }
.design .bd .bg { margin: 0 auto; width: 1200px; height: 518px; background: url(../images/solution/design.jpg) center center no-repeat; background-size: cover; }

/* 产品服务 */
.banner { width: 100%; min-width: 1200px; height: 560px; background: url(../images/ind2.jpg) center center no-repeat; }
.four { width: 100%; min-width: 1200px; margin: 0 auto; background: #fff; }
.four .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.four .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.four .bd { margin: 0 auto; max-width: 1200px; }
.four .bd .box { overflow: hidden; }
.four .bd ul { width: 1220px; }
.four .bd li { float: left; padding: 10px 0 40px 0; width: 25%; color: #333; }
.four .bd li p { padding: 213px 25px 0 0; text-align: right; font-size: 32px; }
.four .bd li .four01 { width: 260px; height: 75px; background: url(../images/product/four01.jpg) no-repeat; background-size: cover; }
.four .bd li .four02 { width: 260px; height: 75px; background: url(../images/product/four02.jpg) no-repeat; background-size: cover; }
.four .bd li .four03 { width: 260px; height: 75px; background: url(../images/product/four03.jpg) no-repeat; background-size: cover; }
.four .bd li .four04 { width: 260px; height: 75px; background: url(../images/product/four04.jpg) no-repeat; background-size: cover; }

.birth { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.birth .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.birth .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.birth .bd { margin: 0 auto; max-width: 1200px; }
.birth .bd .fr { padding: 0 0 20px 40px; }
.birth .bd .fr img { width: 300px; height: 518px; }
.birth .bd .fl { width: 480px; }
.birth .bd .fl li { float: left; padding-top: 10px; width: 50%; text-align: center; }
.birth .bd .fl li i { margin: 10px; width: 140px; height: 140px; border-radius: 50%; box-shadow: 0 1px 7px 10px rgba(255,255,255,.8); background: url(../images/product/icon-p1.png) no-repeat; background-size: 280px 280px; }
.birth .bd .fl li i.birth02 { background-position: -140px 0 }
.birth .bd .fl li i.birth03 { background-position: 0 -140px }
.birth .bd .fl li i.birth04 { background-position: -140px -140px }
.birth .bd .fl li p.num { padding-top: 5px; font-size: 24px; font-weight: bold; color: #333; }
.birth .bd .fl li p.name { padding: 10px; font-size: 14px; color: #333; }
.birth .bd .partners { padding-bottom: 40px; }
.birth .bd .partners li { float: left; width: 12.5%; }
.birth .bd .partners li img { margin: 5px; padding: 5px; width: 130px; height: 130px; background: #fff; border-radius: 5px; }

.festival { width: 100%; min-width: 1200px; margin: 0 auto; background: #f5f8fd; }
.festival .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.festival .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.festival .bd { margin: 0 auto; max-width: 1000px; }
.festival .bd .fr { padding: 0 0 60px 20px; }
.festival .bd .fr img { width: 480px; height: 535px; }
.festival .bd .fl { width: 450px; }
.festival .bd .fl li { margin-bottom: 6px; }
.festival .bd .fl img { width: 350px; height: 72px; }
.festival .bd .fl .item .name { float: left; text-align: center; width: 100px; height: 72px; line-height: 72px; font-size: 18px; color: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #f10b27; }
.festival .bd .fl .itemb .name { float: left; text-align: center; width: 100px; height: 72px; line-height: 72px; font-size: 18px; color: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #2057b4; }

.enter { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.enter .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.enter .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.enter .bd { margin: 0 auto; max-width: 1200px; }
.enter .bd .box { overflow: hidden; }
.enter .bd ul { width: 1220px; }
.enter .bd li { float: left; padding: 10px 0 40px 0; width: 25%; color: #333; }
.enter .bd li ul { padding-top: 165px; width: 285px; }
.enter .bd li li { padding: 2px; width: 281px; text-align: center; font-size: 16px; }
.enter .bd li h4 { margin: 10px auto; width: 170px; height: 60px; line-height: 60px; text-align: center; font-size: 32px; color: #fff; border-radius: 18px; background: #f00b26; }
.enter .bd li .enter01 { width: 285px; height: 360px; background: url(../images/product/enter01.jpg) no-repeat; background-size: cover; }
.enter .bd li .enter01 ul { padding-top: 185px; }
.enter .bd li .enter01 h4 { margin-top: 15px; }
.enter .bd li .enter02 { width: 285px; height: 360px; background: url(../images/product/enter02.jpg) no-repeat; background-size: cover; }
.enter .bd li .enter03 { width: 285px; height: 360px; background: url(../images/product/enter03.jpg) no-repeat; background-size: cover; }
.enter .bd li .enter04 { width: 285px; height: 360px; background: url(../images/product/enter04.jpg) no-repeat; background-size: cover; }

.team { width: 100%; min-width: 1200px; margin: 0 auto; background: #f5f8fd; }
.team .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.team .hd h3 { padding: 20px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.team .hd h4 { padding: 0 0 50px 0; font-size: 30px; font-weight: 400; text-align: center; color: #333; }
.team .bd { padding-bottom: 40px; }
.team .bd .bg { position: relative; margin: 0 auto; width: 1200px; height: 608px; background: url(../images/product/team.jpg) center center no-repeat; background-size: cover; }
.team .bd .bg li h4 { margin: 10px auto; padding: 0 20px; height: 60px; line-height: 60px; text-align: center; font-size: 32px; color: #fff; border-radius: 18px; background: #f00b26; }
.team .bd .bg li.team01 { position: absolute; left: 50px; top: 145px; }
.team .bd .bg li.team02 { position: absolute; left: 675px; top: 248px; }
.team .bd .bg li.team03 { position: absolute; left: 965px; top: 250px; }
.team .bd .bg li.team04 { position: absolute; left: 50px; top: 502px; }
.team .bd .bg li.team05 { position: absolute; left: 360px; top: 502px; }
.team .bd .bg li.team06 { position: absolute; left: 675px; top: 502px; }

/** 首页 **/
/* 量 */
.count_con { padding-top: 33px; height: 135px; background: url(../images/count.jpg) no-repeat; }
.count_con .nicky { padding-left: 50px; box-sizing: border-box; }
.count_item { float: left; width: 200px; margin-right: 70px; }
.count_item h3 { color: #fff; line-height: 45px; position: relative; display: block; padding-left: 90px; font-family: "微软雅黑, Arial-BoldMT, Arial"; }
.count_item h3 i { position: absolute; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/icon-c1.png) no-repeat; background-size: 160px 160px; }
.count_item h3 i.i2 { background-position: -80px 0; }
.count_item h3 i.i3 { background-position: 0 -80px; }
.count_item h3 i.i4 { background-position: -80px -80px; }
.count_item h3 strong { color: #fff; font-size: 36px; line-height: 45px; background: transparent; border: 0; outline: none; display: block; font-family: ArialMT, Arial; font-weight: bold; }
.count_item h3 span { position: absolute; top: -10px; padding-left: 90px; font-size: 24px; font-family: "微软雅黑" }
.count_item h3.number1 strong { width: 2em; }
.count_item h3.number1 span { left: 1.6em; }
.count_item h3.number2 strong { width: 2em; }
.count_item h3.number2 span { left: 1.6em; }
.count_item h3.number3 strong { width: 4em; }
.count_item h3.number3 span { left: 3.7em; }
.count_item h3.number4 strong { width: 3em; }
.count_item h3.number4 span { left: 2.5em; }
.count_item .sp_line { display: none; width: 64px; height: 6px; background: #AA182C; margin: 9px 0 12px; }
.count_item .p1 { padding-left: 90px; color: #fff; font-size: 16px; line-height: 31px; font-family: "微软雅黑"; letter-spacing: 1.5px; font-weight: 300; }
.count_item:last-child { margin-right: 0; }


/* 解决方案 */
.deal { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.deal .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.deal .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.deal .bd { margin: 0 auto; max-width: 1200px; }
.deal .bd .box { overflow: hidden; }
.deal .bd ul { width: 1245px; }
.deal .bd li { float: left; padding: 10px 0 50px 0; width: 33%; color: #fff; }
.deal .bd li ul { padding: 22px 0; width: 100%; }
.deal .bd li li { padding: 2px; width: 100%; text-align: center; font-size: 16px; }
.deal .bd li h4 { padding-top: 172px; text-align: center; font-size: 28px; color: #fff; }
.deal .bd li .deal01 { width: 375px; height: 305px; background: url(../images/diy01.jpg) no-repeat; background-size: cover; }
.deal .bd li .deal02 { width: 375px; height: 305px; background: url(../images/diy02.jpg) no-repeat; background-size: cover; }
.deal .bd li .deal03 { width: 375px; height: 305px; background: url(../images/diy03.jpg) no-repeat; background-size: cover; }

.brand { width: 100%; min-width: 1200px; margin: 0 auto; background: #e8ecf7; }
.brand .hd h2 { padding: 60px 0 0 0; font-size: 36px; text-align: center; color: #333; }
.brand .hd h3 { padding: 20px 0 40px 0; font-size: 20px; font-weight: 400; text-align: center; color: #777; }
.brand .bd { margin: 0 auto; max-width: 1200px; }
.brand .bd .partners { padding-bottom: 40px; }
.brand .bd .partners li { float: left; width: 12.5%; }
.brand .bd .partners li img { margin: 5px; padding: 5px; width: 130px; height: 130px; background: #fff; border-radius: 5px; }
.brand .bd .clients { padding-bottom: 40px; }
.brand .bd .clients li { float: left; width: 10%; }
.brand .bd .clients li img { margin: 5px; padding: 1px 5px; width: 100px; height: 58px; background: #fff; border-radius: 2px; }

@media screen and (max-width:639px){
    .w1100 { width: auto; }
    .header .w1100 { height: 56px; }
    .header .w1100 .nav { display: none; }
    .header .w1100.on .nav { display: block; position: absolute; z-index: 2; left: 0; top: 55px; width: 100%; height: 40px; background: rgba(245,245,245,.9); }
    .header .fr { display: none; }
    .header .fl img.logo { width: 120px; height: 30px }
    .header .nav ul li { margin: 5px 15px; height: 30px; line-height: 30px; }
    .header .nav ul li a { font-size: 16px; }
    .header .nav ul li.cur i { top: 32px; }
    .header .menu { display: block; }
    .header .menu img { width: 24px; height: 24px; }

    .header_home { height: 256px; background-size: 160%; }
    .header_home .ind_ban { margin: 260px auto 0;width: 300px; height: 80px; }
    .header_home .ind_ban img { width: 300px; height: 80px; }

    .footer .fl { padding-left: 5%; width: 95%; }

    /* 解决方案 */
    .pla_ban { min-width: 320px; height: 200px; background-size: 200%; }
    .plan { width: 100%; min-width: 320px; overflow: hidden; }
    .process { width: 100%; min-width: 320px; }
    .process .bd .bg { width: 100%; height: 100px; }
    .process .bd ul { padding: 0 10px 40px 0; margin-right: 10px; width: auto; }
    .process .bd li { padding: 10px 0 0 10px; width: 100%; }
    .process .bd li .item { width: 100%; }
    .system { width: 100%; min-width: 320px; }
    .system .bd .fl img { margin-bottom: 20px; width: 100%; height: auto; }
    .system .bd .fr { width: 100%; }
    .system .bd .fr h3 { padding: 0 10px 10px 10px; font-size: 24px; }
    .system .bd .fr p { padding: 0 10px 10px 10px; font-size: 16px; }
    .design { width: 100%; min-width: 320px; }
    .design .bd .bg { width: 100%; height: 180px; overflow: hidden; background-size: 100%; }

    /* 产品服务 */
    .banner { min-width: 320px; height: 200px; background-size: 200%; }
    .four { width: 100%; min-width: 320px; }
    .four .hd h2 { line-height: 100%; font-size: 32px; }
    .four .bd ul { width: 100%; }
    .four .bd li { padding: 0 0 20px 0; width: 100%; }
    .four .bd li .item { margin: 0 auto; }

    .enter { width: 100%; min-width: 320px; }
    .enter .bd ul { width: 100% }
    .enter .bd li { padding: 0 0 20px 0; width: 100% }
    .enter .bd li .item { margin: 0 auto; }

    .team { width: 100%; min-width: 320px; }
    .team .hd h4 { padding: 0 10px; line-height: 100%; font-size: 20px; }
    .team .bd .bg { width: 100%; height: 180px; overflow: hidden; background-size: 100%; }
    .team .bd .bg li { display: none; }

    .festival { width: 100%; min-width: 320px; }
    .festival .bd .fr { padding: 0 10px 10px 10px; }
    .festival .bd .fr img { width: 100%; height: auto; }
    .festival .bd .fl { padding-bottom: 20px; width: 100%; }
    .festival .bd .fl img { width: 230px; height: auto; }
    .festival .bd .fl .item .name { margin-left: 10px; width: 80px; height: 50px; line-height: 50px; }
    .festival .bd .fl .itemb .name { margin-left: 10px; width: 80px; height: 50px; line-height: 50px; }
    .birth { width: 100%; min-width: 320px; }
    .birth .hd h2 { line-height: 100%; font-size: 32px; }
    .birth .bd .fl { width: 100%; }
    .birth .bd .fr { padding: 0 0 10px 0; width: 100%; text-align: center; }
    .birth .bd .partners ul { padding-left: 10px; }
    .birth .bd .partners li { width: 25%; }
    .birth .bd .partners li img { width: 80px; height: 80px; }

    .count_con { padding: 10px 0 0 10px; height: 120px; }
    .count_con .nicky { padding-left: 0; }
    .count_item { margin-right: 0; width: 50%; }
    .count_item h3 { padding-left: 45px; font-size: 20px; }
    .count_item h3 i { top: 5px; width: 40px; height: 40px; background-size: 80px 80px; }
    .count_item h3 i.i2 { background-position: -40px 0; }
    .count_item h3 i.i3 { background-position: 0 -40px; }
    .count_item h3 i.i4 { background-position: -40px -40px; }
    .count_item h3 span { padding-left: 45px; top: -10px; }
    .count_item h3 strong { line-height: 30px; }
    .count_item h3.number1 strong { font-size: 20px; }
    .count_item h3.number2 strong { font-size: 20px; }
    .count_item h3.number3 strong { font-size: 20px; }
    .count_item h3.number4 strong { font-size: 20px; }
    .count_item h3.number1 span { left: 1em; }
    .count_item h3.number2 span { left: 1em; }
    .count_item h3.number3 span { left: 2.2em; }
    .count_item h3.number4 span { left: 1.5em; }
    .count_item .sp_line { margin: 0; width: 32px; height: 4px; }
    .count_item .p1 { padding-left: 45px; font-size: 14px; }

    .deal { min-width: 320px; }
    .deal .bd ul { padding: 0 10px 40px 0; margin-right: 10px; width: auto; }
    .deal .bd li { padding: 0 0 10px 10px; width: 100%; }
    .deal .bd li .deal01 { width: 100%; height: auto; }
    .deal .bd li .deal02 { width: 100%; height: auto; }
    .deal .bd li .deal03 { width: 100%; height: auto; }

    .brand { width: 100%; min-width: 320px; }
    .brand .hd h2 { line-height: 100%; font-size: 34px; }
    .brand .bd .partners ul { padding-left: 10px; }
    .brand .bd .partners li { width: 25%; }
    .brand .bd .partners li img { width: 80px; height: 80px; }
    .brand .bd .clients li { width: 25%; }
    .brand .bd .clients li img { width: 85px; height: 50px; }

}
@media screen and (max-width:359px){
    .header .nav ul li { margin: 5px 10px; }
    .header_home { height: 256px; background-size: 212%; }

    /* 解决方案 */
    .pla_ban { height: 210px; }
    .process .bd .bg { width: 100%; height: 85px; }

    /* 产品服务 */
    .banner { height: 210px; }

    .birth .bd .partners li { width: 33%; }
    .brand .bd .partners li { width: 33%; }
    .brand .bd .clients li { width: 33%; }
}