@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 15px;
	line-height: 34px;
	color: #333333;
	font-family: "微软雅黑";
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #dd0000;
	text-decoration: underline;
}

/*屏蔽UC浏览器底部广告*/
div[id^="_"] { display: none !important; }
#top {
	height: 225px;
	width: 100%;
	background-image: url(topbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#top_inner {
	height: 180px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: 10px 45px;
	position: relative;
}
#logo {
	height: 115px;
	width: 675px;
	position: absolute;
	left: 5px;
	top: 40px;
}
#logo a {
	display: block;
	height: 115px;
	width: 675px;
}

#cnen {
	height: 36px;
	width: 100px;
	text-align: right;
	color: #dcd7d7;
	position: absolute;
	top: 53px;
	right: 17px;
}

#cnen a {
	color: #dcd7d7;
}
#cnen a:hover {
	color: #ffffff;
}
#search_box {
	height: 32px;
	width: 205px;
	float: right;
	position: absolute;
	right: 15px;
	bottom: 55px;
	background-image: url(search_boxbg.png);
	background-repeat: no-repeat;
}
#search_input {
	float: left;
	height: 32px;
	width: 160px;
	line-height: 32px;
	padding-left: 13px;
}

.nowrap {
	float: left;
	height: 30px;
	width: 160px;
	color: #FFFFFF;
	line-height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
	background-color: transparent;
}
#search_btn {
	float: left;
	height: 20px;
	width: 20px;
	background-color: transparent;
	padding-top: 5px;
	padding-left: 2px;
}
#menu {
	font-size: 18px;
	line-height: 48px;
	color: #FFFFFF;
	height: 50px;
	width: 100%;
	background-image: url(menubg.png);
	position: absolute;
	bottom: 0px;
}
#top_inner {
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
}

#menu_inner {
	height: 50px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
/*
#menu_inner li {
	list-style-type: none;
	float: left;
	padding-right: 29px;
	padding-left: 29px;
}
*/
/*menu*/

/*menu*/
#nav {margin:0 auto; width:1300px;display:block; position:absolute; z-index:152; height:50px;} /*主菜单最外层容器*/
/*主菜单项目*/
#nav .mainlevel {float:left; list-style:none/*IE6 only*/; height:auto;width:134px;} 
#nav .mainlevel1 {
	float:left;
	list-style:none/*IE6 only*/;
	height:auto;
	width:80px;
}
#nav .mainlevel a {
	color:#ffffff;
	font-family:'微软雅黑';
	font-size:18px;/*一级菜单链接*/
	line-height:50px;
	height:50px;
	display:block;
	padding:0;
	width:100%;
	text-align:center;
	margin:0px;
	background-image: url(menu_libg.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#nav .mainlevel1 a {color:#ffffff; font-family:'微软雅黑'; font-size:18px;  /*一级菜单链接*/;
                   line-height:50px; height:50px; display:block; padding:0; width:100%; text-align:center; margin:0px;
	}
#nav .mainlevel a:hover {
	text-decoration:none;
}
#nav .mainlevel1 a:hover {
	text-decoration:none;
}
/*子菜单*/
#nav .mainlevel ul {
	display:none;
	background-color:#0c125e;
	width:134px;
	margin:0px;
	padding:0;
} 
#nav .mainlevel li {width:100%; list-style:none;/*IE6 only*/; height:auto; padding:0;}
/*子菜单连接*/
#nav .mainlevel ul li a{
	color:#ffffff;
	font-size:16px;
	font-weight:normal; /*二级菜单链接*/
	border-bottom:#BBB dashed 1px;
	text-align:center;
	width:100%;
	line-height:40px;
	height:40px;
	margin:0;
	background-image: none;}

/*鼠标经过子菜单*/
#nav .mainlevel ul li a:hover{background-color:#132e95;background-image:none}

#wrap {
	width: 100%;
	clear: both;
}
.inner {
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
#wrap_r1 {
	margin-bottom: 15px;
	background-color: #FFFFFF;
	clear: both;
	padding-top: 35px;
	padding-right: 15px;
	padding-left: 15px;
	height: 370px;
}
#wrap_r1_c1 {
	float: left;
	width: 825px;
}
#wrap_r1_c2 {
	float: right;
	height: 370px;
	width: 400px;
	position: relative;
}
#title_box {
	height: 40px;
}

