@charset "utf-8";
@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; }
.comm-width{ width:1250px; 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;}
.fl{float: left;}
.fr{float: right;}
.header{width: 100%;line-height: 40px;background: #eee;font-size: 12px}
.header .comm-width{width: 1450px}
.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(ac.png) no-repeat 8px center;background-size: 18px;}
.header .fl .horn a.link2{background: url(2.jpg) no-repeat 7px center;background-size: 18px;}
.header .fl .horn a.link3{background: url(3.jpg) no-repeat 13px center;background-size: 10px;}
.header .fl .horn a.link4{background: url(acc.png) no-repeat 10px center;background-size: 15px;}
.header .fl .horn a.link5{ background: url(hb.png) no-repeat 8px center;background-size:auto 80%;}
.header .fl .horn a.link6 { background: url(dpc1.png) no-repeat 8px center;background-size: 18px;}
.header .fl .horn a.link7{ background: url(cyyy2.png) no-repeat 8px center;background-size: 17px;}
.header .fl .horn a.link8 {background: url(gjzxx.png) no-repeat 10px center;background-size: 16px;}
.header .fl .horn a.link9 {background: url(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: 19px;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: 1450px}
.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;}
.nav .logo h1{letter-spacing: 11px;color: #fff;display: block;line-height: 26px;font-size: 14px}
.nav .logo a{display: inline-block;width: 45%;vertical-align:top;}
.nav .logo h2{display: inline-block;font-size:18px;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 15px;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: 150%;left:-25%;}
.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 .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;}
.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(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: 40px;padding-left: 3%}
.advantage dl dd h1{width: 96%;font-size: 19px;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(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-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: 60px 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);}
.cloud .swiper-slide{background:url(apple.png) no-repeat center top;background-size:100% auto;}
.cloud .swiper-slide img{width: 100%;padding: 10px 10.6%;vertical-align: top;padding-top: 15px}
.cloud .swiper-slide h1,.cloud .swiper-slide h2{width: 100%;padding: 10px 10%;font-size: 14px;line-height: 24px;text-align: center;}
.cloud .swiper-slide h1{font-size: 22px;color: #009bad;font-weight: bold;padding-top: 42px}

.hard-center{width: 100%;height: 810px;font-size: 0;padding: 60px 0;background: url(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: 80px 15% 0 15%;transition: all .2s;}
.hard-center .content dl a dd i{width:55px; height: 50px;background:url(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 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:32%;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(3n){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(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: 70px 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}
.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;padding-top: 12px}
.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}
.about-center .fl,.about-center .fr{width: 50%;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(about.jpg) no-repeat center top;background-size: cover;opacity: 0.1;text-align: right;}
.about-center .fr .bg{background-image:url(contact.jpg);opacity: 0.6;text-align: left}
.about-center .fl .about,.about-center .fr .contact{position:absolute;width: 100%;left: 0;top: 0;z-index: 100;text-align: right;padding-top: 90px;padding-right: 10%;}
.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 22%;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}

.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:34%;overflow: hidden;padding: 10px}
.list-content dl dt a img{width: 100%;vertical-align: top;transition: all 0.2s}
.list-content dl dt a:hover img{transform: scale(1.1);}
.list-content dl dd{width: 65%;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 }



.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(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(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: #ccc;color: #333; display:inline-block; padding:15px 50px; 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: 35px;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(nycply01.png) no-repeat left center;}
.buy-order .ny_lyk.ys02{ margin-right:0px; background:url(nycply02.png) no-repeat left center;}
.buy-order .ny_lyk.ys03{ background:url(nycply03.png) no-repeat left center;}
.buy-order .ny_lyk.ys04 {margin-right:0px; background:url(nycply04.png) no-repeat left center;}
.buy-order .ny_lyk.ys05{margin-right:0px; width:100%; height:160px; background:url(nycply05.png) no-repeat left center;}
.buy-order .ny_lyk.ys06{margin-right:0px; width:351px; background:url(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-content{width: 73%;padding-top: 40px;font-size: 0}
.hardlist-content dl{width: 32%;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-content dl:nth-child(3n){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;}
.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: 100%;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: 100%;padding-top: 10px;}
.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}

.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(class.gif) no-repeat center center #ccc}
.view-news .fl{background: #fff;width: 930px;padding: 50px 30px}
.view-news .fl .title,.right-content .title {width: 100%;border-bottom: 1px #f1f1f1 solid;padding-bottom: 30px;font-size: 0}
.view-news .fl .title h1,.right-content .title h1{font-size: 25px;line-height: 40px;color: #333;}
.view-news .fl .title h2,.right-content .title h2{font-size: 12px;color: #999;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%;}
.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(prenext.gif) no-repeat;vertical-align:middle;}
.nextpre li a{font-size: 15px;height: 50px;overflow:hidden;width: 90%;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 a {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: 26%;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: 34%;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: 25%;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) {
    .header{display: none;}
    .nav{display: none;}
    .advantage{display: none;}
    .comm-width{width: 100%;}
    .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;}
    .about-center .fl{height: 580px;}
    .soft-center .swiper-container .swiper-wrapper{display: block;}
    .prompt h1{font-size: 15px}
    .comm-title h1{font-size: 16px;line-height: 10px}
    .comm-title{    background: url(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;}
    .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;padding-left: 0;}
    .contact-right{display: none;}
    .contact-left{width: 100%;}
    .about-content.feedback #Content{width: 100%;}
    .hardlist-content{width: 100%;}
    .g-ft {
        display: block;
        height: 60px;
        width: 100%;
        overflow: hidden;
    }
    .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%;
    }
    .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;
        height:80px
    }
    .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;
    }
    .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(../images/cloud.jpg);
        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(../images/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
}


}