﻿/*common*/

body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong,input,button { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }

body { font-size: 12px; font-family: 'Microsoft YaHei'; color: #666; background: #fff; }

a{ color: #666; outline:0;blr:expression(this.onFocus=this.blur());}



a:hover { color: #f13a3a; text-decoration: underline; }

p { line-height: 1.8em; padding: 5px 0; }

h2 { font-size: 14px; }

.clear { margin: 0; padding: 0; font-size: 0; clear: both; }

.wapper { width: 1200px; margin: 0 auto; }

.wapper02 { width: 1200px; margin: 0 auto; }





		


.inside_right_con{ position:relative; z-index:1;}

.inside_fl {position: relative;z-index: 2;margin-top: 15px; border:#e7e7e7 solid 1px; padding:10px 24px; height:90px;}

.inside_fl .list {width: 230px;float: left;position: relative; height:30px; line-height:30px;}

.inside_fl .list h2 {height: 30px;line-height: 30px;font-weight: normal;color: #333;position: relative;z-index: 1;padding-left: 30px;}

.inside_fl .list dl {border:1px solid #ddd; background:#fff;padding: 10px;width: 80%;position: absolute;left: 0px;top: 30px;z-index: 2;display: none;}

.inside_fl .list dl dt {height: 6px;font-size: 0px;width: 11px;margin: -16px auto 0px;padding-bottom: 10px;}

.inside_fl .list dl dd {line-height: 22px;float: left;width: 50%;}

.inside_fl_01 {background: url(../images/dao_01.gif) 0px  center no-repeat;}

.inside_fl_02 {background: url(../images/dao_02.gif) 0px  center no-repeat;}

.inside_fl_03 {background: url(../images/dao_03.gif) 0px  center no-repeat;}

.inside_fl_04 {background: url(../images/dao_04.gif) 0px  center no-repeat;}

.inside_fl_05 {background: url(../images/dao_05.gif) 0px  center no-repeat;}

.inside_fl_06 {background: url(../images/dao_06.gif) 0px  center no-repeat;}

.inside_fl_07 {background: url(../images/dao_07.gif) 0px  center no-repeat;}

.inside_fl_08 {background: url(../images/dao_08.gif) 0px  center no-repeat;}

.inside_fl_09 {background: url(../images/dao_09.gif) 0px  center no-repeat;}

.inside_fl_10 {background: url(../images/dao_10.gif) 0px  center no-repeat;}

.inside_fl_11 {background: url(../images/dao_11.gif) 0px  center no-repeat;}

.inside_fl_12 {background: url(../images/dao_12.gif) 0px  center no-repeat;}

.inside_fl_13 {background: url(../images/dao_13.gif) 0px  center no-repeat;}

.inside_fl_14 {background: url(../images/dao_14.png) 2px  center no-repeat;}



#afp { height:0px; padding-top:0px; background-color:#FFF4DB; border-bottom:1px solid #cdd6e8; position:relative; width:100%; min-width:1100px; overflow:hidden; }

#afp .afpc { width:100%; margin:0 auto; }

#afp p { text-align:center; height:33px; line-height:33px; vertical-align:middle; color:#747474; font-size:12px; padding:0; margin:0;}

#afp .afpc a { vertical-align:middle; display:inline-block; width:100px; height:32px; text-indent:-999em; overflow:hidden; background-image:url(../images/afp_btn.png); background-repeat:no-repeat; }

.afpc .afpa { background-position:0 -33px; margin-right:10px; }

.afpc .desktop { background-position:-102px -33px; }

.afpc a.afpa:hover { background-position:0 0px; }

.afpc a.desktop:hover { background-position:-102px 0px; }

.close_area { position:absolute; right:47px; top:9px; _top:5px; height:16px; width:16px; line-height:20px; }

#nlraf { color:#6f8193; cursor:pointer; margin-right:10px; }

#check_nlraf { position:relative; top:2px; margin-right:5px; }

#cafp { vertical-align:middle; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:9999em; background:url(../images/afp_close.png) no-repeat 3px 2px }

#cafp:hover { background-position:-30px 2px }

















.right-menu-bar {

	position:fixed;

	_position:absolute;

	_top:expression(eval(document.documentElement.scrollTop));

	right:0px;

	bottom:0;

	width:38px;

	height:100%;

	

	z-index:11000;

	-webkit-transition:all .4s;

	transition:all .4s

}

#J_rightBarMenuContainer {

	background:url(../images/tiao.jpg) center top no-repeat;

	height:100%;

	padding-top:166px;

	z-index:100;

	position:relative

}

#rightMenuBar2016 .right-menu {

	color:#fff;

	font-size:12px;

	padding-top:36px;

	padding-bottom:5px;

	display:block;

	text-align:center;

	background-repeat:no-repeat;

	background-image:url(../images/right-menu-icons.png)

}

#rightMenuBar2016 .right-menu.hover,#rightMenuBar2016 .right-menu:hover {

	background-color:#fff;

	color:#f13a3a; text-decoration:none;

}

#rightMenuBar2016 .shopping-car {

	background-position:7px 14px

}

#rightMenuBar2016 .shopping-car .txt {

	display:inline-block;

	*display:inline;

	*zoom:1;

	width:20px;

	text-align:center

}

#rightMenuBar2016 .shopping-car .count {

	display:inline-block;

	*display:inline;

	*zoom:1;

	height:24px;

	width:24px;

	text-align:center;

	line-height:24px;

	background-image:url(../images/right-menu-icons.png);

	background-position:-685px 0;

	color:#ff7e00;

	font-weight:700;

	margin-top:5px

}