#title_box .title_l {
	font-size: 24px;
	color: #2553b3;
	background-position: 0px center;
	float: left;
	padding-left: 5px;
	line-height: 36px;
	height: 40px;
	background-color: #FFFFFF;
	padding-right: 10px;
}
#title_box .title_r {
	float: right;
	font-size: 14px;
	line-height: 40px;
}

.clearfix {
	clear: both;
}
#banner {
	width: 1500px;
	margin-right: auto;
	margin-left: auto;
        
}
#list_box {
	padding-top: 10px;
}
#list_box_pic {
	float: left;
	width: 350px;
	padding-top: 7px;
}
#list_box_pic ul li {float:left; display:block;}
#list_box_pic a {
	font-size:15px;
	margin-top:14px;
	font-weight: bold;
	color: #dddddd;
	text-align: center;
}
#list_box_pic a:hover {
	font-size:15px;
	margin-top:14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

/*--Main Container--*/
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.picshow_window {width:360px; height:295px; overflow: hidden; /*--Hides anything outside of the set width/height--*/position: relative;}
.picshow_reel {position: absolute;top: 0; left: 0;}
.picshow_reel li {width:360px; height:295px;  overflow:hidden; position:relative;}
.picshow_intro { width:360px; height:50px; background:url(picshow_intro.png) repeat-x;; position:absolute; bottom:0; left:0;}
.picshow_intro p { line-height:130%; color:#fff; margin-left:15px; margin-right:15px; text-align:center;}
.picshow_intro_head {
	font-size:15px;
	margin-top:14px;
	font-weight: bold;
	text-align: center;
}
/*--Paging Styles--*/
.picshow_paging {position: absolute;bottom:20px; right:25px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center;display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.picshow_paging span { display:block; background:url(picshow_page.png); width:14px; height:14px; float:left; margin-left:10px; cursor:pointer;}
.picshow_paging span.active { background:url(picshow_page.png) right;}

#list_box_pic .pic_title {
	height: 35px;
	width: 284px;
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	background-image: url(pic_titlebg.png);
	font-size: 15px;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
}
#list_box_pic a {
	color: #FFFFFF;
	text-decoration: none;
}
#list_box_pic a:hover {
	color: #00FF00;
}
#list_box_news {
	float: right;
	height: 320px;
	width: 430px;
}


#block_xyxw_key {
	height: 95px;
	background-image: url(dot.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	margin-bottom: 5px;
}
#block_xyxw_key_title {
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}
#block_xyxw_key_title a {
	color: #2553B3;
}
#block_xyxw_key_title a:hover {
	color: #dd0000;
	text-decoration: underline;
}

#block_xyxw_key_des {
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	text-indent: 2em;
}
#block_xyxw_key_des a {
	color: #999999;
}

#block_list {
	clear: both;
	padding: 5px;
	margin-bottom: 7px;
}

#block_list li {
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
	list-style-type: none;
}
.date {
	float: right;
        color: #898989;
}
#title_box UL {
	padding: 0px;
	list-style-type: none;
}
#title_box UL LI {
	float: left;
	list-style-type: none;
	font-size: 24px;
	color: #99afdc;
	line-height: 40px;
	margin-right: 18px;
	height: 42px;
	cursor: pointer;
}
#title_box UL LI.hover {
	float: left;
	list-style-type: none;
	font-size: 24px;
	color: #2553b3;
	line-height: 40px;
	margin-right: 18px;
	height: 42px;
	cursor: pointer;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2553b3;
}

.con_more {
	font-size: 14px;
	line-height: 35px;
	position: absolute;
	z-index: 3;
	top: 5px;
	right: 0px;
}
#tzgg_lists {
	margin-bottom: 15px;
	margin-top: 15px;
}

#tzgg_lists li {
	list-style-type: none;
	height: 50px;
	display: block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}
#tzgg_date {
	background-color: #f3f3f3;
	height: 40px;
	width: 46px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow: hidden;
	float: left;
}
#tzgg_date .day {
	font-size: 16px;
	line-height: 26px;
	height: 16px;
	font-weight: bold;
}
#tzgg_txt {
	float: right;
	width: 300px;
	line-height: 24px;
}

