/*
 * "交通事故专题" Page's Css
 * author: han
 * createTime: 2019-03-20 T 16:06:37+0800
 * description: 
*/

*{
    padding:0;
    margin:0;
    font-size: 4vw;
    color: #3e3f3e;
    line-height: 6vw;
}

body{
    width: 100%;
	background: #fff!important;
}

a{
    text-decoration:none;
}

img{
	display: block;
}

.question{
	/*height: 100%;*/
	background: #cfeae4;
	margin-top: 45px;
	padding-bottom: 5px;
}

.question > img{
	margin-bottom: 4%;
}

.conBody_1{
	position: relative;
	height: 30vw;
	margin: 0 3.5% 4% 3.5%;
}

.con_1{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 1.2vw;
	box-shadow: 0 2px 5px #808999;
}

.logo_1{
	width: 23%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.description_1{
	float: left;
	width: 76%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.description_1 h2{
	font-size: 4.3vw;
	margin-bottom: 6px;
	letter-spacing: 0;
}

.description_1 p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break:break-all;
	color: #808999;
	font-size: 3.2vw;
    line-height: 5.0vw;
}

.advantage{
	margin: 4% 0 0 0;
}

.title_1{
	position: relative;
	margin-bottom: 4%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.title_1 > h1{
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	line-height: 7.5vw;
	font-size: 3.5vw;
	margin-left: 5px;
	color: #fff;
}

.conBody_2{
	height: 100%;
	padding: 2.5% 2% 0 2%;
	background: #9ce295;
}

.con_2{
	height: 35vw;
	padding: 3% 0;
	margin: 0 0 2.5% 0;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0 2px 5px #808999;
}

.con_2_left{
	width: 50%;
	height: 100%;
	float: left;
	border-right: 1px solid #DDDDDD;
	box-sizing: border-box;
}

.con_2_right{
	width: 50%;
	height: 100%;
	float: left;
}

.logo_2{
	width: 30%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.description_2{
	float: left;
	width: 66%;
	height: 100%;
	padding: 0 4% 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.description_2 h2{
	font-size: 4.3vw;
	margin-bottom: 6px;
	color: #e64941;
}

.description_2 p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    word-break:break-all;
	color: #808999;
	font-size: 3.6vw;
}

.description_2 p > span{
	color: #e64941;
}

.recommend > img{
	margin: 6% 2% 10% 2%;
	text-align: center;
}

.conBody_3{
	position: relative;
	width: 92%;
	display: flex;
	align-items: center;
	margin: 8% 0 8% 3%;
	border: 1px solid #d62c26;
	border-radius: 5px;
}

.conBody_3 > h2{
	position: absolute;
	top: -5vw;
	left: 6%;
	width: 35%;
	line-height: 10vw;
	border-radius: 3px;
	text-align: center;
	background: #d62c26;
	color: #ffffff;
	font-size: 5vw;
	font-weight: normal;
}

.conBody_3 > img{
	position: absolute;
	right: -2vw;
	align-items: center;
	box-shadow: 0 2px 5px #808999;
}

.conBody_3 > p{
	width: 70%;
    margin: 8vw 0 5vw 4%;
	line-height: 7vw;
	font-size: 3.5vw;
}

.introduction{
	/*height: 100%;*/
	padding: 4vw 4vw 0 4vw;
	background: #eeeeee;
}

.conBody_4{
	position: relative;
	width: 90%;
	padding: 0 5% 6% 5%;
	background: #ffffff;
	border-radius: 10px;
}

.title_2{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.title_2 > h1{
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
    right: 0;
	font-size: 5.5vw;
	line-height: 11vw;
	color: #ffffff;
}

.conBody_4 > p{
	font-size: 3.5vw;
	margin: 3vw 0 0 0;
	line-height: 7vw;
}

.conBody_4 img:nth-child(3){
	position: absolute;
	bottom: -7.5vw;
	left: 15%;
}

.conBody_4 img:nth-child(4){
	position: absolute;
	bottom: -7.5vw;
	right: 15%;
}

.conBody_5{
	width: 100%;
	margin: 5% 0 5% 0;
	padding: 0 0 2% 0;
	background: #ffffff;
	border-radius: 10px;
}

.conBody_5 > img{
	margin: 3vw 0 0 0;
	display: inline;
}

.con_3{
	display: flex;
	width: 97%;
	height: 138vw;
	padding: 0 1.5%;
	flex-wrap: wrap;
	justify-content:space-around;
}

.con_3 > div{
	position: relative;
	width: 43%;
	/*height: 62vw;*/
	padding: 0 2.5%;
	margin: 0 0 2vw 0;
}

.conDiv{
	position: absolute;
	width: 88%;
	/*height: 95%;*/
	top: 0;	
	z-index: 1;
	background: #ffffff;
	border: 1px solid #efefef;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #EAEAEA;
}

.conDiv > img{
	margin: 3vw 17% 0.5vw 17%;
}

.conDiv > p{
	padding: 0 3vw;
	font-size: 3.5vw;
    margin-bottom: 20px;
}

#con_3_bottom_1,#con_3_bottom_2,#con_3_bottom_3,#con_3_bottom_4{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	background: #1aacdb;
}

#con_3_bottom_2{
	background: #ea3676;
}

#con_3_bottom_3{
	background: #6256f5;
}

#con_3_bottom_4{
	background: #029943;
}

