﻿body {
	margin: 0px;
	text-align:center;
	}
body,td,font,a,span, p,input {
	font-size: 16px;
	line-height:24px;
	font-family:"微软雅黑"} 


p{ padding:0; margin:0;}
a{text-decoration:none}
img{ border:0}
.clear{clear:both;font-size:0; line-height:0; height:0; padding:0; margin:0}



.topbox{min-width:1200px; height:96px;background:#F4F4F4; position:relative;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto')}
.top{width:1200px; text-align:left;margin:0 auto}
.logo{ float:left;padding-top:20px; }
.topright{ float:right; text-align:right; font-size:;color:#2463b3; padding-top:22px;}
.link{font-size:14px;color:#666666;}
.link a{display:inline-block; font-size:14px;color:#666666; line-height:30px }

.menubj{min-width:1200px; height:50px;background:#2B61BB;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto')}
.menu{ width:1200px; text-align:left; margin:0 auto}
.menu a{ display:inline-block; padding:0 25px; font-size:16px; line-height:50px; color:#FFF}
.menu a:hover,.menu .focus{ color:#fff; background:#174DA7}




html,body,ul,li,p {
	margin:0;
	padding:0;
	list-style:none;
}

.fullSlide {
	min-width:1200px;width:auto; position:relative;
	height:534px;
	background:#ffffff; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');
}
.fullSlide a:hover{ background:none}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:534px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:534px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:40px;
	left:0;
	height:0;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center; width:1200px; margin:0 auto
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:12px;
	margin:5px;
	overflow:hidden;
	background: url(../images/dot.png) no-repeat;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background: url(../images/dothover.png) no-repeat;
}


.indexone{ width:1200px;text-align:left;margin:0 auto}

.ititle{background:url(../images/ititlebj.png) repeat-x 0 67px; text-align:center; font-size:16px; color:#999999; line-height:50px; margin:20px 0;}
.ititle a{display:block;font-size:30px; color:#2463b3; line-height:36px; background:url(../images/ititle.png) no-repeat bottom center; line-height:68px}


#CSSBox{ float:left;width:1064px;height:300px;overflow:hidden; margin-left:28px }
.icase{ width:1200px; text-align:left;position:relative}
.icase a{ float:left;display:block; width:336px; height:277px; margin-right:28px}
.icase img{ width:336px; height:225px;transition: all 1s;}
.icase span{ display:block;width:336px; height:225px; overflow:hidden}
.icase font{ display:block; text-align:center;font-size:16px; color:#666666; line-height:52px}
.icase a:hover img{transform: scale(1.4);}
#LeftButton{ float:left;width:39px; height:38px; background:url(../images/left.png) no-repeat; margin-top:92px;}
#RightButton{ float:right; width:39px; height:38px; background:url(../images/right.png) no-repeat;margin-top:92px;}




.indextwo{min-width:1200px; height:275px; width:auto;background: url(../images/indextwobj.png) no-repeat center top;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.iaboutbox{width:1200px; padding-top:45px; margin:0 auto}
.iabout{ margin-left:-70px; overflow:hidden}
.average{float:left;display:block; width:245px;text-align:center; margin-left:70px;}
.average img{ display:block; padding-bottom:20px; margin:0 auto}
.average font{ display:block; font-size:16px; color:#ffffff; padding-top:15px}
.average h2{display:block;font-size:56px;font-weight:500;color:#FFF;font-family:Arial, Helvetica, sans-serif; padding:20px 0; margin:0 0 10px 0; }
.average span{font-size:56px; font-weight:500;color:#FFF;font-family:Arial, Helvetica, sans-serif}


.inewsbox{}
.inewsleft{ float:left; border-bottom:solid 1px #DDDDDD; width:476px;}
.inewsleft img{ width:476px; height:319px}
.inewsleft big{ display:block; font-size:18px; color:#2463b3; line-height:28px; height:56px; overflow:hidden; padding-top:15px}
.inewsleft span{ display:block; font-size:16px; color:#999999; line-height:40px}

.inewsright{ float:right; width:680px;border-bottom:solid 1px #DDDDDD;}
.inewsright div{border-top:solid 1px #DDDDDD;}
.inewsright a{display:block;margin:1px 0; height:118px; padding:11px 25px;}
.inewsright big{ display:block; font-size:18px; color:#2463b3; line-height:28px; width:650px;white-space:nowrap; text-overflow:ellipsis; word-break: keep-all; overflow:hidden}
.inewsright span{ display:block; font-size:16px; color:#666666; line-height:26px; height:52px; margin:5px 0;}
.inewsright font{ display:block; font-size:16px; color:#999999;}
.inewsright a:hover{ background:#2463B3; color:#FFF}
.inewsright a:hover big,.inewsright a:hover span,.inewsright a:hover font{ color:#FFF}

.ikj{ margin:40px 0; margin-left:-28px; overflow:hidden}
.ikj span{display:block; padding-top:115px;text-align:center;font-size:20px; color:#666666; background:url(../images/ikjbj.png) no-repeat center bottom; line-height:52px; }
.ikj font{ display:block; font-size:14px; color:#999999; line-height:28px; padding:10px 34px 0}
.ikj a{float:left; display:block;width:278px; height:295px;background:url(../images/ikj.png) no-repeat;text-align:center; margin-left:28px; position:relative;border-radius:6px;-moz-border-radius:6px;}

.ikj a:hover{ background:url(../images/ikjh.png) no-repeat;}
.ikj a:hover span{ color:#2463b3}


.ikj .ab_1 {
	position: absolute;
	left: 120px;
	top: 68px;
	z-index: 2;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
}
.ikj .ab_2 {
	position: absolute;
	left: 120px;
	top: 68px;
	z-index: 3;
	display:none	
}
.ikj a:hover .ab_2 {display:block}
.ikj a:hover .ab_1 {display:none}



.footbj{min-width:1200px;width:auto;background:#2463B3 url(../images/footbj.png) no-repeat right bottom; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}

.foot{width:1200px; text-align:left; border-bottom:solid 1px #3678CC; margin:0 auto;font-size:16px; color:#dddddd; line-height:28px; padding:30px 0}
.foot big{ display:block; font-size:32px; color:#ffffff; line-height:80px;}
.add{ width:1200px; text-align:left; padding:40px 0; margin:0 auto}
.add p{float:left; display:block; width:330px;}
.add img{ float:left; display:block; padding-right:20px;}
.add span{ float:left;font-size:16px; color:#dddddd; line-height:28px}

.footbox{min-width:1200px;width:auto;background:#1E5192; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.footer{ width:1200px;font-size:16px; color:#ffffff; padding:20px 0; margin:0 auto}


.zbannerbj{ min-width:1200px;width:auto;height:155px;background:url(../images/zbanner.png) no-repeat; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1200? '1200px' : 'auto');}
.zbanner{ width:1200px; text-align:left;font-size:16px; color:#666666; padding-top:30px; margin:0 auto}
.zbanner big{ display:block; font-size:32px; color:#2463b3; line-height:60px;}

.main{ width:1200px;text-align:left; margin:20px auto }

.left{ float:left; width:308px; background:#F7F7F7 url(../images/leftbj.png) no-repeat bottom; padding-bottom:220px}
.right{float:right;width:860px; padding-bottom:50px}

.menutop{ background:#295DB0; width:280px; height:82px; padding-left:28px; position:relative}
.menutop span{ display:block; font-size:30px; color:#FFF; line-height:82px;position:absolute; top:0;}
.menutop font{ display:block; font-size:42px; color:#3566bb; line-height:42px;padding-top:35px; font-family:Arial, Helvetica, sans-serif; }
.menuList{width:252px; padding:20px 28px;}
.menuList a{display:block; background:url(../images/nav.png) no-repeat 0 16px; padding-left:24px; font-size:18px; color:#666666; line-height:42px;}
.menuList a:hover,.menuList .focus{color:#2b61bb;background:url(../images/navh.png) no-repeat 0 16px}
.menuList .threemenu{display:none; text-decoration:none}
.menuList ul.focus{ display:block; background:none}

.menuList .threemenu a{ display:block;line-height:30px;margin-left:25px; color:#666666; font-size:16px; background:url(../images/nav.png) no-repeat 0 10px;}
.menuList .threemenu a:hover,.menuList .threemenu .threefocus{color:#2b61bb;background:url(../images/navh.png) no-repeat 0 10px}




.title{ border-bottom:solid 1px #DFDFDF; height:32px; margin-bottom:20px; text-align:right}
.location{display:inline-block; background:url(../images/dg.png) no-repeat 0 2px; padding-left:20px;font-size:16px; color:#999999;}
.location a{font-size:16px; color:#999999; padding:0 5px}
.location span{font-size:16px; color:#2b61bb; }

.maincon{height:auto!important;min-height:600px; height:600px}

.intro{ padding:15px; font-size:16px; color:#666666; line-height:30px; padding-bottom:50px}

.rylist{}
.rylist a{ display:block; float:left; width:264px;margin:0 10px 10px;}
.rylist img{width:264px;height:186px;}
.rylist span{ display:block; font-size:16px;color:#666666; line-height:45px;width:264px;white-space:nowrap; text-overflow:ellipsis; word-break: keep-all; overflow:hidden;}







/************* nivo-slider-general end *************/
/************* prettyPhoto begin 去掉这3行，则放大之后缩略图不显示 *************/
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_top{height:13px;position:relative}
* html .pp_top{padding:0 13px}
.pp_top .pp_left{height:13px;left:0;position:absolute;width:13px}
.pp_top .pp_middle{height:13px;left:13px;position:absolute;right:13px}
* html .pp_top .pp_middle{left:0;position:static}
.pp_top .pp_right{height:13px;left:auto;position:absolute;right:0;top:0;width:13px}
.pp_content{height:40px;position:relative;background:#FFF}
.pp_fade{display:none}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:13px}
.pp_content_container .pp_right{padding-right:13px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px 0}
.pp_description{display:none;margin:0 0 5px 0}
.pp_nav{clear:left;float:left;margin:3px 0 0 0}
.pp_nav p{float:left;margin:2px 10px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:20px;overflow:hidden;text-indent:-10000px;width:20px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{left:50%; display:none;bottom:-60000px;position:absolute;z-index:10000}
.pp_gallery ul{height:35px;overflow:hidden;padding:0;position:relative;margin:0 auto;margin-left:21px}
.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0}
.pp_gallery li.default a{display:block;height:33px;width:50px}
.pp_gallery li.default a img{display:none}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{float:none;position:absolute;top:7px}
.pp_gallery .pp_arrow_next{right:0}
.pp_gallery .pp_arrow_previous{left:0}
a.pp_next{display:block;height:92px;text-indent:-10000px;width:46px;z-index:9999;position:absolute;right:0;top:50%;margin-top:-46px}
a.pp_previous{display:block;float:left;height:92px;text-indent:-10000px;width:46px;z-index:9999;position:absolute;left:0;top:50%;margin-top:-46px}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:10px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_contract{display:block!important}
a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px;width:20px;height:20px}
.pp_bottom{height:13px;position:relative}
* html .pp_bottom{padding:0 13px}
.pp_bottom .pp_left{height:13px;left:0;position:absolute;width:13px}
.pp_bottom .pp_middle{height:13px;left:13px;position:absolute;right:13px}
* html .pp_bottom .pp_middle{left:0;position:static}
.pp_bottom .pp_right{height:13px;left:auto;position:absolute;right:0;top:0;width:13px}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important;float:left}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px 0}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
div.duotive-modal .pp_loaderIcon{background:url(../images/duotive-modal-loader.gif) no-repeat}
div.duotive-modal .pp_expand{background:#b2b2b2 url(../images/duotive-modal-expand.png) no-repeat}
div.duotive-modal .pp_contract{background:#b2b2b2 url(../images/duotive-modal-contract.png) no-repeat}
div.duotive-modal .pp_top .pp_left{background:url(../images/duotive-modal-top-left.png) no-repeat}
div.duotive-modal .pp_top .pp_middle{background:url(../images/duotive-modal-top-middle.png) repeat-x}
div.duotive-modal .pp_top .pp_right{background:url(../images/duotive-modal-top-right.png) no-repeat}
div.duotive-modal .pp_content_container .pp_left{background:url(../images/duotive-modal-left.png) left repeat-y}
div.duotive-modal .pp_content_container .pp_right{background:url(../images/duotive-modal-right.png) right repeat-y}
div.duotive-modal .pp_bottom .pp_left{background:url(../images/duotive-modal-bottom-left.png) no-repeat}
div.duotive-modal .pp_bottom .pp_middle{background:url(../images/duotive-modal-bottom-middle.png) repeat-x}
div.duotive-modal .pp_bottom .pp_right{background:url(../images/duotive-modal-bottom-right.png) no-repeat}
div.duotive-modal .pp_arrow_previous{background-image:url(../images/duotive-modal-control-bottom-left.png);background-repeat:no-repeat;background-color:#b2b2b2}
div.duotive-modal .pp_arrow_next{background-image:url(../images/duotive-modal-control-bottom-right.png);background-repeat:no-repeat;background-color:#b2b2b2}
div.duotive-modal a.pp_next{background:url(../images/duotive-modal-control-right.png) top center no-repeat}
div.duotive-modal a.pp_next:hover{background-position:bottom center}
div.duotive-modal a.pp_previous{background:url(../images/duotive-modal-control-left.png) top center no-repeat}
div.duotive-modal a.pp_previous:hover{background-position:bottom center}
div.duotive-modal a.pp_close{background-image:url(../images/duotive-modal-close.png);background-position:top center;background-repeat:no-repeat;background-color:#b2b2b2}
.pp_gallery ul a{background-image:url(../images/duotive-modal-video.png);background-position:center;background-repeat:no-repeat}
/************* prettyPhoto end *************/




.news{ padding:0 15px}
.news a{display:block; height:45px; border-bottom:dashed 1px #DEDEDE;}
.news span{float:left;display:block;background:url(../images/news.png) no-repeat 10px 18px; padding-left:35px; font-size:16px; color:#666666; line-height:45px; width:600px;white-space:nowrap; text-overflow:ellipsis; word-break: keep-all; overflow:hidden}
.news font{ float:right; font-size:16px; color:#878787; line-height:45px; padding-right:10px}
.news a:hover span,.news a:hover font{color:#2b61bb}





.page{ text-align:center;margin:40px auto;font-size:16px; color:#5a5a5a;}
.page a{display: inline-block; border:solid 1px #E3E3E3;border-radius:6px;-moz-border-radius:6px;padding:8px 14px;  font-size:14px; color:#666666; text-align:center; margin:0 5px;font-family:Arial, Helvetica, sans-serif}
.page a:hover,.page .focus{color:#ffffff;background:#2B61BB;border:solid 1px #2B61BB;border-radius:6px;-moz-border-radius:6px;}


.newsxx{ clear:both; padding:15px}
.newsxxtitle{text-align:center;font-size:30px; color:#2b61bb; line-height:40px;}
.newsxxtitle span{display:block;text-align:center;border-bottom: dashed 1px #dedede; font-size:16px; line-height:38px;color:#878787; padding-top:10px}
.newscontent{padding:20px 0;color:#444444;font-size:16px; line-height:30px;}
.newscontent p{color:#444444;font-size:16px; line-height:30px;}
.back{ border-top:solid 1px #DDDDDD; text-align:right; padding:10px 0;}
.back a{ display:inline-block;background:url(../images/back.png) no-repeat 0 5px; padding-left:25px; font-size:16px; color:#666666;}


.case{width:830px; padding:5px 0; margin:0 auto}
.case .mod18{width:830px;height:744px; position:relative;}
.case .mod18 .btn{position:absolute;width:28px;height:120px;top:655px;cursor:pointer;z-index:99;font-size:18px; color:#BEBEBE; background:#EFEFEF; line-height:120px; text-align:center}
.case .mod18 .btn:hover{ color:#2b61bb}}
.case .mod18 .prev{left:0;background:background:#EFEFEF}
.case .mod18 #prevTop,.mod18 #nextTop{top:203px;width:46px;height:48px;}
.case .mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.case .mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.case .mod18 .next{right:0;background:background:#EFEFEF}
.case .mod18 .cf a{ position:absolute; width:805px; height:590px; display:block; left:0}
.case .mod18 li{float:left;}
.case .mod18 .cf li{position:relative;color:#666666; line-height:40px}
.case .mod18 .cf a{ position:absolute; width:830px; height:529px; display:block; left:0}
.case .mod18 .cf a span{ display:block; height:40px; text-align:center; font-size:18px;color:#666666; line-height:40px; }

.case .mod18 .picBox{ width:830px; height:600px; background:#EDEDED; padding-top:25px; margin-bottom:25px;position:relative;overflow:hidden;}
.case .mod18 .picBox ul{height:590px;position:absolute;}
.case .mod18 .picBox li{width:830px;height:600px;text-align:center; position:relative}
.case .mod18 .picBox li img{ width:780px; height:550px; padding:0 25px;}
.case .mod18 .picBox li a:hover{ padding:0; margin:0}
.case .mod18 .picBox li span{ display:block; position:absolute; left:0;top:550px;width:830px;height:40px; text-align:center; font-size:18px;color:#666666; line-height:40px;}
.case .mod18 .listBox{width:756px;height:120px; position:relative;overflow:hidden; margin:0 auto }
.case .mod18 .listBox ul{height:120px;width:756px;position:absolute;}
.case .mod18 .listBox li{width:188px;height:120px;cursor:pointer;position:relative;text-align:center}
.case .mod18 .listBox li i{display:block;transition: all 0.4s;position:absolute; background:url(../images/black.png) repeat; width:170px; height:120px; top:0; left:9px;}
.case .mod18 .listBox li a{display:block;width:170px;height:120px; margin:0 9px}
.mod18 .listBox li img{width:170px;height:120px;}
/*.mod18 .listBox li span{ width:171px; height:25px; line-height:25px; color:#363636; text-align:center; display:block;}*/
.case .mod18 .listBox .on img{width:170px;height:120px;}
.case .mod18 .listBox .on i{display:block;top:120px;}


.zp{ background:#2B61BB; width:834px; height:300px; overflow: hidden}
.zp span{ float:left; display:block; width:240px; padding:130px 0 0 20px; background: url(../images/zpdot.png) no-repeat 20px 65px; font-size:16px; color:#FFF; line-height:30px}
.zp img{ float:right; width:569px; height:300px}

.UI-bubble{display:block;width:19px;height:19px;overflow:hidden;background:url(../images/sq.png) no-repeat;}
.UI-ask{display:block;width:19px;height:19px;overflow:hidden;background:url(../images/zk.png)no-repeat;}

#zplist{margin:20px 0;}

#zplist li{clear:both;border-bottom:dashed 1px #E7E7E7; }
#zplist li h5{ width:834px;height:44px;padding:0; margin:0;}
#zplist li h5 td{ font-size:16px; color:#666666; line-height:44px; font-weight:normal}
#zplist li .foldContent{ display:none;padding:15px 30px;color:#666666; font-size:16px; line-height:30px}



.lyb{}
.lyb table tr td{font-size:16px; color:#666666; padding:4px; line-height:38px;}
.lyb span{ font-size:16px; color:#be1e12; line-height:38px; padding-right:5px}
.txt{width:360px;height:38px;border:1px solid #D5D5D5;font-size:16px; color:#666666;line-height:38px;}
.txtarea{width:700px;height:180px;border:1px solid #D5D5D5;font-size:16px;line-height:30px;}
.yzm{ float:left;width:158px;height:38px;border:1px solid #D5D5D5;font-size:16px; color:#666666;line-height:38px; margin-right:10px}
.btnBox{width:130px;height:45px;border:none;background:#2B61BB;text-align:center;line-height:45px; font-size:16px;color:#fff; margin-right:20px}
.ctnBox{width:130px;height:45px;border:none;background:#D5D5D5;text-align:center;line-height:45px; font-size:16px;color:#676767;}


.ckly{ padding:0 10px}
.ckly a{display:block; border-bottom:dashed 1px #DEDEDE; margin-bottom:10px; padding-bottom:10px}
.ckly big{ display: block; background: url(../images/q.png) no-repeat 0 4px; padding-left:30px; font-size:16px; color:#2b61bb; line-height:32px}
.ckly span{display: block; background: url(../images/a.png) no-repeat 0 4px; padding-left:30px;font-size:16; color:#666666; line-height:28px}
