﻿/*首页*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 微软雅黑;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.container { width: 1170px; margin: 0px auto;}
.container:before, .container:after { content:""; display: table;}
.container:after { clear:both;}
ul, dl, ol, div, p, span, li, input, button, select, textarea, label {
    list-style: none;
    margin: 0;
    padding: 0;
}
.h100{height:100px;}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

.clearfix:before, .clearfix:after { content:""; display: table;}
.clearfix:after { clear:both;}
/*按钮*/
.a_btn{    margin: 50px auto 0 auto;margin-top:30px;width: 331px;font-size: 22px;color: #222323;background:linear-gradient(90deg, #ff9147 0%, #ff976e 100%);color:#fff;display: block;padding: 15px;text-align: center;border-radius: 20px;}
.a_btn:hover{color: #fff;}



/* 专题页面引用头部 */

.top_nav {
	position: fixed;
	width: 100%;
	height: 80px;
	background: rgba(255,255,255,.9);
	box-shadow: 5px 0px 10px rgba(0,0,0,.3);
	left: 0px;
	top: 0px;
	z-index: 999;
	}
.top_nav .logo {
	float: left;
	font-size: 0;
	height: 50px;
	text-align: left;
	margin-top: 15px;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.top_nav .nav {
	float: right;
}

.top_nav .nav li {
	margin-left: 10px;
	float: left;
	position: relative;
}

.top_nav .nav li>a {
	display: block;
	font-size: 18px;
	position: relative;
	color: #333;
	padding: 0px 25px;
	line-height: 80px;
}

.zixundh {
    border-radius: 20px;
    background: #2862de;
    margin-top: 18px;
}
.zixundh a {
    color: #fff!important;
    padding: 0px 20px!important;
	line-height: 40px!important;
}
.top_nav .nav li>a:hover {
	background: #0362FF;
	color: #fff;
}

/*轮播图*/
#full-screen-slider {
	width:100%; 
	height:532px; 
	position:relative;
	}
#slides {
	display:block; 
	width:100%; 
	height:532px;
	position:relative;
	}
#slides li {
	display:block; 
	width:100%; 
	height:100%;
	position:absolute;
	}
#slides li a {
	display:block; 
	width:100%; 
	height:100%; 
	text-indent:-9999px;
	}
#pagination {
	display:block;
	position:absolute; 
	left:50%; 
	top:480px; 
	z-index:990;
	padding:5px 15px 5px 0; 
	}
#pagination li {
	display:block; 
	width:10px; 
	height:10px; 
	float:left; 
	margin-left:15px; 
	border-radius:5px; 
	background:#FFF;
	}
#pagination li a {
	display:block; 
	width:100%; 
	height:100%; 
	text-indent:-9999px;
	}
#pagination li.current { background:#0092CE}



/*foot*/
.short-footer {
	padding: 30px 0 30px 0;
	background: #333;
}

.short-footer .f_tit {
	display: flex;
	padding: 30px 0px;
	}
.short-footer .f_tit .f_tit_l {
	width: 300px;
	text-align: center;
	color: #a8a8a8;
	}