.leftNum{
	position: absolute;
	top: 4vw;
	left: -10%;
	z-index: 2;
}

.rightNum{
	position: absolute;
	top: 4vw;
	right: -10%;
	z-index: 2;
}

.file{
	width: 100%;
	background: #eeeeee;
}

.turn{
	padding: 3vw 0 1vw 0;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}

.turn::-webkit-scrollbar{
	display:none
}

#turn_body_1,#turn_body_2{
	display: inline;
}

.turn_Con{
	position: relative;
	display: inline-block;
	width: 35%;
}

.turn_Con > div{
	position: absolute;
	top: 8%;
	left: 2%;
	width: 96%;
	height: 83%;
	overflow: hidden;
	background: #eeeeee;
}

.cases{
	position: relative;
	height: 190vw;
}

.cases > img{
	margin: 0 3% 3% 3%;
}

.today,.indemnified{
	position: absolute;
	top: 5.8%;
	left: 7.6vw;
	width: 64.5%;
	height: 77vw;
	padding: 0 0 0 10.5%;
	overflow: hidden;
}

.indemnified{
	top: 54%;
	width: 80%;
	height: 40%;
	padding: 0 0 0 5%;
}

.today p a,.indemnified p a{
	font-size: 3.5vw;
	line-height: 7vw;
}

.cases h1,.cases h1:nth-of-type(2){
	position: absolute;
	top: 0;
	left: 10%;
	line-height: 6.8vw;
	font-size: 4.5vw;
	font-weight: normal;
	color: #ffffff;
}

.cases h1:nth-of-type(2){
	top: 92vw;
}

.show{
	padding: 3%;
}

.show > img:nth-child(1){
	margin: 2% 0 6% 5%;
}

.show > img:nth-child(2){
	margin: 0 0 5% 15%;
}

.show_con{
	margin: 0 0 2% 0;
}

.show_con_L{
	width: 28%;
	float: left;
	margin: 1% 3% 0 0;
}

.show_con_L p{
	text-align: center;
	line-height: 6vw;
	font-size: 3.2vw;
	color: #000;
}

.show_con_R{
	width: 100%;
	text-indent: 2em;
	line-height: 6vw;
	font-size: 3.5vw;
}

.show_con::after{
	content: '';
	clear: both;
	display:block;
}

