/* CSS Document */
html,body{background:#e8ebf5;margin:0;padding:0}
ul{list-style:none}
.m0{margin:0 auto}
.p0{padding:0}
.top {background:#000;color:#fff;}
.top p{margin-top:5px}
.top span{line-height:28px}
.top span span{margin-left:10px;margin-right:5px;}
.top a{color:#fff}
.top a:hover{text-decoration:underline;color:#fff}
.clean{clear:both}
.navbar{border:0;margin-bottom:0;border-bottom:1px solid #ccc}
.navbar-brand{padding:0;height:auto}
.navbar-brand img{height:30px;margin-top:10px;margin-left:10px}
.navbar-form {margin-top:0;border-top:0}
.pronav{background:#013b8f;}
.pronav ul{list-style:none;padding:0;margin:0}
.pronav ul li{float:left;width:25%;min-height:70px;text-align:center;padding-top:10px;color:#fff;font-size:0.5em}
.pronav li a{color:#fff}
.pronav li img{margin-bottom:10px;height:30px;}
.pronav li:hover{background:#bc293e}
.swiper-container{width:100%;overflow:hidden;}
.swiper-container img{width:100%;}
.hh1{text-align:center;background:url(../img/dot1.png) no-repeat center bottom;color:#013b8f;font-size:30px;height:45px;margin-bottom:30px}
.habout {margin-top:20px}
.subbanner{height:auto}
.subabout{margin-top:0;margin-bottom:40px}
.subabout h1{text-align:center;font-weight:bold;color:#1468b3;background:url(../img/dot1.png) no-repeat center bottom;line-height:50px}
.subabout span{text-align:center;width:100%;display:block;margin-top:10px;margin-bottom:20px}
.subabout span a{background:#ececec;width:105px;height:30px;text-align:center;line-height:30px;display:inline-block;margin-right:1px;color:#000;}
.subabout span a:hover{background:#005bac;color:#fff}
.subabout span a:focus{background:#005bac;color:#fff}
.subabout .active{background:#005bac;color:#fff}
.subabout figure{float:left;width:31.333333%;margin-bottom:20px;}
.subabout figure+figure{margin-left:3%}
.subabout figure img{width:100%}
.subabout p{color:#666;margin-bottom:20px}
.subabout .news{margin-top:20px}
.subabout .news ul{margin:0;padding:0;margin-left:1%}
.subabout .news li{float:left;width:48%;margin-right:2%;background:#ececec;margin-bottom:10px;padding:10px 20px}
.subabout .news li a{color:#000}
.subabout .news li a:hover{color:#fff;}
.subabout .news li:hover{background:#005bac;color:#fff}
.subabout .news li time{float:right}
.subabout .news h2{text-align:center;font-size:1.6em;background:#ececec;padding:5px 0;}
.subabout .news h3{text-align:center;font-size:1em;margin-bottom:20px;border-bottom:1px dotted #ccc;padding-bottom:10px}
.subabout .news button{margin-bottom:20px;margin:30px 0;float:right}
.subabout .news p{line-height:1.8em}
.prolist h1{margin-bottom:30px}
.thumbnail .caption h3{margin-top:5px;margin-bottom:10px}
.thumbnail .caption p{margin:0;padding:5px 0}
.thumbnail .caption span{text-align:left;margin:0;margin-top:20px}
.proview img{width:100%;height:auto}
.proview h5{background:#013b8f;color:#fff;font-size:1.2em;padding:5px 5px}
.proview p{padding:5px}
.subcontact h2{font-size:1.2em;font-weight:bold}
.subcontact ul{margin:0;padding:0;}
.subcontact li{width:100%;border-bottom:1px dotted #ccc;padding:10px}
@media (max-width:767px){
.classfix{ position: fixed;right: 0;left: 0;z-index: 1030; top:80;}
.prolist,.subabout,.subcontact{margin-top:80px;padding-top:80px;}
.subcontact h2{font-size:1em}
.subcontact ul{padding-bottom:30px}
}
@media (min-width:768px){
.navbar{border-radius:0;height:70px}
.navbar-brand img{height:50px;margin-top:10px;margin-right:40px}
.fr{float:right}
.pronav li{font-size:1.5em}
.pronav li img{margin-bottom:10px;height:50px;}
.bannertop {margin-top:130px;}
.habout ul{width:50%;float:left;}
.habout ul li{width:48%;margin-right:2%;height:236px;border:none;margin-bottom:15px}
.habout div{float:right;width:50%;padding:0}
.habout div img{max-width:100%}
.habout div p{border:1px solid #ccc;border-top:none;padding:20px;}
.hotpro h1{font-size:30px;color:#fff;text-align:center;margin-top:50px}
.hotpro .nav{width:50%;margin:20px auto;}
.hotpro .nav li{color:#fff;background:none;float:left;padding:0 5.5%;text-align:center;font-size:1em;}
.hotpro .nav li:hover{cursor:pointer;font-weight:bold}
.hotpro .nav li+li{border-left:1px solid #fff}
.hotpro p{text-align:center;padding:20px}
.hotpro span{border:1px solid #FFF;padding:5px 30px;width:100px;color:#fff;}
.subbanner{height:335px}
.show{margin:0;padding:0;background:#090;}
.show li{float:left;background:#f1eef9;width:24%;margin-bottom:15px}
.show li h3{padding:10px 15px;font-size:1.6em;color:#000;font-weight:bold}
.show li h4{padding:0 15px;font-size:1em;margin-top:-15px;color:#666;}
.show li img{width:100%}
.show li{margin-left:1%;margin-right:0}
.advantage ul{height:140px;padding:0}
.advantage ul li{float:left;width:25%;border-right:1px solid #fff;background:#efefef;text-align:center;padding:20px;height:320px}
.advantage ul li img{margin-top:20px;margin-bottom:10px}
.advantage ul li h2{background:url(../img/dot2.png) no-repeat center bottom;font-size:25px;text-align:center;font-weight:bold;color:#004da1;height:40px;margin-bottom:20px;}
.advantage ul li p{font-size:1em}
.subabout {margin-bottom:0}
.subabout h1{text-align:center;line-height:70px}
.subabout span{margin-top:20px;margin-bottom:30px}
.subabout p{margin-bottom:30px}
.subabout a{width:130px}
.subabout figure{margin-bottom:30px;}
.subabout .news h2{background:none}
.subabout .news h3{font-size:1.2em;}
}
@media (min-width:992px){
.navbar{border-radius:0;height:94px}
.navbar-brand img{height:58px;margin-top:18px;margin-right:40px}
.navbar-nav > li > a {padding-top:0;padding-bottom:0;line-height:94px}
.navbar-form {margin-top:32px}
.search{margin-top:-2px}
}
.navbar-default{background:#0f3a8a;bordr:none}
.navbar-default .navbar-nav > li > a{color:#fff}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
color:#fff;
background:#54c3f2
}
.navbar-default .navbar-nav > .active >a,
.navbar-default .navbar-nav > .active >a:hover,
.navbar-default .navbar-nav > .active >a:focus{
color:#fff;
background:#54c3f2
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
color:#fff;
background:#54c3f2
}
.hdnav{height:50px;background:#666;border:none;border-radius:0;margin-bottom:0}
.hdbrand img{height:40px;margin-top:-10px}
.hdnav li a{color:#000}
@media (min-width:768px){
.hdbrand img{height:40px;margin-top:0}
}
@media (min-width:992px){
.hdbrand{height:94px;}
.hdbrand img{height:58px;margin-top:5px}
}
html,body{background:#e8ebf5;margin:0;padding:0}
.navbar{background:#0f3a8a;border-bottom:0}
.navbar-text{line-height:65px}
.navbar-text a{color:#fff}
.hbanner{margin:0;padding:0;margin-top:80px;background:#F90}
.hbanner img{width:100%;margin:0;padding:0}
.form-control{border:none;border-radius:20px 0 0 20px;height:32px;margin-right:0;height:31px}
.btn-default{border:none;border-radius:0 20px 20px 0;margin-left:-5px}
@media (max-width:767px){
.hbanner {width:100%;height:180px;margin-top:50px;overflow:hidden}
.hbanner img{width:100%;height:100%}
.cover {object-fit:cover;}
.form-group input{float:left;width:70%;margin-left:15px;}
.form-control{border:none;border-radius:10px 0 0 10px;height:32px}
.form-group button{float:right;}
.btn-default{background:#54c3f2;border:none;border-radius:0 10px 10px 0;margin-top:-5px}
.btn-default span{color:#fff;}
.navbar-text{margin:0;line-height:30px;margin-left:15px}
}
/*新闻*/
.hnews{background:#fff;box-shadow: 0 10px 15px #d7dae3;padding:0}
.hnews h1{margin:0;padding-left:50px;font-size:1em;display:inline-block;line-height:50px;font-weight:bold;border-right:1px solid #ccc;padding-right:50px;background:url(../img/light.png) no-repeat left center;background-size:40px}
.hnews p{display:inline-block;}
.hnews p{padding-left:40px;color:#ccc;}
.hnews span{float:right;background:#54c3f2;padding:5px 15px;color:#fff;font-size:0.8em;margin-top:10px}
@media (max-width:767px){
.hnews{padding:0;padding-top:10px}
.hnews h1{display:inherit;border:none;padding:0;font-size:2em;line-height:30px;background:none;}
.hnews p{display:inherit;padding:0;line-height:20px}
.hnews span{display:inherit;width:40%;text-align:center;margin-bottom:15px}
}
@media (min-width:768px) and (max-width:991px) {
.hnews h1{display:inherit;border:none;padding:0;font-size:2em;line-height:30px}
.hnews p{display:inherit;padding:0;line-height:20px}
.hnews span{display:inherit;width:20%;text-align:center;margin-bottom:15px}
}
@media (width:768px){
.hnews h1{background:none;margin-top:10px}
}
/*热点*/
.hot{margin-top:30px;margin-bottom:30px}
.hot h1{background:#54c3f2;text-align:center;color:#fff;height:40px;font-size:1.6em;line-height:40px;margin:0}
.hot div{background:#fff;padding:15px;padding-bottom:0}
.hot figure{float:left;width:15.82%}
.hot figure>span{display:block;background:#f1f1f1}
.hot figure + figure{margin-left:1%}
.hot figure img{width:100%}
.hot figure figcaption h2{font-size:1em;font-weight:bold;margin-bottom:5px }
.hot figure figcaption h3{font-size:0.8em;margin:0;margin-bottom:15px;color:#666}
.hot figure figcaption p{font-size:0.8em;margin:0;margin-bottom:20px}
.hot figure figcaption span{margin:0;display:block;color:#54c3f2;font-size:0.8em}
@media (max-width:767px){
.hot {margin-top:20px;margin-bottom:10px}
.hot figure{width:48.5%;margin-bottom:10px}
.hot figure + figure{margin-left:2.5%}
.hot figure:nth-of-type(3){margin-left:0}
.hot figure:nth-of-type(5){margin-left:0}
.hot figure figcaption h3{margin-bottom:5px}
.hot figure figcaption p{margin-bottom:10px}
}
/*新品和热门*/
.ns{}
.ns section{background:#fff;padding:15px;float:left;width:49%;margin-bottom:30px}
.ns section+section{margin-left:2%}
.ns section h1{font-size:1.4em;font-weight:bold;margin-top:5px;margin-bottom:20px}
.ns figure{float:left;width:32%;text-align:center}
.ns figure+figure{margin-left:2%}
.ns figure:nth-child(4){margin-left:0}
.ns figure span{width:100%;background:#f9fafd;display:block;}
.ns figure span img{max-width:100%}
.ns figure span:hover{background:#f1f1f1}
.ns figure h2{font-size:1em;font-weight:bold;margin:0;margin-top:10px}
.ns figure p{color:#666;font-size:1em;margin:0;margin-bottom:15px}
@media (max-width:767px){
.ns section{width:100%;margin-bottom:10px}
.ns section+section{margin-left:0}
.ns figure p{display:none}
.ns figure h2{margin-bottom:10px}
}
/*其他产品*/
.op h1{text-align:center;font-size:2.5em;margin-bottom:30px}
.op section{float:left;color:#fff;padding:30px 25px;width:30%;height:260px;margin-bottom:40px}
.op section h2{font-size:1.6em;font-weight:bold;margin:0;margin-bottom:20px}
.op section h3{font-size:1.1em;line-height:1.4em;margin:0;}
.op section h3 a{color:#fff}
.op section span{display:block;width:120px;text-align:center;border-radius:20px;background:#fff;color:#666;margin-top:30px;padding:10px}
.op section span a{color:#666}
.op section:first-of-type{background:#ff9966 url(../img/bga.png) no-repeat right;}
.op section:nth-of-type(2){background:#32b1d5 url(../img/bga.png) no-repeat right;}
.op section:nth-of-type(3){background:#bea0c5 url(../img/bga.png) no-repeat right;}
.op section:nth-of-type(4){background:#99c473 url(../img/bga.png) no-repeat right;}
.op section:last-of-type{background:#748dc4 url(../img/bga.png) no-repeat right;}
.op ul{float:right;width:70%;background:#fff;height:260px;margin:0;padding:0;margin-bottom:40px}
.op ul li{float:left;width:33.333333333%;height:100%;padding:20px}
.op ul li:hover{background:#f9fafd}
.op ul li+li{border-left:1px solid #ececec}
.op ul li h5{font-weight:600;font-size:1.1em;margin:0;color:#000}
.op ul li p{color:#ccc;font:0.8em}
.op ul li h4{font-size:1.2em;font-weight:bold;margin-bottom:0}
.op ul li img{margin:0 auto;width:100%;margin:}
@media (max-width:767px){
.mobpm{padding:0;margin:0}
.op h1{margin-bottom:15px;margin-top:15px}
.op section{width:100%;height:auto;margin-bottom:0;padding:25px 20px}
.op section span{float:right}
.op ul{width:100%;height:auto;margin-bottom:10px;}
.op ul li{padding:10px}
.op ul li h5{display:none}
.op ul li p{display:none}
.op ul li h4{font-size:1em;margin:0}
.op ul:last-of-type{margin-bottom:35px}
}
@media (min-width:768px) and (max-width:991px) {
.op section{padding:20px;height:250px}
.op section span{width:100px;margin-top:15px;float:right}
.op ul{height:250px}
}
/*底部样式*/
.footstyle{background:url(../img/footbg.png) repeat-x;}
.footstyle div{padding:0;color:#c0c7df}
.footstyle div a{color:#c0c7df}
.footstyle div p{padding:5px;color:#fff}
.footstyle div ul{height:394px;padding:0;padding-top:50px;}
.footstyle div ul li{float:left;margin-right:20px;padding-right:4.5%}
.footstyle div ul li h6{font-size:20px;font-weight:bold;margin-bottom:30px;color:#fff}
.footstyle div ul li p{margin-bottom:15px;padding:0;color:#c0c7df}
.footstyle div ul li p span{display:inline-block;margin-right:0}
@media (max-width:767px){
.footstyle{padding:0}
.footstyle div ul{display:none}
.footstyle div p{background:#000;margin:0;text-align:center;padding:1em;font-size:0.8em}
}
@media (min-width:768px) and (max-width:991px) {
.footstyle{padding:0}
.footstyle div ul{display:none}
.footstyle div p{background:#000;margin:0;text-align:center;padding:1em;font-size:0.8em}
}
@media (min-width:992px) and (max-width:1199px) {
.footstyle div ul li{padding-right:1%;font-size:0.8em;padding-right:2.8%}
.footstyle div ul{}
.footstyle p{}
}
@media (max-width:767px){
.footnav{background:#fff;border-top:1px solid #ccc;margin:0;padding:0}
.footnav ul{width:100%;padding:0;margin:0}
.footnav li{float:left;width:25%;text-align:center;line-height:3em;font-size:0.8em;color:#666}
.footnav li span{color:#54c3f2;margin-right:2px}
.navbar-fixed-bottom .dropdown .dropdown-menu {margin-bottom:0;min-width:85px}
.xl{border-radius:0;width:100px;padding-top:40px}
.xl li{float:none;width:100%;text-align:left;padding:0 5px;border-bottom:1px solid #f1f1f1}
.xl li a{margin:0;padding:5px 5px;text-align:left}
}
/*内页主体样式*/
.subnav{background:#fff;box-shadow: 0 10px 15px #d7dae3;padding:0}
.subnav p{line-height:40px;margin:0;padding:0;color:#999}
.submain{margin:3em auto;}
.submain aside{width:24%;float:left;background:#fff}
.submain aside h1{font-size:24px;font-weight:bold;color:#d9d5d6;text-align:left;}
.submain article{float:right;width:74%;}
.submain .subabout{background:#fff}
.subabout h1{text-align:left;padding:10px 40px 20px 40px;color:#54c3f2}
.subabout img{max-width:100%}
.subabout p{padding:50px;line-height:30px;text-align:justify;}
.subabout div{min-height:800px;padding:20px 40px}
.newslist {background:#fff;padding:30px;min-height:900px}
.newslist ul{margin:0;padding:0}
.newslist ul li{line-height:50px;border-bottom:1px dotted #ccc;padding-left:5px}
.newslist ul li span{margin-right:10px;color:#1eaee3}
.newslist ul li:hover {background:#f1f1f1}
.newslist ul li:hover span{color:#ff9966}
.newslist ul li a{color:#666;margin-right:20px}
.newslist ul li a:hover{color:#000;text-decoration:none;}
.newslist h1{text-align:center;font-size:2em}
.newslist h2{text-align:center;font-size:0.8em;color:#ccc;margin-top:5px;margin-bottom:30px}
.contactus{background:#fff;min-height:800px;padding:30px}
.contactus h1{margin:0;margin-bottom:15px;font-weight:bold;color:#ccc}
.contactus h2{font-size:1.6em;font-weight:bold}
.map{width:100%;height:450px;border:1px solid #ccc}
.contactus ul{margin:0;padding:0}
.contactus ul li{border-bottom:1px dotted #ccc;padding:10px 0; padding-left:5px}
.contactus ul li span{color:#1eaee0;margin-right:5px}
.contactus ul li:hover{background:#f1f1f1}
.proct h1{margin:0;text-align:center;font-size:2em;font-weight:bold;margin-bottom:15px}
.proct figure{float:left;background:#fff;padding:12px;width:24%;position:relative;height:340px;margin-top:15px}
.proct figure div{background:#f1f1f1;text-align:center}
.proct figure div img{max-width:100%;height:160px}
.proct figure h2{font-weight:bold;font-size:1.4em}
.proct figure h3{font-size:1em;color:#666;padding:0;margin:0;line-height:20px;}
.proct figure h3 a{color:#666;display:block;padding:0 5px}
.proct figure h3 a:hover{background:#f1f1f1;text-decoration:none;color:#000}
.proct figure span{top:310px;left:65%;position:absolute; display:block;width:80px;background:#54c3f2;text-align:center;float:right;color:#fff;}
.proct figure span:hover{background:#ff9966}
.proct figure span a{color:#fff;text-decoration:none;}
.proct figure span a:hover{color:#fff;text-decoration:none}
.proct figure+figure{margin-left:1.33333333%}
.proct figure:nth-of-type(4n+1) {margin-left:0}
.viewimg{padding:15px;width:100%}
.viewimg>div{float:left;width:60%;}
.viewimg section{float:right;width:40%;padding-left:20px;margin-top:-340px}
.viewimg section h2{font-size:1em;margin:0;padding:0;line-height:20px}
.viewimg section p{margin:0;padding:0;line-height:30px;font-size:0.8em}
.viewimg section p a{color:#000}
.viewimg section p a:hover{font-weight:bold}
.viewimg section img{margin-right:5px}
.subprolist h1{font-weight:bold;font-size:2em;margin:0}
.ulone{margin:0;padding:0;background:#ff9966;width:100%;height:25px;margin-top:15px;padding:5px}
.ulone li{float:left;padding:0 20px;margin:0;font-size:0.8em;color:#fff}
.ulone li a{color:#fff}
.ulone li+li{border-left:1px solid #fff;}
.ultwo{background:#0f3a8a;width:100%;height:30px;margin:0;padding:0;padding-left:15px}
.ultwo li{float:left;color:#fff;line-height:30px;}
.ultwo li a{color:#fff;display:block;padding:0 20px;}
.ultwo li a:hover{background:#54c3f2;text-decoration:none;}
.ultwo li a:focus{background:#54c3f2;text-decoration:none;}
.ultwo .active{background:#54c3f2}
.viewimg .gallery-top div>div{width:100%;height:350px;margin-bottom:5px;background:#e0dede}
.viewimg .gallery-thumbs{margin-top:10px;margin-bottom:10px;height:80px}
.viewimg .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;background:#ccc}
.viewimg .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; }
.tab-content{padding:15px;width:100%;}
.tab-content img{max-width:100%}
.tab-content .smallprolist figure{float:left;width:12.5%;margin:0;border:none;padding:4px}
.tab-content .smallprolist figure div img{max-width:100%;height:auto}
.tab-content .smallprolist figure figcaption{background:#54c3f2;color:#fff;text-align:center;font-size:0.8em}
.tab-content .smallprolist figure:hover{box-shadow:none}
.tab-content .smallprolist figure div:hover{background:#e8ebf5}
.subprolist figure{background:#fff;width:24%;float:left;padding:12px;margin-top:15px;}
.subprolist figure:hover{box-shadow:0px 0px 10px #ccc;}
.subprolist figure div{background:#f1f1f1}
.subprolist figure div img{width:100%}
.subprolist figure h2{font-size:1.2em;font-weight:bold;margin:0;margin-top:15px}
.subprolist figure h3{color:#999;margin:0;font-weight:normal;font-size:1em;margin-bottom:30px}
.subprolist figure span{margin-bottom:15px;}
.subprolist figure span:first-of-type {color:#ff9966;font-size:0.8em}
.subprolist figure span:last-of-type{color:#54c3f1}
.subprolist figure+figure{margin-left:1.3333333%;}
.subprolist figure:nth-of-type(4n+1) {margin-left:0}
.pbg{background:#60C;height:350px}
.proclass h1{padding-left:15px;margin-top:30px;margin-bottom:15px}
.proclass ul{margin:0;padding:0}
.proclass ul li {border-bottom:1px solid #f1f1f1;}
.proclass .ula {font-size:1.1em;line-height:40px;text-indent:20px;}
.proclass .ula a{color:#666;display:block}
.proclass .ula a:hover{background:#54c3f2;color:#fff;text-decoration:none;}
.proclass .ula a:focus{text-decoration:none}
.proclass .ulb {font-size:1.1em;line-height:40px;text-indent:20px;}
.proclass .ulb a{color:#666;display:block;background:url(../img/dot2.png) no-repeat 250px center}
.proclass .ulb a:hover{background:#54c3f2 url(../img/dot1.png) no-repeat 250px center;color:#fff;text-decoration:none;}
.proclass .ulb a:active{background:#54c3f2 url(../img/dot1.png) no-repeat 250px center;color:#fff;text-decoration:none;}
.proclass .ulb a:focus{background:#54c3f2 url(../img/dot3.png) no-repeat 250px center;text-decoration:none;color:#fff}
.proclass .ulb ul{background:#fff;}
.proclass .ulb ul li{font-size:0.8em;line-height:30px}
.proclass .ulb ul li {border-bottom:none}
.proclass .ulb ul li a{color:#666;background:none}
.proclass .ulb ul li a:hover{background:none;background:#f1f1f1;color:#000}
.panel {
margin-bottom:0;
background-color: none;
border: none;
border-radius: none;
-webkit-box-shadow:none;
box-shadow:none;
}
@media (max-width:767px){
.subnav{background:#54c3f2;box-shadow:none;padding:0}
.subnav p{color:#fff;font-size:0.8em;line-height:30px}
.submain{margin:0;padding:0}
.submain article{width:100%;float:none;margin:0;padding:15px}
.submain .subabout h1{margin:0;padding:5px 0;font-size:2em;text-align:center}
.submain .subabout img{border-radius:8px;margin:10px 0}
.submain .subabout p{padding:10px;line-height:25px}
.submain .subabout div{padding:0}
.newslist {min-height:600px}
.newslist ul li{border-bottom:none;border:1px solid #ccc;border-radius:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height:35px;margin-bottom:10px}
.proct {padding:10px;padding-bottom:50px}
.proct h1{margin-top:15px;margin-bottom:10px}
.proct figure div img{width:100%;height:auto}
.proct figure{width:100%;border-radius:8px}
.proct figure+figure{margin-left:0}
.contactus {min-height:680px}
.contactus h1{text-align:center}
.contactus h2{font-size:1em}
.map{height:250px}
.subprolist {background:#fff;padding-bottom:100px}
.subprolist h1{font-size:1.5em}
.subprolist .ulone {display:none}
.subprolist figure{width:48%;border:1px solid #f1f1f1;border-radius:8px;padding:6px}
.subprolist figure div{width:100%}
.subprolist figure div img{max-width:100%}
.subprolist figure+figure{margin-left:0}
.subprolist figure:nth-of-type(2n) {margin-left:4%}
.viewimg .gallery-top div>div{width:100%;height:260px;margin-bottom:5px;background:#e0dede}
.viewimg{padding:0;margin-top:10px}
.viewimg div{width:100%;float:none}
.viewimg section{width:100%;float:none;padding:0;margin:10px 0}
.viewimg section h2{border-bottom:1px dotted #ccc;line-height:30px}
.viewimg section p{float:left;width:33.33333%;margin-bottom:10px}
.viewimg .gallery-thumbs{margin-top:10px;margin-bottom:10px;height:56px}
.ultwo {padding-left:5px}
.ultwo li{font-size:0.8em;}
.ultwo li a{padding:0 8px}
.tab-content{border:1px solid #f1f1f1;border-top:none}
.tab-content .smallprolist figure{width:25%;border:none;border-radius:none;padding:2px}
.tab-content .smallprolist figure:nth-of-type(2n) {margin-left:0}
}
.cover{padding:20px}
.cover img{max-width:100%}
.cover span{display:inline-block;margin-top:10px;margin-bottom:15px}
.cover span + span{margin-left:30%}
.cover span:first-of-type a{color:#54c3f1;}
.cover span:last-of-type a{color:#ff9966;}
/*分页样式*/
.pagination{text-align:center;padding-bottom:20px}
.pagination span{display:inline;}
.pagination span a{width:30px}
.pagination .active{padding:7px 11px;}
.subproview {background:#fff;width:100%;}
.subproview .viewr{float:right;}
.subproview .viewr h2{font-size:1em}
.imgview{background:#fff;padding:15px;width:100%;}
.online{width:100%;}
.online p{padding:0 30px;margin:20px 0;font-size:1em}
.online table{margin:20px 30px;}
.online table td{line-height:20px;padding:5px}
.tdl{text-align:right;padding-right:10px;width:40%}
.tdbutton{margin-right:20px;padding:0 10px}
.input {width:60%}
.textarea{width:60%}
@media (max-width:767px){
.online p{padding:0}
.online table{margin:0}
.input {width:100%}
.textarea{width:100%}
.tdl{width:30%}
}