
body{width:100%;padding:0;margin:0}
.top2{display:none}
.container{padding:40px 0}

/*轮播图&开始*/
.banner{ width:100%; min-width:1200px}
.pro-switch {
	overflow: hidden;
	position: relative;
	width:100%}
.flexslider {
	margin: 0;
	padding: 0}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden}
.flexslider .slides img {
	width: 100%;
	display: block}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0}

.no-js .slides > li:first-child {display: block}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease}
.flexslider .slides {zoom: 1}
.flex-direction-nav {height: 0}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../img/ad_ctr_1.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0}
.flex-direction-nav .flex-prev {left: 0}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50)}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline}
.flex-control-paging li a {background:url(../img/dot_1.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer}
.flex-control-paging li a.flex-active {background-position: 0 0}


@keyframes rollOut { 0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
.revealOnScroll { opacity: 0; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.maxtime { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-200%);
transform:translateX(-200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-200%);
transform:translateX(-200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translateX(200%);
transform:translateX(200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInTop { 0% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInTop { 0% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInTop { -webkit-animation-name: fadeInTop; animation-name: fadeInTop; }

/*xn_c_index_liux*/
.xn_c_index_liux{width: 100%; float: left; background: #f5f5f5}
.xn_c_liux_box{width: 1300px; height: 850px; position: relative; top: 131px; background: url(../img/xn_c_liux_box.png) center no-repeat}
.xn_c_liux_box li a{transition:all 1.5s; -webkit-transition:all 1.5s; -moz-transition:all 1.5s; -o-transition:all 1.5s}
.xn_c_liux_box li a:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); cursor: pointer}
.xn_c_liux_box>ul{position:relative; z-index: 10}
.xn_c_liux_box1{top: 405px;left: 131px; position: absolute}
.xn_c_liux_box2{top: 419px;left: 221px; position: absolute}
.xn_c_liux_box3{ top: 265px;left: 365px; position: absolute}
.xn_c_liux_box4{top: 120px;left: 595px;  position: absolute}
.xn_c_liux_box5{top: 172px;left: 759px;  position: absolute}
.xn_c_liux_box6{ top: 287px;right: 209px;  position: absolute}

.xn_c_liux_box2 a{display: block; width: 132px;height: 122px;background: url(../img/1c.png) center no-repeat}
.xn_c_liux_box3 a{display: block; width: 211px;height: 207px;background: url(../img/2c.png) center no-repeat}
.xn_c_liux_box4 a{display: block; width: 150px;height: 149px; background: url(../img/3c.png) center no-repeat}
.xn_c_liux_box6 a{display: block; width: 160px;height: 160px;background: url(../img/4c.png) center no-repeat}
.xn_c_liux_boxt2{width: 344px;height: 102px; padding-bottom: 123px;background: url(../img/2x.png) left bottom no-repeat; position: absolute;top: 231px;left: 0}
.xn_c_liux_box_not2{background: url(../img/01.png) no-repeat; position: absolute;left: 0;top: 0; width: 48px;height: 37px}
.xn_c_liux_box_ent2{height: 17px;line-height: 17px; font-size: 12px;color: #00A1E9; padding-top: 18px; font-family: "Arial"; text-align: right; width: 270px}
.xn_c_liux_box_cnt2{height: 32px;line-height: 32px; color: #00A1E9; font-size: 24px;font-weight: bold; text-align: right; width: 270px}

.xn_c_liux_boxt4{width: 272px;height: 159px;background: url(../img/1x.png) 0 90px  no-repeat; position: absolute;top: 0;left:343px}
.xn_c_liux_box_not4{background: url(../img/03.png) no-repeat; position: absolute;right: 0;top: 0; width: 48px;height: 37px}
.xn_c_liux_box_ent4{height: 19px;line-height: 19px; font-size: 12px;color: #00A1E9; padding-top: 28px; font-family: "Arial"; text-align: left; width: 270px}
.xn_c_liux_box_cnt4{height: 36px;line-height: 36px; color: #00A1E9; font-size: 24px;font-weight: bold; text-align: left; width: 370px}

.xn_c_liux_boxt6{width: 320px;height: 182px;background: url(../img/4x.png) right 0  no-repeat; position: absolute;top: 435px;left:486px}
.xn_c_liux_box_not6{background: url(../img/02.png) no-repeat; position: absolute;right: 0;bottom: 0; width: 51px;height: 37px}
.xn_c_liux_box_ent6{height: 18px;line-height: 18px; font-size: 12px;color: #00A1E9; padding: 19px 0 0 30px; font-family: "Arial"; text-align: right; width: 100%}
.xn_c_liux_box_cnt6{height: 35px;line-height: 35px; margin-left: 30px; color: #00A1E9; font-size: 24px;font-weight: bold; text-align: right; width: 100%}

.xn_c_liux_boxt8{width: 360px;height: 214px;background: url(../img/3x.png?) right 91px  no-repeat; position: absolute;top: 116px;right:0}
.xn_c_liux_box_not8{background: url(../img/04.png) no-repeat; position: absolute;right: 0;bottom: 0; width: 54px;height: 37px; }
.xn_c_liux_box_ent8{height: 19px;line-height: 19px; font-size: 12px;color: #00A1E9; padding-top: 29px; font-family: "Arial"; text-align: right; width: 289px; float: right; clear: both}
.xn_c_liux_box_cnt8{height: 36px;line-height: 36px; color: #00A1E9; font-size: 24px;font-weight: bold; text-align: right; width: 289px; float: right; clear: both}
.xn_c_liux_box_cnt2:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_ent2:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_ent4:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_cnt4:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_ent8:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_cnt8:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_ent6:hover{color: #00A1E9;cursor: pointer}
.xn_c_liux_box_cnt6:hover{color: #00A1E9;cursor: pointer}
/*end_xn_c_index_liux*/

/****************显微镜行业*****************/
.sh{width:100%; background: #fff; float: left; padding: 80px 0 50px 0}
.hytit{width:1300px; float: left; text-align: center}
.hytit h2{font-size:28px; font-weight: 900; line-height: 50px}	
.hytit p{text-align:center; margin-top: 20px; line-height: 30px; font-size: 16px}	
.hangye{width:100%; float: left; padding:0 0 80px 0; }
.hangye dl{float: left; margin: 10px 0; background: #fff; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; position: relative}
.hangye dl:hover{ transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-webkit-box-shadow:0px 5px 15px #ccc;-moz-box-shadow:0px 5px 15px #eee;box-shadow:0px 5px 15px #ccc}
.hangye dl.dl1{width: 49.5%;  margin-right: 1%}
.hangye dl.dl1 dt{width:100%;  float: left;position: relative; border-top: solid 2px #00A1E8}
.hangye dl.dl1 dt img{ width: 100%}
.hangye dl.dl1 dd{width:250px; position: absolute; left: 42%; top: 20%}
.hangye dl.dl1 dd span{width: 250px; float: left;font-size: 22px; font-weight: bold}
.hangye dl.dl1 dd p{width: 250px; float: left; font-size: 16px; color: #666; line-height: 30px; margin-top: 30px}

.hangye dl.dl2{width: 49.5%; }
.hangye dl.dl2 dt{width:100%;  float: left;position: relative; border-top: solid 2px #00A1E8}
.hangye dl.dl2 dt img{ width: 100%}
.hangye dl.dl2 dd{width:250px; position: absolute; left: 30%; top: 20%}
.hangye dl.dl2 dd span{width: 250px; float: left;font-size: 22px; font-weight: bold}
.hangye dl.dl2 dd p{width: 250px; float: left; font-size: 16px; color: #666; line-height: 30px; margin-top: 30px}

.hangye dl.dl3{width: 100%; float: left}
.hangye dl.dl3 dt{width:100%;  float: left;position: relative; border-top: solid 2px #00A1E8}
.hangye dl.dl3 dt img{ width: 100%}
.hangye dl.dl3 dd{width:500px; position: absolute; left:38%; text-align: center;top: 15%}
.hangye dl.dl3 dd span{width: 500px; float: left;font-size: 22px; font-weight: bold}
.hangye dl.dl3 dd p{width: 300px; float: left; color: #666; margin-top: 20px}
.hangye dl.dl3 dd p font{width: 100px; float: left; font-size: 16px; color: #666; margin: 8px 0}

	
/*************************公司简介********************/
.abg{width:100%; float: left;  background: #01A1EA; padding: 100px 0; color: #fff}
.about{width:1300px; margin: 0 auto}
.about dl dt{width: 100%; float: left; font-size: 28px; font-weight: bold; text-align: center}
.about dl dd{width: 100%; float: left; margin-top: 30px; text-align: center}
.about dl dd p{ line-height: 25px; font-size: 16px}
.about .sj{width: 1300px; float: left; margin: 80px 0}
.about .sj ul {width: 9000px; margin-left: 190px;}
.about .sj ul li{width:300px; float: left; border-right: 1px solid #ccc; text-align: center;font-size: 32px; font-weight: bold}
.about .sj ul li span{font-size: 32px; font-weight: bold}
.about .sj ul li p{ font-size: 16px; font-weight: 100; margin-top: 12px}
.about .gd{width:1300px; float: left; height: 45px; text-align: center}
.about .gd a{ width: 150px; display: block; margin: 0 auto; color: #01A1EA;background: #fff; line-height: 45px}
/***************index--行业咨询*******************/
.th{width:100%; float: left; background: #f5f5f5; padding: 60px 0}
.xwtit{width:1300px; float: left; text-align: center; font-size: 28px; font-weight: bold; margin: 0 0 30px 0}