#rightMenuBar2016 .shopping-car.hover,#rightMenuBar2016 .shopping-car:hover {

	background-position:7px -92px

}

#rightMenuBar2016 .shopping-car.hover .count,#rightMenuBar2016 .shopping-car:hover .count {

	color:#fff;

	background-position:-685px 26px

}



#rightMenuBar2016 .liucheng {

	background-position:9px -94px

}

#rightMenuBar2016 .liucheng.hover,#rightMenuBar2016 .liucheng:hover {

	background-position:9px -94px

}



#rightMenuBar2016 .user {

	background-position:-90px -92px

}

#rightMenuBar2016 .user.hover,#rightMenuBar2016 .user:hover {

	background-position:-90px -92px

}

#rightMenuBar2016 .kf {

	background-position:-189px -92px

}

#rightMenuBar2016 .kf.hover,#rightMenuBar2016 .kf:hover {

	background-position:-189px -92px

}

#rightMenuBar2016 .qq {

	background-position:-290px -94px; 

}

#rightMenuBar2016 .qq.hover,#rightMenuBar2016 .qq:hover {

	background-position:-290px -94px

}

#rightMenuBar2016 .phone {

	background-position:-871px -92px;

	margin-top:7px

}

#rightMenuBar2016 .phone.hover,#rightMenuBar2016 .phone:hover {

	background-position:-871px -92px

}

#rightMenuBar2016 .charge {

	background-position:-388px -97px;

	margin-top:7px

}

#rightMenuBar2016 .charge.hover,#rightMenuBar2016 .charge:hover {

	background-position:-388px -97px

}





#rightMenuBar2016 .gong-dan {

	background-position:-483px -94px

}

#rightMenuBar2016 .gong-dan.hover,#rightMenuBar2016 .gong-dan:hover {

	background-position:-483px -94px

}

#rightMenuBar2016 .back-top {

	background-position:-579px 11px;

	position:absolute;

	bottom:80px;

	right:0;

	width:38px;

	opacity:0;

	-ms-filter:alpha(opacity=0);

	filter:alpha(opacity=0);

	zoom:1;

	-webkit-transition-property:opacity,postion;

	transition-property:opacity,postion;

	-webkit-transition-duration:.6s;

	transition-duration:.6s;

	z-index:100;

	padding-top:18px

}

