body{margin: 0;padding: 0;font-family: "microsoft yahei",arial;font-size: 16px;background:url(../img/index/bg.png) no-repeat center 200px #dae8f5;}
ul,li,dl,dt,dd {list-style-type: none;margin: 0;padding: 0;}
h1,h3,h3,h4,h5,h6,p {margin: 0;padding: 0;}
body{color: #0e1d44;}
a {color: #0e1d44;text-decoration: none;}
a:hover {color: #0e1d44;}
.fl{float: left;}
.fr{float: right;}
input[type="text"],button,input[type="search"]{outline: none;}
button{cursor: pointer;}
*{box-sizing: border-box;}
.clearfix{zoom: 1;}
.clearfix:after{content: "";display: block;height: 0;clear:both;}
@font-face {
	font-family: din;
	src: url("../fonts/din-bold.otf") format("opentype");
}

.form-input::-webkit-input-placeholder { 
	/* WebKit browsers，webkit内核浏览器 */
	color: #666; 
	font-size: 16px;
} 
.form-input:-moz-placeholder { 
	/* Mozilla Firefox 4 to 18 */ 
	color: #666; 
	font-size: 16px;
} 
.form-input::-moz-placeholder { 
	/* Mozilla Firefox 19+ */ 
	color: #666; 
	font-size: 16px;
} 
.form-input:-ms-input-placeholder { 
	/* Internet Explorer 10+ */ 
	color: #666; 
	font-size: 16px;
}
.ellipsis{
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
	
.header{width:100%;height: 200px;background: url(../img/index/bg-top.png);}
.header .innerbox{width: 1220px;margin: 0 auto;}
.header .logo{margin-top: 40px;float: left;}
.header-right{float: right;position: relative;}
.header-right{width: 430px;padding: 30px 0 0 0;}
.searchbox{width: 430px;height: 50px;padding:0;position: relative; margin-top: 50px; float: left; border-radius: 10px;background: #EAF2FC;}
.searchbox .form-input{width: 340px;height: 48px;color: #96d7fd; padding-left: 15px; line-height: 48px; border:none;float: left; outline:none; background: transparent;}
.searchbox .btn-search{width: 58px;height: 48px;border-radius: 0 10px 10px 0;position:absolute;top: 1px;right: 1px; border: none;background-color: #5dc5ec;text-decoration: none;
color: #fff;float: right; background-color: #144B8A;}
.accountbox{font-size: 12px;float: right;}
.accountbox em{margin: 0 10px;font-style: inherit;color: #ccc;}
.accountbox a{color: #666;}
.accountbox a i{margin-right: 5px;}


.mainnav{width: 100%;height: 60px;background-color: #3179b3;font-weight: bold;margin-bottom: 5px;border-top: 1px solid #fff;}
	/* background-image: linear-gradient(180deg, #3179b3 9%, #13366e 45%, #081b59 68%, #19399e 100%);border-radius: 10px;} */
.mainnav .innerbox{width:1370px; height: 60px; margin: 0 auto;}
.mainnav a{width:calc(100% / 8);line-height: 60px;font-size: 20px; color: #fff;text-align: center; display:block;float: left; height: 100%;}
.mainnav a:hover{background: url(../img/bg-nav-hover.jpg);text-decoration: none;}

.outurl {
	float: left;
	display: block;
	position: relative;
}
.outurl ul {
	position: absolute;
	top: 60px;
	left: -50px;
	z-index: 9;
	background-color: #5dc5ec;
	border-radius: 5px;
	display: none;
}
.outurl ul li a {
	width: 250px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 16px;
}
.outurl ul li a:hover {
	background: #104371;
}

.pagemain{width: 1200px;margin: 30px auto 0 auto; padding:0;  padding-bottom: 30px;}
.pagemain .innerbox{width: 1200px;margin: 20px auto 0 auto;border-radius: 10px;padding: 20px 20px 20px;background-color: #fff; 
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.35);}

.swiper-container {width: 100%;height: 360px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding-right: 30px;bottom: 15px;}
.swiper-pagination-bullet{width: 14px;height: 14px;border-radius: 50%; opacity:1;background: #0f2f67;position: relative;}
.swiper-pagination-bullet-active{opacity: 1;}
.swiper-container .swiper-slide img{width: 100%;height: 100%; border-radius: 10px;}
.swiper-pagination-bullet:before{
	background: #fff; 
background: -webkit-linear-gradient(to bottom, #fff, #1454d5); 
background: linear-gradient(to bottom, #fff, #1454d5); 
width: 10px;height: 10px;content: "";border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.swiper-pagination-bullet-active:before{
	background: #2092e9; 
background: -webkit-linear-gradient(to bottom, #2092e9, #1249d1); 
background: linear-gradient(to bottom, #2092e9, #1249d1); 
width: 10px;height: 10px;content: "";border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}



.innerbox .box .title{width: 100%;height: 50px;color: #3179B3;position: relative;}
.innerbox .box .title:after{width: 100%;height: 1px;background: #3179B3;content: "";position: absolute;left: 0;bottom: -1px;}
.innerbox .box .title b{font-size: 24px;}
.innerbox .box .title b i{width: 24px;height: 24px;display: inline-block;border-radius:4px;float: left;margin-right: 10px; line-height: 40px;}
.innerbox .box .title b i img{
	vertical-align:inherit;
}
.innerbox .box .title .more{    position: relative;
    bottom: -7px;
    float: right;
}
.innerbox .box .title .more a{height: 24px;line-height: 24px; padding: 0 10px; float: right;border-radius: 5px; font-size: 14px;display: block; color: #3179B3;}
.innerbox .box .title .more a:hover{color: #388dd1;}

.innerbox .box .title .position{float: right;font-size: 14px;margin-top: 8px;}
.innerbox .box .title .position a{color: #388dd1;}
.innerbox .box .title .position em{font-style: inherit; margin: 0 5px}


.rowtwo .box{width: calc(100% /3 - 14px);float: left;}
.rowtwo .box:nth-of-type(2){margin: 0 20px;}

.rowone .box{width:280px;float: left;}
.rowone .box:nth-of-type(2){width: calc(100% - 300px);float: right;}
.innerbox .box .content{padding: 20px; border-radius: 10px;}
/*.innerbox .box .content{padding: 20px; border-radius: 10px;background-color: #fff;background-image: linear-gradient(180deg, #adc9e0 0%, #fff 41%);}*/

.pro_part_tab{width: 100%;margin: 0px auto;overflow: hidden;margin-top: 22px;border-top: 5px solid #2b87ca;}
#pro_tab{border: 1px solid #d7d9e0;float: left;width: 100%;background: #f9f9f9;}
#pro_tab li{float: left;border-left:1px solid #d7d9e0;/* border-right: 1px solid #d7d9e0; */}
#pro_tab li:first-child{border-left:none}
#pro_tab li:hover{cursor: pointer;}
#pro_tab li a{padding: 2px 20px 2px 20px;/*border-right: 1px solid #d7d9e0;*/margin: 8px -1px 8px -1px;float: left;font-size: 16px;}
#pro_tab li.current{border-bottom: 1px solid #fff;margin-bottom: -1px;/* margin-left: -1px; *//* margin-right: -1px; *//*border-left: 1px solid #d7d9e0;*/color: #2b87ca;font-weight: bold;background: #fff;}
#pro_tab li:last-child.current{
	border-right:1px solid #d7d9e0;}
#pro_tab li.current a{color: #2b87ca;font-size: 16px;}
#pro_tab li.current a:hover{color: #2b87ca;}
#content1{float: left;border: 1px solid #d7d9e0;border-top: none;width: 100%;}
#content1 ul{padding: 20px;float: left;width: 1158px;border-top: none;position: relative}
#content1 ul li.baibian{width: 100%;height: 50px;position: absolute;left: 0;top: 0;overflow: hidden;margin-left: -1px;border-bottom: none;}
#content1 ul p{color:#666666;line-height: 24px;font-size:14px;}

.picnews{margin-bottom: 20px;width: 100%;height: 240px;position: relative;}
.picnews p{width: 100%;height: 40px;display: block;position: absolute;bottom: 0;left: 0;background:rgba(0,0,0,.6);color: #fff;z-index: 1;line-height: 40px;padding: 0 20px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.newslist{width: 100%;}
.newslist li{width: 100%;line-height: 35px;float: left;
background:url(../img/icon-news.png) no-repeat left center; padding-left: 20px;}
.newslist li a{width: calc(100% - 80px);float: left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li span{float: right;}
.newslist~.newslist{margin-top: 30px;padding-top: 30px;border-top: #ddd dashed 1px;}


.rowone .item{width: calc(100% / 3 - 14px);float: left;margin-right: 20px;}
.rowone .item:nth-of-type(3n){margin-right: 0;}

.item .pic{width: 100%;height: 200px;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;text-align: center;margin-bottom: 2px;}

.item .pic img{max-width:100%;max-height: 100%;transition: .5s;}
.item .info h1{font-size: 16px;font-weight: bold;margin: 10px 0 5px 0; width: 250px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item .info p{line-height: 24px;color: #0e1d44; width: 250px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item:hover img{transform: scale(1.2);transition: .5s; width: 250px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.catalogbox{width: 100%; padding: 20px 0 0 0;float: left;}
.catalogbox a{width: 100%;height: 50px;display: block;border-radius: 5px;
float: left;margin-right: 10px;line-height: 50px;color: #96d7fd; padding: 0 20px;
background-color: #3179B3;font-weight: bold;margin-bottom: 15px;
}
.catalogbox a:hover,.catalogbox a.active{background-color: #5dc5ec;text-decoration: none;
	background: linear-gradient(0deg, #0BBAFB, #4285EC);color: #fff;}

.catalogbox~.event{margin-top: 80px;float: left;}

.home-tabs{border: none;display: inline-block;position: absolute;top: 8px;}
.home-tabs>li.active>a, 
.home-tabs>li.active>a:hover, 
.home-tabs>li.active>a:focus{background: none;border: none;font-size: 18px;color: #3179B3;font-weight: bold;}
.home-tabs>li>a{padding: 0;margin: 0;border: none; line-height: 24px;color: #3179B3;font-weight: normal;font-size: 16px;}
.home-tabs>li{margin-right: 20px;}
.home-tabs>li img{
	margin-bottom: 10px;
}
.home-tabs>li>a:hover{border:none}

.home-tabs>li>a:hover, .nav>li>a:focus{background: none;border: none;}


.footerbox{width: 100%; background: #3179B3; }
.footerbox .conactbox{width: 1200px;padding: 50px 0; margin: 0 auto;}

.footerbox .conactbox dl{width: 25%;float: left;color: #fff;    padding-left: 25px;}
	
.footerbox .conactbox dl dt{margin-bottom: 20px;}
.footerbox .conactbox dl dd{width: 100%;line-height: 36px;display: block;}
.footerbox .conactbox dl dd span{
	color: #fff;
}
.footerbox .conactbox dl dd a{color: #fff;font-size: 14px;}
.footerbox .conactbox .form-control{background: #EAF2FC;border: #EAF2FC solid 1px;}
.footerbox .conactbox .form-control{margin-bottom: 10px;}
.footerbox .conactbox .btn-blue{border-radius: 3px;margin-top: 5px; width: 54px; height: 24px; text-align: center; line-height: 24px; display: inline-block; color: #3179B3;}

.copyright{width:100%;text-align:center;padding:30px 0; font-size:14px;color: #fff;position: relative;}


.copyright:before{width: 100%;height: 1px;background: #fff;content: "";position: absolute;left: 0;top: 0;}


.rowside .pagemenu{width: 240px;float: left;}
.rowside .pagemenu~.pagewrap{width:calc(100% - 260px);float: right; padding-top: 20px;}
.pagewrap .content{width: 100%;float: left;}

.pagenews .list{width: 100%; border-bottom: #b9c0d3 dotted 1px;float: left;margin-bottom: 20px;padding-bottom: 20px;}
.pagenews .list .pic{width: 200px;height: 160px;float: left;}
.pagenews .list .pic img{width: 100%; height: 100%;border-radius: 5px;}
.pagenews .list .cont h1{font-size: 22px;font-weight: 550;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;	float: left;background:url(../img/icon-news.png) no-repeat left center;padding-left: 20px;}
.pagenews .list .cont p{width: 100%;height: 70px;display: block;margin: 0px 0;
	text-indent: 2em;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.pagenews .list .cont{width: calc(100% - 230px);float: right;}
.pagenews .list:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}


.page{width: 100%;text-align: center;float: left;margin-bottom: 20px;}
.page ul{ display: flex; justify-content: center; align-items: center;}
.page a,.page span{width:30px;height: 30px;padding: 0 10px;border-radius: 3px;display: inline-block;text-align: center;line-height: 30px;
background-color: #3179b3;margin-bottom: 5px;color: #96d7fd; margin-right: 5px;
}
.page .next,.page .last,.page .first,.page .previous{ width: auto !important;}

.page a:hover,.page a.active{background-color: #5dc5ec;text-decoration: none;
background-image: linear-gradient(180deg, #5dc5ec 9%, #2f74bf 45%, #10359d 68%, #326ae3 100%);color: #fff;}


.pagedetail{padding:20px 30px 30px;background-color: #DEEBF8}
.pagedetail .news-title h1{    margin-top: 20px;font-size: 24px;font-weight: bold;text-align: center;}
.pagedetail .news-title p{color: #404d6d; padding-top: 15px;text-align: center;}
.pagedetail .news-title{width: 100%;border-bottom: #b9c0d3 solid 1px;padding-bottom: 30px;margin-bottom: 40px;float: left;}
.pagedetail .news-detail p{line-height: 36px;margin: 15px 0;}
.pagedetail .news-detail p img{max-width: 100%;;text-align: center;}
.pagedetail .news-detail .img{max-width: 100%;;text-align: center;}
.pagedetail .news-detail p img{max-width: 100%;max-height: 100%;}
.pagedetail .news-detail .img img{max-width: 100%;max-height: 100%;}

.sortbox{padding-top: 20px;}
.sortbox dl{width: 100%;color: #3179B3;position: relative; margin: 10px 0;float: left;}
.sortbox dl dt{width: 80px;position: absolute;top: 0;left: 0;min-height: 30px;line-height: 30px;}
.sortbox dl dd{width: calc(100% - 80px);margin-left: 80px;min-height: 30px;}
.sortbox dl dd a{color: #3179B3;padding: 5px 10px;height: 30px;display:inline-block; border-radius: 5px;margin-right: 10px;}
.sortbox dl dd a:hover,.sortbox dl dd a.active{background-color: #5dc5ec;text-decoration: none; 
	background: linear-gradient(0deg, #0BBAFB, #4285EC);color: #fff;}

.instrumentbox{float: left;width: 100%;}
.instrumentbox .item{width: calc(100% / 4 - 15px);margin-right: 20px;margin-bottom: 20px;float: left;}
.instrumentbox .item:nth-of-type(4n){margin-right: 0;}


.instdetail{}
.instdetail .pic{width: 460px;height: 360px;float:left;}
.instdetail .pic img{width: 100%;height: 100%;border-radius: 10px;}
.instdetail .cont{width: calc(100% - 500px);min-height: 360px; float: right;position: relative;}
.instdetail .cont h1{font-weight: bold;font-size: 32px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.instdetail ul{margin: 20px 0 30px 0;min-height: 210px;}
.instdetail .cont li{line-height: 30px;}


.btnbox{width: 100%;}
.btnbox a~a{margin-left: 10px;}
.btnbox a{height:45px;padding: 0 30px;display: inline-block;border-radius: 5px;font-size: 18px;color: #fff;line-height:45px;}
.btn-blue{background-color: #3179b3;text-decoration: none;
}
.btn-yellow{background-color: #ff7e00;text-decoration: none;
background-image: linear-gradient(180deg, #ff7e00 9%, #ff9000 45%, #ff6600 68%, #fc7d29 100%);}


.instinfo dl{width: 100%;padding: 0 20px;}
.instinfo dl dd{width: 100%;float: left;margin: 15px 0;}
.instinfo dl dd b{width: 150px;display: inline-block;line-height: 30px;float: left;font-weight: normal;}
.instinfo dl dd .p{width: calc(100% - 200px);float: left;line-height: 30px;text-align: justify;}

.loginbox{position: absolute;top: 20px;right: 0;color: #DEEBF8;font-size: 18px;font-weight:bold;}
.loginbox em{font-style: inherit;margin: 0 5px;}
.loginbox a{color: #96d7fd;}
#login .modal-dialog{width: 500px;}
#login .modal-dialog .modal-content{padding: 30px 40px;}
#login .modal-content .login-title h1{font-size: 24px;font-weight: bold;}
#login .modal-content .login-title{margin-bottom: 30px;}
.modal .form-control,.regbox .form-control{height: 45px;}
.modal .close{position: absolute;top: 20px;right: 20px;}
.modal .btn{width: 100%;height: 50px;font-size: 16px;color: #fff;border-radius:4px;border:none;}
.modal-backdrop{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.regbox{padding: 30px 0;}
.regbox .form-group{margin-bottom: 25px;}
.regbox .control-label{line-height: 45px;font-weight: normal;padding: 0;}
.regbox .btn{width: 150px;height: 50px;font-size: 16px;color: #fff;border-radius:4px;border:none;}
.regbox em{font-style: inherit;color: #f00;margin-right: 5px;}



/* 平台介绍 */
.introduce_pub_title{
	margin: 20px auto 0px auto;
	font-size:16px;
	background: #17b7cc;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
	width: 170px;
    text-align: center;
	line-height: 38px;
}
.introduce_pub_title.isActive{
	background-color: #3179b3;
}
.introduce_pub_desc{
	font-size: 14px;
	line-height: 26px;
}

.introduce_tab_box{
                
}
.introduce_tab_box .int_tab_title{display:flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.introduce_tab_box .int_tab_title h2{
	font-size:16px;
	background: #17b7cc;
	color: #fff;
	border-radius: 20px;
	margin-right: 10px;
	cursor: pointer;
	transition: all .2s;
	min-width: 170px;
    text-align: center;
	line-height: 38px;

}

.introduce_tab_box .int_tab_title h2:hover,.introduce_tab_box .int_tab_title h2.isActive{
	background-color: #3179b3;
}
.int_tab_content .int_tab_content_item{
 display: none;
}
.int_tab_content .int_tab_content_item .desc{
	font-size: 14px;
	line-height: 26px;
}
.int_tab_content .int_tab_content_item h3{ font-size: 18px;
    padding: 20px 0px 10px 0px;
    display: flex;
    border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
}
.int_tab_content .int_tab_content_item h3::before{
	content: '';
	width: 4px;
    background: #3179b3;
    display: inline-block;
    height: 20px;
    border-radius: 4px;
    margin-right: 7px;

}
.int_tab_content .int_tab_content_item .ins_list div{
	width: 220px;
	display: inline-block;
	margin-right: 9px;
}
.int_tab_content .int_tab_content_item .ins_list div:nth-child(5n){
	margin-right: 0px;
}
.int_tab_content .int_tab_content_item .ins_list div img{
	width: 220px;
	height: 180px;
	border: 1px solid #cee9ff;
	padding: 5px;
	box-sizing: border-box;
}
.int_tab_content .int_tab_content_item .ins_list div span{
	display: block;
	text-align: center;
	line-height: 30px;
	background: #cee9ff;
}