@charset "utf-8";

/* 介绍部分 */
.root_page_head{padding:100px 0 0; overflow:hidden}
.root_page_head .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.root_page_head .img_box{width:684px; float:left; position:relative; min-height:500px}
.root_page_head .img_box:before{content:""; display:block; width:1000%; height:15px; background:#0a4595; position:absolute; right:0px; bottom:0;}
.root_page_head .img_box img{position:relative; z-index:2; width:100%; margin-bottom:30px; margin-top:30px}
.root_page_head .text{margin-top:160px; width:calc(100% - 684px); float:left; padding-left:50px; box-sizing:border-box; }
.root_page_head .text:before{content:""; display:block; width:1000%; height:15px; background:#0a4595; position:absolute; left:0px; top:0;}
.root_page_head .text span{display:block; font-size:20px; color:#999;  font-weight:bold; margin-bottom:10px}
.root_page_head .text h3{font-size:48px; color:#222; letter-spacing:-0.065em; font-weight:100; line-height:60px;}
.root_page_head .text h3 b{color:#0a4595}
.root_page_head .text .hr{width:233px; height:4px; margin:30px 0 40px 0px; background:#0a4595;}
.root_page_head .text p{font-size:16px; color:#555; letter-spacing:-0.045em; font-weight:200; margin-bottom:30px; line-height:24px}
.root_page_head .text p b{font-weight:550; color:#222;}

/*菜单列表*/
.root_page_content  { padding-top:100px; }
.root_page_content ul:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.root_page_content ul{font-size:0; letter-spacing:-4px; margin-bottom:35px; padding-top:65px; border-top:3px solid #333; }
.root_page_content ul li{ width:50% ; display:inline-block; vertical-align:top;padding:15px; border-radius:5px;margin-bottom:60px;box-sizing:border-box; min-height:580px;border:1px solid #FFF;}
.root_page_content ul li:hover{border:1px solid #eee;  filter: drop-shadow(2px 2px 5px #eee); background-color:#f9f9f9}

.root_page_content ul li span{position:relative; display:block; line-height:1.2; box-sizing:border-box; font-size:22px; color:#222; letter-spacing:-0.045em; font-weight:bold; padding-left:20px; margin-bottom:14px;}
.root_page_content ul li span:before{content:""; width:5px; height:21px; background:#0a4595; position:absolute; left:0; top:4px;}
.root_page_content ul li pre{font-size:16px; color:#222; letter-spacing:-0.045em; margin-bottom:0px 10px 50px;  word-break:break-all;white-space: pre-wrap; height:88px; padding:5px; overflow:hidden; text-align:center ; line-height:28px}
.root_page_content ul li .img_box{width:100%; height:256px; margin-bottom:15px; display:block; overflow:hidden;border-radius:10px; }
.root_page_content ul li .img_box img{width:100%; height:100%; }
.root_page_content ul li.count_2 .img_box {height:256px}

/* 孙菜单列表*/
.root_page_content ul li .bot_btn a:hover{background:#0a4595; color:#fff; border-color:#0a4595;}
.root_page_content ul li .bot_btn a{display:inline-block; height:46px; line-height:44px; vertical-align:top; border:1px solid #e5e5e5; border-radius:5px; font-size:16px; color:#777; letter-spacing:-0.045em; font-weight:300; margin:2px; box-sizing:border-box; width:100%; background-color:#FFF}
.root_page_content ul li .bot_btn{font-size:0; text-align:center; letter-spacing:-4px;}


.root_page_content ul li.count_3 { width:33.33%;}

.root_page_content ul li.special{width:calc(50% - 40px); margin-left:20px; margin-right:20px ;border:1px solid #eee; padding:0px; min-height:480px; }
.root_page_content ul li.special .img_box{width:100%; height:440px; margin-bottom:15px; display:block; border-radius:5px  }
.root_page_content ul li.special .img_box img { border-radius:5px 5px 0px 0px; border-bottom:1px solid #eee; }
.root_page_content ul li.special .text { text-align:center; }
.root_page_content ul li.special .text pre {font-size:17px; color:#777; min-height:200px; font-weight:500; line-height:30px ; letter-spacing:0; }
.root_page_content ul li.special .text b {font-size:26px; color:#000; font-weight:bold; margin:30px auto; display:inline-block; letter-spacing:0;}

@media all and (max-width:1200px){
	.root_page_head .img_box{width:50%;}
	.root_page_head .text{width:50%; padding-left:40px; margin-top:100px;}
	.root_page_head .text h3 { font-size:44px;}
	
	.root_page_content ul li{width:calc(50% - 30px); margin-bottom:70px;}
	.root_page_content ul li p{min-height:72px;}
}

@media all and (max-width:1000px){
	.root_page_head .img_box{width:100%; float:none; }
	.root_page_head .text{width:100%; float:none; padding-left:40px; margin:80px 0 0;}	
	
	.root_page_content ul li.count_3 { width:50%; min-height:580px }
	.root_page_content ul li.special{width:calc(50% - 20px); margin-left:10px;margin-right:10px }
}

@media all and (max-width:768px){
	.root_page_content ul li			{width:100%; margin-bottom:70px; min-height:200px}
	.root_page_content ul li.special	{width:100%; margin:0px; margin-bottom:70px; min-height:200px}
}