@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{background:#FFFFFF;width: 100%; color:#000; line-height:24px; font-family:"微软雅黑", "黑体", "宋体";}
a{color: #ff9934;text-decoration: none;}
a:hover{text-decoration: none; color:#000;}
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
.f-l{float:left}
.f-r{float:right}
.clear{zoom:1}
.clear:after{content: '';display: block;clear: both;}
.clear{clear:both;}

.section .inner,.section .inner,.subMenu .inner{width: 1100px;margin: 0 auto;}
.wrap {width: 100%;position: relative;margin: 0 auto;padding: 0;}
.section {width: 100%;	z-index: 10;margin: 0 auto;padding: 0 0 20px 0;}
.inner {position: relative;min-height: 50px;padding:30px 0;width: 1100px;}
/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {height: 50px;z-index: 1000;width: 100%;background: #3f3f3f;}
.subMenu .inner {padding:0;}
.subNavBtn {display: block;height: 35px;width: 12%;float: left;margin: 0px 0px 0 0;text-decoration: none;font-size: 16px;padding: 15px 2% 0 2%;
	text-align: center;color: #fff;}
/* SECTIONS */
.sTop {color:#3d3d3d; height:350px;background: url(../images/banner02.jpg) no-repeat #0f2fbe; overflow: hidden;padding-bottom: 0px;padding-top: 20px;position: relative; width:100%;}
.vbox{position: absolute;right: 50px;bottom: 50px;}
.sTop h1{color:#fff;margin: 0 auto;text-align: center;font-size: 70px;margin-top: 30px;line-height: 78px;}
.sTop h2{color: #ffffff;font-size: 30px; padding:0px 40px; line-height:40px; width:1000px; margin:0 auto;margin-top: 20px; font-weight:normal;}
.section1 {background: #FFFFFF; width:100%;}
.newsleft{float: left;width: 370px;}
.newspic{width: 370px;display: block;}
.newspic img{width: 370px;}
.newsmid{float: left;width: 440px;color: #555;margin: 0px 20px;}
.newsmid .newstitle{font-size: 20px;font-weight: bold;color: #222222;}
.newsmid p{font-size: 14px;margin-top: 10px;}
.newsright{width: 222px;float: left;border: 1px solid #D2D3D4;height: 210px;border-radius: 14px;box-shadow: 2px 2px 2px #3D3D3D;padding:10px 8px;}
.section2 {background: #f0f0f0;text-align: center; width:100%;}
.section2 p{text-align:left; font-size:18px; line-height:30px; padding:15px 0px;}
.sectitle h2{text-align: center;font-size: 26px;}
.sectitle span{height: 1px;width: 18%;background: #4fafc2;color: #4fafc2;display: inline-block;text-align: center;}
.spkone{float: left;width: 260px;height: 296px; overflow: hidden;margin-right: 20px;background: #FFFFFF;color: #888888;border-radius: 3px;margin-bottom: 20px;position: relative;}
.spkone:hover{box-shadow: 1px 1px 1px #D2D3D4;}
.spkone:nth-child(4){margin-right: 0px;}
.spkone:nth-child(8){margin-right: 0px;}

.spkone img{width: 260px;height: 173px;}
.spkone b{font-size: 16px;color: #000000;}
.spkone span{font-size: 12px;padding: 0px 2px;line-height: 12px;}
.dlbtn{position: absolute;bottom: 10px;left: 85px;  width: 90px;border: 1px solid #3D3D3D;border-radius: 3px;height: 26px;line-height: 26px;display: block;margin: 0 auto;}
.dlbtn:hover{background: #3D3D3D;color: #FFFFFF;}
.fhctitle{background: #e2730f;height: 40px;line-height: 40px;color: #FFFFFF;width: 190px;margin-top: 20px;}
.fhc{width: 100%;margin-bottom: 20px;text-align: left;}
.fhcnew{font-size: 16px;font-weight: bold;}
.more{color:#e2730f;;}
.section3 {height: 600px;background: #ffffff;text-align: center; width:100%;}

.recom{clear:both; padding:10px 0px;}
.recom .recomlist{padding:15px 0px; clear:both;}
.recom .recomlist img {float: left; margin:0px 25px 20px 0px;}
.recom .recomlist .newstitle{font-size:20px; line-height:30px; font-weight:bold; color:#ff9934; text-align:left;}
.recom .recomlist p {line-height: 23px; font-size:16px; padding-top:12px; color:#666; text-align:left;}


.cfbtm{margin-top: 25px;}
.cfone{float: left;width: 260px;margin-right: 15px;}
.cfone a{width: 260px;height: 210px;display: block;overflow: hidden;border-radius: 1px;overflow: hidden;}
.cfone a img{display: block;height: 173px;margin-bottom:10px;border: 0;width: 100%;transform: scale(1);transition: all 0.5s ease 0s;
-webkit-transform: scale(1);  -webkit-transform: all 0.5s ease 0s;  }
.cfone a:hover img{ height: 173px;overflow: hidden; transform: scale(1.05);transition: all 0.5s ease 0s;  
-webkit-transform: scale(1.05);-webkit-transform: all 0.5s ease 0s; }

.section4 {
	min-height: 300px;
	background: #dddddd;
	color: #000000;text-align: center; width:100%;
}
.fingerl{float:left; width:48%; margin-top:20px; margin-bottom:20px; border:#333 solid 1px;}
.fingerr{float:right; width:49%; margin-top:20px; margin-bottom:20px; border:#333 solid 1px;}
.fingertitle{background:#333; color:#ffcc1b; font-size:1.5em; line-height:50px; height:50px; text-align:center;}
.fingercon{padding:20px; font-size:1.2em; line-height:1.6em; color:#333; text-align:left;}

.section5 {
	min-height: 700px;text-align: center;
	background: #f4f4f4;
	color: #000000; width:100%;
}
.phongbg{background:url(../images/phongbg.jpg) center center no-repeat; height:700px; position:relative; margin-top:20px;}
.phongbg a{color:#333;}
.phongbg a:hover{color:#ff9934;}
.phongbg .app1{position:absolute; top:30px; left:0px; width:330px; height:260px; text-align:left; font-size:16px; line-height:26px;}
.phongbg .app2{position:absolute; top:30px; left:770px; width:330px; height:260px; text-align:left; font-size:16px; line-height:26px;}
.phongbg .app3{position:absolute; top:380px; left:0px; width:330px; height:260px; text-align:left; font-size:16px; line-height:26px;}
.phongbg .app4{position:absolute; top:380px; left:770px; width:330px; height:260px; text-align:left; font-size:16px; line-height:26px;}

.section6 {
	min-height: 400px;text-align: center;
	background: #dddddd;
	color: #000000; width:100%;
}
.otherapp{clear:both; margin-top:30px;}
.otherapp section{float: left;width: 525px;height: 200px;background:#ffffff;margin: 8px 0px;padding: 10px;border: 1px solid #cccccc;}
.otherapp section:hover{box-shadow:0 5px 15px rgba(45,50,55,.2);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);
-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
.secleft{float: left;}
.secleft a img{width: 220px;height: 200px;border: 1px solid #e5e5e5;}
.secleft a{display: block;text-align: center;width: 220px;height: 200px;background: url(../images/hover.png);}
.secleft a img{width: 220px;height: 200px;overflow: hidden;}
.secleft a img:hover{opacity: 0.1;transition: 0.5s;}


.secright{float: left;margin-left: 15px;width: 280px;}
.secright .title{font-size: 18px;margin-top: 10px;display: block;margin-bottom: 6px;font-weight: bold; text-align:left;}
.secright .title:hover{color: #2E5790;}
.secright p{width: 280px;font-size: 14px;color: #555555; text-align:left;}


.section7 {
	min-height: 300px;text-align: center;
	background: #fff;
	color: #000000; width:100%;
}
.rela{clear:both; margin-top:30px;}
.rela a{color:#b85d04;}
.rela a:hover{color:#333;}
.relal{float:left; padding-right:20px; width:48%; border-right:#ccc solid 1px; text-align:left; line-height:30px;}
.relar{float:right; padding-left:40px; width:45%; text-align:left; line-height:30px;}
.relatitel{font-size:18px; margin-bottom:10px; font-weight:bold;}

.zzul{width: 950px;margin: 0 auto;}
.zzli{float: left;margin:20px 10px;width: 164px;height: 60px;}
.zzli{border: 1px solid #dddddd;display: block;}


#slideshow_wrapper {
	POSITION: relative;
	top: 0;left: 0;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #121212;
	PADDING-LEFT: 0px;
	WIDTH: 370px;
	PADDING-RIGHT: 0px;
	HEIGHT: 246px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}

#slideshow_photo {
	POSITION: absolute;
	WIDTH: 100%;
	HEIGHT: 100%;
	CURSOR: pointer
}
#slideshow_photo A {
	Z-INDEX: 1;
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BORDER-TOP: 0px;
	TOP: 0px;
	BORDER-RIGHT: 0px;
	LEFT: 0px
}
#slideshow_footbar .slideshow-bt {
	BACKGROUND-COLOR: #d2d3d4;
	MARGIN: 10px 10px 0px 0px;
	WIDTH: 10px;
	DISPLAY: inline;
	FLOAT: right;
	HEIGHT: 10px;
	FONT-SIZE: 0px
}
#slideshow_footbar .bt-on {
	BACKGROUND-COLOR: #30b1eb
}

/*footer*/
#footer_wrap{background: #262628;padding: 25px 0px;color: #FFFFFF;margin-top: 0px;width:100%;}
.footer-inner{width: 1100px;margin: 0 auto;}
.fot_l,.fot_r{height: 40px;float: left;}
.fot_l{width: 668px;font-size: 12px;border-right: 1px solid #353537;}
.fot_r{width: 400px;border-left: 1px solid #28282a;padding-left: 10px;}
.fot_r a{float: right;color: #FFFFFF;display: block; width:46px;height: 46px;border-radius: 50%; background: #525256;margin-left: 20px;transition: background-color,background-image 2s ease-in-out;}
.fot_r a:nth-child(1){background: url(../images/footer_bg.jpg) no-repeat 0px 0px;}
.fot_r a:nth-child(2){background: url(../images/footer_bg.jpg) no-repeat -46px 0px;}
.fot_r a:nth-child(3){background: url(../images/footer_bg.jpg) no-repeat -92px 0px;}
.fot_r a:nth-child(4){background: url(../images/footer_bg.jpg) no-repeat -138px 0px;}
.fot_r a:nth-child(5){background: url(../images/footer_bg.jpg) no-repeat -184px 0px;}
.fot_r a:nth-child(6){background: url(../images/footer_bg.jpg) no-repeat -230px 0px;}
.fot_r a:nth-child(1):hover{background: url(../images/footer_bg.jpg) no-repeat 0px -50px;}
.fot_r a:nth-child(2):hover{background: url(../images/footer_bg.jpg) no-repeat -46px -50px;}
.fot_r a:nth-child(3):hover{background: url(../images/footer_bg.jpg) no-repeat -92px -50px;}
.fot_r a:nth-child(4):hover{background: url(../images/footer_bg.jpg) no-repeat -138px -50px;}
.fot_r a:nth-child(5):hover{background: url(../images/footer_bg.jpg) no-repeat -184px -50px;}
.fot_r a:nth-child(6):hover{background: url(../images/footer_bg.jpg) no-repeat -230px -50px;}

/*gotop*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #AC0909;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(../images/qrcode.png);width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

button {
color:#000; 
padding:16px 40px; 
border-radius:4px; 
border:1px solid #ccc; 
background:none; 
cursor:pointer; 
font-size:16px; 
margin:8px; 
border-bottom-width:2px;}
button:hover {color:#308bbb;border-color:#308bbb;}
.kiss-pagination button {padding:10px;}
.container {width:760px; height:580px;width:auto; padding:20px; border:1px solid #ddd; background:#fff; box-shadow:0 0 1px #ddd; margin:20px auto;}
.kiss-slider{margin:20px auto;}
.kiss-slider li{width: 760px;}
.kiss-slider li img{width: 690px;height: 460px;}
#example2 .kiss-pagination{}
#example2 .kiss-pagination .current{}
.text-center {text-align: center;}

.rollBox {background-color:#fff;clear:both;height:200px;margin:0;width:1100px; padding-top:30px;}
.rollBox .LeftBotton {height:200px;width:22px;background:#ff0000 url(lnz_anniu.gif) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:10px 0 0 0;cursor:pointer;}
.rollBox .RightBotton {height:200px;width:22px;background:#ff0000 url(lnz_anniu.gif) no-repeat -22px 0;overflow:hidden;float:left;display:inline;margin:10px 0 0 0;cursor:pointer;}
.rollBox .Cont {width:1100px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:280px;float:left;text-align:center;}
.rollBox .Cont .pic img {padding:1px;background:#fff;border:0px solid #ccc;display:block;margin:0 auto;width:260px; height:173px;}
.rollBox #List1, .rollBox #List2 {float:left;}

@media screen and (max-width:639px){	
	.section {width: 100%;	padding: 0 0 20px 0;}
	#footer_wrap{background: #262628;padding: 25px 0px;color: #FFFFFF;margin-top: 0px;width:100%;}
	.sTop {height:350px;background: url(../images/banner02.jpg) repeat-x #0f2fbe; overflow: hidden;padding-bottom: 0px;padding-top: 20px; width:1100px;}
	.section2 {background: #fff;text-align: center; width:100%;}
	.section3 {background: #fff;text-align: center; width:100%;}
	.section4 {background: #fff;text-align: center; width:100%; padding-top:30px;}
	.section5 {background: #fff;text-align: center; width:100%;}
	.section6 {background: #fff;text-align: center; width:100%;}
	.sTop h1{color:#fff;margin: 0 auto;text-align: center;font-size: 50px;margin-top: 30px;line-height: 58px;}
	.sTop h2{color: #ffffff;font-size: 24px; padding:0px 40px; line-height:30px; margin:0 auto;margin-top: 20px; font-weight:normal; width:90%;}
	.subMenu {height: 50px;z-index: 1000;width: 1100px;background: #3f3f3f;}
	.section .inner,.section .inner,.subMenu .inner{width: 1100px;margin: 0 auto;}
	#footer_wrap{background: #262628;padding: 25px 0px;color: #FFFFFF;margin-top: 0px;width:1100px;}
}

@media screen and (min-width:640px) and (max-width:767px){
	.section {width: 100%; padding: 0 0 20px 0;}
	#footer_wrap{background: #262628;padding: 25px 0px;color: #FFFFFF;margin-top: 0px;width:100%;}
	.sTop {color:#3d3d3d; height:350px;background: url(../images/banner02.jpg) repeat-x #0f2fbe; overflow: hidden;padding-bottom: 0px;padding-top: 20px; width:1100px;}
	.section2 {background: #fff;text-align: center; width:100%;}
	.section3 {background: #fff;text-align: center; width:100%;}
	.section4 {background: #fff;text-align: center; width:100%; padding-top:30px;}
	.section5 {background: #fff;text-align: center; width:100%;}
	.section6 {background: #fff;text-align: center; width:100%;}
	.sTop h1{color:#fff;text-align: center;font-size: 50px;margin-top: 30px;line-height: 58px;}
	.sTop h2{color: #ffffff;font-size: 24px; padding:0px 40px; line-height:30px;margin-top: 20px; font-weight:normal; width:90%;}
	.subMenu {height: 50px;z-index: 1000;width: 1100px;background: #3f3f3f;}
	.section .inner,.section .inner,.subMenu .inner{width: 1100px;margin: 0 auto;}
	#footer_wrap{background: #262628;padding: 25px 0px;color: #FFFFFF;margin-top: 0px;width:1100px;}
}