@charset "utf-8";

/*=============首页================*/

body {
	background: #F6F6F6;
}

.main_box {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.clear {
	clear: both;
}


/*===============================================header================================================*/

.plr-10 {
	padding: 0px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#header {
	/*height: 125px;*/
}

#header .main_box {
	position: relative;
	/*height: 125px;*/
}

#logo_box {
	float: left;
}

#logo_box a {
	display: inline-block;
	/*padding: 15px 0;*/
}

#logo_box a img {
	display: block;
}

#logo_box .mark_bh {
	position: absolute;
	right: 0;
	top: 30px;
}


/*=================快捷链接=================*/

#top_link {
	float: right;
	line-height: 36px;
}

#top_link a.li1 {
	background: url(../images/icon_top1.png) left center no-repeat;
}

#top_link a.li1:hover {
	background: url(../images/icon_top1_hover.png) left center no-repeat;
}

#top_link a.li2 {
	background: url(../images/icon_top2.png) left center no-repeat;
}

#top_link a.li2:hover {
	background: url(../images/icon_top2_hover.png) left center no-repeat;
}

#top_link a.li3 {
	background: url(../images/icon_top3.png) left center no-repeat;
}

#top_link a.li3:hover {
	background: url(../images/icon_top3_hover.png) left center no-repeat;
}

#top_link a {
	color: #757578;
	font-size: 14px;
	display: inline-block;
	padding-left: 20px;
	margin-left: 10px;
}

#top_link a:hover {
	color: #186460;
}

.lang {
	float: right;
	position: absolute;
	bottom: 6%;
	right: 2%;
	background: #026A47;
	padding: 5px 10px;
	background: -webkit-linear-gradient(left, #fff, #15AA6C);
	background: -o-linear-gradient(right, #fff, #15AA6C);
	background: -moz-linear-gradient(right, #fff, #15AA6C);
	background: linear-gradient(to right, #fff, #15AA6C);
}

.lang img {
	width: 30px;
	display: inline-block;
}

.lang span {
	display: inline;
	font-size: 16px;
	color: #000;
	line-height: 24px;
	color: #fff;
}


/*=================导航=================*/

#nav_box {
	height: 75px;
	position: absolute;
	right: 0;
	top: 50px;
}

#nav {
	position: relative;
}

#nav ul {
	display: block;
	text-align: center;
	margin-right: -10px;
}

#nav li {
	display: block;
	min-width: 31px;
	padding: 0 15px;
	height: 75px;
	float: left;
	position: relative;
	background: url(../images/line_nav.png) right center no-repeat;
}

#nav li:nth-child(9) {
	background: none !important;
}

#nav li .a {
	display: inherit;
	text-align: center;
	height: 70px;
	line-height: 70px;
}

#nav li .a strong {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #545458;
	font-weight: bold;
	text-align: center;
	z-index: 9;
	position: relative;
}

#nav li .a span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	text-align: center;
	z-index: 1;
}

#nav li .a i {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0 auto;
	background: url(../images/icon_nav_arrow.png) center top no-repeat;
	display: block;
	text-align: center;
	z-index: 4;
	width: 100%;
	height: 0px;
}

#nav .on .a i {
	height: 6px;
}

#nav li .a:hover i {
	height: 6px;
}

.list_box {
	position: absolute;
	left: 0px;
	top: 125px;
	z-index: 9;
	height: 0px;
	line-height: 50px;
	width: 100%;
	background: #d83648;
}

#nav .list {
	display: none;
	left: -25px;
	top: 75px;
	position: absolute;
	height: 50px;
	width: 700px;
}

#nav .list .box {
	text-align: left;
	position: relative;
}

#nav .list a {
	font-weight: normal;
	margin-left: 38px;
	color: #fff;
	line-height: 50px;
	font-size: 14px;
}

#nav .list a:hover {
	text-decoration: underline;
}

#nav .text_left {
	right: auto;
	left: -27px;
}

#nav .text_left .box {
	text-align: left;
}

.yyui_menu1 {
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	background-color: #f2f2f2;
	max-width: 1000px;
	margin: 0 auto;
	background: -webkit-linear-gradient(left, #006BB9, #01A33E);
	background: -o-linear-gradient(right, #006BB9, #01A33E);
	background: -moz-linear-gradient(right, #006BB9, #01A33E);
	background: linear-gradient(to right, #006BB9, #01A33E);
}

.yyui_menu1 li {
	float: left;
	position: relative;
	width: calc(100% / 9);
	text-align: center;
}


/*这一级是导航*/

.yyui_menu1 li a {
	display: block;
	line-height: 35px;
	text-decoration: none;
	
	color: #fff;
}

.yyui_menu1 li a:hover {
	background: #EFEFEF;
	color: #006EB3;
}

.yyui_menu1 li a.more:after {
	content: " »";
}

.yyui_menu1 li ul {
	position: absolute;
	float: left;
	width: 150px;
	border: 1px solid #D2D2D2;
	display: none;
	background-color: #FFFfff;
	z-index: 9999;
}


/*这是第二级菜单*/

.yyui_menu1 li ul a {
	width: 110px;
	text-decoration: none;
	color: #333333;
}

.yyui_menu1 li ul a:hover {
	background: #f2f2f2;
}

.yyui_menu1 li ul ul {
	top: 0;
	left: 150px;
}


/*从第三级菜单开始,所有的子级菜单都相对偏移*/


/*================= banner===================*/

#banner {
	position: relative;
	height: 350px;
	overflow: hidden;
}

#banner .bd {
	position: relative;
}

#banner .bd a {
	display: block;
	width: 100%;
	height: 350px;
}

#banner .hd {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	bottom: 40px;
}

