@charset "utf-8";
/* Style Reset */
body{color:#005da2; font-family:微软雅黑;width:100%;background:url(../images/body.jpg) repeat-y center top ;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#005da2; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; float:left; width:100%;border:1px solid #bfd6de; background:#fff; padding:2px; border-radius:6px; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.center img{ width:100%; display:block; border-radius:10px;}
.padding20{ padding:2% 3% 4%; color:#204060;float:left; width:94%; line-height:180%; font-family:宋体; min-height:300px; font-size:14px;}
.padding20 p{text-ind/ent:2em;}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;}
.content{ float:left;z-index:0; width:100%;}

.case_i{ float:left; padding:15px 3.125%; width:93.75%;}
.titlebar{width:8.3%;height:58px;}
.leftbtn{ float:left;background:url(../images/left.png) center center no-repeat #e9e9e9; border-radius:5px 0 0 5px; }
.rightbtn{float:right;background:url(../images/right.png) center center no-repeat #e9e9e9; border-radius:0px 5px 5px 0 }
.leftbtn,.rightbtn{  padding:30% 0;background-size:60%;cursor:pointer;border:1px solid #fff;box-shadow:1px 2px 1px #9da7ac; margin-top:70%;display:block;width:100%;height:100%; }
.box{width:80%; float:left;overflow:hidden; margin-bottom:15px;}
.box li{float:left; width:50%; position:relative;}
.box li div{ float:left; width:88%; margin-left:8% ; border:1px solid #8aa0b6; padding:2px; border-radius:5px; background:#fff;}
.box li img{display:block;width:100%;border-radius:5px;}
.leftnone{background:#ccc;}
.protitle{display:block; position:absolute; bottom:3px;width:88%;border-radius:0 0 5px 5px;height:30px;text-align:center;font:14px/30px 微软雅黑;color:#fff;background:#000; opacity:0.7}
@media all and (max-width:541px){
.leftbtn,.rightbtn{  padding:20% 0;margin-top:60%;}
}
@media all and (max-width:481px){
.leftbtn,.rightbtn{  padding:10% 0;margin-top:40%;}
.protitle{ height:24px; line-height:24px;}
}
@media all and (max-width:321px){
.leftbtn,.rightbtn{  padding:5% 0;margin-top:30%;}
}

 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; z-index:20; position:relative;background:url(../images/header.jpg) no-repeat center top ; background-size:100% ;}
.headerbg{ position:relative;float:left;width:100%;}
.logo{ float:left; width:72.34375%; text-align:center;}
.logo img{ width:100%;}
.menu_but{ float:right; display:block; text-align:center;width:14%; margin-right:4%; margin-top:4%;background:url(../images/menu.png) no-repeat right top ; background-size:100% 100%; padding:2% 0; text-align:center;}
.menu_but a{ float:left; width:100%; text-align:center;color:#606469; text-shadow:0 1px 0 #fff;line-height:1.3}
.menu_but img{width:10%; margin-left:5px;}
#modal { display:none; }
#pageslide { display:none; background:#f0f0f0;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; border-left:1px solid #ccc;}
.navli{float:left;width:100%;border-bottom:1px solid #ccc;
}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#333;font-size:14px;text-align:left; float:left;
background-image:-moz-linear-gradient(center top , #fefefe, #dedede);
background-image: -moz-linear-gradient(top, #fefefe, #dedede);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
background-image: -o-linear-gradient(top, #fefefe, #dedede);
background-image: linear-gradient(top, #fefefe, #dedede);}
.navli a:hover{ background:#ccc;}
.navli a span{ float:left; width:100%; font-size:16px;backgr/ound:url(../images/nav_ico.png) no-repeat 100px center; }
.navli ul{ float:left; background:#d1e1e7; display:none;border-top:1px solid #ccc;width:90%; padding:2% 0 2% 10%;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px;text-align:left; float:left;background:none}

.search{float:left;   width:84%; padding:2% 8%;box-shadow:0 2px 2px #b1bbc2;border-top:1px solid #e2e2e2;background:url(../images/search.png) no-repeat center  ; background-size:100%; }
.searcharea{float:left;width:100%; margin-bottom:15px; 
background-image:-moz-linear-gradient(center top , #f2f2f2, #e2e2e2);
background-image: -moz-linear-gradient(top, #f2f2f2, #e2e2e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e2e2e2);
background-image: -o-linear-gradient(top, #f2f2f2, #e2e2e2);
background-image: linear-gradient(top, #f2f2f2, #e2e2e2);}
.searchmain{float:left;width:100%; border:1px solid #c9d4db; border-radius:5px; padding:0.4% 1%;background:#d8d8d8;
box-sizing:border-box; box-shadow:0 2px 3px #e0eaee inset;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.search_txt{ float:left; padding-left:2%;background:#d8d8d8;width:81%;line-height:1.2; border:0; color:#b2b2b2; font-size:14px;}
.search_but{ float:right;width:30px; border:0;height:28px; background:url(../images/search_but.gif) no-repeat left center; background-size:90%}



/*首页*/
/* banner --------------------------------------------------------------------*/
.title_i{ float:left; border-top:1px solid #44799e; margin-bottom:15px;width:100%; padding:0 0 1%;box-shadow:0px 3px 3px #b0b8bf;
background-image:-moz-linear-gradient(center top , #fefefe, #dedede);
background-image: -moz-linear-gradient(top, #fefefe, #dedede);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
background-image: -o-linear-gradient(top, #fefefe, #dedede);
background-image: linear-gradient(top, #fefefe, #dedede);}
.title_i .fl{ float:left; margin-left:3%; padding:1.8% 2%; color:#006294;border-radius:0 0 10px 10px; text-shadow:1px 0 0px #1e446c; color:#fff; font-size:15px;
background:#4a83ab}


.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; line-height:2; padding:0 1%; background:#2f79b6; color:#fff; float:right;}
.homeico{margin-top:1.5%;margin-right:3%; text-align:right;width:11%;float:right;min-width:30px; }
.homeico img{ width:65%; min-width:34px;}



.productlist{float:left;width:93.75%; padding:0 3.125%;}
.ui-grid-b .proline{ clear:both;width:100%; height:2px ; overflow:hidden; background:#fff;}
.productlist ul{float:left;width:100%; }
.productlist ul li{float:left;width:100%;}
.productlist img{width:100%; display:block }
/*@index-room*/
.productlist ul{width:100%;float:left;}
.productlist ul li{text-align:center;float:left; background:#fff; width:33.3%;position:relative;}
.productlist ul .ui-block-a,.productlist ul .ui-block-b{width:33.6%; padding-right:0.7%;

}
.productlist ul .ui-block-c{width:32.8%; }
.productlist ul li img{max-width:100%;}
.productlist ul li a{display:block;}
.productlist ul li h2{ background:none;width:100%;text-align:center;position:absolute;top:55%;font-family:"微软雅黑";text-shadow:none;color:#FFF;font-weight:normal;font-size:1em;}
.productlist ul li h2 .ui-link{color:#FFF;font-weight:normal;}
@media all and (max-width:481px){
	.productlist ul li h2{top:50%; }
}

.news{ float:left;width:94%; padding:0 3%;}
.newsmain{float:left;width:96%; background:#9bacb6; box-shadow:1px 1px 3px #7f8d95 inset; padding:2% 2% 0;}
.news ul{float:left; width:100%; }
.news ul li{float:left; width:100%;  border:1px solid #e6e6e6; border-radius:8px;margin-bottom:3%; box-shadow:1px 2px 1px #808e96;
background-image:-moz-linear-gradient(center top , #f8f8f8, #e2e2e2);
background-image: -moz-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -o-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: linear-gradient(top, #f8f8f8, #e2e2e2);}

.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right; background-size:4%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666;  }
.more{ float:left; width:100%; background:#8aa0b6;}
.more a{ color:#fff; float:left; width:100%; text-align:center; line-height:2;}
/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:96%; padding:4% 2% 1%; }
.footnav ul li{ float:left; border:2px solid #e7f0f4; box-shadow:2px 3px 4px #9caab2; padding:1% 0; text-align:center; color:#4c7c92; width:17.8%; margin-right:1%;margin-left:1.4%;  border-radius:4px;
box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
background-image:-moz-linear-gradient(center top , #f8f8f8, #e2e2e2);
background-image: -moz-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: -o-linear-gradient(top, #f8f8f8, #e2e2e2);
background-image: linear-gradient(top, #f8f8f8, #e2e2e2);}
.footnav a{ color:#4c7c92}

.foottxt{ float:left; width:100%; color:#fff;font-size:12px; text-align:center; padding:2% 0;font-family:宋体;background:url(../images/foottext.png) no-repeat center bottom; background-size:80%}
.foottxt a{ color:#fff;  }
.footer{float:left;width:92%; padding:0 4%;font-size:1em; border-top:1px solid #96b1c3;
background-image:-moz-linear-gradient(center top , #44759e, #336eab);
background-image: -moz-linear-gradient(top, #44759e, #336eab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44759e), to(#336eab));
background-image: -webkit-linear-gradient(top, #44759e, #336eab);
background-image: -o-linear-gradient(top, #44759e, #336eab);
background-image: linear-gradient(top, #44759e, #336eab);}
.footer ul{float:left;width:100%;background:url(../images/footline.jpg) no-repeat left center;}
.footer ul li{float:left; width:25%; padding:2% 0 1%; background:url(../images/footline.jpg) no-repeat right center;}
.footer ul li a{float:left;min-height:20px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:22%; min-width:20px; margin-right:3px; vertical-align:middle}
/*news*/
.newslist{ float:left;width:100%; margin-top:-15px; }
/*.newsmain{float:left;width:100%; background:#f3f1f1; border-radius:0 0 5px 5px;}
*/.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;}
.newslist ul li a{float:left; width:93%; font-size:1em; border-top:1px solid #fff; line-height:2.5; padding:0 4% 0 3%;
background-image:-moz-linear-gradient(center top , #313131, #e3e3e3);
background-image: -moz-linear-gradient(top, #fefefe, #e3e3e3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e3e3e3));
background-image: -webkit-linear-grad ient(top, #fefefe, #e3e3e3);
background-image: -o-linear-gradient(top, #fefefe, #e3e3e3);
background-image: linear-gradient(top, #fefefe, #e3e3e3);}
.newslist ul li a:hover{ 
background-image:-moz-linear-gradient(center top , #e7e7e7, #d6d6d0);
background-image: -moz-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#d6d6d0));
background-image: -webkit-linear-grad ient(top, #e7e7e7, #d6d6d0);
background-image: -o-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: linear-gradient(top, #e7e7e7, #d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(../images/newslist.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }


.prolist{float:left; width:94%; padding:0 3%;margin-top:2%; }
.prolist ul{ float:left; width:100%;}
.prolist ul li{ float:left; width:50%; margin-bottom:2%;position:relative }
.prolist ul li div{ float:left; width:94%; border:1px solid #bfd6de; padding:2px; background:#fff;
border-radius:8px; margin-right:6%;}
.prolist ul li div img{width:100%; float:left; border-radius:10px;}
.prolist li p{ position:absolute; float:left;width:94%;bottom:2px; line-height:2;border-radius:0 0 10px 10px; background:#000; opacity:0.8; color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*view*/
.view_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:1em; margin:0% 0 0; font-weight:normal; color:#fff; font-family:微软雅黑; background:#6393b4;padding-bottom:1%;margin-bottom:2%;}
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#555; font-family:宋体; padding:1% 0.6%;margin-bottom:8px;
background:#fff;}
.view_menu{ float:left; width:96%;margin-left:4%; color:#1e446c;}
.view_menu span{ float:left; cursor:pointer;padding:3% 0 1%;width:100%;}
.view_menu img{ vertical-align:middle; width:5%; min-width:16px; margin-right:3px; }
.view_menumain{float:left;display:none; width:100%;}
.view_menumain a{float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 0.5% 4px;font-size:16px; padding:0.5% 1%; border:1px solid #ddd; color:#000; border-radius:3px; background:#fff;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#6a99be;border:1px solid #fff; }

.pages{
	height:30px; 
	width:94.4%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
}
.pages a{ color:#3b393a}
#dis{ background:#eae3e3; color:#b2a8a8;
	border:1px solid #eae3e3;}
.page_change{ 
	width:44px; 
	height:25px; line-height:25px;
	display:block; 
	text-indent:3px;
	margin:0 auto; overflow:auto; border:1px solid #c2c2c2; border-radius:2px; color:#000; text-align:center; box-shadow:0px 2px 3px #ddd inset; background:#fff;
}
.page_changecon{ background:#000; color:#fff; width:100%; height:100%; z-index:100}
.left{float:left;margin-left:20%; }
.right{float:right; margin-right:20%;}
.left,.right{ 
	width:60px; 
	height:25px; 
	font:12px/28px 宋体;  
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #c2c2c2;
	background:#FFF;}

.back{ float:left; width:100%;}
.back .fl,.back .fr{ font-size:15px; padding:1% 0;
border:1px solid #fff; box-shadow:1px 2px 3px #a1adb4; color:#fff; text-align:center; border-radius:4px;
background-image:-moz-linear-gradient(center top , #bee1f1, #6394ab);
background-image: -moz-linear-gradient(top, #bee1f1, #6394ab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1f1), to(#6394ab));
background-image: -webkit-linear-grad ient(top, #bee1f1, #6394ab);
background-image: -o-linear-gradient(top, #bee1f1, #6394ab);
background-image: linear-gradient(top, #bee1f1, #6394ab);
}
.back .fl{ width:20%;}
.back .fl img{ width:17px; vertical-align:middle; margin-top:-4px}
.back .fr{ width:25%;}
.viewback{ margin:0 auto; width:20%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:1em;width:100%; text-align:center; color:#fff;
border:1px solid #fff; box-shadow:1px 3px 3px #aeb8be; border-radius:6px; line-height:2;
background-image:-moz-linear-gradient(center top , #bee1f1, #6394ab);
background-image: -moz-linear-gradient(top, #bee1f1, #6394ab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1f1), to(#6394ab));
background-image: -webkit-linear-gradient(top, #bee1f1, #6394ab);
background-image: -o-linear-gradient(top, #bee1f1, #6394ab);
background-image: linear-gradient(top, #bee1f1, #6394ab);}

.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}


@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}