/*CSS reset*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,a {margin:0;padding:0;}
table {border-collapse:inherit;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:"";}
abbr,acronym {border:0;}
input,select{
    vertical-align:middle;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#959595;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#959595;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#959595;}

body{
    background-color: #DCDCDC;
    color: #000066;
    /*font-size: 13px;*/
    font: 13px/16px Product Sans,HelveticaNeue,Arial,sans-serif;
    margin: 0;
    /*padding: 10px 0;*/
}
a{
    outline-style: none;
    text-decoration: none;
    color: #000066;
}
a:hover{
    color: #ffb402;
}

div.bgShadow{width: 100%;margin: 0 auto;background: url("../imgs/bgshadow.png") repeat-y scroll -15px top transparent;}
div.page{padding: 0 0px;width: 100%;min-width: 980px}

div.head{background: url("../imgs/header_bg.png") repeat-x scroll 0 0 transparent;height: 90px;width:100%;position: relative;*z-index: 145; /*2绾у鑸吋瀹�*/}
.head a.head_logo{
    background: url("../imgs/logo.png") no-repeat scroll 0 0 transparent;
    _background:url("../imgs/logo.gif") no-repeat scroll 0 0;
    display: block;
    position: absolute;
    left: 27px;
    top: 12px;
    height: 80px;
    width: 210px;
}
.head a.head_logo div{
	margin-top:27px;
	margin-left:114px;
	width:54px;
	padding-left:1px;
	height:18px;
	line-height:18px;
	font-size:12px;
	text-align:center;
	color:#ffb408;
	background-color:#006;
	border-radius:4px;
}
.head .nav_top{
	font: 500 11px/20px SimSun,Arial,sans-serif;
	position: absolute;
	top: 5px;
	right: 10px;
}
.head .nav_top a{
	display: block;
    float: left;
	color: #000066;
	text-decoration: none;
	margin: 0 10px;

}
.head .nav_top a:hover{
	display: block;
	color: #5E6A77;
    float: left;
	text-decoration: none;
	margin: 0 10px;
}
.head .nav_top .top_item{ font-size:12px;}
.head .cs{
	width: 213px;
	height: 21px;
	position: absolute;
	right: 10px;
	top: 32px;
}

.head .cs .fa{
	font-size: 24px;
    float: right;
}
.head .username_left{
	/*width:250px;*/
	height:21px;
	position:absolute;
	right:180px;
	top:5px;
	text-align:right;
	line-height:20px;
	font-family:Arial;
}
.head .username_left a:hover{
	color: #5E6A77;
}
.head .username_left .ismanager{
	display:none;
}
.head .bc_login{
    background: url("../imgs/bg_login_l.png") no-repeat scroll 0 0 transparent;
    height: 26px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    top: 59px;
    z-index: 2;
}
.head #bc_login{
	_width: 147px;
}
.head #bc_loginout{
	_width:70px;
}
.head .login_active{
	background: url("../imgs/bg_login_l_active.png") no-repeat scroll 0 0 transparent;
    _width: 147px;
    height: 26px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    top: 59px;
    z-index: 151;
}
.head .bc_login:hover{
	background: url("../imgs/bg_login_l_hover.png") no-repeat scroll 0 0 transparent;
}
.head .bc_login a.link_login{
	background: url("../imgs/bg_login_r.png") no-repeat scroll right top transparent;
    color: #000066;
    display: block;
    font-size: 1em;
    height: 22px;
    padding: 4px 33px 0 11px;
    *padding: 3px 33px 0 11px;
    _padding: 4px 33px 0 11px;
    text-align:center;
    text-decoration: none;
}
.head .bc_login a.link_login:hover{
	background: url("../imgs/bg_login_r_hover.png") no-repeat scroll right top transparent;
	color: #FFF;
}
.head .login_active a {
    background: url("../imgs/bg_login_r_active.png") no-repeat scroll right 1px transparent;
    color: #666666;
    display: block;
    font-size: 1em;
    height: 22px;
    padding: 4px 33px 0 11px;
    text-decoration: none;
}

