@charset "utf-8";
/* CSS Document */
* { padding: 0;  text-decoration: none; color: inherit; margin: 0; list-style: none; font-style: normal; /*font-weight: normal;*/ box-sizing: border-box; font-family:Microsoft YaHei; }
/*内边*/
.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
/*外边*/
.m0 { margin: 0; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
/*栅格*/
.item-12 { width: 100%; }
.item-11 { width: 91.66%; float: left; }
.item-10 { width: 83.33%; float: left; }
.item-9 { width: 75%; float: left; }
.item-8 { width: 66.66%; float: left; }
.item-7 { width: 58.33%; float: left; }
.item-6 { width: 50%; float: left; }
.item-5 { width: 41.66%; float: left; }
.item-4 { width: 33.33%; float: left; }
.item-3 { width: 25%; float: left; }
.item-2 { width: 16.66%; float: left; }
.item-1 { width: 8.33%; float: left; }
.item-m-5 { width: 20%; float: left; }
.wrap-clear:after { content: ''; display: block; clear: both; }

.overflow{ overflow:hidden}
.top-nav-box { background: #f9f9f9; color: #999; font-size: 14px; width: 100%; line-height: 35px; height: 35px; }
.top-nav-box .top-nav { width: 1200px; margin: 0 auto;  height: 35px; }
.top-nav-box .top-nav .welcome { float: left; }
.top-nav-box .top-nav .language { float: right; text-align: right; }
.top-nav-box .top-nav .language i { margin: 0 5px; }
.top-nav-box .top-nav .language span{ border-right:1px #999 solid; padding:0 8px; cursor:pointer;}
.top-nav-box .top-nav .language span:last-child{ border:none;}
.logo-box { width: 1200px; margin: 0 auto; overflow: auto; }
.logo-box .logo { width: 460px; height: 90px; background: url(../images/logo.png) no-repeat left top; float: left; }
.logo-box .logo1 { width: 460px; height: 90px; background: url(../images/logo1.png) no-repeat left top; float: left; }
.logo-box .tel { float: right; width: 202px; height: 90px; background: url(../images/tel.jpg) no-repeat center center; margin-right: 24px; }
.logo-box .search {height: 40px;border: solid 1px #80d2bf;float: right;padding-right: 40px;position: relative;border-radius: 100px;margin: 25px 20px 0 0;overflow: hidden;}
.logo-box .search input:first-child {outline: none;width: 230px;line-height:40px;display: block;background: #fff;padding: 0 10px;transition: ease-in-out 0.2s;color: #666;border:  none;}
.logo-box .search input#searchKey:hover {width: 240px;}
.logo-box .search input:last-child { outline: none; height: 38px; position: absolute; right: 0; top: 0; display: block; width: 40px; height: 38px; background: none; cursor:pointer; }
.logo-box .search form:before { content: "\e606"; font-family: "iconfont"; position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; text-align: center; font-size: 26px; color: #00a57d; }
.nav-box { width: 100%; background: #00a57d; /*border-bottom: solid 1px #fff;*/ }
/*.nav-box .nav { width: 1200px; margin: 0 auto; }
.nav-box .nav ul { display: inline-table; }
.nav-box .nav ul li { width: 1%; display: table-cell; text-align: center; line-height: 40px; color: #fff; font-size: 16px; transition: ease-in-out 0.2s; }
.nav-box .nav ul li a { display: block; width: 100%; height: 100%; }
.nav-box .nav ul li.active,
.nav-box .nav ul li:hover { background: #278073; }*/
/*nav导航盒子*/
div.nav{
    width: 1200px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: relative;
    background: #00a57d;
	margin:0 auto 0 auto;
}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    
}

/*导航条设置*/
ul.nav-main>li{
    width: 120px;
    height: 100%;
    display: block;
    float: left;
    background: #00a57d;
    color: #fff;
    cursor: pointer;
    position:relative;
}

ul.nav-main li a{
    width: 100%;
    display: inline-block;
    cursor: pointer;
}
ul.nav-main>li:hover{
    background: #278073;
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 100%;
    border-top: 0;
    position: absolute;
    display:none;
    background:#fff;
    top: 40px;
    z-index:9999;
}
.hidden-box>ul{
    list-style-type: none;
    color: #333;
    cursor: pointer;
}
.hidden-box li:hover{
    background: #278073;
    color: #fff;
}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 120px;
}
.hidden-loc-us{
    left: 240px;
}
.hidden-loc-info{
    left: 360px;
}
.box04{
	left:480px;
}
.box05{
	left:720px;
}
.box06{
	left:840px;
}
.box07{
	left:960px;
}
.box08{
	left:1080px;
}
		           
.banner-box {width: 100%;height: 260px;/* min-width:1100px; */position:relative;overflow: hidden;}
.banner-box img{height:100%; left:50%; position:absolute; margin-left:-960px;}
.bg-w { background-color: #fff; }
.bg-g { background-color: #f8f8f8; }
.column {width: 1100px;margin: auto;}
.title-1 { line-height: 26px; padding: 34px 0 20px; }
.title-1:before { content: ''; display: block; float: left; margin-right: 10px; width: 5px; height: 26px; background: #41ccb4; }
.title-1 b { color: #08a487; /*background:linear-gradient(to right, #529ddf, #01a57f); -webkit-background-clip: text; color: transparent; */font-size: 24px; }
.title-1 span { margin-left: 10px; color: #333; }
.title-1 a { float: right; color: #666; text-transform: Uppercase; position: relative; padding-left: 15px; }
.title-1 a:hover { color: #2e92de }
.title-1 a:before,
.title-1 a:after { width: 1px; height: 11px; background: #666; left: 5px; content: ''; display: block; position: absolute; top: 7px; transition: ease-in-out 0.2s; }
.title-1 a:after { width: 11px; height: 1px; left: 0px; top: 12px; }
.title-1 a:hover:before { height: 7px; transform: rotate(-405deg); top: 6px; left: 4px; background: #2e92de; }
.title-1 a:hover:after { width: 7px; transform: rotate(-405deg); top: 14px; left: 1px; background: #2e92de; }
.column { padding-bottom: 30px; }
.detail { }
.detail .detail-images { width: 282px; height: 183px; float: left; background: #fff; border: solid 1px #f1f1f1; padding: 10px; }
.detail .detail-images img { display: block; background: #CCC; width: 100%; height: 100%; }
.detail .detail-title { margin-left: 292px; }
.detail .detail-title .title { color: #333; font-size: 18px; line-height: 50px; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detail .detail-title .info { line-height: 30px; color: #666; text-indent: 2em; display: block; }
.detail .detail-title .info a { margin-left: 10px; font-size: 14px; transition: ease-in-out 0.2s; }
.detail .detail-title .info a:hover { color: #41ccb4; }
.detail .detail-title .time { color: #999999; }
.detail .detail-title .time i { color: #d2d2d2; font-size: 24px; vertical-align: middle; margin: 0 10px 0 5px; line-height: 40px; }
.detail .detail-list { clear: both; }
.detail .detail-list ul { overflow: hidden; padding-top: 20px; }
.detail .detail-list ul li { width: 50%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 40px 0 20px; position: relative; line-height: 38px; font-size: 16px;  color:#333;}
.detail .detail-list ul li:before { position: absolute; content: '>'; font-family: SimSun; font-weight: bolder; color: #41ccb4; display: block; left: 0px; transition:ease-in-out 0.2s;}
.detail .detail-list ul li:hover:before{ left:5px; color:#F00;}
.detail .detail-list ul li:hover a{ color:#000;}
.detail-info img { display: block; width: 100%; height: 170px; background: #666; }
.detail-info span { line-height: 30px; color: #666; padding-top: 20px; display: block; text-indent: 2em; }
.detail-info span a { font-size: 14px; margin-left: 10px; transition: ease-in-out 0.2s; }
.detail-info span a:hover { color: #41ccb4; }
.detail-info video { width: 100%; /*height: 310px;*/ }
.title-2 { border-top: solid 1px #41ccb4; margin-top: 60px; text-align: center; position: relative; }
.title-2 b { margin-top: -15px; line-height: 30px; display: block; background: #fff; position: absolute; left: 50%; width: 140px; margin-left: -70px; font-size:
}
.title-2 b i { color: #08a487; /*background: linear-gradient(to right, #529ddf, #01a57f); -webkit-background-clip: text; color: transparent;*/ font-size: 24px; }
.title-2 span { display: block; margin-top: 20px; color: #333; }
.bottom-icon ul { overflow: hidden; width: 1200px; margin: auto; padding: 50px 0; }
.bottom-icon ul li { width: 33.3%; float: left; text-align: center; }
.bottom-icon ul li img { vertical-align: middle; }
.bottom-icon ul li div {  vertical-align: middle; transition:ease-in-out 0.2s; }
.bottom-icon ul li:hover div{ margin-left:15px;}
.bottom-icon ul li div span,
.bottom-icon ul li div i { display: block; }
.bottom-icon ul li div span { font-size: 22px;  margin-bottom: 10px; color:#716b6b}
.bottom-icon ul li div i { color: #999; }
.footer-box { background: url(../images/footer-bg.png) center center; background-repeat: repeat-y; color: #fff; padding: 40px 0 50px; }
.footer-box .footer { width: 1200px; margin: 0 auto; }
.footer-box .footer .link-box { width: 744px; float: left; }
.footer-box .footer .link-box ul { display: inline-table; }
.footer-box .footer .link-box ul li { display: table-cell; width: 1%; border-right: #a2c8de 1px dashed; padding-left: 20px; padding-top: 10px; }
.footer-box .footer .link-box ul li:last-child { border-right: none; }
.footer-box .footer .link-box ul li>* { display: block; }
.footer-box .footer .link-box ul li span { font-size: 16px; margin-bottom: 30px; }
.footer-box .footer .link-box ul li a { font-size: 14px; line-height: 30px; opacity:0.8; }
.footer-box .footer .link-box ul li a:hover{ opacity:1;}
.footer-box .footer .qr-box {width: 456px;float: left;overflow: hidden;}
.footer-box .footer .qr-box ul {overflow: hidden;}
.footer-box .footer .qr-box ul li { width: 50%; float: left; font-size: 12px; text-align: center; line-height: 20px; }
.footer-box .footer .qr-box ul li span{font-size:16px; line-height:40px;}
.footer-box .footer .qr-box ul li img { display: block; margin: 10px auto; }
.footer-box .copyright { clear: both; text-align: center; font-size: 14px; line-height: 2; padding-top: 20px; }
.footer-box .copyright i { margin: 0 5px; font-size: 22px; color: #de2810; }
.fullSlide {width: 100%;position: relative;height: 500px;background: #000;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li {width: 100% !important;height: 500px;overflow: hidden;text-align: center;background-position: center center;}
.fullSlide .bd li a { display: block; height: 500px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; display: none; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 42px; height: 11px; margin: 1px; overflow: hidden; background: #000; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; }
.fullSlide .hd ul .on { background: #f00; }
.fullSlide .prev,
.fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.fullSlide .next { left: auto; right: 15%; background-position: -6px -137px; }
.tab {width: 1100px;margin: 0 auto 50px;}
.tab-hd { overflow: hidden; zoom: 1; text-align: center; font-size: 0; }
.tab-hd>li { display: inline-block; width: 16px; height: 16px; color: #fff; text-align: center; cursor: pointer; background: #e5e5e5; border-radius: 100px; margin: 0 6px; transition: 0.2s ease-in-out; }
.tab-hd>li.active { background: #01a57f; }
.tab-bd>li { display: none; }
.tab-bd li.active { display: list-item; }
.tab-list {width: 1100px;height: 565px;margin: 20px auto 50px;overflow: hidden;}
.tab-list ul {overflow: hidden;width: 1101px;height: 557px;}
.tab-list ul li {width: 25%;position: relative;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;float: left;overflow:hidden;/* padding:20px 0; */}
.tab-list ul li img {width: 100%;display: block;/* height: 126px; */}
.tab-list ul li div { height: 80px; background: #fff; text-align: center; transition: ease-in-out 0.1s; padding: 10px 5px 0; position: relative; }
.tab-list ul li div b { display: block; line-height: 30px; height:30px;    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  font-weight: bold; position: relative; z-index: 11; }
.tab-list ul li div span { line-height: 25px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; z-index: 11; }
.tab-list ul li div:after { content: ''; display: block; background: #41ccb4; height: 0; position: absolute; top: 0; left: 0; right: 0; transition: ease-in-out 0.2s; }
.tab-list ul li:hover div:after { height: 100%; }
.tab-list ul li:hover div span,
.tab-list ul li:hover div b { color: #fff; }
 #cboxClose{position:absolute; bottom:165px; right:0; background:url(../images/control.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; cursor: pointer;}
 
 
 /*兴齐眼药发展历程*/
 .lichengbei .img-wrap ul li .title{height:40px !important; margin-bottom:10px;}
 .lichengbei .img-wrap{padding-top:10px !important;}
  /*兴齐眼药发展历程结束*/
 
@media screen and (max-width: 1366px){
.footer-box {min-width: 1100px;}
.column {width: 1100px;}
.tab-list {width: 1100px;}
.logo-box{width: 1100px;}
.top-nav-box .top-nav{width: 1100px;}
div.nav{width: 1100px;}
ul.nav-main>li{ width:100px;}
.tab-list ul,.swiper-container.slide,.swiper-slide{width: 1101px!important;}
.footer-box .footer{width: 1100px;}
.footer-box .footer .link-box{}
.footer-box .footer .qr-box{width: 256px; float:right;}
.footer-box .footer .qr-box ul li img{ width:77%;}
.bottom-icon ul{ width:1100px;}
.s_index{ width:1100px !important;}
.s_index .s_left{}
}
@media screen and (max-width: 1200px){
.footer-box,.fullSlide {min-width: 1000px;}
.bg-w,.bg-g {min-width: 1000px;}
.column {width: 1000px;}
.tab-list {width: 1000px;}
.logo-box{width: 1000px;}
.top-nav-box .top-nav{width: 1000px;}
div.nav{width: 1000px;}
ul.nav-main>li{ width:100px;}
.tab-list ul,.swiper-container.slide,.swiper-slide{width: 1001px!important;}
.footer-box .footer{width: 1000px;}
.footer-box .footer .link-box{}
.footer-box .footer .qr-box{width: 230px; float:right;}
.footer-box .footer .qr-box ul li img{ width:77%;}
.bottom-icon ul{ width:1000px;}
.s_index{ width:1000px !important;}
.s_index .s_left{ width: 240px !important;}
.s_index .s_right {width: 740px !important;}
.product-page .ty-listpage-turn > li {width: auto !important;}
.product-page ul li {}
.s_index .s_left .pro-l ul li dt {width: 130px !important;}
 .s_index .s_right .title,.inkPhoBox,.inkPhoBox .main,.inkPhoBox .mod18,.inkPhoBox .bigImgBox,.inkPhoBox .mod18 .picBox,.inkPhoBox .smImgBox,.inkPhoBox .mod18 .listBox {width: auto !important;}
 .inkPhoBox .mod18 .picBox li {width: 697px !important;}
 .inkPhoBox .mod18 .picBox li img {width:100%;}
}
 
strong {font-weight: bold;}



ul.nav-main {text-align:center; font-size:0;}
ul.nav-main>li {display:inline-block; float:none; font-size:16px;}