@charset "utf-8";







* {	margin: 0;	padding: 0;}







body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}







body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}







body{ overflow-x:hidden;}







h1,h2,h3,h4,h5,h6 {	font-size: 100%;}







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







a {	text-decoration: none;	color: #4e4e4e; }







a:hover {	color: #fdc800;}







img {	border: 0px;}







em{ font-style:normal;}







table {	border-collapse: collapse;	border-spacing: 0;}







html,body {	color: #4e4e4e;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}







::selection { color: #fff; background-color: #005bac;}







::-moz-selection { color: #fff; background-color: #005bac;}







.hide {	display: none;}







.clear {clear: both;}







.center{ text-align:center;}







.pic100 img{width:100% !important;}







.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}







.f-turn{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}







.fl{float:left;}







.fr{float:right;}







.overflow{ overflow:hidden;}







.white,.white a{ color:#fff !important;}







.rela{ position:relative;}







.pad0{ padding:0 !important;}







.pad60{ padding:60px 0;}







.pad85{ padding:85px 0;}







.top30{ margin-top:30px;}







.top40{ margin-top:40px!important;}







.top60{ margin-top:60px!important;}







.slh{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}







.red{ color:#e60e11;}































header{ padding:25px 0;}















.topsearch{ background:url(../images/hbg1.png) repeat-x;border-radius:30px;padding:0 10px;border:1px solid #ededed;margin-top:10px;}







.topsearch input{width:187px;line-height:31px;height:31px; display:inline-block; vertical-align:middle; background-color:transparent;}







.topsearch button{display:inline-block; vertical-align:middle;background-color:transparent; background:url(../images/hicon1.png) no-repeat;width:31px;height:31px;}







.topsearch button:hover{background:url(../images/hicon4.png) no-repeat;}







.language{line-height:31px; height:31px; color:#005bac;font-size:16px;margin:10px 12px 0 0;}







.language a{color:#005bac; display:inline-block;margin:0 10px;}







.language a:hover{color:#379efb;}







nav{text-align:center;border:1px solid #ededed;}







nav ul{ margin-bottom:0;background: url(../images/hbg2.png) repeat-x;}







nav li{float:left; position:relative;}



.firstnav>a{width:48%; display:inline-block !important;}



nav li a{line-height:17px;display:block;height:50px; background:url(../images/hbg2.png) repeat-x;border-right:1px solid #ededed;font-size:14px;color:#005caa;font-weight:bold;display: flex;justify-content: center;    align-items: Center;padding: 0 17.5px;}

nav li:nth-child(7)>a{border:0;}





nav li a:hover,nav li a.cur{ background:#fff url(../images/icon-5.png) no-repeat center center; background-size:auto 100%; color:#005aab;}







nav li div{ text-align:center; position:absolute; background-color:#fff;border:1px solid #ededed;width: 100%;left: 0;z-index: 2; display:none;min-width:185px;}

nav li:nth-child(5) div,nav li:nth-child(7) div{left:inherit;right:0;}





nav li div a{ display:block;background:#fff; border-bottom:1px solid #ededed;font-weight:100;line-height: 22px; height: auto;font-size: 14px;padding: 10px;}







#owl-demo .item img,#owl-demo2 .item img{display: block;width: 100%;height: auto;}







.banner.owl-theme .owl-pagination{position: absolute;bottom: 20px;right:20px;}







.banner.owl-theme .owl-controls .owl-page span{width: 11px;height: 11px;background-color:#fff; opacity:1;border-radius:100%;margin: 5px 5px;}







.banner.owl-theme .owl-controls .owl-page.active span{background-color:#1374cf;}







.banner .owl-buttons{ position:absolute;left:0; top:50%; width:100%;}







.banner .owl-prev{ position:absolute;left:-50px;top:50%;margin-top:-20px; background:url(../images/caseprev.png) no-repeat !important;width:50px;height:45px; font-size:0 !important;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;opacity:0 !important;}







.banner .owl-next{ position:absolute;right:-50px;top:50%;margin-top:-20px; background:url(../images/casenext.png) no-repeat !important;width:50px;height:45px; font-size:0 !important;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;opacity:0 !important;}







.banner:hover .owl-prev{left:0; opacity:1 !important;}







.banner:hover .owl-next{right:0;opacity:1 !important;}







.banners{ display:none !important;}







.home_center{margin-top:20px;}







.home_title{border-bottom:3px solid #ededed;}







.home_title h2{ display:inline-block;}







.home_title h2 a{display:block;font-size:18px;font-weight:bold;color:#1374cf;padding:0 20px 20px;border-bottom:3px solid #1374cf; position:relative;margin-bottom: -3px;}







.home_title h2 a:after{ content:''; display:inline-block; position:absolute;bottom:0;left:50%;border-top: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #1374cf;margin-left:-3px;}







.homenewC{margin-top:10px;}







.homenewC dl {padding:21px 0;border-bottom:1px solid #ededed;}







.homenewC dl dt{ cursor:pointer;}







.homenewC dl dt,.homenewC dl dd a,.homecontactC,.homeabout{ display:flex; flex-direction:row;}

.homenewC dl dt time,.homenewC dl dd time{width:114px;margin-top: 2px;}






.homenewC dl dt h5{font-size:16px;color:#1374cf;font-weight:100;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;flex: 1;}







.homenewC dl dd div{flex:1;}







.homenewC dl dd div h5{font-size:16px;color:#1374cf;font-weight:bold;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}







.homenewC dl dd div p{margin-top:5px;line-height:26px;color:#666666;height:52px; overflow:hidden;}







.homenewC dl dd{ display:none;margin-top: -22px; background-color:#fff;position: relative;}







.homenewC dl:first-child dd{ display:block;}







.homebottom{margin:30px auto 60px;}







.homelinkC{margin-top:10px;}







.homelinkC a{ display:inline-block;margin:10px;}







.homecontactC{ margin-top:15px;}







.homecontactC .code{color:#1374cf; text-align:center;}







.homecontactC .code img{ width:140px; display:block;margin-top:10px;}







.homecontactC .right{margin:30px 0 0 10px;line-height:25px;}







.homecontactC .right p{color:#1374cf;font-weight:bold;margin:5px 0;font-size: 18px;}







.homecontactC .right p img{width:33px; display:inline-block; vertical-align:middle;margin-right:10px;}







.homevideo{border:1px solid #ededed;padding:20px;font-size:18px;color:#1374cf;font-weight:bold;margin-bottom: 19px;}







.homevideo a{color:#1374cf;}







.homevideoC{padding:20px 0;border:1px solid #ededed;margin-top:20px;}







.homevideoC a{ display:block; position:relative;}







.homevideoC a i{ width:42px;height:42px; display:inline-block; background:url(../images/icon-7.png) no-repeat; background-size:100%; position:absolute;left:50%;top:50%;margin:-21px 0 0 -21px;animation: circle 4s infinite linear;}







@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}







.homeabout{margin-top:44px;}







.homeabout .right{width:262px;margin-left:10px;}







.homeabout .right a{ display:block;margin-bottom:18px;}







.bq{background-color:#ededed; padding:15px 0;}







.bq span{ display:inline-block;margin:0 10px;color:#333333;}







.bq span a{color:#333333;}







.teltel {display:none;position: fixed;right: 20px;bottom: 10%; }







.teltel img {width: 40px;}































.iphone {position: relative;}







.iphone__item {width:100%;height:100%;position: absolute;bottom: -2em;color: #158f76;text-align: center;}







.iphone__power-btn {width: 2.188em;height: .188em;background: #e0e0e0;position: absolute;right: 2.5em;top: -0.188em;}







.iphone__left-btn {width: .188em;height: 1.250em;top: 3.250em;left: -0.188em;position: absolute;background: #e0e0e0;}







.iphone__left-btn:before {content: '';width: .188em;height: .875em;position: absolute;top: 3em;background: #e0e0e0;}







.iphone__left-btn:after {content: '';width: .188em;height: .875em;position: absolute;top: 5.5em;background: #e0e0e0;}







.iphone__details {width: .438em;height: .438em;border-radius: 100%;position: relative;top: 1.313em;left: 8em;background: #7c7c7c;}







.iphone__details:before {content: '';width: 2.5em;height: .25em;border-radius: .25em;position: absolute;top: 1em;left: -1em;background: #7c7c7c;}







.iphone__home-btn {width: 2.25em;height: 2.25em;border-radius: 100%;position: absolute;bottom: 1em;right: 6.75em;background: #f7f7f7;}







.iphone__home-btn:before {content: '';width: .813em;height: .813em;border: .15em solid #a8a8a8;border-radius: .2em;position: absolute;top: .6em;left: .57em;}







.iphone__screen {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}







.iphone__content {position: relative;background-color: #fff;width: 100%;height: 100%;}







.nav {position:fixed;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;







          transition-duration: 300ms;}







.nav--active .nav {opacity: 1;background-color: #333; position:fixed;}







.nav__list {margin: 0;font-size: 16px;padding: 60px 30px 15px 30px; text-align:center;}







.nav__list li>a{padding:15px 0;border-bottom:1px dashed #565555;}







.nav__list li div{padding:10px 15px; font-size:18px; display:none;background-color: #2b2b2b;}







.nav__list li div a{ padding:8px 0;}







.nav__item {list-style-type: none;}







.nav__link {font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;







  -webkit-transition: opacity 300ms ease-in-out;







  transition: opacity 300ms ease-in-out;}







.nav__trigger {display: none;position: absolute;width: 30px;height: 25px;right: 10px;top: 40px;z-index: 200;}







.nav--active .nav__trigger {    z-index: 9999;opacity: 0.5;}







.nav__icon { display: inline-block;position: relative;width: 30px;height: 3px;background-color: #005caa;







  -webkit-transition-property: background-color, -webkit-transform;







  transition-property: background-color, -webkit-transform;







  transition-property: background-color, transform;







  transition-property: background-color, transform, -webkit-transform;







  -webkit-transition-duration: 300ms;







          transition-duration: 300ms;}







.nav__icon:before,







.nav__icon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #005caa;







  -webkit-transition-property: margin, -webkit-transform;







  transition-property: margin, -webkit-transform;







  transition-property: margin, transform;







  transition-property: margin, transform, -webkit-transform;







  -webkit-transition-duration: 300ms;







          transition-duration: 300ms;







}







.nav__icon:before {margin-top: -10px;}







.nav__icon:after {margin-top: 10px;}







.style-1 .nav {    z-index: 999;  overflow-y: scroll;width: 100%;height: 100%;







-webkit-transform: translateX(-100%);







          transform: translateX(-100%);}







.style-1 .nav__link {opacity: 0;







  -webkit-transition-delay: 500ms;







          transition-delay: 500ms;}







.style-1 .nav--active .nav__link {opacity: 1;}







.style-1 .nav--active .nav {







  -webkit-transition: all 300ms ease-in-out;







  transition: all 300ms ease-in-out;







  -webkit-transform: translateX(0);







          transform: translateX(0);}







.style-1 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}







.style-1 .nav--active .nav__icon:before {margin-top: 0;







  -webkit-transform: rotate(45deg);







          transform: rotate(45deg);}







.style-1 .nav--active .nav__icon:after {margin-top: 0;







  -webkit-transform: rotate(-45deg);







          transform: rotate(-45deg);}







.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}



.nav li a { color: #fff;display: block;}











@media(max-width:1199px){


	.homenewC dl dd div{width: 358px;}
	nav { width: 70%;}
	nav li a{font-size: 13px;padding: 0 6px;}

}







@media(max-width:991px){







	nav,.language,.topsearch{ display:none !important;}







	.nav__trigger {display:block;}







	header {  padding: 15px 0;}







	.nav__trigger{top: 19px;}







	.homevideo{width: 373px;}







	.homeabout .right{width: 331px;}







	.homebottom {margin: 10px auto 60px;}







	.homecontact {margin-top:10px;}

	.homenewC dl dd div {width: 606px;}




}







@media(max-width:767px){







	.banners,.teltel{ display:block !important;}







	.bannerb{ display:none !important;}







	.bq{padding: 25px 15px;}







	header{padding: 15px 20px;}







	.banner .owl-buttons{ display:none;}







	.banner.owl-theme .owl-controls .owl-page span {width: 8px;height: 8px;}







	.banner.owl-theme .owl-pagination {bottom: 11px;}







	.homevideo,.homeabout .right{width: 50%;}

	.homenewC dl dd div { width: 83%;}





	







	







}







@media(max-width:580px){







	.homevideoC { padding: 10px 0;}







	.homevideo,.homeabout .right{width: 100%;}







	.homeabout .right{margin-left: 0;}







	.homeabout{display: block;}


	.homenewC dl dd div {width: 78%;}







}







@media(max-width:480px){







	.homecontactC{ display:block;}







	.homecontactC .code img{margin:10px auto 0;}







	.homecontactC .right{margin: 30px 0 0 0;}







	.logo {width: 60%;}







}



@media(max-width:430px){


	.homenewC dl dd div {width: 76%;}

}



@media(max-width:400px){







	.homenewC dl dd time{ display:none;}







}







@media(max-width:320px){







	.homenewC dl dt time{ font-size:12px;}







}























































































































































































































































@media(max-width:500px){































































	#sync2 .synced .item {font-size: 20px;}































































	#sync2 .item {font-size: 15px;}































































	.sciencemainB .tab a{ padding:10px 0;width:33%; text-align:center;}































































	.sciencemainTL { width: 70%;}































































	.book dl a{padding: 15px;}































































	.hr2list dl dt{ width:100px;}































































	.hr2list dl dd{ width:calc(100% - 100px);padding: 15px 10px;}































































	.hr2list dl dd span.more{ display:none;}































































	.hr2list dl dd p { margin-top: 7px; font-size:12px; line-height:20px;height:40px;}































































	.contactL{padding: 30px 15px;}































































	.loginR h5 {font-size: 20px;}































































	.loginR{padding: 40px 15px;}































































	.login_newlist dl dt { width: 120px;}































































	.login_newlist dl dd { width: calc(100% - 135px);}































































	.login_newlist dl dd time span:nth-child(2),.login_newlist dl dd time span:nth-child(3){ display:none;}































































	.login_newlist dl dd p{height:40px; line-height:20px;}































































}































































































































































































































































@media (max-width:450px){































































	#sync1 .owl-buttons .owl-prev, #sync1 .owl-buttons .owl-next{width: 30px;}































































	.historyC { padding: 0;}































































	#sync1 .owl-buttons .owl-prev { left: 0;}































































	#sync1 .owl-buttons .owl-next { right:0;}































































	.new1listB a h5{width: 65%;}































































	.hr2mainL{ width:80%;}































































}































































































































































































































































































































































































































































































































@media (max-width:400px){































































	.h_new .content li dl dd h5,.new2list dl dd h5{ font-size:13px;}































































	.h_new .content li dl dd time{ font-size:12px;}































































	.h_video div a {height: 260px;}































































	.book dl dt {width:70px;}































































	.book dl dd { width: calc(100% - 85px);}































































	.book dl dd span.down {margin-top: 5px;}































































	.add2list dl dt div.div1{background:url(../images/icon-45.png) no-repeat left 5px center;font-size:15px; background-size:18px;padding: 0 10px 0 25px;width:calc(100% - 150px);}































































	.add2list dl dt div.div2{width: 120px;}































































	.add2list dl dt div { padding: 0 5px;}































































	.contactL dl dt {width: 120px;margin:auto;float:none;}































































	.contactL dl dd { float: none;margin:20px 0 0; text-align:center;}































































    .login_magazine_select select{background-size: auto 80%; background-position:right 10%;}































































	.login_newlist dl dd div a i{width: 15px; height: 15px; background-size:100% !important;margin-right: 3px;}































































	.login_newlist dl dd div a{padding: 0 8px;}































































	.login_newlist dl dt {width: 100px;}































































	.login_newlist dl dd { width: calc(100% - 110px);}































































}