#rightMenuBar2016 .back-top-visible {

	-ms-filter:alpha(opacity=100);

	filter:alpha(opacity=100);

	zoom:1;

	opacity:1

}

#rightMenuBar2016 .back-top.hover,#rightMenuBar2016 .back-top:hover {

	background-position:-579px -95px

}

#rightMenuBar2016 .collapse-right-bar,#rightMenuBar2016 .expand-right-bar {

	position:absolute;

	bottom:40px;

	right:0;

	z-index:100;

	background-image:none;

	text-align:center;

	display:block;

	padding-top:0;

	padding-bottom:0;

	width:38px;

	font-size:16px

}

#rightMenuBar2016 .collapse-right-bar {

	background-image:url(../images/right-menu-icons.png);

	background-repeat:no-repeat;

	background-position:-776px 13px;

	height:40px

}

#rightMenuBar2016 .collapse-right-bar:hover {

	background-position:-776px -91px

}

#rightMenuBar2016 .expand-right-bar {

	right:-40px;

	height:40px;

	width:40px;

	background:url(../images/iconindex.jpg) no-repeat;

	z-index:99;

	-webkit-transition:all .6s;

	transition:all .6s;

	_display:none

}

#rightMenuBar2016.mini-right-menu-bar {

	right:-40px

}

#rightMenuBar2016.mini-right-menu-bar .expand-right-bar {

	right:40px;

	_display:block

}

#rightMenuBar2016 .concat-phone-container {

	position:absolute;

	right:-500px;

	top:330px;

	background-color:#fff;

	border:1px solid #dddcdd;

	border-right:0;

	-webkit-transition:all .6s;

	transition:all .6s;

	padding:20px 30px 20px 25px;

	width:234px

}

#rightMenuBar2016 .active-concat-container {

	right:38px

}

#rightMenuBar2016 .concat-phone-container .close {

	position:absolute;

	top:9px;

	right:0;

	width:26px;

	height:26px;

	cursor:pointer;

	background:url(../images/ie6-icon.jpg) no-repeat center right #fff;

	background-position:0 -338px

}

#rightMenuBar2016 .concat-phone-container .title {

	font-size:20px;

	height:44px;

	vertical-align:bottom;

	line-height:44px;

	padding-left:40px; font-weight:normal;

	background:url(../images/right-menu-tel.png) left center  no-repeat;

}

#rightMenuBar2016 .concat-phone-container .phone-num {

	color:#ff7800;

	line-height:30px;

	height:30px; padding-left:3px;

	font-size:18px;

}

#rightMenuBar2016 .concat-phone-container ul {

	border-top:1px dotted #e6e7e8;

	border-bottom:1px dotted #e6e7e8;

	color:#494949; height:48px; padding:10px 0px;

	}

#rightMenuBar2016 .concat-phone-container ul li {

	float:left;

	width:50%; line-height:24px; color:#aaa;

}



#rightMenuBar2016 .concat-phone-container .concat-desc {

	line-height:18px;

	color:#909090;

	padding-left:5px

}

#rightMenuBar2016 .concat-phone-container .concat-desc .blue-color {

	color:#378cd2

}

@media screen and (max-height:700px) {

	#rightMenuBar2016 .back-top {

	bottom:40px

}

#rightMenuBar2016 .collapse-right-bar,#rightMenuBar2016 .expand-right-bar {

	bottom:0

}

}

@media screen and (max-width:1206px) {

	#header2016 .lt-tab li {

	width:346px

}

#header2016 .lt-tab li.item-middle {

	width:270px

}

#header2016 .lt-tab li.item-width {

	width:250px

}

#header2016 .menu-container.large .menu-wrapper .col-cloud-server {

	width:535px

}

#header2016 .main-nav-wrapper li a.nav-menu {

	padding:0 4px

}

#header2016 .nav-content dl dd a {

	width:88px

}