#tzgg_date .year {
	font-size: 12px;
	line-height: 24px;
}
#xshd_box {
	padding-right: 5px;
	padding-left: 5px;
}
#xshd_box li {
	list-style-type: none;
	padding-top: 19px;
	padding-bottom: 8px;
	clear: both;
}

#xshd_pic {
	height: 130px;
	width: 110px;
	float: left;
}
#xshd_txt {
	float: right;
	width: 255px;
	height: 130px;
}

#block_xsyg_title {
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 10px;
}
#block_xsyg_person {
	line-height: 24px;
	font-size: 14px;
	color: #787878;
	background-image: url(xsyg_personbg.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 25px;
}
#wrap_r2 {
	height: 870px;
	background-color: #FFFFFF;
	padding-top: 15px;
}

#block_xsyg_date {
	line-height: 24px;
	font-size: 14px;
	color: #787878;
	background-image: url(xsyg_datebg.png);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding-left: 25px;
}
#block_xsyg_place {
	line-height: 24px;
	font-size: 14px;
	color: #787878;
	background-image: url(xsyg_placebg.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 25px;
}

#title_c {
	font-size: 24px;
	color: #b01821;
	background-image: url(title_box_titlecbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#wrap_r2 {
	background-color: #edecec;
	padding-top: 30px;
	padding-bottom: 30px;
}
#wrap_r2_top {
	height: 60px;
	font-size: 25px;
	color: #246183;
	text-align: center;
}
#wrap_r2_list {
	height: 260px;
}
#kyjx_box {
	height: 410px;
	width: 1250px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 15px;
}

.cloud-product-box{}
.cloud-product-wrapper{margin:0 auto;width:1250px;background:#fff; }
.cloud-product{position:relative;z-index:9;}
.cloud-product-title{ width:300px;height:32px;text-align:center;line-height:32px;font-size:32px;color:#fff}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%;}
.cloud-product-ul li{
	position:relative;
	width:250px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	height:410px;
	float:left;
	background:#fff;
	list-style-type: none;
}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../img/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../img/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../img/product_header_icon_03.png) center no-repeat}

.server-header-active-01{background:url(../img/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../img/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../img/product_header_active_icon_03.png) center no-repeat}


.product-introduce-title{ width:300px; margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{width:230px; position:relative; z-index:9999; padding-top:40px; line-height:18px; text-align:right; font-size:30px;color:#fff;}
.product-introduce-content span{
	display:block;
	font-size:18px;line-height:18px; 
	font-family: Arial, Helvetica, sans-serif;
}
.product-introduce-content strong{ display:block; line-height:30px; padding:10px 0; font-weight:normal;}
.product-introduce-list{
	height:285px;
	width:220px;
	color:#333;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 280px;
	top: 85px;
	position: absolute;
}
.product-introduce-list1{
	height:280px;
	width:220px;
	color:#333;
	text-align:justify;
	top: 85px;
	padding-left: 280px;
	position: absolute;
}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{
	position:absolute;
	top:-32px;
	left:0;
	background:url(bg4.png) no-repeat;
	width:250px;
	height:410px;
	box-sizing:border-box;
	padding-top: 174px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:410px}
.active-inner-01{background:url(pic8.png) no-repeat;}
.active-inner-02{background:url(pic9.png) no-repeat;}
.active-inner-03{background:url(pic10.png) no-repeat;}
.cloud-product-ul li:nth-of-type(1){
background:url(pic8.png) no-repeat;
}
.cloud-product-ul li:hover:nth-of-type(1){
background:url(bg4.png) no-repeat;
}
.cloud-product-ul li:nth-of-type(2){
background:url(pic9.png) no-repeat;
}
.cloud-product-ul li:nth-of-type(3){
background:url(pic10.png) no-repeat;
}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{}
.cloud-product-ul li.active{z-index:9;width:500px; background:#fff;}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{}
.introduce-list-large{margin:0 auto;line-height:30px;font-size:16px; color:#333;}
.introduce-list-large span{
	display:block;
	height:24px;
	width:18px;
	font-size:18px;
	background:url(hjt.png) no-repeat;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}
#ztwz_box {
	height: 100px;
	width: 1290px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#ztwz_box li {
	height: 98px;
	width: 350px;
	border: 1px solid #bbbbbb;
	float: left;
	margin-right: 39px;
	margin-left: 39px;
	list-style-type: none;
}
#ztwz_box a {
	font-size: 18px;
	line-height: 96px;
	display: block;
	height: 98px;
	width: 230px;
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
.ztwz1 {
	background-image: url(ztwz1bg.png);
}
.ztwz2 {
	background-image: url(ztwz2bg.png);
}
.ztwz3 {
	background-image: url(ztwz3bg.png);
}#bottom {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #343434;
	height: 150px;
	width: 100%;
	clear: both;
}
#bottom_inner {
	height: 105px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(bottombg.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 140px;
	padding-top: 25px;
	padding-bottom: 20px;
	line-height: 26px;
}
#bottom_inner a {
	color: #FFFFFF;
	text-decoration: none;
}
#bottom_inner a:hover {
	color: #ede5e5;
}
#bottom_link {
	width: 1070px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #575757;
	padding-top: 5px;
	padding-bottom: 5px;
}
#bottom_linkl {
	float: left;
	width: 70px;
}
#bottom_linkr {
	float: right;
	width: 1000px;
}
#bottom_linkr a {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#bottom_copy {
	width: 1070px;
	padding-top: 5px;
	clear: both;
}