#banner .hd a {
	display: block;
}

#banner .hd ul {
	margin: 0 auto;
	width: 100%;
	display: inherit;
	text-align: center;
	/* border-top:1px solid #56585c;*/
	margin-top: -50px;
	position: relative;
	height: 40px;
}

#banner .hd ul li {
	display: inline-block;
	padding-top: 13px;
}

#banner .hd ul li a img {
	margin: 0 3px;
	display: block;
}

#banner .hd ul li a:hover {}

#banner .hd ul .on a {}

#banner .hd ul a img {
	width: 95px;
	height: 42px;
	display: block;
	border: 2px solid #fff;
}

#banner .hd ul .on a img {
	border: 2px solid #006EB3;
}

#banner .bnt {
	position: absolute;
	top: 50%;
	z-index: 3;
	margin-top: -20px;
}

#banner .bnt:hover {}

#banner .prev {
	position: absolute;
	left: -54px;
}

#banner .next {
	position: absolute;
	right: -54px;
}

#banner:hover .prev {
	left: 40px;
	opacity: 1;
	filter: alpha(opacity=100);
}

#banner:hover .next {
	right: 40px;
	opacity: 1;
	filter: alpha(opacity=100);
}


/*=============首页================*/

.s_main_box {
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 auto;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');
	/*background: rgba(255, 255, 255, 0.6);*/
}

.s_main_box .floor {
	/*margin: 35px auto;*/
}

.s_title {
	display: block;
	margin-bottom: 30px;
}

.s_title span {
	font-size: 14px;
	color: #b6b6b7;
	padding-left: 5px;
}

.s_title strong {
	font-size: 15px;
	color: #373738;
}

.s_main_box .floor.f1 img {
	display: block;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
}


/*=================合作伙伴=====================*/

.cooperation li {
	float: left;
	width: calc(100% / 4);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	background-size: auto,78px;
}

.cooperation li:nth-child(8) {
	margin-right: 0;
}
.cooperation li a{
	display: block;
	height: 150px;
}
.cooperation li a .box{
	background: rgba(0, 0, 0, 0.6);
	height: 150px;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	opacity: 0;
}
.cooperation li a h1 {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 150px;
}

.cooperation li:hover {
    background-size: auto,230px;
}
.cooperation li:hover .box {
    opacity: 1;
    filter: alpha(opacity=0);
    -moz-transform: scale(1.0);
    -o-moz-transform: scale(1.0);
    -o-moz-transform: scale(1.0);
    -webkit-moz-transform: scale(1.0);
    transform: scale(1.0);
}
.cooperation li img {
	width: 100%;
	border: 1px solid #d7d7d7;
}

.cooperation li span {
	font-size: 14px;
	text-align: center;
	color: #373738;
	display: block;
}

.cooperation li:hover img {
	border-radius: 5px;
	border: 1px solid #006BB9;
}

.hezuo {
	padding-bottom: 2%!important;
	border-bottom: 1px solid #F0EDE6;
}



/*=================首页=======================*/

#s_news {
	width: 49%;
	position: relative;
}

#s_news .pic_box {
	position: absolute;
	left: 0;
	top: 0;
}

#s_news .bd {
	overflow: hidden;
}

#s_news .bd .section {
	position: relative;
}

#s_news .bd .section .pic_box {
	position: absolute;
	left: 0;
	top: 0;
}

#s_news .bd .section .text_box {
	/*margin-left: 195px;*/
}

#s_news .hd {
	overflow: hidden;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}

#s_news .hd a {
	position: relative;
	font-size: 14px;
	color: #4b5461;
	background: url(../images/bg_tab.png) center top no-repeat;
	display: block;
	float: left;
	height: 40px;
	width: 100px;
	text-align: center;
	line-height: 30px;
}

#s_news .hd a:hover {
	color: #fff;
	color: #fff;
	background: url(../images/bg_tab_on.png) center top no-repeat;
}

#s_news .hd .on {
	color: #fff;
	background: url(../images/bg_tab_on.png) center top no-repeat;
}

#s_news {
	position: relative;
}

#s_news .up {
	border-bottom: 1px dotted #bbbdc1;
	padding: 0px 0 10px 0;
}

#s_news .up {
	color: #a6a7ab;
	font-size: 12px;
	line-height: 20px;
}

#s_news .up a {
	line-height: 24px;
	display: block;
	color: #222529;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#s_news .up a:hover {
	color: #186460;
}

#s_news .up p {
	color: #a1a6ad;
	font-size: 12px;
	line-height: 18px;
}

#s_news .un {
	padding-top: 10px;
}

#s_news .un ul {
	margin-right: -10px;
}

#s_news .un li {
	position: relative;
	padding-left: 10px;
	width: 386px;
	background: url(../images/icon_dote.png) left center no-repeat;
	line-height: 23px;
	display: block;
}

#s_news .un a {
	font-size: 12px;
	color: #45464a;
}

#s_news .un a:hover {
	color: #186460;
}

#s_news .un span {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0;
	color: #c1c1c6;
}

#s_about {
	width: 49%;
}

#s_about .content {
	position: relative;
	height: 160px;
}

.video_box {
	position: absolute;
	left: 0;
	top: 0;
}

#s_about .text_box {
	padding-left: 160px;
}

#s_about .text_box h1 {
	display: block;
	margin-bottom: 5px;
	color: #186460;
	font-size: 14px;
}

