﻿/* css document */
/*@font-face {font-family: 'frutiger';src: ;}@font-face {font-family: 'frutiger-black'; src: ;}*/
html{-webkit-text-size-adjust: none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div{margin:0;padding:0;}body,button,input,select,textarea{color:#555;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#555;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
body { font-family: arial,'微软雅黑'; font-size: 14px;color: #333;}
a{ color:#555;/* display: block;*/}
a:hover{ text-decoration:none;}
a:active,a:hover {outline: 0;}
.piano_tab_f,.q_gz_ip{ display: none;}
/*body{ overflow-x:hidden}*/
input, textarea { -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  outline: none; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}
.fl{ float:left;}
.fr{ float:right}
.center{ text-align: center;}
.bg_ff{ background: #fff;}
.auto{ width: 51%; margin: 0 auto;}
.re{ position: relative;}
.ab{ position: absolute;} 
.block{ display: block;}
.shou{cursor: pointer;}
.fx{ position: fixed;}
.bold{ font-weight: bold;}
.img100{ width: 100%;}
.fff{ color: #fff;}
.cor_0{ color: #000;}
.cor_9{ color: #999;}
.cor_3{ color: #333;}
.font_12{ font-size: 12px;}
.font_13{ font-size: 13px;}
.font_14{ font-size: 14px;}
.font_16{ font-size: 16px;}
.font_18{ font-size: 18px;}
.font_20{font-size: 20px;}
.font_22{ font-size: 22px;}
.font_24{ font-size: 24px;}
.font_38{font-size: 38px;}
.font_58{font-size: 58px;}
.line-h{ line-height: 0;}
.auto_780{ margin: 0 auto; width: 780px;}
.auto_1040{ margin: 0 auto; width: 1040px;}
.auto_1240{ width: 1240px; margin: 0 auto;}
.mar_top20{ margin-top: 20px;}
.pro_zi{ font-family: 'constantia regular';}
.box-ra3{ border-radius: 3px;}

input::-webkit-input-placeholder {
    color:    #ccc;
}
input:-moz-placeholder {
    color:    #ccc;
}




.dh_d3{-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.dh_d1{-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}


/* pc头部 */
.pc_hea .v1,.pc_hea .v2,.auto_qie{ margin: 0 auto; width: 980px;}
.pc_hea .v1{ margin-top: 3px;}
.pc_hea .v2 .ul1{ width: 90%;}
.pc_hea .v2 .ul1 li{ float: left; margin-right: 10%;}
.pc_hea .v2 .ul1 li a{ line-height: 50px; height: 50px; font-weight: bold; display: block;color:#333;}
.pc_hea .v2 .span_kj{ font-size: 13px; color: #8c8c8c; width: 70px; height: 22px; line-height: 22px; border:#8c8c8c 2px solid; margin-top: 14px; border-radius: 12px;}
.pc_hea .v2 .span_kj:hover{ color: #d3091c;}
.pc_hea .v2 .span_kj.cur{ color: #d3091c; border:#d3091c 2px solid;}
.pc_hea .v2 .ul1 li:hover a{ color: #d3091c;}
.pc_hea .v2 .ul1 li img{ bottom: -2px; left: 50%; margin-left: -5.5px; z-index: 10; display: none;}


.pc_hea .qie_1 table .td1 dl a:hover{ text-decoration: none !important;}

.v2qie{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}

.pc_hea .qie{ width: 100%; border-top: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; top: 106px; left: 0; padding-bottom: 30px; z-index: 1000;}
.pc_hea .bg_ff-bottomnone{padding-bottom:0}
.pc_hea .qie_1 .im1{ left: 50%; top: -7px; margin-left: -189px;}
.pc_hea .qie_1 table{ width: 100%;margin-bottom: -1px;}
.pc_hea .qie_1 table .tr1{ height: 32px;}
.pc_hea .qie_1 table tr td{ border: #dbdbdb 1px solid;}
.pc_hea .qie_1 table .tr1 td{ border-top: none;}

.pc_hea .qie_1 table .td1 dl{ float: left; width: 44%; margin-top: 30px; padding:0 3%;}
.pc_hea .qie_1 table .td2 dl{ width: 90%; margin-top: 30px; padding:0 5%;}
.pc_hea .qie_1 table .dd_2{ border-bottom: #d3091c 2px solid; padding-bottom: 5px; opacity: 0;filter: alpha(opacity=0);}
.pc_hea .qie_1 table td dl:hover .dd_2{ opacity: 1;filter: alpha(opacity=100);}
.pc_hea .qie_1 table .tr2 td{ padding-bottom: 20px;}

.qie_1,.qie_2,.qie_3,.qie_4,.qie_5{ display: none;}

.qie_2,.qie_3,.qie_4{ padding: 20px 0;}
.qie_2 .zuo,.qie_2 .you{ top: 0 !important; margin-top: 0 !important; height: auto !important;}
.qie_2 .zuo{ border-right:#dbdbdb 1px solid; width: 46.8%; }
.qie_2 .you{ width: 40%;}
.qie_2 .zuo .v1_zuo,.qie_2 .you .v1_zuo,.qie_3 .v1_zuo{ font-size: 24px; color: #d4091d; margin-bottom: 28px;}
.qie_2 .zuo .v1_zuo span,.qie_2 .you .v1_zuo span,.qie_3 .v1_zuo span{ font-size:18px; color: #c6c6c6; margin-left: 5px; }
.qie_2 .zuo .v2_zuo,.qie_2 .you .v2_zuo,.qie_3 .v2_zuo{ font-size: 13px; color: #666;}
.qie_2 .zuo .v2_zuo dl,.qie_2 .you .v2_zuo dl,.qie_3 .v2_zuo dl,.qie_4 .qie_4_v2 dl{ margin-top: 12px;}
.qie_2 .zuo .v2_zuo dl dt,.qie_2 .you .v2_zuo dl dt,.qie_3 .v2_zuo dl dt,.qie_4 .qie_4_v2 dl dt{ margin-right: 5px; line-height: 0;}
.qie_2 .zuo .v2_zuo dl dt img,.qie_2 .you .v2_zuo dl dt img,.qie_3 .v2_zuo dl dt img,.qie_4 .qie_4_v2 dl dt img{ position: relative; top: -3px;}
.qie_2 .you .v2_zuo,.qie_2 .you .v1_zuo{ margin-left: 10%;}
.qie_2 .you .v2_zuo dl{ float: left; width: 50%;}
.qie_3 .v2_zuo dl{ float: left; width: 25%;}


.qie_4 .qie_4_v1{ margin-left: 10%; margin-top: 10px;}
.qie_4 .qie_4_v2{ margin-left: 15%; width: 60%;}
.qie_4 .qie_4_v2 dl{ float: left; width: 50%;}


.qie_5{width: 100%; border-top: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; top: 106px; left: 0; font-size: 13px; color: #666; padding: 17.5px 0; z-index: 999;}
.qie_5 ul li{ float: right; margin-right: 7%;}
.qie_5 ul li a{ display: block; width: auto; padding: 0 15px; height: 25px; line-height: 25px; border-radius: 15px;}
.qie_5 .im1{ right: 0; top: 0px;}



.qie_4 .qie_4_v2 dl a,.qie_3 .v2_zuo dl a,.qie_2 .zuo .v2_zuo dl a,.qie_2 .you .v2_zuo dl a{ display: inline-block;padding: 0 10px; height: 25px; line-height: 25px; border-radius: 15px;}
.qie_4 .qie_4_v2 dl a:hover .im2,.qie_3 .v2_zuo dl a:hover .im2,.qie_2 .zuo .v2_zuo dl a:hover .im2,.qie_2 .you .v2_zuo dl a:hover .im2{ display: block;}
.qie_4 .qie_4_v2 dl a:hover .im1,.qie_3 .v2_zuo dl a:hover .im1,.qie_2 .zuo .v2_zuo dl a:hover .im1,.qie_2 .you .v2_zuo dl a:hover .im1{ display: none;}
.qie_4 .qie_4_v2 dl a img,.qie_3 .v2_zuo dl a img,.qie_2 .zuo .v2_zuo dl a img,.qie_2 .you .v2_zuo dl a img{ position: relative; top: 1px;}
.qie_4 .qie_4_v2 dl .im2,.qie_3 .v2_zuo dl .im2,.qie_2 .zuo .v2_zuo dl .im2,.qie_2 .you .v2_zuo dl .im2{ display: none;}
.qie_5 ul li:hover a,.qie_4 .qie_4_v2 dl a:hover,.qie_3 .v2_zuo dl a:hover,.qie_2 .zuo .v2_zuo dl a:hover,.qie_2 .you .v2_zuo dl a:hover{ background: #d4091d; color: #fff;}


.qie_2 .zuo .v2_zuo dl,.qie_2 .you .v2_zuo dl{}

.mob_hea{ display: none;}

.pc_hea { z-index: 1000; background: #fff; font-size: 14px;}

/*pc 头部 end*/

/*.mob_v2 .zi>li:last-child{ border-bottom:0;}*/

.mob_hea_auto  { width: 90%; margin: 0 auto;}
.mob_hea{}
.mob_v1{ padding: 5px 0; width: 100% !important;}
.mob_v1 .a1{ width: 33.3%; margin-top: 1%;}
.mob_v1 .a1 img{ width: 80% !important; margin-left: 10%;}
.mob_v1 .a2{ width: 33.3%;}
.mob_v1 .a2 img{ position: relative; top: 2px; width: 80% !important; margin-left: 10%;}

.mob_v1 .im1{ top: 50%; width: 16px; left: 50%; margin-left: -8px; margin-top: -3.5px;}


.mob_v2{ width: 100%;overflow-y:auto; display: none;-webkit-overflow-scrolling:touch; z-index: 10000; height: 335px;-webkit-box-shadow:0 0 5px #e0dfdf;  }
.mob_v2 .zi{ }
.mob_v2 .zi>li,.foot_m_v1 .zi>li{ line-height:55px; border-bottom: #dadada 1px solid;}
.mob_v2 .zi>li>a,.foot_m_v1 .zi>li>a,.zi_1 li a{ display: block; font-size: 0.9rem; position: relative; color: #303030;}
.mob_v2 .zi>li.li img,.foot_m_v1 .zi>li.li img,.zi_1 li img{ width: 18px; top: 50%; right: 10px; position: absolute; margin-top: -7.5px;}

.zi_1{ display: none;}
.zi_1 a{ color: #303030;  font-size: 14px;display: block; }
.zi_1{ border-top: #d6000f 1px solid;}
.zi_1 li{ width: 80%; margin-left: 10%; border-bottom: #dadada 1px solid;}


.zi_2{ padding: 5px 0;}
.zi_2 a{ float: left; width: 49.3%; background: #f3f3f3; border: 1px #fff solid; height: 40px; line-height: 40px;}

 .zi_san{ display: none;}
/*手机 头部 end*/

.hpvehicle a.vclose{ top: 123px;}
a{outline：none}


.fixednav22{ position: fixed; top: 0; left: 0; width: 100%;}


@media (min-width:768px) and (max-width:980px){
	/* pc头部 */
	.pc_hea .v1, .pc_hea .v2, .auto_qie,.di_bu{ width: 94%; margin-left: 3%;}
	.pc_hea .v2 .ul1 li{ margin-right: 9%;}
	.qie_2 .zuo{ border-right:#dbdbdb 1px solid; width: 50%; }
	.pc_hea .v2 .ul1{ width: 89%;}


	.foot_pc_auto,.auto_980{ width: 94%; margin-left: 3%;}
	.foot_pc .you_v2 .span_1,.foot_pc .you_v2 .dl1{ float: none; width: 100%; margin-bottom: 15px;}
	.foot_pc .you_v2 .span_1{}
	.foot_pc .you_v2{ width: 25%;}
	.foot_pc .v1 .dl2 { float: none;}
	.foot_pc .v1 .dl2 dd{ width: 75%;}
	.foot_pc .v1 .dl1{ width: 100%; margin-bottom: 10px;}
	.foot_pc .v1{ padding: 15px 0;}
	.foot_pc .v1 .dl2 .span_3{ background: none; margin-left: 204px;}



}

@media (max-width:767px)and (min-width:10px){
	.di_bu{ width: 100%;}
	.di_bu .ab_dz{ bottom: 67px; right:auto; left: 80%; }

	.pc_hea{ display: none;}
	.mob_hea{ display: block;}

	.foot_pc{ display: none;}
	.foot_mob{ display: block;}
}