@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;}



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



.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;}



nav li{width:12.5%;float:left; position:relative;}



nav li a{line-height:50px;display:block;height:50px; background:url(../images/hbg2.png) repeat-x;border-right:1px solid #ededed;font-size:16px;color:#005caa;font-weight:bold;}



nav li a:hover,nav li a.cur{ background: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;}



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:15px 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; text-align:center;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;}



.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){



	nav li a{font-size:14px;}



}



@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;}



}



@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%;}



	



	



}



@media(max-width:580px){



	.homevideoC { padding: 10px 0;}



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



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



	.homeabout{display: block;}



}



@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: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);}































}