#s_about .text_box p {
	color: #707070;
	font-size: 12px;
	line-height: 20px;
	height: 100px;
	overflow: hidden;
}

#s_about .more {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	background: #006BB9;
	color: #fff;
	font-family: "SimSun";
	font-size: 14px;
	height: 25px;
	line-height: 27px;
	width: 25px;
	text-align: center;
}

#s_pro {
	/*margin-top: 20px;*/
	padding-left: 195px;
	background: url(../images/pic_s_pro.png) left center no-repeat;
	height: 133px;
}

#s_pro .bd {
	overflow: hidden;
	height: 170px;
}

#s_pro ul {}

#s_pro li {
	display: block;
	margin-right: 25px;
	border: 1px solid #ececed;
	width: 160px;
	padding: 8px;
	background: #fff;
}

#s_pro li a {
	display: block;
}

#s_pro li img {
	display: block;
	width: 160px;
	height: 115px;
	background: #f9f9f9;
}

#s_pro li h1 {
	text-align: center;
	display: block;
	font-size: 12px;
	padding-top: 5px;
	color: #5d5d5f;
	line-height: 30px;
}

#s_pro li a:hover h1 {
	color: #186460;
}


/*==============产品展示详情=====================*/

.n_product_show {
	margin-top: -40px;
}

.n_product_show .up_box h1 {
	text-align: center;
	display: block;
	margin-bottom: 30px;
	color: #494949;
	font-size: 18px;
}

.n_product_show .up_box img {
	display: block;
	margin: 0 auto;
	width: 620px;
	height: 350px;
	background: #f9f9f9;
}

.n_product_show .un_box {
	margin-top: 60px;
}

.n_product_show .un_box .title {
	position: relative;
	padding-left: 18px;
	line-height: 16px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 15px;
	font-size: 14px;
	color: #494949;
}

.n_product_show .un_box .title i {
	display: block;
	height: 16px;
	width: 8px;
	background: #debb66;
	position: absolute;
	left: 0;
	top: 0px;
}

.n_product_show .un_box .ar_article {
	padding: 25px;
	color: #666;
}

.n_product_show .un_box .ar_article p {
	color: #666;
}


/*=================首页下部=======================*/

#s_text_list .title a {
	font-size: 15px;
	color: #353840;
	font-weight: bold;
	display: block;
	margin-bottom: 25px;
}

#s_text_list .title a:hover {
	color: #186460;
}

#s_text_list img {
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 75px;
}

#s_text_list .link_box {
	display: block;
	position: relative;
}

#s_text_list a:hover {
	color: #186460;
}

#s_text_list .left {
	width: 300px;
	position: relative;
}

#s_text_list .md {
	margin-left: 50px;
	float: left;
	width: 470px;
	position: relative;
}

#s_text_list .right {
	width: 223px;
}

#s_text_list .text_box {
	padding-left: 100px;
	height: 75px;
}

#s_text_list .text_box li {
	line-height: 24px;
	display: block;
	position: relative;
}

#s_text_list .text_box li a {
	color: #5a5c5b;
	width: 273px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}

#s_text_list .text_box li span {
	color: #c8cacf;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 24px;
}

.dd_list_box {
	padding-left: 100px
}

.dd_list_box a {
	display: block;
	line-height: 24px;
	color: #5a5c5b;
	background: url(../images/icon_dd.png) left center no-repeat;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
}

#s_text_list a:hover {
	color: #186460 !important;
	text-decoration: underline;
}


/*==============footer=====================*/

#footer {
	padding: 10px 0;
	font-size: 12px;
	border-top: 2px solid #006CB7;
}

#footer .main_box {
	position: relative;
	padding: 20px 15px;
}

#footer .up {
	height: 32px;
	padding-bottom: 5px;
	position: relative;
}

#fot_nav {
	float: left;
	padding-top: 5px;
}

#fot_nav a {
	color: #272727;
}

#fot_nav a:hover {
	color: #e3c16f;
}

#fot_nav i {
	color: #272727;
	padding: 0 5px;
}

#footer .un {
	color: #4D4D4D;
	line-height: 20px;
	position: relative;
	padding-top: 22px;
	border-top: 1px solid #1e6e6a;
}

#footer .line {
	position: absolute;
	top: -1px;
	left: 0;
	height: 2px;
	background: #e3c16f;
	width: 47px;
}

#footer .un a {
	color: #2E2E2E;
}

#footer a:hover {
	color: #1A6D68;
}

#footer .fot_bnt {
	position: relative;
	padding-left: 20px;
	display: block;
	float: left;
}

#footer .fot_bnt .ewm {
	position: absolute;
	left: -13px;
	bottom: 50px;
	display: none;
}

#footer .fot_bnt.ewm_box:hover .ewm {
	border: dashed display: block;
}

#fot_tel {
	position: absolute;
	left: 250px;
	top: 25px;
	color: #000;
	font-size: 12px;
	padding-left: 15px;
	background: url(../images/icon_fot_tel.png) left center no-repeat;
}

#fot_tel strong {
	color: #272727;
	font-weight: bold;
	font-size: 14px;
}

#footer .right {
	/*width: 310px;*/
	position: relative;
	padding-right: 90px;
}

#footer .right h1 {
	display: block;
	font-size: 14px;
	color: #393939;
	margin-bottom: 5px;
}

#footer .p {
	color: #272727;
	line-height: 24px;
}

