@import url("iconfont.css");

*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html,body,ul,li{margin:0;padding:0;height:100%; font-size:13px; color:#555}

h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:13px; color:#555; font-weight:normal}

em{ font-style:normal}

div,input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}

input{font-size:12px;outline:0;display: inline-block;}

input[type=button]{cursor:pointer}

select{margin:0}

li{list-style:none}

img{display: inline-block; border:none}

a{text-decoration:none;color:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}

a:hover{ color:#009bad}

a,input,button,i{ outline:none; }

.guanyu{

    display: block;

    width: 88%;

    margin: 0 auto;

}

.gy-title {

    margin: 40px 15px 40px 15px;

}

.gy-title h1 {

    font-size: 44px;

}

.gy-title h1 span {

    font-size: 66px;

}

.gy-cont {

    width: 88%;

    display: block;

    height: 616px;

    margin: 0 auto;

}

.warp-container {

    width: 100%;

}

.event_box {

    width: 94%;

    margin: 0 auto;

    position: relative;

}

.event_box .parHd {

    width: 100%;

    display: inline-block;

    height: 105px;

    border-bottom: 4px solid rgba(255,255,255,0.62);

}

.event_box .parHd ul {

    width: 100%;

    margin: 0 auto;

    padding-top: 34px !important;

    line-height: 67px;

}

.event_box .parHd li.act {

    border-bottom: 4px solid #000;

}

.event_box .parHd li {

    display: inline-block;

    cursor: pointer;

    font-size: 16px;

    color: #fff;

    margin: 0 5px;

    width: 94px;

    text-align: center;

    position: relative;

}

.event_box .parBd {

    margin-top: 88px;

    max-width: 620px;

    color: #fff;

}

.event_box .parBd h2 {

    font-size: 36px;

    font-family: 'Arial';

    text-transform: uppercase;

}

.event_box .parBd p {

    line-height: 28px;

    padding: 40px 0 60px 0;

    font-size: 14px;

}

.event_box .parBd a {

    display: block;

    width: 176px;

    height: 45px;

    background: #fff;

    color: #c92323;

    font-size: 16px;

    line-height: 45px;

    padding: 0 30px;

}

.event_box .parBd a .left {

    font-family: 'Arial';

}

.event_box .parBd a .right {

    font-family: 'SimSun';

}

.right {

    float: right;

}

.left {

    float: left;

}

.mun {

    display: block;

    width: 88%;

    margin: 0 auto;

}

.mumping_mun {

    width: 100%;

    list-style: none;

    text-align: center;

}

.mumping_mun li:nth-child(2n) {

    background-position: left -150px;

}



.mumping_mun li:nth-child(3n) {

    background-position: left -410px;

}



.mumping_mun li:nth-child(4n) {

    background-position: left -306px;

}

.mumping_mun li {

    width: 20%;

    margin: 46px auto 56px auto;

    background: url(../image/advantage.png) no-repeat left -222px;

    float: left;

    height: 80px;

    margin-top: 40px;

}

.mumping_mun h2 {

    font-size: 42px;

}

.mumping_mun p {

    font-size: 16px;

    color: #4e4e4e;

    width: 100%;

    display: block;

    clear: both;

}

.comm-width{ width:92%; margin:0 auto; float:none; display:block;}

.comm-width img{display: inline;margin: 0 auto;padding-right: 10px;}

.comm-width-img{ width:68%; margin:0 auto; float:none; display:block;}

.flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.flex-con{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}

.comm-width .subleft{margin-top:40px}

.fl{float: left;width:18%;}

.fl .iconfont{font-size:14px;margin-right: 5px;color: #009bad;}

.fl .bor9{display:block;}

.fl .title{

    width: 100%;



    line-height: 60px;

    padding-left: 20px;

    border-top-left-radius: 12px;

    background: #009bad;

}

.fl .title h2{

    font-size: 20px;

    color: #fff;

    font-weight: 600;

}

.fl .leftcont{

    width: 100%;

    border-bottom: 1px solid #e8e8e8;

    border-left: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

    padding: 14px;

}

.fl .bor9{

    margin-bottom: 12px;

}

.fl .comt{

    width: 100%;

    border-bottom: 1px solid #e8e8e8;

    border-left: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

}

.fl .comt ul li a{

    padding: 15px 26px;

    display: block;

    border-bottom: 1px solid #e8e8e8;

}

.fl .comt ul li a:hover{

    border-left: 4px solid #009bad;

}

.fl .comt ul li a:nth-child(8){

    border-bottom:none;

}

.fr{float: right;}

.header{width: 100%;line-height: 40px;background: #eee;font-size: 12px}

.header .comm-width{width: 92%}

.header .fl{width: 72%}

.header .fr{width: 28%;text-align: right;}

.header .fl i{font-size: 14px;vertical-align:top;display:inline-block;margin-top:1px;margin-right: 3px}

.header .fl .horn a{padding-left: 30px}

.header .fl .horn a.link1{ background: url(../image/ac.png) no-repeat 8px center;background-size: 18px;}

.header .fl .horn a.link2{background: url(../image/2.jpg) no-repeat 7px center;background-size: 18px;}

.header .fl .horn a.link3{background: url(../image/3.jpg) no-repeat 13px center;background-size: 10px;}

.header .fl .horn a.link4{background: url(../image/acc.png) no-repeat 10px center;background-size: 15px;}

.header .fl .horn a.link5{ background: url(../image/hb.png) no-repeat 8px center;background-size:auto 80%;}

.header .fl .horn a.link6 { background: url(../image/dpc1.png) no-repeat 8px center;background-size: 18px;}

.header .fl .horn a.link7{ background: url(../image/cyyy2.png) no-repeat 8px center;background-size: 17px;}

.header .fl .horn a.link8 {background: url(../image/gjzxx.png) no-repeat 10px center;background-size: 16px;}

.header .fl .horn a.link9 {background: url(../image/zhxfxx.png) no-repeat 10px center;background-size: 14px;}

.header .fr{color: #aaa;font-size: 12px;}

.header .fr a{color: #555;font-size: 12px;}

.header .fr a:hover{color: #009bad}

.header .fr i{font-size: 12px;color: #333;width: 15px}

.header .fr span{color: #009bad;margin-right: 10px;font-size: 15px;vertical-align:top;font-weight: bold;}

.nav{width: 100%;height: 70px;line-height: 70px;font-size: 0;position:absolute;top: 60px;left:0;z-index: 1000;transition: all .2s;}

.nav .comm-width{width: 88%}

.nav.inner{background: #009bad;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);top: 40px;transition:none;}

.nav.fixed{position:fixed;top: 0;background: #009bad;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);}

.nav .logo{width: 21%;padding-top: 10px;font-size: 0}

.nav .logo img{display: block;width:100%;}

.nav .logo h1{letter-spacing: 11px;color: #fff;display: block;line-height: 26px;font-size: 12px}

.nav .logo a{display: inline-block;width: 45%;vertical-align:top;}

.nav .logo h2{display: inline-block;font-size:16px;font-weight: bold;color: #fff;width: 55%;line-height: 25px;vertical-align: top;padding-top: 13px}

.nav .menu{width:65%}

.nav .menu li{display: inline-block;position: relative; z-index: 100}

.nav .menu li > a{padding: 0 20px;color: #fff;font-size: 16px;}

.nav .menu li > a i.rotate{font-weight: normal;font-size: 12px;margin-left: 5px;display:inline-block;transition: all 0.2s;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;vertical-align:top;}

.nav .menu li.this > a i.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.nav .menu li span{position: absolute;left: 0;top:80px;background: #fff;width: 100%;border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);padding: 15px 10px;display: none;transition: all .2s;-webkit-transition: all .2s; -moz-transition: all .2s;-o-transition: all .2s;visibility: hidden;opacity: 0;display: block;}

.nav .menu li:nth-child(3) span{width: 420%;left:5%;padding: 0 20px 15px 40px}

.nav .menu li:nth-child(4) span{width: 1270%;left:-534%;}

.nav .menu li span h1{border-bottom: 1px #eee solid;width:60%;display:inline-block;line-height: 20px;padding-bottom: 10px}

.nav .menu li span h1.icon-lm:after{font-size:0.2rem;margin-left: 5px;vertical-align: top;line-height: 28px}

.nav .menu li span h1 a{color: #333;font-weight: bold;font-size: 15px;display: inline-block;width: auto;line-height: 20px;}

.nav .menu li span h1 a:hover{color: #009bad}

.nav .menu li span:after {position: absolute;top: -6px;left: 45%;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';}

.nav .menu li span dd{padding-bottom: 10px}

.nav .menu li.this span{top: 60px;visibility: visible;opacity: 1}

.nav .menu li span a{display: block;width: 100%;text-align: center;line-height:35px;font-size: 14px}

.nav .menu li:nth-child(3) span a{text-align: left;line-height:28px;}

.nav .menu li:nth-child(3) span:after{left: 11%}

.nav .menu li:nth-child(4) span a{text-align: left;line-height:28px;}

.nav .menu li:nth-child(4) span:after{left: 11%}

.nav .search{width: 14%;padding-top: 20px;padding-left: 2%}

.nav .search form{width: 100%;background: rgb(255,255,255,0.2);border:1px rgb(255,255,255,0.4) solid;border-radius:3px;height: 30px;position: relative;}

.nav .search input{width: 100%;background: none;border: none;height: 28px;line-height: 28px;color: #fff;padding: 0 8px}

.nav .search input::-webkit-input-placeholder{color:rgb(255,255,255,0.6);height: 28px;line-height: 28px}

.nav .search form .icon-sousuo:before{width:28px; height:28px;background: rgb(255,255,255,0.3);position: absolute;right: 0;top:0;color: #fff;text-align: center;line-height: 28px;cursor: pointer;}

.banner{width: 100%;/*margin-top: 68px*/}

.banner.index{margin-top: 0}

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.swiper-containers {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.banner .swiper-slide img{width: 100%}

.advantage{width: 100%;background: #f9f9f9;height: 160px;font-size: 0}

.advantage dl{height: 160px;font-size: 0;cursor: pointer;}

.advantage dl:hover{background: #fff}

.advantage dl dt{width: 27%;background:url(../image/advantage.png) no-repeat center -230px; height:80px;margin-top: 40px}

.advantage dl:nth-child(2) dt{background-position: center -150px;}

.advantage dl:nth-child(3) dt{background-position: center -410px;}

.advantage dl:nth-child(4) dt{background-position: center -306px;}

.advantage dl dd{width: 73%;padding-top: 32px;padding-left: 3%}

.advantage dl dd h1{width: 96%;font-size: 40px;font-weight: bold;color: #000;transition: all .3s;-webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s;}

.advantage dl dd h2{width: 96%;font-size: 13px;line-height: 20px;padding-top: 15px}

.advantage dl:hover dd h1{color: #009bad;}

.comm-title{width: 100%;background:url(../image/tit_bg.gif) no-repeat center 60px;}

.comm-title h1{width: 100%;text-align: center;line-height: 45px;font-size: 34px;color: #000;font-weight: bold;}

.comm-tit h1{width: 91%;line-height: 45px;font-size: 34px;color: #000;margin: 0 auto;padding: 35px 0;}

.comm-tit{width: 100%;}

.comm-title h2{width: 100%;padding: 0 20%;padding-top: 40px;font-size: 16px;color: #666;line-height: 25px;text-align: center;}

.soft-center{width: 100%;padding: 20px 0}

.soft-center .content{width: 100%; height: 400px;padding-top: 60px}

.soft-center .arror{width: 100%;text-align: center;padding-top: 35px;font-size: 0}

.soft-center .arror i{width: 35px;height: 35px;text-align: center;display: inline-block;margin: 0 10px;background: #009bad;cursor: pointer;color: #fff;line-height: 35px;border-radius: 2px;font-size: 17px;vertical-align: top;}

.soft-center .arror i:hover{background: #157575;}

.soft-center .arror i.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);}



.clss {

    background: url(../image/apple.png) no-repeat center top;

    background-size: 100% auto;

    width: 23%;

    margin-right: 25px;

    float: left;

}

.clss img {

    width: 100%;

    padding: 10px 10.6%;

    vertical-align: top;

    padding-top: 15px;

}

.clss h1,.clss h2{width: 100%;padding: 10px 10%;font-size: 14px;line-height: 24px;text-align: center;}

.clss h1{font-size: 22px;color: #009bad;font-weight: bold;padding-top: 42px}



.hard-center{width: 100%;height: 550px;font-size: 0;padding: 60px 0;background: url(../image/hard.jpg) no-repeat center top fixed}

.hard-center .comm-title h1,.hard-center .comm-title h2{}

.hard-center .content{padding-top: 50px}

.hard-center .content dl a{width: 100%;padding: 0 20px;position: relative;display: block;}

.hard-center .content dl a dt{width:100%;background: #000;}

.hard-center .content dl a dt img{opacity: 0.7;width: 100%;vertical-align: top;transition: all .2s}

.hard-center .content dl a dd{width:100%;position: absolute;top: 0;left:0;z-index: 10;text-align: center;padding: 50px 15% 0 15%;transition: all .2s;}

.hard-center .content dl a dd i{width:55px; height: 50px;background:url(../image/img.png) no-repeat -115px -180px;opacity: 0.8;display: inline-block;}

.hard-center .content dl:nth-child(2) a dd i{background-position: 0 -63px}

.hard-center .content dl:nth-child(3) a dd i{background-position: -118px -120px}

.hard-center .content dl:nth-child(4) a dd i{background-position: -235px -5px}

.hard-center .content dl a dd h1{color: #fff;font-size: 22px;padding-top: 10px}

.hard-center .content dl a dd h2{color: #fff;line-height: 22px;opacity: 0;visibility: hidden;transition: all .2s;padding-top: 22px;font-size: 12px}

.hard-center .content dl a:hover dt{background-color:#009bad}

.hard-center .content dl a:hover dt img{opacity:0.1}

.hard-center .content dl a:hover dd{padding-top: 25px}

.hard-center .content dl a:hover dd i{transform: scale(0.9);}

.hard-center .content dl a:hover dd h1{font-size: 20px;padding-top: 5px}

.hard-center .content dl a:hover dd h2{visibility: visible;opacity: 1}



.case-center{width: 100%;padding: 60px 0}

.case-center .content{width: 100%; padding-top: 30px}

.case-center .arror{width: 100%;text-align: center;padding-bottom: 35px;font-size: 0}

.case-center .arror i{width: 35px;height: 35px;text-align: center;display: inline-block;margin: 0 8px;background: #009bad;cursor: pointer;color: #fff;line-height: 35px;border-radius: 2px;font-size: 17px;vertical-align: top;}

.case-center .arror i:hover{background: #157575;}

.case-center .arror i.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.case .swiper-slide a{display: block;width: 100%;padding:9px;background: #f1f1f1;overflow: hidden;}

.case .swiper-slide a:hover{background: #009bad}

.case .swiper-slide a img{width: 100%; height: 220px;vertical-align: top;transition: all .2s;}

.case .swiper-slide a:hover img{transform: scale(1.07);}

.case .swiper-slide a h1,.case .swiper-slide a h2{width: 100%;margin: 10px 0;font-size: 14px;line-height: 24px;vertical-align: top;overflow: hidden;transition: all .2s;}

.case .swiper-slide a h1{font-size: 18px;color: #333;font-weight: bold;margin-top: 20px;height: 24px;}

.case .swiper-slide a h2{height: 48px;}

.case .swiper-slide a:hover h1,.case .swiper-slide a:hover h2{color: #fff}



.case-content{width: 100%; padding-top: 30px}

.case-content ul{width: 100%;font-size: 0}

.case-content ul li{width:23%;margin-right: 2%;vertical-align: top;display: inline-block;text-align: center;margin-bottom: 18px;position: relative;overflow: hidden;}

.case-content ul li:nth-child(4n){margin-right: 0}

.case-content ul li a img{width: 100%;height: 275px;vertical-align: top;transition: all .2s;}

.case-content ul li a span{position: absolute;bottom: 0;left: 0;width: 100%;background:rgb(0,0,0,0.5);padding: 12px 3%;transition: all .2s;}

.case-content ul li a span h1{font-size: 18px;color: #fff}

.case-content ul li a:hover span{background: #009bad}

.case-content ul li a:hover img{transform:scale(1.08)}

.prompt{width: 100%;text-align: center;margin-top: 50px}

.prompt h1{font-size: 30px;color: #009bad;font-weight: bold;border:1px #eee solid;border-radius: 3px;padding:15px 60px;display: inline-block;}



.power-center{width: 100%;padding: 80px 0;}

.power-center .content{width: 100%;padding-top: 60px;padding-bottom: 40px}

.power-center .content dl{text-align: center;cursor: pointer;}

.power-center .content dl dt{background:url(../image/sprites.png) no-repeat 26px -103px;width: 110px; height: 110px; border-radius: 50%;border: 1px #ddd solid;padding-top: 23px;transition: all .2s}

.power-center .content dl:nth-child(2) dt{background-position: -95px -103px}

.power-center .content dl:nth-child(3) dt{background-position: -213px -103px}

.power-center .content dl:nth-child(4) dt{background-position: -331px -103px}

.power-center .content dl dd{width: 100%;padding: 20px}

.power-center .content dl dd h1{font-size: 20px;color: #009bad;font-weight: bold;}

.power-center .content dl dd h2{line-height: 25px;padding-top: 30px;font-size: 14px}

.power-center .content dl:hover dt{background-color:#009bad;background-position: 26px -225px;border:none;}

.power-center .content dl:nth-child(2):hover dt{background-position:-95px -225px;}

.power-center .content dl:nth-child(3):hover dt{background-position:-213px -225px;}

.power-center .content dl:nth-child(4):hover dt{background-position:-331px -225px;}



.solution-center{width:100%;padding-bottom:80px;background-image: linear-gradient(90deg, #cad3df 0%, #d5dce6 13%, #d9e2e7 25%, #e4e9ef 51%, #e1e4ed 85%, #c8d2de 100%), linear-gradient( #f3f8ff, #f3f8ff);text-align: center;}

.solution-center .comm-width>i{width:70px;height: 70px;display: inline-block;background: #009bad;margin-top: -35px;border-radius: 50%;line-height: 70px;color: #fff;font-size: 30px;margin-bottom: 35px}

.solution-center .comm-title{padding-bottom:20px;background: none}

.solution-center .content{width: 100%;padding-top: 28px;font-size: 0}

.solution-center .content dl {font-size: 0;background: #fff;border-radius: 6px;border-top: 4px #fff solid;margin-right:30px;padding: 10px 10px;transition: all .2s;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);}

.solution-center .content dl:last-child{margin-right: 0}

.solution-center .content dl dt{width: 22%;text-align: left;padding-top: 15px}

.solution-center .content dl dd{width: 70%;text-align: left;}

.solution-center .content dl dd h1{font-weight: bold;color: #333;font-size: 20px;line-height: 50px;height: 50px;border-bottom: 1px #eee solid;width: 100%;transition: all .2s}

.solution-center .content dl dd h2{padding: 15px 0;line-height: 22px;font-size: 14px;}

.solution-center .content dl dd h2 span{color: #009bad}

.solution-center .content dl:hover{border-top-color:#009bad;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);}

.solution-center .content dl:hover dd h1{color: #009bad;}



.news-center{width: 100%; padding: 0}

.news-center .comm-width{font-size: 0}

.news-center .left-content{width: 49%;margin-right: 2%;padding-top: 35px}

.news-center .right-content{width: 49%;padding-top: 35px}

.news-center .left-content dl{margin-right: 4%;}

.news-center .left-content dl:last-child{margin-right: 0}

.news-center .left-content dl a dt{width:100%;overflow: hidden;border-top-left-radius:4px;border-top-right-radius:4px}

.news-center .left-content dl a dt img{width: 100%;height: 210px;vertical-align: top;transition: all .2s;}

.news-center .left-content dl a dd{padding: 20px 15px;background: #f7f7f7;transition: all .2s;border-bottom-left-radius: 4px;border-bottom-right-radius:4px;width: 100%}

.news-center .left-content dl a dd span{font-size: 12px;color: #aaa;}

.news-center .left-content dl a dd h1{font-size: 14px;line-height: 22px;height: 44px;margin-top: 12px;overflow: hidden;}

.news-center .left-content dl a:hover dd{background: #009bad}

.news-center .left-content dl a:hover dd h1{color: #fff}

.news-center .left-content dl a:hover dd span{color: #fff}

.news-center .left-content dl a:hover dt img{transform:scale(1.06);}

.news-center .right-content dl{background: #f7f7f7;margin-bottom: 10px;width: 100%;padding: 15px;font-size: 0;border-radius: 3px;transition: all .2s;}

.news-center .right-content dl a dt{width: 18%;height: 65px;text-align:right;padding-right: 4%;margin-top: 4px;border-right: 1px #ddd solid;}

.news-center .right-content dl a dt b{width: 100%;display: block;font-size:22px;font-weight: bold;}

.news-center .right-content dl a dd{width: 82%;padding-left: 4%}

.news-center .right-content dl a dd h1{color: #333;font-size: 17px;line-height: 25px;overflow:hidden;height: 25px;font-weight: bold;}

.news-center .right-content dl a dd h2{line-height: 20px;height: 40px;overflow:hidden;margin-top: 6px;font-size: 12px;color: #aaa}

.news-center .right-content dl.this{background: #009bad}

.news-center .right-content dl.this a dt,.news-center .right-content dl.this a dt b,.news-center .right-content dl.this a dd h1,.news-center .right-content dl.this a dd h2{color: #fff}



.about-center{width: 100%;font-size: 0;background: url(../image/abouts.jpg) no-repeat center;}

.about-center .fl{width: 100%;height: 500px;background: #009bad;position: relative; transition: all .2s;}

.about-center .fr{background: #222}

.about-center .fl:hover{background: #008594}

.about-center .fr:hover{background: #000}

.about-center .fl .bg,.about-center .fr .bg{width:100%;height: 500px;background:url(../image/abouts.jpg) no-repeat center top;background-size: cover;text-align: right;}

.about-center .fr .bg{background-image:url(../image/contact.jpg);opacity: 0.6;text-align: left}

.about-center .fl .about,.about-center .fr .contact{position:absolute;width: 90%;left: 0;top: 0;z-index: 100;text-align: left;padding-top: 60px;margin-left: 4.5%;}

.about-center .fl .about .abtit{padding-bottom: 64px;padding-left: 14px;}

.about-center .fl .about h3{font-size: 16px;color:#fff;padding-right: 10px;}

.about-center .fl .about h4{font-size: 28px;color:#fff;}

.about-center .fl .about ul li{float: left;padding: 0 8px;}

.about-center .fr .contact{text-align: left;padding-right: 0;padding-left: 10%}

.about-center .fl .about h1,.about-center .fr .contact h1{color: #fff;font-size: 30px;display: inline-block;border-bottom: 1px rgb(255,255,255,0.5) solid;padding-bottom: 20px;width:auto;}

.about-center .fl .about h2{font-size: 14px;color: #fff;line-height:30px;padding:40px 0 60px 0;width: 100%;display: inline-block;}

.about-center .fl .about a{border: 1px rgb(255,255,255,0.5) solid;border-radius:3px;background:rgb(255,255,255,0.2);color: #fff;font-size: 12px;padding: 9px 25px;}

.about-center .fl .about a:hover{background:rgb(255,255,255,0.5)}

.about-center .fr .contact ul{width: 80%;padding-top: 30px;padding-bottom: 30px}

.about-center .fr .contact ul li{width: 100%;color: #fff;font-size: 15px;line-height: 40px}

.about-center .fr .contact ul li a{color: #fff}

.about-center .fr .contact ul li a:hover{color: #009bad}

.about-center .fr .contact ul .iconfont:before{padding-right:7px}

.about-center .fr .contact h2{padding-top: 15px;border-top: 1px rgb(255,255,255,0.2) solid;color: #fff;font-size: 20px;display: inline-block;}





.inner-ad .swiper-slide{position: relative;background:#000}

.inner-ad img{opacity: 0.9}

.inner-ad h1{position: absolute;left: 20%;top: 40%;display: block;z-index: 1000;font-size: 35px;color: #fff;font-weight: bold;}

.inner-ad h1 p{font-size: 14px;line-height: 25px;font-weight: normal;text-transform: uppercase;}

.inner-ad h1.black{color: #000}

.local{background: #fff;border-bottom: 1px #eaeaea solid;height: 50px;line-height: 50px;width: 100%;}

.local .fl a.icon-dizhi:before {color: #666;font-size: 20px;line-height:50px;border-left: 1px #eaeaea solid;border-right: 1px #eaeaea solid;display:inline-block;padding: 0 15px;margin-right: 18px;vertical-align: top;}

.local .fl a:hover.icon-dizhi:before{color: #009bad}

.local .fr ul{font-size: 0}

.local .fr li{display: inline-block;padding: 0 15px;height: 50px;}

.local .fr li a{line-height: 47px;display:inline-block;transition:none;}

.local .fr li.this a,.local .fr li a:hover{border-bottom: 2px #009bad solid}

.comm-body{width: 100%;padding: 60px 0;background: #f7f7f7;}

.comm-body.white{background: #fff}

.comm-body.white{background: #fff}

.about-content{width: 100%;padding-top: 40px}

.about-content .content{padding:50px;background: #fff;width: 100%;font-size: 15px;line-height: 30px}

.about-content .contentpc{width:100%}

.about-content .contentpc .kuan{width: 24%; margin: 0 46px 40px 46px; min-height: 310px; float: left; padding: 0 35px; border: 1px solid rgb(0,0,0,0.5);}

.about-content .contentpc .an{width: 25%; margin: 0 46px 40px 46px; min-height: 310px; float: left; padding: 0 35px;}

.about-content .content .map{width: 39%;margin-left: 280px;}

.submenu{width: 100%;background: #fff;padding: 10px;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);margin-top: 25px}

.submenu dl{width: 100%;padding: 10px 0;font-size: 0;border-bottom: 1px #ddd dotted}

.submenu dl:last-child{border-bottom: none;}

.submenu dl dt{width: 7%;font-weight: bold;vertical-align: top;color: #009bad;line-height: 25px;text-align: right;font-size: 16px}

.submenu dl dd{width: 92%;vertical-align: top;padding-left: 1%}

.submenu dl dd a{margin-right: 12px;line-height: 25px;font-size: 14px}

.submenu dl dd a.this{color: #009bad;font-weight: bold;}

.list-content{width: 78%;padding-top: 40px}

.list-content dl{width: 100%;margin-bottom: 20px;background: #fff;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);font-size: 0;transition: all 0.2s}

.list-content dl.this{box-shadow: 0 3px 8px 0 rgba(0,0,0,0.15);}

.list-content dl dt{width:22%;overflow: hidden;padding: 10px}

.list-content dl dt a img{width: 100%;vertical-align: top;height: 200px; transition: all 0.2s}

.list-content dl dt a:hover img{transform: scale(1.1);}

.list-content dl dd{width: 78%;padding:1rem 1.5%}

.list-content dl dd h1{width: 100%;border-bottom: 1px #eee solid;}

.list-content dl dd h1 a{line-height: 52px;font-size:20px;color: #000;font-weight: bold;}

.list-content dl dd h1 a:hover{color: #009bad}

.list-content dl dd h2{font-size: 15px;line-height: 26px; max-height: 78px;overflow: hidden;margin-top: 15px}

.list-content dl dd h3{width: 100%;padding-top: 18px}

.list-content dl dd h3 a{display: inline-block;border-radius: 20px;padding: 8px 35px;color: #fff;background: #009bad;}

.list-content dl dd h3 a:hover{background:#008898 }

.contact_wap{display:none}

.viewpinfo{ width:100%; font-size:0;}

.detail_pic{ width:500px;}

.proviewbox {width:472px; position: relative; z-index: 5;}

.probigshow {padding: 0; border: 1px solid #ddd; width: 472px; height: 472px; position: relative;z-index: 500}

.probigshow a.a_probigshow {cursor: crosshair;}

.probigshow img{ border:0;vertical-align: top;display: inline-block;}

.zoomplepopup {background:#222; border: 1px solid #555; left: 0px; top: 0px; overflow: hidden; display: none; filter: alpha(opacity = 50);-moz-opacity: 0.5;opacity: 0.5; position: absolute; z-index: 10; cursor: crosshair; opacity: 0.5;}

#winSelector{position: absolute;cursor: crosshair;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;background-color: #fff;border: 1px solid #aaa;}

#vertical #winSelector{width: 200px;height:200px; }

#vertical #midimg{width: 470px;height: 470px;}

#bigView{position: absolute; background:#222; overflow:hidden; top:0px!important; float:left;border:1px solid #eee;box-shadow: 3px 3px 5px #eee; z-index:1000}

#bigView img{position: absolute;}

#probig_preview {background:#222; border: 1px solid #aaa; left: 420px; top: -1px; width: 470px; height: 470px; float:left; overflow: hidden; visibility: hidden; position: absolute;}

#probig_preview img {position: relative;}



.property{ width:750px;font-size:14px; color:#777; padding-left:20px;}

.mobilehide{width: 100%}

.property.mobileshow{display: none;}

.property h1{ width:100%; font-size:35px; font-weight:bold; padding:25px 0; color:#009bad;line-height:45px;}

.property h2{ width:100%;border-bottom:1px #dedede solid; padding-bottom:15px;font-size: 13px}

.property .abstract{ width:100%;padding-top:20px; line-height:30px; font-size:14px; color:#666}

.property .abstract b{ color:#aaa}

.property .property-link{ width:100%; padding:20px 0}

.property .property-link a{ display:inline-block; margin-right:10px; background:#009bad; color:#fff; padding:8px 30px;font-size: 16px}

.property .property-link a:hover{background:#008392}



.prut_title{ width:100%;}

.div_prothumb {width: 100%; position: relative;margin-top: 10px}

.thumbporbox {width: 660px; overflow: hidden; position: relative; margin-left:35px; margin-top:4px;display: inline-block}

.div_prothumb .span_prev,.div_prothumb .span_next {background: url(../image/btn.png) no-repeat 0 0;width:30px; height:108px;position: absolute; float:left; top:0}

.div_prothumb .span_prev {background-position: 0 0; left: 0px; cursor:pointer}

.div_prothumb .span_prev:hover{ background-position:0 -108px; }

.div_prothumb .span_prevb,.div_prothumb .span_prevb:hover {	background-position:0 0; cursor: default;}

.div_prothumb .span_next {background-position: -30px 0; right: 0px;cursor:pointer}

.div_prothumb .span_next:hover {background-position: -30px -108px;}

.div_prothumb .span_nextb,.div_prothumb .span_nextb:hover {background-position: -30px 0; cursor: default;}

.ul_prothumb {width: 7500px; overflow: hidden; position: relative; font-size:0}

.ul_prothumb li {width: 100px; height:100px;border:1px #eee solid ; margin:0 5px;overflow:hidden; display:inline-block; text-align:center;vertical-align: top;}

.ul_prothumb img {width:100px; height:100px;  cursor:pointer;transition: all 0.4s;vertical-align: top;display: inline-block;}

.ul_prothumb li#onlickImg {border-color: #009bad;}

.ul_prothumb li:hover img{transform: scale(1.08);}



.product-detail{ width:100%; padding-top:50px}

.product-detail .comm-width{display: none;}

.product-detail .comm-width:first-child{display: block}

.product-detail.white{ background:#fff; padding-bottom:40px}

.product-detail .prut_title{ background:url(../image/prut_bg.jpg) no-repeat center fixed; padding-top:55px; width:100%}

.product-detail .prut_title h1{ font-size:26px; color:#fff;font-family: impact;text-transform: uppercase;}

.product-detail .prut_title ul{ width:100%; padding-top:45px}

.product-detail .prut_title ul li{ background: #009bad;color: #f9f9f9; display:inline-block; padding:15px 68px; margin-right:5px; font-size:20px;cursor:pointer}

.product-detail .prut_title ul li.this{background:#fff; color:#333;}

.product-detail .comm-width div{width: 100%}

.product-detail #BodyLabel{font-size:15px;line-height: 30px;padding-bottom: 50px;width: 100%}

.product-detail #BodyLabel div{width: 100%}

.product-detail #BodyLabel strong,.product-detail #BodyLabel b{color: #000;font-size: 18px}



.same-product{ width:100%; padding:30px 0; background:#f9f9f9}

.same-product h1{font-size:24px; color:#333; margin:25px 0; font-weight:bold;text-transform: uppercase;}

.same-product ul{ width:100%; font-size:0}

.same-product ul li{ width:23.5%; margin-right:2%; display:inline-block}

.same-product ul li img,.same-product ul li span{ width:100%; display:block; text-align:center; line-height:40px; font-size:15px;transition: all 0.4s;}

.same-product ul li p{ width:100%; height:260px; overflow:hidden; display:block}

.same-product ul li img{ height:260px;}

.same-product ul li a:hover img{transform: scale(1.08);}

.same-product ul li a:hover span{ background:#009bad; color:#fff;}

.same-product ul li:nth-child(4n){ margin-right:0}



.product-inquiry{width: 100%;background: #fff}

.buy-order{ width:100%; padding-bottom:50px}

.buy-order h1{font-size:24px; color:#333; margin:55px 0 25px 0; font-weight:bold;text-transform: uppercase;}

.buy-order .ny_lyk{ width:575px; height:45px; margin-right:100px; margin-bottom:15px; float:left;}

.buy-order .ny_lyk input{ width:490px; font-size:14px; color:#555; margin-left:60px; line-height:45px; height:45px; border:none; background:none; outline:none;}

.buy-order .ny_lyk textarea{width:1190px; margin-left:60px; padding-top:15px; height:140px; border:none; resize:none; background:none; outline:none; font-size:12px; color:#555;}

.buy-order .ny_lyk input.mm{ width:180px; float:left;}

.buy-order .ny_lyk span{ display:block; float:right; margin-top:1px; margin-right:1px;}

.buy-order .ny_lyk span img{ display:block}

.buy-order .ny_lyk.ys01{ background:url(../image/nycply01.png) no-repeat left center;}

.buy-order .ny_lyk.ys02{ margin-right:0px; background:url(../image/nycply02.png) no-repeat left center;}

.buy-order .ny_lyk.ys03{ background:url(../image/nycply03.png) no-repeat left center;}

.buy-order .ny_lyk.ys04 {margin-right:0px; background:url(../image/nycply04.png) no-repeat left center;}

.buy-order .ny_lyk.ys05{margin-right:0px; width:100%; height:160px; background:url(../image/nycply05.png) no-repeat left center;}

.buy-order .ny_lyk.ys06{margin-right:0px; width:351px; background:url(../image/nycply06.png) no-repeat left center;padding-right: 5px}

.buy-order .ny_lykff{ height:45px; float:right;}

.buy-order .ny_lykff a{ display:block; width:210px; margin-right:20px; height:43px; float:left; line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px; text-decoration:none;}

.buy-order .ny_lykff a:hover{ background-color:#1651b9; color:#fff;}

.buy-order .ny_lykff input.last{ display:block; width:210px; height:43px; line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px;background-color:#009bad; color:#fff; cursor:pointer;text-transform: uppercase;}

.buy-order .ny_lykff input.last:hover{background: #008392}

.hardlist-content2 {

    width: 100%;

    padding-top: 40px;

    font-size: 0;

}

.hardlist-content2 dl a dt img {

    width: 100%;

    vertical-align: top;

    transition: all .2s;

    height: 236px;

}

.hardlist-content2 dl {

    width: 23%;

    margin-right: 2%;

    background: #fff;

    padding: 10px;

    vertical-align: top;

    position: relative;

    margin-bottom: 30px;

    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);

}

.hardlist-content2 dl a {

    width: 100%;

    display: block;

    background: #008392;

}

.hardlist-content2 dl a dt {

    width: 100%;

}

.hardlist-content2 dl a dd {

    position: absolute;

    left: 0;

    bottom: 10px;

    padding: 0 10px;

    width: 100%;

    height: 50px;

    overflow: hidden;

    transition: all .2s;

}

.hardlist-content2 dl a dd h1 {

    font-size: 16px;

    line-height: 50px;

    color: #fff;

    height: 50px;

    background: rgb(0,0,0,0.5);

    overflow: hidden;

    width: 100%;

    display: block;

    padding: 0 20px;

    transition: all .2s;

}

.hardlist-content2 dl a dd h2 {

    font-size: 14px;

    line-height: 25px;

    color: #fff;

    width: 100%;

    display: block;

    padding: 0 20px;

    max-height: 125px;

    overflow: hidden;

}

.hardlist-content2 dl a dd h3 {

    border-radius: 25px;

    border: 1px #fff solid;

    padding: 5px 25px;

    display: inline-block;

    margin-top: 15px;

    color: #fff;

    margin-left: 20px;

    opacity: 0.7;

}

.hardlist-content{width: 73%;padding-top: 40px;font-size: 0}

.hardlist-content dl{width: 30%;margin-right: 2%;border: 1px solid #009bad;background: #fff;padding: 10px;vertical-align: top;position: relative;margin-bottom: 30px;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);}

/*.hardlist-content dl:nth-child(4n){margin-right: 0}*/

.hardlist-content dl a{width: 100%;display: block;background: #008392}

.hardlist-content dl a dt{width: 100%;}

.hardlist-content dl a dt img{width: 100%;vertical-align: top;transition: all .2s;height: 361px;}

.hardlist-content dl a dd{position: absolute;left: 0;bottom:10px;padding: 0 10px;width: 100%; height: 50px;overflow: hidden;transition: all .2s;}

.hardlist-content dl a dd h1{font-size: 16px;line-height: 50px;color: #fff; height: 50px;background:rgb(0,0,0,0.5); overflow: hidden;width: 100%;display: block;padding: 0 20px;transition: all .2s;}

.hardlist-content dl a dd h2{font-size: 14px;line-height: 25px;color: #fff;width: 100%;display: block;padding: 0 20px;max-height: 125px;overflow: hidden;}

.hardlist-content dl a dd h3{border-radius: 25px;border: 1px #fff solid;padding: 5px 25px;display:inline-block;margin-top: 15px;color: #fff;margin-left: 20px;opacity: 0.7}

.hardlist-content dl a:hover dt img{opacity: 0.2}

.hardlist-content dl a:hover dd{height: 250px;}

.hardlist-content dl a:hover dd h1{background: none;font-size: 20px;font-weight: bold;}



.newlist-content{width: 78%;float: right;padding-top: 40px;}

.newlist-content dl{width: 100%;font-size: 0;margin-bottom: 40px;border: 1px #eee solid;background: #fff;transition: all .2s;border-radius: 5px;overflow: hidden;}

.newlist-content dl.this{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);}

.newlist-content dl dt{width: 25%;overflow:hidden;}

.newlist-content dl dt a img{width: 100%;height: 180px;vertical-align: top;transition: all .2s;}

.newlist-content dl dt a:hover img{transform: scale(1.1);}

.newlist-content dl dd{width: 73%;padding-left: 3%}

.newlist-content dl dd h1{width: 100%;padding-top:30px}

.newlist-content dl dd h1 a{font-size: 24px;color: #333;font-weight: bold;line-height: 30px}

.newlist-content dl dd h1 a:hover{color: #009bad}

.newlist-content dl dd h2{width: 100%;padding: 15px 0;line-height: 22px;font-size: 14px}

.newlist-content dl dd h3{color: #aaa}



.projectlist-content{width: 80%;padding-top: 10px;margin: 0 auto;display: block;}

.projectlist-content dl{width: 100%;border-bottom: 1px #ddd solid;transition: all .2s;overflow: hidden;}

.projectlist-content dl:last-child{margin-bottom: 35px}

.projectlist-content dl.this{border-bottom: 1px #ccc solid;}

.projectlist-content dl dd{width: 100%;padding:30px 0}

.projectlist-content dl dd h1{width: 100%;}

.projectlist-content dl dd h1.icon-xiangyoushuangjiantou:before{font-size: 13px;line-height: 34px;margin-right: 5px;vertical-align:top;}

.projectlist-content dl dd h1 a{font-size: 24px;color: #333;line-height: 30px;}

.projectlist-content dl dd h1 a:hover{color: #009bad}

.projectlist-content dl dd h2{width: 100%;padding: 15px 0;line-height: 22px;font-size: 14px}

.projectlist-content dl dd h3{color: #aaa}



.projectlist-contentss{width: 78%;padding-top: 20px;float:right;}

.projectlist-contentss dl{width: 100%;border-bottom: 1px #ddd solid;transition: all .2s;overflow: hidden;padding: 20px 0;}

.projectlist-contentss dl:last-child{margin-bottom: 35px}

.projectlist-contentss dl.this{border-bottom: 1px #ccc solid;}

.projectlist-contentss dl dt img {width:184px;height:130px;margin-right: 30px;}

.projectlist-contentss dl dd{width: 79%;}

.projectlist-contentss dl dd h1{width: 100%;}

.projectlist-contentss dl dd h1.icon-xiangyoushuangjiantou:before{font-size: 13px;line-height: 34px;margin-right: 5px;vertical-align:top;}

.projectlist-contentss dl dd h1 a{font-size: 24px;color: #333;line-height: 30px;}

.projectlist-contentss dl dd h1 a:hover{color: #009bad}

.projectlist-contentss dl dd h2{width: 100%;padding: 15px 0;line-height: 22px;font-size: 14px}

.projectlist-contentss dl dd h3{color: #aaa}



.left-submenu{width: 20%;margin-top: 40px;background: #fff}

.left-submenu.maxwidth{width: 25%}

.left-submenu dl{width: 100%}

.left-submenu dl dt{background: #009bad;color: #fff;line-height: 40px;font-size: 16px;font-weight: bold;width: 100%;padding-left: 6%}

.left-submenu dl dt a{color: #fff}

.left-submenu dl dd{width:100%;padding: 0 6%;font-size: 0}

.left-submenu dl dd a{width: 100%;line-height: 36px;border-bottom: 1px #eee solid;display: block;font-size: 12px}

.left-submenu.maxwidth dl dd a i.iconfont{font-size: 13px}

.left-submenu dl dd a.txt{width: 92%;display: inline-block;vertical-align: top;}

.left-submenu dl dd a.txt b{font-size: 14px}

.left-submenu dl dd i.icon-jiahao{border-bottom: 1px #eee solid;line-height: 36px;width: 8%;display: inline-block;vertical-align: top;text-align: left;}

.left-submenu dl dd i.icon-jiahao:before{font-size:12px;line-height: 18px;width: 19px;-webkit-transform:scale(0.75);display: inline-block;border: 1px #aaa solid;text-align: center;cursor: pointer;}

.left-submenu dl dd a.this{color: #009bad;font-weight: bold;}

.left-submenu dl dd span{display: none;width: 100%;}



.right-content{width: 78%;}

.downlist-content{width: 100%;padding-top: 40px;padding-bottom: 30px}

.downlist-content ul{width: 100%;font-size: 0;background: #fff;padding: 10px 2%;transition: all .2s;}

.downlist-content ul:nth-child(2n+1){background: #fafafa}

.downlist-content ul:first-child{border-bottom: 1px #ddd solid;background: #fff}

.downlist-content ul li{font-size: 14px;width: 10%;display: inline-block;vertical-align: top;line-height: 38px;height: 38px;overflow: hidden;text-align: center;}

.downlist-content ul:first-child li{font-weight: bold;color: #333;font-size: 16px}

.downlist-content ul li:first-child{width: 80%;text-align: left}

.downlist-content ul.this{ box-shadow: 0 0 6px 5px rgba(0,0,0,0.05);position: relative;z-index: 100;background: #fff}



.view-news{width: 100%;padding:50px 0; background:#f7f7f7;padding-bottom: 60px}

.view-news .comm-width{position: relative;}

.view-news .comm-width a.class{position: absolute;width: 49px;height:49px;left: -49px;top:0;background:url(../image/class.gif) no-repeat center center #ccc}

.view-news .fl{background: #fff;width: 81%;padding: 50px 30px}

.view-news .fl .title,.right-content .title {width: 100%;border-bottom: 1px #f1f1f1 solid;font-size: 0}

.view-news .fl .title h1,.right-content .title h1{font-size: 25px;line-height: 40px;color: #fff;}

.view-news .fl .title h2,.right-content .title h2{font-size: 12px;color: #fff;line-height: 40px; width:70%;display: inline-block;}

.view-news .fl .title .bshare-custom,.right-content .title .bshare-custom{width:30%;text-align: right;display: inline-block;vertical-align: text-bottom;}

.view-news .fl .title h2 i,.right-content .title h2 i{width: 1px;height: 10px;border-right: 1px #ddd dotted; margin: 0 10px;display: inline-block;}

.view-news .fl .content,.right-content .content{width: 100%;line-height: 32px;font-size: 15px;padding: 40px 0}

.view-news .fl .content p,.right-content .content p{padding:10px 0;}

.view-news .fl .content div,.right-content .content div{width:100%;}

.view-news .fl .content div{text-align:center}

.nextpre{background: #fff;border-top: 1px #f1f1f1 solid;width: 100%;font-size: 0}

.nextpre li{width: 50%;line-height:50px;display: inline-block;border-right: 1px #eee solid; margin: 20px 0;font-size: 15px;height: 50px;overflow:hidden;}

.nextpre li:last-child{border-right: none;text-align: right;}

.nextpre li span{width: 7px;height: 16px;display: inline-block; margin-right: 12px;background: url(../image/prenext.gif) no-repeat;vertical-align:middle;}

.nextpre li a{font-size: 15px;height: 50px;overflow:hidden;/*width: 50%;*/display: inline-block;vertical-align: top;}

.nextpre li:last-child span{ margin-right: 0; margin-left: 12px;background-position:-10px 0}

.nextpre li:hover span{background-position: 0 -28px}

.nextpre li:last-child:hover span{background-position: -10px -28px}

.view-news .fr{background: #fff;width: 300px}

.view-news .fr .title {width: 100%;padding:20px;}

.view-news .fr .title h1{font-size: 18px;font-weight: bold;color: #333;border-bottom: 1px #e7e7e7 solid;position: relative;width:100%;display: inline-block;line-height: 50px}

.view-news .fr .title h1 b{color:#009bad;line-height: 50px}

.view-news .fr .title h1 i{width:35px;height: 1px;background: #009bad;position: absolute;left: 0;bottom: -1px;overflow:hidden;}

.view-news .fr ul{width:100%;padding:20px;padding-top: 0}

.view-news .fr ul li{width:100%;white-space: nowrap;text-overflow: ellipsis;display: inline-block;overflow:hidden;}

.view-news .fr ul li a{line-height: 30px;color: #333;font-size: 12px;height:30px; }

.view-news .fr .space-line{height: 15px;width:100%;background: #f7f7f7; overflow:hidden;}

.view-news .tablecss{border-right: 1px #ddd solid;border-bottom: 1px #ddd solid}

.view-news .tablecss.bold td:first-child{width: 13%;font-weight: bold;text-align: center;}

.view-news .tablecss td{border-top: 1px #ddd solid;border-left: 1px #ddd solid;padding: 10px;font-size: 13px;margin:0;}



.contact-left{padding:30px 0;background: #fff;width: 45%;float: left;padding: 0}

.contact-left h1{color: #009bad;font-size: 26px;vertical-align: top;font-weight: bold;padding-top: 10px}

.contact-left p{font-size: 15px;line-height: 32px;padding-top: 10px}

.contact-left p strong{font-size: 18px;color: #000;margin-bottom: 10px;display: block;}

.contact-left p strong.icon-dianhua:before {margin-right: 5px;display: inline-block;font-weight: normal;}

.contact-left p img{width: 45%;border: 1px #eee solid;margin-top: 10px}

.contact-right{width:100%;background: #fff;float: none;}

.contact-right #dituContent{ width:100%; height:560px;}

.contact-right #dituContent div{ float:left;font-size: 12px}



.about-content.feedback{width: 100%;}

.about-content.feedback .ftext b{font-size: 20px;line-height: 40px;display: block;}

.about-content.feedback .ftext{font-size: 14px}

.about-content.feedback table td{padding: 10px}

.about-content.feedback table td input,.about-content.feedback table td textarea{line-height: 25px;border:1px #ddd solid;}

.about-content.feedback table td input.submit{background: #009bad;padding: 5px 25px;border-radius: 3px;border:none;cursor: pointer;color: #fff;margin-right: 10px;font-size: 14px}

.about-content.feedback table td input.submit:hover{background: #007684;}



.showerr{ line-height:65px; width:100%; text-align:center; display:block;color:#008392; font-size:22px;padding: 20px 0;background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);}

.pagelink{width:100%; padding-bottom:15px; clear:both; border-top:1px #eaeaea dotted; text-align: center;padding-top: 40px}

.pagelink em{ font-style:normal}

.pagelink.noborder{ border-top:none; padding-top:20px}

.pagelink.paddingtop{ border-top:none;padding-top: 50px}

.pagelink select{font-family:Arial; padding:3px; border:1px #ddd solid}

.yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:13px; float:none}

.yellow B{ padding:0 4px; font-size:13px}

.yellow li {float: left;border: #ddd 1px solid; margin: 3px; padding: 6px 12px; text-decoration: none; font-size:14px; color:#666;border-radius: 4px;background: #fcfcfc}

.yellow a:hover,.yellow span.current {background: #009bad; padding: 6px 12px;border: #009bad 1px solid;  color: #fff; text-decoration:none;border-radius: 4px}

.yellow span.disabled {border: #ddd 1px solid; padding: 6px 12px; margin: 3px; color: #aaa; font-size:13px;border-radius: 4px}





.cooperate-center{width: 100%;padding:60px 0;}

.cooperate-center ul{width: 100%;font-size: 0;padding-top:40px}

.cooperate-center ul li{width:16.71%;vertical-align: top;display: inline-block;border: 1px #eee solid;margin-left: -1px;margin-top: -1px;position: relative;z-index: 1;transition: all .2s;}

.cooperate-center ul li img{width: 100%;vertical-align: top;}

.cooperate-center ul li.this{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);z-index: 10}



.friendlink{width: 100%;font-size: 0;background: #f1f1f1}

.friendlink .title{width: 13%;font-size: 15px;line-height: 70px}

.friendlink .title span{font: 30px "Impact";color: #cdcdcd;margin-right: 15px;line-height: 70px;vertical-align: top;}

.friendlink .links{width: 87%;font-size: 13px;padding:23px 0; line-height: 25px}

.friendlink .links a{font-size: 13px}

.footer{background: #1d2023;width:100%;padding-top: 60px;font-size: 0}

.footer h1{font-size: 19px;color: #fff}

.footer .quick-nav{width: 20%;height: 230px;border-right: 1px #3c3c3c solid;}

.footer .quick-nav ul,.footer .contact-add ul,.footer .contact-tel ul{width: 100%;font-size: 0;padding-top: 20px}

.footer .quick-nav ul li{width: 50%;display: inline-block;line-height:35px;height:35px}

.footer .quick-nav ul li a,.footer .contact-add ul li a{color: #bbb;font-size: 14px}

.footer .quick-nav ul li a:hover,.footer .contact-add ul li a:hover{color: #fff}

.footer .contact-add{width: 32%;height: 230px;border-right: 1px #3c3c3c solid;padding-left: 4%}

.footer .contact-add ul li,.footer .contact-tel ul li{width: 100%;color: #bbb;line-height:35px;height:35px;font-size: 14px}

.footer .contact-add ul li.iconfont:before,.footer .wechat li.iconfont:before{width: 22px;display: inline-block;}

.footer .contact-tel{width: 18%;height: 230px;border-right: 1px #3c3c3c solid;padding-left: 4%}

.footer .contact-tel ul li:first-child{font-size: 25px;font-family: impact}

.footer .contact-tel ul li img{vertical-align: text-bottom; margin-right: 5px}

.footer .wechat{width: 15%;padding-left: 4%}

.footer .wechat li{width: 100%;color: #fff;line-height: 30px;font-size: 13px;text-align: center;}

.footer .wechat img{width: 95%}

.footer .copyright{border-top: 1px #232b2f solid;width: 100%;line-height: 50px;color: #aaa;font-size: 13px;margin-top: 30px;text-align: center;}

.footer .copyright a{font-size: 13px;color: #aaa}

.footer .copyright a:hover{color: #fff}

.g-ft{display: none;}

.sj{display: none;}

@media screen and (max-width: 760px) {

    .dock{display:none}

    .header{display: none;}

    .nav{display: none;}

    .advantage{display: none;}

    .comm-width{width: 88%;margin: 0 auto;float:none;}

    .swiper-slide{width: 100% !important;}

    .soft-center .content{height: auto !important;}

    .hard-center{height: auto;}

    .flex-wrap{display: block;}

    .flex-con{display: block;}

    .case-content ul li{width: 100%;margin-right: 0;}

    .case-content ul li a img{height: auto;}

    .solution-center .content dl{display: block;margin-right: 0;}

    .news-center .left-content{width: 100%;margin-right: 0;}

    .news-center .left-content dl{width: 100%;}

    .news-center .left-content dl a dt img{height: auto;}

    .news-center .left-content dl a dd{padding: 0;width: 100%;}

    .news-center .left-content dl a dd span{padding-left: 10px;}

    .news-center .left-content dl a dd h1{padding-left: 10px;}

    .news-center .right-content{width: 100%;}

    .about-center .fl, .about-center .fr{width: 100%;padding-top: 0;}

    .friendlink{display: none;}

    .footer{display: none;}

    .contact_wap{display:block;}

    .about-center .fl{}

    .soft-center .swiper-container .swiper-wrapper{display: block;}

    .soft-center .swiper-containers .swiper-wrappers{display: block;}

    .about-content .content .map{width: 100%;}

    .prompt h1{font-size: 15px}

    .comm-title h1{font-size: 16px;line-height: 10px}

    .comm-title{    background: url(../image/tit_bg.gif) no-repeat center 37px;}

    .about-content .content img{width: 100%;}

    .local{height: auto;}

    .local .fl{display: none;}

    .local .fr{float: left;}

    .left-submenu{display: none;}

    .list-content{width: 100%;}

    .list-content dl dt{width: 100%;}

    .list-content dl dd{width: 100%;}

    .pagelink.noborder{text-align: center !important}

    .yellow span.disabled{display: block;}

    .hardlist-content dl{width: 100%;margin-right: 0;}

    .detail_pic{width: 100%;}

    .proviewbox{width: 100%;}

    .probigshow{width: 95%;height: auto;display: block;margin: 0 auto;}

    .property{width: 100%;}

    .property h1{font-size: 22px}

    .product-detail .prut_title ul{width: 91%;display: block;margin: 0 auto;}

    .property{padding-right: 20px;}

    .property h2{font-size: 12px}

    .probigshow img{width: 100%;height: auto;}

    .product-detail .prut_title{padding-top: 0;}

    .product-detail .prut_title ul li{margin-bottom: 10px;}

    .same-product ul li{width: 100%;margin-right: 0;}

    .same-product ul li p{height: auto;}

    .same-product ul li img{height: auto;}

    .product-detail #BodyLabel img{width: 100%;display: block;}

    .product-detail #BodyLabel{width: 97%;margin: 0 auto;display: block;}

    .projectlist-content dl dd h1 a{font-size: 15px}

    .projectlist-content dl{padding: 10px;}

    .projectlist-contentss dl dd h1 a{font-size: 15px}

    .projectlist-contentss dl{padding: 10px;}

    .view-news .fr{display: none;}

    .view-news .fl{width: 100%;}

    #viewcontent img{width: 100%;display: block;}

    .right-content{width: 100%;}

    .newlist-content dl dt{display: none;}

    .newlist-content dl dd{width: 100%;padding: 20px;}

    .contact-right{display: none;}

    .contact-left{width: 100%;}

    .about-content.feedback #Content{width: 100%;}

    .hardlist-content{width: 100%;}

    .inner-ad h1{

    	left:8%;

    	top:21%;

    	font-size:26px;

    }

    .about-content .contentpc{

    	padding:10px;

    	display: none;

    }

    .mumping_mun {

        width: 65%;

        list-style: none;

        text-align: center;

        margin: 0 auto;

    }

    .clss img{

        height: 187px;

    }

    .news-center{

        padding: 0px 0px 40px 0px;

    }

    .news-center .right-content dl a dd {

        width: 80%;

        padding-left: 3%;

    }

    .news-center .right-content dl a dt {

        width: 20%;

    }

    .gy-title h1{

        font-size: 30px;

    }

    .gy-title h1 span{

        font-size: 30px;

    }

    .g-ft {

        display: block;

        height: 60px;

        width: 100%;

        overflow: hidden;

    }

    .mumping_mun li:nth-child(2n) {

        background-position: left -150px;

    }

    

    .mumping_mun li:nth-child(3n) {

        background-position: left -410px;

    }

    

    .mumping_mun li:nth-child(4n) {

        background-position: left -306px;

    }

    .mumping_mun li {

        width: 100%;

        margin: 46px auto 56px auto;

        background: url(../image/advantage.png) no-repeat left -222px;

        float: none;

        height: 80px;

        margin-top: 40px;

        padding-left: 136px;

    }

    .mumping_mun h2 {

        font-size: 42px;

    }

    .mumping_mun p {

        font-size: 16px;

        color: #4e4e4e;

        width: 100%;

        display: block;

        clear: both;

    }

    .social_nav5{ position:fixed; bottom:0; min-width:320px; max-width:640px; overflow:hidden; width:100%; z-index:999;

        background-color:#009bad;}

    .social_nav5 li{ position:relative; float:left; padding-top:0.5rem; width:25%; height:4.583rem; overflow:hidden; font:1rem/2rem "Microsoft Yahei";  text-align:center; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

    .social_nav5 li i{ margin:0 auto; width:2.5rem; height:2rem; display:block;}

    .social_nav5 li i img{width: 100%;}

    .social_nav5 li a{ color:#fff}

    .buy-order .ny_lyk{width: 100%;margin-right: 0;}

    .buy-order .ny_lyk input{width: 100%;}

    .social_nav5 li:before{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:4.583rem; overflow:hidden; }

    .social_nav5 li:after{ position:absolute; content:""; left:0rem; top:0rem; width:1px; height:4.583rem; overflow:hidden; background:#88c11c;}

    .social_nav5 li:nth-child(4):before{ background:none;}

    .social_nav5 li:nth-child(1):after{ background:none;}

    .contact-left h1{font-size: 23px}

    .sj{display: block;background: #009bad}

    .wrapper {

        margin:0 auto;

        max-width:1200px;

        padding:1px 1em;

        height:100%;

        width: 100%;

    }

    .clss {

        background: url(../image/apple.png) no-repeat center top;

        background-size: 100% auto;

        width: 100%;

        margin-right: 13px;

    }

    .rm-container{float: right;width: 100%;}

    header:after {

        content:" ";

        display:table;

        clear:both

    }

    .brand, h1, h2, h3 {

        font-family:roboto condensed, sans-serif;

        font-weight:400;

        letter-spacing:1px

    }

    h4, h5, h6 {

        letter-spacing:1px;

    }

    h1 {

        font-size:28px

    }

    .main .dev-output pre {

        overflow:auto;

        max-height:500px;

        background-color:#ebf4fd;

        padding:0 1em 1em

    }

    .brand {

        float:left;

    }

    .brand p {

        margin:0

    }

    .rm-nav {

        letter-spacing:1px

    }

    .rm-toggle{    position: absolute;

        right: 0;

        top: 0;}

    .logo {

        font-size:1.4em;

        line-height:68px;

        text-align:center;

        font-weight:700;

        letter-spacing:2px;

        display:block;

        float:left;

        text-decoration:none;

        color:#fff;

        padding:0;

        margin-top: 15px;

        margin-right: 0;

        margin-bottom: 15px;

        margin-left: 0;

    }

    .logo img{

        width:36%;

        float: left;

    }

    .rm-toggle.rm-button {

        margin-top:25px

    }

    .rm-css-animate.rm-menu-expanded {

        max-height:none;

        display:block

    }

    .rm-container.rm-layout-expanded {

        float:right;

        margin-top:30px;

    }

    .rm-nav li a, .rm-top-menu a {

    

        font-size:.9em;

        text-transform:uppercase

    }

    .rm-layout-expanded .rm-nav>ul>li>a, .rm-layout-expanded .rm-top-menu>.rm-menu-item>a {

        line-height: 30px;

    }

    .main {

        background-image:url(404.png);

        background-position:center top;

        background-repeat:repeat-x;

        min-height:100%;

        padding-top:1px

    }

    .tagline {

        width:360px;

        font-size:1.75em;

        font-weight:700;

        letter-spacing:2px;

        line-height:1.2;

        text-align:center;

        margin:275px auto;

        color:#1a88d3

    }

    .tagline strong {

        font-size:1.3em

    }

    .dev-output {

        background-color:#e1eaf3;

        background-color:rgba(255,255,255,.85);

        color:#000;

        padding:2em;

        margin-bottom:2em

    }

    .rm-menu .on {

        padding-left: 15px;

        padding-right: 15px;

        height: 30px;

        border-radius: 6px;

        background: #07808e;

        color: #fff;

    }

    .rm-menu .on a{

        color: #fff;

    }

    .rm-menu li:hover {

        border-radius: 6px;

        background: #07808e;

        color: #fff;

    }

    .rm-menu li:hover a{

        color: #fff;

    }

    /*!Responsive menu

version: 0.2.1*/.rm-nav ul, .rm-menu {

	margin-top:0

}

.rm-container:after {

	content:" ";

	display:table;

	clear:both

}

.rm-toggle {

	display:none;

	float:right;

	padding:0 .75em;

	margin:1em;

	height:2em;

	line-height:2em;

	text-decoration:none;

	text-transform:uppercase;

	background-color:gray;

	background-color:rgba(128,128,128,.5)

}

.rm-toggle.rm-show {

	display:inline-block

}

.rm-toggle.rm-button {

	background-image:url(../image/dh.png);

	background-repeat:no-repeat;

	background-position:center center;

	padding:0;

	width:2.5em;

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden

}

.rm-nav {

	clear:both

}

.pagelink em{display:none;}

.rm-nav>ul, .rm-top-menu {

	clear:both;

	list-style:none;

	padding:0;

	margin-left:0;

	margin-bottom:0;

	zoom:1

}

.rm-nav li, .rm-menu-item {

	position:relative

}

.rm-nav>ul>.rm-last, .rm-top-menu>.rm-last {

	margin-bottom:1em

}

.rm-nav li a, .rm-menu-item a {

	padding:.75em 1em;

	display:block;

	position:relative;

	color:#fff;

	text-decoration:none

}

.rm-nav li ul, .rm-menu-item .rm-menu {

	width:100%;

	padding:0;

	margin-left:0;

	list-style:none;

	z-index:500;

	zoom:1

}

.rm-nav .rm-hover ul, .rm-nav .rm-hover .rm-menu {

	z-index:600

}

.rm-nav li li a, .rm-menu-item .rm-menu-item a {

	z-index:500;

	padding-left:2em

}

.rm-nav li li.rm-last a, .rm-menu-item .rm-menu-item.rm-last a {

	padding-bottom:1em

}

.rm-nav li li ul, .rm-menu-item .rm-menu-item .rm-menu {

	position:static

}

.rm-nav li li li a, .rm-menu-item .rm-menu-item .rm-menu-item a {

	z-index:600;

	padding-left:3em

}

.rm-accelerate {

	-webkit-transform:translate3d(0, 0, 0);

	transform:translate3d(0, 0, 0);

	-webkit-backface-visibility:hidden;

	-webkit-perspective:1000

}

.rm-css-animate {

	display:block;

	max-height:0;

	overflow:hidden

}

.rm-css-animate.rm-menu-expanded {

	overflow:visible

}

.rm-nav a {

	-webkit-transition:background-color .3s;

	transition:background-color .3s

}

.rm-toggle:hover, .rm-toggle:focus {

	background-color:#9c9c9c;

	background-color:rgba(156,156,156,.5);

	outline:0

}

.rm-lighten li li a, .rm-lighten li a:focus, .rm-lighten li a:hover, .rm-lighten li.rm-hover a, .rm-lighten .rm-menu-item .rm-menu-item a, .rm-lighten .rm-menu-item a:focus, .rm-lighten .rm-menu-item a:hover, .rm-lighten .rm-menu-item.rm-hover>a {

	background-color:#202020;

	background-color:rgba(255,255,255,.1);

	outline:0

}

.rm-lighten li li li a, .rm-lighten li li a:focus, .rm-lighten li li a:hover, .rm-lighten li li.rm-hover a, .rm-lighten .rm-menu-expanded li a:focus, .rm-lighten .rm-menu-expanded li a:hover, .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a, .rm-lighten .rm-menu-item .rm-menu-item a:focus, .rm-lighten .rm-menu-item .rm-menu-item a:hover, .rm-lighten .rm-menu-item .rm-menu-item.rm-hover a, .rm-lighten .rm-menu-expanded li a:focus, .rm-lighten .rm-menu-expanded li a:hover {

	background-color:#606060;

	background-color:rgba(255,255,255,.2)

}

.rm-lighten li li li a:focus, .rm-lighten li li li a:hover, .rm-lighten li li li.rm-hover a, .rm-lighten li .rm-menu-expanded a:focus, .rm-lighten li .rm-menu-expanded a:hover, .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:focus, .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:hover, .rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a, .rm-lighten .rm-menu-item .rm-menu-expanded a:focus, .rm-lighten .rm-menu-item .rm-menu-expanded a:hover {

	background-color:gray;

	background-color:rgba(255,255,255,.3)

}

.rm-darken li li a, .rm-darken li a:focus, .rm-darken li a:hover, .rm-darken li.rm-hover a, .rm-darken .rm-menu-item .rm-menu-item a, .rm-darken .rm-menu-item a:focus, .rm-darken .rm-menu-item a:hover, .rm-darken .rm-menu-item.rm-hover>a {

	background-color:silver;

	background-color:rgba(0,0,0,.1);

	outline:0

}

.rm-darken li li li a, .rm-darken li li a:focus, .rm-darken li li a:hover, .rm-darken li li.rm-hover a, .rm-darken .rm-menu-expanded li a:focus, .rm-darken .rm-menu-expanded li a:hover, .rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a, .rm-darken .rm-menu-item .rm-menu-item a:focus, .rm-darken .rm-menu-item .rm-menu-item a:hover, .rm-darken .rm-menu-item .rm-menu-item.rm-hover a, .rm-darken .rm-menu-expanded li a:focus, .rm-darken .rm-menu-expanded li a:hover {

	background-color:#a0a0a0;

	background-color:rgba(0,0,0,.2)

}

.rm-darken li li li a:focus, .rm-darken li li li a:hover, .rm-darken li li li.rm-hover a, .rm-darken li .rm-menu-expanded a:focus, .rm-darken li .rm-menu-expanded a:hover, .rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a:focus, .rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a:hover, .rm-darken .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a, .rm-darken .rm-menu-item .rm-menu-expanded a:focus, .rm-darken .rm-menu-item .rm-menu-expanded a:hover {

	background-color:gray;

	background-color:rgba(0,0,0,.3)

}

.rm-layout-expanded .rm-nav>ul, .rm-layout-expanded .rm-top-menu {

	margin-bottom:0

}

.rm-layout-expanded .rm-nav>ul>li, .rm-layout-expanded .rm-top-menu>.rm-menu-item {

	float:left

}

.rm-layout-expanded .rm-nav>ul>.rm-last, .rm-layout-expanded .rm-top-menu>.rm-last {

	margin-bottom:0

}

.rm-layout-expanded .rm-nav>ul>li>a, .rm-layout-expanded .rm-top-menu>.rm-menu-item>a {

	height:3em;

	line-height:3em;

	padding-top:0;

	padding-bottom:0

}

.rm-layout-expanded li ul, .rm-layout-expanded .rm-menu-item .rm-menu {

	width:15em;

	position:absolute;

	left:0

}

.rm-layout-expanded li.rm-last ul, .rm-layout-expanded .rm-menu-item.rm-last .rm-menu, .rm-layout-expanded li.rm-2nd-last ul, .rm-layout-expanded .rm-menu-item.rm-2nd-last .rm-menu {

	left:auto;

	right:0

}

.rm-layout-expanded li li ul, .rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu {

	position:absolute;

	left:100%;

	top:0

}

.rm-layout-expanded li li.rm-last ul, .rm-layout-expanded .rm-menu-item .rm-menu-item.rm-last .rm-menu, .rm-layout-expanded li li.rm-2nd-last ul, .rm-layout-expanded .rm-menu-item .rm-menu-item.rm-2nd-last .rm-menu {

	right:100%;

	left:auto

}

.rm-layout-expanded li a, .rm-layout-expanded li li a, .rm-layout-expanded li li li a, .rm-layout-expanded .rm-menu-item a, .rm-layout-expanded .rm-menu-item .rm-menu-item a, .rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu-item a {

	padding-left:1em

}

.rm-layout-expanded .rm-nav>ul:before, .rm-layout-expanded .rm-nav>ul:after, .rm-layout-expanded .rm-top-menu:before, .rm-layout-expanded .rm-top-menu:after {

	content:" ";

	display:table

}

.rm-layout-expanded .rm-nav>ul:after, .rm-layout-expanded .rm-top-menu:after {

	clear:both

}

.no-js .rm-nav li ul, .rm-nojs li ul, .no-js .rm-nav .rm-menu-item .rm-menu, .rm-nojs .rm-menu-item .rm-menu {

	position:absolute;

	left:-999em

}

.rm-toggle.rm-nojs {

	display:inline-block;

	visibility:hidden

}

@media screen and (min-width:769px) {

.rm-nojs>ul>li, .no-js .rm-nav>ul>li, .rm-nojs>.rm-menu>.rm-menu-item, .no-js .rm-nav>.rm-menu>.rm-menu-item {

	float:left

}

.rm-nojs li a, .no-js .rm-nav li a, .rm-nojs .rm-menu-item a, .no-js .rm-nav .rm-menu-item a {

	padding-left:1em

}

.rm-nojs>ul:before, .rm-nojs>ul:after, .no-js .rm-nav>ul:before, .no-js .rm-nav>ul:after, .rm-nojs>.rm-menu:before, .rm-nojs>.rm-menu:after, .no-js .rm-nav>.rm-menu:before, .no-js .rm-nav>.rm-menu:after {

	content:" ";

	display:table

}

.rm-nojs>ul:after, .no-js .rm-nav>ul:after, .rm-nojs>.rm-menu:after, .no-js .rm-nav>.rm-menu:after {

	clear:both

}

.rm-toggle.rm-nojs {

	display:none

}

}

.rm-calculate {

	position:absolute!important;

	max-height:none!important;

	overflow:visible!important

}

.rm-layout-contracted .rm-calculate {

	width:100%!important

}

.rm-container .accessibly-hidden {

	position:absolute;

	left:-999em

}





}

@media (min-width: 780px) and (max-width: 1452px) {

    .clss img {

        padding: 8px 10.6%;

        padding-top: 8px;

        height: 100%;

    }

    .clss {

        width: 22%;

    }

    .iconfont {

        display: contents;

    }

    .nav .menu li > a {

        padding: 0 20px;

    }

    .nav .menu {

        width: 64%;

    }

    .nav .search {

        width: 12%;

    }

    .nav .logo {

        width: 24%;

    }

    .header .fl {

        width: 66%;

        display: flex;

    }

    .header .fr {

        width: 34%;

    }

    .hard-center .content dl a dd {

        padding: 30px 15% 0 15%;

    }

}