@charset "utf-8";
*{margin:0;padding:0;border:none; }
body{font-family:'Microsoft YaHei','Arial';font-size:14px; overflow-x: hidden;}
html {font-family:'Microsoft YaHei','Arial';font-size:14px; overflow-x: hidden;}
.clear{clear:both;font-size:0;overflow:hidden;line-height:0px}
.blank{clear:both;font-size:0;overflow:hidden;line-height:0px}
ul{list-style:none}
a{text-decoration:none;color:#09a3ea}
.relative{position:relative}
.w1200{width:1200px;margin:0 auto}
.w1000{width:1000px;margin:0 auto}
input{font-family:'Microsoft YaHei','Arial';;}
input,button,textarea,select{ffont-family:'Microsoft YaHei','Arial';}
.f-left{float:left}
.f-right{float:right}
.clear,.clearfix:after{clear:both}
.clear,.clearfix:before,.clearfix:after{display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:''}
.clearfix{*zoom:1}
.fs-12{font-size:12px}
.fs-13{font-size:13px}
.fs-14{font-size:14px}
.fs-15{font-size:15px}
.fs-16{font-size:16px}
.fs-17{font-size:17px}
.fs-18{font-size:18px}
.fs-19{font-size:19px}
.fs-20{font-size:20px}
.fs-21{font-size:21px}
.fs-22{font-size:22px}
.fs-23{font-size:23px}
.fs-24{font-size:24px}
.mar-0{margin:0px !important}
.mar-top-0{margin-top:0px !important}
.mar-top-5{margin-top:5px !important}
.mar-top-10{margin-top:10px !important}
.mar-top-15{margin-top:15px !important}
.mar-top-20{margin-top:20px !important}
.mar-top-25{margin-top:25px !important}
.mar-top-30{margin-top:30px !important}
.mar-top-35{margin-top:35px !important}
.mar-top-40{margin-top:40px !important}
.mar-top-80{margin-top:80px !important}
.pad-top-5{padding-top:5px !important}
.pad-top-10{padding-top:10px !important}
.pad-top-15{padding-top:15px !important}
.pad-top-20{padding-top:20px !important}
.pad-top-25{padding-top:25px !important}
.pad-top-30{padding-top:30px !important}
.pad-top-35{padding-top:35px !important}
.pad-top-40{padding-top:40px !important}
.pad-top-80{padding-top:80px !important}
.pad-10{padding:10px !important}
.pad-20{padding:20px !important}
.pad-40{padding:40px !important}
.pad-50{padding:50px !important}
.pad-80{padding:80px !important}
.line-15{line-height:15px}
.line-18{line-height:18px}
.line-20{line-height:20px}
.line-25{line-height:25px}
.line-30{line-height:30px}
.line-35{line-height:35px}
.line-40{line-height:40px}
.line-45{line-height:45px}
.line-50{line-height:50px}
.fw-bold{font-weight:bold}
.fw-normal{font-weight:normal}
.dis-none{display:none}
.te-cen{text-align:center !important}
.te-r{text-align:right !important}
.te-l{text-align:left !important}
.bor-none{border:none !important}
a { color: inherit;}
a:hover{text-decoration:none;color:#f02d2d}
input.placeholder{color:#999999 !important}
input[type="text"]::-ms-clear{display:none}
.table{display:table}
.tr{display:table-row}
.td{display:table-cell}




.w300	{ width:300px; }


.item-15	{ width:15% !important;}
.item-20	{ width:20% !important;}
.item-25	{ width:25% !important;}
.item-33	{ width:33% !important;}
.item-40	{ width:40% !important;}
.item-50	{ width:50% !important;}
.item-last { margin-right: 0px !important;}
.main { width: 1380px; margin: 0 auto;}
.anm {  transition: all .5s; -webkit-transition: all .5s;}


html {   -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    overflow: -moz-scrollbars-vertical
}


.pc { display: block;}
.wap{ display: none;}


/*nav*/
.nav { width: 100%; height:80px; position: absolute; line-height: 80px; z-index: 100; }
.nav .logo { padding:15px 0 0;}
.nav h1 { display: none;}
.nav .logo img { height: 50px;}
.nav .nav-list { font-size: 16px; color: #dde2f1;}
.nav .nav-list a {  margin: 0 30px; line-height:76px; position: relative; display: block; float:left;}
.nav .nav-list a.active ,.nav .nav-list a:hover { border-bottom: 4px  #f02d2d solid; color: #f02d2d; }
.nav .nav-list a { font-weight: bold}
.nav  .logoimgfixed { display: none;}
.nav  .logoimg { display: block;}
.nav.fixed { background: #fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-bottom: 1px solid #f5f5f5; position: fixed; }
.nav.fixed  .logoimgfixed { display: block;}
.nav.fixed  .logoimg { display: none;}
.nav.fixed .nav-list a { color: #333333;  }
.wap-nav {  position: fixed; left: 100%; width: 40%; background: #141c2f; height: 100%; visibility: hidden;     overflow-y: auto;}
.wap-nav a { display: block; width: 100%; text-align: center; color: #dde2f1; font-size: .9rem; padding: .5rem 0; height: 2rem; line-height: 2rem;}
.wap-nav a.active { color: #f02d2d;}
.wap-nav a:nth-child(1) { padding-top: 1.5rem;}
.nav .nav-cloum { display: none;}
.nav .nav-cloum>.f-left:nth-child(1) { display: none;}
.nav.fixed .nav-cloum>.f-left:nth-child(1) { display: block;}

/*topback*/
.topback { width: 54px; height: 54px; position: fixed; transform: scale(0);  -webkit-transform: scale(0); bottom:80px; right:40px; z-index: 20; background: url("../image/topback.png") #dddddd center center no-repeat; border-radius: 5px;  cursor: pointer; opacity: 0; visibility: hidden;}
.topback.show { opacity: .8;visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
.topback.show:hover {  background-color: #f02d2d; opacity: 1}
    /*banner*/
.banner { width: 100%; height: 930px; background: url("../image/bg.jpg") center center; text-align: center; position: relative;}
.banner .before {  display: block; width: 1px; height: 35%;}
.banner .title { font-size:75px; color: #2149bc; font-weight: bold;  }
.banner .text  { font-size:50px; color:#93a3d5; margin-top: 30px; }
.banner .english { color:#6076b9; font-size:24px;  margin-top: 15px; ffont-family:'Arial';}
.banner  .mouse   { width: 30px;  height:56px; display: block; background: url("../image/icon.png"); margin: 0 auto; position: absolute; left:50%; margin-left: -15px; bottom:50px;}
.banner  .mouse  {
    animation: mouse  3s ease-in  infinite ;
    -webkit-animation:mouse 3s ease-in infinite; /* Safari 和 Chrome */
}
@keyframes mouse  {
    0% {  opacity: 0;  bottom:100px; }
    60% { opacity: 1; bottom:50px; }
    100% { opacity: 0;  bottom:50px;}
}
@-webkit-keyframes mouse  {
    0% {  opacity: 0;  bottom:100px; }
    60% { opacity: 1; bottom:50px; }
    100% { opacity: 0;  bottom:50px;}
}

/*我们的优势*/
.advantage { width: 100%; height: 780px; padding: 150px 0 0; background: url("../image/index-bg2.jpg")  center center;}
.title_main   .title { color: #141c2f; font-weight: bold; font-size: 50px; text-align: center; height: 60px; line-height: 60px;}
.title_main   .title span { padding: 0 10px;  display: inline-block;}
.title_main   .title    .before {  display: inline-block; width: 80px; height: 10px; position: relative; top:-10px; background: url("../image/title.png") }
.title_main   .title    .after {  display: inline-block; width: 80px; height: 10px; position: relative; top:-10px; background: url("../image/title.png") }
.title_main   .eng  { font-size: 20px; color: #999; text-align: center; height: 22px; line-height: 22px; margin-top: 20px;}
.title_main   .small-title { font-size: 18px;  line-height: 40px; text-align: center; color: #333; margin-top: 40px;}

.advantage .con { margin-top: 80px;}
.advantage .con .item { float: left; width: 430px; height: 480px; background: #141c2f; border-radius:10px;   overflow: hidden; display: block;}
.advantage .con .item.item-center  { margin: 0 45px;}
.advantage .con .item  .img { display: block; width: 100%; height: 300px; text-align: center; margin-top: 40px;}
.advantage .con .item  .img img { width: 300px; height: 300px;}
.advantage .text_main .title { color: #dcdee6; font-size: 30px; font-weight: bold; text-align: center; height: 100px; line-height: 100px;}
.advantage .text_main .text {  color: #fff; font-size: 16px; line-height: 30px; padding:0 30px; margin-top: 40px;  text-align: justify}
.advantage .con .item:hover  { background: #2149bc; box-shadow: 0 0 15px #2149bc;}
.advantage .con .item:hover .img { height:160px;}
.advantage .con .item:hover .img img { width: 160px; height:160px;}
.advantage .con .item:hover .title { height: 80px; line-height: 80px;}
.advantage .con .item:hover .text {  margin-top: 0px;}

/*应用场景*/
.scene  { width: 100%; height: 940px; padding: 150px 0 0; background: url("../image/index-bg3.jpg")  center center;}
.scene .title_main   .title { color: #fff;}
.scene .title_main   .eng { color: #48577a;}

.scene .con { margin-top: 80px;}
.scene .con .item { width: 300px; height: 270px; display: block; cursor: pointer; float: left; background: #fff; padding: 7px; border-radius: 3px; margin-right: 40px;  margin-bottom: 40px;}
.scene .con .item img { width: 100%;}
.scene .con .item_last { margin-right: 0;}
.scene .con .item .text { font-size: 24px; font-weight: bold; text-align: center; line-height: 60px; height: 60px; color: #333333;}
.scene .con .item:hover { background: #2149bc; box-shadow: 0 0 30px #2149bc;}
.scene .con .item:hover .text { color: #fff;}


.cooperation { width: 100%; height: 570px; padding: 120px 0 0; background: url("../image/index-bg4.jpg")  center center;}
.cooperation .con { margin-top: 50px;}
.cooperation .con .item {display: block; width: 220px; height: 130px; overflow: hidden; float: left; background: #fff; margin-right: 8px; margin-bottom: 8px; }
.cooperation .con .item img { transform: scale(1); width: 100%;}
.cooperation .con .item:hover img { transform: scale(1.1)}
.cooperation .con .item:hover { box-shadow: 0 0 10px rgba(40,89,232,.2) }

.footer { width: 100%; height: 340px; background: #1d1d1d; color: #e0e0e0; font-size: 16px;}
.footer .top { padding-top: 80px;}
.footer .top .item { padding: 7px 0; height: 25px; line-height: 25px; text-align: right;}
.footer .top .icon { margin-right: 10px; border-radius: 25px; overflow: hidden; cursor: pointer; transition: all .5s; -webkit-transition: all .5s;}
.footer a {  transition: color 1s; -webkit-transition: color 1s;  color: #e0e0e0; }
.footer a:hover {   color: #f02d2d}
.footer .top .logo:hover img { transform: scale(1.05)}
.footer .top .item-fx { width: 135px;}
.footer  .itme-qrcode { position: relative;}
.footer .qrcode { display: none;}
.footer .main { position: relative;}
.footer .bottom .item .pc { display: inline;}
.footer  .item-ewm { width: 105px; position: absolute; right: 0;}
.footer  .item-ewm img { width: 105px; border-radius: 5px; display: block;}
.footer  .item-ewm .title { font-size: 16px; text-align: center; font-weight: bold; color: #e0e0e0; height: 50px; line-height: 50px;}
.footer .qrcode img {  width: 130px; height: 130px; }

.footer  .itme-qrcode:hover  .qrcode { display: block; position: absolute; top:-140px; right: 15px;}
.footer .bottom p { float: left}
.footer .bottom .p1 { margin-right: 15px;}

.wap-qrcode { position: fixed; left: 0; top:0; bottom:0; right: 0; z-index: 100;}
.wap-qrcode .img { width: 200px; height: 200px; position: absolute; bottom:200px; left: 50%; margin-left: -100px;}
.wap-qrcode .img img { width: 200px; height: 200px;}
.wap-qrcode .close { cursor: pointer; width: 40px; height: 40px;  background: url("../image/close.png") center center; background-size: 100% 100%; position: absolute; bottom:200px; left: 50%; margin-left: 110px;}
.wap-qrcode {  visibility: hidden; opacity: 0; transform: scale(0); -webkit-transform: scale(0);}
.wap-qrcode.show { visibility: visible; opacity: 1; transform: scale(1);-webkit-transform: scale(1);}

    /*icon*/
.icon { background: url("../image/icon.png"); display: inline-block; width: 25px; height: 25px;}
.icon.icon-weibo1 { background-position: 0px -75px;}
.icon.icon-weixin { background-position: -25px  -75px ;}
.icon.icon-zone    { background-position:  -50px  -75px ; position: relative; left: 1px;}

.icon.icon-weibo1:hover { background-position: 0px -100px;}
.icon.icon-weixin:hover { background-position: -25px  -100px ;}
.icon.icon-zone:hover    { background-position:  -50px  -100px ;}






/*1400 低分辨率电脑*/
@media screen and (max-width: 1380px) {

    /*首页*/
    .main { width: 1100px;}

    /*我们的优势*/
    .advantage { height: 660px; padding:80px 0 0;}
    .advantage .con .item { width:350px; height:420px; }
    .advantage .con .item.item-center { margin: 0 25px;}
    .advantage .con .item:hover .title { height: 40px; line-height: 40px;}
    .advantage .text_main .text { line-height: 25px; font-size: 15px;}
    .advantage .con .item:hover .text {  margin-top: 10px;}
    .advantage .con .item  .img  {  height: 250px;}
    .advantage .con .item  .img img { width: 250px; height: 250px;}
    .advantage .con .item:hover .img { height:140px;}
    .advantage .con .item:hover .img img { width: 140px; height:140px;}


    /*应用场景*/
    .scene { height: 760px;  padding:80px 0 0;}
    .scene .con .item  { width: 250px; height: 230px; margin-right:11px; margin-bottom:11px;}

    /*合作伙伴*/
    .cooperation { height: 460px; padding:80px 0 0;}
    .cooperation .con .item { width:175px; height: 103px;}

    .footer {  height: 300px; }
    .footer .top { padding-top: 50px;}


    .index-page .con { margin-top: 40px !important;}

}




/*1000 pad 横版*/
@media screen and (max-width: 1100px) {

    .banner .title { font-size:60px;}
    .banner .text { font-size:40px;}
    /*首页*/
    .main { width: 900px;}
    .nav .nav-list a { margin: 0 10px;}

    /*我们的优势*/
    .advantage .con .item { width:290px; height:420px; }
    .advantage .con .item.item-center { margin: 0 15px;}
    .advantage .con .item .title { font-size: 20px;}
    .advantage .con .item:hover .title { height: 40px; line-height: 40px;}
    .advantage .text_main .text { line-height: 25px; font-size: 14px;}
    .advantage .con .item:hover .text {  margin-top: 10px; padding: 0 15px; }
    .advantage .con .item  .img  {  height: 250px;}
    .advantage .con .item  .img img { width: 250px; height: 250px;}
    .advantage .con .item:hover .img { height:140px;}
    .advantage .con .item:hover .img img { width: 140px; height:140px;}


    /*应用场景*/
    .scene { height: 710px;}
    .scene .con .item  { width: 200px; height: 195px; margin-right:11px; margin-bottom:11px;}

    /*合作伙伴*/
    .cooperation { height: 450px;}
    .cooperation .con .item { width:145px; height: 85px; margin-right: 5px;}

    .footer { font-size: 14px;}
    .footer .top .item-fx {
        width: 126px;
    }
    .wow { animation-delay: 0s !important;}
    .index-page .con { margin-top: 40px !important;}

}


/*手机版*/
@media screen and (max-width:900px) {

    .footer .bottom .item .pc { display: none;}
    .pc { display: none;}
    .wap{ display: block;}
    .footer .wap { display: inline-block}
    .main { width: 100%;}
    .nav { padding: 0 .5rem; box-sizing: border-box; height: 3rem; left: 0;}
    .nav .nav-list { display: none;}
    .nav .logo { padding: .75rem 0;}
    .nav .logo img { height: 1.5rem;}
    .nav.fixed { border-bottom: 1px solid #f02d2d}
    .nav .nav-cloum { display: block; float: right; padding-top: 1rem; color: #666; font-size: .8rem; width: auto; line-height: 1.1rem;  line-height: 1rem; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
    .nav .nav-cloum span { margin: 0 5px;  }
    .nav .icon-cloum { width: 1.5rem; height: 1rem; position: relative;   line-height: 1rem; margin-left: .25rem; transform: scale(.8); -webkit-transform: scale(.8); }
    .nav .icon-cloum i { display: block; width: 100%; height: 1px; border-radius: 1px; background: #aeaeae;  transform: rotate(0); -webkit-transform: rotate(0); }
    .nav .icon-cloum i:nth-child(2) { margin: .4rem 0}

    .banner { height: 15rem !important;    background-size: cover;}
    .banner .title { font-size:1.3rem;}
    .banner .text { font-size:1rem;     margin-top: .8rem;}
    .banner .english { font-size: .7rem;     margin-top: .2rem;}
    .banner .before { height: 5.5rem;}
    .banner  .mouse { display: none;}

    /*导航切换*/
    .page { position: relative; left: 0; overflow: hidden;}
    .cloumshow .page { left: -40%}
    .cloumshow  .nav { left: -40%}
    .cloumshow .nav .icon-cloum i:nth-child(1)  {  position: absolute;  top:.5rem; transform: rotate(45deg);  -webkit-transform: rotate(45deg)}
    .cloumshow .nav .icon-cloum i:nth-child(2)  { opacity: 0;}
    .cloumshow .nav .icon-cloum i:nth-child(3)  { position: absolute; top: .5rem; transform: rotate(-45deg);  -webkit-transform: rotate(-45deg)}
    .cloumshow .wap-nav { left: 60%;  visibility: visible; }


    /*我们的优势*/
    .advantage { background: url("../image/index-bg2wap.png") top  #fff; background-size: 100%; background-repeat: no-repeat}
    .title_main   .title { font-size: 1.5rem ; height: 2rem; line-height: 2rem; font-weight: normal;}
    .title_main   .title    .before { width: 1rem; height: .5rem; background-size: 100% 100%; top:-.3rem;}
    .title_main   .title    .after { width: 1rem; height: .5rem; background-size: 100% 100%; top:-.3rem;}
    .title_main   .eng  { font-size:.5rem; height: 1rem; line-height: 1rem; margin-top: .1rem;}



    .advantage { height: auto;     padding:1rem 0 0;}

    .index-page .advantage .con { margin-top: 1rem !important; padding: 0 .5rem;}
    .advantage .con .item { float: none;  width: 100%; background: #eeeeee; height:auto; padding-bottom: 1rem; margin-bottom: 1rem;}
    .advantage .con .item.item-center { margin: 0 ;  margin-bottom: 1rem;}
    .advantage .con .item  .img { display: block; width: 100%; height: 6rem !important; text-align: center; margin-top: 2rem !important;}
    .advantage .con .item  .img img { width: 6rem !important; height: 6rem !important;}
    .advantage .text_main .title {  font-size: 1.2rem !important;  color: #141c2f;  height: 2rem !important; line-height: 2rem !important;}
    .advantage .text_main .text { color: #666666; font-size: .8rem !important; line-height: 1.2rem !important; padding: 0 1.5rem !important; margin-top: .25rem !important;}
    .advantage .con .item:hover{ background: #eeeeee; box-shadow:none;}
    .advantage .con .item:hover .title { color: #141c2f !important; }
    .advantage .con .item:hover .text { color: #666666 !important; }


        /*应用场景*/
    .scene { height: auto; background: url("../image/index-bg3wap.png") top  #141c2f; background-size: 100%; background-repeat: no-repeat;   padding: 1rem 0 ;}
    .scene .con { margin-top: 1rem;  padding: .25rem;}
    .scene .con .item  { width: 48%; box-sizing: border-box; margin: 1%; height: auto; padding-bottom: 0px; }
    .scene .con .item .text { font-size: 1rem; font-weight: normal; line-height: 2rem; height: 2rem;}

    /*合作伙伴*/
    .index-page .cooperation .con {     margin:.5rem .5rem 0;}
    .cooperation    { background: #eff4f7; height: auto; padding: 1rem 0 1.5rem;    }
    .cooperation .con { margin:1rem  .5rem 0; padding: 0; overflow-x: hidden;}
    .cooperation .con  .con-main { width: 100%;  overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
    .cooperation .con .scroll {  width: 200%; }
    .cooperation .con .item { width:15%; height: auto; margin: .8rem 2% 0 0; }

    /*底部*/
    .footer { height: 9.8rem; padding: 1rem 0; font-size: .75rem;}
    .footer  .item.clearfix {  font-size: .8rem;}
    .footer .top {  padding-top: .5rem;}
    .footer .top .logo { display: none;}
    .footer .bottom { margin-top: .2rem !important; text-align: center;}
    .footer .bottom  .item.mar-top-20 { margin-top: .25rem !important;}
    .footer .bottom .f-right { float: none;}
    .footer .bottom .f-left { float: none; text-align: center;  margin-top: .1rem !important;}
    .footer .bottom p  { float: none; text-align: center; color: #666666; font-size: .5rem;}
    .footer .bottom p.p1  {  margin: 0;}
    .footer .bottom p a {  color: #666666; }


    .footer { color: #999999;}
    .footer a { color: #999999;}
    .footer .email {  display: block;}

    .footer .item-ewm  { display: block; position: relative; float: none;text-align: center;}
    .footer .item-ewm { width: 100%; }
    .footer .item-ewm .img { width: 3.5rem; height: 3.5rem; margin: 0 auto;}
    .footer .item-ewm .img img { width: 3.5rem; height: 3.5rem;}
    .footer .item-ewm .tie { font-size: .6rem; display: block; height: 1.5rem; line-height: 1.5rem; margin-top: .1rem; color: #666666;}

    .wow { animation-delay: 0s !important;}
    .topback { display: none;}
    .index-page .title_main { position: relative; top:.5rem;}
    .index-page .con { margin-top: .5rem !important;}
    .footer .email { margin-left: 0px;}
}


/*平台*/

.cloum-page .banner { background-position: center center; height: 480px;}
.cloum-page .banner .title_main {  padding-top: 190px;}
.cloum-page .banner .title_main  .title { color: #aeb1b5; font-size: 60px;}
.cloum-page .banner .title_main .title span { padding: 0}
.cloum-page .banner .title_main  .eng {  color: #aeb1b5; font-size: 36px; height: 40px;line-height: 40px; letter-spacing: 0px;}

.Infoware-page .banner {  background-image: url("../image/infobg.jpg"); }
.Infoware-page .banner:before {  height: 180px; }
.cloum-page .banner .title { font-size: 60px;}
.cloum-page .banner .text { font-size: 36px; }

.Infoware-page .info-one {     background: url(../image/contact-title.jpg) right top no-repeat;}
.Infoware-page .info-one .title_main .title  { font-size: 40px;}
.cloum-page   .con img { display: block; width: 100%;}

.title_main_1 { padding-top: 80px; position: relative; z-index: 10;}
.title_main_1   .title { color: #2e9453; font-size: 34px; height: 40px; line-height: 40px; font-weight: bold;}
.title_main_1   .title p { position: relative; display: inline-block;}
.title_main_1   .title p:before { content: ''; position:absolute; left: 0; bottom:-5px; right: -20px; background: rgba(46,148,83,.4); height: 16px;}
.title_main_1   .title p span { position: relative; letter-spacing: 2px;}
.title_main_1   .text { font-size: 18px; color: #333; margin-top: 30px;  }


.Infoware-page  .item-list { padding: 60px 0;}

.Infoware-page  .item-list  .title_main_1 { padding-top: 20px;}

/*1400 低分辨率电脑*/
@media screen and (max-width: 1380px) {
    .cloum-page .banner {  height: 380px;}
    .cloum-page .banner .title_main {  padding-top: 150px;}
    .title_main_1   .title {  font-size: 30px;}
    .title_main_1   .title p span { letter-spacing: 1px;}
    .title_main_1   .text { font-size: 16px;   letter-spacing: 1px; margin-top: 40px;}
    .cloum-page   .con img {  margin-top: 60px; }
    .Infoware-page .info-one .small-title p { display: inline;}

}




/*1000 pad*/
@media screen and (max-width: 1100px) {

    .cloum-page   .con img {  margin-top: 80px; }

}



/*手机版*/
@media screen and (max-width:900px) {

    .cloum-page .banner { height: 8.5rem !important; background-size: cover ; background-position: center center;}

    .Infoware-page .banner {  background-image: url("../image/infobgwap.jpg"); }
    .cloum-page .banner .title_main  .title { ;  font-size: 1.3rem;}
    .cloum-page .banner .title_main .title span { padding: 0}
    .cloum-page .banner .title_main {  padding-top: 3rem;}
    .cloum-page .banner .title_main  .eng {  font-size: 1rem; line-height: 1.25rem; letter-spacing: 0px;}

    .Infoware-page .banner .title_main  .title {  font-size: 1.1rem; letter-spacing: 0px;}

    .Infoware-page .info-one .title_main .title {  font-size: 1rem; font-weight: normal; margin-top: .5rem;}
    .title_main .title .before,.title_main .title .after { top:-.1rem;}
    .title_main .small-title { letter-spacing: 0; padding: 0 1.5rem; margin-top: .5rem; font-size: .8rem; color: #333333; line-height: 1.2rem;     text-align: center;}
    .info-one  .title_main .small-title  { text-align: justify;}
    .title_main_1 { padding-top: 0rem; text-align: center;}
    .title_main_1 .title    { font-size: 1rem; position: relative; top:.25rem;}
    .title_main_1 .title p:before { left: -.5rem; right: -.5rem; height: 8px; bottom: 3px;}
    .title_main_1   .text { font-size: .8rem;  margin-top: 1rem;  letter-spacing: 0px; padding: 0 1.5rem;}

    .Infoware-page .info-one { height: auto; padding: 1rem 0; background: url(../image/index-bg2wap.png) top #fff; background-size: 100%; background-repeat: no-repeat;}
    .cloum-page .con img { margin-top: .25rem;}
    .Infoware-page  .con { margin-top: 0rem !important;}

    .Infoware-page .info-three .con { top:0;}

    .Infoware-page .info-two , .Infoware-page .info-four { background: #f5f5f5; height: auto; padding: 1rem 0;}
    .Infoware-page .info-three ,.Infoware-page .info-five { height: auto; padding: 1rem 0 ; background: #fff;}


    .Infoware-page  .item-list { padding: 1rem 0;}
    .Infoware-page .item-list .title_main_1 { padding-top: 0px;}
}


/*联系我们*/

.contact-page  .banner { background-image: url("../image/contact.jpg")}
.contact-info { padding: 80px 0;height: 400px;  background: url("../image/contact-title.jpg") right top no-repeat; background: #f5f5f5;}
.contact-info .item { float: left; height: 300px; width: 500px; border-right:1px #eeeeee dashed;}
.contact-info .item.item-last { border: none;}
.contact-info .item.itme-center { width: 478px; border-right:none;}
.contact-info .item.item-last { width: 400px; height: 260px; position: relative; top:30px;}
.contact-info .item .title_main_1 { padding-top: 20px;}
.contact-info .item .title_main_1  .title { font-size: 24px; color: #333;}
.contact-info .item  .title_main_1 .title p span { letter-spacing: 0px;}
.contact-info .item  .title_main_1 .title p:before { height: 10px; bottom:3px;}
.contact-info .item  .text { margin-top: 10px; line-height: 26px; color: #666666; font-size: 16px;}
.contact-info .itme-center .title_main_1 { margin-left: 100px }
.contact-info .itme-center .text { margin-left: 100px }

.contact-info .item-last { text-align: center;}
.contact-info .item-last  .title_main_1 .title p:before {  right: 0px;}
.contact-info .item-last img { width: 100%; }
.contact-info .item .title_main_1-center { margin-top:  3px ;}
.contact-info .item .title_main_1-text {  margin-bottom: 3px ;}

.maps { width: 100%; height: 400px;}
.anchorBL { opacity: .2}
#maps  .BMap_Marker { margin-left: -30px !important;}
#maps .BMapLabel { padding: 5px 10px !important; margin-left: -8px; margin-top: 2px;}
#maps .BMapLabel { background: rgba(0,0,0,.4) !important; color: #fff; border: none !important; border-radius: 15px;}

#maps  .BMap_stdMpCtrl { top:20px !important;}
.contact-info .title_main { position: relative; top:-20px; padding: 20px 0}

/*1400 低分辨率电脑*/
@media screen and (max-width: 1380px) {
    .contact-info  .item { border-right:none !important;}
    .contact-info .itme-center .title_main_1 { margin-left: 60px }
    .contact-info .itme-center .text { margin-left: 60px }
    .maps { height: 300px;}
    .contact-info .title_main { position: relative; top:-10px; padding: 10px 0}


    .contact-info .item {  width: 420px; }
    .contact-info .item.itme-center { width: 380px;}
    .contact-info .item.item-last { width: 250px; padding-top: 50px; height: 210px;}

}




/*1000 pad*/
@media screen and (max-width: 1100px) {

    .contact-info .itme-center .title_main_1 { margin-left: 30px }
    .contact-info .itme-center .text { margin-left: 30px }
    .contact-info .title_main { position: relative; top:-5px; padding: 5px 0}
    .contact-info .item {  width: 310px; }
    .contact-info .item.itme-center { width: 300px;}
    .contact-info .item.item-last { width: 290px; padding-top: 80px; height: 205px;}
    .contact-info .item .title_main_1-center { margin-top:  16px ;}
    .contact-info .item .title_main_1-text {  margin-bottom: 16px ;}

}


/*手机版*/
@media screen and (max-width:900px) {
    .contact-page .banner {height: 8.5rem !important; background: url("../image/contactwap.jpg"); background-size: cover ; background-position: center center;}


    .contact-page .banner .title_main  .title { ;  font-size: 1.3rem;}
    .contact-page .banner .title_main .title span { padding: 0}
    .contact-page .banner .title_main  .eng {  font-size: 1rem; letter-spacing: 0px;}


    .contact-info {  padding: 1rem 1.5rem  2rem; height: auto;}
    .contact-info .item { float: none; width: 100%; border: none; height: auto;}
    .contact-info .item   .title_main_1 { padding-top: .5rem; text-align: left; }
    .contact-info .item   .title_main_1 .title p:before { left: 0; right:-1rem;}
    .contact-info .item .title_main_1  .title { font-size: 24px; color: #333; margin-top: .25rem;}
    .contact-info .item  .text { margin-top: .75rem; line-height: 1rem; font-size: .75rem;}


    .contact-info .itme-center .title_main_1 { margin-left: 0px }
    .contact-info .itme-center .text { margin-left: 0px }


    .contact-info .title_main { position: relative; top:.25rem;  padding: .25rem 0}
    .contact-info .item.itme-center { width: 100%;}

}
/*合作伙伴*/
.cooperation-page .banner { background-image: url("../image/cooperation.jpg"); }
.cooperation-page .banner .title_main .before { display: inline-block; }
.cooperation-page .banner .title_main  .title { text-align: center; }
.cooperation-page .banner .title_main  .eng { text-align: center; margin-top: 30px; }

.cooperation-page .cooperation { background:#f5f5f5; height: auto; padding-bottom: 80px; padding-top: 60px;}
.cooperation-page .cooperation  .title_main .title { font-size: 40px;}


/*1400 低分辨率电脑*/
@media screen and (max-width: 1380px){
    .cooperation-page .cooperation  .con img { margin-top: 0;}
}

/*手机版*/
@media screen and (max-width: 900px){
    .cooperation-page .banner .title_main  .eng { text-align: center; margin-top: .5rem }
    .cooperation-page  .cooperation .con .scroll { width: 100%; }
    .cooperation-page  .cooperation .con .item { width: 30%; margin: .75rem 0 0;}
    .cooperation-page  .cooperation .con .item:nth-child(3n-1) { margin: .75rem 4% 0 4%;}
    .cooperation-page  .cooperation { padding-bottom: 1rem; padding-top: 1rem;}
    .cooperation-page .cooperation  .title_main .title {     font-size: 1.5rem; position: relative; top:.5rem;}


}

.tel { cursor: text;  }
.tel:hover {  color: #666 }

/*关于我们*/
.about-page .banner { background-image: url("../image/about.jpg")}
.about-info { padding:60px 0 0;     background: url(../image/contact-title.jpg) right top no-repeat;}

.about-info .item .con { margin: 60px 0;}
.about-info .item-info .con {  padding: 75px 0; font-size: 18px;  line-height: 30px; background: url("../image/about1.jpg") center center no-repeat;     text-align: justify;}
.about-info .item-info .con .item-text { font-size: 18px;   padding: 0 95px; margin-top: 10px;}
.about-info .item  .title-about { font-size: 30px;  color: #333; font-weight: bold; margin-bottom: 50px; position: relative; top:20px;}
.about-info .item  .text-about { font-size: 18px; line-height: 30px;}
.about-info .item-info .con p { margin: 10px 0 0;}
.about-info  .item-last .con { margin: 10px 0 40px;}

/*pad */
@media screen and (max-width:1100px){

    .about-info .item .title-about { font-size: 26px;}
    .about-info .item-info  .con { padding: 20px 0; background: none;  }
    .about-info .item-info .con .item-text { font-size: 18px;   }
}
/*手机版*/
@media screen and (max-width:900px){
    .tel { cursor: pointer}
    .about-info { padding:1.5rem 0 0}
    .about-info .item .con { margin: 1.5rem 0;}
    .about-info .item-info .con { padding:0 1rem 1rem ; margin:0 0  1rem 0; border-radius:.2rem; font-size: .8rem; color: #333333; text-align: justify; line-height: 1.25rem; background:#fff; }
    .about-info .item  .title-about { font-size:.8rem; text-align: center;  color: #333; font-weight: bold; margin-bottom: 1.25rem;  position: relative; top:.5rem;}
    .about-info .item  .title-about span.pczw { display: none; }
    .about-info .item  .title-about span { display: block; }
    .about-info .item-info .con  .item-text  { margin: .5rem 0 0;}
    .wap-about  { padding: 0 1rem;}
    .wap-about .title { text-align: center; font-size:1rem; color: #000; height: 2.5rem; font-weight: bold; line-height:2.5rem; margin-top: .25rem; }
    .wap-about .sm-title { text-align: center; font-size:.9rem; color: #666666;  line-height:1.5rem; font-weight: bold;}
    .wap-about .info { color: #333; font-size: .8rem; line-height: 1.4rem; margin-top: .75rem;     text-align: justify;}
    .about-info .item-two { background: #f5f5f5; padding: 1.5rem 0 .5rem;}
    .contact-info { background: #fff;}
    .wap-about .info .p1 { margin-top: .5rem;}
    .about-info .item-info .con .item-text { font-size: .8rem;   padding: 0 0; margin-top:.5rem;}


}

/*应用场景*/
.scene-info {  background: url(../image/contact-title.jpg) right top no-repeat #fff;}
.scene-info .item { padding: 80px 0; }
.scene-info .item  .title_main_1 { padding: 0;}
.scene-page .banner { height: 540px; background-image: url("../image/scenebg.jpg")}

/*轮播*/
.side { width: 1100px; margin: 0 auto; padding-top: 150px; position: relative;}
.side .btn { position: absolute;   opacity: .2; filter:alpha(opacity=20); top:250px; width: 75px; height: 75px; overflow: hidden; background: url("../image/icon.png") no-repeat; background-position: -50px 0;}
.side .btn.prev { left: -150px;}
.side .btn.next { right: -150px;  background-position: -125px 0;}
.side .btn.show { opacity: 1; filter:alpha(opacity=100); cursor: pointer;}
.side .item { width: 100%; height: 320px; display: none}
.side .item .text { float: left; text-align: left; text-align: justify; width: 420px; color: #fff; margin-top: 60px;}
.side .item .title { font-size: 40px; font-weight: bold; color: #fff;}
.side .item .info { color: #dcdcdc; font-size: 16px;  margin: 20px 0 0; }
.side .item .info .p1 { margin-top: 10px;}
.side .video { float: right;}


.scene-blank { position: relative; top:-50px; width: 100%; height: 1px;}
/*1400 低分辨率电脑*/
@media screen and (max-width: 1380px){
    .side { width: 1000px; }
    .side .btn.prev { left: -100px;}
    .side .btn.next { right: -100px; }

}

/*1100 横版*/
@media screen and (max-width: 1100px) {
    .side { width: 750px; }
    .side .btn.prev { left: -80px;}
    .side .btn.next { right: -80px; }
    .side .item .title { font-size: 30px;}
    .side .item .text { width: 310px; margin-top: 20px;}
    .side .video { width: 420px !important; height: 240px !important;}
}

/*手机版*/
@media screen and (max-width:900px){
    .scene-blank {  top:-3rem; }
    .scene-info .item { padding: 1.5rem 0 1rem; }
    .scene-info .item#scene1 { background: url(../image/index-bg2wap.png) top #fff  no-repeat !important; background-size: 100% !important;}
    .scene-info .item  .title_main_1 span { display: block; }

    .scene-page .banner { height: auto !important; background-size: cover}
    .scene-page .banner .main { width: 90%;}
    .side{ padding-top: 4rem; padding-bottom: 2rem;}
    .side { width: 100%; }
    .side .btn { display: none;}
    .side .item .text { text-align: center; float: none; width: 100%; margin: 0 ;}
    .side .item .text .info { text-align: justify;}
    .side .video-main { margin-top: 1rem;}
    .side .video { width: 100%  !important; height: auto !important;}
    .side .video { float: none;}

    .side .item .title { font-size: 1.5rem; }
    .side .item .info {  font-size: .8rem; margin: .5rem 0;}
    .side .item { height: auto;}

    .about-info {  background: url(../image/index-bg2wap.png) right top no-repeat #fff; background-size: 100%;}
    .scene-info { padding-bottom:0;}
    .side .item .info {  line-height: 1.4rem;}
    .scene-info .item .con { margin-top: .75rem !important;}
    .side .item .info .p1 { margin-top: .5rem;}

}