#footer .line1 {
	width: 100%;
	height: 8px;
	margin-top: 20px;
	background: -webkit-linear-gradient(left, #006CB7, #01A33F);
	background: -o-linear-gradient(right, #006CB7, #01A33F);
	background: -moz-linear-gradient(right, #006CB7, #01A33F);
	background: linear-gradient(to right, #006CB7, #01A33F);
}


/*==========相关链接===========*/

#slide_up_box {
	background: url(../images/bg_s_slide.jpg) left center no-repeat;
}

#bnt_link {
	cursor: pointer;
	width: 236px;
	display: block;
	height: 30px;
	margin-bottom: 15px;
	height: 30px;
	margin-bottom: 15px;
	background: url(../images/arrow_up.png) 216px center no-repeat;
}

.icon_un {
	background: url(../images/icon_up.png) 200px center no-repeat;
}

#bnt_link a {
	color: #666 !important;
	display: block;
	padding: 0 15px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	background: url(../images/bg_dd.png) 185px top repeat-y;
}

#bnt_link i {
	font-size: 10px;
	padding-left: 5px;
}

#content_link {
	display: none;
	z-index: 9;
	width: 206px;
	position: absolute;
	left: 0;
	bottom: 35px;
	background: #fff;
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
}

#content_link .box {
	background: #F0F0F0;
	padding: 5px 0;
}

#content_link a {
	padding: 0 15px;
	color: #666 !important;
	border-bottom: 1px dotted #eee;
	line-height: 30px;
	font-size: 12px;
	display: block;
}

#content_link a:hover,
#bnt_link a:hover {
	color: #186460 !important;
}

#ewm_box {
	position: absolute;
	right: 0;
	top: 0;
	
}

#ewm_box img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

#ewm_box span {
	text-align: center;
	font-size: 12px;
	color: #809796;
}

#fiaofu {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -80px;
	background: #fff;
	border-radius: 10px 0 0 10px;
	text-align: center;
}

#fiaofu a {
	display: block;
	padding: 10px;
	width: 30px;
	text-align: center;
}

#fiaofu a:hover {
	color: #025198;
}

#fiaofu a img {}

#fiaofu a span {
	color: #2d2e2f;
	font-size: 12px;
	display: block;
}

#fiaofu .pf_ewm_box {
	position: relative;
	border-top: 1px solid #dedad7;
}

#fiaofu .ewm {
	position: absolute;
	right: 50px;
	bottom: 10px;
	display: none;
}

#fiaofu .pf_ewm_box:hover .ewm {
	display: block;
}


/*==============================--内页开始==============================-*/

.n_main_box {
	margin: 0px auto 0px auto;
	min-height: 360px;
	position: relative;
}

.n_main_box .main_box {
	margin: 0 auto;
}

#n_banner {
	height: 380px;
	width: 100%;
	overflow: hidden;
}


/*==============n_content_left=====================*/

.weizhi .main_box {
	padding: 0;
}

.n_title {
	position: relative;
	height: 48px;
	line-height: 48px;
	/*border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;*/
}

.n_title .main_box {
	position: relative;
	border-right: 1px solid #e5e5e5;
}

.n_nav {
	float: left;
	left: 0;
	top: 0;
	border-right: 1px solid #e5e5e5;
}

.n_nav a {
	display: block;
	text-align: center;
	position: relative;
	color: #5f5f6a;
	font-size: 14px;
	float: left;
	width: 87px;
	border-left: 1px solid #e5e5e5;
}

.n_nav a i {
	display: block;
	position: absolute;
	height: 0px;
	z-index: 1;
	top: -1px;
	left: 0px;
	width: 86px;
	background: url(../images/bg_n_nav.png) center top no-repeat;
}

.n_nav a strong {
	position: relative;
	display: block;
	z-index: 4;
}

.n_nav a.on {
	color: #fff;
}

.n_nav a.on i {
	height: 56px;
}

.n_nav a:hover {
	color: #fff;
}

.n_nav a:hover i {
	height: 56px;
}


/*==============当前位置=====================*/

.position {
	float: right;
	right: 0;
	font-size: 12px;
	background: url(../images/icon_home.png) left center no-repeat;
	padding-left: 15px;
}

.position strong {
	color: #777777;
	font-size: 12px;
	font-weight: normal;
}

.position strong img {
	padding-right: 5px;
	padding-top: 2px;
}

.position a {
	color: #777777;
	display: inline-block;
}

.position a:hover {
	color: #2a508f;
}

.position .li {
	color: #777777;
	background: url(../images/icon_sj.png) left center no-repeat;
	padding-left: 13px;
	display: inline-block;
	font-size: 12px;
}

.position span {
	color: #debb66 !important;
	font-size: 12px;
}


/*==============n_content=====================*/

.n_content {
	min-height: 400px;
	padding: 30px 20px;
}

.title_box {
	position: absolute;
	top: 25px;
	left: 0;
	border-right: 1px solid #e0e2e8;
	padding-right: 30px;
}

.title_box h1 {
	display: block;
	font-size: 55px;
	font-family: "Arial";
	color: #f1eff1;
	text-transform: uppercase;
}

.title_box h2 {
	display: block;
	margin-top: 15px;
	color: #3d3d47;
	font-size: 22px;
}

.title_box h3 {
	display: block;
	font-size: 12px;
	color: #3d3d47;
	text-transform: uppercase;
}


/*==============产品列表=====================*/

#n_about .left {
	width: 50%;
}

#n_about .right {
	width: 50%;
}

#n_about .left .un {
	margin-top: 15px;
}

