@charset "gb2312";
/* CSS Document */

.list a>p,.titleBox .title .titleLeft>p,.titleBox .title .video_data>h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

html article,html aside,html audio,html body,html dd,html div,html dl,html footer,html form,html h1,html h2,html h3,html h4,html h5,html h6,html header,html iframe,html input,html label,html nav,html ol,html p,html section,html select,html td,html textarea,html th,html time,html ul,html video {
    margin: 0;
    padding: 0
}

html article,html aside,html audio,html canvas,html footer,html header,html nav,html section,html video {
    display: block
}

html body {
    font: 14px/1.5 '-apple-system',BlinkMacSystemFont,Roboto,Ubuntu,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif;
}

html em,html i,html sub,html sup {
    font-style: normal
}

html textarea {
    resize: none;
    outline: 0
}
/*
html input {
    outline: 0
}

html button,html input {
    -webkit-appearance: none
}
*/
html iframe,html img {
    border: 0
}

html li,html ol,html ul {
    list-style: none
}

html a {
    text-decoration: none;
    outline: 0;
    list-style-type: none;
    color: #333
}

html h1,html h2,html h3 {
    font-weight: 400;
}


.top{ width:1200px; height:172px; margin:0 auto;}
.logo{ float:left;}
.logo-right{ float:right; margin-top:34px;}

