*{padding: 0; margin: 0;}
html{ height: 100%; }
body{ font-family:microsoft yahei,Verdana; background-color: #fff; font-size:15px; height: 100%;}
img{ border:none; font-size: 0; display: block; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black; }
li{ list-style: none; }
li{list-style: none;}
.construct{ width: 100%; position: relative; }
.container{ width: 100%; margin: 0 auto; position: relative; padding: 0;}

#container { width:100%; min-width:1200px; margin:0 auto;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#header_1{ min-width:1200px; height: 98px; border-bottom: #c9c9c9 2px solid; z-index: 9999;}
#header{ height: 98px; border-bottom: #c9c9c9 2px solid; position: fixed; background:#FFFFFF; z-index: 9999;}
#header_content{ width:1200px; position: relative; z-index: 10; margin:0 auto;}
#header_logo{width: 206px; height: 65px; position: absolute; top: 16px; left: 2px; background-image: url('../images/richang_logo.png');z-index: 1000;}
#header_right{ float:right;}

.phoner-nav { display: none; }
.mian-nav {  position: absolute; top: 0; left: 45%; margin-left: -290px;}
.mian-nav ul li a{ font-size: 16px; color:#141414; line-height: 22px; display: block;  text-align: center;  white-space: nowrap; padding: 39px 32px;}
.mian-nav ul li { float: left; overflow: hidden; position: relative;}
.mian-nav ul li.br-right { background: url(../images/nav-rightbg.png) no-repeat right center; }
.mian-nav ul li:hover {padding-bottom:  36px;}
.mian-nav ul li>a:hover{
    background: #009cad;
    color:#fff;
}
.mian-nav ul li.onli>a{
    background: #009cad;
    color:#fff;
}
.mian-nav ul li.on a{
    background: #009cad;
    color:#fff;
}
.mian-nav ul li.servernav { position: relative; overflow: inherit; }
.mian-nav ul li.servernav dl { position: absolute; top: 99px; left: 50%; width:128px;margin-left: -64px; visibility: hidden;}
.mian-nav ul li.servernav dl dd{
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: all 0.2s;
    transform-origin: 50% 0;
    background-color: rgba(255,255,255,0.8)
}

.mian-nav ul li.servernav dl dd:nth-of-type(1){
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(2){
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(3){
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(4){
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(5){
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(6){
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.mian-nav ul li.servernav dl dd:nth-of-type(7){
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;

}
.mian-nav ul li.servernav.onli dl{
    visibility: visible;
}
.mian-nav ul li.servernav.onli dl dd{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(1){
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(2){
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(3){
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(4){
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(5){
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(6){
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.mian-nav ul li.servernav.onli dl dd:nth-of-type(7){
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.mian-nav ul li.servernav dl dd a{ margin-top: 0px; display: block; width: 100%; text-align: center; padding: 0;color:#444; font-size:15px;}
.mian-nav ul li.servernav dl dd a:hover{ background: #009cad; color: #fff;  }
.mian-nav ul li.servernav dl dd a span {display:block;margin:0 15px; line-height: 42px; }
.mian-nav ul li.servernav dl dd a:hover span { background: url(../images/xl-navba01.png) no-repeat right center;}
.mian-nav ul li.servernav dl dd a span img { display: inline-block; *display: inline; *zoom: 1; padding: 8px 10px 8px 0; }
.mian-nav ul li.servernav .tsli{ overflow: hidden; width: 100%; height: 2px;position: absolute; left: 0;}
.mian-nav ul li.servernav.onli { padding-bottom: 40px;}
.dropcar-down { display: none; position: fixed; left: 0%; top: 98px; height:auto; background-color: rgba(255,255,255,0.95);
    background: url(../images/newnav-bg01.png) repeat\9;
    /**background-color: #f8f8f8;*/
    z-index: 99;
    width: 100%;
    *zoom: 1; padding: 0 0 2%;
}
.dropcar-down .cpbx-center{ width: 1200px; margin: 0 auto; overflow: hidden; display: none;}
.dropcar-down .cpbx-center .ca-product { padding-bottom: 1%; }
.dropcar-down .cpbx-center .ca-product .pt-logo{
    width: 10%; margin: 25px 0 0 80px;
    display: inline-block;
    vertical-align: top;
    font-size:20px; 
	color:#009cad;
	font-weight:bold; text-align:right;
}
.dropcar-down .cpbx-center .ca-product .pt-Models{
    width: 68%;
    display: inline-block;
    vertical-align: middle;
	position: absolute; left: 45%; margin-left: -255px; margin-top:25px;
}
.dropcar-down .cpbx-center .ca-product .pt-Models ul li{
    display: inline-block;
    padding-bottom: 0px;
    vertical-align: middle;
	height:22px;
	margin:-5px 0px 10px 10px;
}
.dropcar-down .cpbx-center .ca-product .pt-Models ul li a{ display: block; line-height:20px; padding:0px 0px 0px 10px; background: url(../images/subicon.png) no-repeat left center;}
.dropcar-down .cpbx-center .ca-product .pt-Models ul li a img{ display: block; width: 100%; padding-bottom: 0px; }
.dropcar-down .cpbx-center .ca-product .pt-Models ul li a p{ text-align: center; font-size: 15px; line-height:30px;}
.dropcar-down .cpbx-center .ca-product .pt-Models ul li a .car-price{ display: block; text-align: center; color:#141414; font-size: 14px; }
.dropcar-down .cpbx-center .ca-product .pt-Models ul li a .car-price span { display: inline-block; *display: inline; *zoom:1; font-weight: bold;}
.dropcar-down .cpbx-center .ca-product .pt-Models ul li:hover{ color:#009cad;}
.dropcar-down .rxhd{
    max-width:1440px;
    width: 80%;
    position: relative;
}
.dropcar-down .rxhd .rxhd-list{
    margin-right: 6em;
    margin-top: 3%;
}
.dropcar-down .rxhd .rxhd-list li{
    float: left;
    width: 23%;
    *width: 22.9%;
    margin:0 1%;
}
.dropcar-down .rxhd .rxhd-list li a{
    display: block;
    width: 100%;
    overflow: hidden;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.dropcar-down .rxhd .rxhd-list li img{
    display:block;
    width:100%;
}
.dropcar-down .rxhd .rxhd-list li span{
    display: block;
    font-size: 15px;
    color:#333;
    text-align: center;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 20px;
}
.dropcar-down .rxhd .rxhd-list li a:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.dropcar-down .rxhd .rxhd-list li a:hover span{
    color:#062c70;
}
@media (max-width: 1600px) {
    .dropcar-down .rxhd .rxhd-list li a span{
        font-size: 12px;
    }
}
.dropcar-down .rxhd .link-rxhd{
    position: absolute;
    right: 0;
    top:40%;
    width: 6em;
    text-align: right;
    font-size: 16px;
    color:#062c70;
}

.hnav{}
.fl{float: left;}

.hnav li {
	float: left;
	margin-right: 60px;
	text-align: center;
	line-height:98px;
	font-size: 16px;	
}
.hnav li a{
	color: #444444;
}
.hnav li a.hover{
	color: #14a0af;
	font-size: 18px;
}
.hnav li.hover{
	border-bottom: 2px solid #014099;
	height:68px;
}

.hnav li{position: relative;}
.subnav{
	display: none;
	background: #fefefe;
	position: absolute;
	top: 98px;
	left: 0;
	border-top: 3px solid #eaeaea;
	padding:0 22px 26px 0;
	z-index: 999;
	width: 362px;
}
.subnav dd {
	float: left;
	margin-left: 22px;
	background: url(../images/subicon.png) no-repeat left center;
	padding-left: 15px;
	line-height: normal;
	margin-top: 25px;
	font-size: 14px;
	display: block !important;
}
.subpro{width: 562px;}
.subjoin{left: -40px;width: 380px;}
 
.search{
	position: relative;
	margin:22px 0px 0px 0px;
}

.search input.txt{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 0;
	height: 30px;
	border:none;
	color: #444;
	text-indent: 2em;
	border-radius: 20px;
	box-shadow: 0 0 5px #ddd;
	outline:none;
}
.search input.submit{
	width: 75px;
	height: 50px;
	background: url(../images/sbtn.jpg) no-repeat center center;
	border:none;
	outline:none;
}

#header_nav{position: absolute; top: 40px; width: 100%;}
#header_menu_list{width: auto; height: 68px; margin-left: 208px; margin-bottom: 0; position: relative;}
.header_menu_list{width: 12%; height: 68px; float: left; line-height: 68px; text-align: center; font-size: 14px; color: #8e8e8e; position: relative;}
.header_menu_list a{ height: 68px; width: 100%; display: inline-block; text-decoration: none; transition: font-size 0.2s, color 0.5s;}
.header_menu_list_checked a{ font-size: 18px; color: #009cad;}
.header_menu_list span{height: 22px; width: 2px; background-color: #ececec; position: absolute; left: 0; top: 23px;}
.header_menu_list a:hover{font-size: 18px; color: #009cad;}
#header_menu_details{overflow: hidden; display:none; position: absolute; background-color: #f3f3f3; width: 100%;height: 170px; background: url('../images/nav_nemu_bg.png'); background-size:contain;/*background-repeat: repeat-x;*/}
.header_detail_container{width: 1000px; height: 170px; position: absolute; top: 0; left: 0;}
#header_menu_details_box{ width: 1000px; height: 170px; margin: 0 auto; overflow: hidden; position: relative;}
#header_menu_details_mask{width: 6000px; height: 170px; position: absolute;}
.header_detail_box{float: left;}
.header_detail_box{width: 170px; height: 170px; cursor: pointer;}
.header_detail_img{width: 160px; height: 75px; background: url('../images/nav_yang.jpg'); background-size: cover; margin: 25px 0 10px 10px; }
.header_detail_imgCover{ width: 160px; height: 75px; background: url('../images/30percentblackbg.png') repeat; }
.header_detail_title img{ display: inline-block; margin-right: 8px;}
.header_detail_title{ text-align: center; color: #878787; font-size: 14px;}
.main{ width: 100%; }
/*#footer{ width: 100%; height: 606px; background:url('../images/footer.jpg') no-repeat; background-size: cover; background-position: center center; }*/
#footer{ width: 100%; height: auto; border-top:#009cad 5px solid; background-color: #0c4d64; margin:0 auto;}
#footer_container{ width: 1200px; height: auto; margin: 0 auto;  overflow: hidden; /*background-color: orange;*/}
#footer_menu{ margin-top:55px; width: 100%;height: auto;  font-weight: lighter;}
.footer_menu{ width: auto; height: auto; float: left; color: #009cad; font-size: 16px; margin-left: 110px; cursor: pointer;}
.footer_menu a{ color: #009cad; }
.footer_menu_fi{ margin-left: 0; color: #fff;}
.footer_menu_fi a{ color: #fff; }
.footer_menu_list{ list-style: none; font-size: 14px; color: #fff; margin-top: 2px;}
.footer_menu_list a{ color: #fff; }
.footer_menu_list_fi{ margin-top: 14px; }
#footer_line{ width: 100%; height: 0px; border-top: #009cad 1px solid; margin: 15px 0 35px 0; }
.footer_mid_map_title{ font-size: 20px; color: #009cad; }
.footer_mid_map{width: 240px; height: 189px; background: url('../images/footer_map.png') no-repeat; background-size:contain; background-position: right bottom; float: left;}
.footer_mid_add{ margin-top: 50px; margin-left: 25px; width: 400px; height: auto; float: left;}
.footer_mid_add p{ display: inline-block; font-size: 14px; color: #fff; line-height: 22px;}
.footer_mid_shares{float: left; margin-left: 50px;}
.footer_mid_share_title{ font-size: 20px; color: #009cad; }
.footer_mid_share_discription{ color: #fff; font-size: 14px; margin-top: 20px; }
.footer_mid_share_discription span{ margin-left: 50px; }
.footer_mid_share_price{width: 100%; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 38px; font-family: DIN,Verdana,sans-serif;}
.footer_mid_share_price span{ font-size: 12px; }
#footer_copy{ width: 100%; height: 70px; background-color: #033040;}
#footer_copy_container{ width: 1200px; height: 70px; margin:0 auto; }
.footer_copy_l{ float: left; font-size: 14px; color: #fff; line-height: 70px; }
.footer_copy_r{ float: right; font-size: 14px; color: #fff; line-height: 70px; }
.footer_copy_r span{ font-weight: bold; }
.footer_copy_m{ float: left; margin-left: 173px; color: #fff; line-height: 70px; font-size: 14px; }

.col-lg-4 {
float:left;
width:29%;
margin-right:5%;
}
.footpanel{ width:100%; float:left;padding:5% 5%;}
.footpanel h4{ font-size:25px; color:#009cad; font-family:microsoft yahei,Verdana; border-bottom:1px solid #b6b6b6; padding:10px 0; margin-bottom:10px; text-align:left;}
.footpanel ul li{ font-size:15px; color:#ffffff; font-family:microsoft yahei,Verdana; line-height:24px; padding-bottom:5px;}
.footpanel ul li span{ font-weight:bold;}
.footpanel ul li input[type=text]{ width:100%; background:#e1e1e1; color:#959595; height:32px; border:0; line-height:32px; text-indent:20px;}
.footpanel ul li textarea{ width:100%; background:#e1e1e1; color:#959595; height:77px; border:0; line-height:32px; text-indent:20px;}
.footpanel ul li input[type=submit]{ background:#d0101b; border:0; width:50%; font-size:20px; font-weight:bold; color:#fff; height:40px; line-height:40px;}

.footpanel3{ width:100%; float:left;padding:5% 5%;}
.footpanel3 h4{ font-size:25px; color:#009cad; font-family:microsoft yahei,Verdana; border-bottom:1px solid #b6b6b6; padding:10px 0; margin-bottom:10px; text-align:left;}
.footpanel3 ul li{ font-size:15px; color:#ffffff; font-family:microsoft yahei,Verdana; line-height:28px; padding-bottom:10px;}
.footpanel3 ul li span{ font-weight:bold;}
.footpanel3 ul li input[type=text]{ width:100%; background:#e1e1e1; color:#959595; height:40px; border:0; line-height:40px; text-indent:20px;}
.footpanel3 ul li input[type=submit]{ background:#d0101b; border:0; width:50%; font-size:20px; font-weight:bold; color:#fff; height:40px; line-height:40px;}


.banner_inner {  position:relative; overflow:hidden; padding:98px 0px 0px 0px;}
.banner_inner img {  width:100%; height:100%;}
.banner_inner_txt { position:absolute; height:52px; top:57%; left:20%;}
.banner_inner_txt h4 { height:52px; color:#fff; position:relative;}
.banner_inner_txt em { position:absolute; bottom:0; width:74px; height:4px; display:block; left:0; background:#fff;}
.fnt_32 { font-size:32px; line-height:34px;}


.site{ width:1200px; height:54px; line-height:54px; font-size:14px; border-bottom:1px dotted #cdcdcd; text-align:right; margin:0 auto;}
.site a{ padding:0px 2px; display:inline-block; zoom:1; color:#9e9e9e;}
.site span{ padding:0px 2px;color:#3d3d3d;}

#maincontent { width:1200px; margin:0 auto;}