#n_about .left .un img {
	width: 250px;
	height: 155px;
}
.yingyong p{
	font-size: 14px;
	line-height: 24px;
}
.yingyong img{
	display: block;
	margin: 0 auto;
}
/*==============发展历程=====================*/

#n_dsj .dsj_box {
	margin-top: -40px;
	background: url(../images/line_dsj.png) 6px 10px repeat-y;
	position: relative;
}

#n_dsj dl {}

#n_dsj dt {
	display: block;
	font-size: 20px;
	position: relative;
	z-index: 2;
	padding-left: 50px;
	padding-top: 30px;
	color: #000;
	background: url(../images/bg_dsj_year.png) left 35px no-repeat;
}

#n_dsj dd {
	display: block;
	position: relative;
}

#n_dsj dd h1 {}

#n_dsj .sk_box {
	background: #fff;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
}

#n_dsj dd.last {}

#n_dsj dd .box {}

#n_dsj dd .box h1 {
	position: absolute;
	left: 50px;
	height: 38px;
	color: #222;
	font-size: 15px;
	line-height: 38px;
}

#n_dsj dd .box .text_box {
	overflow: hidden;
	font-size: 12px;
	padding: 0 20px;
	line-height: 28px;
	color: #888;
	padding-left: 140px;
	padding-top: 5px;
}


/*===企业荣誉资质===*/

#n_zizhi {
	overflow: hidden;
}

#n_zizhi ul {
	margin-right: -37px;
	max-height: 475px;
	overflow: hidden;
}

#n_zizhi li {
	display: block;
	float: left;
	background: url(../images/line_n_zizhi.png) left bottom no-repeat;
	padding-bottom: 40px;
	padding-right: 37px;
	margin-bottom: 40px;
}

#n_zizhi li.last {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#n_zizhi li a {
	display: block;
}

#n_zizhi li img {
	width: 210px;
	height: 150px;
}

#n_zizhi li:hover img {
	box-shadow: 1px 1px 5px #676767;
}

#n_zizhi li span {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #6d6c72;
	padding-top: 25px;
}


/*==============job=====================*/

#list_slide {
	position: relative;
}

#list_slide dl {
	overflow: hidden;
	margin-bottom: 10px;
}

#list_slide dt {
	border: none;
	background: #eff8fd;
	display: block;
	position: relative;
	padding: 25px;
	cursor: pointer;
	background: url(../images/icon_arrow_sfq_left.png) 900px center no-repeat #f5f5f5;
}

#list_slide dt table {
	margin-left: -50px;
}

#list_slide dt td {
	color: #666666;
	font-size: 14px;
	border-left: 1px solid #fff;
	padding: 0 50px;
}

#list_slide dt h1 {
	color: #444444;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 30px;
	display: block;
}

#list_slide dd {
	display: none;
	padding: 0 40px;
	padding-bottom: 30px;
	line-height: 36px;
	background: #f5f5f5;
}

#list_slide dd p {
	line-height: 36px;
}

#list_slide dd .content {
	padding-top: 20px;
}

#list_slide dt.on td {
	color: #fff;
}

#list_slide dt.on {
	background: url(../images/icon_arrow_sfq_un.png) 900px center no-repeat #186460;
}

#list_slide dt.on h1 {
	color: #fff;
}


/*=================合作机构==================*/

#n_logo ul {
	margin: -8.5px;
}

#n_logo li {
	width: 225px;
	height: 110px;
	float: left;
	margin: 8.5px;
	position: relative;
	text-align: center;
	display: block;
}

#n_logo li a {
	overflow: hidden;
	display: block;
	position: relative;
}

#n_logo li .pic_box {
	height: 110px;
	width: 100%;
	display: table;
}

#n_logo li .img {
	height: 225px;
	width: 110;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}

#n_logo li .text_box {
	width: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5D5B25D', endColorstr='#E5D5B25D');
	background: rgba(213, 178, 93, 0.9);
	opacity: 0;
	filter: alpha(opacity=0);
}

#n_logo li .text_box img {
	height: 225px;
	width: 110;
}

#n_logo li h1 {
	color: #fff;
	margin-top: 40px;
	font-size: 14px;
	text-align: center;
}

#n_logo li:hover {}

#n_logo li:hover .text_box {
	opacity: 1;
	filter: alpha(opacity=100);
}


/*==============新闻=====================*/

#n_news .page .box {
	margin-top: 0;
}

#n_news .title {
	margin-bottom: 50px;
}

#n_news .title h1 {
	color: #da251d;
	font-size: 22px;
}

#n_news .title span {
	color: #adadad;
	font-size: 14px;
}

#n_news .up_box ul {
	margin: -50px;
}

#n_news .up_box li {
	display: block;
	float: left;
	position: relative;
	margin: 50px;
	width: 550px;
}

#n_news .up_box li .up .pic_box {
	width: 230px;
	display: block;
	position: absolute;
	top: 0px;
}

#n_news .up_box li .up .pic_box img {
	width: 230px;
	height: 225px;
}

#n_news .up_box li .up .text_box {
	position: relative;
	width: 290px;
	margin-left: 260px;
	height: 225px;
}

#n_news .up_box li .up h1 a {
	font-size: 15px;
	color: #666666;
	margin-bottom: 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#n_news .up_box li .up p {
	font-size: 12px;
	line-height: 24px;
	color: #9e9e9e;
	height: 120px;
}

#n_news .up_box li span {
	position: absolute;
	right: 5px;
	bottom: 10px;
	color: #b8b8b8;
	font-size: 12px;
}

