* {
		margin: 0;
		padding: 0;
		font-family: "Microsoft YaHei", "arial", "sans-serif";
	}
ul{ list-style: none; }

/*PC版*/
@media screen and (min-width: 751px){

	body {
		min-width: 1200px;
	}
	img {
		border: none;
	}
	.clear {
		clear: both;
	}
	.contacts .clear_bottom{ display: block; }
	.inner {
		width: 1200px;
		margin: 0 auto;
	}

	/* top_nan 样式有两种，一种在白色底中显示，另一种在背景图片上显示，并且固定显示在页面顶部 */
	.top_nav {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 999;
	}
	/* 顶部信息栏样式 */
	.top_nav .top_info {
		background: #f8f8f8;
		height: 30px;
		min-width: 1170px;
	}
	.top_nav .top_info .inner {
	}
	.top_nav .top_info .inner ul {
		list-style: none;
		line-height: 29px;
		height: 30px;
		width: 327px;
		float: right;
	}
	.top_nav .top_info .inner ul li {
		float: left;
	}
	.top_nav .top_info .inner ul li.customer {
		color: #222222;
		width: 180px;
		font-size: 12px;
	}
	.top_nav .top_info .inner ul li.weixin, .top_nav .top_info .inner ul li.EN, .top_info .inner ul li.onlinecall {
		width: 40px;
		height: 30px;
		display: block;
		float: left;
	}
	.top_nav .top_info .inner ul li.weixin a, .top_info .inner ul li.onlinecall a {
		width: 38px;
		height: 30px;
		display: block;
		background: url(../Images/common/icon.png) no-repeat;
	}
	.top_nav .top_info .inner ul li.weixin a {
		background-position: 13px 9px;
		border-right: 1px solid #e1e1e1;
	}
	.top_nav .top_info .inner ul li.onlinecall a {
		background-position: 14px -52px;
	}
    /*英文版下载入口、鼠标移过微信logo*/
    .top_nav .top_info .inner ul li.EN,.top_nav .top_info .inner ul li.weixin{ position:relative;}
    .top_nav .top_info .inner ul li.EN a{
        width: 38px;
		height: 30px;
		display: block;
        border-right: 1px solid #e1e1e1;
        font-size:14px;
        color:#7d7d7d;
        text-decoration:none;
        text-align:center;
	}
    .top_nav .top_info .inner ul li.EN:hover .en_dl,.top_nav .top_info .inner ul li.weixin:hover .QRcode{display:block;}
    .top_nav .top_info .inner ul li.EN .en_dl{position:absolute;top:29px;left:-80px;z-index:10000;display:none;width:198px;height:93px;background:#fff;box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.3);border-top:2px solid #487cb0;text-align:center;}
    .top_nav .top_info .inner ul li.EN .en_dl p{font-size:12px;color:#222;margin:15px 0 5px;}
    .top_nav .top_info .inner ul li.EN .en_dl .dl_btn{width: 141px;height: 21px;line-height: 21px;margin:0 auto;border-radius: 10px;color:#fff;background-color: rgb(72, 124, 176);box-shadow: 0px 2px 3px 0px rgba(255, 255, 255, 0.004);}
    .top_nav .top_info .inner ul li.EN .en_dl .dl_btn img{margin-right:5px;}
    .top_nav .top_info .inner ul li.weixin .QRcode{display:none;position:absolute;top:29px;left:-37px;z-index:10000;width:120px;height:120px;background:url(../Images/index/erweima.png) center -7px no-repeat #fff;box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.3);border-top:2px solid #487cb0;}


    
	/*头部*/
	.top_nav .head {
		border-bottom: 1px solid #e1e1e1;
		border-top: 1px solid #e1e1e1;
		background: #ffffff;
		/*-webkit-transition: all 0.5s linear;
		transition: all 0.5s linear*/
	}
	.top_nav .head .inner .header {
		width: 1130px;
		height: 70px;
		margin: 0 auto;
		line-height: 70px;
	}
	.theader {
		width: 100%;
		background: #ffffff;
		height: 70px;
		position: relative;
		z-index: 9999;
	}
	.top_nav .head .inner .header .logo {
		float: left;
		width: 152px;
		height: 70px;
		background: url(../Images/logo.png) no-repeat center;
	}
	.top_nav .head .inner .header .logo a {
		width: 152px;
		height: 70px;
		display:block;
	}
	.header .top_menu {
		height: 70px;
		float: left;
		width: 870px;
		margin: 0 15px;
	}
	.top_nav .head .inner .header ul {
		float: right;
	}
	.top_nav .head .inner .header ul li {
		display: inline;
		position: relative;
	}
	.top_nav .head .inner .header ul li a {
		text-decoration: none;
		color: #7d7d7d;
		font-size: 12px;
		padding: 27px 10px;
		position: relative;
        cursor:pointer;
	}
	.top_nav .head .inner .header ul li a:hover, .top_nav .head .inner .header ul li a.choose {
		color: #223557;
	}
	.top_nav .head .inner .header ul li a:hover:after, .top_nav .head .inner .header ul li a.choose:after {
		content: "";
		position: absolute;
		width: 80%;
		height: 2px;
		background: #487cb0;
		left: 10%;
		bottom: 0;
	}
	.top_nav .head .inner .header a.login {
		width: 78px;
		height: 30px;
		float: right;
		line-height: 30px;
		text-align: center;
		margin-top: 21px;
		text-decoration: none;
		font-size: 12px;
		color: #7d7d7d;
	}
	.top_nav .head .inner .header a.userpho img {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		box-shadow: 0px 0px 5px #999;
	    vertical-align: middle;
	}
	.top_nav .head .inner .header a.userpho img:hover {
		opacity: 0.6;
	}


	/*退出登录*/
	.log{ position: relative; width: 30px;float: left;}
	.log:hover .logout{ display: block;}
	.log .logout{ 
		display: none; 
		width: 100px; 
		background: #fff;
		z-index: 999;
		border-top: 2px solid #487cb0;
		position: absolute;
		top: 68px;
        box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.3);
	}
	.log .logout a{
		display: block;
		font-size: 12px;
		color: #7d7d7d;
		padding-left: 25px;
		background: #fff;
		text-decoration: none;
		height: 40px;
		line-height: 40px;
	}
	.log .logout a:hover{
		color: #223557;
		background: #f8f8f8;
	}



	/*二级下拉菜单*/
	.top_nav .head .inner .header ul li ul.secme {
		width: 200px;
		display: none;
		position: absolute;
		left: 7px;
		top: 35px;
		border: 1px solid #e1e1e1;
		border-top-width: 0px;
		background: #fff;
		margin-top: 11px;
		z-index: 999;
        box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.3);
	}
    .top_nav .head .inner .header ul li:last-child ul.secme{width: 95px;}
	.top_nav .head .inner .header ul li:last-child ul.secme:before{width: 97px}
	.top_nav .head .inner .header ul li:last-child ul.secme a{padding-left: 25px;}

	.top_nav .head .inner .header ul li ul.secme:before {
		content: " ";
		position: absolute;
		left: -1px;
		top: -2px;
		width: 202px;
		height: 2px;
		border-top: 2px solid #487cb0;
		color: #487cb0;
		background: #487cb0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
	.top_nav .head .inner .header ul li ul.secme a {
		display: block;
		line-height: 40px;
		font-size: 12px;
		color: #7d7d7d;
		height: 40px;
		padding: 0px;
		padding-left: 30px;
		margin: 0;
		background: #fff;
	}
	.top_nav .head .inner .header ul li ul.secme a:hover, .top_nav .head .inner .header ul li ul.secme .choose3 {
		color: #223557;
		background: #f8f8f8;
	}
	.top_nav .head .inner .header ul li ul.secme a:hover:after, .top_nav .head .inner .header ul li ul.secme .choose3:after {
		content: "";
		position: absolute;
		width: 80%;
		height: 0px;
		background: #487cb0;
		left: 10%;
		bottom: 0;
	}
	.top_nav .head .inner .header ul li.current ul {
		display: block;
	}
	.top_nav .head .inner .header ul li:hover ul {
		display: block;
	}

    .top_nav .head .inner .header ul li ul.secme li ul.three-floor{ display: none;border-top: 1px solid #e1e1e1;width: 200px;position: absolute;z-index: 888;left: 200px;top: 0px;box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.3);}
	.top_nav .head .inner .header ul li ul.secme li, .top_nav .head .inner .header ul li ul.secme li:hover ul.three-floor {display:block;}
	.top_nav .head .inner .header ul li ul.secme li ul.three-floor li{ position: static;display: block; }


	/* 第二种样式，在背景图片上显示 */
	.top_nav.navbg .head {
		border-bottom: 1px solid transparent;
		border-top: 1px solid #e1e1e1;
		background: none;
		/*-webkit-transition: all 0.5s linear;
		transition: all 0.5s linear;*/
	}
	.top_nav.navbg .head .inner .header ul li a {
		color: #fff;
		font-size: 12px;
	}
	.top_nav.navbg .head .inner .header a.login {
		color: #fff;
	}
	.top_nav.navbg .head .inner .header ul li a:hover, .top_nav.navbg .head .inner .header ul li a.choose {
		color: #223557;
	}
	.top_nav.navbg .head .inner .header .logo {
		float: left;
		width: 152px;
		height: 70px;
		background: url(../Images/index/logo_w.png) no-repeat center;
	}
	.top_nav.navbg .head .inner .header ul li a:hover:after, .top_nav.navbg .head .inner .header ul li a.choose:after {
		content: "";
		position: absolute;
		width: 80%;
		height: 0px;
		background: #487cb0;
		left: 10%;
		bottom: 0;
	}
	/* end 顶部固定导航栏 */

	/* 关于静瞳banner */
	.about_banner{ background:url(../Images/about/banner.jpg) no-repeat center; height:300px;}
	.about_banner h1{
		font-size: 36px;
		color: #fff;
		text-align: center;
		font-weight: normal;
		padding-top: 80px;
		line-height: 70px;
	}

	/*导航栏*/
	.tmenu {
		background: #1c2862;
	}
	.menu {
		width: 1070px;
		height: 50px;
		margin: 0 auto;
		line-height: 50px;
		text-align: center;
	}
	.menu ul li {
		display: inline;
	}
	.menu ul li a {
		text-decoration: none;
		font-size: 16px;
		color: #828fd0;
		background: #1c2862;
		padding: 14px 23px 14px 26px;
	}
	.menu ul li a:hover, .menu ul li a.choose2 {
		color: #ffffff;
		background: #0d1439;
		padding: 14px 23px 14px 26px;
	}
	/*合作伙伴+关注静瞳*/
	.font01, .font02 {
		font-size: 18px;
		color: #616161;
	}
	.tpartner {
		background: #f4f5f6;
	}
	.partner {
		width: 1170px;
		height: 440px;
		margin: 0 auto;
	}
	.partner div {
		float: left;
	}
	.partner .font01 {
		width: 600px;
		padding-top: 95px;
		padding-bottom: 70px;
	}
	.partner .font02 {
		width: 570px;
		padding-top: 95px;
		padding-bottom: 70px;
	}
	.partner .logo1 {
		padding-right: 18px;
	}
	.partner .logo2 {
		padding-right: 211px;
	}
	.partner .logo3 {
		padding-right: 15px;
	}
	.partner .icon {
		width: 568px;
		height: 80px;
		background: #ffffff;
		text-align: center;
	}
	.partner .icon span, .partner .icon a {
		display: inline-block;
	}
	[class^='extension-'] {
		width: 35px;
		height: 35px;
		display: block;
		margin: 27px 50px;
		background: url(../Images/icon.png) no-repeat;
	}
	.extension-icon1 {
		background-position: 0 0;
	}
	.extension-icon2 {
		background-position: 0px -50px;
	}
	.extension-icon3 {
		background-position: 0px -100px;
	}
	/*底部链接*/
	.tfooter {
	}
	.footer {
		width: 1170px;
		height: 60px;
		color: #666666;
		font-size: 14px;
		margin: 0 auto;
	}
	.footer ul {
		float: left;
		padding-top: 23px;
	}
	.footer ul li {
		list-style: none;
		display: inline;
		margin-right: 35px;
	}
	.footer ul li a {
		text-decoration: none;
		color: #666666;
	}
	.footer ul li a:hover {
		text-decoration: underline;
	}
	.footer .right {
		text-align: right;
		padding-top: 23px;
	}
	/* 新版样式 */
	/* partners 合作伙伴 */
	.inner.partners {
		height: 380px;
		background: #ffffff;
	}
	.partners.inner .partners_left {
		width: 565px;
		height: 380px;
		float: left;
		padding-left: 35px;
	}
	.partners.inner .partners_left h2 {
		padding-top: 158px;
		font-size: 52px;
		color: #909090;
	}
	.partners.inner .partners_right {
		width: 565px;
		height: 380px;
		float: right;
		padding-right: 35px;
		text-align: right;
	}
	.partners.inner ul {
		list-style: none;
		margin-top: 129px;
	}
	.partners.inner ul li {
		width: 88px;
		height: 42px;
		border: 1px solid #e1e1e1;
		float: left;
		margin: 10px;
	}
	/*联系我们*/
	.contacts {
		background: #223557;
		height: 270px;
		border-bottom: 1px solid #034361;
	}
	.contacts ul {
		list-style: none;
	}
	.contacts .inner .logo {
		width: 182px;
		height: 270px;
		float: left;
		background: url(../Images/common/logo_jingtong.png) no-repeat 15px 85px;
	}
    .contacts .inner .logo img{ display: none; }
	.contacts .inner h2 {
		font-size: 30px;
		color: #5e7db3;
		font-weight: normal;
		padding-top: 32px;
		padding-bottom: 18px;
	}
	.contacts .inner .contactus {
		width: 590px;
		height: 270px;
		float: left;
	}
	.contacts .inner .contactus p {
		font-size: 14px;
		color: #ffffff;
		line-height: 24px;
	}
	.contacts .inner .contactus p.sp {
		padding: 8px 0;
	}
	.contacts .inner .contactus p span.sp2 {
		padding-left: 61px;
	}
	.contacts .inner .contactus .contactinfo {
		width: 338px;
		height: 34px;
		border: 1px solid #3e5d93;
		border-radius: 34px;
		background: #2c4063;
		line-height: 34px;
		color: #5cc3ee;
		font-size: 14px;
		margin-top: 15px;
	}
	.contacts .inner .contactus .contactinfo span {
		padding-left: 34px;
		height: 34px;
		width: auto;
		background: url(../Images/common/icon.png) no-repeat;
	}
	.contacts .inner .contactus .contactinfo span.call {
		background-position: 10px -88px;
	}
	.contacts .inner .contactus .contactinfo span.qq {
		margin-left: 30px;
		background-position: 10px -120px;
	}
	.contacts .inner .aboutjt {
		width: 262px;
		height: 270px;
		float: left;
	}
	.contacts .inner .aboutjt ul li a {
		color: #ffffff;
		font-size: 14px;
		line-height: 24px;
		text-decoration: none;
	}
	.contacts .inner .aboutjt ul li a:hover {
		text-decoration: underline;
	}
	.contacts .inner .focusingus {
		width: 166px;
		height: 270px;
		float: right;
	}
	/*.contacts .inner .focusingus ul li {
		list-style: none;
		width: 50%;
		float: left;
	}
	.contacts .inner .focusingus ul li a {
		background: url(../Images/common/icon.png) no-repeat;
		width: 58px;
		height: 28px;
		display: block;
	}
	.contacts .inner .focusingus ul li a.weixin {
		background-position: 11px -148px;
	}
	.contacts .inner .focusingus ul li a.weibo {
		background-position: 11px -188px;
	}
	.contacts .inner .focusingus ul li {
		position:relative;
	}
	.contacts .inner .focusingus ul li div.weixincon {
		display:none;
		position:absolute;
		left:-32px;
		top:26px;
		width:120px;
		height:127px;
		padding-top:6px;
	}
	.contacts .inner .focusingus ul li:hover div.weixincon {
		display:block;
	}*/
    .contacts .inner .focusingus .WeChat img{
        width:100px;
    }
    .contacts .inner .focusingus p{
        font-size:14px;
        line-height:40px;
        color:#fff;
    }



	/*底部信息*/
	.tfooter {
		height: 49px;
		background: #182744;
		line-height: 49px;
		font-size: 14px;
		color: #ffffff;
	}
	.tfooter .inner ul {
		list-style: none;
	}
	.tfooter .inner ul li {
		width: auto;
		float: left;
	}
	.tfooter .inner ul li a {
		width: auto;
		padding: 0 16px;
		color: #ffffff;
		text-decoration: none;
	}
	.tfooter .inner ul li a:hover {
		text-decoration: underline;
	}
	.tfooter .inner .right {
		float: right;
	}

	.ptop_nav { display: none;}

    /*备案号*/
    .right-fp{display:none}
    .tfooter .ba-number{text-decoration:none;color:#fff;}
    .tfooter .ba-number:hover{text-decoration:underline;}

}


/*移动端手机端*/
@media screen and (max-width: 750px){
  	body{ overflow-x: hidden; }
  	.contacts .clear_bottom{ clear: both; }

  	/*顶部菜单栏*/
    .top_nav{ display: none; }
    .ptop_nav{ position: fixed;top: 0; height: 70px;background: #fff;width: 100%;z-index: 999;border-bottom: 1px solid #e1e1e1;}
    .ptop_nav .pheader{ width: 100%;}
    .ptop_nav .pheader .plogo{ float: left;width: 58%;margin-left: 4%; }
	.ptop_nav .pheader .pmenu-icon{ cursor: pointer;float: right;margin-right: 5%; margin-top:10px;width: 34px;height: 50px;background: url(../Images/menu-icon.png) no-repeat center; background-size: 80%;}
    .ptop_nav .pheader .ptop_menu{position: relative; display: none; background: #233656;clear: both;overflow-y: auto;}
    .ptop_nav .pheader .ptop_menu a{ text-decoration: none; color:#fff;}
    .ptop_nav .pheader .ptop_menu ul.psecme{ padding-bottom: 100px; }
    .ptop_nav .pheader .ptop_menu ul.psecme li{ cursor: pointer;padding-left: 4%;font-size: 16px;color: #fff; line-height: 40px;border-bottom:  1px solid #364764;}
    .ptop_nav .pheader .ptop_menu ul.psecme a li { font-size: 16px;color: #fff;text-decoration: none; }
    .ptop_nav .pheader .ptop_menu ul.psecme li ul{ margin-left: 50px;}
    .ptop_nav .pheader .ptop_menu ul.psecme li ul li{ padding-left: 0;border-top: 1px solid #364764;border-bottom:0px;line-height: 30px;}
    .ptop_nav .pheader .ptop_menu ul.psecme li ul li{ font-size: 14px;color: #fff;text-decoration: none; }
	
	.ptop_nav .pheader .ptop_menu ul.psecme li span.expand{ margin-left: 15px;display: inline-block;width: 16px;height:10px;background:url(../Images/menu-expand.png) no-repeat center;  }
	.up{ transform: rotateX(180deg); }
	.down{ transform: rotateX(0deg); }


	/*登录成功后个人中心入口*/
	.ptop_nav .pheader .ptop_menu .logined,.ptop_nav .pheader .ptop_menu .logout{
		position: fixed;
		bottom: 0;
		width: 50%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border-top: 1px solid #364764;
		background: #233656;
	}
	.ptop_nav .pheader .ptop_menu .logined{ left: 0; }
	.ptop_nav .pheader .ptop_menu .logout{ right: 0 ;border-left: 1px solid #364764;}
	.ptop_nav .pheader .ptop_menu .logined a.userpho img {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		box-shadow: 0px 0px 5px #999;
	    vertical-align: middle;
	    margin-right: 10px;
	}
	.ptop_nav .pheader .ptop_menu .logined a.userpho img:hover {
		opacity: 0.6;
	}
	.ptop_nav .pheader .ptop_menu .logined a,.ptop_nav .pheader .ptop_menu .logout a{
		font-size: 16px;
		color: #fff;
		text-decoration: none;
	}

	/*底部菜单栏*/
	.contacts{ position: relative;background: #223557;width: 100%; padding-bottom: 60px;}
	.contacts .inner{ width: 92%;margin: 0 auto; }
	.contacts .inner .logo {
	    width:30%;
	    margin: 0 auto;
	    padding: 20% 0 10%;
	}
	.contacts .inner .logo img{ width: 100%; }
	.contacts .inner .contactus p {
	    font-size: 12px;
	    color: #ffffff;
	}
	.contacts .inner h2 {
	    font-size: 16px;
	    color: #5e7db3;
	    font-weight: normal;
	    margin-bottom: 10px;
	}
	.contacts .inner .contactus{ margin: 5% 0; }
	.contacts .inner .contactus .contactinfo {
	    width: 90%;
	    height: auto;
	    border: 1px solid #3e5d93;
	    border-radius: 34px;
	    background: #2c4063;
	    line-height: 38px;
	    color: #5cc3ee;
	    font-size: 12px;
	    margin-top: 5%;

	    position: absolute;
	    left: 5%;
	    text-align: center;
	}
	.contacts .inner .contactus .contactinfo span {
	    padding-left: 30px;
	    height: 38px;
	    width: auto;
	    background: url(../Images/common/icon.png) no-repeat;
	}
	.contacts .inner .contactus .contactinfo span.qq {
	    margin-left: 10%;
	    background-position: 10px -120px;
	}
	.contacts .inner .contactus .contactinfo span.call {
	    background-position: 10px -90px;
	}

	.contacts .inner .aboutjt{ float: left;width: 40%;text-align: center;margin-top: 80px;}
	.contacts .inner .aboutjt ul li a {color: #ffffff;font-size: 12px;text-decoration: none;}
	.contacts .inner .focusingus{ float: right;width: 40%;margin-top: 80px;text-align: center;}
	

    .contacts .inner .focusingus .WeChat img{
        width:70%;
    }
    .contacts .inner .focusingus p{
        font-size:12px;
        line-height:30px;
        color:#fff;
    }



		.tfooter{ position: relative;height: 100px;background: #182744;font-size: 13px;color: #ffffff;}
		.tfooter .inner{ height: 100%;}
		.tfooter .inner ul { position: absolute;top: 20%;width: 70%;left: 15%;}
		.tfooter .inner ul li{ float: left; width: 33%;text-align: center;}
		.tfooter .inner ul li a{ color: #ffffff;text-decoration: none; }
		.tfooter .inner .right-fp{ position: absolute;bottom: 15%;left: 50%;margin-left: -125px;font-size: 12px;width:250px;text-align:center;}

	/* 关于静瞳banner */
	.about_banner{ background:url(../Images/about/banner.jpg) no-repeat center; height:300px;margin-top:50px;}
	.about_banner h1{
		font-size: 30px;
		color: #fff;
		text-align: center;
		font-weight: normal;
		line-height: 50px;
		padding-top: 90px;
		margin: 0 5%;
	}

	/* 新版样式 */
	/* partners 合作伙伴 */
	.inner.partners {
		width: 92%;
		margin: 0 auto;
		background: #ffffff;
	}
	.partners.inner .partners_left {
		width: 100%;
	}
	.partners.inner .partners_left h2 {
		padding-top: 100px;
		font-size: 40px;
		color: #909090;
	}
	.partners.inner .partners_right {
		width: 92%;
	}
	.partners.inner ul {
		list-style: none;
		margin-top: 20px;
	}
	.partners.inner ul li {
		width: 88px;
		height: 42px;
		border: 1px solid #e1e1e1;
		float: left;
		margin: 15px 4% 0 0;
	}

    /*备案号*/
    .right{display:none}
    .tfooter .ba-number{text-decoration:none;color:#fff;}
    .tfooter .ba-number:hover{text-decoration:underline;}
}
