@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body { padding: 0px; margin: 0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,td,th{ margin:0; padding:0; border:0;}
table {border-collapse: collapse;border-spacing: 0;}
select,input{vertical-align:middle;}
h1,h2,h3,h4,h5 { font-weight:normal;}
ul,li { list-style:none;}
i,em { font-style: normal;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .pr { position: relative;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00; text-decoration: none;}
.mt20 { margin-top: 20px;} .ml20 { margin-left: 20px;} .mb50 { margin-bottom: 50px;} .mt50 {margin-top: 50px;} .p30 {padding-top: 30px; padding-bottom: 30px;} .pb30 { padding-bottom: 30px;}
.h30 { height: 30px; width: 100%;}
.h5 { height: 5px; width: 100%;}

.warp { width: 100%;}
.warp .top { max-width: 768px;}
.top_hd {
	transform: scale3d(1, 1, 1);
	position: fixed;
	width: 100%;
	max-width: 768px;
	height: 50px;
	z-index: 99;
	}
.head_top {
	position: fixed;
	width: 100%;
	background: #f9fbff;
	top: -50px;
	left: 0px;
	right: 0px;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	}
.head_top span {
	float: left;
	padding: 8px 0px 0px 5px;
	text-align: center;
	width: 60px;
	}
.head_top span a {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #0083c9;
	}
/*.nav {
	display: flex;
	align-items: center;
    justify-content: space-around;
	}
.nav li {
	padding:5px 0px;
	text-align: center;
	font-size: 12px;
	}
.nav li img { max-width: 100%; height: 20px;}*/

:target label{ padding-top: 50px;}

.title label {
	font-size: 24px;
	line-height: 50px;
	display: block;
	border-bottom: 2px solid #e5e5e5;
	font-weight: bold;
	margin: 0px 15px;
	}
.title label span {
	display: inline-block;
	margin-bottom: -2px;
	border-bottom: 2px solid #4d5ff2;
	}
	
.title2 {text-align: center; color: #fff;}
.title2 label {
	font-size: 32px;
	line-height: 50px;
	display: block;
	}
.title2 label font { color:red;}
.title2 p {
	font-size: 16px;
	color: #fff;
	display: block;
	}

.gotop{
	position: fixed;
	bottom: 50px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url(../images/top.png) center center no-repeat;
	background-size: contain;
	opacity: .6;
	z-index: 4;
	display: none;
	cursor: pointer;
	}

.head{
	width: 100%;
	height: 350px;
	margin-top: 40px;
	text-align: center;
	background: url(../images/ban_bg.jpg) center top no-repeat;
	}
.head strong {
	font-size: 45px;
	color: #fff;
	padding: 40px 0px 10px;
	display: block;
	text-shadow: 0px 5px 0px rgba(0,0,0,.75);
	}
.head h3 span{
	font-size: 62px;
	font-weight: 700;
	position: relative;
	background: linear-gradient(to bottom, #fff, #fff100);
	-webkit-background-clip: text;
	color: transparent;
	z-index: 1;
	}
.head h3 span:before {
	content: "EI期刊、EI会议论文发表";
	position: absolute;
	top: -5px;
	left: 0px;
	right: 0px;
	bottom:0px;
	z-index: -1;
	color: #000;
	}
.head p {
	line-height: 40px;
	background: #0f54d8;
	font-size: 20px;
	color: #fff;
	border-radius: 30px;
	padding: 0px 40px;
	display: inline-block;
	box-shadow: 0px 0px 10px #fff;
	margin-top: 30px;
	}




.head p a {
	display: block;
	height: 350px;
	}
	
/**表单**/
.new_bd_form_box {
	width: 90%;
	height:100%;
	background: #fff;
	padding: 5px 15px 30px;
	margin: 0px auto;
	position: relative;
	}
.new_bd_form_box label {
	display: block;
	position: absolute;
	bottom: 95px;
	left: 20px;
	}
.new_bd_form_box label input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	}
.new_bd_form_box label a {}

.new_bd_form_box strong {
	display: block;
	font-size: 24px;
	text-align: center;
	}
.new_bd_form_box h5 {
	font-size: 16px;
	margin: 5px 0px 30px;
	text-align: center;
	color: #757575;
	}
.new_bd_form_box form input {
	line-height: 50px;
	width: 100%;
	display: block;
	padding-left: 20px;
	border-radius: 5px;
	border: 1px solid #eee;
	margin-bottom: 30px;
	font-size: 15px;
	background: #ecf5fa;
	}
.new_bd_form_box form .tijiao{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: linear-gradient(90deg, #51c3f9 0%, #5968df 100%);
	box-shadow: 0px 5px 15px rgb(89,104,223,.5);
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
	}
	
/**EI介绍**/
.ei_cont {
	background: linear-gradient(90deg, #8101fb 0%, #1d49ff 100%);
	position: relative;
	padding: 15px 15px;
	}
.ei_cont:before {
	content:"";
	position: absolute;
	width: 100px;
	height: 80px;
	background: url(../images/ei_cont_bg.png) center center no-repeat;
	background-size: contain;
	right: 0px;
	bottom: 0px;
	}
.ei_cont h3 {
	font-size: 18px; 
	color: #fecd13;
	}
.ei_cont h3 font {
	display: inline-block;
	background: #43c6f7;
	color: #4b0082;
	padding: 5px 10px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 24px;
	}
.ei_cont p {
	width: 80%;
	display: inline-block;
	background: rgb(0,0,0,.2);
	padding: 10px;
	color: #fff;
	font-size: 12px;
	}
	
/*********介绍*********/
.content {
	background: url(../images/cont_bg.png) center center no-repeat;
	height: 190px;
	background-size: cover;
	}
.content p {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	padding: 20px 170px;
	}
	
/******服务项目*****/
.fw_bg {
	margin-top: 20px; 
	background-color: #ecf5fa;
	padding: 10px 0px 30px;
	}
.fw_bg ul:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.fw_bg li {
	float: left;
	width: 50%;
	margin: 15px 0px;
	}
.fw_bg li div {
	margin: 0px 15px;
	height: 190px;
	padding: 20px 20px;
	color: #fff;
	border-radius: 20px 20px;
	}
.fw_bg li div span { font-size: 24px;}
.fw_bg li div p {
	font-size: 16px; 
	line-height: 28px; 
	margin: 10px 0px;
	}
.fw_1 { background: url(../images/fw-1.png) 140px 30px no-repeat #5ab7fc;}
.fw_2 { background: url(../images/fw-3.png) right bottom no-repeat #efa306;}
.fw_3 { background: url(../images/fw-2.png) 180px 40px no-repeat #35dbea;}
.fw_4 { background: url(../images/fw-4.png) 155px 60px no-repeat #aa89bd;}

/**********收录方向***********/
.sl { padding: 10px 0px;}
.sl ul { padding: 0px 10px 15px;}
.sl ul:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.sl li {
	float: left;
	width: 25%;
	text-align: center;
	}
.sl li a {
	display: block;
	margin: 10px 5px;
	line-height: 40px;
	background-color: #b1b5ee;
	color: #2d3279;
	border-radius: 10px 10px;
	font-size: 18px;
	}
.sl li a:hover { background-color: #2d3279; color: #fff;}
.sl li .art { background-color: #2d3279; color: #fff;}

/*********期刊推荐********/
.gnqk { background-color: #fff7ea; padding: 10px 0px; margin: 20px 0px 0px;}
.gnqk h4 {
	line-height: 34px;
	border-bottom: 1px solid #85642f;
	margin: 0px 15px;
	color: #523507;
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	}
.gnqk h4:before {
	content:"";
	position: absolute;
	width: 5px;
	height: 20px;
	background-color: #85642f;
	top: 7px;
	left: 0px;
	}
.gnqk h4 a {
	float: right;
	font-size: 14px;
	color: #999;
	}
.qklist { margin-bottom: 20px; padding: 0px 10px;}
.qklist:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.qklist li{
	float: left;
	width: 48%;
	margin: 20px 1% 0px;
	border: 1px solid #ccc;
	background: #fff;
	}
.qklist li img{
	width: 130px;
	height: 155px;
	float: left;
	margin: 15px 10px 15px 10px;
	}
.qklist li .img_r{ float: left; width: 205px;}
.img_r h5 a{
	font-size: 16px;
	color: #333;
	line-height: 24px;
	font-weight: bold;
	margin: 10px 0 0px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display: block;
	}
.img_r p{
	font-size: 14px;
	line-height: 24px;
	}
.img_r p font { color: red; margin-right: 10px;}
.img_r span a{
	display: inline-block;
	width: 120px;
	height: 30px;
	background: #fff;
	border: 1px solid #6e1744;
	border-radius: 20px 20px;
	color: #6e1744;
	line-height: 30px;
	text-align: center;
	margin-top: 10px;
	}
.img_r span a:hover{
	background: #6e1744;
	color: #fff;
	}
.gjqk { background-color: #e8f9f3; padding: 10px 0px; margin: 20px 0px 0px;}
.gjqk h4 {
	line-height: 34px;
	border-bottom: 1px solid #2f8285;
	margin: 0px 15px;
	color: #074f52;
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	}
.gjqk h4:before {
	content:"";
	position: absolute;
	width: 5px;
	height: 20px;
	background-color: #2f8285;
	top: 7px;
	left: 0px;
	}
.gjqk h4 a {
	float: right;
	font-size: 14px;
	color: #999;
	}
	
/*********重要性********/
.zyx {
	margin: 20px 15px 0px; 
	display:flow-root;
	background-color: #fbfbfb;
	border-radius: 10px 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,.2);
	padding: 15px 15px;
	}
.zyx h4 {
	font-size: 24px;
	color: #f00;
	margin-bottom: 15px;
	display: inline-block;
	width: 65%;
	}
.zyx p {
	font-size: 16px;
	line-height: 24px;
	width: 65%;
	}
.zyx a {
	display: inline-block;
	font-size: 18px;
	color: #475eff;
	background-color: #fff;
	border: 1px solid #475eff;
	border-radius: 30px;
	padding: 0px 30px;
	line-height: 34px;
	margin-top: 10px;
	}
.zyx a:hover { background-color: #475eff; color: #fff;}

/********优势*******/
.ys { margin-top: 20px; padding: 0px 10px;}
.ys:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.ys li {
	float: left;
	width: 25%;
	}
.ys li div { margin: 0px 5px; border-radius: 5px 5px; text-align: center; padding: 20px 0px;}
.ys li div strong { font-size: 20px; margin-bottom: 10px; display: block;}
.ys li div p {
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	padding: 0px 15px;
	height: 84px;
	}
.ys li div a {
	display: inline-block;
	font-size: 18px;
	color: #475eff;
	background-color: #fff;
	border: 1px solid #475eff;
	border-radius: 30px;
	padding: 0px 30px;
	line-height: 34px;
	margin-top: 10px;
	}
.ys li div a:hover { background-color: #475eff; color: #fff;}
.ys-1 { background: url(../images/ys-1.png) center center no-repeat #fbe3ff;}
.ys-2 { background: url(../images/ys-2.png) center center no-repeat #d3ecff;}
.ys-3 { background: url(../images/ys-3.png) center center no-repeat #ffefd3;}
.ys-4 { background: url(../images/ys-4.png) center center no-repeat #d3fcff;}

/***********服务流程************/
.ser_bg {
	margin-top: 20px;
	background: #ecf5fa;
	padding: 10px 0px 30px;
	}
.server {
	height: 600px;
	padding: 120px 0px;
	background: url(../images/server.png) center center no-repeat;
	position: relative;
	}
.ser_bg dl dd { position: absolute; text-align: center;}
.ser_bg dl dd span {
	display: inline-block;
	line-height: 35px;
	font-size: 18px;
	color: #fff;
	background-color: #2d3279;
	padding: 0px 15px;
	border-radius: 20px 20px;
	}
.ser_bg dl dd p { font-size: 16px; text-align: left; margin-top: 10px; margin-bottom: 10px;}
.s-1 { width: 220px; top: 150px; left: 20px;}
.s-2 { width: 300px; top: 10px; left: 200px;}
.s-3 { width: 220px; top: 150px; right: 90px;}
.s-4 { width: 300px; top: 330px; right: 80px;}
.s-5 { width: 220px; bottom: 45px; right: 90px;}
.s-6 { font-size: 14px; color: #f00; bottom: 30px; left: 50px;}

/*******论文推荐*******/
.new_box { padding-top: 20px;}
.new_box h4 {
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	margin: 0px 15px;
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	}
.new_box h4:before {
	content:"";
	position: absolute;
	width: 5px;
	height: 20px;
	background-color: #f39800;
	top: 7px;
	left: 0px;
	}

.lwlist{ margin-top: 10px; margin-bottom: 20px;}
.lwlist:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.lwlist li{
	float: left;
	width: 100%;
	line-height: 40px;
	text-indent: 30px;
	}
.lwlist li div { margin: 0px 15px; background: url(../images/icon.png) center left no-repeat; border-bottom: 1px dashed #ccc;}
.lwlist li span { float: right; color: #999; font-size: 14px;}
.lwlist li a {
	display: block; 
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap; 
	font-size: 16px;
	}












.more { text-align: center;}
.more a {
	display: inline-block;
	font-size: 18px;
	color: #475eff;
	background-color: #fff;
	border: 1px solid #475eff;
	border-radius: 30px;
	padding: 0px 30px;
	line-height: 40px;
	}
.more a:hover { background-color: #475eff; color: #fff;}



.footer {
	width: 100%;
	background-color: #2a2a2a;
	/*padding: 20px 0px;*/
	text-align: center;
	color: #999;
	}
.footer a {
	color: #e5e5e5;
	padding: 0px 10px;
	font-size: 16px;
	}
.footer a:hover { color: #F00; text-decoration: underline;}
/*.footer p { padding-top: 15px;}*/


@media screen and (min-width:1200px) {
	html .warp { width: 768px; margin: 0px auto;}
	}

@media screen and (max-width:475px) {
	.head { height: 215px; background-size: cover;}
	.head strong { font-size: 24px; padding: 20px 0px 5px;}
	.head h3 span { font-size: 34px;}
	.head h3 span:before { top: -2px;}
	.head p { font-size: 16px; margin-top: 20px;}
	.content { background-size: cover; height: auto;}
	.content p { line-height: 20px; padding: 15px 70px 10px 80px; font-size: 12px;}
	.fw_bg li div { padding: 10px 10px; height: auto; margin: 0px 5px;}
	.fw_bg li div span { font-size: 20px;}
	.fw_bg li div p { font-size: 15px; line-height: 24px;}
	.fw_1 { background-position: 30px 40px;}
	.fw_3 { background-position: 60px 40px;}
	.fw_4 { background-position: 50px 40px;}
	.sl li { width: 33.33333333333334%;}
	.sl li a { font-size: 12px;}
	.p30 { padding-top: 20px; padding-bottom: 20px;}
	.more a { font-size: 16px; line-height: 34px;}
	.qklist li { text-align: center; padding-bottom: 15px;}
	.qklist li img { float: none; margin-bottom: 0px;}
	.qklist li .img_r { float: none; width: 193px;}
	.img_r h5 { margin-top: 0px;}
	.img_r p { font-size: 12px; line-height: 20px;}
	.zyx img { max-width: 100%; height: 119px; margin-top: 40%;}
	.zyx h4 { width: 60%; font-size: 20px; margin-bottom: 5px;}
	.zyx p { width: 60%; font-size: 14px; line-height: 20px;}
	.zyx a { font-size: 16px; line-height: 30px; padding: 0px 20px;}
	.ys li div { padding: 10px 0px 15px;}
	.ys li div strong { font-size: 14px;}
	.ys li div p { font-size: 12px; line-height: 18px; padding: 0px 8px; height: 72px;}
	.ys li div a { font-size: 14px; padding: 0px 10px; border-radius: 20px;}
	.server { background-size: contain; height: 400px;}
	.ser_bg dl dd span { font-size: 12px; line-height: 28px;}
	.ser_bg dl dd p { font-size: 12px; margin-top: 5px;}
	.s-1 { width: 120px; top: 110px; left: 10px;}
	.s-2 { left: 45px;}
	.s-3 { width: 120px; top: 110px; right: 45px;}
	.s-4 { width: 220px; top:210px; right: 12px;}
	.s-5 { width: 180px; bottom: 30px; right: 15px;}
	.s-6 { bottom: 10px;}
	.lwlist li { text-indent: 22px;}
	.lwlist li span { text-indent: 10px; font-size: 12px;}
	.footer a { font-size: 15px;}
@media screen and (max-width:375px) {
	.head {height: 185px;}
	.head strong { font-size: 22px; text-shadow: 0px 3px 0px rgba(0,0,0,.75)}
	.head h3 span { font-size: 30px;}
	.head h3 span:before { top: 3px;}
	.head p { line-height: 34px; padding: 0px 20px; margin-top: 10px;}
	.title label { font-size: 20px;}
	.p30 { padding-top: 10px; padding-bottom: 10px;}
	.content { background-size: cover; padding: 15px 0px;}
	.content p { line-height: 16px; padding: 0px 65px 0px 65px;}
	.fw_bg li { margin: 5px 0px;}
	.fw_bg li div p { font-size: 14px; line-height: 20px;}
	.sl li a { line-height: 34px; margin: 5px 5px; border-radius: 5px 5px;}
	.more a { font-size: 16px; line-height: 30px; padding: 0px 20px;}
	.qklist li .img_r { max-width: 100%;}
	.zyx h4 { width: 55%; font-size: 16px;}
	.zyx p { width: 55%; font-size: 12px;}
	.zyx a { font-size: 16px; line-height: 30px; padding: 0px 20px;}
	.zyx img { margin-top: 30%; }
	.ys li div strong { font-size: 12px; margin-bottom: 5px;}
	.ys li div p { padding: 0px 3px; height: 84px;}
	.ys li div a { font-size: 12px; line-height: 24px;}
	.server { height: 430px; background: url(../images/server-1.png) center center no-repeat; margin-bottom: 15px;}
	.s-1 { top: 110px;}
	.s-2 { left: 85px; top: 0px; width: 180px;}
	.s-3 { top: 110px; right: 25px;}
	.s-4 { width: 160px; top:225px; right: 15px;}
	.s-5 { width: 160px; bottom: 15px; right: 45px;}
	.s-6 { left: 20px; bottom:0px;}
	.lwlist li a { font-size: 14px;}
	.footer a { font-size: 14px; padding: 0px 6px;}
	.footer p { font-size: 12px; padding: 0px 10px; margin-top: 5px;}
	}
@media screen and (max-width:320px) {
	.head { height: 155px;}
	.head strong { font-size: 20px; padding: 10px 0px 5px; ;}
	.head h3 span { font-size: 26px;}
	.head h3 span:before { top: -2px;}
	.head p { line-height: 34px; padding: 0px 20px; margin-top: 10px;}
	.content {background-size: contain; padding: 0px 0px;}
	.content p { line-height: 16px; padding: 0px 50px 0px 50px;}
	
	.fw_bg li div { margin: 0px 10px;}
	.sl ul { padding:0px 5px 15px;}
	.sl li a { font-size: 12px; margin: 5px 3px;}
	.qklist li img { width: 120px; height: 135px;}
	
	.img_r p { padding: 0px 5px;}
	.zyx { padding: 10px 10px;}
	.zyx img { height: 100px; }
	.zyx p { font-size: 12px; line-height: 18px;}
	.zyx a { font-size: 14px; line-height: 26px; padding: 0px 10px;}
	.ys { padding: 0px 0px;}
	/*.ys li div p { padding: 0px 3px; height: 84px;}*/
	.ys li div a { padding: 0px 5px;}
	.server { height: 430px; background: url(../images/server-2.png) center center no-repeat;}
	.s-1 { top: 125px;}
	.s-2 { left: 60px; width: 180px;}
	.s-3 { top: 125px; right: 20px;}
	.s-4 { width: 160px; top:225px; right: 0px;}
	.s-5 { width: 160px; bottom: 35px; right: 30px;}
	.s-6 { left: 10px; bottom:0px; padding-right: 10px;}
	.new_box h4 { font-size: 18px;}
	.more a { font-size: 14px; line-height: 30px; padding: 0px 20px;}
	
	.lwlist li { line-height: 30px;}
	
	.lwlist { margin-top: 10px;}
	}



/*表单*/ 
.biaodan{
    position: relative;
    margin: 0px 10px 20px 10px;
    overflow: hidden;
    background: url(../images/bd5.jpg) no-repeat top center;
    border-radius: 10px;
        background-size: 100%;
}


.biaodan .bdform{
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 5px;
    text-align: center;
}
.biaodan .bdform h2{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.biaodan .bdform .tianx{
	margin-top: 20px;
}
.biaodan form .in{
	height: 39px;
    width: 100%;
    border-radius: 5px;
    padding-left: 20px;
    float: left;
    border: none;
}
.biaodan form .tijiao{
    width: 100%;
    height: 39px;
     box-shadow: 0px 2px 20px 0px rgba(253, 101, 62, 0.2); 
    /* border: none; */
    float: left;
    border-radius: 5px;
    color: #fff;
    border: none;
    font-size: 0;
     font-weight: bold; 
    margin-top: 20px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, rgb(250 220 158), rgb(244 118 41));
    	font-size: 16px;
}
.biaodan form .tianx span{
        float: left;
    color: #fff;
    line-height: 30px;
    padding-right: 10px;
    font-size: 14px;
}
.chooseus{
	margin-top: 0;
}