@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; /*去掉input获取焦点后的外边框*/}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动,影响布局*/
img {border:0; vertical-align:middle; }  /*  去掉图片底测默认的3像素空白缝隙
还可以采用display:block*/
table { border-collapse:collapse; }/*合并边框*/
body {
    font:14px/150% tahoma,Arial,"Microsoft YaHei",'Hiragino Sans GB',sans-serif,'\5b8b\4f53';/*unicode 编码 宋体*/
    color:#333;
    background:#fff;
}
/*清除浮动 -- 减少浏览器渲染负担 -- 推荐*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
/* ========  基本样式   ======= */
html {
    font-size:100%;
    color:#333;
}
ul {
    margin:0;
    padding:0;
}
li {
    list-style: none;
}
/* ========   工具样式   ======= */

.fr {
    float:right;
}
.fl {
    float: left;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.invisible {
    /*这个属性的作用也是隐藏，只不过，通过这个属性隐藏之后元素所占的位置依旧保留，但是display则不会保留隐藏
    元素之前所占用的位置*/
    visibility: hidden;
}
.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow: none;
    background-color:transparent;
    border:0;
}
/* ========   浏览器更新提示   ======= */
.browserupgrade {
    margin:0;
    padding:10px;
    color: #666;
    background-color: #ccc;
}
.browserupgrade a {
	color: #2263d4;
}
.browserupgrade a:hover {
	color: #f56a00;
}
/* ========   页面样式   ======= */
.szh_banner{
	position: relative;
}
.szh_banner img{
	width: 100%;
}
.szh_banner a{
	display: block;
	position: absolute;
	width: 200px;
	height: 44px;
	background: #40f6ff;
	font-size: 20px;
	line-height: 44px;
	text-align: center;
	bottom: 27%;
	left: 20%;
	border-radius: 5px;
	color: #000;
}
.szh_banner:hover a{
	transform:scale(1.1);
	transition: all 1s;
}

@media screen and (max-width: 1366px){
    .szh_banner .btni {
    	position: absolute;
    	top: 65%;
    	left: 15%;
    }
}
@media screen and (min-width: 1367px) and (max-width: 1440px){
    .szh_banner .btni {
    	position: absolute;
    	top: 65%;
    	left: 16%;
    }
}
.szh_banner .btn1 {
	width: 180px;
	height: 46px;
	line-height: 46px;
	color: #051562;
	background: #ffd200;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	margin-right: 20px;
}
.szh_banner .btn2 {
	width: 180px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	background: #3ca1ff;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
}
.szh_banner button:hover{
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.4s;
}
.section{
	margin: 0 auto;
}
.s1 {
    width: 100%;
	padding: 60px 0;
}
.section .title{
	padding: 80px 0px 64px 0px;
}
.section .title h2{
	font-size: 36px;
	color: #0064ff;
	padding: 50px 0 15px 0;
	font-weight: bold;
	line-height: 36px;
}
.section .com-p{
	font-size: 20px;
	line-height: 36px;
	color: #999;
}
.gnyy{
	display: flex;
}
.gnyy-left{
	width: 25%;
	height: 640px;
	padding:0 14px 0 24px;
	box-sizing: border-box;
	position: relative;
}
.gnyy-left img{
	width: 100%;
	height: 640px;
}

.gnyy-left .wa{
	position: absolute;
	top: 60px;
	left: 80px;
	height: 560px;
}
.gnyy-left .wa h2{
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	padding-top:20px;
}
.gnyy-left .wa h3{
	padding-top:80px;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
}
.gnyy-left .wa h4{
	position: absolute;
	bottom: 10px;
	color: #d9d9d9;
}
.gnyy-left .wa p{
	color: #f1f1f1;
	font-size: 15px;
}
/* 必要布局样式css */
.gnyy-right {
	width: 75%;
	height: 640px;
	overflow: hidden;
    margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.ms{
	padding-top: 80px;
	text-align: center;
	font-size: 22px;
	color: #666;
	line-height: 36px;
}
.prev{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 16px;
	z-index: 2;
}
.next{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right:16px;
	z-index: 2;
}
.ato-list ul {
   width: 100%;
   height: 100%;
}

.ato-list ul li {
    width: 445px;
    height: 640px;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    top: 0;
    left: -10px;
	background: #f9f9fa;
	cursor: pointer;
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ato-list ul li h3 {
    font-size: 14px;
    color: #244e6f;
    font-weight: normal;
    margin-bottom: 10px;
	padding-top: 50px;
}

.ato-list ul li p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #8e8e8e;
    line-height: 25px;
    padding: 0 22px 20px 22px;
}
.ato-list li h2{
	font-size: 36px;
	color: #333;
	padding: 10px 0;
	font-weight: bold;
	line-height: 36px;
}
.ato-title h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}
.ato-list ul li:hover {
	background: #fff;
    box-shadow: 0 0 5px 3px #ededed;
    -webkit-transition: all 0.38s;
    -moz-transition: all 0.38s;
    -ms-transition: all 0.38s;
    -o-transition: all 0.38s;
    transition: all 0.38s
}
.bgpic{
	position: relative;
	margin-top: 100px;
	width: 100%;
}
.bgpic img{
	position: absolute;
	top: 0;
	right: 0;
}
.zindex0{
	z-index: 1;
}
.zindex1{
	z-index: 0;
}
.ato-list ul li:hover .zindex0{
	z-index: 0;
	transition: all 0.38s;
}
.kj ul li:hover .zindex0{
	z-index: 0;
	transition: all 0.38s;
}
.prev img,.next img{
	position: absolute;
}
.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}
.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
	left: 0;
}
.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
}

.next:hover .ato-ope{
    opacity: 0;
}

.ato-list-fl a:hover {
    background: #108cee;
    border: 1px solid #108cee;
}
.kj{
	margin-bottom: 100px;
}
.kj .bannerad{
	width: 100%;
}
.kj ul {
	display: flex;
	width: 100%;
	height: 100%;
	margin-top: 30px;
	padding: 0 26px 0 0;
	box-sizing: border-box;
}

.kj ul li {
	
    width: 25%;
    height: 640px;
    /* float: left; */
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
   /* position: relative;
    top: 0;
    left: -10px; */
	background: #f9f9f9;
}
.kj ul li img{
	max-width: 100%;
}
.kj ul li:before {
    content: '';
    display: block;
    width: 100%;
}

.kj ul li h3 {
    font-size: 14px;
    color: #244e6f;
    font-weight: normal;
    margin-bottom: 10px;
	padding-top: 50px;
}

.kj ul li p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #8e8e8e;
    line-height: 25px;
    padding: 0 22px 20px 22px;
}
.kj li h2{
	font-size: 36px;
	color: #333;
	padding: 10px 0;
	font-weight: bold;
	line-height: 36px;
}
.kj h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}
.kj ul li:hover {
	background: #fff;
    box-shadow: 0 0 5px 3px #ededed;
    -webkit-transition: all 0.38s;
    -moz-transition: all 0.38s;
    -ms-transition: all 0.38s;
    -o-transition: all 0.38s;
    transition: all 0.38s
}