#header2016 .nav-content .menu-wrapper {

	margin-right:451px

}

#header2016 .nav-content .menu-wrapper dl:after,#header2016 .nav-content .menu-wrapper dl::after {

	display:none

}

#header2016 .ques-advert-wrapper {

	width:451px

}

#header2016 .ques-advert-wrapper dl dd a {

	width:170px

}

#header2016 .ques-advert-wrapper .question-wrapper {

	margin:0 10px

}

}

.desktop {

	}

.desktop #header2016 .lt-tab li {

	width:346px

}

.desktop #header2016 .lt-tab li.item-middle {

	width:270px

}

.desktop #header2016 .lt-tab li.item-width {

	width:250px

}

.desktop #header2016 .menu-container.large .menu-wrapper .col-cloud-server {

	width:535px

}

.desktop #header2016 .main-nav-wrapper li a.nav-menu {

	padding:0 4px

}

.desktop #header2016 .nav-content dl dd a {

	width:88px

}

.desktop #header2016 .nav-content .menu-wrapper {

	margin-right:451px

}

.desktop #header2016 .nav-content .menu-wrapper dl:after,.desktop #header2016 .nav-content .menu-wrapper dl::after {

	display:none

}

.desktop #header2016 .ques-advert-wrapper {

	width:451px

}

.desktop #header2016 .ques-advert-wrapper dl dd a {

	width:170px

}

.desktop #header2016 .ques-advert-wrapper .question-wrapper {

	margin:0 10px

}








#rightMenuBar2016 .concat-phone-container dl{border-top:1px solid #e6e7e8;border-bottom:1px solid #e6e7e8;padding:5px 0px;margin:5px 0;color:#494949; height:30px;}

#rightMenuBar2016 .concat-phone-container dl dd{ float:left; width:50%;}

#rightMenuBar2016 .concat-phone-container dl dd.zxf a{display:block;padding-left:33px; font-size:14px; color:#666;background: url(../images/kefu_0155.png) 0px center no-repeat; height:30px; line-height:30px;}

#rightMenuBar2016 .concat-phone-container dl dd.zxf a:hover{ color:#ff7800;text-decoration:none;}

#rightMenuBar2016 .concat-phone-container span{ line-height:18px; color:#909090; padding-left:5px; display:block;}

#rightMenuBar2016 .concat-phone-container span a{ color:#ff7800;}