#n_news .up_box li .up h1 a:hover {
	color: #006947;
}

#n_news .up_box li .more {
	position: absolute;
	left: 0;
	bottom: 5px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	display: block;
	width: 100px;
	color: #fff;
	background: #959595;
}

#n_news .up_box li .more:hover {
	background: #006947
}

#n_news .up_box li:hover {}


/*==============技术=====================*/

#n_news .un_box ul {
	margin-bottom: -55px;
}

#n_news .un_box li {
	display: block;
	height: 100px;
	position: relative;
	margin-bottom: 30px;
}

#n_news .un_box li .box {}

#n_news .un_box li h1 {
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	display: block;
}

#n_news .un_box li h1 span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	color: #c4c4c4;
	line-height: 20px;
	font-size: 12px;
}

#n_news .un_box li h1 a {
	font-size: 15px;
	color: #444444;
	margin-bottom: 5px;
	display: block;
}

#n_news .un_box li h1 a:hover {
	color: #006947;
}

#n_news .un_box li strong {
	display: block;
	margin: 10px auto;
	color: #56595b;
}

#n_news .un_box li strong span {
	color: #aeb0b1;
}

#n_news .un_box li p {
	padding-top: 15px;
	line-height: 24px;
	width: 100%;
	color: #9e9e9e;
	font-size: 12px;
}

#n_news .un_box li a.more {
	position: absolute;
	right: 0;
	bottom: 5px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	display: block;
	width: 100px;
	color: #fff;
	background: #959595;
}

#n_news .un_box li a.more:hover {
	background: #006EB3;
}


/*==============新闻详情=====================*/

.n_article {
	/*margin-top: -60px;*/
}

.n_article .main_box {
	position: relative;
}

.n_article .ar_title {
	position: relative;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #e9e9ec;
	background: #f9f9fa;
}

.n_article .ar_title h1 {
	font-size: 20px;
	display: block;
	text-align: left;
	line-height: 25px;
	margin-bottom: 10px;
	color: #2a2a2c;
}

.n_article .ar_title h2 {
	font-size: 12px;
	display: block;
	text-align: left;
	color: #616568;
	line-height: 30px;
}

.n_article .ar_article {
	padding: 40px 0 0px 0;
	font-size: 14px;
	color: #6f6f71;
}

.n_article .article p {
	font-size: 14px;
	color: #6f6f71;
}

#n_news {
	position: relative;
	padding-bottom: 50px;
	padding-top: 20px;
}

/*人才招聘*/
.side_right {
    padding-bottom: 34px;
    width: 100%;
}

.f14 {
    font-size: 14px;
}

.job {
    margin: 20px 0;
}

.job h4 {
    border: 1px dashed #aaa;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
}

.job h4 span {
    display: block;
    float: right;
    height: 34px;
    position: relative;
    width: 34px;
}

.job h4 span em {
    background: #fd0817 none repeat scroll 0 0;
    display: block;
    height: 3px;
    left: 4px;
    position: absolute;
    top: 16px;
    width: 20px;
}
.job h4 span em.jia {
    display: none;
    height: 20px;
    left: 13px;
    top: 7px;
    width: 3px;
}
.job h4 span em {
    background: #fd0817 none repeat scroll 0 0;
    display: block;
    height: 3px;
    left: 4px;
    position: absolute;
    top: 16px;
    width: 20px;
}
.post {
    background: #ddd none repeat scroll 0 0;
    line-height: 24px;
    margin-top: 24px;
    padding: 20px 30px;
}

.post p {
    padding: 8px 0 0;
}
.f16 {
    font-size: 16px;
}
.red {
    color: #ed1c24;
}

.side_right .public p {
    line-height: 24px;
    padding: 8px 0;
}
.job .detail {
    display: none;
    line-height: 24px;
    padding: 20px;
}


















/*===================产品================*/
#n_pro .fl{
	width: 24%;
}





#n_pro {
	
}

#n_pro .content {
	
}

#n_pro ul {
	
}
#n_pro .fr{
	width: 74%;
}
#n_pro .gallery li {
	width: 31%;
	background: #fff;
	border: 1px solid #fff;
	float: left;
	margin: 5px;
}

#n_pro li a {
	display: block;
}

#n_pro li:hover {
	border-width: 1px;
	border-color: rgb( 220, 220, 220);
	border-style: solid;
	background-color: rgb( 255, 255, 255);
	box-shadow: 0px 0px 10px 0px #ddd;
}

#n_pro li img {
	width: 100%;
	margin: 0 auto;
	display: block;
	display: block;
	background: #fff;
}

#n_pro li .pic_box {
	position: relative;
}

#n_pro li .mark {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	width: 100%;
	height: 100%;
}

#n_pro li .text_box {
	border-top: 1px solid #fff;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#n_pro li h1 {
	font-size: 14px;
	color: #3c3b3b;
	text-align: center;
	display: block;
	margin: 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#n_pro li:hover .text_box {}

#n_pro li:hover .text_box h1 {
	color: #186460;
}

#n_product_show .up_box .left {
	width: 530px;
}

#n_product_show .up_box .left .j_Photo {
	overflow: hidden;
	margin: 0px auto 0;
	width: 540px;
}

#n_product_show .up_box .left .big_box {
	overflow: hidden;
	margin-bottom: 10px;
	width: 540px;
	height: 380px;
	position: relative;
}

#n_product_show .up_box .left .big_box li {
	position: relative;
	height: 380px;
}