#wrap_r2, #wrap_r3 {
	padding-bottom: 30px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(title_boxbg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 30px;
	margin-right: auto;
	margin-left: auto;
}
#wrap_r2_top, #wrap_r3_top {
	background-color: #FFFFFF;
	color: #2553b3;
	font-size: 25px;
	text-align: center;
	line-height: 60px;
	background-repeat: repeat-x;
	background-position: center center;
	height: 60px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	line-height: 60px;
}

#wrap_r3_list {
	height: 285px;
	padding-top: 15px;}

#more_btn {
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 3px;
}
#more_btn a {
	display: block;
	width: 120px;
	border: 1px solid #4285AA;
	font-size: 15px;
	line-height: 32px;
}
#more_btn a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4285AA;
}
#bottom2 {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #343434;
	height: 230px;
	width: 100%;
	clear: both;
}
#bottom2_inner {
	height: 185px;
	width: 1260px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 20px;
	line-height: 30px;
	color: #aaaaaa;
}
#bottom2_top {
	font-weight: bold;
	color: #FFFFFF;
}
#bottom2_left {
	float: left;
	width: 280px;
	height: 180px;
	margin-right: 180px;
}
#bottom2_left li {
	list-style-type: none;
}

#bottom2_left a {
	color: #aaaaaa;
	float: left;
	width: 140px;
	line-height: 27px;
}
#bottom2_left a:hover {
	color: #ffffff;
}

#bottom2_center {
	float: left;
	width: 300px;
}

#bottom2_center li {
	float: left;
	width: 285px;
	list-style-type: none;
}
select.sty1 {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
          border: solid 1px #40b9db;
	/*很关键：将默认的select选择框样式清除*/
          appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
          padding-right: 35px;
	height: 25px;
	width: 240px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(selectbg.png);
	background-repeat: no-repeat;
	background-position: right center;	color: #666666;
	padding-left: 15px;
	font-family: "微软雅黑";
	margin-top: 10px;
	margin-bottom: 10px;
        }
        
        
        /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
        select.sty1::-ms-expand { display: none; }
#bottom2_right {
	float: right;
	width: 300px;
}
#bottom2_right a {
	color: #aaaaaa;
	text-decoration: none;
}
#bottom2_right a:hover {
	color: #dddddd;
	text-decoration: underline;
}

#wrap_r3_2 {
	padding-bottom: 40px;
}
#wrap_r3_left {
	float: left;
	width: 600px;
        margin-left:20px;
}
#wrap_r3_right {
	float: right;
	width: 600px;
        margin-right:20px;
}
#wrap_r3_block_top {
	background-image: url(title_boxbg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 30px;
	text-align: center;
	height: 60px;
	line-height: 60px;

}
#wrap_r3_block_top_l {
	background-color: #FFFFFF;
	color: #2553b3;
	font-size: 25px;
	text-align: center;
	line-height: 60px;
        float:left;
        padding-left:10px;
        padding-right:10px;

}
#wrap_r3_block_top_r {
	background-color: #FFFFFF;
	text-align: center;
	line-height: 60px;
        float:right;
        padding-left:10px;

}