@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
html { min-width:1200px; max-width:1920px;}
body {font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#333; padding:0; margin:0;}
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
h3 { font-weight:normal;}
h4 { font-weight:normal;}
ul,li { list-style:none;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .ml10 { margin-left:10px;} .tr { text-align:right} .mt20 { margin-top:20px;} .f24 { font-size:24px}
.w1200 { width:1200px; margin:0 auto; overflow:hidden; }
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.h20 { height:20px; width:100%; display:block; overflow:hidden;}
.h50 { height:50px; width:100%; display:block; overflow:hidden;}

.top_head {
	height: 28px;
	line-height: 28px;
	background: url(/Specials/spshbaoz/top_bg_22.jpg) repeat-x 0 0;
	font-size: 12px;
	}

.header { width:100%; background: url(/Specials/spshbaoz/bg.jpg) center no-repeat; background-size: cover; color: #fff;}
.logo {
	display: inline-block;
	margin: 20px 0;
	}
.head_01 {
	margin: 40px 0;
	}
.head_01 h1 { font-size: 60px; margin-bottom: 15px;}
.head_01 p { line-height: 32px; display: block; font-size: 20px; background:url(/Specials/spshbaoz/head_bg.png) left center no-repeat; padding-left: 30px;}
.head_01 .dd1,.head_01 .dd2{ background: url(/Specials/spshbaoz/button.png) no-repeat; width: 170px; height: 56px; margin: 20px 0px 80px; display: block; float: left; position:relative; }
.head_01 .dd2{left:2%; background-position: -170px 0;}
.head_01 .dd1:hover{ background-position: 0 -56px;}
.head_01 .dd2:hover{ background-position: -170px -56px;}

.cumb { padding-top:10px;padding-bottom: 10px; line-height: 30px;}
.triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #666; border-bottom: 5px solid transparent; float: left; margin: 10px 8px auto auto; }

.section{background: #f1f1f1;padding-bottom: 20px;}
.section h2 {
	font-size: 34px;
    font-weight: bold;
    padding: 20px 0;
    color: #666666;
    margin: 20px 0;
	text-align:center;
	}
.bord_l {
	width: 350px;
	height: 270px;
	background: #fff;
    padding: 15px;
    color: #fe7b00;
	}
.bton {
	display: inline-block;
    padding: 8px 8px;
	border: 1px solid transparent;
    border-radius: 4px;
    border-color: #2c8134;
	cursor: default;
	margin-right: 10px;
	background: -webkit-linear-gradient(top, #469f3e, #2c8134);
	}
.section h3 {
	font-size: 20px;
	line-height: 40px;
	}
.text1 {
	color: #999;
	overflow: hidden;
	height: 220px;
	padding-top: 10px;
	}
.text2 {
	color: #999;
	overflow: hidden;
	height: 60px;
	padding-top: 10px;
	}
.text3 {
	color: #999;
	overflow: hidden;
	height: 60px;
	padding-top: 10px;
	}
.bord_r { height: 350px; width: 800px;}
.bord_t {
	background: #fff;
    padding: 15px;
    color: #fe7b00;
	float: left;
	}
.w_365 { width: 365px;}
.w_770 { width: 770px;}


.qkmulu {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 26px;
	}
.qkmulu h2 {
	font-size: 34px;
    font-weight: bold;
    padding: 20px 0;
    color: #666666;
    margin: 20px 0;
	text-align:center;
	}

.qkmulu li {
	margin: 20px 0px;
	transition: all .5s;
	padding: 10px;
	}
.qkmulu li:hover {
	background: #f1f1f1;
	transition: all .5s;
	}
.qkmulu li img {
	float:left;
	width:114px;
	height:156px;
	margin-right: 20px;
	}

.qkmulu li h4 {
	display: block;
	height:34px;
	line-height:34px;
	font-size: 16px;
	}
.qkmulu .text {
	height:60px;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
	color:#666;
	padding-top: 5px;
	}
.qkmulu .buttom {
	float:right;
	margin-top:20px;
	}
.qkmulu .buttom a{font-size: 20px;text-align: center;background: #2f8435;color:#fff;padding:8px 30px;text-decoration: none;outline: none;}
.qkmulu .buttom a:hover{ background: #135f18;}

.grey_bg { background-color: #f1f1f1;}

.about_cont h2 {
	font-size: 34px;
    font-weight: bold;
    padding: 20px 0;
    color: #666666;
    margin: 20px 0;
	text-align:center;
	}
.luart{ display:block; padding:15px 0;}
.luart li{ overflow:hidden; position:relative; border-bottom:1px dashed #DDDDDD; padding:15px 15px;}
.luart li:hover { background-color:#fff;}
.luart li h4{ font-size:18px; font-weight:bold; font-family:΢ÈíÑźÚ; line-height:30px;}
.luart li .ppt{ font-size:14px; line-height:23px; height:47px; overflow:hidden; color: #666;}
.luart li p span { padding: 0 10px; font-size: 12px; color:#666;}
.luart li p a { color: #f00;}
.luart li p a:hover { text-decoration:underline}

.asklist{ display:block; padding:15px 0;}
.asklist li{ overflow:hidden; position:relative; border-bottom:1px dashed #DDDDDD; padding:15px 15px;}
.asklist li:hover { background-color:#f1f1f1;}
.asklist li h4{ font-size:18px; font-weight:bold; font-family:΢ÈíÑźÚ; line-height:30px;}
.asklist li .ppt{ font-size:14px; line-height:23px; height:47px; overflow:hidden; color: #666;}
.asklist li p span { padding: 0 10px; font-size: 12px; color:#666;}
.asklist li p a { color: #f00;}
.asklist li p a:hover { text-decoration:underline}
	
.clear {clear:both;}
.bottom_l{ background:#f4f4f4; border-bottom:1px solid #e0dede; margin-top:20px;}
.bottom_z{ background:#ededed;}
.foot{ width:970px; margin:0 auto; padding:10px 15px 0px 15px;font-family:"΢ÈíÑźÚ"; }
.foot span{font-size:18px; height:35px; display:block;}
.bottom_l .foot span{color:#0b8793; }
.bottom_l .foot span a {display:inline-block; background: #0b8793; color:#fff;line-height: 35px;padding: 0 20px;}
.bottom_z .foot span{ width:200px;}
.foot .link{ padding:20px;}
.foot .link ul{ padding-top:10px;}
.foot .link ul a{ margin-left:10px; margin-right:10px;  display:inline; white-space:nowrap;}
.foot .special{ width:600px;float:left; padding:20px; background:url(/images/disc.jpg) right bottom no-repeat;}
.special #marqueeBox{ float:left;*width:300px;}
/*.foot .special a{ padding:1px; border:1px solid #a7a6a6; float:left; margin-bottom:20px; margin-left:10px; margin-right:10px;}*/
.foot .contact{ width:260px;float:left; padding:20px; margin-left:20px;}
.foot .contact p{ float:left; width:250px;}
.foot .qq,.foot .edit,.foot .phone,.foot .inter{ float:left; width:210px; padding:15px;}
.foot .qq a{ background:url(/images/qq.gif) no-repeat; width:79px; height:25px; float:left; margin-left:13px; margin-right:13px; margin-bottom:10px;}
.foot .edit a{width:79px; height:25px; float:left; margin-left:10px; margin-right:10px; margin-bottom:10px;font-weight:bold;}
.foot .phone b{ float:left; width:180px;}
.foot .phone strong{ float:right;color:#f2991b; width:130px; font-size:18px;}
.foot .inter i{ background: url(/images/1.png) no-repeat; width:93px; height:92px; float:left;}
.bq{ background:#0b8793; color:#FFF; }
.bq p{ width:1000px; text-align:center; margin:0 auto; line-height:40px;}


.userMenu{ float:right;}
.userMenu li{ margin-left:5px; margin-right:5px;}
.userMenu li a{ color:#FFF;}
.userMenu li a:hover{color:#F90;}


::selection {
background: #0ab6c7;
color: white;
text-shadow: none;}
::-moz-selection {
background: #0ab6c7;
color: white;
text-shadow: none;}


/*²à±ßÀ¸*/
.dliside {
	    width: 120px;
    height: 554px;
    position: fixed;
    top: 115px;
    right: 5px;
    z-index: 99;
    background: url(/images/tanchbj.png)no-repeat top center;
}

.dliside a {
	    display: block;
    width: 100%;
    margin-bottom: 13px;
    background: url(/images/tanchl.png)no-repeat top center;
    border-radius: 5px;
    height: 51px;
    line-height: 49px;
    text-decoration: none;
    transition: all 0.15s ease-out;
    transform: scale(1);
}

.dliop1 b{
	padding-left: 5px;
	color: #f9df03;
}

.dliside a:hover {
	transform: scale(1.1, 1.1);
	color: #f9df03;
}

.dliside .dide2 {
	position: relative;
    top: 4px;
}
.dliside .dide3 {
	position: relative;
    top: 3px;
}
.dliside .dide6 {
	position: relative;
    top: -2px;
}
.dliside .dide7 {
	position: relative;
    top: -2px;
}
.dliside .dide8 {
	position: relative;
    top: -3px;
}

.dliside .dide2,.dliside .dide4,.dliside .dide6,.dliside .dide8{
	    background: url(/images/tanchh.png)no-repeat top center;
}

.dliop1 {
	display: block;
	padding: 5px 2px 0 2px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.dliop2 {
	display: none;
	text-align: center;
	line-height: 60px;
}

.dliside a:hover .dliop2 {
	display: block;
}

.theme-box {
	height: 30px;
	margin: 10px auto;
	line-height: 30px;
}

.theme-box a {
	padding: 5px 10px;
	margin: 0 10px;
	color: #fff;
	background-color: #01af63;
	border: 1px solid #01af63;
}

.theme-box a:hover {
	text-decoration: none;
}

.theme-box a.touch {
	background-color: #ff6600;
	border: 1px solid #ff6600;
}

.dliside img {
	display: block;
	margin: 0 auto;
}

.gao{
	margin-top: 48px;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.dliside{
		display: none;
	}
}
 /*²à±ßÀ¸*/