#n_product_show .up_box .left .big_box ul li img {
	display: block;
	width: 540px;
	height: 380px;
}

#n_product_show .up_box .left .small_box {
	overflow: hidden;
	width: 540px;
	height: 88px;
	position: relative;
}

#n_product_show .up_box .left .small_list {
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 30px;
	width: 475px;
	height: 88px;
}

#n_product_show .up_box .left .small_list ul {
	overflow: hidden;
	height: 88px
}

#n_product_show .up_box .left .small_list ul li {
	position: relative;
	float: left;
	margin-right: 18px;
	cursor: pointer;
	width: 102px
}

#n_product_show .up_box .left .small_list ul li img {
	display: block;
	width: 115px;
	height: 78px;
	padding-top: 7px;
}

#n_product_show .up_box .left .small_list ul li .bun_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 88px;
	background: url(../images/mark_j_photle.png) center no-repeat;
}

#n_product_show .up_box .left .small_list ul .on .bun_bg {
	display: block;
}

#n_product_show .up_box .left .btn {
	display: block;
	width: 17px;
	height: 72px;
	background-color: #777;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer
}

#n_product_show .up_box .left .btn:hover {}

#n_product_show .up_box .left .btn img {
	padding-top: 40px;
}

#n_product_show .up_box .left .small_bnt .left_btn {
	float: left;
	margin-right: 10px;
	background-image: url(../images/bnt_pic_left.png)
}

#n_product_show .up_box .left .small_bnt .right_btn {
	float: right;
	background-image: url(../images/bnt_pic_right.png)
}

#n_product_show .up_box .left .left_btn {
	position: absolute;
	left: 0px;
	background: url(../images/bnt_pic_left.jpg) center no-repeat;
}

#n_product_show .up_box .left .right_btn {
	position: absolute;
	right: 0px;
	background: url(../images/bnt_pic_right.jpg) center no-repeat;
}

#n_product_show .up_box .left .left img {}

#n_product_show .up_box .right {
	width: 600px;
	font-size: 12px;
	line-height: 24px;
}

#n_product_show .up_box right .up {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #cecece;
}

#n_product_show .up_box .right .up h1 {
	font-size: 16px;
	color: #424242;
	font-weight: bold;
	padding-bottom: 20px;
}

#n_product_show .up_box .right .up p {}

#n_product_show .up_box .right .up strong {
	font-size: 12px;
	color: #7e7e7f;
}

#n_product_show .un_box {
	margin-top: 60px;
}

#n_product_show .un_box .title {
	position: relative;
	padding-left: 18px;
	line-height: 16px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 15px;
	font-size: 14px;
	color: #494949;
	text-align: left;
}

#n_product_show .un_box .title i {
	display: block;
	height: 16px;
	width: 8px;
	background: #debb66;
	position: absolute;
	left: 0;
	top: 0px;
}

#n_product_show .un_box .ar_article {
	padding: 25px;
	color: #666;
}

#n_product_show .un_box .ar_article p {
	color: #666;
}


/*==============联系我们=====================*/

#allmap {
	width: 100%;
	height: 300px;
}

#n_contact {
	position: relative;
	padding-top: 20px;
}

#n_contact .up_box .ar_article h1 {
	font-size: 18px;
	color: #006EB3;
}

#n_contact .up_box {
	position: relative;
	margin-bottom: 60px;
}

#n_contact .up {
	font-size: 13px;
	line-height: 30px;
	color: #666666;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ededee;
}

#n_contact .un {
	font-size: 13px;
	line-height: 30px;
	color: #666666;
	position: relative;
}

#n_contact .un .ewm_box {
	position: absolute;
	text-align: center;
	right: 0;
	bottom: 0px;
	display: block;
}

#n_contact .un .ewm_box span {
	color: #8e8f96;
	text-align: center;
	font-size: 12px;
	display: block;
}

#n_contact .un .ewm_box img {
	width: 100px;
	display: block;
	height: 100px;
	margin: 0 auto;
}

#n_contact .map {
	border: 1px solid #ededee;
}


/*==============分页——银灵子=====================*/

.page {
	margin: 0px auto 0px auto;
}

.page .box {
	display: inherit;
	width: 100%;
	text-align: right;
	padding-top: 90px;
}

.page .box li {
	display: inline-block !important;
}

.page .box .pagef,
.page .box .pagel,
.page .box .num {
	display: none !important;
}

.page a {
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #dedede;
	margin: 0 2px;
	color: #555555;
	font-size: 12px;
}

.page .active {
	background: #debb66;
	color: #fff !important;
	border: 1px solid #debb66;
}

.page span {
	background: #debb66;
	color: #fff !important;
	border: 1px solid #debb66;
}

.page a:hover {
	background: #debb66;
	color: #fff !important;
	text-decoration: none;
	border: 1px solid #debb66;
}

.page a.u_bnt {
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 和 Chrome */
	-o-transition: all 1s;
	/* Opera */
}


/*==============分享插件——银灵子=====================*/

.shart_box {
	position: absolute;
	right: 0;
	top: 25px;
}

#j_shart_s_24 .bds_count {
	font-size: 12px;
}

#j_shart_s_24 {
	padding-left: 60px;
	position: relative;
}

#j_shart_s_24 strong {
	display: block;
	position: absolute;
	left: 0;
	z-index: 2;
	line-height: 36px;
	font-size: 12px;
	color: #a3a0a9;
}

#j_shart_s_24 .bds_qzone {
	background: url(../images/shart.png) center -224px no-repeat;
}