.photograph,.office_photo,.flag_photo{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.photograph div,.office_photo div{
	width: 32%;
}

.office_photo div{
	margin: 0 0 2% 0;
}

.photograph div p,.office_photo div p,.book_photo div p{
	text-align: center;
	line-height: 6vw;
	font-size: 3.2vw;
    color: #000;
}

.show_intro{
	padding: 2% 0;
	color: #d62c26;
	font-size: 3.5vw;
}

.office{
	margin: 0 0 2% 0;
}

.office_photo{
	width: 96%;
	padding: 0.5% 2%;
}

.book > img,.flag > img{
	margin: 0 0 4% 5%;
}

.book_photo{
	position: relative;
	height: 31vw;
	padding: 0 3%;
}

.book_photo div{
	width: 46%;
	float: left;
	padding: 2%;
}

.book_photo div img{
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
}

.book_act{
	background: #F6F6F6;
}

.book_act img{
	border: 1px solid #D6736F!important;
	box-shadow: 1px 1px 1px #6B6B6B;
}

.book_intro{
	min-height: 80vw;
	margin: 0 3% 4% 3%;
	padding: 2% 0;
	background: #F6F6F6;
	font-size: 3.5vw;
}

.book_intro_con{
	display: none;
}

.book_intro_act{
	display: block;
}

.book_intro_con > h2{
	text-align: center;
	font-size: 4.5vw;
	font-weight: normal;
	color: #d62c26;
}

.book_intro_con > p{
	text-align: center;
	font-size: 3.6vw;
	line-height: 8vw;
	margin: 1% 0 0 0;
}

.book_intro_con div{
	padding: 0 2%; 
}

.book_intro_con div p{
	text-indent: 2em;
}

.flag{
	margin: 0 0 3% 0;
}

.flag_photo{
	width: 90%;
	padding: 0 5%;
}

.flag_photo div{
	width: 20%;
	height: 20vw;
	overflow: hidden;
	margin: 0 0 3% 0;
	padding: 1%;
	border: 1px solid #DDDDDD;
	border-radius: 6px;
}

.flag_photo div img{
	height: 100%;
}

.classic_body{
	padding: 1% 4% 1% 4%;
}

.classic_body > img{
	margin: 3% 0 3% 10%;
}

.classic_con > img{
	float: left;
	margin: 0 3% 0 0;
}

.classic_con > p{
	text-indent: 2em;
	word-break: break-all;
	color: #8f5207;
	font-size: 3.5vw;
}

.classic_con::after{
	content: '';
	clear: both;
	display: block;
}

#classic_body_2 > img{
	margin: 3% 0 3% 0;
}

#classic_con_2 > img{
	float: right;
	margin: 0 0 0 3%;
}

.fee_summary{
	position: relative;
	margin: 0 0 2% 0;
}

.fee_summary > img{
	margin: 0 0 0 .5%;
}

.fee_summary > div{
	position: absolute;
	top: 11%;
	left: 3%;
	width: 85%;
	padding: 0 3%;
}

.fee_summary > div > p{
	text-indent: 2em;
	font-size: 3.5vw;
}

.fee_summary > div > p > span{
	font-size: 4.5vw;
	color: #d62c26;
}

.benefit{
	position: relative;
}

.benefit > img{
	padding: 0% 3% 30% 3%;
}

#benefit_1{
	position: absolute;
	top: 0;
	left: 0;
	width: 82%;
	padding: 0 0 0 3%;
}

#benefit_1 h1{
	line-height: 9vw;
	font-size: 5vw;
	color: #d62c26;
	text-indent: 0.5em;
}

#benefit_1 h2{
	width: 55%;
	margin: 0 0 5% 2%;
	text-align: center;
	background: #67a921;
	font-weight: normal;
	color: #ffffff;
	font-size: 3.5vw;
}

#benefit_1 > p{
	margin: 0 0 0 1%;
	font-weight: bold;
	color: #67a921;
	line-height: 4.8vw;
	font-size: 3.3vw;
}

#benefit_1 strong{
	margin: 0 3% 0 0;
	font-size: 4.5vw;
	color: #d62c26;
}

#benefit_1 div{
	margin: 5% 0 0 2%;
}

#benefit_1 div img{
	float: left;
	margin: 1.8% 0 0 0;
}

#benefit_1 div p{
	float: right;
	width: 94%;
	color: #ff9e11;
	font-size: 3.3vw;
}

#benefit_1 > img{
	position: absolute;
	top: 30%;
	right: -12%;
}

#benefit_2{
	position: absolute;
	top: 30%;
	right: 0;
	width: 74%;
	padding: 0 3% 0 0;
}

#benefit_2 > div{
	position: relative;
	margin: 0 0 5% 0;
}

#benefit_2 > div > p{
	position: absolute;
	top: 0;
	left: 12%;
	width: 66%;
	text-align: center;
	line-height: 9.5vw;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
}

#benefit_2 > p{
	font-size: 3.3vw;
	font-weight: bold;
}

#benefit_2 > img{
	position: absolute;
	top: 16%;
	left: -26%;
}

#benefit_3{
	position: absolute;
	top: 70%;
	left: 0;
	width: 78%;
	height: 25%;
	padding: 5% 0 0 5%;
}

