.dropdown {
	position: relative
}

.dropdown .drop_item {
	position: absolute;
	height: 0;
	opacity: 0;
	right: 0;
	top: 100%;
	overflow: hidden;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s
}

.dropdown:hover .drop_item {
	height: auto;
	opacity: 1
}

html,body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei","Hiragino Sans GB",sans-serif;
	font-size: 12px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

a {
	text-decoration: none;
	cursor:pointer;
}

.home_area {
	overflow: hidden;
	min-width: 1200px;
}




header {
	width: 100%;
	height: 58px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	background:#fff;
	color: #333
}

.index_menu {
	margin: 0
}

.index_menu ul li.nLi {
	float: left;
	line-height: 54px;
	cursor: pointer;
	font-size: 18px;
}

.index_menu ul li.nLi h3 a {
	height: 100%;
	color: #333;
	text-decoration: none;
	float: left;
	padding: 0 22px;
}



.index_menu ul .active a {
	color: #004094 !important;
	background: url(img/a-xbg.png) 0 46px repeat-x !important;
}

.index_menu ul .menu_buy {
	background: url('img/menu_buy.png') no-repeat center;
	height: 60px;
	width: 118px
}

.index_menu .drop_item {
	right: 50%;
	margin-right: -75px
}
.index_logo {
	background: url('img/logo4.png') no-repeat; 
	width: 285px;
	height: 55px;/*
	width: 125px;
	height: 42px;
	margin-top: 10px;*/
	position: relative
}

header.small .index_logo {
	background: url('img/logo4.png') no-repeat;  
	width: 285px;
	height: 55px;/**/
	/*width: 125px;
	height: 42px;*/
	margin-top: 10px;
	position: relative
}


header.small{
	width: 100%;
	height: 78px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	background:#fff;
	color: #333
}

header.small .index_menu {
	margin: 0;
	
}

header.small .index_menu ul li.nLi {
	float: left;
	line-height: 78px;
	cursor: pointer;
	font-size: 18px;
	
}

header.small .index_menu ul li.nLi h3 a {
	height: 100%;
	color: #333;
	text-decoration: none;
	float: left;
	padding: 0 22px;
}







body header.small .index_menu ul .active a {
	color: #004094 !important;
	background: url(img/a-xbg.png) 0 60px repeat-x !important;
}

header.small .index_menu ul .menu_buy {
	background: url('img/menu_buy.png') no-repeat center;
	height: 60px;
	width: 118px
}

header.small .index_menu .drop_item {
	right: 50%;
	margin-right: -75px
}

