@charset "gbk";
	* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	}
body {font-family:"΢ÈíÑźÚ";}
h1,h2,h3,h4,h4,p,ul,li {
	margin:0 auto;
	padding:0;
	}
.clearfix::before,.clearfix::after{
    content: '';
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
a:hover { text-decoration: none;}
.tc { text-align:center;}

h2{
    font-size: 40px;
    color: #333;
    text-align: center;
    padding: 55px 0;
    margin: 0 auto;
    font-weight: bold;
	}
	
.head_dy:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}

.header{
	background: url(/Specials/ztgjcb/ban.jpg) no-repeat top center;
	min-height: 968px;
	}
.header .container,.header_sm .container{position: relative;}
.head_dy{
	width:80%;
	margin: 30px auto;
	background: #fff;
	border: 1px dashed #5a4dda;
	padding: 15px 20px;
	border-radius: 10px 10px;
	box-shadow: 0px 0px 20px #5a4dda;
	}
.head_dy img { float: left; margin-right: 20px;}
.head_dy p {
	font-size: 18px;
	color: #5a4dda;
	line-height: 30px;
	}
.head_title {
	position: absolute;
	width: 130px;
	height: 130px;
	color: #5a4dda;
	font-size: 60px;
	line-height: 65px;
	font-weight: bold;
	top: 275px;
	left: 260px;
	}
.head_more {
	width: 100%;
	position: absolute;
	top: 740px;
	left: 0px;
	}
.head_more .dd1 { margin-left: 300px;}
.head_more .dd2 { margin-left: 72px;}
	
.header_sm{ display:none; background: url(/Specials/ztgjcb/ban.jpg) no-repeat top center; background-size: 200%; height: 774px;}
.header_sm_sm { display:none; background: url(/Specials/ztgjcb/ban.jpg) no-repeat top center; background-size: 200%; height:378px;}

.main_bg{
	background: url(/Specials/ztgjcb/main_bg_1.jpg) top center no-repeat;
	background-size: cover;
	height: 762px;
	}
.main_cont {
	background:#fff;
	border: 3px solid #5242d2;
	border-radius: 20px 20px;
	font-size: 20px;
	line-height: 24px;
	display: inline-block; 
	margin-bottom: 12px;
	}

.main_cont p{
	padding: 5px 20px;
	}