#benefit_3 > div{
	position: relative;
	margin: 0 0 6% 0;
}

#benefit_3 > div > p{
	position: absolute;
	color: #67a921;
}

#benefit_3 > div > p >a{
	color: #67a921;
}

#benefit_3 > div > p:nth-child(2){
	top: -18%;
	left: 0;
	width: 92%;
	text-align: center;
	font-size: 3.5vw;
}

#benefit_3 > div > p:nth-child(3){
	bottom: 12%;
	left: 0;
	width: 92%;
	text-align: center;
}

#benefit_3 > p{
	color: #67a921;
	font-size: 3.3vw;
	font-weight: bold;
}

#benefit_3 > p img{
	display: inline;
	margin: 0 2% 0 0;
}

#benefit_3 > p:nth-of-type(3){
	color: #d62c26;
}

#benefit_3 > p:nth-of-type(3) img{
	margin: 0 1.5% 0 -0.6%;
}

#benefit_3 > img{
	position: absolute;
	top: 26%;
	right: -18%;
}

.bottom{
	margin: 0 0 0 0;
}

.popup{
	position: fixed;
	display: none;
    z-index: 888;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(20, 20, 20, 0.9);
}

.popup_con{
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	/*width: 100%;*/
    /*height: 100%;*/
}

.popup_con > img{
	/*display: block;*/
	/*max-width: 100%;*/
}

.list{
	padding: 0!important;
}

.imgzoom_pack {
	z-index: 999;
}

.imgzoom_x{
	/*display: none;*/
}
.footer-con{bottom: 0!important;}
.navbar .ico-logo img{margin-left: 10px;}
.calculate{font-size: 3.5vw;line-height: 5.5em!important;}
.navbar .ico-advisory{font-size: 3.5vw;line-height: 6.2em!important;}
.top_dh{background: #00bfa1;}

.description_a,.description_b,.description_c,.description_d,.description_e{float: left;width: 76%;height: 100%;display: flex;justify-content: center;align-items: center;}
.description_a h2,.description_b h2,.description_c h2,.description_d h2,.description_e h2{font-size: 4.3vw;margin-bottom: 6px;letter-spacing: 0;}
.description_a span,.description_b span,.description_c span,.description_d span,.description_e span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break:break-all;color: #808999;font-size: 3.2vw;line-height: 5.0vw;}
.conBody_a{position: relative;height: 30vw;margin: 0 3.5% 4% 3.5%;background: url(../../images/jtsg/bg_1.png) no-repeat center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;border-left: 2.5px solid #33cd81;border-radius: 10px;}
.conBody_b{position: relative;height: 30vw;margin: 0 3.5% 4% 3.5%;background: url(../../images/jtsg/bg_2.png) no-repeat center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;border-left: 2.5px solid #fd565a;border-radius: 10px;}
.conBody_c{position: relative;height: 30vw;margin: 0 3.5% 4% 3.5%;background: url(../../images/jtsg/bg_3.png) no-repeat center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;border-left: 2.5px solid #aa89bd;border-radius: 10px;}
.conBody_d{position: relative;height: 30vw;margin: 0 3.5% 4% 3.5%;background: url(../../images/jtsg/bg_4.png) no-repeat center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;border-left: 2.5px solid #ffa959;border-radius: 10px;}
.conBody_e{position: relative;height: 30vw;margin: 0 3.5% 4% 3.5%;background: url(../../images/jtsg/bg_5.png) no-repeat center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;border-left: 2.5px solid #51a6ef;border-radius: 10px;}
.is_show_a{height: 55vw;}
.is_show_b{height: 80vw;}
.is_show_c{height: 125vw;}
.is_show_d{height: 65vw;}
.is_show_e{height: 80vw;}
.a_con{-webkit-line-clamp: 7!important;}
.b_con{-webkit-line-clamp: 12!important;}
.c_con{-webkit-line-clamp: 23!important;}
.d_con{-webkit-line-clamp: 9!important;}
.e_con{-webkit-line-clamp: 12!important;}
#more_a,#more_b,#more_c,#more_d,#more_e {background: url(../../images/jtsg/Click.png) no-repeat 60% 0px;background-size: 8%;font-weight: 600;color: #3e3f3e;margin-top: 5px;text-align: center;}