@charset "utf-8";
/* CSS Document */

.inbanner{height:400px;position:relative}
.inbanner img{position:absolute;left:50%; margin-left:-960px;}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}


.location{ background:#f6f6f6;height:64px;margin-bottom:34px;}
.location .lc{padding-left:30px;width:1170px;background:url(../image/icon_home.png) left center no-repeat;color: #666;font:bold 16px/64px Arial;text-transform:uppercase;}
.location a,.location span{color: #333;font: 16px/64px Arial;}

.icontent{padding-bottom:20px;}
.icontentl,.icontentr{float:left}
.icontentl{width:300px;margin-right:40px; }
.icontentl span.tit{display:block;height:84px;margin-top:40px;background: #033884;color:#fff;font: 32px/84px Arial;text-transform:uppercase;text-align:center;}

.snav{margin-bottom:46px;}
.snav li{}
.snav li a{display:block;padding: 22px 40px 22px 24px;overflow:hidden;font:18px/24px Arial;color:#333333;border-bottom:1px solid #b4b4b4;text-transform:uppercase;position: relative;}

.snav li.active a,.snav li:hover a{color:#033884;}
.snav li a span{position: absolute;right: 18px;color:#909090;cursor:pointer;line-height: 90px;top: 50%;margin-top: -45px;}
.snav li.snav_in{display:block;height:70px;background: #e6e6e6;color:#000;font: 20px/70px Arial;text-transform:uppercase;text-align:center; border-bottom:1px solid #b4b4b4;}
.contactlinfo{padding:100px 18px 0 18px;height:220px; background:url(../image/contactlimg.jpg) top center no-repeat #f6f6f6;}
.contactlinfo span{display:block;text-align:center;margin-bottom:20px;font:bold 18px/18px Arial;text-transform:uppercase;color: #033884;}
.contactlinfo li img{float:left;margin-right:8px;width:22px;}
.contactlinfo li{font:14px/18px Arial;display:block;margin-bottom: 10px;overflow:hidden;}
.contactlinfo li p{float:left;width:234px;letter-spacing:-0.3px;}

.icontentr{padding-top:20px;width:860px;}
.icontentr .title{font:800 24px/30px Arial; text-align:center;color:#033884; text-transform:uppercase;margin-bottom:40px;}
.icontentr .cdatetime{font-size:16px;color:#888;text-align:center;margin:30px auto;}
.icontentr .detail{font:16px/32px Arial;color:#4d4d4d;}
.icontentr .detail strong{font-weight:bold;}

.newslist li{margin-bottom:20px;padding:40px 30px 40px 10px; background:#f6f6f6;}
.newslist li span{float:left;width:190px;font:16px/16px Arial;padding-top:20px; text-align:center}
.newslist li span a{display:block;color:#fff;width:92px; height:26px;font:16px/28px Arial; text-align:center; background:#9a9a9a; text-transform:uppercase;margin:10px auto;}
.newslist li .txt .tit{color:#333; font:800 16px/16px Arial;display:block;margin-bottom:14px;}
.newslist li .txt p{color:#4d4d4d; font:16px/24px Arial;}
.newslist li .txt .tit:hover{color:#033884}
.newslist li span a:hover{background:#033884;}



.bread-nav {
	width: 1200px;
	margin: 26px auto 0 auto;
	font-size: 16px;
	color: #666666;
	border-bottom: 1px dashed #bbbbbb;
}

.bread-nav .bread-con {
	border-left: 8px solid #1eacad;
	line-height: 26px;
	margin-bottom: 16px;
	height: 26px;
	overflow: hidden;
	padding-left: 6px;
}

.bread-nav .bread-con a,
.bread-nav .bread-con span {
	color: #7b7b7b;
	text-transform: uppercase;
}

.bread-nav .bread-con a {
	padding: 0 10px;
}

.bread-nav .bread-con span {
	padding-left: 10px;
}

.prolist{padding-bottom: 0px;}
.prolist li{float:left;position:relative;border:1px solid #c4c4c4;padding:3px; padding-bottom:0px;margin: 20px 20px 20px 20px;width: 365px;}
.prolist li img{width: 100%;height:266px;}
.prolist li:nth-child(2n){margin-right:0;}
.prolist li:hover{border:1px solid #033884}
.prolist li{transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;overflow:hidden}
.prolist li .inner-title:before {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgb(0, 108, 220) 100%, rgb(0, 108, 220) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgb(0, 108, 220)), color-stop(100%, rgb(0, 108, 220)));
	background: -webkit-linear-gradient(top, rgb(0, 108, 220) 100%, rgb(0, 108, 220) 100%);
	background: -o-linear-gradient(top, rgb(0, 108, 220) 100%, rgb(0, 108, 220) 100%);
	background: -ms-linear-gradient(top, rgb(0, 108, 220) 100%, rgb(0, 108, 220) 100%);
	background: linear-gradient(to bottom, rgb(0, 108, 220) 100%, rgb(0, 108, 220) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#033884', endColorstr='#033884', GradientType=0);
	pointer-events: none;
	opacity:0
}

.prolist li .inner-title:hover:before {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity:0.5
}

.inner-title .txt {
    position: absolute;
    width: 80%;
    z-index: 5;
    opacity: 0;
    text-align:center;
    font-size: 24px;
    text-transform:uppercase;
    color:#fff;
    line-height: 1;
    left: 50%;
    margin-left: -40%;
}

.prolist li:hover  .inner-title .txt {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
	top:50%;
	opacity: 1;
   transform: scale(1.2);
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.incontact{margin-top:52px;}
.incontact h1{background:url(../image/incontactbg.jpg) center 12px no-repeat; text-align:center;}
.incontact h1 span{font:800 30px/30px Arial;text-transform:uppercase;color: #013984;}
.incontact h1 p{margin-top:10px;font:16px/16px Arial;color:#4d4d4d;}

.contactlist{width: 880px;margin:100px auto 0 auto;}
.contactlist li{float:left;width:224px;height: 180px;border: 1px solid #013984;margin-right: 100px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.contactlist li:last-child{margin-right:0;}
.contactlist li img{display:block;margin:-42px auto 20px auto;}
.contactlist li p{padding:0 18px;font: 18px/2em Arial;letter-spacing:-0.4px;color:#4d4d4d;text-align:center;}
.contactlist li:hover{box-shadow:0px 0px 20px #ddd;}

.map{
    width: 1200px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
    position:relative;
    }


	
.page{
	margin: 60px auto 0 auto;
	height: 40px;
	font-size: 16px;
	color: #999;
	text-align: center;
}

.protitle{font: 800 24px/68px Arial;text-align:center;color: #033884;border:1px solid #d0d0d0;}
.proinfo{float:left;width: 120px;margin-right: -1px;position: relative;}
.proinfo li{height:60px; cursor:pointer; line-height:60px;font-size:18px; text-align:center;border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;color:#333333;}
.proinfo li.active{color: #033884;border-left: 2px solid #033884;border-right: 1px solid #fff;font-weight: 600;}
.proinfot{float:left;width: 709px;min-height: 536px;padding: 34px 15px;border:1px solid #d0d0d0;border-top:0;}
.proinfot li{display:none;font:16px/24px Arial;color:#4d4d4d;}
.proinfot li.active{display:block;}
.proinfot strong{font-weight:bold;}
.proinfot p{margin:6px 0;}
.proinfot table{width: 100% !important;max-width: 100%;}
.proinfot table td{border:1px solid #ddd;border-color:#ddd !important;}

.proimgbox{padding: 60px 0;text-align:center;border:1px solid #d0d0d0}
/* sildes css begin */
.control {width: 742px;height:520px;display: block;position:absolute;top:0;left:0;overflow: hidden;}
.change li{width: 644px;overflow: hidden;text-align:center;padding: 4px;border: 1px solid #d3d3d3;}

.change li .imgWrap{display: table-cell;width: 644px;height: 474px;vertical-align: middle;cursor:pointer;*font-size: 500px;}
.change li img{max-width:742px;max-height:520px;width: expression(this.width > 742 && this.width > this.height ? 520 :true); height:expression(this.height >520 ? 520: true);vertical-align:middle; overflow:hidden}

.change li .textDesc{width:100%;height:100px;position:absolute;left:0;bottom:0;text-align:left;overflow: hidden;}
.change li .opacity{width:100%;height:100px;position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.change li .title{padding:10px 15px 0; color:#e6e6e6;font-size:14px;line-height:22px;}
.change li .title a{color:#e6e6e6;}
.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}

.thumbWrap{width: 194px;height: 394px;padding: 40px 0 40px 0;position:absolute;right:0;top:0;overflow: hidden;}
.thumbWrap .thumbCont{width:100%;height: 384px;position:relative;overflow: hidden;}
.thumbWrap ul{}
.thumbWrap ul li{text-align:center;padding: 10px 0 0px 0;}
.thumbWrap ul li div{display: table-cell;width: 186px;height: 112px;vertical-align: middle;cursor:pointer;*font-size: 79px;border: 1px solid #ddd;padding: 3px;}

.thumbWrap ul li img {width: 186px;height: 112px;width: expression(this.width > 220 && this.width > this.height ? 120 :true);height: expression(this.height >120 ? 120: true);vertical-align:middle;overflow:hidden;}

.thumbWrap ul li.cur{background:url(../image/curBg.gif) no-repeat}

.thumbPrev,.thumbNext{width: 192px;height: 38px;text-align:center;position:absolute;color:#000;z-index: 9;outline:none;border: 1px solid #d3d3d3;}
.thumbPrev span, .thumbNext span{display: none;}

.thumbPrev{left:0;top:0;background: url(../image/Yprev.png) center center no-repeat;}
.thumbNext{left:0;bottom:0;background: url(../image/Ynext.png) center center no-repeat;}





.quiry-con{
}
.quiry-con table{
	margin: 0 auto;
}
.quiry-con table tr{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.quiry-con table tr td{
	text-align: right;
	border: 0;
	padding:0 10px;
}
.quiry-con table tr .table-input{
	text-align: left;
}
.quiry-con table tr .table-input input{
	height: 30px;
	line-height: 30px;
	outline: none;
	width: 60%;
	border:1px solid #ddd;
}
.quiry-con table tr .table-input input,.quiry-con table tr .table-input textarea{
	padding-left: 5px;
}
.quiry-con table tr .table-input textarea{
	width: 75%;
	margin-top: 10px;
	height: 80px;
	border:1px solid #ddd;
}

.coolbg{
	outline: none;
	background: no-repeat;
	padding: 10px 20px;
	border: 1px solid #a9a9a9;
	cursor: pointer;
}