#j_shart_s_24 .bds_tsina {
	background: url(../images/shart.png) center -311px no-repeat;
}

#j_shart_s_24 .bds_tqq {
	background: url(../images/shart.png) center -195px no-repeat;
}

#j_shart_s_24 .bds_renren {
	background: url(../images/shart.png) center -340px no-repeat;
}

#j_shart_s_24 .bds_weixin {
	background: url(../images/shart.png) center -253px no-repeat;
}

#j_shart_s_24 .bds_count {
	font-size: 12px;
}


/*应用领域、人才招聘、在线留言*/

.floor {
	padding-bottom: 4%;
	padding-top: 2%;
}

#mode_business {
	padding: 3em 0;
}

#mode_business {
	padding: 1em 0;
	margin: 0 auto;
}

#mode_business ul {}

#mode_business li {
	display: block;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding: 0.3em;
	width: calc(100% / 3);
}

#mode_business li a {
	display: block;
	padding: 1.5rem 0;
	border: 1px solid #ddd;
	background: #fff;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

#mode_business li .pic_box {
	width: 100%;
	overflow: hidden;
	height: 50px;
}

#mode_business li .pic_box img {
	display: block;
	margin: 0 auto;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotateY(0deg);
	}
	to {
		-webkit-transform: rotateY(360deg);
	}
}

#mode_business li .pic_box img.img1 {
	display: none;
}

#mode_business li .text_box {
	position: relative;
	padding: 20px 0 5px 0;
}

#mode_business li .text_box h1 {
	display: block;
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 1rem;
	color: #060001;
}

#mode_business li .text_box h2 {
	display: block;
	text-align: center;
	font-family: arial;
	font-size: 0.6em;
	color: #b5b5b6;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mode_business li:hover a {
	background: #186460;
	border: 1px solid #186460;
}

#mode_business li:hover img.img1 {
	display: block;
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 2s linear infinite;
	-webkit-animation: rotation 2s linear infinite;
	-o-animation: rotation 2s linear infinite;
}

#mode_business li:hover img.img2 {
	display: none;
}

#mode_business li:hover a .text_box h1,
#mode_business li:hover a .text_box h2 {
	color: #fff;
}


/***应用行业***/

.yingyong .main_box {
	background: #E1E3E2;
}

.yingyong .app li {
	float: left;
	width: 253px;
	min-height: 282px;
	margin-left: 24px;
	padding: 20px;
	background: #fff;
	margin-bottom: 20px;
}

.yingyong .app h4 {
	font-size: 14px;
	color: #000;
	line-height: 24px;
}

.yingyong .app li img {
	width: 100%
}

.yingyong .app li p {
	font-size: 12px;
	color: #333;
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 和 Chrome */
	-o-transition: all 1s;
}

.yingyong .app li:hover p {
	color: #006CB7;
}


/*在线留言*/

.feedback {
	width: 80%;
	.height: 1000px;
	margin: 0 auto;
}

.feedback ul li {
	position: relative;
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
}
.feedback ul li:nth-child(2){
	margin-left: 0;
}
.feedback ul li.wide {
	width: 100%;
	margin-right: 0;
}

.feedback ul li.border {
	padding-bottom: 16px;
	border: none;
	border-bottom: 1px solid #4c4c4c;
}

.feedback ul li label {
	float: left;
	width: 40px;
	line-height: 18px;
	font-size: 14px;
}

.feedback ul li input {
	float: left;
	width: 76%;
	height: 18px;
	line-height: 18px;
	border: none;
	font-size: 14px;
	border: none;
}

.feedback ul li select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #4c4c4c;
	font-size: 14px;
	color: #4c4c4c;
}

.feedback ul li textarea {
	width: 100%;
	height: 140px;
	line-height: 24px;
	padding: 10px 8px;
	box-sizing: border-box;
	border: 1px solid #4c4c4c;
	font-size: 14px;
}

.feedback .submit {
	position: relative;
	display: block;
	width: 205px;
	line-height: 50px;
	margin: 0 auto;
	background: #888;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.feedback .submit:after {
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	width: 197px;
	height: 42px;
	border: 1px solid #a7a7a7;
}

/*厂房设备*/
#thumbs{
	width:100%;
	margin:30px auto 35px;
	
}

#thumbs a{
	width: 23%;
	height: 180px;
	display:inline-block;
	border:3px solid #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 3px 60px;
	position:relative;
	text-decoration:none;
	box-shadow: 0 0 5px #bbb;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#thumbs a:after{
	
    border-radius: 7px;
    bottom: -204px;
  
    color: #343434;
    content: attr(title);
    display: inline-block;
    font-size: 14px;
  
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
	display: block;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}





/*二级分类*/
.container {
  width: 100%;
}
.container ul li{
	width: 100%!important;
	margin: 0!important;
	border: none!important;
}
.container > ul{
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.title {
  font-family: 'Pacifico';
  font-weight: norma;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #026A47;
}

.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
  color: white;
  background: #006CB7;
  -moz-box-shadow: 0 1px 0 #026A47 inset, 0 -1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #026A47 inset, 0 -1px 0 #fff inset;
  box-shadow: 0 1px 0 #026A47 inset, 0 -1px 0 #fff inset;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #212121;
}
.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff;
  top: 14px;
  right: 10px;
}
.dropdown .icon-arrow.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow:before {
  content: '\25BC';
}
.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  color: #6e6e6e;
  background: #eeeeee;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}
.dropdown .dropdown-menu li a:hover {
  background: #f6f6f6;
}
.dropdown .show, .dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}