.head .i18n_setting_box{
    position: absolute;
    right: 200px;
    top: 32px;
    z-index: 2;
}
.head .i18n_setting_box .i18n_setting_item {
    display: inline-block;
    position: relative;
    background: url(../imgs/bg_login_l.png) no-repeat scroll 0 0 transparent;
    width: auto;
    height: 26px;
    line-height: 18px;
}
.head .i18n_setting_box .i18n_setting_item .dropdown-toggle {
    background: url(../imgs/bg_login_r.png) no-repeat scroll right top transparent;
    color: #000066;
    display: block;
    font-size: 1em;
    min-width: 65px;
    max-width: 165px;
    width: 130px;
    height: 26px;
    padding: 4px 33px 0 11px;
    *padding: 3px 33px 0 11px;
    _padding: 4px 33px 0 11px;
    border: none;
    text-align: center;
    text-decoration: none;
    outline: none;
}
.head .i18n_setting_box .dropdown-menu {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    max-height: 300px;
    overflow-y: scroll;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #FFFFFF;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 3px 3px 6px #333333;
    box-shadow: 3px 3px 6px #333333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.head .i18n_setting_box .dropdown-menu .option:hover{
    background-color: #DDDDDD;
    cursor: pointer;
}

.head .navigation{
   /* min-width: 760px;*/
	position: absolute;
	top: 60px;
	height: 30px;
	margin-left: 225px;
}
.head .navigation ul {
    float: left;
    list-style: none outside none;
}
.head .navigation ul li.lv1{
	display:block;
	float: left;
	list-style: none;
	height: 30px;
	margin: 0 3px;
}
.head .navigation ul li.lv1_on{
	display:block;
	float: left;
	list-style: none;
	height: 30px;
	margin: 0 3px;
	background-color: #f8f9fa;
	-moz-box-shadow: 1px 0px 0px #B4B4B4;
	-webkit-box-shadow: 1px 0px 0px #B4B4B4;
	box-shadow: 1px 0px 0px #B4B4B4;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.head .navigation ul li.lv1_ons{
	display:block;
	list-style: none;
	height: 30px;
	margin: 0 3px;
	background-color: #f8f9fa;
	-moz-box-shadow: 1px 0px 0px #B4B4B4;
	-webkit-box-shadow: 1px 0px 0px #B4B4B4;
	box-shadow: 1px 0px 0px #B4B4B4;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.head .navigation ul li.lv1 a {
    color: #000066;
    display: block;
    float: left;
    height: 30px;
    line-height: 23px;
    padding: 0 13px;
    text-decoration: none;
    *overflow: hidden;
}
.head .navigation ul li ul.lv2 {
    background: url("../imgs/bg_navigation_level2.png") no-repeat scroll left bottom transparent;
    _background: url("../imgs/bg_navigation_level2.gif") no-repeat scroll left bottom transparent;
    display: none;
    float: left;
    padding: 0 0 18px 10px;
    position: absolute;
    top: 30px;
    left: -215px;
    width: 940px;
    z-index: 1120;
}
.head .navigation ul li ul.lv2 li {
    display: block;
    float: left;
    height: 74px;
    width: 230px;
}
.head .navigation ul li ul.lv2 li a {
	display: block;
    width: 200px;
    line-height: 30px;
    cursor: pointer;
}
.head .navigation ul li ul.lv2 li a:hover{
	display: block;
    width: 200px;
	line-height: 30px;
    text-decoration: none;
    cursor: pointer;
}
.head .navigation ul li ul.lv2 li a:hover .headline{color: #FFB402;}
.head .navigation ul li ul.lv2 li a .headline{
	background: url("../imgs/ico.png") no-repeat scroll 0 0 transparent;
	_background: url("../imgs/metalink_hover.png") no-repeat scroll 0 5px transparent;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin-top: 11px;
    overflow: hidden;
    padding: 0 0 3px 15px;
    text-decoration: none;
    width: 180px;
    cursor: pointer;
}
.head .navigation ul li ul.lv2 li a .copytext {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 3px;
    width: 180px;
    font-weight: 500;
    *position: relative;
    z-index: 130;
    cursor: pointer;
}
/*鐧诲綍蹇嵎閫氶亾*/

.head .login_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #FFFFFF;
    box-shadow: 1px 1px 3px #888888;
    color: #333333;
    display: block;
    font-size: 1em;
    line-height: 1.333em;
    padding: 0 4px 4px 1px;
    position: absolute;
    right: 14px;
    *right: 8px;
    top: 83px;
    width: 537px;
    z-index: 150;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction='135', Strength='6');
    -moz-box-shadow:3px 3px 6px #333333;
    -webkit-box-shadow:3px 3px 6px #333333;
    box-shadow:3px 3px 6px #333333;

}
.header .login_content a {
    background: url("../imgs/ico.gif") no-repeat scroll 0 5px transparent;
    color: #000066;
    display: block;
    font-size: 1em;
    line-height: 1.333em;
    padding-left: 14px;
    text-decoration: none;
}
.head .login_content .info {
	background: url("../imgs/bg_loginwin.png") repeat-x scroll left top transparent;
    background: -moz-linear-gradient(center top , #E5E5E5 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    float: left;
    padding: 20px;
    width: 197px;
    z-index: 703;
}
.head .login_content h2 {
    color: #333333;
    font-size: 1.333em;
    line-height: 1.125em;
    margin: 0;
}
.loginUserdata_error{
	visibility:hidden;
	font-size:10px;
	color:red;
	height:15px;
}
.head .login_content .info ul li {
    background: url("../imgs/bullet_orange.png") no-repeat scroll 0 6px transparent;
    line-height: 16px;
    padding: 0 0 6px 10px;
}
.head .login_content .anmeldung {
    float: right;
    padding: 19px 20px 0 19px;
    width: 259px;
}
.head .login_content .anmeldung_form {
    margin: 0 0 15px;
    overflow: hidden;
}
.head .login_content .anmeldung_form a {
    float: left;
    background: url("../imgs/ico.gif") no-repeat scroll 0 0 transparent;
    color: #000066;
    display: block;
    font-size: 1em;
    line-height: 16px;
    padding-left: 17px;
    text-decoration: none;
}
.head .login_content .anmeldung_form .formwrapper {
	margin-bottom: 10px;
}
.head .login_content .anmeldung_form .formwrapper input {
    padding: 2px;
	margin-bottom: 10px;
	width: 150px;
}
.head .login_content .anmeldung_form .formwrapper span.labe{
	color: #8E8A8A;
	position: relative;
	left: -155px;
	top: -4px;
}

.head .login_content .anmeldung_form .left_link_wrapper {
    clear: left;
    height: 16px;
}
.head .login_content .anmeldung_form .left_link_wrapper a:hover{
	color: gray;
	text-decoration: underline;
}
.head .login_content .anmeldung_form a.left_link {
    margin-right: 60px;
}
.head .login_content .btn_wrapper {
	position: relative;
}
.head .login_content .stayLoggedIn {
    float: left;
    margin-right: 10px;
    width: 200px;
    line-height: 20px;
}
.head .login_content .stayLoggedIn input{
	position: relative;
	top: -1px;
    *top: 0px;
	margin-right: 3px;
    _position: static;
}
.head .login_content .stayLoggedIn img{
	position: relative;
	top: 3px;
	left: 3px;
	_position: static;
}
.head .login_content .stayLoggedIn .subtext {
    font-size: 11px;
    margin-left: 2px;
}
.head .login_content .loginwin_btn {
    height: 20px;
    overflow: hidden;
    width: auto;
    position: relative;
   	top: 20px;
   	right: 0;
}
.head .login_content .loginwin_btn input{
    background: url("../imgs/btn_left.gif") no-repeat scroll left center transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    overflow: visible;
    position: relative;
    top: 0;
    width: 50px;
    _width: auto;
    _padding: 0 4px 0 9px;
}
.text_error{
	border: #CC0000 1px solid;
}
.head .login_content .loginwin_btn input:hover{
	background: url("../imgs/btn_left_hover.gif") no-repeat scroll left center transparent;
}

.head #loginout_win{padding:10px 0;width:auto;z-index: 2000}
.head .user_edit_ul li{line-height:24px;height:24px;text-align:left;*width:100px;}
.head .user_edit_ul li a{display:block;padding:0 10px 0 10px;*width:100px;}
.head .user_edit_ul li:hover{background-color:#f7e18a;cursor:pointer;}
.head .user_edit_ul li:hover a{color:#000066;}
.hiddeniframe{
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 940px;/*must have for any big value*/
	height: 70px;/*must have for any big value*/
}
.loginhiddeniframe{
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 100%;/*must have for any big value*/
}

/*椤佃剼閮ㄥ垎*/
.footer{
	background-color: #edebe9;
	color: black;
	width: 100%;
	margin: 0 auto;
	height:auto;
}
div.footer_bottom{
	background: url("../imgs/stage_shadow.png") no-repeat top left;
	width: 100%;
	height: 10px;
}
/*鏂版墜鎸囧崡閮ㄥ垎*/
.faq_bg{
    width: 85%;
    height: auto;
    padding-top: 20px;
    margin: 0 auto;
    overflow: hidden;
}
.faq  div{
    overflow: hidden;
}
.faq{
   /* margin-left: 80px;*/
    width: 90%;
    position: relative;
    margin: 0 auto;
    max-width: 1220px;
}
.faq .info{
    width: 18.6%;
    color: #757575;
    float: left;
}
/*.faq.info dt{
    color: #333333;
    height: 22px;
    font: 600 12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
}*/
.faq .info li{
    font:  12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
    line-height: 25px;
}
.faq .info li a{
    color: #333333;
}
.faq .info  a:hover {color: #E0711D;cursor: pointer;text-decoration: underline;}
.faq .plus li {
    padding-right: 10px;
    float: left;
    font:  12px/80px Roboto,HelveticaNeue,Arial,sans-serif;
}
.faq .plus ul {
    width: 700px;
    position: relative;
    margin: 0 auto;
    padding: 10px 10px;
    /* text-align: left; */
}
.faq .info p {
    font:  12px/18px Roboto,HelveticaNeue,Arial,sans-serif; }
/*鏂版墜鎸囧崡閮ㄥ垎_end*/
.yqct{
	padding:25px;
	background-color:#edebe9;
}
.yqct .fontr a:link {color: #333333;text-decoration: none;}		/* 未????????? */
.yqct .fontr a:visited {color: #333333;text-decoration: none;}	/* ?????????? */
.yqct .fontr a:hover {color: #E0711D;cursor: pointer;text-decoration: underline;}	/* ?????????????? */
.yqct .fontr a:active {color: #E0711D;cursor: wait;text-decoration: underline;}	/* ????????? */
.fontlj {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 8px;
	line-height: 25px;
}
.fontl {
	color: #333;
	font-weight: bold;
}
.fontr {
}
.fontr a {
	margin-right: 10px;
	text-decoration: none;
	color: #333;
	display: inline-block;
}
.footer .foot{
	/*text-align: center;
	padding: 20px;*/
}
.foot a:link {color: gray;text-decoration: none;}		/* 未????????? */
.foot a:visited {color: gray;text-decoration: none;}	/* ?????????? */
.foot a:hover {color: #E0711D;cursor: pointer;text-decoration: underline;}	/* ?????????????? */
.foot a:active {color: #E0711D;cursor: wait;text-decoration: underline;}	/* ????????? */

.tree_table .vsStyle_node, .tree_table .vsStyle_active_node {width:16px;height:16px;border: medium none; margin: 0; padding: 0;display: inline-block;}
.tree_table .vsStyle_active_node {cursor: pointer;}
.tree_table .vsStyle_open, .tree_table .vsStyle_last_open{background:url(../imgs/allbgs.png) no-repeat 0px 0px;width:16px;}
.tree_table .vsStyle_shut, .tree_table .vsStyle_last_shut{background:url(../imgs/allbgs.png) no-repeat -16px 0px;width:16px;}
.tree_table .vsStyle_hover_open, .tree_table .vsStyle_hover_last_open{background:url(../imgs/allbgs.png) no-repeat -32px 0px;width:16px;}
.tree_table .vsStyle_hover_shut, .tree_table .vsStyle_hover_last_shut{background:url(../imgs/allbgs.png) no-repeat -48px 0px;width:16px;}

#btn_back2top {
    cursor: pointer;
    display: none;
    width: 41px;
    height: 40px;
    bottom: 70px;
    left: 1155px;
    position: fixed;
    _position: absolute;
    z-index: 80;
}


/*new ban1*/
 .main-bodyinfo{
    min-height: 230px;
     float: left;
    width: 85%;
    height: 100%;
    padding: 53px 0  10px 0;
    margin: 0 auto;
}
.about-box,.cooperationInfo-box{
    min-height: 220px;
    width: 85%;
    height: 100%;
    /*padding: 30px 0 0px 0;*/
    margin: 0 auto;
}
.about-content{
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.about .li-group div{
    padding: 15px 10px;
    line-height: 20px;
    width: 32.9%;
    margin: 0 0 0.65% 0;
    float: left;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #f6d680;
    box-sizing: border-box;
}
.about .li-group >div:nth-child(2){
    margin: 0 0.65% 0.65% 0.65%;
}
.about .li-group div a,.allabout .li-group div a{
    white-space: nowrap;
    /*margin: 0 auto;*/
    width: 100%;
    display: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-headinfo{
    border-bottom: 1px solid #ffffff;
    width: 45%;
    margin: 45px auto;
}
.main-headinfo div{
    letter-spacing: 3px;
    float: left;
    position: relative;
    text-align: center;
    color: #8e8e8e;
}
.headline{
    height: 7px;
    border-bottom: 1px solid #ddd;
    width: 42%;
}
.headtitle{
    font: 12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
    width: 16%;
}
.iteminfo_img{
    width: 50%;
    float: left;
    height: 227px;
    background-color: #fff;
    border-bottom: 3px solid #f5f5f5;
}
.iteminfo_entry {
    width: 50%;
    float: left;
    height: 227px;
    background-color: #fff;
    border-bottom: 3px solid #f5f5f5;
}
.iteminfo{
    height: 250px;
    /*border-bottom: 1px solid #ddd;*/
    margin: 10px 0px;
}

.pictabs{
    display: none;
}
.product-info{
    background-color: #ffffff;
    /*padding: 10px;*/
    overflow: hidden;
    min-height: 240px;
    min-width: 980px;
    height: 100%;
    width: 100%;
}
.main-bodyinfo img{
    height: 100%;
    width: 100%;
}
.guide-info,.cooperation-info{
    background-color: #ffffff;
    overflow: hidden;
    min-height: 220px;
    min-width: 980px;
    height: auto;
    width: 100%;
    padding: 0 0 10px 0;
}
.iteminfo_entry dl{
    padding: 40px;
    text-align: center;
}
.btn-href{
    border-radius: 18px;
    width: 115px;
    height: 27px;
    border: 1px solid #ffb408;
    color: #ffb408;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
}
dd.item-stit{
    color: #006;
    margin-top: 20px;
}
dd{
    font: 12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
    color: #757575;
    line-height: 20px;
}
dd span{
    line-height: 40px;
}

dt{
    color: #ffb408;
    font-size: 20px;
    line-height: 40px;
}
.main-leftmenu{
    color: #ddd;
    float: left;
    width: 7.5%;
    margin-left: 0;
    /*border-right: 1px solid #006;*/
}
.insurtypestab > a {
    margin-top: -11px;
    font-size: 13px;
    width: 45px;
    position: relative;
    display: inline-block;
    padding: 70px 0 70px 0;
}
.beforeitem {/*也可以换成伪元素.insurtypestab > a::before*/
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    background-image: linear-gradient(90deg, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%);
    border: 1px solid #ddd;
    /*border-right: none;*/
    border-radius: .5em 0 0 .5em;
    box-shadow: 0.15em 0 white inset;
    transform: perspective(3px) rotateY(-1deg);
    transform-origin: right;
}
.insurtypestab span{
    margin: 0 auto;
    display: block;
    z-index: 1;
    width: 7px;
    position: relative;
}
.insurtypestab > a:hover{
    z-index: 3;
    display: block;
    position: relative;
    cursor:pointer;
}
.insurtypestab > a:hover .beforeitem {
    cursor:pointer;
    border: 1px solid #ffb408;
}
.arrselected{
    border: 1px solid rgb(59, 123, 234);
}
/*.a_selected{
    z-index: 3;
    display: block;
    position: relative;
    cursor:pointer;
    color:rgb(59, 123, 234) ;
}*/

.iteminfo::before{
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    position: absolute;
    content: "";
    width: 60px;
    height: 40px;
    /* bottom: 0; */
    /* background-color: #f00000; */
    margin: 180px 0 0 -17px;
}
.iteminfo::after{
    padding: 10px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    content: "";
    width: 60px;
    height: 40px;
    /* top: 0; */
    /* background-color: #f00000; */
    margin: -246px -17px 0 0;
    float: right;
}

/*new ban2*/
a {
    text-decoration: none;
}
ul {
    list-style: outside none none;
}
.product-box{
    width: 32.9%;
    margin: 0 0 0.65% 0;
    float: left;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
    /*box-shadow:3px 0 6px #ddd, 3px 1px 6px #ddd;*/
}
.product-box:hover{
    box-shadow:1px 2px 3px #ddd;;
}
.item_a li{
    width: 33.3%;
    position: relative;
    float: left;
    color: #6c6c6c;
    text-align: center;
}
.item_a{
   padding:11px  0 0 0;
    height: 84px;
}

.item_a a{
    color: #4D4D4D;
    font: 12px/16px Product Sans,HelveticaNeue,Arial,sans-serif;
    margin-top: -50px;
    padding: 50px 0px 10px 0px;
}

.item_a a:hover{
    color: #FFB408;
}

.item_a div {
    font-size: 22px;
}
.item_a li div  img{
    width: 50px;
    height: 50px;
}
.item_a li div {
    width: 30px;
    height: 30px;
    margin: 10px auto;
    background-size: 30px 30px;
}
.item_a li:first-child div{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons1-80.png");
}
.item_a li:first-child .slt_over{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons1.png");
}
.item_a li:nth-child(2) div{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons2-80.png");
}
.item_a li:nth-child(2) .slt_over{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons2.png");
}
.item_a li:nth-child(3) div{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons3-80.png");
}
.item_a li:nth-child(3) .slt_over{
    background-image: url("/assets/CssAndImg/baichuan/imgs/icons3.png");
}
.slt_over{
    color: #ffb408;
}
.slt_over img{
    color: #ffb408;
}
.product-item{
    position: relative;
    background-color: #fff;
}
.product-item .imglink_a{
    margin-top: -182px;
    display:block;
    height:180px;
    opacity: 0;
}
.price-info{
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.85));
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 24px 16px 8px 16px;
    position: absolute;
    width: 100%;
}
.price-info  li{
    float: left;
    width: 50%;
    color: #fff;
    font: 20px/22px Product Sans,HelveticaNeue,Arial,sans-serif;
}
.price-info  li a{
    color: #fff;
}
.price-info li a:hover{
    color: #FFB408;
}
.price-info li:nth-child(2){
    text-align: right;
    font-size: 12px;
}
.product-item dl{
    padding: 10px 10px;
    text-align: left;
}
.price-info strong{
    display: inline-block;
   font-size: 28px;
}
/*.showAllbtn,.showAObtn{
    height: 20px;
    width: 100%;
    text-align: right;
}*/
.switchBtn{
    color: #888;
    height: 32px;
    width: 89%;
    margin: 0 auto;
    max-width: 1220px;

}
.switchBtn div{
    margin-left: 15px;
    cursor: pointer;
    float: right;
   /* width: 34px;
    height: 29px;*/
    background-color: rgba(245, 245, 245, 0.05);
    font: 12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
    /*border: 1px solid #ddd;*/
    border-radius: 2px;
    color: rgb(59, 123, 234);
    font-weight: bold;
    letter-spacing: 0.3px;
}
.switchBtn div:hover{
    color: #FFB408;
}
.switchBtn span{
    background-color: rgba(245, 245, 245, 0.05);
    font: 12px/18px Roboto,HelveticaNeue,Arial,sans-serif;
    border-radius: 2px;
    color: #4D4D4D;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.viewSelected{
    display: none;
    color: #006;
}
.insur_a {
    /* margin-top: -11px; */
    font-size: 13px;
    width: 32px;
    position: relative;
    display: inline-block;
    margin: 30px 0 30px 0;
    border-left: 5px solid #fff;
}
.insurb span{
    margin: 0 auto;
    display: block;
    z-index: 1;
    width: 7px;
    position: relative;
}
.insurb > a:hover{
    font-size: 13px;
    width: 32px;
    position: relative;
    display: inline-block;
    margin: 30px 0 30px 0;
    border-left: 5px solid #FFB408;
}
.insurb{
    width: 50px;
    margin: 55px 0 10px 0px;
}
.a_selected{
    color:  rgb(59, 123, 234);
    border-left: 5px solid rgb(59, 123, 234);
}
.product-box >.product-item:first-child{
     height: 180px;
}
.product-box >.product-item:nth-child(2){
    height: 130px;
 /*   box-shadow: -1px 0 6px #ddd, !*左边阴影*!
    0 -1px 6px #ddd, !*顶部阴影*!
    0 1px 6px #ddd, !*底部阴影*!
    1px 0 6px #ddd; !*右边阴影*!*/
}
/*.product-box::after{
    content: "";
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .slider-main > .slider-panel {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }
    .slider-main > .slider-panel.next,
    .slider-main > .slider-panel.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }
    .slider-main > .slider-panel.prev,
    .slider-main > .slider-panel.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }
    .slider-main > .slider-panel.next.left,
    .slider-main > .slider-panel.prev.right,
    .slider-main > .slider-panel.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