header.small .index_menu ul li.nLi.on h3 a,header .index_menu ul li.nLi.on h3 a{color:#fff ;background:#22b6f8;}


.small .top-soso{ background: url(img/sobg.png) no-repeat; width: 182px; height: 32px; margin-top: 26px; overflow: hidden;}

.top-soso{ background: url(img/sobg.png) no-repeat; width: 182px; height: 32px; margin-top: 11px; overflow: hidden;margin-left:20px;}
.top-soso .inpt-1{ width: 110px; height: 22px; line-height: 22px; margin: 5px 15px; border: none; background: none;  color: #5fa8c6; float: left;}
.top-soso .so-btn{ width: 35px; line-height: 35px; height: 32px; float: right; border: none; background: none; cursor: pointer;}




.body_area {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%
}



.btn {
	display: inline-block;
	font-size: 24px;
	color: #ff6493;
	border: 1px solid #ff6493;
	line-height: 2em;
	padding: 0 27px;
	text-decoration: none;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-ms-border-radius: 2em
}

.btn:hover {
	background: #ff6493;
	color: #FFF
}

.btn_dis,.btn_dis:hover {
	background: #EEE;
	border: 1px solid #EEE;
	color: #FFF
}

.btn_back {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #ff6493;
	color: #FFF
}

.btn_back:hover {
	background: #ff739e
}

.color1 {
	color: #ff6493
}

.index-01-abs{ background: #f2f9fb; height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0; width: 100%;}
.w1200{ width: 1200px; margin: 0 auto;}
a{  color:#3e3e3e; text-decoration: none;}
a:hover{ color: #b30003;}
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear {zoom:1;}
.abs3{ width: 360px;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

.ab-1 a{float: left; font-size: 16px; color: #010101; margin-right: 40px;}
.ab-1 a:hover{ color: #0087d1;}
.abs-2 a{ display: inline-block; background: #22b6f8; color: #fff; height: 28px; line-height: 28px; padding: 0 15px; margin: 12px 35px 0 0;}
.abs-2 a:hover{ color: #ff0;}
.abs-dh{ margin-top: 12px;}
.abs-dh img{ display: block;}
a.a-wb{ background: url(img/wb-ico.png) 50% 50% no-repeat; position: relative; width: 50px; height: 50px; float: left; margin-right: 20px;}
a.a-wx{ color: #000; background: url(img/wx-ico.png) 50% 50% no-repeat; position: relative; width: 50px; height: 50px; float: left; margin-right: 20px;}
a.a-wx:hover{ color: #000;}
.wx-abs{ display: none; width: 252px; height: 128px; position: absolute; left: -110px; top: -123px; background: url(img/wx-bg.png) no-repeat;}
.wx-abs li{ width: 50%; float: left; font-size: 10px;  text-align: center; padding-top: 10px;}

a.a-wx:hover .wx-abs{ display: block;}
.area2-box{ position: relative; height: 100%; width: 1200px; margin: 0 auto;}
.area2-abs{ position: absolute; left: 0; top: 50%; margin-top: -25%;width: 100%;}
.index-xw li{ width: 240px; overflow: hidden; float: left;}
.index-xw{ padding-top: 40px;}
.index-xw li:hover .pic-box .bg1,
.index-xw li:hover .pic-box .bg2{
	background: #93c92d
}
.index-xw li:hover .pic-box .bg2 h2,
.index-xw li:hover .pic-box .bg2 p {
	color: #fff
}
.pic-box img{ width: 240px; height: 133px; display: block;}
.pic-box div.a-box{ display: block; position: relative; width: 240px;/* height: 413px; */overflow: hidden;}
.txt-nr1{ height: 260px; _height: 184px;*height: 184px; overflow: hidden; padding:38px; line-height: 22px;}
.pic-box .bg1{ background: #22b6f8; color: #fff;}
.txt-nr1 h2{     letter-spacing: 2px; font-size: 14px; text-align: center;line-height: 22px;   overflow: hidden; margin-bottom: 15px; display: block;}
div.a-abs{ position: absolute; left: 0; bottom: 0; display: none;width: 240px; height: 280px; overflow: hidden;}
div.a-abs img{ width: 240px; height: 260px;}

.pic-box div.a-box:hover div.a-abs{ display: block;}
.none-img{ width: 240px; height: 133px; overflow: hidden;}
.none-img img{ width: 240px; height: 133px; display: block;}

.pic-box .bg2{ background: #f2f2f2; color: #000000;}
.pic-box .bg2 h2{ color: #22b6f8;}

.pic-box2 div.a-abs{position: absolute; left: 0; top: 0;}





.area_03 {
	background:url(img/bg2.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: 1000ms cubic-bezier(.86, 0, .07, 1)
}

.body_area-abs{ position: absolute; left: 0; top: 50%; margin-top: -25%;}

.fa-list{ margin-top: 55px; width: 110%;}
.fa-list li{ color: #444; float: left; width: 269px; height: 435px; margin-right: 42px; position: relative; border-bottom: 8px #d2d2d2 solid; background: #fff;}
.fa-list li h2{text-align: center; font-size: 20px; font-weight: 100;  overflow: hidden;}
.fa-list li h2 a{color: #fff; height: 75px; line-height: 75px; background: #22b6f8; color: #fff; display: block;padding: 0 10px;}
.fa-list li:hover h2 a{ background: #94c92d;}

.fa-list li:hover{ border-bottom:#94c92d 8px solid;}
.fa-img img{ width: 372px; height: 156px; overflow: hidden;}

.abs-img{ position: absolute; top: 204px; left: 26px;}

.fa-txt{ line-height: 24px; font-size: 14px; padding: 35px 34px 0; height: 179px;overflow: hidden;}
.fa-txt span{ font-weight: bold; color: #176bc5;}

a.a-more{ display: block; line-height: 36px; text-align: center; width: 44px; height: 36px; position: absolute; right: 0; bottom: 18px;     color: #000;}
a.a-more-news{ display: block; line-height: 36px; text-align: center; width: 44px; height: 36px; position: absolute; right: 0;     color: #000;}
a.a-more:hover{ color: #22b6f8;}

.area4-abs{ position: absolute; left: 0; top: 50%; margin-top:-25%; width: 100%; height: 100%;}
.tit-01 img,.tit-02 img{ display: block; margin: 0 auto;}
.al-list{ width: 110%; margin-top: 110px;}
.al-list li{float: left;  width: 276px; height: 442px; overflow: hidden; margin-right: 28px; }


.al-list li:hover .al-txt {
	background: #93c92d
}
.al-txtabs{ position: absolute; left: 0; top: 0; display: none;}
.al-txt{ color: #fff;  width: 276px; height: 221px; overflow: hidden;position: relative; background: #22b6f8;}
.al-txt .txt01{ width: 195px; margin: 0 auto; padding-top: 30px; line-height: 22px;}
.al-txt .txt01 h2{ font-size: 15px; text-align: center; font-weight: 100; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 12px;}

.al-list li .al-img{ display: block; width: 276px; height: 172px;}
.al-list li a.al-gd{ height: 44px; line-height: 44px; border-bottom: 5px #fff solid;color: #000; text-align: right; display: block;}
.al-list li:hover{ border-bottom: 5px #94c92d solid; color: #000;}
.al-list li a.al-gd:hover{ color:#22b6f8;}
.footer {
	height: 224px;
	overflow: visible;
 background: #22b6f8;
 /*margin-top: 20px;*/
 padding-top:30px;
}

.b-nav{ height: 260px; padding-top: 60px; _height: 200px; *height: 200px;}
.b-nav li{ width: 240px;float: left;}
.b-nav li h2{ font-size: 18px; line-height: 44px; margin-bottom: 10px; font-weight: 100; color: #fff; border-bottom: 1px #b5e6fc solid;    text-indent: 50px}
.b-nav li a{ display: block; line-height: 24px; font-size: 14px; color: #fff;    text-indent: 50px}
.b-nav li a:hover{ color: #ff0;}

.copy{ background: #2d2c2c; height: 60px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; padding-top:10px; }

.area_02
{
background:url(img/bg2.jpg) no-repeat center center;
}

.area_02_01 {
	background: url(img/ban1.jpg) no-repeat center center;
	background-size: cover
}

.area_02_01 .people_02 {
	background: url(img/e0be8da1b96f8a27.people_02.png);
	width: 26.4722em;
	height: 29.4444em;
	margin: 0 0 0 -13.25em;
	left: 50%;
	bottom: 0
}

.area_02_01 .people_02_02 {
	width: 280px;
	height: 280px;
	background: url(img/84a7c6f889a2e094.people_02_04.png) no-repeat right bottom;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_02_01 .circle_02 {
	width: 163px;
	height: 146px;
	bottom: 8.1389em;
	left: 14.0833em;
	background: url(img/circle_02.png)
}

.area_02_01 .box_02_02 {
	right: 0
}


.area_02_02 {
	background:url(img/ban2.jpg) no-repeat center center;
	background-size: cover
}

.area_02_02 .title_main {
	background: url(img/11694b2ad6bfdef4.title_02_02.png) right
}

.area_02_02 .people_02 {
	width: 14.1111em;
	height: 22.6389em;
	background: url(img/06ded086c8f1149d.people_02_02.png);
	margin: 0 0 0 -7.0556em;
	left: 50%;
	bottom: 0
}

.area_02_02 .circle_02 {
	width: 249px;
	height: 247px;
	bottom: 315px;
	right: 136px;
	background: url(img/circle_02_02.png)
}

.area_02_02 .people_02_02 {
	width: 280px;
	height: 280px;
	background: url(img/e945cc3e7c1f3dcb.people_02_03.png);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_02_02 .circle_02_02 {
	width: 418px;
	height: 418px;
	background: url(img/circle_02_03.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -209px 0 0 -209px;
	opacity: 0
}

.area_02_02 .bubble_02_03 {
	top: 87px;
	left: -16px;
	background: url(img/f4c1c1ccb5e93966.bubble_02_04.png) no-repeat
}

.area_02_02.active .people_02_02,.area_02_01.active .people_02_02,.area_02_02.active .bubble_02_03,.area_02_01.active .bubble_02_03 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.area_02_02.active .circle_02_02,.area_02_01.active .circle_02_02 {
	-webkit-animation: circle 2s ease 1s infinite;
	animation: circle 2s ease 1s infinite
}

.area_02_02.active .bubble_02_01,.area_02_01.active .bubble_02_01,.area_02_02.active .bubble_02_02,.area_02_01.active .bubble_02_02 {
	opacity: 1;
	-webkit-transition: 500ms 2000ms;
	-moz-transition: 500ms 2000ms;
	-o-transition: 500ms 2000ms;
	-ms-transition: 500ms 2000ms;
	transition: 500ms 2000ms
}

.area_02_02.active .bubble_02_03,.area_02_01.active .bubble_02_03 {
	-webkit-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 2400ms;
	-moz-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 2400ms;
	-o-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 2400ms;
	-ms-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 2400ms;
	transition: 500ms cubic-bezier(1, .57, .48, 1.45) 2400ms
}

.area_02_02.active .people_02_02,.area_02_01.active .people_02_02 {
	-webkit-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 1000ms;
	-moz-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 1000ms;
	-o-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 1000ms;
	-ms-transition: 500ms cubic-bezier(1, .57, .48, 1.45) 1000ms;
	transition: 500ms cubic-bezier(1, .57, .48, 1.45) 1000ms
}





@media only screen and ( max-height:740px) {
	.none-img{ display: none;}
	.tit-01{ height: 70px;  margin-top: 70px; overflow: hidden;}
	.index-xw{ padding-top: 20px;}
	.tit-02{ height: 75px;  margin-top: 75px; overflow: hidden;}
	.fa-list{ margin-top: 20px;}
	.tit-03{ height: 75px;  margin-top: 75px; overflow: hidden;}
	.al-list{ margin-top: 20px;}
	
}

.al-txt .txt01 p{height: 108px;
    overflow: hidden;}

	
	
			/* 本例子css */
		.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:10%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:10%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		.tempWrap{height:100%;}
		
		
		
		
		
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline;  }
		.nav .nLi h3{ float:left; font-weight:100;    font-size: 18px;}
		.nav .nLi h3 a { font-size: 14px;}
		.small .nav .nLi h3 a{   font-size: 18px;}
		header.small .nav .sub{ display:none; width:auto; min-width:116px ; left:0; top:78px;  position:absolute; background:url(img/subbg.png);  line-height:38px;  }
		.nav .sub li{ zoom:1;word-break:keep-all;white-space: nowrap;margin-bottom: -1px; position: relative;}
		.nav .sub li:before{position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background: rgba(255,255,255,.5);content: ""}
		.nav .sub a{ display:block; padding:0 22px; color:#fff;font-size: 14px;line-height:38px;  }
		.nav .sub a:hover{ color:#004094;}
		
		
		.nav .sub{ display:none; width:auto;min-width:100px ; left:0; top:54px;  position:absolute; background:url(img/subbg.png);  line-height:38px;}
		.slideBox .hd {
			position: absolute;
			bottom: 80px;
			height: 30px;
			left: 0;
			z-index: 100;
			width: 100%;
			text-align: center;
		}
		.slideBox .hd li {
			display: inline-block;
		    height: 17px;
		    width: 17px;
		    margin: 0 6px;
		    background: url(img/spanbg.png);
		    cursor: pointer;
		    color: transparent;
		}
		.slideBox .hd .on {
			    background: url(img/spanbg2.png);
		}
		.footer-box {
		    width: 1200px;
		    margin: 0 auto;
		    text-align: center;
		    padding-bottom: 16px;
		/*	padding-top: 30px;*/
		}
		
		.footer-box img {
		    padding: 26px 0;
		}
		.link {
    color: #fff;
    height: 30px;
    margin-bottom: 10px;
}
.link a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 44px;
    line-height: 20px;
}
.footer-box p {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
}