a{color:inherit;text-decoration:inherit;cursor:inherit;color:#999;cursor:pointer}
a:active,a:focus{outline:0}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
.container{width:75%;margin:0 auto;overflow:hidden}

/*=============oee产品介绍========*/
.oeePhoneBg, .o2oPhone, .appPhone{ display:none;}
.corporate{ width:750px; display:block; position:relative; float:left;}
.corporate h3, .sportsActivities h3{ font-size:1.875rem; color:#087bd0;}
.corporatePhone{ width:750px; display:inline-block; }
.corporatePhone ul li{ border:#ddd 1px solid; float:left; margin-left:15px;}
.corporatePhone ul li a{ cursor:default;}
.corporatePhone ul li img{ padding:4px; padding-bottom:0;}
.corporatePhone ul li span{ display:block; font-size:1.333em; color:#666; line-height:40px; padding-left:45px; padding-right:14px; background:url(../img/corprate/bg39.png) no-repeat 14px center;}
.corporatePhone ul li span font{ display:block; text-align:center; background:url(../img/corprate/bg40.png) no-repeat right center; padding-right:30px;}
.corporatePhone ul .picture_1{ margin-left:0;}
.corporatePhone ul .picture_1 img{ width:296px; height:322px;}
.corporatePhone ul .picture_1 span{ line-height:56px;}
.corporatePhone ul .picture_2 { margin-bottom:15px;}
.corporatePhone ul .picture_2 img{ width:419px; height:149px;}
.corporatePhone ul .picture_2 span{ line-height:50px;}
.corporatePhone ul .picture_3 font,.corporatePhone ul .picture_4 font{width:116px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.corporatePhone ul .picture_3 img,.corporatePhone ul .picture_4 img{ width:197px; height:118px; }
.corporatePhone ul li:hover{ border:#087bd0 1px solid;}
.corporatePhone ul li:hover span{ background:#087bd0; color:#fff; }
.corporatePhone ul li:hover font{ background:#087bd0; }
.footDiv{ width:100%; position:relative;}
.sportsActivities{ width:100%; position:relative;float:left; display:inline-block;}
.sportsActivities dl{ width:100%; display:block;}
.sportsActivities dl dt{ font-size:1.625rem; color:#087bd0; font-weight:normal;}
.sportsActivities dl dt font, .sportsActivities dl dd font{ font-size:1.25rem; color:#666;}
.sportsActivities dl dd{ font-size:1.25rem; color:#333; line-height:3rem;}
.corporateDiv{ width:100%; position:relative; margin-top:4em; display:block; }
.teamIntro{ margin-top:3em;}
.teamIntro p{ font-size:1.125em; line-height:2em;}
.Phonesupp, .texPhone, .tetPhone, .f3_phone, .fl4_Phone, .fl5_Phone, .fl6_Phone, .fl7_Phone, .fl8_Phone, .fl9_Phone{ display:none;}
.soluT img{max-width:100%;}
.soluT .row{ margin-bottom:50px;}
.soluT_p{ display:table-cell; vertical-align:middle;padding-top:20px;}
.soluT_p p{ line-height:22px;word-break:break-all; word-wrap:break-word;}










@media only all and (max-width:1700px){.container{width:1200px}
}
@media only all and (max-width:960px){.container{width:800px!important}
}
.navbar-nav ul li{padding:4px 0 0 0}
@-webkit-keyframes filpZUp{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);transform:scale(3);-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
}
.banner{width:100%;height:600px;overflow:hidden;margin-top:-80px;cursor:w-resize}
@media only all and (max-width:768px){.banner{height:400px}
}
@media only all and (max-width:640px){.banner{height:240px}
}
.banner .b-link{width:100px;margin:0 auto;display:block;padding:5px;position:absolute;border:1px solid #868482;border-radius:50px;text-align:center;font-size:14px;text-decoration:none;color:#868482}
@media only all and (max-width:768px){.banner .b-link{font-size:12px;padding:2px;width:80px}
}
.banner .b-link:hover{color:#fff;border:1px solid #fff}
.banner .banner1{width:100%;height:600px;background:url(../img/banner1.jpg) no-repeat top center;position:relative}
.banner .banner1 .banner-bg-video{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.banner .banner1 .title{width:575px;height:75px;background:url(../img/banner1_font.png) no-repeat center center;position:absolute;top:43%;left:50%;margin-left:-287.5px}
.banner .banner1 .b-link{bottom:35%;left:50%;margin-left:-50px}
.banner .banner1 .b-link,.banner .banner1 .title{z-index:99999999}
@media only all and (max-width:768px){.banner .banner1 .title{width:50%;background-size:100%;margin-left:-25%}
.banner .banner1 .b-link{margin-left:-40px;bottom:34%}
}
@media only all and (max-width:640px){.banner .banner1 .title{width:280px;height:20px;margin-left:-140px;top:42%}
.banner .banner1 .b-link{bottom:30%}
}
@media only all and (max-width:320px){.banner .banner1 .title{width:250px;margin-left:-120px}
}
.banner .banner2{width:100%;height:600px;background:url(../img/banner2.jpg) no-repeat top center;position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px}
.banner .banner2 .center{width:1000px;height:100%;margin:0 auto;position:relative}
.banner .banner2 .title{width:50%;min-width:180px;height:180px;background:url(../img/banner2_font.png) no-repeat center center;background-size:100%;-ms-behavior:url(../css/backgroundsize.min.htc);behavior:url(../css/backgroundsize.min.htc);position:absolute;top:30%;left:0}
.banner .banner2 .b-link{bottom:31%;left:1%}
.banner .banner2 .phone{width:313px;height:641px;background:url(../img/phone_3.png) no-repeat center top;position:absolute;bottom:-150px;right:0}
.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:271px;height:402px;position:absolute;left:50%!important;top:50%!important;bottom:10px;margin-left:-135.5px;margin-top:-70%}
@media only all and (max-width:1280px){.banner .banner2 .b-link{left:5%}
.banner .banner2 .title{width:40%;left:5%}
.banner .banner2 .phone{right:6%}
}
@media only all and (max-width:1024px){.banner .banner2 .phone{right:10%}
.banner .banner2 .title{width:35%;left:5%}
.banner .banner2 .b-link{left:6%}
}
@media only all and (max-width:960px){.banner .banner2 .phone{right:16%}
}
@media only all and (max-width:870px){.banner .banner2 .phone{width:280px;height:601px;bottom:-110px;background-size:100%;right:25%}
.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:402px;background-size:100%;margin-left:-100px;margin-top:-80%}
.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:200px}
}
@media only all and (max-width:768px){.banner .banner2 .center{width:520px}
.banner .banner2 .title{width:35%;left:-8%}
.banner .banner2 .b-link{left:-6%}
.banner .banner2 .phone{width:213px;height:441px;bottom:-125px;background-size:100%;right:0}
.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:300px;background-size:100%;margin-left:-100px;margin-top:-80%}
.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:200px}
}
@media only all and (max-width:640px){.banner .banner2 .center{width:300px}
.banner .banner2 .title{left:0;height:70px;top:35%}
.banner .banner2 .b-link{bottom:26%;left:3%}
.banner .banner2 .phone{width:100px;height:205px;bottom:-25px}
.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:300px;background-size:100%;margin-left:-100px;margin-top:-65%}
.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:86px}
}
.banner .slick-active .banner2 .title{animation:flipInX 1.2s;-moz-animation:flipInX 1.2s;-webkit-animation:flipInX 1.2s;-ms-animation:flipInX 1.2s}
.banner .slick-active .banner2 .b-link{animation:fadeIn 1s;-moz-animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-ms-animation:fadeIn 1s}
.banner .slick-active .banner2 .phone{animation:filpZUp 1s;-moz-animation:filpZUp 1s;-webkit-animation:filpZUp 1s;-ms-animation:filpZUp 1s}
.banner .banner3{width:100%;height:600px;background:url(../img/banner3.jpg) no-repeat top center;position:relative}
.banner .banner3 ul{width:803px;height:418px;position:absolute;top:50%;left:50%;margin-left:-401.5px;margin-top:-209px}
.banner .banner3 ul li{position:absolute;top:0;left:0}
@media only all and (max-width:768px){.banner .banner3 ul{width:380px;height:210px;margin-left:-190px;margin-top:-105px}
.banner .banner3 img{width:100%}
}
@media only all and (max-width:640px){.banner .banner3 ul{width:280px;height:140px;margin-left:-140px;margin-top:-55px}
}
.banner .slick-active .banner3 .scene{animation:bounceInDown 1s;-moz-animation:bounceInDown 1s;-webkit-animation:bounceInDown 1s;-ms-animation:bounceInDown 1s}
.banner .banner4{width:100%;height:600px;background:url(../img/banner4.jpg) no-repeat top center;position:relative}
.banner .banner4 .center{width:1000px;height:100%;position:relative;margin:0 auto}
.banner .banner4 .oil{width:468px;height:480px;background:url(../img/oil.png) no-repeat center center;position:absolute;top:15%;left:0}
.banner .banner4 .title{position:absolute;top:40%;right:0;font-weight:bolder;font-size:50px;color:#675a00;font-family:"Microsoft Yahei","黑体"}
.banner .banner4 .b-link{bottom:39%;right:35%;color:#675a00;border:1px solid #675a00}
.banner .banner4 .b-link:hover{color:#DBBF00;border:1px solid #DBBF00}
@media only all and (max-width:1024px){.banner .banner4 .oil{background-size:90%;left:3%}
.banner .banner4 .title{font-size:40px;right:10%}
}
@media only all and (max-width:1024px){.banner .banner4 .title{font-size:35px;right:10%}
.banner .banner4 .oil{background-size:80%;left:5%}
.banner .banner4 .b-link{right:31%}
}
@media only all and (max-width:960px){.banner .banner4 .oil{background-size:70%;left:1%}
.banner .banner4 .title{font-size:30px;right:25%}
.banner .banner4 .b-link{right:41%}
}
@media only all and (max-width:768px){.banner .banner4 .center{width:480px}
.banner .banner4 .oil{width:250px;height:255px;background-size:100%;top:23%}
.banner .banner4 .title{font-size:22px;right:0}
.banner .banner4 .b-link{bottom:42%;right:24%}
}
@media only all and (max-width:640px){.banner .banner4 .center{width:320px}
.banner .banner4 .oil{width:140px;height:180px;top:27%}
.banner .banner4 .title{font-size:18px;top:45%;right:-4%}
.banner .banner4 .b-link{bottom:30%}
}
@media only all and (max-width:320px){.banner .banner4 .oil{width:120px;top:25%;left:6%}
.banner .banner4 .title{font-size:15px;right:5%}
.banner .banner4 .b-link{right:22%}
}
.banner .slick-active .banner4 .title{animation:fadeInRight 1.2s;-moz-animation:fadeInRight 1.2s;-webkit-animation:fadeInRight 1.2s;-ms-animation:fadeInRight 1.2s}
.banner .slick-active .banner4 .oil{animation:fadeInLeft 1.2s;-moz-animation:fadeInLeft 1.2s;-webkit-animation:fadeInLeft 1.2s;-ms-animation:fadeInLeft 1.2s}
.banner .slick-active .banner4 .b-link{animation:fadeInRight .9s;-moz-animation:fadeInRight .9s;-webkit-animation:fadeInRight .9s;-ms-animation:fadeInRight .9s}
.banner .banner5{width:100%;height:600px;background:url(../img/banner5.jpg) no-repeat center center;position:relative;overflow:hidden}
.banner .banner5 .title{margin-top:200px}
.banner .banner5 p{text-align:center;font-family:"Microsoft Yahei","黑体"}
.banner .banner5 .main-title{font-size:50px;color:#fff;font-weight:bolder}
.banner .banner5 .intro{visibility:hidden;font-size:22px;color:#fff;padding:5px;border:1px solid #949494;border-radius:50px;width:450px;margin:25px auto;letter-spacing:5px}
.banner .banner5 .slogan{font-size:22px;color:#fff}
.banner .banner5 .slogan span{color:#9d9d9d}
@media only all and (max-width:768px){.banner .banner5 .main-title{font-size:22px}
.banner .banner5 .title{margin-top:165px}
.banner .banner5 .slogan{font-size:14px}
.banner .banner5 .intro{font-size:14px;width:280px;margin:10px auto}
}
@media only all and (max-width:640px){.banner .banner5 .title{margin-top:80px}
.banner .banner5 .intro{letter-spacing:2px;width:230px}
}
.banner .slick-active .banner5 .main-title,.banner .slick-active .banner5 .slogan{animation:fadeInDown 1.2s;-moz-animation:fadeInDown 1.2s;-webkit-animation:fadeInDown 1.2s;-ms-animation:fadeInDown 1.2s}
.banner .slick-active .banner5 .intro{visibility:visible;animation:flipInX 1.2s forwards;-moz-animation:flipInX 1.2s forwards;-webkit-animation:flipInX 1.2s forwards;-ms-animation:flipInX 1.2s forwards}
.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5{overflow:hidden}
@media only all and (max-width:768px){.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5{height:400px}
}
@media only all and (max-width:640px){.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5{height:240px;background-size:auto 300px}
}
.banner .slick-dots{bottom:25px!important}
@media only all and (max-width:640px){.banner .slick-dots{bottom:5px!important}
}
.banner .slick-dots li{width:60px;height:20px;background:url(../img/b_g.jpg) center center repeat-x}
@media only all and (max-width:1440px){.banner .slick-dots li{width:40px}
}
@media only all and (max-width:640px){.banner .slick-dots li{width:30px;margin:0 2px}
}
.banner .slick-dots li button{width:60px;height:2px;padding:10px 0}
@media only all and (max-width:1440px){.banner .slick-dots li button{width:40px}
}
@media only all and (max-width:640px){.banner .slick-dots li button{width:30px}
}
.banner .slick-dots li button:before{content:no-close-quote}
.banner .slick-dots .slick-active{background:url(../img/b_r.jpg) center center repeat-x}
.banner .slick-dots .slick-active button:before{width:60px;height:2px}
@media only all and (max-width:640px){.banner .slick-dots .slick-active button:before{width:30px}
}
.banner.slick-slider{margin-top:0;margin-bottom:0!important}
#slick-banner .slick-dots{top:95%;left:50%;width:350px;margin-top:-34px;margin-left:-175px;position:absolute;bottom:0}
@media only all and (max-width:480px){#slick-banner .slick-dots{top:96%!important}
}
#slick-banner .slick-dots li{width:60px;height:2px;background-color:#949494}
@media only all and (max-width:640px){#slick-banner .slick-dots li{width:30px}
}
#slick-banner .slick-dots li button{width:60px;height:2px;padding:10px 0}
@media only all and (max-width:640px){#slick-banner .slick-dots li button{width:30px}
}
#slick-banner .slick-dots li button:before{content:no-close-quote}
#slick-banner .slick-active{background:url(../img/b_r.jpg) center center repeat-x}
#slick-banner .slick-active button:before{width:60px;height:2px}
@media only all and (max-width:640px){#slick-banner .slick-active button:before{width:30px}
}
.slick-slide img{margin:0 auto}
.service{padding:25px 0;background-color:#fff;padding-top:40px!important}
@media only all and (max-width:640px){.service{padding-top:20px!important}
}
.service .container{border-bottom:1px #e4e4e4 solid;padding-bottom:25px}
@media only all and (max-width:480px){.service .container{width:300px!important}
}
.service-ul{margin:0;padding:0;border:0;overflow:hidden;width:1024px;margin:0 auto}
.service-ul li{list-style-image:none;list-style-type:none;margin-left:0;display:inline-block;vertical-align:middle;white-space:nowrap}
@media only all and (max-width:740px){.service-ul{width:auto}
}
.service-ul li{margin-left:18px;margin-right:46px;margin-top:0;margin-bottom:0;display:inline-block}
.icon-computer{background-image:url(../img/computer.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-computer:hover{background-image:url(../img/icon-computer.gif)}
@media only all and (max-width:1024px){.icon-computer{background-image:url(../img/computer.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-computer:hover{background-image:url(../img/computer.png?1442476654)}
}
.icon-click{background-image:url(../img/click.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-click:hover{background-image:url(../img/icon-click.gif)}
@media only all and (max-width:1024px){.icon-click{background-image:url(../img/click.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-click:hover{background-image:url(../img/click.png?1442476654)}
}
.icon-phone{background-image:url(../img/phone.png?1442476653);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-phone:hover{background-image:url(../img/icon-phone.gif)}
@media only all and (max-width:1024px){.icon-phone{background-image:url(../img/phone.png?1442476653);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-phone:hover{background-image:url(../img/phone.png?1442476653)}
}
.icon-cart{background-image:url(../img/cart.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-cart:hover{background-image:url(../img/icon-cart.gif)}
@media only all and (max-width:1024px){.icon-cart{background-image:url(../img/cart.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-cart:hover{background-image:url(../img/cart.png?1442476654)}
}
.icon-gear{background-image:url(../img/gear.png?1442476659);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-gear:hover{background-image:url(../img/icon-gear.gif)}
@media only all and (max-width:1024px){.icon-gear{background-image:url(../img/gear.png?1442476659);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-gear:hover{background-image:url(../img/gear.png?1442476659)}
}
.icon-terminal{background-image:url(../img/terminal.png?1442476659);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-terminal:hover{background-image:url(../img/icon-terminal.gif)}
@media only all and (max-width:1024px){.icon-terminal{background-image:url(../img/terminal.png?1442476659);background-repeat:no-repeat;background-position:center center;cursor:pointer}
.icon-terminal:hover{background-image:url(../img/terminal.png?1442476659)}
}
.service-item-icon{width:65px;height:65px;margin:0 auto}
@media only all and (max-width:640px){.service-item-icon{height:50px;background-size:65%}
}
.service-item-name{color:#585858;font-size:17px;margin-top:8px}
@media only all and (max-width:640px){.service-item-name{margin-top:5px}
}
.service-item-name span{display:none}
.service-item{width:103px;text-align:center}
@media only all and (max-width:480px){.service-item{width:auto!important}
}
.service-item a:hover .service-item-name{color:#e83828}
.case{padding:25px 0}
.case #slick-case .slick-dots li{width:30px;height:20px;background:url(../img/b_g.jpg) center center repeat-x}
@media only all and (max-width:640px){.case #slick-case .slick-dots li{width:30px;margin:0 2px}
}
.case #slick-case .slick-dots li button{width:60px;height:2px;padding:10px 0}
@media only all and (max-width:640px){.case #slick-case .slick-dots li button{width:30px}
}
.case #slick-case .slick-dots li button:before{content:no-close-quote}
@media only all and (max-width:640px){.case #slick-case .slick-dots li{width:30px}
}
.case #slick-case .slick-dots .slick-active{background:url(../img/b_r.jpg) center center repeat-x}
.case #slick-case .slick-dots .slick-active button:before{width:60px;height:2px}
@media only all and (max-width:640px){.case #slick-case .slick-dots .slick-active button:before{width:30px}
}
.case-slide{position:relative}
.title{margin-left:10px;margin-bottom:10px}
.title:after{content:"";display:table;clear:both}
.case-slide{overflow:hidden}
.case-slide:after{content:"";display:table;clear:both}
.title-en{color:#555;font-size:30px;margin:0;margin-bottom:15px;text-align:center}
@media only all and (max-width:960px){.title-en{text-align:left}
}
@media only all and (max-width:640px){.title-en{text-align:left;margin-bottom:0}
}
.title-zh{color:#555;font-size:20px;padding-top:23px;padding-left:4px;float:left}
.case-detail{display:none;padding:20px 0;position:absolute;bottom:0;width:100%;background-color:#f3f3f3}
.case-detail-title{text-align:left;padding:0 20px}
.case-detail-title a,.case-detail-title p{width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-detail-title a{font-size:16px;color:#087bd0;display:block}
.case-detail-title p{font-size:12px;color:#767676}
.case-item{float:left}
.case-item-inner{margin:6px;background-color:#fff}
@media only all and (max-width:640px){.case-item-inner{margin:20px}
}
.case-item-inner .case-image{position:relative;overflow:hidden}
.case-item-inner .case-image img{width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.case-item-inner .case-image .case-shadow{width:100%;height:100%;background:#000;opacity:.2;position:absolute;top:0;left:0}
.case-item-inner .case-image:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.client-item{float:left;width:173px}
.client-item div{margin:10px;border:1px solid #D4D4D4}
@media only all and (max-width:640px){.client-item div{margin:20px}
}
.client{padding:25px 0}
#slick-client{margin-bottom:0}
.about{background-color:#f3f3f3;/*margin-top:30px;*/padding-top:50px;padding-bottom:80px}
.about:after{content:"";display:table;clear:both}
@media only all and (max-width:1024px){.about{margin-top:0}
}
@media only all and (max-width:640px){.about{padding-top:0}
}
.about-phone{cursor:pointer;display:none}
@media only all and (max-width:1920px){.about-phone{display:block}
}
.about-phone .about-us-phone{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:12px 13px;font-size:16px}
.about-phone .about-us-phone:after{content:"";display:table;clear:both}
.about-phone .about-news-phone{border-bottom:1px solid #dfdfdf;padding:14px 13px;font-size:16px}
.about-phone .about-news-phone:after{content:"";display:table;clear:both}
.about-phone .about-phone-title{float:left}
.about-phone .about-phone-num{color:#9D9D9D;float:right;margin-top:-2px}
.about-phone .arrow-right{width:13px;height:20px;float:right;background-image:url(../img/arrow-right.png?1442476654);background-repeat:no-repeat;background-position:center center;cursor:pointer;margin-left:10px}
.about-phone .arrow-right:hover{background-image:fasle}
.about-us{float:left;width:45%}
.about-news{float:right;width:45%}
.about-title{font-size:30px;margin-bottom:30px;color:#585858;overflow:hidden;border-bottom:1px #d2d2d2 solid;padding-bottom:10px}
a.more{font-size:12px;float:right;margin-top:6px;color:#767676;width:70px;height:20px;line-height:20px;display:block;background:url(../img/more_btn_01.png) no-repeat;padding-left:12px}
a.more:hover{color:#fff;background:url(../img/more_btn_03.png) no-repeat}
.about-us-subtitle{font-size:22px;margin-bottom:13px;color:#555;margin-bottom:4%}
@media only all and (max-width:1024px){.about-us-subtitle{font-size:20px}
}
.about-us-content p{line-height:23px;color:#767676;font-size:15px}
@media only all and (max-width:1024px){.about-us-content p{line-height:20px;font-size:13px}
}
.about-news-date{float:right;color:#767676;font-size:13px}
.about-news-list{margin-left:0;margin:0;padding:0;border:0;overflow:hidden}
.about-news-list li{padding-left:30px;background:url(../img/hotnews_liicon.png?1442476659) no-repeat 5px 10px;list-style-type:none}
.about-news-list li{color:#535353;line-height:40px;font-size:14px}
.case{padding:25px 0 10px 0}
@media only all and (max-width:640px){.case{padding:0 0 10px 0}
}
.client{padding:50px 0}
@media only all and (max-width:640px){.client{padding:0 0 50px 0}
}
.title{margin-bottom:0}
#slick-banner .slick-dots{margin-top:-25px}
@media only all and (max-width:480px){#slick-banner .slick-dots{margin-top:-12px}
}
@media only all and (max-width:480px){#slick-banner .slick-dots{margin-top:-16px}
}
.slick-slide a{display:block}
.home-news{overflow:hidden;position:relative}
.home-news #home-news-wrap,.home-news #home-news-wrap2{margin-bottom:4%}
.home-news .news-list{width:300px;float:left;margin-bottom:8%; overflow:hidden;}
@media only all and (max-width:1720px){.home-news .news-list{width:100%;margin-bottom:0;}
}
.home-news .news-list .pic{float:left;width:80px}
.home-news .news-list .news-intro{float:left;width:200px;margin-left:10px;}
@media only all and (max-width:1720px){.home-news .news-list .news-intro{float:left;width:69%;margin-left:3%}
}
.home-news .news-list .news-intro h2{color:#087bd0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
.home-news .news-list .news-intro p{color:#949494}
.home-news .news-list .news-intro p.info{margin-top:5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.home-news .news-list-t{margin-left:30px;padding-left:30px;border-left:1px #d2d2d2 solid}
#home-news-wrap2 .slick-dots{bottom:-10px!important}
#home-news-wrap2 .slick-dots li{width:30px;height:20px;background:url(../img/b_g.jpg) center center repeat-x}
@media only all and (max-width:640px){#home-news-wrap2 .slick-dots li{width:10px;margin:0 2px}
}
#home-news-wrap2 .slick-dots li button{width:30px;height:2px;padding:10px 0}
#home-news-wrap2 .slick-dots li button:before{content:no-close-quote}
#home-news-wrap2 .slick-dots .slick-active{background:url(../img/b_r.jpg) center center repeat-x}
#home-news-wrap2 .slick-dots .slick-active button:before{width:30px;height:2px}
@media only all and (max-width:640px){#home-news-wrap2 .slick-dots .slick-active button:before{width:30px}
}
.hvr-outline-in{vertical-align:baseline}
.hvr-outline-in:before{border:#e1e1e1 solid 3px}
.slick-slide img{margin:0 auto}
@media only all and (max-width:960px){.service-ul li{margin-left:24px!important;margin-right:24px!important}
}
@media only all and (max-width:520px){.service-ul li{margin-top:0;margin-left:18px!important;margin-right:14px!important;margin-bottom:20px!important}
}
@media only all and (max-width:480px){.service-ul li{margin-left:16px!important;margin-right:16px!important;margin-top:10px!important;margin-bottom:10px!important}
}
@media only screen and (min-width:1025px) and (max-width:1440px){.about-phone{display:none}
.title-en{font-size:30px;margin:0}
.title-zh{padding-top:19px}
.service-item-name{font-size:16px;margin-top:0}
.menu,.nav-mobile-inner{display:none}
.slick-dots{bottom:-30px!important}
.service-ul{padding-left:50px}
.service-ul .service-li-6{margin-right:0}
.service-ul li{margin-left:0;margin-right:56px;margin-top:0;margin-bottom:0}
.icon-computer{background-position:0 0}
.icon-computer:hover{background-position:-9px -8px}
.icon-terminal{background-position:0 0}
.about-us{width:48%}
.about-us-subtitle{margin-bottom:10px}
.about-us-content p{line-height:20px}
.footer{width:100%;min-width:100%}
.footer-nav{float:right}
.footer-nav-list{margin:0;padding:0;border:0;overflow:hidden}
.footer-nav-list li{list-style-image:none;list-style-type:none;margin-left:0;display:inline-block;vertical-align:middle;white-space:nowrap}
.footer-nav-list li{vertical-align:top;margin-left:18px}
}
@media only screen and (min-width:1441px) and (max-width:1920px){.about-phone{display:none}
.menu,.nav-mobile-inner{display:none}
.service-ul{padding-left:40px}
.service-ul .service-li-6{margin-right:0}
.service-ul li{margin-left:18px;margin-right:46px;margin-top:0;margin-bottom:0}
.slick-dots{bottom:-20px!important}
.footer{width:100%;min-width:100%}
.footer-nav{float:right}
.footer-nav-list{margin:0;padding:0;border:0;overflow:hidden}
.footer-nav-list li{list-style-image:none;list-style-type:none;margin-left:0;display:inline-block;vertical-align:middle;white-space:nowrap}
.footer-nav-list li{vertical-align:top;margin-left:18px}
}
@media only screen and (min-width:871px) and (max-width:1024px){

}

.navbar-contact,.navbar-nav{display:none}
.title{margin-left:10px}
.title-en{font-size:30px}
.title-zh{font-size:18px;margin-top:5px;padding-top:10px}
.about-news-list li{line-height:30px}
.about-phone{display:none}
.service-item-name{font-size:14px}
.service-item{width:85px}
.service-item-icon{width:71px}
.service-ul .service-li-6{margin-right:0}
.service-ul li{margin-left:30px;margin-right:32px;margin-top:0;margin-bottom:0}
.slick-dots{bottom:-30px!important}
.case{background-color:#fff}
.case-item-inner{box-shadow:none}
.case-detail{padding:10px 0;background-color:#E7E6E6}
.client{background-color:#fff}
.about{padding-bottom:40px;background-color:#fff}
.footer-nav{float:right}
.footer-nav-list{margin:0;padding:0;border:0;overflow:hidden}
.footer-nav-list li{line-height:33px;font-weight:solid!important}
.footer-nav-inner-list{display:none}
}
@media only screen and (min-width:741px) and (max-width:870px){body{background-color:#DFDFDF;position:relative}
.container{width:701px!important}
.navbar-contact,.navbar-nav{display:none}
.title{margin-left:10px}
.title-en{font-size:36px;text-align:left}
.title-zh{font-size:18px;margin-top:5px;padding-top:10px}
.about-us-subtitle{font-size:18px}
.about-us-content p{font-size:12px}
.about-news-list li{line-height:30px}
.about-phone{display:none}
.service-item-name{font-size:14px}
.service-item{width:85px}
.service-item-icon{width:71px}
.service-ul .service-li-6{margin-right:0}
.service-ul li{margin-left:0!important;margin-right:34px!important;margin-top:0;margin-bottom:0}
.slick-dots{bottom:-30px!important}
.case{background-color:#fff}
.case-item-inner{box-shadow:none}
.case-detail{padding:10px 0;background-color:#E7E6E6}
.client{background-color:#fff}
.about{padding-bottom:40px;background-color:#fff}
.footer-nav{float:right}
.footer-nav-list{margin:0;padding:0;border:0;overflow:hidden}
.footer-nav-list li{line-height:33px;font-weight:solid!important}
.footer-nav-inner-list{display:none}
}
@media only screen and (min-width:521px) and (max-width:740px){/*body{background-color:#DFDFDF}*/
.container{width:460px!important}
.navbar-contact,.navbar-nav{display:none}
#slick-banner .slick-dots{margin-top:-34px;margin-left:-100px}
.title{margin-left:10px}
.title-en{font-size:34px}
.title-zh{font-size:16px;margin-top:17px;padding-top:0}
.client{background-color:#fff;padding:25px 0}
.about-news,.about-us{display:none}
.about{padding-bottom:40px;background-color:#fff}
.case{background-color:#fff;padding:25px 0}
.case-detail{padding:10px 0;background-color:#E7E6E6}
.case-detail-title a{font-size:15px}
.case-item-inner{box-shadow:none}
.service-item-name{font-size:15px}
.service-ul li{margin-left:30px!important;margin-right:16px!important;margin-bottom:20px}
.slick-dots{bottom:-26px!important}
.footer-nav{float:none;margin-bottom:18px}
.footer-nav li,.footer-nav ul{list-style-type:none}
.contact{float:none}
.footer-nav-title{font-size:14px}
.footer-nav-inner-list{display:none}
}
@media only screen and (min-width:319px) and (max-width:520px){body{position:relative}
.container{width:281px!important}
.navbar-contact,.navbar-nav{display:none}
#slick-banner .slick-dots{margin-top:-24px;margin-left:-100px}
#slick-banner .slick-dots li{width:14px;height:3px;margin:0 3px}
#slick-banner .slick-dots li button{background-color:#E5E5E5;width:14px;height:3px;padding:0}
#slick-banner .slick-dots li button:before{content:no-close-quote}
#slick-banner .slick-active button:before{width:14px;height:3px;background-color:#E83828}
.about-news,.about-us{display:none}
.about{padding-bottom:40px}
.container{width:335px!important}
.service-item{width:77px}
.service-item-name{font-size:15px}
.service-item-name p{display:none}
.service-item-name span{display:block}
.case{background-color:#fff;padding:25px 0}
.title{margin-left:15px}
.title-en{font-size:32px}
.title-zh{font-size:16px;margin-top:14px;padding-top:0}
.case-item-inner{box-shadow:none}
.case-detail{padding:10px 0;background-color:#E7E6E6}
.case-detail-title h3{height:auto;margin-bottom:0;border-bottom:0;padding:0}
.slick-dots{bottom:-16px!important}
.client{background-color:#fff;padding:25px 0}
.about{padding-bottom:40px;background-color:#fff}
.footer-nav{float:none;margin-bottom:18px}
.footer-nav li,.footer-nav ul{list-style-type:none}
.contact{float:none}
.footer-nav-title{font-size:14px}
.footer-nav-inner-list{display:none}
}
@media only screen and (max-width:320px){body{background-color:#fff}
.container{width:230px!important}
.about .container,.case .container,.client .container,.footer .container{width:280px!important}
.navbar-contact,.navbar-nav{display:none}
#slick-banner img{height:120px}
#slick-banner .slick-dots{margin-top:-24px;margin-left:-100px}
#slick-banner .slick-dots li{width:14px;height:3px;margin:0 3px}
#slick-banner .slick-dots li button{background-color:#E5E5E5;width:14px;height:3px;padding:0}
#slick-banner .slick-dots li button:before{content:no-close-quote}
#slick-banner .slick-active button:before{width:14px;height:3px;background-color:#E83828}
.case{background-color:#fff}
.title{margin-left:10px}
.title-en{font-size:22px}
.title-zh{font-size:16px;margin-top:5px;padding-top:0}
.case-item-inner{box-shadow:none}
.case-detail{padding:10px 0;background-color:#E7E6E6}
.case-detail-title a{font-size:14px}
.case-slide .slick-dots{bottom:-20px}
#slick-case .slick-dots li{margin:0 3px}
#slick-case .slick-dots li button:before{opacity:.2}
#slick-case .slick-dots li.slick-active button:before{opacity:.5}
.about-news,.about-us{display:none}
.about{padding-bottom:40px;background-color:#fff}
.about-phone .about-phone-title{font-size:13px}
.service-item-name{font-size:14px}
.service-item-name p{display:none}
.service-item-name span{display:block}
.service-item{width:60px}
.service-ul .service-li-4,.service-ul .service-li-5{margin-right:20px}
.service-ul .service-li-1,.service-ul .service-li-2,.service-ul .service-li-3{margin-right:20px}
.service-ul li{margin-bottom:0;margin-left:0;margin-right:69px}
.client{background-color:#fff}
.footer-nav{float:none;margin-bottom:18px}
.footer-top p{display:none}
.footer-top span{display:block}
.contact{float:none;font-size:75%;width:230px}
.footer-nav-title{font-size:15px}
.footer-nav-inner-list{display:none}
.footer-nav-list{margin-bottom:30px}
.footer-nav-list li{margin-bottom:8px}
.footer-nav-list li a{color:#ABABAB}
}

/*  980 屏幕  */
@media screen (min-width:980px) and(max-width:1700px){
.home-news .news-list{ margin-bottom:0;}
}
.modiaNav{ display: none;}
.br3{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
@media (max-width: 980px){
.modiaNav{ display:block;position:fixed; right:0; top:5px; width:100%; }	
.modiaNavMenu{ background:#004a91; width:48px; height:40px; position:absolute; right:10px; top:10px;}
.modiaNavMenu img{ display:inline-block; vertical-align:middle; margin-top:-33px; position:relative;}
.modiaDiv{ width:100%;margin-top:65px; position:relative;float:left; display:none;}
.modiaDiv ul{  margin:0; padding:0; width:100%}
.modiaDiv ul li{ font-size:1em; color:#fff; float:left;background:rgba(0,0,0,0.9); width:100%; line-height: 35px;}
.modiaDiv ul li a{ width:100%; padding:5px 2%; border-bottom:#000 solid 1px;float:left;}
.modiaDiv ul li:last-child a{ border-bottom:none;}
.modiaDiv ul li.active a{ color:#004a91;}

}
@media (min-width:800px) and (max-width:980px){
.footerNav{ display:block;}
.phone-foot{ display:none;}
}
@media (min-width:641px) and (max-width:799px){
.footer{ height:auto;float:left;}
.footerNav{ width:100%; display:block;float:left;}
.footer .fContact{ position: relative;}
.phone-foot{ display: none;}
.fContact{ width:90%;margin-bottom:20px;}
.about-us, .about-news{width:100%;}
#home-news-wrap2 .slick-dots{position:relative; margin-top:10px;}
.about{ padding-bottom:0;}
.home-news .news-list .news-intro{ width:80%;}
.footerNav li.fNav{ width:13%; margin:-left:40px;}
}
@media (max-width:640px){
.footer{ height:auto;float:left; padding-bottom:0; }	
.footerNav{ width:100%; display:block;float:left;}
.footer .fContact{ position: relative;}
.fContact{ width:90%;margin-bottom:20px;}
.footerNav li.fNav{ width:40%; margin-left:20px; margin-right:10px;margin-bottom:20px;}
.phone-foot{ display: none;}
.footer .footerWrap{ padding-bottom:0;}
.about-news, .about-us{display:block;}
.about-us, .about-news{width:100%;}
.navbar.navbar-fixed-top{ background:#004a91;}
}














@media only screen and (min-width:1441px) and (max-width:1920px){
.navbar-nav{ display: block;}
.navbar .navbar-collapse{ display:inline-block; float:right;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
.aboutContent{ width:1200px;}
.navbar-nav{ display: block;}
.navbar .navbar-collapse{ display:inline-block; float:right;}
}
@media only screen and (min-width:1025px) and (max-width:1199px){
.navbar-collapse, .aboutContent{ width:100%; display: block;}	
.navbar-contact, .navbar-nav{ display: block; float:right; right:0;position:absolute;}
.container{ width:100%}
.footer .flink, .footer .footerWrap{ width:100%;padding-left:15px; padding-right:15px;}
.row{margin-left:0; margin-right:0;}
.pcontact, .concon{ width:100%;}
.newscon{ width:100%;}
.newslist .news_li{ width:45%;background:#fff;}
.newslist .news_txt{ width:65%;}
.newslist .news_txt:hover{ background:#087bd0;}
.pjoinus{ width:1000px; margin:0 auto;}
.joblist{padding:0;}
#addesigner, #prdesigner, #pmadmin, #pmadmind{ width:800px; margin:0 auto;}
.newsdetail{ width:700px;}
.news_rwrap{ width:277px;}
.newsdetailcon{ width:1000px;}
.newsdetail p img{ max-width:100%;}
.newsrfix{ width:247px;}
.aboutContent{ width:94%; margin-left:3%; margin-right:3%;}






}
@media only screen and (min-width:871px) and (max-width:1024px){
.aboutContent, .concon, .pcontact{ width:100%;}
.row{ margin-left:0; margin-right:0;}
.conctxt, .conctxt2{ padding-left:20px;}
.qrcode{ margin:0 35px 0 35px;}
.stepcontent1, .stepcontent3{ max-width:871px;}
.newscon{ width:100%;}
.newslist .news_txt:hover{ background:#087bd0;}
.newslist{ background:#fff; width:94%;}
.newslist .news_li{ margin-left:0; width:47%; margin:20px 0 20px 20px;}
.newslist{ background:none;}
#addesigner, #prdesigner, #pmadmin, #pmadmind{ width:90%; }
.joblist{ width:100%;}
.joblist .jobli_1, .joblist .jobli_2, .joblist .jobli_3, .joblist .jobli_4{ width:180px;}
.newsdetail p img{ max-width:100%;}
.newsdetail{ width:68%;}
.aboutContent{ width:94%; margin-left:3%; margin-right:3%;}
.teamIntro{ width:100%; float:left;}
.teamIntro{ width:100%; position:relative;float:left;}








}
@media only screen and (min-width:741px) and (max-width:870px){
.aboutContent, .concon, .pcontact{ width:100%;}
.row{ margin-left:0; margin-right:0;}	
.contact{ height:auto;}
.navbar.navbar-fixed-top{ background:#004a91;}
.conctxt, .conctxt2, .qrcode{text-align:left;}
.qrcode{ margin-left:50px;}
.conctxt2{ width:60%; margin-left:70px; margin-top:30px;}
.stepcontent1, .stepcontent3, .stepcontent5{ max-width:741px;}
.newscon{ width:100%;}
.newslist .news_txt:hover{ background:#087bd0;}
.newslist{ background:#fff; width:94%;}
.newslist .news_li{ margin-left:0; width:100%;}
.newslist{ background:none;}
.newslist .news_li img{ display: block; width:85px;height:85px;}
.newslist .news_txt{ width:95%;}
#addesigner, #prdesigner, #pmadmin, #pmadmind{ width:90%; }
.joblist{ width:100%;}
.joblist .jobli_1, .joblist .jobli_2, .joblist .jobli_3, .joblist .jobli_4{ width:150px; margin-left:20px; margin-right:13px;}
.newsdetail p img{ max-width:100%;}
.aboutContent{ width:94%; margin-left:3%; margin-right:3%;}
.teamIntro{ width:100%; float:left;}
.teamIntro{ width:100%; position:relative;float:left;}
.corporate{ width:100%;}
.corporatePhone{ width:100%;}
.corporatePhone ul li{ margin-bottom:2em;}



}
@media only screen and (min-width:521px) and (max-width:740px){
.navbar.navbar-fixed-top{ background:#004a91;}
.aboutContent{ width:94%; margin-left:3%; margin-right:3%;}
.teamIntro{ width:100%; float:left;}
.teamIntro{ width:100%; position:relative;float:left;}
.corporate{ width:100%;}
.corporatePhone{ width:100%;}
.corporatePhone ul li{ margin-bottom:2em;}
.aboutContent .row{ margin-left:0; margin-right:0;}



}
@media only screen and (min-width:319px) and (max-width:520px){
.aboutContent, .concon, .pcontact{ width:100%;}
.row{ margin-left:0; margin-right:0;}	
.contact{ height:auto;}	
.aboutTitle p strong{ display:block; width:100%; margin-right:0;}
.aboutTitle p span{ width:100%;}
.aboutContent .pTitle4 img{ width:100%;}
.aboutContent .pageTitle6{ font-size:1.5em;}
.aboutContent .pslogan{ font-size:1.375em;}
.conctxt, .conctxt2{ padding-left:0; width:100%; margin-bottom:20px;}
.aboutContent{ margin:90px auto 20px auto;}
.footer .flink .fr, .fContact{ width:100%; padding-left:3%; padding-right:3%;}
.footer .footerWrap{ width:100%;}
.footerNav li ul li a{ font-size:0.875em;}
.stepcontent, .stepcontent1, .stepcontent2, .stepcontent3, .stepcontent4, .stepcontent5{ width:auto;min-width:319px;}
.middlecontent .title{ font-size:1.125em;}
.top01 .top01t{ font-size:1.5em;}
.top01 .top01t p{font-size:0.875em;}
.plistContent .plTitle4{ display:block;}
.plistContent .plTitle6{ font-size:1.75em;}
.newslist, .newslist .news_li{ width:100%;}
.paged a, .paged .p_info, .paged .current, .paged .currenton{ margin-bottom:10px;}
.newscon .newsnav{ display:block;}
.caseContent{ margin-bottom:0;}
#addesigner, #prdesigner, #pmadmin, #pmadmind{ width:90%; }
.joblist{ width:100%;}
.joblist .jobli_1, .joblist .jobli_2, .joblist .jobli_3, .joblist .jobli_4{ width:100%; height:auto; margin-left:0;}
.aboutContent .pTitle4 img{ width:50%;}
.aboutContent .pslogan{ font-size:1.25em;}
.joblist .jobli_4, .joblist .jobli_4:hover{ background-position: center center;}
.newsdetail p img{ max-width:100%;}
.newsdetail{ width:94%;}
.news_rwrap{ top:60px;}
.newsdetail{margin-top:20%;}
.navbar{ margin-left:-120px;}
.about .container, .case .container, .client .container, .footer .container{ width:320px !important;}
.footer .flink .fr{ width:100%; margin-left:15px; margin-right:15px;}
.fContact{ width:100%; padding-left:15px; padding-right:15px;}
.aboutTitle .firstP img{ width:90%;}
.home-news .news-list .news-intro h2{margin-bottom:8px;}
.newslist .news_txt{ background:#fafafa;}

/*==========轮播图========*/
.indexBanner .bd li.l1 .pic1 { width:260px; height:250px; top: -50px;margin-left:10px;}
.indexBanner .bd li.l1 .pic2 { width:300px; height:200px; top: 400px; margin-left:-150px; margin-top:150px;}
.indexBanner .bd li.l2 .pic1 { width:300px; height:250px; top:-30px; margin-left:-150px;}
.indexBanner .bd li.l2 .pic2 { width:300px; height:250px; top:320px; margin-left:-80%; left:-20%;}
.indexBanner .bd li.l1 .pic1 img, .indexBanner .bd li.l1 .pic2 img, .indexBanner .bd li.l2 .pic1 img, .indexBanner .bd li.l2 .pic2 img, .indexBanner .bd li.l3 .pic1 img, .indexBanner .bd li.l3 .pic2 img, .indexBanner .bd li.l4 .pic1 img, .indexBanner .bd li.l4 .pic2 img, .indexBanner .bd li.l5 .pic1 img, .indexBanner .bd li.l5 .pic2 img{ max-width:100%;}
.indexBanner .bd li.l1 .pic2{ margin-right:0;}
.indexBanner .bd li.l3 .pic1 { width:300px; height:250px; top: 322px; margin-left:0; left:0;}
.indexBanner .bd li.l3 .pic2 { width:300px; height:250px; top:300px; margin-left:-100px; margin-right:100px; left:20%;}
.indexBanner .bd li.l4 .pic1 { width:300px; height:250px; bottom:-200px; margin-left:-150px;}
.indexBanner .bd li.l4 .pic2 { width:300px; height:250px; top: 100px; margin-left:-150px;}
.indexBanner .bd li.l5 .pic1 { width:300px; height:250px; top: 90px; margin-left:0; left:0; top:-10px;}
.indexBanner .bd li.l5 .pic2 { width:300px; height:250px; top: 90px; margin-left:0; left:-20%;}

.aboutContent{ width:94%; margin-left:3%; margin-right:3%;}
.teamIntro{ width:100%; float:left;}
.teamIntro{ width:100%; position:relative;float:left;}
.corporate{ width:100%;}
.corporatePhone{ width:100%;}
.corporatePhone ul li{ margin-bottom:2em;}
.aboutContent .row{ margin-left:0; margin-right:0;}
.corporatePhone ul .picture_2 img{ width:300px; height:auto;}
.corporatePhone ul .picture_2{ margin-left:0;}

/*  电商页面    */
.banner1{ display:none;}
.Phonesupp{ display:block; background:#0194f3; margin-top:70px;position:relative;width:100%; padding:0 3%;}
.Phonesupp h3{ font-size:2em; color:#fcfb00; padding-top:1em; position:relative;}
.Phonesupp p{ font-size:1.25em; color:#fff; position:relative; margin-top:1em;}
.banner1PhoneBg{ background:url("../img/supplier/supPhone.png") no-repeat; width:100%; background-size:100% 100%; height:200px;}
.floor_1 .tex{ background:url("../img/supplier/01_bgPhone.png") no-repeat center; width:100%; background-size:100% 100%; height:230px;}
.con_tiele{ font-size:1.875em; width:100%; padding:0 3%; font-weight:400;}
.floor_1 .con_tiele{ margin-top:1em;}
.floor_1 .tex .w1000{ display:none;}
.texPhone, .tetPhone, .fl4_Phone, .fl5_Phone, .fl6_Phone, .fl7_Phone, .fl8_Phone, .fl9_Phone{ display:block; margin:2em 3%; width:94%;}
.texPhone p, .tetPhone p, .f3_phone p, .fl4_Phone p, .fl5_Phone p, .fl6_Phone p, .fl7_Phone p, .fl8_Phone p, .fl9_Phone p{ font-size:1.125em; line-height:2em;}
.floor_2 .tex{ background:url("../img/supplier/02_bgPhone.jpg") no-repeat; width:100%; height:200px; background-size:100%;}
.floor_2 .tex .w1000, .floor_3 .w1000, .floor_4 .w1000, .floor_5 .w1000, .floor_6 .w1000, .floor_7 .w1000, .floor_8 .w1000, .floor_9 .w1000{display:none;}
.f3_phone{ display:block; width:94%; margin:2em 3%;}
.f3_phone img, .fl4_Phone img{ width:100%;}
.f3_phone h3, .fl4_Phone h3, .fl5_Phone h3, .fl6_Phone h3, .fl7_Phone h3, .fl8_Phone h3, .fl9_Phone h3{ margin-top:2em; font-size:1.75em; text-align:center;}
.fl4_Phone h3{ color:#fff;}
.fl4_Phone{padding-bottom:2em;}
.fl5_Phone, .fl9_Phone{ text-align:center;}
.fl5_Phone img, .fl9_Phone img{ margin:1em auto 1em auto;}
.fl6_Phone{ padding-top:1em; padding-bottom:1em;}
.fl6_Phone ul{width:100%;margin-top:1em; text-align:center;float:left;margin-bottom:3em;}
.fl6_Phone ul li{float: left;width: 112px;color: #4f5050;font-size: 16px;text-align: center; margin:0 1em 1em 1em;}
.fl6_Phone ul li i{ width:112px; height:112px; display:inline-block; margin-bottom:10px;}
.fl6_Phone ul li i.r1{background: url(../img/supplier/06_2.png)center top no-repeat;}
.fl6_Phone ul li i.r2{background: url(../img/supplier/06_3.png)center top no-repeat;}
.fl6_Phone ul li i.r3{background: url(../img/supplier/06_4.png)center top no-repeat;}
.fl6_Phone ul li i.r4{background: url(../img/supplier/06_5.png)center top no-repeat;}
.fl6_Phone ul li i.r5{background: url(../img/supplier/06_6.png)center top no-repeat;}
.fl7_Phone img, .fl8_Phone img{ width:100%;}
.fl7_Phone{margin-top:1em; position:relative;}
.floor_8{ padding-top:1em; padding-bottom:2em;}
.fl8_Phone img{margin-top:1em;}











}













@media only screen and (max-width:980px){
/*======oee产品介绍========*/
.oeeBg, .ecshop, .appBg{ display:none;}
.oeePhoneBg{ display:block; width:94%; margin:0 3%;}
.o2oPhone{  background:url("../img/o2oPhoneBg.jpg"); width:100%; padding:2em 3%; display:block;}
.oeePhoneBg img, .o2oPhone img{width:100%; margin:0 auto;}
.oeePhoneTitle{ width:100%; position:relative; display:block; margin-top:2.6em;}
.oeePhoneTitle dl dt{ font-size:1.25em; font-weight: normal; margin-bottom:0.5em; color:#087bd0;}
.oeePhoneTitle dl dd{ font-size:1em;}
.oeePhoneTitle ul{background:#fff;border:#7db6df 2px solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:2em;}
.oeePhoneTitle ul li{ font-size:1em; line-height:1.5em; margin-bottom:1.25em; }
.oeePhoneTitle ul li:last-child{ margin-bottom:0;}
.appPhone{ background:url('../img/banner12.png'); width:100%; padding:2em 3%; display:block; text-align:center;}
.appPhone img{max-width:100%; margin:0 auto 3em auto;}
.appPhone img:last-child{ margin-bottom:0;}

}