/*头部*/
.header{width:100%; height:134px; background:#013d71;}/*position:fixed; left:0;top:0;z-index:1000;*/
.headertop{width:1000px; margin:0px auto; padding:12px 0px}
.headertop-logo{display:block;float:left;}
.headertop-logo img{display:block;max-width:100%;}
.headertop-search{float:right; margin-top:6px;}
.searchinput{float:left; width:180px; height:38px; background:url(../images/searchinput.png) no-repeat; padding-left:18px; border:0px;}
.searchbtn{width:38px; height:38px;}
.headertop-toggle{display:none;}


.navbar{background:url(../images/navbg.jpg); height:60px;}
.navbar .nav{width:1000px; margin:0 auto; height:60px; line-height:60px;}
.navbar .nav ul{list-style:none;border: 0;}
.navbar .nav ul li{float:left; width: 142.8px; height: 60px; display: block; border: 0;}
.navbar .nav ul li a{text-align:center; width:142.8px; color:#fff; height:60px; line-height:60px; display:block; text-decoration:none; font-size:18px;}
.navbar .nav ul li ul{display:none; padding:5px 0px; position:relative; top:-1px; left:-15px; z-index:122; padding-top:0px; width: 172px;}
.navbar .nav ul li:hover ul{display:block;}
.navbar .nav ul li ul li{margin:0px; padding:0px;  height:28px; line-height:28px; font-size: 14px; width:100%; background:url(../images/navprobgc.png)}
.navbar .nav ul li ul li.drop-down-top{background:url(../images/navprobgtop.png)}
.navbar .nav ul li ul li.drop-down-bot{background:url()}
.navbar .nav ul li ul li.drop-down-bot:hover{background:url()}
.navbar .nav ul li ul li a{height:28px; line-height:28px; width: 172px; text-align:left; padding-left:0px; font-size:14px; text-align:center;}
.navbar .nav ul li ul li:hover{background:url(../images/navprobgh.png)}
.navbar .nav ul li ul li:hover a{color:#000}
.navbar .nav ul li ul li:hover ul{visibility:visible;}
.navbar .nav ul li ul li ul{visibility:hidden; position:relative; top:-30px; left:154px; display:block; border:0px solid #2f2f2f; border-radius: 5px; padding:5px 0px; height:auto;}
.navbar .nav ul li ul li:hover ul li a{color:#fff}
.navbar .nav ul li ul li:hover ul li:hover a{color:#000}

@media only screen and (max-width:1023px) {
	.header{position:fixed; left:0;top:0;z-index:1000; height: 74px;}
	.headertop{width:96%;}
	.headertop-search{display:none;}
	.headertop-toggle{display:block;float:right;}
	.icon-bar{width:30px;height:4px; color:#fff;}
	.sr-only{font-size:20px;color:#333;line-height:36px;margin:4px 14px 0 0;float:left;font-family:Raleway; color:#fff;}
	.icon-bar{width:30px;float:left;margin-top:10px;}
	.icon-bar p{width:100%;height:4px;background:#fff;margin-bottom:7px;}
	.icon-bar p:last-child{margin-bottom:0;}
	
	.navbar{background:url(); height: auto; position:absolute;left:100%;top:73px;background:#333;width:100%;}
	.navbar .nav{background:#333;width:100%; height:auto;}
	.navbar .nav ul li:hover ul{display:none;}
	.navbar .nav ul{margin-top:10px;}
	.navbar .nav ul li{opacity:0;top:-50px;text-align:center;float:none; width:92%; padding:0; margin:-3px 4% 0; border:3px solid #787671; height:52px; line-height:52px;}	
	.navbar .nav ul li a{text-align:center; width:100%; height: 52px; line-height: 52px;}
	
	.tp-banner-container{margin-top:37px;}
}
@media only screen and (max-width:480px) {
	.header{height:60px;}
	.headertop-logo{width:156px;}
	.sr-only{font-size:18px;line-height:28px;margin-top:0;}
	.icon-bar{width:25px;margin-top:5px;}
	.icon-bar p{height:3px;margin-bottom:5px;}
	.navbar{top:53px;}
	.tp-banner-container{margin-top:30px;}
}

.probg{width:100%; background: url(../images/probg.jpg) no-repeat center; height: 815px;}

.iproduct{width:1000px; margin: 0 auto;}

.tit{padding-top: 30px;}
.titimg{float:left;}
.titwz{float:left; margin-top:18px; margin-left: 4px;}
.titwz i{font-style:normal; font-size:12px; color:#013d71}
.titwz p{font-size:24px; color:#013d71}

.iproduct .tit{margin-left:40px; color:#013d71;}

.picScroll{margin:10px auto; text-align:center; width:900px; position: relative; height: 550px;}
.picScroll .bd{overflow:hidden; }
.picScroll .bd{z-index:111;}
.picScroll .bd ul{ width:900px;  float:left; padding-top:10px; }
.picScroll .bd li{ width:250px; margin: 0px 25px 30px; float:left; font-size:14px; text-align:center;     }
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  color:#01172e;}
.picScroll .bd li a:hover{color:#013d71;}
.picScroll .bd li img{ width:250px; background:url(images/loading.gif) #fff center center no-repeat; border-radius:20px;}

.picScroll .bd li p{height:40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.picScroll .hd{ height:64px; line-height:64px;  overflow:hidden; padding:0px; position: absolute; z-index: 11; top:38%; width: 1000px; margin-left: -50px;}
.picScroll .hd ul{ display:none;}	
.picScroll .hd li{ float:left; width:18px; height:18px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.picScroll .hd .on{ background:#80BD6D;  }
.picScroll .prev{display:block; float:left;  width:36px; height:64px; background:url(../images/proprev.png) no-repeat; overflow:hidden; margin:0px; z-index: 120;}
.picScroll .next{display:block; float:right;  width:36px; height:64px; background:url(../images/pronext.png) no-repeat; overflow:hidden; margin:0px; }
.picScroll .next{ }
.picScroll .hd ul{}


.multipleColumn{ overflow:hidden; position:relative; width:900px;  border:0px solid #ccc;   }
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{overflow:hidden; zoom:1; width:900px; float:left; _display:inline;}
.multipleColumn .bd ul li{width:250px; margin:0 25px 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li { text-align:center; }
.multipleColumn .bd ul li  img{ width:250px; display:block;  padding:0px; border:0px solid #ccc; }
.multipleColumn .bd ul li p{height:40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multipleColumn .bd ul li  a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li { line-height:24px;   }



.more{}
.more a{width: 121px; height: 38px; display: block; background: url(../images/more.png); float:right}

@media only screen and (max-width:1023px) {
	.probg{background:url(); margin-top: 30px; height: auto;}
	.iproduct{width:96%;}
	.iproduct .tit{width:200px; margin:0 auto;}
	.iproduct .tit .titimg img{width:55px; height: 55px;}
	.iproduct .tit .titwz{margin-top:8px;}
	
	.picScroll{width:90%; height: auto;}
	.picScroll .hd{width:60px; margin: 0 auto; height:18px; line-height:18px; overflow:hidden; padding:0px; position:static; z-index: 11;}
	.picScroll .prev,.picScroll .next{display: none;}
	.picScroll .bd ul{width:100%;}
	.picScroll .bd li{width:33.3333%; margin: 0px 0px 20px;}
	.picScroll .bd li img{ width:80%;}
	.picScroll .hd ul{display:block;}	
	
	.more{width:121px; margin: 20px auto;}
	.more a{float:none; text-align: center;}
	
}
@media only screen and (max-width:480px) {
	.picScroll{width:100%;}
	.picScroll .bd li img{ width:96%;}
}

.aboutbg{width:100%; background: url(../images/aboutbg.jpg) no-repeat center; height: 1125px;}
.iabout{width:1000px; margin: 0 auto}
.iabout .titwz{color:#fff;}
.iabout .titwz i{color:#fff}
.iabout .titwz p{color:#fff;}
.iaboutl{float:left; width:510px;}
.iaboutr{float:right; margin-top: 40px;}
.iaboutcontent{color:#fff; font-size:16px; line-height: 36px; margin: 45px 0px 45px}
.iaboutfac{margin-top: 30px;}
.iaboutfac ul li{float:left; margin:0px 30px 40px;}
.iaboutfac ul li img{box-shadow:15px 10px 5px #2964a2; max-width: 100%;}
@media only screen and (max-width:1023px) {
	.aboutbg{height: auto;}
	.iabout{width:96%;}
	.iabout .tit{width:170px; margin:0 auto;}
	.iabout .titwz i{color:#fff}
	.iabout .tit .titimg img{ height: 55px;}
	.iabout .tit .titwz{margin-top:8px;}
	.iaboutr{display: none;}
	.iaboutl{float:noone; width:100%;}
	.iaboutfac{margin-top: 20px;}
	.iaboutfac ul li{float:left; margin:0px 3% 20px; width:27.3333%;}
}
@media only screen and (max-width:480px) {
	
}

.newsbg{width:100%; background: url(../images/newsbg.jpg) center; height: 572px;}
.inews{width:1000px; margin: 0 auto;} 
.inews .tit{margin-left:30px; padding-top:10px;}
.inews .titwz{color:#013d71;}
.inews .titwz p{color:#013d71;}
.newsr{width:545px; float:right; margin-right: 30px;}
.newsr ul li{background:url(../images/newsbottom.png) bottom repeat-x; height: 100px;}
.newsr ul li .newstit{font-size:16px; color: #013d71; padding-top: 10px;}
.newsr ul li .newstit span{font-size:12px; color:#333333; float:right;}
.newsr ul li .newstit a{color: #013d71}
.newsr ul li .newstit a:hover{border-bottom:0px solid;}
.newsr ul li .newszy{font-size:12px; color:#333333; line-height: 24px; margin-top: 5px; height:48px; overflow: hidden; text-overflow: ellipsis;}
.newsr .more{margin-top:30px;}
@media only screen and (max-width:1023px) {
	.newsbg{background: url(../images/newsbg.jpg) right;}
	.inews{width:96%;}
	.inews .tit{width:160px; margin:0 auto;}
	.inews .titwz i{color:#013d71}
	.inews .tit .titimg img{ height: 55px;}
	.inews .tit .titwz{margin-top:8px;}
	
	.newsr{float:none; width:100%;}
}
@media only screen and (max-width:480px) {
	
}

.contactbg{width:100%; background: url(../images/contactbg.jpg) center; height: 284px;}
.icontact{width:1000px; margin: 0 auto;}
.icontact .tit{margin-left:130px; padding-top:0px;}
.icontact .titwz i{color:#fff}
.icontact .titwz{color:#fff; margin-top: 12px;}
.icontact .titwz p{color:#fff;}
.icontact .icontactinfo{margin-left:130px; color:#fff;}
.icontact .icontactinfo p{font-size:16px; letter-spacing:5px; display: block; margin-bottom: 15px;}
.icontact .icontactinfo li{line-height:44px;}
.icontact .icontactinfo li span{padding-left:10px;}
@media only screen and (max-width:1023px) {
	.icontact{width:96%; padding-top: 20px;}
	.icontact .tit{margin-left: 10%;}
	.icontact .icontactinfo{margin-left:10%; color:#fff;}
	.icontact .icontactinfo li{line-height:40px;}
}
@media only screen and (max-width:480px) {
	.contactbg{background: url() center #666; height: auto;}
	.icontact .tit{margin: 0px auto; width: 160px;}
	.icontact .icontactinfo{margin:0px auto; width:230px; color:#fff; padding-bottom: 20px;}
	.icontact .icontactinfo p{width:170px; margin: 0 auto;}
	.icontact .icontactinfo li{line-height:40px; margin-left: 20px;}
}

.footbg{width:100%; background: #0f1d2f;}
.foot{width:1000px; margin: 0 auto; padding: 20px 0px}
.footl{float:left; width:100px; text-align: right}
.footc{float:left; width:805px; text-align: center; color:#fff; font-size:16px;}
.footc a{color:#fff; font-size:16px; padding: 20px;}
.footc span{display:block; margin: 30px 0px 0px;}
.footr{float:left; width:95px; text-align: left;}
@media only screen and (max-width:1023px) {
	.foot{width:96%;}
	.footl{float:none; margin: 0 auto; width:93px; display: none;}
	.footc{float:none; width:100%; margin: 10px auto;}
	.footc a{padding: 0px 5px;}
	.footr{float:none; margin:0px auto;}
}
@media only screen and (max-width:480px) {
	.footc span{margin-top:0px;}
	.footc a{padding: 0px 5px; display: none;}
}

/*内页*/
.banner{width:100%;}
.banner img{max-width:100%;}
@media only screen and (max-width:1023px) {
	.banner{margin-top: 60px;}
}

.about{width:100%;}
.about .tit{color:#033d6f; font-size:40px; font-weight:bold; text-align:center; background:url(../images/abouttitbot.png) no-repeat center bottom; line-height:60px; height:100px;}
.aboutcontent{width:1000px; margin:30px auto; font-size:16px; line-height:30px;}
.aboutcontent p{text-indent:2em;}
@media only screen and (max-width:1023px) {
	.aboutcontent{width:96%;}
}

.insidepages{width:1000px; margin: 30px auto;}
.insidepages-l{width:180px; float:left;  border-radius: 0px 45px 0px 45px; background: #fff;}   
.insidepages-l .column{background:#3375b2; border-radius: 0px 45px 0px 0px; font-size: 16px; letter-spacing: 5px; -webkit-box-shadow: #cececc 5px 5px 6px; -moz-box-shadow: #cececc 5px 5px 6px; box-shadow: #cececc 5px 5px 6px;  background: #3375b2;  }
.insidepages-l .column .columntit{height:150px; text-align: center; color:#fff; border-bottom: 1px dotted #fff; padding-top: 40px;}
.insidepages-l .column .columntit img{ display: block; margin:0px auto 15px;}
.insidepages-l .column ul{width:180px; letter-spacing: 0px;}
.insidepages-l .column ul li{background:url(../images/cbq.png) no-repeat 12px 13px; line-height: 40px; padding-left: 30px; font-size:14px;}
.insidepages-l .column ul li.s{background:url(../images/csbq.png) no-repeat 32px 14px; line-height: 40px; padding-left: 50px; font-size:12px;}
.insidepages-l .column ul li a{color:#fff}
.insidepages-l .column ul li:hover{background-color:#013d71; line-height: 40px;}
.insidepages-l .column ul li.on{background-color:#013d71; line-height: 40px;}

.insidepages-l .column ul.lc li{background:url(../images/cbq.png) no-repeat 30px 20px; line-height: 50px; padding-left: 60px; font-size:14px;}
.insidepages-l .column ul.lc li a{color:#fff}
.insidepages-l .column ul.lc li:hover{background-color:#013d71; line-height: 50px;}
.insidepages-l .column ul.lc li.on{background-color:#013d71; line-height: 50px;}





.insidepages-contact{width:180px; background: #013d71; margin-top:20px;  border-radius: 0px 0px 0px 45px; color:#fff;  padding-bottom: 10px;}
.insidepages-contact .ccontact{padding-left: 40px; font-size: 16px; padding-top: 10px;}
.insidepages-contact .ccontact span{padding-left:5px;}
.insidepages-contact table{margin-left:30px; line-height: 24px; margin-top: 5px;}
.insidepages-contact table td.tdl{text-align: right;}
.insidepages-contact table td.tdr{text-align: left;}

.insidepages-r{width:800px; float:right;}
.insidepages-r .insidepages-rtit{width:100%; border-bottom: 1px solid #0061ae; height: 45px; line-height: 45px; font-size: 20px;}
.insidepages-r .insidepages-rtit span{font-size:16px;}
.insidepages-r .insidepages-rtit span.en{margin-left:10px;}
.insidepages-r .insidepages-rtit span.position{float:right;}
.insidepages-r .insidepages-rtit a{color:#333}
.insidepages-r .content{width:100%; margin:20px auto;}
.insidepages-r .content ul li{float:left; width:33.33333%; text-align:center;}
.insidepages-r .content ul li img{width:90%; max-width:250px; border:1px solid #ccc}
.insidepages-r .content ul li p{height:40px; line-height:40px; font-size:16px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.insidepages-r .content ul li a{color:#3375b2}
.insidepages-r .content ul li a:hover{color:#013d71}
.insidepages-r .content ul li:hover img{border:1px solid #013d71}

.maininfo .maintit{font-size: 18px; font-weight: bold; line-height: 59px; text-align: center; border-bottom: 1px #ccc dashed; color: black;}
.maininfo .maindate{line-height: 30px; text-align: center; margin-top: 5px; color: #aaa;  font-size: 14px;}
.maininfo .mainxiangqing{padding: 10px;}
.maininfo .mainxiangqing img{max-width:100%;}
.maininfo .mainxiangqing p{line-height: 24px; text-indent: 0em;}
.maininfo .mainmore{background:#eee; padding:0px; width:730px; margin:10px auto;}
.maininfo .mainmore a{display:block; line-height: 24px; font-size: 14px; padding: 5px;}

.insidepages-r .newslist{}
.insidepages-r .newslist li{height: 60px; line-height: 60px; border-bottom: 1px dashed #ccc;}
.insidepages-r .newslist li a{max-width:650px; color:#666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; float:left;}
.insidepages-r .newslist li:hover a{color:#c66122;}
.insidepages-r .newslist li:hover span{color:#c66122}
.insidepages-r .newslist li span{float:right;}

.maincontact{width:715px; margin: 25px auto 20px;}
.maincontact ul{ float:left}
.maincontact li{ overflow:hidden; margin-bottom:20px; width:500px;}
.maincontact li img,.maincontact li p{ float:left}
.maincontact li img{ margin-right:10px}
.maincontact li p{ line-height:40px; font-size:16px}
.erweima{ float:right; margin-top:50px}

@media only screen and (max-width:1023px) {
	.insidepages{width:100%;}
	.insidepages-l{display:none;}
	.insidepages-r{width:96%; float:none; margin:0 auto;}

}
@media only screen and (max-width:768px) {
		.maincontact{width:100%;}
		.maincontact li{width:100%;}
		.erweima{display:none;}
		.insidepages-r .insidepages-rtit span.position{display:none;}
}

@media only screen and (max-width:480px) {
		.insidepages-r .content ul li{width:50%;}
		.insidepages-r .insidepages-rtit span.position{display:none;}
		
		.maincontact li img{display:block; float:left; width:40px;}
		.maincontact li p{display:block; float:left; width:80%;}
}

.pager{margin-top: 20px;}
.page {
	float:right;
	display:inline-block;
	font: 16px/28px "微软雅黑", Tahoma, "宋体";
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	float:left;}
.page a , .page span{
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px "微软雅黑", Tahoma, "宋体";
	height:24px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
.page a:hover {
	border:1px solid #005bac;
	color:#005bac;
	text-decoration:none;}
.page span{background: #005bac;color:#fff;	border:1px solid #005bac;}