@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
html,body{min-width: 1200px;}
img,input,button {border: 0;}
i,h2{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:16px;}
a:hover{color: #2968d0;}
button,img,input { vertical-align: middle;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }

.top{ width:100%; background: url(2023zwgkgzyd_banner.jpg) no-repeat center top; height: 439px; }
.conner{ width:1200px;height:auto; margin:0 auto; overflow:hidden; position:relative;}
.logo{ margin-top:20px; float:left;}
.rol_01{ height:320px;width:1200px;margin: 0 auto; }
.rol_tit{background: url(2023zwgkgzyd_tit.png) no-repeat center center;height: 88px;text-align: center;}
.rol_tit a{font-size: 32px;color: #2c5fb7;line-height: 47px;font-weight: bold;}
.rol_list1{margin-top: 50px;}
.rol_list1 ul li{width: 345px;position: relative;margin-right: 22px;padding: 20px 20px;
	height: 166px;text-align: right;float: left;}
.rol_list1 ul li a{font-size: 20px;text-align: right;display:block;
	font-weight:bold;
	line-height: 47px;
	color: #3574e0;}
.rol_list1 ul li span a{background-color: #3574e0;color: #ffffff;
	border-radius: 6px;display: inline-block;font-size: 16px;line-height:30px;font-weight: normal;padding: 0 10px;}
.rol_list1 .rol_01icon1{background: url(2023zwgk_icon1.jpg) no-repeat center center;}
.rol_list1 .rol_01icon2{background: url(2023zwgk_icon2.jpg) no-repeat center center;}
.rol_list1 .rol_01icon3{background: url(2023zwgk_icon3.jpg) no-repeat center center;margin-right:0px;}

.rol_02{ height:455px;width:1200px;margin: 0 auto; margin-top:60px; }

.rol_list2{ background:url(2023zwgk_list2.png) no-repeat center top;height: 320px;margin-top: 50px;}
.rol_list2 ul li{background:url(2023zwgk_list2bg.png) no-repeat center bottom;width: 247px;height:190px;float:left;padding-top: 135px;margin-right: 70px; text-align: center;}
.rol_list2 ul li strong{font-size: 18px;
	font-weight: bold;
	line-height: 23px;
	letter-spacing: 1px;
	color: #000000;}
.rol_list2 ul li a{font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #ffffff;text-align: center;display: block;}
.rol_list2 ul li:nth-child(4n){margin-right: 0;}
.rol_list2 ul li .rol_02hang{margin-top:40px;}
.rol_list2 ul li .rol_02hangs{margin-top:55px;}

.rol_03{padding:30px 0;height: 687px;width: 100%;
	background-color: #eff9ff;margin-top: 50px;}
.rol_list3{width: 1200px;margin: 0 auto;}
.rol_list3 ul{ background:url(2023zwgk_list3.png) no-repeat center center;height: 210px;margin-top: 50px;padding:13px 75px;width:1050px;}
.rol_list3 ul li a{float: left;width:273px;height: 55px;font-size: 18px;
	font-weight:bold;text-align: center;margin-top: 34px;margin-left: 60px;text-indent: 60px;
	line-height:55px;
	letter-spacing: 0px;
	color: #ffffff;}
.rol_list3 span a{height: 57px;background-color: #3574e0;font-size: 22px;line-height:57px;letter-spacing: 1px;color: #ffffff;display: block;margin: 44px 0;text-align: center;font-weight: bold;}
.rol_list3 a img{float: left;}
.rol_04{ height:320px;width:1200px;margin: 0 auto;margin-top:30px; }
.rol_list4 li{float: left;margin-right:43px;margin-top: 40px;}
.rol_list4 li:nth-child(3n){margin-right: 0;}
.rol_05{ height:240px;margin-top:10px; width:1200px;margin: 0 auto;}
.rol_list5 li{float: left;margin-right:12.5px;margin-top: 40px;}
.rol_list5 li:nth-child(4n){margin-right: 0;}
.rol_list1 ul li:hover{ -webkit-transform: scale( 1.02,1.02); -moz-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02);  transform: scale(1.02,1.02); }
.rol_list3 a img:hover,.rol_list4 li a img:hover,.rol_list5 li a img:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.rol_list2 ul li a:hover,.rol_list3 ul li a:hover,.rol_list3 span a:hover{color: #000000;}



@media only screen and (max-width: 800px) {
	html, body{min-width:100vw;}
	.top{background-size: 130%;height: 30vw;}
	.logo{margin-top:5px;margin-left: 5px;}
	.logo a img{width: 60%;height: auto;}
	.rol_01,.rol_02,.rol_03,.rol_04,.rol_05,.conner,.rol_list3,.rol_05 .rol_list5 img,.rol_list3 a img{width: 100vw;float: none;padding: 0;}
	.rol_01{height:600px; }
	.rol_02{height: 530px;margin-top: 30px;}
	.rol_03{margin-top: 0px;padding-top: 30px;}
	.rol_04{height:580px; }
	.rol_05{display: none;}
	.rol_tit{background:none;}
	.rol_tit a{font-size: 20px;line-height: 28px;}
	.rol_list1{margin-top:0px;}
	.rol_list1 ul li{width: 90vw;padding:20px 4vw ; margin: 5px auto!important;float: none;}
	.rol_list2{background: none;margin-top: 0px;}
	.rol_list2 ul li{width: 48vw;padding-top:0px;margin-right:2vw;}
	.rol_list2 ul li:nth-child(2n){margin-right: 0;}
	.rol_list2 ul li:nth-child(3),.rol_list2 ul li:nth-child(4){margin-top: 30px;}
	.rol_list2 ul li strong{font-size: 14px;letter-spacing: 0;}
	.rol_list2 ul li a{font-size: 14px;}
	.rol_list3 ul{width:98vw;background: none;padding: 0;margin-top: 0px;margin: 0 auto;height: 140px;}
	.rol_list3 a img{margin-left: 0px!important;}
	.rol_list3 ul li a{background: #0076df;border-radius: 4px;width: 30vw;font-size: 14px;margin-top:0px;margin-left: 0;margin-right:2vw;margin-bottom:15px; text-indent: 0;text-align: center;display: block;}
	.rol_list3 ul li a:nth-child(3n){margin-right: 0;}
	.rol_list4 li{float: none;margin: 10px auto;text-align: center;}

}