.nav{ width:100%; height:71px; background:#50b5cf;}
.nav ul{ width:1200px; margin:0 auto;}
.nav li{ float:left; color:#fff; font-size:25px; line-height:71px; width:171px; background:url(/images/nav-xian.jpg) no-repeat right; text-align:center;}
.nav li a:hover{color:#fff; font-size:25px; line-height:68px; height:68px; width:171px; background:url(/images/nav-xian2.jpg) no-repeat bottom; display:block;}
.nav li a{ color:#fff;}

.con1{ width:1200px; height:430px; margin:20px auto;}
.con1left{ float:left; width:250px; height:430px; background:#f5f5f5; clear:both;}
.con1left h3{ width:223px; height:46px; line-height:46px; font-size:28px; background:#50b5cf; text-align:center; color:#fff; margin:12px 0 15px 12px;}
.con1left li{padding-left:12px;line-height:42px;    width: 238px;
    height: 42px;
    overflow: hidden;}
.con1left li img{ width:12%;padding-right:10px; padding-top:8px; line-height:42px; float:left;}



.study_slider {
	width:625px; margin-left:18px;
	height:430px;
	overflow:hidden;
	position:relative;
	float:left;
}

.study_slider .pic{ position:relative; z-index:0; }	

.study_slider .pic li {
	position:relative; 
	z-index:1;
	height:430px;
}

.study_slider .pic li b {
	display:block; 
	position:absolute; 
	left:0; 
	bottom:0; 
	z-index:5; 
	background: linear-gradient(to top, rgb(0, 0, 0), transparent);
	width:100%; 
	height:70px; 
	line-height:30px; 
	color:#FFF; 
	box-sizing:border-box; 
	padding:25px 15px 0px 15px; 
	font-weight:normal;
	font-size:18px;
}

.study_slider .pic li img { 
  	height:100%;
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}	

.study_slider .hd {
	width:30%; 
	position: absolute; 
	z-index:11; 
	bottom: 23px; 
	text-align:right; 
	font-size:0; 
	z-index:1;
	right:5px;
}

.study_slider .hd li {
    margin: 0 8px 0 0; 
	background: #eee;
	border-radius:5px;
	height: 6px; 
	overflow: hidden; 
	width: 6px; 
	cursor: pointer;
	display:inline-block; 
}	
.study_slider .hd .on{ 
    background: #83d4cc;
	width:20px;
}	
.study_slider .prev, .study_slider .next {
	width: 40px; 
	height: 60px; 
	margin-top:-30px;  
	display: none; 
	background: url(/images/ad_ctr.png) no-repeat 0 0; 
	position: absolute; top: 50%; 
	z-index: 10; 
	cursor: pointer; 
	text-indent: -9999px; 
	filter:alpha(opacity=20);
	opacity:0.2;
}	
.study_slider .prev {
	left: 0;
}	
.study_slider .next {
	background-position: 0 -60px;
	right: 0;
}	
.study_slider .prev:hover, .study_slider .next:hover {
	filter:alpha(opacity=50) !important;
	opacity:0.5 !important;
}


.con1right{ float:right; width:290px; height:430px; background:#f5f5f5;}
.con1right dl{ width:270px; height:69px; margin:14px 0 0 13px; background:url(/images/con1right02.png) no-repeat right center;}
.con1right dl dt{ float:left;}
.con1right dl dd{ float:left; padding-left:10px; padding-top:5px; width:130px;}

.banner{ width:1200px; margin:0 auto;}

.con2{ width:1200px; height:880px; margin:20px auto;}
.con2left{ width:832px; height:880px; float:left; background:#f5f5f5; overflow:hidden;}
.con2left h3{ width:832px; text-align:center; height:80px; line-height:80px; background:url(/images/con2left01.jpg) no-repeat center bottom; font-size:45px; color:#2b96b3; padding-top:10px;}
.con2lefts{ padding-top:20px; padding-left:70px; height:32px;}
.con2lefts li{ float:left; font-size:20px; height:40px; line-height:40px;}
.con2lefts li a{ float:left; font-size:20px; height:40px; line-height:40px; padding:0 40px; background:url(/images/con2left04.jpg) no-repeat right center;}
.con2lefts li.hover{ float:left; font-size:20px; height:40px; line-height:40px;  background:url(/images/con2left07.jpg) no-repeat bottom center;}
.con2leftx{ padding-top:12px;}
.con2leftx dl{ height:150px; width:810px; margin:25px auto; background:#fff;}
.con2leftx dt{ float:left;}
.con2leftx dd{ float:right; width:580px; padding-right:10px; padding-top:15px;}
.con2leftx dd li{ float: left; background:#e8f4fa; padding:2px 5px; margin-right:10px;}
.con2leftx ul{ width:430px; float:left; height:30px;}
.con2leftxs{ width:580px; height:90px; clear:both;}
.con2leftxx h4{ float:right; width:150px; height:30px;margin-bottom:15px;}
.con2leftxx span{ color:#f00; padding-left:3px;}

.con2right{ width:350px; float:right; overflow:hidden;}
.con2rightx{ margin-top:27px;}
.container{position:relative;z-index: 9;background:rgba(51,51,51,0.8);width:350px;height:480px;overflow:hidden;padding:27px 0 27px 15px;box-sizing:border-box;text-align:center;}
.title{font-size:30px;color:#ffffff;font-weight:bold;margin-top:5px;text-align:left; padding-left:10px;}
.desc{font-size:18px;color:#ffffff; padding-top:10px;text-align: left; padding-left:10px; clear:both;}
.mianze{ color:#52BCFF;font-size:12px }
.container .input-control{width:122px;height:40px;margin-top:30px;color:#333333;font-size:14px;box-sizing:border-box;}
.container .area{margin-left:15px;}
.container .agree{margin-top:30px;}
.container .input_sty{width:300px;height:40px;margin-top:15px;padding:0px 10px;color:#333333;font-size:14px;box-sizing: border-box;border: none; float:left}
.sumbit{background:#ED404D;font-size: 16px;font-weight:bold;line-height: 20px;color: #FFFFFF;width:300px; float: left;height:40px;margin:15px 0px 0 0; border:0;}
.num_color{color:#FFC04A;font-size:12px;}
.form-horizontal{ padding-left:10px;}
.disclamer-line{font-size: 16px; 
    color: #999;
    text-align: left;
    overflow:hidden;
    margin-top:15px;
    margin-bottom: 0;
}
.no-margin{
    margin-top:20px;
}
.disclamer-line span{
    font-size: 14px
}
.disclamer-line .disclamer-check{
    width:10px;
    height: 10px;
    border:1px solid #999;
    border-radius: 2px;
    margin-top:3px !important;
    margin-right:5px !important;
    cursor:pointer;
    position:relative;
    display: inline-block
}
.disclamer-line a{
    color:#1F80C7;
    display: inline-block;
    border-bottom:none;
    text-align: center;
    position:relative;
}
.disclamer-line a span{
    left:-4px;
}
.disclamer-line span.disclamer-text{
    color:#ffffff;
}
.disclamer-line .disclamer-check i.fa-check{
    position:absolute;
    top: -1px;
    color: #1F80C7;
}
.container .error-tit{
    height: 15px;
    line-height: 15px;
    color: #ED404D;
    width:260px;
    text-align:left;
}
.container .top_form_mask .success_exit:hover{cursor: pointer;}
.container .top_form_mask .success{width:420px;height:220px;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);z-index:9999;background:#FFFFFF;text-align:center;}
.container .top_form_mask .success span{color:#ED404D;font-size:14px;}
.container .top_form_mask .success_exit{background:#ED404D;width:260px;height:40px;display:flex;justify-content:center;align-items:center;font-size: 18px;z-index:9999;font-weight: 600;line-height: 25px;color: #FFFFFF;opacity: 1;margin:20px auto} .exit_btn:hover{cursor: pointer;}
.exit_btn_success{cursor: pointer;}
.exit_btn_success{position:absolute;top:20px;right:20px;background: url(/assets/home/index/img/new/close.png);background-size: 100% 100%;background-repeat: no-repeat;width:30px;height:30px;}
.top_form_mask{width:100%;height:100%;background:rgba(0,0,0,0.8);opacity: 1;position:fixed;left:0;right:0;top:0px;bottom:0px;overflow:hidden;z-index:9999}


.con3{ width:1200px; height:800px; margin:0 auto; clear:both;}
.con3 h5{ width:1200px; text-align:center; height:80px; line-height:80px; background:url(/images/con301.jpg) no-repeat center bottom; font-size:45px; color:#2b96b3; padding-top:10px; margin-bottom:50px;}

.con3 .li{width:285px;margin:0 10px 20px 5px;float:left;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative;border-radius:3px;background-size: cover;background-position: center;transition: all .3s ease 0s;}
.con3 .li:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);-webkit-transform: translateY(-3px);transform: translateY(-3px);}
.con3 .li .img{overflow: hidden;border-radius:3px 3px 0 0;position: relative;height: 180px;}
.con3 .li .img a{display: block;height: 100%}
.con3 .li img{width:100%;height:100%;border-radius: 3px 3px 0 0;transition: all .3s ease-out 0s;object-fit: cover;background: #f0f0f0;display: block;font-size:0;}
.con3 .li img:hover{-webkit-transform: scale(1.03);transform: scale(1.03);transition: all .3s ease-out 0s;}
.con3 .li h3{font-size:15px;font-weight:normal;margin:5px 15px 10px;position:relative;}
.con3 .li h3 a{color:#062743;line-height:20px;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:20px}
.con3 .li h3 a:hover{color: #ff5f33}
.con3 .li .cat{padding: 15px 15px 0 15px;display: block;font-size: 12px;color: #8a92a9;margin-left: 18px;position: relative;}
.con3 .li .cat:after {content: " ";width: 4px;height: 4px;display: block;border-radius: 15px;position: relative;left: -18px;top: -13px;border: 2px solid #ff5f33;}
.con3 .li .meta{color:#8a92a9;padding:0 15px 8px 15px;font-size:12px;height: 26px;overflow: hidden;}
.con3 .li .meta .time,.piclist .li .meta .views{margin-right: 8px;position: relative;}
.con3 .li .meta .time i,.piclist .li .meta .views i{font-size: 10px;margin-right: 5px}
.con3 .li .meta .video{color: #ff5f33;position: absolute;right: 15px;top: 8px;z-index: 9;}
.con3 .li .meta .video .iconfont{font-size: 20px}
.loadmore{margin: 0 auto;display: block;text-align: center;}
.loadmorep{color: #999;text-align: center;}

.con4{ width:1200px; height:350px; margin:0 auto; clear:both;}
.con4 h3{ width:1200px; text-align:center; height:80px; line-height:80px; background:url(/images/con301.jpg) no-repeat center bottom; font-size:45px; color:#2b96b3;}

.foot{ width:100%; height:480px; background:#2d2d2d;}
.footcon{ width:1200px; margin:0 auto; color:#fff; font-size:14px; line-height:50px;}
.footconl{ float:left; width:500px; padding-top:50px;}
.footconl a{ color:#fff;}
.footconr{ float:right;}
.footconr dl{ float: right; width:250px; padding-top:70px; height:280px;}
.footconr dt{ font-size:18px;text-align:right;}
.footconr dd{ text-align:right;}
.footconr a{ color:#fff;}
.footx{ clear:both; text-align: center;}




.list01{ width:1198px; height:60px; border:1px solid #ccc; margin:20px auto; background: url(/images/list01.jpg) no-repeat left center;}
.list01 dt{ font-size:22px; color:#fff; line-height:60px; padding-left:10px; float:left;}
.list01 dd{ padding-left:50px; line-height:60px; height:60px; float:left; font-size:22px;}