﻿@import url("common.css");
@import url("font/iconfont.css");
	.swiper-container {background:url(../images/banner2.jpg) center; height:400px; width:100%;}
	.swiperp {background:url(../images/0.jpg) no-repeat center; height:300px; width: 100%;}
	.swiperp31 {background:url(../images/1.jpg) no-repeat center; height:300px; width: 100%;}
	.swiperp32 {background:url(../images/2.jpg) no-repeat center; height:300px; width: 100%;}
	.swiperp33 {background:url(../images/3.jpg) no-repeat center; height:300px; width: 100%;}
	.swiperp34 {background:url(../images/4.jpg) no-repeat center; height:300px; width: 100%;}
	.swiperp35 {background:url(../images/5.jpg) no-repeat center; height:300px; width: 100%;}
	
	#container>.pbar {width:1120px; margin:15px auto 0 auto; text-align:left; line-height: 50px;color: #999;font-size: 12px;}
	#container>.pbar a {margin: 0 10px;color: #999;}
	
	.pagebody {width:1120px; margin: 0 auto; position:relative; border:1px solid #ddd;}
	
	.pside {width:252px; padding:0 20px; margin:20px 0; border-right:1px solid #e6e6e6; float:left; text-align:left; background-color:#fff;}
	.pside .ptbar {width: 100%; background:url(../images/bg_pbar.jpg) center; text-align:center; height: 100px; font-size: 24px;line-height: 100px;font-weight: bold;color: #333;}
	.pside .menu {width:100%;}
	.pside .menu dl {margin:0;}
	.pside .menu dl dt {background-color:#008bd6; height:36px; line-height:36px; padding:0 15px;}
	.pside .menu dl dt a.more {width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 10px solid #fff; float:right; margin-top:16px;}
	.pside .menu dl dt a {color:#fff; font-weight:bold;}
	.pside .menu dl dd {height:32px; line-height:32px; padding-left:15px;}
	.pside .menu dl dd.active a {color:#008bd6;}
	.pside .menu dl dd a {background:url(../images/pro_lf_a.gif) left no-repeat; padding-left:25px;}
	.pside .menu dl dd:nth-child(2) {padding-top:2px;}
	.pside .menu dl dd:last-child {padding-bottom:6px;}
	.pside .pbar {background-color:#e6e6e6; line-height:36px; padding:0 15px; font-weight:bold;}
	.pside ul {padding:5px 0;}
	.pside ul:last-child {border-bottom:1px solid #e6e6e6;}
	.pside ul li {height:32px; overflow:hidden; line-height:32px; padding:0 15px;}
	.pside .pcont {color:#000000; font-size:14px; line-height:30px; background:url(/images/pscont.jpg) top no-repeat; padding:110px 10px 10px 10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
	.pside .pcont i {font-style:normal; font-size:20px;color:#f77b07; font-weight: bold}
	.pside ul.hots li {width:122px; height:150px; margin-top:4px; margin-bottom:4px; margin-left:0; float:left; padding:0; line-height:25px; margin-right:8px;}
	.pside ul.hots li:nth-child(2n) {margin-right:0;}
	.pside ul.hots li img {width:120px; height:120px; border:1px solid #e6e6e6;}


	.pmain {width:787px; min-height:892px;  border-left:1px solid #e6e6e6; margin-left:-1px; padding:0 20px; float:right; text-align:left; background-color:#fff; margin-top: 10px}
	.pmcontact {min-height:530px}
	.probody {border:none !important;}
	
	
	.pmenu {width:100%; text-align:center; padding:0; height:50px; margin-top:40px;}
	.pmenu a {background-color:#0184c5; color:#fff; position:relative; display:inline-block; height:36px; line-height:36px; margin:0 10px; border-radius:8px; padding:0 40px; font-size:16px;}
	.pmenu a.active,.pmenu a:hover {background-color:#0d68b4;}
	.pmenu a.active:before,.pmenu a:hover:before {height:3px; background-color:#F63; width:60%; content:''; bottom:-8px; position:absolute; left:20%;}
	
	.albumlist {margin-top:35px;}
	.albumlist li {width:217px; margin-bottom:20px; position:relative; line-height:36px; text-align:center; border:1px solid #CCC; float: left; padding:15px; padding-bottom:0; margin-right:20px;}
	.albumlist li:nth-child(3n) {margin-right:0;}

	.prolist1 {width:100%; margin:30px auto 0 auto;}
	.prolist1 li {width:180px; height:220px; text-align: center; line-height:40px; float:left; margin:0 25px 0 0; margin-top:5px;}
	.prolist1 li:nth-child(4n) {margin-right:0;}
	.prolist1 li img {width:170px; height:170px; border:1px solid #E3E3E3; padding:4px;}
	
	.prolist {margin-top:35px;}
	.prolist li {width:233px; margin-bottom:20px; position:relative; height:345px; text-align:left; border:1px solid #CCC; float: left; padding:15px; margin-right:20px;}
	.prolist li:hover:before {height:3px; background-color:#F63; width:100%; content:''; bottom:-1px; position:absolute; left:0;}
	.prolist li:nth-child(4n) {margin-right:0;}
	.prolist li img {width:233px; height:233px; margin:10px 0; display:block;}
	.prolist li a.tit {display:block; margin:0 0 15px 0; font-size:16px; font-weight:bold;}
	.prolist li font {display:inline-block; margin:0; font-size:12px; height:20px; overflow:hidden;}
	.prolist li a.vmore {float:left; height:30px; width:102px; background:url(../images/bg_iprobtn1.jpg); line-height:30px; text-align:center; font-size:16px;}
	.prolist li a.vbook {float:right; height:30px; width:102px; background:url(../images/bg_iprobtn1.jpg); line-height:30px; text-align:center; font-size:16px;}
	.prolist li:hover {box-shadow:0 0 10px #333;}
	
	
	.proall {border-top:1px dotted #555; padding-top:25px;}
	.prosortbar {height:50px; text-align:center; margin-top:20px;}
	.prosortbar span {display:inline-block; margin:0 auto; padding-bottom:8px; border-bottom:3px solid #f77b07;}
	.prosortbar span font {display:inline-block; padding:6px 30px; background-color:#EEE;background-color: #dfdede;font-size: 18px;}
	.caselist {width:100%; margin:0 auto;}
	.caselist li {float:left; width:245px; border:1px solid #EEE; margin-right:20px; text-align:left; position:relative; font-size:12px; height:213px; margin-bottom:20px;}
	.caselist li a {color:#333;}
	.caselist li:nth-child(3n) {margin-right:0;}
	.caselist li img {width:245px; height:147px;}
	.caselist li span {background-color:#EEE; transition: all 0.3s; overflow:hidden; display:inline-block; height:66px; position:absolute; bottom:0; left:0; width:245px;}
	.caselist li span i {display:none;transition: all 0.3s;}
	.caselist li span b {display:block; padding:12px 15px; font-weight:bold;}
	.caselist li span font {display:block; text-align:right; padding:0 15px; color:#06C;}
	.caselist li span font em {float:left; font-style:normal; color:#666;}
	.caselist li:hover span {height:140px;}
	.caselist li:hover span i {font-style:normal; display:block; line-height:180%; font-size:12px; color:#999; margin:0 15px 10px 15px;}
	.caselist li:hover span font em {margin-top:-1px;}
	
	.downlist {width:100%; margin:0 auto;}
	.downlist li {float:left; width:245px; margin-right:20px; text-align:left; position:relative; font-size:12px; margin-bottom:20px;}
	.downlist li:nth-child(3n) {margin-right:0;}
	.downlist li img {width:245px; height:147px;}
	.downlist li span {background-color:#EEE; display:inline-block; width:245px; height:126px; overflow:hidden;}
	.downlist li span i {display:block; font-style:normal; line-height:180%; font-size:12px; color:#999; margin:0 15px 10px 15px;}
	.downlist li span a.tit {display:block; padding:12px 15px; font-weight:bold;}
	.downlist li span font {display:block; text-align:right; padding:0 15px; color:#666;}
	.downlist li span font a {float:left; font-style:normal; color:#fff; background-color:#06C; padding:3px 10px; border-radius:5px;}

	.newslist {width:100%; margin:0 auto; overflow: hidden; text-align: left;}
	.newslist li {padding:15px; background-color:#fff; margin-bottom:16px; border-radius:5px; border:1px solid #e3e3e3; position:relative; height:120px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.newslist li:hover {background-color:#f5f5f5; border-color:#dedede;}
	.newslist li img {width:150px; height:120px; float:left; margin-right:20px;}
	.newslist li .sort {margin-right:10px;font-size:18px; display:inline-block; margin-top:5px;line-height:32px; color:#666; height:32px}
	.newslist li .tit {line-height:32px; font-size:18px;display:inline-block; margin-top:5px; height:32px; white-space: nowrap; text-overflow: ellipsis;}
	.newslist li span {display:block; color:#999; line-height:26px; height:52px; overflow:hidden; color:#777; text-align:left;}
	.newslist li font {padding:5px 0 8px 0; color:#aaa; display:block;}

	.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
	.lbody table tr td {padding:5px;}
	.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

	.dede_pages {height:52px; line-height:52px; padding:10px 0 0 0; width:100%; text-align:center; margin:0; margin-top:10px}
	.dede_pages a {padding:8px 16px; text-align:center; background-color:#ddd; color:#949494; margin-left:5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;-o-border-radius: 5px;}
	.dede_pages a.current,.dede_pages a:hover {background-color:#008bd6; color:#fff; text-align:center; margin-left:5px; }
	.dede_pages a.disabled {background-color:none !important;}

	.pnstr {line-height:200%; padding:20px 0; text-align:left; height:60px; line-height:30px; color: #999;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}

	.cbody {margin:0 15px; background-color:#fff;}
	.cbody p {float:none; margin:12px 0;}
	.cbody p img {max-width:960px; width: expression(this.width > 960 && this.width > this.height ? 960px : 'auto';);}
	.cbody .content {line-height:200%; padding:20px 0; color:#666666; text-align: left;}
	.cbody .content hr {margin:12px 0;}
	.cbody .content a {color:#09F;}
	.cbody .content #formWrite table {width:740px; margin:0 auto;}
	.cbody .content #formWrite table tr td {padding:3px 5px; }
	.cbody .content #formWrite table tr td input[type="text"],.cbody .content #formWrite table tr td select {padding:6px 4px; width:320px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td textarea {padding:6px 4px; width:520px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td select {width:330px;}
	.cbody .content #formWrite table tr td input[type="submit"] {width:330px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.cbody .content #formWrite table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	.cbody .video {text-align:center; padding:0 40px;}
	.cbody .video iframe {width:800px; height:450px;}
	.cbody .content a.download {display:block; padding-top:5px; font-size:14px; line-height:24px;}
	.cbody .content a.download::before {font-size:24px; float:left;}
	.cbody h1.title {width:100%; text-align: center; font-weight:normal; font-size:24px; height:24px; line-height:24px; padding: 15px 0 0 0;}
	.cbody .cbg {background:url(../images/bg_case.jpg) bottom no-repeat; margin:0 40px; height:176px;}
	.cbody .baidushare {margin:0 40px;}
	.cbody .infos {text-align: center; color: #ccc; padding: 30px 0;}
	.cbody .smlpic {float:left; width:500px; height: 350px; text-align: left; }
	.cbody .oinfo {float:left; width:500px; height: 350px; margin-top: 40px; text-align: left; margin-left:50px;}
	.cbody .oinfo h1 {text-align: left; padding:0;}
	.cbody .oinfo li {padding-bottom:25px;}
	.cbody .oinfo li a {display: inline-block; line-height: 40px; width:120px; background-color: #f00; color:#fff; text-align: center; margin-right:30px;}
	.cbody .oinfo li font {font-size: 24px;}
	.cbody .probar {height:44px; line-height: 44px; background-color: #ededed; padding: 0 15px; font-size: 16px; text-align: left; margin-top: 30px;}

	.cbody .conmap {width:720px; float:right; margin-top:20px; margin-bottom:20px; border:1px solid #eee; height:420px;}
	.cbody .contit {font-size:24px; color:#333; padding-top:20px;}
	.cbody .contit::after {content:''; height:2px; width:32px; background-color:#333; display:block; margin-top:18px;}
	.pmain .contel {color:#999; padding-top:18px;}
	.cbody .contel font {display: block;color: #2262aa;font-size: 24px;padding-top: 10px;padding-bottom: 10px;line-height: 40px;}
	.cbody .coninf {line-height:250%; color:#666;}

	.plinks {width:1160px; margin:40px -20px 20px -20px ;}
	.plinks .barlk {width:100%; text-align:center; font-size:24px; height:80px;}
	.plinks .contlk {width:100%; margin-top:40px;}
	.plinks .contlk a {width:192px; height:50px; padding:0 20px; position:relative; margin:10px 0 40px 0; float:left;}
	.plinks .contlk a img {width:192px; height:50px;}
	.plinks .contlk a:before {position:absolute; right:0; width:1px; height:32px; top:9px; background-color:#ddd; content:'';}
	
	.promsg {background: #5c9ece linear-gradient(to right, #2e5f87, #5c9ece); margin-top:20px; width:100vw; margin-left: calc(560px - 50vw); height:100px; padding:50px 0; text-align:center;}
	.promsg span {display:block; width:1000px; margin:0 auto;}
	.promsg span font {float:left; line-height:50px; font-size:18px; color:#fff; width:130px;}
	.promsg span input {float:left; border:none; background-color:#fff; margin-top:28px; font-size:16px; margin-left:20px; height:44px; line-height:44px; padding:0 9px; width:290px; font-size:16px;}
	.promsg span input[type="button"] {width:185px; background-color:#0080c0; color:#fff;}
	
	.bookform {margin:90px auto 30px auto; width:522px;}
	.bookform label {width:60px; margin-right:12px; float:left; text-align:right; line-height:36px;}
	.bookform input[type="text"] {width:430px; border:none; background-color:#f3f3f3; height:36px; line-height:36px; padding:0 10px;}
	.bookform textarea {width:430px; border:none; background-color:#f3f3f3; height:72px; line-height:24px; padding:0 10px;}
	.bookform #btnsub {width:450px; margin-left:72px; background-color:#008bd6; border:none; height:36px; line-height:36px; color:#fff;}
	.bookform li {padding-bottom:15px;}
	
	
	/*相册*/
	#mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
	#mbOverlay.mbOverlayFF { background: transparent url(../images/80.png) repeat;}
	#mbOverlay.mbOverlayIE { position: absolute;}
	#mbCenter { height: 557px; position: absolute; z-index: 9999; left: 50%; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);}
	#mbCenter.mbLoading { background: #fff url(../images/CustomWhiteLoading.gif) no-repeat center; -moz-box-shadow: none; -webkit-box-shadow: none;}
	#mbImage { left: 0; top: 0; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: left; background-position: center center; background-repeat: no-repeat; padding: 10px;}
	#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd;}
	#mbImage a:hover, #mbImage a:active { color: #fff;}
	#mbBottom { min-height: 20px; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px;}
	#mbTitle { display: inline; color: #999; font-weight: bold; line-height: 20px; font-size: 14px;}
	#mbNumber { background: url(../images/mbNumber_bg.gif) no-repeat center; display: inline; color: #C00; line-height: 26px; font-size: 12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width: 65px; height: 26px;}
	#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px;}
	#mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; margin: 0; outline: none;}
	#mbPrevLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top: 38%; left: -32px;}
	#mbNextLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top: 38%; right: -32px;}
	#mbCloseLink { width: 24px; background: transparent url(../images/CustomBlackClose.gif) no-repeat center; position: absolute; top: 10px; right: 10px;}
	#mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline;}
	