#rightMenuBar2016 .concat-phone-container .title{ text-align:left;padding-top:0;}







  .tcxz_top{ position:relative;  width:1200px; margin:0 auto; background:url(../images/tcxz_bg.png) repeat;}

                .tcxz_line { position: absolute; border-top: 5px solid #f13a3a; top: -5px; left: 420px; height: 5px; width: 157px; }

                .tcxz_top table { border: solid #f0f0f5 1px; border-bottom: none; border-left: none; text-align: center; font-size: 16px; color: #000; }

                .tcxz_top table tr td { border-bottom: solid #f0f0f5 1px; border-left: solid #f0f0f5 1px; }

                .tcxz_top table tr td span { display: block; margin-bottom: 24px; color: #333; }

                .tcxz_top table tr td a { display: block; background: #f13a3a; border-radius: 19px; width: 120px; height: 38px; line-height: 38px; margin: 0 auto; color: #fff; }

                .tcxz_top table tr td a:hover { background: #f13a3a; text-decoration: none; }

                .tcxz_top table tr td img { width: 30px; height: 30px; position: absolute; top: -8px; }

                .table-classic-area { width: 116px; height: 82px; position: absolute; left: 50%; top: 50%; margin-left: -58px; margin-top: -42px; color: #000; background:url(../images/pri_xx.png) center no-repeat; }

                /*.table-classic-area .f-tri { position: absolute; left: 0; top: 0; z-index: 0; border-right: solid transparent 58px; border-left: solid #e3e3e6 58px; border-top: solid transparent 41px; border-bottom: solid #e3e3e6 41px; }

                .table-classic-area .f-whiteTri { top: 1px; border-bottom-color: #fff; border-left-color: #fff; }*/

                .table-classic-top, .table-classic-bottom { width: auto; height: auto; position: absolute; z-index: 1; }

                .table-classic-top { top: 0; right: 0; }

                .table-classic-bottom { bottom: 0; left: 0; }

                .tcxz_tab1 { border: solid #f0f0f5 1px; border-bottom: none; border-left: none; border-top: none; text-align: center; font-size: 14px; color: #000; }

                .tcxz_tab1 tr td { border-bottom: solid #f0f0f5 1px; border-left: solid #f0f0f5 1px; }

                .tcxz_tab1 tr td strong { color: #f13a3a; font-size: 22px; font-weight: normal; padding-right: 5px; }

                .tcxz_tab1 tr td span { display: block; text-align: left; padding-left: 20px; line-height: 30px; position: relative; }

                .tcxz_tab1 tr td img.tcxz_yes { width: 20px; height: 20px; position: absolute; top:6px;padding-left:5px;  }

                .tcxz_tab1 tr td img.tcxz_no { width: 12px; height: 12px; position: absolute; top: 10px; padding-left:5px; }

                .tcxz_tab1 tr td i { display: inline-block; font-weight: normal; width: 60px; text-align: left;font-style: normal; float: left; padding-top: 10px;}

                .tcxz_tab2 { border: solid #f0f0f5 1px; border-bottom: none; border-left: none; margin-top: 5px; text-align: center; font-size: 14px; color: #000; }

                .tcxz_tab2 tr td { border-bottom: solid #f0f0f5 1px; border-left: solid #f0f0f5 1px; }

                .tcxz_que { position: relative; }

                .tcxz_que b { position: absolute; top: 0px; background: url(../images/jiage_03.png) center no-repeat; height: 20px; width: 20px; }

                .tcxz_que b span { width: 150px; display: block; background: #fff; border: #ddd solid 5px; position: absolute; bottom: 20px; left: -82px; font-size: 12px; font-weight: normal; line-height: 20px; padding: 10px; cursor: auto; display: none; text-align:left;}

                .tcxz_que b span img { position: absolute; bottom: -5px; left: 83px; z-index: 99; }

                

                 .tcxz_que b p { width: 150px; display: block; background: #fff;z-index: 99; border: #ddd solid 5px; position: absolute; bottom: 20px; left: -82px; font-size: 12px; font-weight: normal; line-height: 20px; padding: 10px; cursor: auto; display: none;  text-align:left;}

                .tcxz_que b p img { position: absolute; bottom: -5px; left: 83px; z-index: 99; }

                

                

                

                

                

                

                

                

                

                

                

                 .right_kefu { border: 1px solid #dddcdd; background: #fff; border-right: 0px; position: fixed; top: 200px; right: -154px; width: 132px; padding: 10px;-webkit-transition:all .6s;

	transition:all .6s; }

        .right_kefu1 { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #c0c0c0; }

        .right_kefu1 h2 { height: 25px; font-size: 16px; color: #333; background: url(../images/right_kefu_tel.png) left top no-repeat; padding-left: 25px; }

        .right_kefu1 i { display: block; padding: 5px 0px; font-weight: bold; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #c00; font-size: 18px; }

        .right_kefu2 span { display: block; line-height: 18px; }

        .right_kefu2 { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #c0c0c0; }

        .right_kefu2 h2 { height: 30px; font-size: 16px; color: #333; background: url(../images/right_kefu_qq.png) left top no-repeat; padding-left: 25px; }

        .right_kefu2 ul li { height: 25px; line-height: 25px; }

        .right_kefu2 ul li img { vertical-align: middle; padding-right: 3px; }

        

        

        .right_kefu2 ul{ padding-top: 8px; margin-top: 8px; border-top: 1px dashed #c0c0c0;}