.main_cont p a { padding: 1px 10px; background: #1af7ff; box-shadow: 2px 2px 0px #3f33a3; border-radius: 20px 20px; font-size: 16px; color: #4639ab;}
.main_cont p a:hover { background:#FF0;}
.main_img { text-align: center; margin-top: 25px;}
.main_img_11 { text-align: center; margin-top: 25px; display: none;}

.main_2 {
	width: 100%;
	height: 524px;
	background: url(/Specials/ztgjcb/main_bg_2.jpg) top center no-repeat;
	}
.main_2 .col-md-2 { width: 20%;}
.m_ys {
	background:#fff;
	border: 3px solid #5242d2;
	border-radius: 20px 20px;
	padding: 10px 0px;
	font-size: 20px;
	color: #5549cf;
	display: inline-block;
	text-align: center;
	box-shadow: 5px 5px 0px #c2c8ff;
	}
.m_ys strong {
	font-size: 26px;
	color: #ff00de;
	}
.m_ys p { margin: 10px 15px;}
.m_ys_img {padding-top: 90px;}
.m_ys_img22 { display: none; padding-top: 90px;}

.main_3 {
	width: 100%;
	height: 505px;
	background: url(/Specials/ztgjcb/main_bg_3.jpg) top center no-repeat;
	}
.main_pc img { margin-top: 80px;}
.main_pc { display: block;}
.main_sm { display: none;}
.main_sm img { margin-top: 60px;}

.main_4 {
	width: 100%;
	height: 857px;
	background: url(/Specials/ztgjcb/main_bg_4.jpg) top center no-repeat;
	padding-top: 50px;
	}
.m_4_box {
	background: #fff;
	box-shadow: 10px 10px 0px #9296f1;
	padding: 20px 10px;
	}
.lwen { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #5b513c;}
.lwen h4 i{ float:left; width:22px; height:22px; background:#a9345a; margin-right:14px;}
.lwen h4 a {
	font-size: 18px;
	color: #000;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	}
.lwen h4 a:hover { color: #f00;}
.lwen p {
	color: #666;
	height: 52px;
	overflow: hidden;
	line-height: 26px;
	}
.lwen p a { color:#a9345a;}


.white { color: #543ecd;}

footer{text-align: center;margin:30px 0;}

@media screen and (max-width: 1199px){
	.header { background: url(/Specials/ztgjcb/ban.jpg) no-repeat top center; background-size:cover;}
	.head_title { left: 160px;}
	.head_more .dd1 { margin-left: 200px;}
	.m_ys { height: 167px;}
	.m_ys_img img { max-width: 100%;}
}
@media screen and (max-width: 1023px){
	.header { display: none;}
}
@media screen and (max-width: 768px){
	.header_sm{display: block;}
	.head_dy { width: 100%;}
	.head_dy p { font-size: 15px; line-height: 24px;}
	.head_title {
		left: 115px;
		top: 215px;
  		font-size: 50px;
    	line-height: 55px;
		}
	.head_more { top: 590px;}
	.head_more .dd1 {margin-left:150px;}
	.head_more .dd2 { margin-left: 60px;}
	.head_more .dd1 img, .head_more .dd2 img { width: 26%;}
	.m_ys { font-size: 18px; height: 155px;}
	.m_ys p { margin: 10px 10px;}
	.main_pc img { width: 100%;}
}
@media screen and (max-width: 480px){
	.header_sm { height: 427px;}
	.head_dy { margin-top: 10px; padding: 5px 10px;}
	.head_dy img { width: 20%; margin-right: 10px;}
	.head_dy p { font-size: 12px; line-height: 18px;}
	.head_title { left: 65px; top: 120px; font-size: 30px; line-height: 30px; width: 75px;}
	.head_more { top: 325px;}
	.head_more .dd1 { margin-left: 85px;}
	.head_more .dd2 { margin-left: 28px;}
	.main_img img { max-width: 100%;}
	.main_cont { font-size: 18px;}
	.main_img { display: none;}
	.main_img_11 { display: block;}
	.main_2 { background-size: 400%; height: 425px;}
	.main_2 .col-md-2 { width: 33.333333333334%;}
	.m_ys { height: 130px; font-size: 14px; margin-bottom: 20px;}
	.m_ys strong { font-size: 18px;}
	.m_ys_img { display: none;}
	.m_ys_img22 { display: block; padding-top: 20px;}
	.main_3 { height: 260px;}
	.main_pc { display: none;}
	.main_sm { display: block;}
	h2 { font-size: 30px;}
	.main_4 { height: auto; background: #cfd2f3 url(/Specials/ztgjcb/main_bg_4.jpg) top center no-repeat; padding-bottom: 20px;}
	.m_4_box { margin: 5px 5px;}
	.footer { font-size: 12px;}
	.footer a { padding: 0px 5px; font-size: 12px;}
}
@media screen and (max-width: 414px){
	.header_sm { display: none;}
	.header_sm_sm { display:  block;}
	.head_title{left: 60px; top: 107px; font-size: 24px; line-height: 26px; width: 70px;}
	.head_more .dd1 img, .head_more .dd2 img { max-width: 100%; width: auto;}
	.head_more .dd1 { margin-left: 65px;}
	.head_more .dd2 { margin-left: 10px;}
	.head_more { top: 285px;}
	.m_ys { font-size: 12px; height: 115px;}
	.main_2 { height: 375px;}
}

@media screen and (max-width: 320px){
	.header_sm_sm { height: 322px;}
  	.head_title { left: 52px; top: 90px; font-size: 20px; line-height: 22px; width: 50px; height: 50px;}
	.head_more { top: 240px;}
	.head_more .dd1 img, .head_more .dd2 img { width: 30%;}
	.main_cont { font-size: 14px;}
	.main_img_11 img { max-width: 100%;}
	.main_sm img { width: 100%;}
	.main_2 { background-size: 480%;}
	.main_2 .col-md-2 { padding-left: 10px; padding-right: 10px;}
	.m_ys_img22 img { width: 100%;}
	h2 { font-size: 24px;}
}




.pop_l {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	}
.pop_l ul {
	border-radius: 8px;
	width: 80px;
	
	}
.pop_l ul li {
	display: block;
	text-align: center;
	font-size: 15px;
	position: relative;
	margin-bottom: 10px;
	background: #2188b7;
	line-height: 18px;
	box-shadow: 0px 0px 10px #ddd;
	}
.pop_l ul li:hover { background: #1781b1}
.pop_l ul li:first-child { background: none; box-shadow: none;}
.pop_l ul li:first-child img{ max-width: 100%; }
.pop_l ul li a {
	display: block;
	height: 100%;
	padding: 10px 20px;
	color: #fff;
	}
.pop_l ul li:last-child { border-bottom: none;}
.pop_l ul li p {
	position: absolute;
	display: none;
	width: 125px;
	top: 0px;
	right: 85px;
	padding: 5px 5px;
	font-size: 13px;
	border: 1px solid #ddd;
	line-height: 18px;
	background: #fff;
	}
.pop_l ul li p img {
	display: block;
	max-width: 100%;
	}
.pop_l ul li:hover p { display: block;}