@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,table,tbody,p,th,td{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{ min-height:100%; font-size: 62.5%; }
img,input,a,select,textarea{ margin: 0; padding: 0; resize:none; outline:none; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6,p,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
/*button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }*/
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{text-decoration: none;}
*{ font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif; font-size: 12px;}
.left{float: left;}
.right{float: right;}
.text-center{text-align: center;}
.red{color: #f00;}
.blue{color: #0000FF;}
.green{color:green;}
.overflow{overflow: hidden;}



.main-content{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.top-header{
	position: fixed;
	top: 0;
	width:100%;
	height: 80px;
	background-color: #1457C7;
	overflow: hidden;
	z-index: 100;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.medi-logo{
	float: left;
	line-height: 100px;
}

.menu{
	display: flex;
	justify-content: space-between;
	width: 770px;
	float: right;
	margin: 15px 40px;
}
.menu li {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    line-height: 50px;
    font-size: 16px;
    transition: 0.2s all linear;
    cursor: pointer;
    text-align: center;
    /* min-width:120px; */
}

.menu > li > a{
	display: inline-block;
	color: #fff;
	font-size: 16px;
}

.menu > li > a:hover{
	text-decoration: none;
	color: #8DC21F;
}
.menu li a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #8DC21F;
  transition: 0.2s all linear;
}

.menu li a:hover::before {
  width: 100%;
  top: 0;
  right: 0;
  transition-delay: 0.1s;
  border-bottom-color: #8DC21F;
  z-index: -1;
}
.menu > li.active > a{
	color: #8DC21F;
	border-bottom:2px solid #8DC21F;
}
.menu > li.active{
	/* border-bottom:2px solid #8DC21F; */
}


.mid-info1{
	margin: 120px auto;
	overflow: hidden;
}
.up-letter{
	text-transform: uppercase;
}
.big-tit{
	text-align: center;
	font-size: 44px;
	line-height: 60px;
	color: #131516;
	margin-bottom: 20px;
}
.small-tit{
	text-align: center;
	font-size: 24px;
	color: #131516;
	line-height: 40px;
}
.com-icons{
	width:1300px;
	margin: 50px auto 0;
	overflow: hidden;
}
.com-icons li{
	display: block;
	float: left;
	width:33%;
	text-align: center;
}
.com-icons li:nth-child(2){
	border-left: 1px solid #8A9FAA;
	border-right: 1px solid #8A9FAA ;
}
.com-icons li a{
	display: inline-block;
	font-size: 22px;
	color: #0B4AA6;
	line-height: 30px;
	border-bottom: 3px solid transparent;
}
.com-icons li a img{
	transition:all .4s
}
.com-icons a:hover{
	border-bottom: 3px solid #93C717;
}
.com-icons li a:hover img{
	/*transform: scale(1.01);*/
	opacity: .8;
}
.mid-info2{
	width:100%;
	overflow: hidden;
	background-color: #EFEFEF;
}
.mid-info2 img{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #EFEFEF;
}
.mid-info2 .pic-info{
	position: absolute;
	left: 0;
	right: 0;
	margin: 10% auto;
	z-index: 10;
}
.news-list{
	overflow: auto;
}
.news-list li{
	width: 326px;
	height: 380px;
	float: left;
}
.news-list li:nth-child(2n+2){
	margin: 0 110px;
}
.news-pic{
	width:100%;
	height: 200px;
	border: 1px solid #323232;
	box-sizing: border-box;
}
.news-pic:hover{
	opacity: .85;
}
.news-tit{
	padding: 10px 0;
	display:block;
	font-size: 18px;
	color: #303132;
	font-weight: bold;
	border-bottom: 1px solid #303132;
}
.news-intro{
	display: block;
	font-size: 15px;
	line-height: 32px;
	color: #303132;
	margin: 15px 0;
}
.news-intro:hover{
	color: #1e5690;
}
.footer{
	position: relative;
	width:100%;
	padding: 60px 0 40px;
	margin-top: 100px;
	background-color: #EBEBEB;
	z-index: 99;
}
.contact-us{
	float: left;
}
.contact-us h3{
	font-size: 14px;
	color: #323334;
	font-weight: bold;
	margin-bottom: 20px;
}
.contact-us .us-com{
	margin-bottom: 20px;
}
.contact-us .us-com h4{
	font-size: 14px;
	color: #323334;
	padding-bottom: 8px;
}
.contact-us .us-com p,.us-email{
	font-size: 12px;
	border-top: 1px solid #d6cece;
	padding-top: 8px;
}

.footer-menu{
	float: right;

}
.footer-menu > li{
	width:150px;
	display: inline-table;
}
.footer-menu > li > a{
	font-size: 14px;
	color: #323334;
	font-weight: bold;
}
.footer-menu > li > ul{
	margin-top: 20px;
}
.footer-menu > li > ul > li > a{
	font-size: 12px;
	color:#323334;
	line-height: 24px;
}
.footer-menu > li > ul > li > a:hover{
	text-decoration: underline;
}
.code{
	width:158px;
	text-align: center;
	float: right;
}
.code-pic{
	display: block;
	border: 1px solid #313233;
	margin-bottom: 10px;
}
.code select{
	width:158px;
	height: 32px;
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #313233;
	background: transparent;
	cursor: pointer;
}
.code select option{
	font-size: 14px;
	padding:20px;
	margin: 10px;
}
.footer-logo{
	float: right;
	width: 230px;
	margin-top: 40px;
}
.copyright{
	text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: right;
    font-size: 12px;
    color: #444;
    background-color: #d6d6d6;
}
.top-pic{
	position: relative;
	top: 80px;
	margin-bottom: 80px;
}
.top-pic img{
	display: block;
	width: 100%;
}
.navagation{
	width:100%;
	height: 60px;
	background-color: #ECECEC;
}
.flow-content{
	width:100%;
	overflow: hidden;
}
.nav-tit{
	float: left;
	width:250px;
	height: 60px;
	line-height: 60px;
	padding-right: 30px;
	box-sizing: border-box;
	text-align: right;
	background-color: #007BF7;
	color: #fff;
	font-size:16px;
	font-weight: bold;
}
.nav-link{
	float: left;
	width:80%;
	height: 60px;
	background-color: #ECECEC;
	padding-left: 60px;
	box-sizing: border-box;
}
.nav-link li{
	display: inline;
	color: #666;
	font-size: 14px;
	line-height: 60px;
}
.nav-link li  a{
	font-size: 14px;
	color: #666;
}
.nav-link li  a:hover{
	color: #0D57C9;
}
.menu-l{
	/*width:25%;*/
	float: left;
	box-sizing: border-box;
	transition: all .2s;
}
.menu-l > li{
	height: 50px;
	text-align: right;
	background-color: #003197;
}
.menu-l > li > a{
	display: inline-flex;
	align-items: center;
	width:240px;
	height: 50px;
	color: #fff;
	font-size: 15px;
	text-align: left;
	padding-left: 10px;
	/*padding-right: 10px;*/
	border-bottom: 1px solid #4e6eaf;
}
.menu-l > li:last-child > a{
	border-bottom: none;
}
.menu-l > li.active a{
	background:url(../images/arrow1.png) no-repeat 98% center #38CFBF;
	color: #04489B;
	background-size: 16px;
}
.fix-menu{
	position: fixed;
	top: 140px;
}
.fix-nav{
	position: fixed;
	top: 80px;
}
.fix-cont{
	margin-top:150px;
}

.ml-6{
	margin-left: 60px;
}

.content-r{
	width:80%;
	float: right;
	box-sizing: border-box;
	padding-left: 50px;
}
.content-r li{
	overflow: hidden;
}

.r-big-tit{
	width: 100%;
	/*float: left;*/
	line-height: 30px;
	padding: 40px 0 40px;
	text-align: left;
}
.en-tit{
	display: block;
	font-size: 26px;
	color: #0A1C4A;
	font-weight: bold;
}
.zh-tit{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	background-color: #0D57C9;
	padding: 5px 10px;
	font-weight: bold;
}
.line{
	width:100%;
	height: 1px;
	background-color: #F0F0F0;
	clear: both;
	margin: 40px 0;
}
.green-tit{
	display: inline-block;
	background-color: #38CFBF;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	padding: 8px 15px;
	margin:0 0 6px 0px;
}
.green-tit img{
	vertical-align: middle;
}
.grey-tit{
	display: inline-block;
	background-color: #ECECEC;
	font-size: 16px;
	font-weight: bold;
	color: #606564;
	line-height: 30px;
	padding: 8px 15px;
}
.article{
	width: 80%;
	margin: 50px 0;
	font-size: 14px;
	line-height: 28px;
}
.article .art-tit{
	font-size: 16px;
	line-height: 40px;
}
.tit-zu{
	overflow: hidden;
}
.tit-zu .l-tit{
	width:44%;
	float: left;
}
.l-tit,.b-tit{
	display:block;
	font-size: 20px;
	font-weight: bold;
	margin:20px 0 30px 10px;
}
.l-tit{
	color: #3773B1;
}
.b-tit{
	color:#202726;
}
.grey-bg{
	background-color: #F5F5F5;
	padding:40px;
	box-sizing: border-box;
	overflow: hidden;
}
.bg-article{
	width: 44%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	font-size:14px;
	line-height: 28px;
	border-left: 1px solid #fff;
}
.bg-article:first-child{
	border: none;
}
.x-tit{
	font-size: 20px;
	color: #3773B1;
	font-weight: bold;
	border-bottom: 1px solid #C5C5C5;
	padding: 6px;
}
.logo-list{
	/*margin: 30px 0;*/
}
.logo-list img{
	margin:35px 35px 35px 0;
}
.more-btn{
	font-size: 12px;
    color: #1457C7;
    padding: 8px;
    border: 2px solid #1457C7;
    cursor: pointer;
    border-radius: 4px;
}
.more-btn img{
	vertical-align: middle;
	width: 14px;
	margin-left: 2px;
}
.more-btn:hover{
	background-color: #f4f8ff;
}
.grey-tit.link{
	width:70%;
	border: 1px solid #6D706F;
}
.grey-tit.link a{
	color: #282E2D;
	font-size: 18px;
	border-bottom:  1px solid #282E2D;
}
.qr-pic{
	float: left;
	margin-top: 20px;
	padding: 8px;
	border: 1px solid #6D706F;
	background-color: #ECECEC;
}
.qr-info{
	float: left;
	font-size: 16px;
	color: #3C4241;
	font-weight: bold;
	margin: 150px auto auto 10px;
}
.app{
	float: left;
	margin-right: 60px;
}
.app:last-child{
	margin-right:0;
}
.app-tips{
	float: left;
	margin-left: 20px;
}
.app-tips .qr-hlw{
	display: block;
	margin-bottom: 85px;
}
.meiti{
	margin-bottom: 30px;
	overflow: hidden;
}
.qr-code{
	padding: 5px;
	border: 1px solid #A9A5A3;
	margin: 100px 0 0 20px;
}
.pic-list img{
	display: inline-block;
	width:35%;
	margin: 0 20px 20px 0;
}

.employ-list li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: left;
	width:130px;
	height: 130px;
	margin: 30px 30px 30px 0;
	border:1px solid #A9A9A9;
	border-radius: 6px;
	background-color: #F5F5F5;
	color: #1457C7;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.employ-list.en li{
	font-size: 16px;
}
.cus-table{
	width:75%;
	margin: 30px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.cus-table thead th{
	background-color: #1457C7;
	height: 50px;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
}
.cus-table tbody tr:nth-last-of-type(odd),.intro-list li:nth-last-of-type(odd),.file-list li:nth-last-of-type(odd){
	background-color: #E4E4E4;
}
.cus-table tbody tr:nth-last-of-type(even),.intro-list li:nth-last-of-type(even),.file-list li:nth-last-of-type(even){
	background-color: #F9F9F9;
}
.cus-table tbody td{
	height: 45px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	color: #333;
}
.j-btn{
	display: inline-block;
	padding: 2px 10px;
	background-color: #1457C7;
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
}
.intro-list,.file-list{
	width: 75%;
}
.intro-list li{
	min-height: 40px;
	font-size: 14px;
	line-height: 30px;
	padding: 5px;
	box-sizing: border-box;
}
.intro-list li a{
	font-size: 14px;
	color: #333;
}
.intro-list li a:hover{
	text-decoration: underline;
}
.num{
	display: inline-block;
	width:20px;
	height: 20px;
	background-color: #0D57C9;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 20px;
	margin-right: 8px;
}
h2.b-tit{
	font-size: 18px;
}
.file-list li{
	min-height: 48px;
	font-size: 14px;
	line-height: 30px;
	padding: 8px;
	box-sizing: border-box;
}
.file-list li a{
	display: inline-block;
	font-size: 16px;
	color: #333;
}
.file-list li a:first-child{
	width:90%;
}
.file-list li a:last-child{
	width: 10%;
	text-align: right;
}
.fix-cont .one-p{
	width: 80%;
}
.one-p{
	font-size: 16px;
	line-height: 32px;
	color: #333;
	text-align: justify
}
.one-p h1{
	font-size: 24px;
	font-weight: bold;
	margin: 30px 0 10px;
}

.one-p h3{
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

.one-p img{
	width: 100%;
}

.language{
	position: absolute;
    right: 30px;
    top: 30px;
    color: #999;
    font-size: 14px;
	cursor: pointer;
}
.language a{
	color: #999;
	font-size: 14px;
}
.language a.active{
	color: #fff;
}















#goToTop {
	position: fixed;
	bottom: 20px;
	right: 3%;
	z-index: 100;
}

#goToTop{
	opacity: .3;
	cursor: pointer;
}
#goToTop:hover{
	opacity: 1;
}


.target-dot{
	padding-top: 50px;
	margin-top: -50px;
}

.bei-an {
	margin-left: 5px;
	text-decoration: none;
	color: #333;
}