.short-footer .f_tit .f_tit_l strong a{ font-size: 40px; color: #fff;}
.short-footer .f_tit .f_tit_l strong a:hover { text-decoration: none;}
.short-footer .f_tit .f_tit_l p { font-size: 16px;}
.short-footer .f_tit .f_tit_r {
	display: block;
	margin-left: 50px;
	width: 100%;
	}
.short-footer .f_tit .f_tit_r .link-item a {
	margin-right: 2%;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
	}
.foot_inner {
	line-height: 30px;
	color: #a8a8a8;
	font-size: 15px;
	}
.short-footer .footer-cont p { color: #999; text-align: center;}
.footer-cont a {
	color: #ccc;
	padding: 0px 5px;
	font-size: 15px;
}


/*简介*/
.m1ContB{margin: 40px auto 0px auto;}
.m1ContBItem{box-shadow: 0 0 20px #c4c4c4;border-radius: 10px;position: relative;overflow: hidden;}
.m1Line{position: absolute;width: 100%;height: 8px;background: #55a4fd;}
.m1ContBItem h2{font-size: 24px;font-family: FZLTHGBK;color: #55a4fd;margin:32px 0 16px 30px; text-align: left;}
.m1ContBItem h2 span{display: inline-block;width: 70px;height: 40px;background: #58a6fe;text-align: center;line-height: 40px;color: #fff;margin: 0 26px 0 0;border-radius: 3px;}
.m1ContBItem p{
	font-size: 16px;
	margin:20px 30px 30px 30px;
}

/****服务明细***/
.u3-2 {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	padding-bottom: 30px;
	}
.u3-2 li{
    width: 25%;
	}
.u3-2 li div {
	position: relative;
	border-radius: 10px;
	padding-bottom: 20px;
	margin: 30px 20px;
	padding: 35px 15px 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	}
.u3-2 li div label {
	position: absolute;
	width: 100%;
	height: 50px;
	line-height: 40px;
	padding-top: 5px;
	border-radius: 30px;
	color: #fff;
	top: -30px;
	left: -30px;
	font-size: 22px;
	font-weight: 700;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	}
.u3-2 li div label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 15px;
	}
.u3-2 .dd1 div{ background: #d23700;}
.u3-2 .dd1 div label {background: #ff4900;}
.u3-2 .dd1 div label span { color: #d23700;}
.u3-2 .dd2 div{ background: #4a7daf;}
.u3-2 .dd2 div label {background: #85bdf4;}
.u3-2 .dd2 div label span { color: #4a7daf;}
.u3-2 .dd3 div{ background: #30a2a2;}
.u3-2 .dd3 div label {background: #3dbbb8;}
.u3-2 .dd3 div label span { color: #30a2a2;}
.u3-2 .dd4 div{ background: #9cba60;}
.u3-2 .dd4 div label {background: #b1d470;}
.u3-2 .dd4 div label span { color: #9cba60;}
.u3-2 .dd5 div{ background: #bfa656;}
.u3-2 .dd5 div label {background: #d8bd64;}
.u3-2 .dd5 div label span { color: #bfa656;}
.u3-2 .dd6 div{ background: #ce7f30;}
.u3-2 .dd6 div label {background: #e88f35;}
.u3-2 .dd6 div label span { color: #ce7f30;}
.u3-2 .dd7 div{ background: #25215c;}
.u3-2 .dd7 div label {background: #393194;}
.u3-2 .dd7 div label span { color: #25215c;}
.u3-2 .dd8 div{ background: #1d4060;}
.u3-2 .dd8 div label {background: #25507a;}
.u3-2 .dd8 div label span { color: #1d4060;}
.u3-2 li p {
    height: 60px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.u3-2 li .a3-1 {
  display: block;
  width: 153px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 10px;
    border-radius: 20px;
	background: #fff;
}

.u3-2 .dd1 .a3-1 { color: #d23700;}
.u3-2 .dd2 .a3-1 { color: #4a7daf;}
.u3-2 .dd3 .a3-1 { color: #30a2a2;}
.u3-2 .dd4 .a3-1 { color: #9cba60;}
.u3-2 .dd5 .a3-1 { color: #bfa656;}
.u3-2 .dd6 .a3-1 { color: #ce7f30;}
.u3-2 .dd7 .a3-1 { color: #25215c;}
.u3-2 .dd8 .a3-1 { color: #1d4060;}



/*优势*/
.tit {
  font-size: 37px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 150px;
}
#chuangzuo .ys_box {
	height: 730px;
	background: url(../images/ys.png) center center no-repeat;
	}
#chuangzuo .ys_box .ys_u1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 150px;
	}
#chuangzuo .ys_box .ys_u1 li {
	width: 20%;
	margin: 15px 1%;
	word-break:break-all;
	font-size: 16px;
	}
#chuangzuo .ys_box .ys_u2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 485px;
	margin-right: 100px;
	}
#chuangzuo .ys_box .ys_u2 li {
	width: 20%;
	margin: 15px 1%;
	word-break:break-all;
	font-size: 16px;
	}



/*期刊*/
.qikan{
	background: #f8fbff;
	padding-bottom: 50px;
}
.qk_list ul{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	}
.qk_list ul	li {
	margin: 10px 10px;
    width: calc(50% - 20px);
	border: 1px solid #D6D6D6;
	padding: 15px 15px;
	background: #fff;
	}
.qk_list ul li .img13{ float:left; width:160px; height:220px; overflow:hidden}
.qk_list ul li .img13 img{width:160px; height:220px;transform:scale(1);transition:all 0.3s; }
.qk_list ul li .img13_text{ float:right; width:340px; overflow:hidden}
.qk_list ul li .img13_text h3{text-align: left; font-size:16px; color:#333333;white-space: nowrap; text-overflow: ellipsis;overflow:hidden; margin-bottom:5px; line-height:30px; margin-top:10px;}
.qk_list ul li .img13_text p{    
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;font-size:14px; color:#333333; line-height:25px; margin-bottom:5px;}
.qk_list ul li .img13_text p span{ font-size:18px; color:#e37310; font-weight:bold}
.qk_list ul li:hover .img13 img{transform:scale(1.1);transition:all 0.3s;}
.qk_list ul li:hover .img13_text h3{color:#e37310;}
.dl-list-right{
	width: 120px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #5989f5;
    border-radius: 20px;
    display: block;
    text-align: center;}
.qk_list ul li:hover .dl-list-right{
	background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);
	color: #fff;
}

.miaoshu{
	margin-top: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*广告位*/
.advertisement {
	width: 100%;
    height: 220px;
	padding-top: 20px;
    background-image: url(../images/simple.png);
    background-size: 100% 100%;
    background-position: left top;
    background-repeat: no-repeat;
}
.advertisement p {
  text-align: center;
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 15px;
}
.msyyBtn{
	display: block;
    margin: 0 auto;
    font-size: 26px;
    color: #ff6c00;
    font-weight: bold;
    width: 500px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    border: none;
    cursor: pointer;
	}

.xk_bg {
	width: 100%;
	background: url(../images/a01banner.png) center center no-repeat;
	color: #fff;
	padding: 25px 0px;
	}
.xk_bg h4 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	}
.xk_bg p {
	width: 755px;
	line-height: 24px;
	font-size: 16px;
	}
.xk_bg a {
	float: right;
	line-height: 60px;
	padding: 0px 75px 0px 25px;
	background: #fff url(../images/weixin_icon.png) 200px center no-repeat;
	font-size: 20px;
	border-radius: 5px;
	margin-top: 55px;
	}

/*要求*/
/*.main2*/
.main2{background:#fff;}
.m2Cont{
	padding: 40px 50px;
	background: #686cff;
	border-radius: 20px; 
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	}

.m2Cont p{color: #fff;line-height: 36px; font-size: 14px;}
.f22 { font-size: 18px;}
.m2Cont p span{display: inline-block;color: #ffff00;font-size: 14px;margin-right: 8px;}


/**我们还可以服务**/
.ser_bg {
	width: 100%;
	background-color: #edeef3;
	padding: 0px 0px 70px;
	}
.ser_box:after { content:""; clear: both; overflow: hidden; display: block; height: 0px;}
.ser_box li {
	float: left;
	width: 25%;
	text-align: center;
	}
.ser_box li div { margin: 0px 10px 20px; border: 1px solid #d6d6d6; background-color: #fff;}
.ser_box li div a { display: block;padding: 25px 15px;}
.ser_box li div a h4 {
	font-size: 22px;
	font-weight: 400;
	margin-top: 25px;
	color: #333;
	}
.ser_box li div a p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin: 25px 0px 10px;
	}
.ser_box li div a span {
	display: inline-block;
    color: white;
    border-radius: 35px;
    font-size: 16px;
	padding: 5px 25px;
	background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);
	}
.ser_box li div a:hover { text-decoration: none;}
.ser_box li div a:hover h4 { color: #ff9147;}
.ser_box li div a:hover span {background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);}

/*****收录方向****/
.m1 {
    background: #f8fbff no-repeat bottom right;
    padding-bottom: 30px;
}
.m1_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m1_box li {
	margin: 0px 8px;
    padding: 20px 10px;
    text-align: center;
    width: calc(20% - 16px);
	border-radius: 15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	color: #333;
	}
.m1_box li{-webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -ms-transition:transform 0.3s ease; transition:transform 0.3s ease;}
.m1_box li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); box-shadow:0 0 20px rgba(0,0,0,0.15);}
.m1_box li strong { font-size: 20px; display: block; margin-bottom: 10px;}
.m1_box li h4 { font-size: 16px; margin: 0px 0px; line-height: 24px; font-weight: 700;}
.m1_box li img { margin: 20px 0px;}
.m1_box li p { font-weight: 700; font-size: 14px;}
.m1_box .m_01 { background: #9dced2;}
.m1_box .m_02 { background: #87bbd7;}
.m1_box .m_03 { background: #e3d69f;}
.m1_box .m_04 { background: #b2abd5;}
.m1_box .m_05 { background: #d6bac2;}



/*向上箭头*/
p#back-to-top{position:fixed; bottom:100px;right:0px; display: none; }
p#back-to-top a{ text-align:center;  text-decoration:none;  color:#d1d1d1;  display:block;  width:60px;padding: 10px 10px;background: #012bef;
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
transition:color 1s; -moz-transition:color 1s;
-webkit-transition:color 1s;
-o-transition:color 1s;
}

/**按钮*/
.buttons {
  width: 100%;
  text-align: center;
  line-height: 70px;
}
.buttons a {
  display: inline-block;
  width: 312px;
  height: 70px;
  color: white;
  border-radius: 35px;
  margin: 55px 20px;
  font-size: 20px;
}
.buttons a.fabiao {
  background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);
}
.buttons a.zhidao {
  background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);
}

/***服务流程***/
.lc_box {
	width: 100%;
	padding-top: 200px;
	margin-bottom: 50px;
	background: url(../images/lc.png) top center no-repeat;
	padding-left: 15px;
	}
.lc_box:after { content:""; clear: both; display: block; overflow: hidden;}
.lc_box p{
	font-size: 15px;
	line-height: 24px;
	width: 155px;
	margin-left: 42px;
	float: left;
	}
.lc_box p strong {
	display: block; 
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	}
.lc_box p:first-child { margin-left: 0px;}
	

/*优势*/
.foot_ys { width: 100%; background: url(../images/foot_bg.jpg) top center no-repeat;}
.tcell-data{padding: 50px 0;overflow: hidden;}
.data-list{overflow: hidden;padding: 0 20px;}
.data-list:after { content:""; clear: both; overflow: hidden; display: block; height: 0px;}
.data-list li{float: left; width: 25%; text-align: center; padding-top: 10px;padding-bottom: 10px;}
.dd-hd{font-size: 13px;color: #fff;}
.dd-hd .n{font-size: 26px;color: #2567c8;}
.dd-hd .n.n1{color: #dd3316;}
.dd-hd .n.n2{color: #f37d15;}
.dd-hd .n.n3{color: #09abf3;}
.dd-hd .n.n4{color: #09d69c;}
.dd-txt{color: #fff;font-size: 16px}
.dd-right{padding:10px 50px 50px; text-align: center;}
.dd-right .t-button{width: 160px;height: 46px;line-height: 46px;border-radius: 46px;display: inline-block;text-align: center;font-size: 20px;color:#fff;background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);}
.dd-right .t-button:hover {background: linear-gradient(90deg, #5590f3 0%, #686cff 100%); text-decoration: none;}

/*表单*/ 
.biaodan{
	background: url(../images/bd1.jpg) no-repeat center center;
	background-size: cover;
	height: 220px;
	position: relative;
}
.biaodan .bdform{
	width: 1000px;
    margin: 0 auto;
    padding: 138px 0 0 26px;
    box-sizing: border-box;
}
.biaodan form .in{
	height: 39px;
    width: 227px;
    border-radius: 5px;
    padding-left: 10px;
    float: left;
    border: none;
}
.biaodan form .in.in2{
	margin-left: 96px;
}
.biaodan form .tijiao{
	margin-left: 40px;
	width: 210px;
	height: 39px;
	background: none;
	border: none;
	float: left;
}

