body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; list-style: none; }
body { background-color: #ffffff; font-family: "微软雅黑"; }
a { text-decoration: none !important; }
.clear { clear: both; }
.mar_top40 { margin-top: 40px !important; }
.mar_top60 { margin-top: 60px !important; }
img { border: none; }
.mar_r30 { margin-right: 2%; }
.mar_r20 { margin-right: 20px; }
.center { text-align: center !important; vertical-align: middle !important; }

.nav-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 88; display: none; }
.page-nav { width: 100%; height: 60px; background: #f30054; position: absolute; z-index: 98; font-family: "微软雅黑" !important; }
.nav-wrapper ul li { float: left; position: relative; }
.nav-wrapper ul::after { content: ""; display: block; clear: both; }
.nav-wrapper ul .drop-menu, .nav-wrapper ul .nav-mask { display: none; }
.nav-wrapper ul li a { color: #fff; display: block; font-size: 16px; padding: 0 15px; line-height: 60px; }
.nav-wrapper ul li:hover, .nav-wrapper ul li:hover a { color: #63678a; background: #f5f5f5; }
.nav-wrapper ul li.active > a { color: #63678a; background: #f5f5f5; }
.nav-wrapper ul li:hover > .drop-menu { display: block; }
.drop-menu { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 118px; padding: 5px 0; list-style: none; font-size: 14px; text-align: left; background-color: #f5f5f5; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; }
.drop-menu li .nav-item { color: #63678a; white-space: nowrap; line-height: 40px; font-size: 14px; display: inline-block; }
.drop-menu li:hover .nav-item { color: #f30054; }
.drop-menu::after { content: ""; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, 0 0, 100% 0, from(#f30054), to(#2a31b5)); }

.mega-menu-content { font-family: "Open Sans", sans-serif; padding: 15px; margin: 0 }
.mega-menu-content.mega-menu-responsive-content { padding: 10px 18px 10px 45px }
.mega-menu-content .mega-menu-submenu { padding: 0; margin: 0 }
.mega-menu-content .mega-menu-submenu:last-child { border-right: 0 }
.mega-menu-content .mega-menu-submenu li { padding: 0px!important; margin: 0!important; list-style: none; width: 100%; }
.mega-menu-content .mega-menu-submenu li>h3 { margin-top: 5px; font-size: 15px; font-weight: 400; color: #474747; }
.mega-menu-content .mega-menu-submenu li>a { display: block; white-space: normal; font-family: "Open Sans", sans-serif; padding: 0; margin: 0; font-size: 14px; font-weight: 300; color: #63678a; line-height: 36px; }
.mega-menu-content .mega-menu-submenu li>a:focus, .mega-menu-content .mega-menu-submenu li>a:hover { text-decoration: none; color: #f30054; }

.search-form { float: right; padding: 0 15px; }
.search-form a { font-size: 16px; color: rgba(255,255,255,0.6); line-height: 60px; display: block; }
.login-img { width: 35px; height: 35px; background: url(../image/member.png) no-repeat; margin-right: 10px; background-size: 35px 35px; display: inline-block; vertical-align: middle; }
.search-form:hover { color: #63678a; background: #f5f5f5; }
.search-form a:hover { text-decoration: none; color: #63678a; background: #f5f5f5; }
.search-form:hover .login-img, .search-form a:hover .login-img { background: url(../image/member_active.png) no-repeat; }

header { width: 100%; height: 100px; background: #fff; margin: 0 auto; position: relative; z-index: 99; }
.logo_container { width: 360px; height: 100px; float: left; }
.logo img { width: 360px; height: 100px; }
.language { width: 110px; height: 100px; float: right; }
.language_item { width: 68px; height: 100px; float: left; }

.search_container {
	width: auto;
	height: 100px;
	position: relative;
	float: right;
}
.search_container .search_left {
	width: 400px;
	height: 42px;
	margin-top: 30px;
	float: right;
}
.search_box {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 40px !important;
	background-color: #fff;
}
.search_box .search_model {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 20px;
	width: 110px;
	height: auto;
	background-color: #fff;
	cursor: pointer;
	border-top-left-radius:38px !important;
	border-bottom-left-radius:38px !important;
}
.search_box .search_model .model_head {
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 0;
	padding-left: 10px;
}
.search_box .search_model .model_head:after,
.search_box .search_model .model_head span,
.search_box .search_model .model_head i {
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
}
.search_box .search_model .model_head:after {
	content: "";
	width: 10px;
	height: 16px;
	border-right: 1px solid #ddd;
}
.search_box .search_model .model_head span {
	width: 80px;
	color: #757575;
	font-size: 14px;
}
.search_box .search_model .model_head i {
	width: 0;
    height: 0;
	margin-left: 2px;
	border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	color: #757575;
}
.search_box .search_model .search_model_list {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
}
.search_box .search_model .search_model_list li {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 9px;
	cursor: pointer;
	font-size: 14px;
	color: #757575;
}
.search_box .search_model.active .search_model_list {
	display: block;
}
.search_box .search_model .search_model_list li:hover,
.search_box .search_model .search_model_list li.active {
	background-color: #f1f1f1;
	color: #000;
}
.search_box .txt {
	width: 100%;
	height: 38px;
	padding-left: 138px;
	padding-right: 50px;
	border: 0;
	background: #fff;
	color: #666;
	font-size: 14px;
	border-radius: 38px !important;
	outline: none;
	overflow: hidden;
}
.search_box .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 38px;
	border: 0;
	cursor: pointer;
	background: #fff url(../image/search.png) no-repeat center center;
	outline: none !important;
	border-top-right-radius:38px !important;
	border-bottom-right-radius:38px !important;
}
.search_box .btn:active {
	background: #fff url(../image/search.png) no-repeat center center;
	outline: none !important;
	box-shadow: none;
}
.page-search-box {
	margin: 150px auto 60px auto;
	width: 600px;
}
.page-search-box .search_box {
	height: 50px;
	border-radius: 50px !important;
}
.page-search-box .search_box .search_model {
	margin-left: 25px;
	border-top-left-radius:48px !important;
	border-bottom-left-radius:48px !important;
}
.page-search-box .search_box .search_model .model_head {
	height: 48px;
	line-height: 48px;
}
.page-search-box .search_box .search_model .search_model_list {
	top: 48px;
}
.page-search-box .search_box .search_model .search_model_list li {
	height: 36px;
	line-height: 36px;
}
.page-search-box .search_box .txt {
	height: 48px;
	padding-left: 143px;
	padding-right: 60px;
	border-radius: 48px !important;
}
.page-search-box .search_box .btn {
	width: 60px;
	height: 48px;
}
.page-search-box .history_search {
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 10px;
	overflow: hidden;
}
.page-search-box .history_search span,
.page-search-box .history_search .history_list,
.page-search-box .history_search .history_list a {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.page-search-box .history_search .history_list {
	width: 510px;
}
.page-search-box .history_search span {
	font-size: 14px;
	color: #333;
}
.page-search-box .history_search .history_list a {
	margin: 0 5px;
	color: #333;
	font-size: 14px;
}
.page-search-box .history_search .history_list a:hover {
	color: #f30054;
}
.search_content {
	background-color: #fff;
	padding: 20px 30px;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 100px !important;
}
.search_content .search_result_count {
	width: 100%;
	height: 37px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.search_content .search_result_count span {
	color: #f30054;
}
.search_content .search_list {

}
.search_content .search_list:before,
.search_content .search_list:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
	overflow: hidden;
}
.search_page {
	display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
}
.search_page .pagination>li>a,
.search_page .pagination>li>span {
	color: #333;
}
.search_page .pagination>li>a:focus,
.search_page .pagination>li>a:hover,
.search_page .pagination>li>span:focus, 
.search_page .pagination>li>span:hover {
	color: #f30054;
}
.search_page nav {
	text-align: center;
}

.slideBox { width: 100%; height: 498px; overflow: hidden; position: relative; margin: 0 auto; }
.slideBox .hd { height: 10px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: 20px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 10px; width: 10px; height: 10px; background: #fff; cursor: pointer; border-radius: 10px; text-indent: -999px; overflow:hidden;}
.slideBox .hd ul li.on { background: #f30054; width: 30px; height: 10px; border-radius: 5px; }
.slideBox .bd { width: 100%; position: relative; height: 498px; z-index: 0; min-width: 1180px; overflow: hidden; margin: 0 auto; }
.slideBox .bd li { width: 100%; height: 498px; zoom: 1; vertical-align: middle; }
.slideBox .bd li a {
	display: block;
	width: 100%;
	height: 100%;
}
.slideBox .bd img { width: 1920px; height: 498px; position: absolute; left: 50%; min-width: 1180px; margin-left: -960px; }
.slideBox .prev, .slideBox .next { height: 99px; opacity: 0.05; position: absolute; top: 150px; transition: all 0.5s ease 0s; width: 45px; z-index: 3; }
.slideBox .prev:hover, .slideBox .next:hover { opacity: 0.5; }
.slideBox .next { background-image: url(../image/1_1455286421.png); background-position: -158px 0; right: 10px; }
.slideBox .prev { background-image: url(../image/1_1455286421.png); background-position: -112px 0; left: 10px; }

.plan_container { width: 100%; height: auto; position: relative; margin: 0 auto; padding: 40px 0; display: inline-block; }
.plan_item { width: 32%; height: auto; float: left; margin-right: 2%; margin-bottom: 30px; position: relative; display: flex; align-items: center; overflow: hidden; }
.plan_item img { width: 100%; height: auto; display: block; }
.plan_item h3 { font-size: 24px; color: #fff; text-align: center; line-height: 1; width: 100%; position: absolute; left: 0; visibility: visible; top: 50%; margin: -12px 0 0 0; }
.plan_item p { font-size: 14px; color: #fff; width: 100%; height: 100%; padding: 0 20px; line-height: 20px; position: absolute; visibility: hidden; display: flex; align-items: center; text-align: justify; }
.plan_item:hover h3 { visibility: hidden; }
.plan_item:hover p { visibility: visible; background: rgba(0,0,0,0.5); transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; }
.btn_more { width: 100%; text-align: center; font-size: 18px; color: #333; display: inline-block; }
.btn_more:hover { color: #f30054; }

.pro_container { width: 100%; height: 680px; background: #f5f5f5; position: relative; margin: 0 auto; }
.pg_left, .pg_right { position: absolute; z-index: 999; width: 18px; height: 35px; overflow: hidden; top: 283px; }
.pg_right { background: transparent url(../image/jt_right.png) no-repeat; right: 0; }
.pg_left { background: transparent url(../image/jt_left.png) no-repeat; left: 0; }
.pro_container .pro_middle { width: 30%; height: 500px; position: absolute; left: 50%; margin-left: -15%; top: 60px; z-index: 80; background: #ff5050; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); }
.pro_container .pro_middle .pro_middle_top { width: 100%; height: 260px; position: absolute; top: 0; left: 0; right: 0; text-align: center; }
.pro_container .pro_middle .pro_middle_top p { font-size: 1.8rem; color: #FFFFFF; }
.pro_container .pro_middle .pro_middle_top h3 { font-size: 5.2rem; color: #fff; font-weight: bold; }
.pro_container .pro_middle .pro_middle_bottom { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; right: 0; }
.pro_container .pro_middle .pro_middle_bottom img { width: 100%; height: auto; display: block; }
.pro_container .pro_item .clearfix li { width: 100%; height: 360px; position: relative; zoom: 1; vertical-align: middle; }
.pro_container .pro_item .clearfix .item { width: 34%; height: auto; }
.pro_left { float: left; }
.pro_right { float: right; }
.pro_container .pro_item .clearfix .item a { text-decoration: none; }
.pro_container .pro_item .clearfix .item img { width: 343px; height: 212px; margin: 14px 5%; }
.pro_container .pro_item .clearfix .item h2 { width: 90%; font-size: 16px; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 5%; }
.pro_container .pro_item .clearfix .item p { width: 90%; font-size: 12px; color: #666; line-height: 20px; margin: 14px 5%; }
.pro_container .pro_item .clearfix .item .icon_detail { width: 36px; height: 36px; display: block; background: url("../image/detail_icon_normal.png"); -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; margin-left: 5%; }
.pro_container .pro_item .clearfix .item:hover .icon_detail { width: 36px; height: 36px; display: block; background: url("../image/detail_icon_active.png"); }

.news_container { width: 100%; height: auto; position: relative; margin: 0 auto; }
.news_container .news_item .news_title { width: 100%; height: 80px; border-bottom: 1px solid #dedede; position: relative; }
.news_container .news_item .news_title h3 { font-size: 20px; color: #333; margin-top: 20px; line-height: 56px; margin-bottom: 0; font-weight: normal; border-bottom: 1px solid #3685cf; float: left; }
.news_container .news_item .news_title h3 span { font-size: 12px; color: #999; margin-left: 8px; }
.news_container .news_item .news_title a { font-size: 12px; color: #666; margin-top: 20px; line-height: 60px; float: right; margin-bottom: 0; text-decoration: none; }
.news_container .news_item .news_title a img { width: 6px; height: 11px; display: block; float: right; margin-left: 6px; margin-top: 24px; }
.wrap { width: 100%; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.list-news { margin-top: 30px; margin-bottom: 40px; }
.list-news ul li { width: 30%; height: auto; float: left; margin-right: 5%; }
.list-news ul li:last-child { margin-right: 0; }
.item-mask { width: 100%; height: auto; overflow: hidden; }
.list-news ul li img { width: 100%; height: auto; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.list-news ul li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
.news-info { margin-top: 30px; }
.news-info-l { float: left; width: 18%; height: 80px; border-right: 1px solid #dedede; }
.date { font-size: 15px; line-height: 15px; color: #666; height: 15px; display: inline-block; }
.year { font-size: 12px; line-height: 12px; color: #999; height: 12px; display: inline-block; margin-top: 8px; }
.news-info-r { float: left; margin-left: 6%; width: 76%; }
.news-info-r h3 { font-size: 15px; line-height: 18px; color: #333; height: 18px; display: inline-block; margin: 0; }
.news-info-r p { font-size: 12px; line-height: 24px; color: #999; margin-top: 10px; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: justify; height: 70px; }
.icon-news-more { width: 36px; height: 36px; display: block; background: url(../image/detail_icon_normal.png) no-repeat; margin-top: 16px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }
.list-news ul li:hover .icon-news-more { background: url(../image/detail_icon_active.png) no-repeat; }

.tech_container { width: 100%; height: auto; position: relative; margin: 0 auto; background: #f5f5f5; padding-top: 40px; padding-bottom: 60px; }
.nav_item { width: 100%; height: 50px; position: relative; }
.nav_item li { width: 13%; height: 50px; border: 2px solid #ccc; font-size: 1.5rem; color: #999; text-align: center; line-height: 46px; float: left; margin-right: 1.5%; }
.nav_item li a { color: #999; display: block; }
.nav_item li.active { background: #3685cf; border-color: #3685cf; color: #fff; }
.nav_item li.active a, .nav_item li.active:hover a { color: #fff; }
.nav_item li:last-child { margin-right: 0; }
.nav_item li:hover { border-color: #3685cf; color: #3685cf; }
.nav_item li:hover a { color: #3685cf; }
.tab-content { width: 100%; height: auto; margin-top: 30px; position: relative; }
.tab-pane { width: 100%; height: 240px; position: relative; }
.tab-pane-left { width: 47%; height: 240px; float: left; margin-right: 3%; overflow: hidden; }
.tab-pane-left img { height: 240px; display: block; }
.tab-pane-right { width: 50%; height: 240px; float: left; overflow: hidden; }
.tab-pane-title { width: 100%; height: 40px; border-bottom: 1px solid #dedede; position: relative; }
.tab-pane-title h3 { font-size: 20px; color: #333; height: 40px; line-height: 20px; font-weight: normal; border-bottom: 1px solid #3685cf; float: left; margin: 0; }
.tab-pane-title a { font-size: 12px; color: #666; line-height: 20px; float: right; margin-bottom: 0; text-decoration: none; }
.tab-pane-title a img { width: 6px; height: 11px; display: block; float: right; margin-left: 6px; margin-top: 4px; }
.tab-pane-right ul { margin-top: 30px; }
.tab-pane-right ul li { width: 100%; height: 20px; position: relative; margin-bottom: 16px; }
.tab-pane-right ul li:last-child { margin-bottom: 0; }
.tab-pane-right ul li a { width: 100%; font-size: 15px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.tab-pane-right ul li a:hover { color: #3685cf; }

.footer_container { width: 100%; height: 400px; padding-top: 40px; background: #283443; position: relative; margin: 0 auto; }
.footer_info_left { width: 50%; height: auto; float: left; }
.footer_info_left .footer_item { width: 33%; height: auto; float: left; }
.footer_info_left .footer_item .footer_item_title { font-size: 16px; color: rgba(255,255,255,0.8); height: 14px; line-height: 14px; margin: 0; }
.footer_info_left .footer_item .footer_item_title:hover { color: #fff; text-decoration: underline !important; }
.footer_info_left .footer_item ul { margin-top: 20px; }
.footer_info_left .footer_item ul li { height: 26px; position: relative; }
.footer_info_left .footer_item ul li a { font-size: 12px; color: rgba(255,255,255,0.56); display: block; }
.footer_info_left .footer_item ul li a:hover { color: #fff; text-decoration: underline !important; }
.footer_info_right { width: 50%; height: auto; float: right; }
.footer_info_right .footer_info_right_top { position: relative; display: flex; flex-direction: column; align-items: flex-end; }
.footer_info_right .footer_info_right_top h3 { font-size: 18px; color: #fff; text-align: right; height: 18px; line-height: 18px; font-weight: normal; margin: 0; }
.footer_info_right .footer_info_right_top img { width: 126px; height: 50px; float: right; }
.footer_info_right .footer_info_right_top p { font-size: 15px; color: rgba(255,255,255,0.56); text-align: right; margin: 4px 0 0 0; }
.footer_info_right .nav_icon { position: relative; margin-top: 30px; }
.footer_info_right .nav_icon ul { height: 36px; }
.footer_info_right .nav_icon ul li { width: 36px; height: 36px; float: right; margin-left: 20px; }
.footer_info_right .nav_icon ul li:last-child { margin-left: 0; }
.footer_info_right .nav_icon ul li img { width: 36px; height: 36px; display: block; }
.footer_info_right .tel { position: relative; margin-top: 20px; }
.footer_info_right .tel h3 { font-size: 28px; color: #fff; font-weight: normal; text-align: right; line-height: 1; margin: 0; font-family: "微软雅黑"; }
.footer_info_right .tel p { font-size: 16px; color: rgba(255,255,255,0.56); text-align: right; margin: 0; letter-spacing: 1px; }
.footer_info_right .address { position: relative; margin-top: 20px; }
.footer_info_right .address p { font-size: 12px; color: rgba(255,255,255,0.56); font-family: "宋体"; line-height: 18px; text-align: right; margin: 0; }
.bottom_container { width: 100%; height: 60px; background: #242f3c; position: relative; margin: 0 auto; }
.bottom_info {width:100%; font-size:0; overflow:hidden;}
.bottom_info h3 { display: inline-block; font-size: 14px; color: #ccc; line-height: 60px; float: left; margin: 0; width: auto; }
.bottom_info p {display: inline-block; float: right; font-size: 14px; color: #ccc; margin: 0; line-height: 60px; width: auto; }
.bottom_info p a { color: #ccc; margin-left: 10px; margin-right: 10px; }
.bottom_info p a:hover { color: #fff; }
.bottom_info p a:first-child { margin-left: 0; }
.bottom_info p a:last-child { margin-right: 0; }

.service-nav { width: 90px; height: 210px; background: #fff; opacity: 0.8; position: fixed; top: 160px; right: 0; z-index: 99; display: block; }
.close-service-nav { width: 17px; height: 17px; position: absolute; top: -17px; right: 0px; display: block; }
.service-nav .service_item { height: auto; padding: 10px 6px; position: relative; display: flex; flex-direction: column; align-items: center; font-size: 14px; color: #333; border-bottom: 1px dashed #ccc; }
.service-nav .service_item img { width: 36px; height: 36px; }
.service-nav .service_item p { margin: 6px 0 0 0; }
.service-nav .service_code { position: relative; border-bottom: 1px dashed #ccc; padding: 10px 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.service-nav .service_code img { width: 72px; height: 72px; display: block; }
.service-nav .service_code p { font-size: 13px; color: #333; margin: 0; font-weight: 800; }
.service-nav .service_tel { position: relative; text-align: center; padding: 10px 0; }
.service-nav .service_tel h3 { font-size: 14px; color: #333; margin: 0; font-weight: 800; line-height: 20px; }
.service-nav .service_tel p { font-size: 12px; color: #333; margin: 0; }

.product-wrapper { width: 100%; height: auto; position: relative; margin-top: 50px; padding-bottom: 80px; overflow: hidden; }
.product-item { width: 32%; height: 240px; background: #fff; border: 1px solid #dadada; box-shadow: 4px 6px 0 #e8e8e8; float: left; margin-right: 2%; margin-bottom: 30px; }
.product-item .product-item-title { font-size: 18px; color: #f30054; text-decoration: underline !important; text-align: center; height: 60px; line-height: 60px; display: block; }
.product-item ul li { padding: 0 0 0 16px; height: 36px; }
.product-item ul li a { font-size: 16px; color: #000; display: flex; flex-direction: row; }
.product-item ul li a .square { width: 8px; height: 8px; background: #f30054; margin-top: 6px; }
.product-item ul li a p { margin-left: 8px; }
.product-item ul li a:hover { color: #f30054; text-decoration: underline !important; }

.sub_page_banner { width: 100%; height: 240px; position: relative; margin: 0 auto; overflow: hidden; }
.sub_page_banner img { width: 1920px; height: 240px; position: absolute; left: 50%; margin-left: -960px; }
.page-bar-container { width: 100%; height: auto; overflow:hidden; position: relative; margin: 0 auto; padding: 10px 0; border-bottom: 1px dashed #e6e6e6; }
.page-bar .page-breadcrumb { float: left; }
.page-bar .page-breadcrumb li { float: left; font-size: 12px; line-height: 26px; }
.page-bar .page-breadcrumb li img { width: 22px; height: 26px; margin-right: 10px; }
.page-bar .page-breadcrumb li a { color: #f30054; }
.page-bar .page-breadcrumb li .angle-right { width: 6px; height: 11px; background-image: url(../image/more_icon.png); margin: 0 6px; background-size: 6px 11px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.page-bar .page-breadcrumb li span { color: #333333; display: inline; margin:0; }
.page-bar .online_container { float: right; }
.page-bar .online_container li { float: right; margin-left: 30px; font-size: 14px; line-height: 26px; }
.page-bar .online_container li a { color: #f30054; }
.page-bar .online_container li a img { width: 17px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 6px; margin-top: -4px; }
.page-container { width: 100%; height: auto; position: relative; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-info-top { width: 100%; height: auto; position: relative; margin-top: 30px; margin-bottom: 50px; min-height: 360px; }
.page-info .page-info-left { width: 56%; height: auto; position: relative; float: left; }
.page-info .page-info-left .page-info-title { width: 100%; height: auto; position: relative; margin-bottom: 30px; }
.page-info-title h3 { font-size: 42px; color: #f30054; font-weight: normal; margin-top: 0; margin-bottom: 10px; }
.page-info-title p { font-size: 14px; font-family: "宋体"; color: #666; line-height: 24px; margin-top: 10px; text-align: justify; }
.page-info-title p b { color: #333; }
.page-info .page-info-right { width: 42%; height: auto; position: relative; float: left; margin-left: 2%; overflow: hidden; }

.proBox { width: 100%; height: auto; overflow: hidden; position: relative; padding-bottom: 70px; min-height: 360px; }
.proBox .hd { height: 20px; overflow: hidden; position: absolute; left: 50%; margin-left: -45px; bottom: 30px; z-index: 1; }
.proBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.proBox .hd ul li { float: left; margin-right: 15px; width: 20px; height: 20px; background: #dadada; cursor: pointer; text-indent: -999px; overflow: hidden; }
.proBox .hd ul li.on { background: #444d58; }
.proBox .bd { width: 100%; position: relative; height: 380px; z-index: 0; overflow: hidden; border: 1px solid #ddd; }
.proBox .bd li { width: 100%; height: 380px; zoom: 1; vertical-align: middle; }
.proBox .bd img { width: 500px; height: 380px; position: absolute; left: 50%; margin-left: -250px; }

.tabpro { width: 100%; height: auto; position: relative; margin-bottom: 40px; display: inline-block; min-height: 300px; }
.tabpro-item { width: 100%; height: 48px; position: relative; background-color: #e6e6e6; }
.tabpro-item li { height: 48px; float: left; }
.tabpro-item li a { font-size: 18px; line-height: 48px; text-align: center; padding: 0 24px; height: 48px; display: block; color: #666; }
.tabpro-item li.active, .tabpro-item li:hover { color: #fff; background: #f30054; height: 48px; }
.tabpro-item li.active a, .tabpro-item li:hover a { color: #fff; background: #f30054; height: 48px; }
.tabpro-content { width: 100%; height: auto; position: relative; }
.tabpro-content>.tabpro-pane { display: none }
.tabpro-content>.tabpro-pane.active { display: block }
.tab_con_item {
	width: 22%;
	height: auto;
	background: #fff;
	padding: 0 10px;
	position: relative;
	float: left;
	margin-right: 4%;
	margin-top: 4px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.tab_con_item:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.tab_con_item .img-con {
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 76.595744680%;
	overflow: hidden;
}
.tab_con_item .img-con img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
}
.tab_con_item h3 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin: 0;
	line-height: 1.5;
	text-align: center;
	height: 60px;
	overflow: hidden;
}
.tab_con_item h3 span {
	font-size: 14px;
}
.tab_con_item .tab_con_btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	background: #f30054;
	padding: 0 20px;
	border: 0;
}

.paging { width: 100%; height: auto; position: relative; margin-top: 20px; }
.paging .p-wrap { float: right; }
.paging .p-num { float: left; }
.paging .p-skip { float: left; margin-left: 20px; }
.paging .p-num .pn-prev { width: 62px; }
.paging .p-num .pn-prev.disabled { color: #dedede; cursor: default; }
.paging .p-num .pn-next { width: 62px; }
.paging .p-num .pn-break { font-size: 14px; color: #666; line-height: 30px; float: left; margin-right: 6px; }
.paging .p-num a { float: left; height: 38px; border: 1px solid #e6e6e6; border-radius: 4px; width: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #666; margin-right: 6px; }
.paging .p-num a.curr { background: #ff5050; border-color: #ff5050; color: #fff; }
.paging .p-skip em { font-size: 14px; color: #666; line-height: 40px; font-style: normal; }
.paging .p-skip .input-txt { width: 38px; height: 38px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #333; line-height: 38px; text-align: center; margin-right: 6px; outline: none; background: none; }
.paging .p-skip .btn-paging { width: 52px; height: 38px; border: 1px solid #e6e6e6; font-size: 14px; color: #333; border-radius: 4px; line-height: 38px; text-align: center; float: right; margin-left: 10px; }

.pro-detail-top { width: 100%; height: auto; position: relative; margin-top: 50px; margin-bottom: 50px; }
.pro_intro { width: 100%; height: auto; display: inline-block; }
.focus { width: 40%; height: 500px; position: relative; float: left; }
.focusbox { position: relative; }
.focusimg { border: 1px solid #e6e6e6; width: 100%; height: 360px; position: relative; overflow: hidden; }
.fimglist { position: relative; width: 500%; }
.fimglist img { display: block; width: 100%; height: 360px; cursor: pointer; margin: 0 auto; }
.fimglist li { width: 20%; height: 360px; float: left; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.fimglist li.onpre { -webkit-animation: onpre .5s ease-in-out; animation: onpre .5s ease-in-out; opacity: 0; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
@-webkit-keyframes onpre {
 0% {
opacity:1;
-webkit-transform:rotateY(0deg);
}
 100% {
opacity:0;
-webkit-transform:rotateY(90deg)
}
}
@keyframes onpre {
 0% {
opacity:1;
transform:rotateY(0deg);
}
 100% {
opacity:0;
transform:rotateY(90deg)
}
}
.focustool { width: 82%; overflow: hidden; margin: 16px auto; position: relative; }
.ftoollist { width: 4655px; position: relative; }
.ftoollist img { display: block; width: 90px; height: 90px; }
.ftoollist a { background-color: #fff; display: block; width: 90px; height: 90px; border: 1px solid #fff; position: relative; overflow: hidden; }
.ftoollist li { float: left; cursor: pointer; margin-right: 10px; }
.ftoollist a:hover { background-color: #f30054; border: 1px solid #f30054; z-index: 80; }
.ftoollist .on a { background-color: #f30054; border: 1px solid #f30054; z-index: 80; }
.pro_prev { width: 21px; height: 32px; background: url(../image/jt_icon_active.png) no-repeat; background-size: 21px 32px; display: block; position: absolute; bottom: 30px; left: 0; }
.pro_prev.disabled { background: url(../image/jt_icon_normal.png) no-repeat; }
.pro_next { width: 21px; height: 32px; background: url(../image/jt_icon_active.png) no-repeat; background-size: 21px 32px; display: block; position: absolute; bottom: 30px; right: 0; transform: rotate(180deg); }
.pro_next.disabled { background: url(../image/jt_icon_normal.png) no-repeat; }
.pro-itemInfo { width: 58%; height: auto; position: relative; float: left; margin-left: 2%; }
.itemInfo-name { width: 100%; height: 258px; overflow: hidden; position: relative; }
.itemInfo-name h3 { font-size: 32px; color: #f30054; text-align: left; line-height: 1.5; margin: 0; font-weight: normal; }
.itemInfo-name p { font-size: 14px; color: #000000; font-family: "宋体"; text-align: justify; line-height: 24px; margin-top: 10px; }
.itemInfo-price { width: 100%; height: auto; padding: 20px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-top: 20px; }
.itemInfo-price ul { height: 40px; }
.itemInfo-price ul li { width: 50%; float: left; text-align: center; line-height: 40px; }
.itemInfo-price ul li:nth-child(2n+1) { position: relative; }
.itemInfo-price ul li:nth-child(2n+1):before { content: ''; position: absolute; background: url(../image/line.png) no-repeat; top: 0; width: 1px; height: 100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; right: 0; }
.itemInfo-price ul li p { font-size: 12px; color: #666; margin: 0; }
.itemInfo-price ul li p img { width: 35px; height: 24px; margin-right: 8px; }
.itemInfo-price ul li p span { color: #f30054; font-size: 16px; margin-left: 8px; font-weight: 600; }
.itemInfo-price ul li p span i { font-style: normal; font-weight: 600; font-size: 14px; margin-right: 2px; }
.itemInfo-relevant { width: 100%; height: auto; padding: 20px 0; }
.itemInfo-relevant ul { height: 16px; }
.itemInfo-relevant ul li { float: left; height: 16px; margin-right: 30px; display: block; }
.itemInfo-relevant ul li:last-child { margin-right: 0; }
.itemInfo-relevant ul li img { width: 18px; height: 16px; margin-right: 8px; }
.itemInfo-relevant ul li a { font-size: 14px; line-height: 16px; color: #000; }
.itemInfo-btn { position: relative; margin-top: 30px; width: 100%; height: 60px; border: 1px solid #f30054; }
.btn-special { font-size: 24px; width: 50%; float: left; height: 58px; line-height: 58px; text-align: center; color: #f30054; }
.btn-special:nth-child(2n+1) { position: relative; }
.btn-special:nth-child(2n+1):before { content: ''; position: absolute; background: #f30054; top: 0; width: 1px; height: 100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; right: 0; }
.btn-special:hover { background: #f30054; color: #fff; }

.pro-detail-info { width: 100%; height: auto; position: relative; }
.detail-info-left { width: 76%; height: auto; float: left; position: relative; }
.tabdetail { width: 100%; height: auto; position: relative; margin-bottom: 40px; display: inline-block; min-height: 300px; }
.tabdetail-item { width: 100%; height: 50px; position: relative; border: 1px solid #d0d0d0; }
.tabdetail-item li { height: 48px; float: left; }
.tabdetail-item li a { font-size: 18px; line-height: 48px; text-align: center; padding: 0 36px; height: 48px; display: block; color: #333; }
.tabdetail-item li.active, .tabdetail-item li:hover { color: #fff; background: #f30054; height: 48px; }
.tabdetail-item li.active a, .tabdetail-item li:hover a { color: #fff; background: #f30054; height: 48px; }
.tabdetail-content { width: 100%; height: auto; position: relative; }
.tabdetail-content>.tabdetail-pane { display: none }
.tabdetail-content>.tabdetail-pane.active { display: block }

.section-level { width: 100%; height: auto; padding: 8px 0; background: #ebebeb; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; display: flex; flex-direction: row; align-items: center; }
.section-level p { line-height: 24px; color: #000; font-size: 12px; margin: 0 0 0 20px; }
.section-level .section-item { font-size: 12px; color: #000; height: 24px; line-height: 24px; padding: 0 8px; margin-right: 6px; border-radius: 4px; }
.section-level .section-item.active { background: #9a9a9a; color: #fff; }
.introduction { width: 100%; height: auto; position: relative; text-align: justify; margin-top: 30px; }
.introduction h3 { font-size: 16px; font-weight: normal; color: #919191; height: 36px; border: 1px solid #949494; border-radius: 36px; padding: 0 30px; line-height: 36px; display: inline-block; margin: 0 0 30px 0; }
.introduction p { font-size: 14px; color: #555555; line-height: 26px; margin-bottom: 30px; }
.introduction p i { width: 4px; height: 4px; background: #919191; display: -webkit-inline-box; border-radius: 4px; margin-right: 4px; margin-bottom: 3px; }
.introduction img { width: 100%; height: auto; display: block; }
.detail-info { width: 100%; height: auto; position: relative; margin-top: 30px; }
.row-gay { width: 100%; height: 30px; background: #f6f6f6; }
.row-gay td, .row-white td { font-size: 12px; line-height: 30px; padding-left: 8px; color: #919191; }
.row-white { width: 100%; height: 30px; background: #fff; }
.video-wrapper { width: 100%; height: auto; position: relative; margin-top: 30px; }
.video-wrapper ul li { width: 32%; height: auto; float: left; margin-bottom: 30px; }
.video-wrapper ul li.last { margin-right: 0 !important; }
.video-item { width: 100%; height: auto; position: relative; }
.video-item .video-bgimg { width: 100%; height: auto; }
.video-item .video-cover { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 2; }
.video-item .video-play { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 3; }
.video-txt { font-size: 14px; color: #333; margin-top: 16px; padding: 0 24px; text-align: center; line-height: 20px; }
.video-txt:hover { color: #f30054; }
.video-wrapper ul li:hover .video-txt { color: #f30054; }
.date-wrapper { width: 100%; height: auto; position: relative; }
.date-item { width: 100%; height: 60px; position: relative; border-bottom: 1px dashed #e6e6e6; }
.date-item h3 { font-size: 16px; color: #1c55a4; width: 64%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; line-height: 60px; font-weight: normal; margin: 0; text-align: left; }
.date-item p { font-size: 14px; color: #a2a2a2; float: right; line-height: 60px; margin: 0; }
.date-item p b { color: #1c55a4; font-weight: normal; margin: 0 40px; display: inline-block; min-width: 30px; }
.date-item p span { color: #f30054; margin-right: 20px; }
.date-item .download { width: 97px; height: 18px; float: right; margin-top: 21px; margin-left: 20px; }
.date-item:hover h3 { color: #f30054; }
.date-item:hover .date-dot { background: #f30054; }
.date-more { width: 100%; height: 48px; background: #e6e6e6; font-size: 18px; color: #4D4D4D; text-align: center; line-height: 48px; margin-top: 10px; display: block; }
.date-dot { width: 8px; height: 8px; border-radius: 8px; background: #6c6c6c; float: left; margin: 26px 10px 26px 4px; }
.detail-info-right { width: 20%; float: right; }
.detail-info-right-title { width: 100%; height: 50px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 50px; text-align: center; font-size: 18px; color: #333; }
.relate-pro { width: 100%; height: auto; position: relative; margin-top: 30px; }
.relate-pro ul li { height: 36px; }
.relate-pro ul li a { font-size: 12px; color: #919191; display: flex; flex-direction: row; line-height: 14px; }
.relate-dot { width: 4px; height: 4px; border-radius: 4px; background: #919191; margin-top: 5px; }
.relate-pro ul li a p { margin-left: 6px; text-align: justify; margin-bottom: 0; width: 240px; }
.relate-pro ul li a:hover { color: #f30054; }
.relate-pro ul li a:hover .relate-dot { background: #f30054; }

.con-leftwrapper { width: 900px; height: auto; position: relative; float: left; overflow: hidden; padding-bottom: 100px; }
.con-wrapper { width: 100%; height: auto; position: relative; margin-bottom: 20px; }
.con-title { width: 100%; height: 48px; background: #f0f0f0; font-size: 18px; color: #333; line-height: 48px; text-indent: 16px; font-weight: bold; }
.con-choose { width: 100%; height: auto; padding: 30px 0; display: flex; flex-direction: row; border-bottom: 1px solid #eee; }
.con-choose:last-child { border-bottom: 0; }
.con-choose-title { flex: 1; font-size: 18px; color: #666; text-indent: 16px; }
.con-choose-info { width: 680px; }
.con-choose-item { display: flex; flex-direction: row; height: 30px; align-items: center; margin-bottom: 10px; padding: 0 10px; font-size: 14px; color: #666; position: relative; }
.con-left-item { flex: 1; }
.con-choose-item.on { background: #eee; }
.con-choose-item:last-child { margin-bottom: 0; }
.notice-icon { width: 16px; height: 16px; display: block; }
.notice-info { width: 200px; padding: 16px 10px; background: #fff; border: 1px solid #666; position: absolute; top: 0; right: 40px; z-index: 80; text-align: justify; display: none; }
.notice-info:before { content: ''; position: absolute; top: 6px; right: -10px; width: 10px; height: 15px; background: url(../image/jt_right_gray.png) no-repeat; background-size: 10px 15px; display: block; }
.con-rightwrapper { width: 250px; height: auto; position: relative; float: left; margin-left: 30px; margin-top: -10px; }
.con-order { width: 250px; height: auto; position: relative; border: 1px solid #ccc; top: 10px; z-index: 80; background: #fff; }
.con-order-img { width: 248px; height: 248px; border-bottom: 1px solid #ccc; }
.con-order-info { padding: 20px 16px; background: #f0f0f0; }
.con-order-title { font-size: 18px; color: #333; line-height: 1.5; }
.con-order-specs { font-size: 12px; color: #f30054; margin-top: 16px; line-height: 1; }
.con-order-info ul { padding: 10px 0; border-bottom: 1px solid #ccc; }
.con-order-info ul li { display: flex; flex-direction: row; height: 36px; line-height: 36px; font-size: 12px; color: #333; }
.con-order-info ul li span { flex: 1; }
.con-order-totle { padding: 30px 0; display: flex; flex-direction: row; font-size: 16px; color: #333; }
.con-order-totle span { flex: 1; }
.con-order-totle b { color: #f30054; }
.con-order-btn { width: 100%; height: 48px; background: #f30054; font-size: 24px; color: #fff; text-align: center; line-height: 48px; border: none; outline: none; }
.con-order-help { padding: 10px 16px; font-size: 12px; color: #666; display: block; }

#dialogBg { width: 100%; height: 100%; background-color: #000000; opacity: .8; filter: alpha(opacity=60); position: fixed; top: 0; left: 0; z-index: 9999; display: none; }
#dialog { width: 400px; height: 500px; display: none; background: linear-gradient(to bottom, #fff, #e3e3e3); background: -webkit-linear-gradient(top, #fff, #e3e3e3); background: -o-linear-gradient(bottom, #fff, #e3e3e3); background: -moz-linear-gradient(bottom, #fff, #e3e3e3); position: fixed; top: 50%; left: 50%; margin-left: -200px; margin-top: -250px; z-index: 10000; }
.dialogTop { width: 100%; height: auto; text-align: center; position: relative; }
.dialogTop h3 { font-size: 28px; color: #f9080c; padding-top: 36px; margin: 0; font-weight: normal; }
.dialogTop p { font-size: 18px; color: #000; margin-top: 10px; margin-bottom: 30px; }
.claseDialogBtn { width: 44px; height: 44px; background: url(../image/close_icon.png) no-repeat; background-size: 44px 44px; display: block; position: absolute; top: 0; right: -44px; }
.editInfos { padding: 0; }
.editInfos li { width: 80%; margin: 0 auto 15px auto; text-align: right; display: flex; flex-direction: row; align-items: center; font-size: 14px; color: #8d8d8d; font-family: "宋体"; }
.editInfos li p { flex: 1; margin: 0; }
.ipt { width: 230px; border: 1px solid #d2d2d2; height: 36px; padding: 5px; margin-left: 5px; }
.ipt:focus { outline: none; border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.submitBtn { width: 96%; height: 48px; line-height: 48px; cursor: pointer; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; background-color: #f9080c; color: #fff; border: none; margin: 10px 0 0 4%; }
.submitBtn:hover { background-color: #f30054; }
.star-warn { font-size: 12px; color: #5c5c5c; text-align: center; font-weight: normal; font-family: "宋体"; }

#animationTipBox { font-family: "Microsoft Yahei", "微软雅黑", Arial, Tahoma; width: 400px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-left: -200px; margin-top: -250px; z-index: 10001; -webkit-animation: alertAnimation .3s ease-in-out 0 1; -moz-animation: alertAnimation .3s ease-in-out 0 1; animation: alertAnimation .3s ease-in-out 0 1; display: none; }
#animationTipBox .icon { position: relative; width: 106px; height: 106px; margin: 80px auto 40px auto; background-size: 106px 106px; display: block; }
#animationTipBox .icon.true { background: url(../image/success_icon.png) no-repeat; }
#animationTipBox .icon.false { background: url(../image/false_icon.png) no-repeat; }
#animationTipBox .dec_txt { font-size: 30px; text-align: center; color: #f9080c; line-height: 36px; }
#animationTipBox .dec_info { font-size: 18px; text-align: center; color: #000; line-height: 24px; margin-top: 10px; }
#animationTipBox .okoButton { width: 300px; display: block; height: 48px; margin: 0 auto; border: none; border-radius: 5px; background: #f9080c; color: #fff; font-size: 24px; line-height: 48px; margin-top: 50px; }

.database-search { padding: 40px 0; position: relative; height: auto; text-align: center; margin: 0 auto; }
.database-container { width: 100%; height: auto; position: relative; display: flex; flex-direction: row; align-items: center; }
.database-title { font-size: 18px; color: #333; }
.database-container .database-left { width: 480px; height: 40px; display: flex; flex-direction: row; align-items: center; }
.database-container .database-left .database-txt { width: 478px; height: 38px; padding-left: 8px; background: #fff; color: #666; font-size: 14px; float: left; outline: none; border: 1px solid #ccc; overflow: hidden; }
.database-btn { width: 90px; height: 38px; border: 1px solid #ccc; padding: 0 5px; cursor: pointer; background: #ebebeb url(../image/icon_retrieval.png) no-repeat 6px 5px; outline: none; font-size: 16px; color: #aaa; text-align: right; margin-left: 2px; line-height: 38px; }
.database-info { width: 1180px; height: auto; position: relative; overflow: hidden; }
.problem-wrapper { width: 100%; height: auto; position: relative; overflow: hidden; }
.problem-item { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px dashed #e6e6e6; }
.problem-item h3 { font-size: 16px; color: #9a9a9a; font-weight: normal; margin-top: 0; }
.problem-item h3 span { color: #1c55a4; }
.problem-item p { font-size: 16px; color: #919191; text-align: justify; line-height: 24px; margin: 0; }

.calibration-top { width: 100%; height: auto; position: relative; overflow: hidden; padding: 40px 0; text-align: center; }
.calibration-top-title { font-size: 36px; color: #000; }
.calibration-top-info { padding: 10px 30px; background: #fdfff5; border: 1px solid #dbdbdb; text-align: center; font-size: 12px; color: #9e9e9e; line-height: 18px; font-family: "宋体"; margin-top: 10px; }
.calibration-small-title { font-size: 16px; color: #666; margin-top: 10px; font-family: "宋体"; font-weight: bold; }
.calibration-wrapper { width: 100%; height: auto; position: relative; overflow: hidden; padding-bottom: 40px; border-bottom: 1px dashed #e6e6e6; margin-bottom: 40px; }
.calibration-wrapper.last { border-bottom: 0; margin-bottom: 60px; }
.calibration-item { width: 48%; float: left; margin-right: 4%; }
.calibration-item:last-child { margin-right: 0; }
.calibration-item img { width: 200px; height: 200px; display: block; float: left; margin-right: 20px; }
.calibration-item-info { display: flex; flex-direction: column; }
.calibration-item-info h3 { font-size: 30px; color: #f30054; margin-top: 0; }
.calibration-item-info p { font-size: 14px; color: #484bb8; text-align: justify; }
.calibration-item-info ul li { font-size: 14px; color: #6b6b6b; margin-bottom: 10px; line-height: 16px; text-align: justify; position: relative; display: flex; flex-direction: row; }
.calibration-item-info ul li i { width: 4px; height: 12px; background: #6b6b6b; margin-top: 2px; position: absolute; }
.calibration-item-info ul li b { font-weight: normal; padding-left: 10px; }
.calibration-contact { font-size: 24px; color: #f30054; text-decoration: underline !important; font-style: italic; text-align: center; display: block; padding: 60px 0; background: #e6e6e6; }
.support-item { width: 32%; height: auto; position: relative; float: left; margin-right: 2%; margin-top: 40px; margin-bottom: 80px; }
.support-item:last-child { margin-right: 0; }
.support-title { width: 100%; height: 70px; padding: 8px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; border-bottom: 2px solid #333; margin-bottom: 40px; }
.support-title img { width: 59px; height: 54px; margin-right: 10px; }
.support-title span { font-size: 36px; color: #333; line-height: 54px; }
.support-item ul li { text-align: justify; }
.support-item ul li h3 { font-size: 22px; color: #f30054; font-weight: normal; margin: 20px 0 0 0; line-height: 22px; }
.support-item ul li p { font-size: 14px; color: #7b7b7b; line-height: 20px; font-family: "宋体"; margin: 10px 0 0 0; }

.press-wrapper { width: 100%; height: auto; position: relative; padding: 40px 0 60px 0; overflow: hidden; }
.press-title { font-size: 30px; color: #333; text-align: center; }
.press-author { padding: 30px 0; font-size: 14px; color: #666; display: flex; flex-direction: row; justify-content: center; align-items: center; border-bottom: 1px solid #e6e6e6; }
.press-author span { margin: 0 20px; }
.press-page { padding: 30px 0; display: flex; flex-direction: column; }
.press-page p { font-size: 14px; color: #999; text-align: justify; line-height: 30px; text-indent: 28px; margin-bottom: 30px; }
.press-page img { margin: 0 auto 30px auto; }

.about-wrapper { width: 100%; height: auto; padding: 40px 0; position: relative; overflow: hidden; }
.about-wrapper h3 { font-size: 36px; font-weight: normal; color: #f30054; text-align: center; margin: 0; line-height: 1.5; margin-bottom: 20px; }
.about-wrapper h3 span { font-size: 30px; }
.about-wrapper p { font-size: 14px; color: #999; text-align: justify; text-indent: 28px; line-height: 24px; padding: 10px 100px; margin: 0; }
.about-item-left { width: 40%; height: 360px; float: left; margin-right: 3%; overflow: hidden; }
.about-item-right { float: left; display: flex; flex-direction: column; width: 57%; }
.about-item-right h3 { font-size: 24px; color: #333; font-weight: normal; margin: 0; text-align: left; line-height: 1; }
.about-item-right p { font-size: 14px; color: #666; text-align: justify; line-height: 24px; margin: 20px 0 0 0; padding: 0; text-indent: 0; }
.memory-item { padding: 20px 10px; width: 200px; border: 1px solid #f30054; text-align: center; position: relative; margin-top: 6px; transition: transform .4s; }
.memory-item-title { font-size: 18px; color: #666; text-align: center; line-height: 1; }
.memory-item-info { font-size: 12px; color: #666; text-align: center; line-height: 18px; margin-top: 10px; }
.memory-item:before { content: ''; position: absolute; top: -6px; left: 95px; width: 10px; height: 6px; background: url(../image/jt_up_blue.jpg) no-repeat; background-size: 10px 6px; display: block; }
.tran20 { transform: translateX(20px); }
.about-partner { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.partner-item { width: 200px; height: 200px; margin: 0 15px; }

.page-none { width: 100%; min-height: 406px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.page-none img { width: 114px; height: 144px; display: block; }
.page-none p { font-size: 30px; color: #999; margin-top: 20px; line-height: 1; }

.solution-banner { width: 100%; height: auto; position: relative; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.solution-container { width: 100%; height: auto; position: relative; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.solution-info ul li { width: 32%; height: auto; float: left; margin-right: 2%; margin-top: 26px; }
.solution-item { display: flex; flex-direction: column; }
.solution-item img { width: 100%; height: auto; }
.solution-item h3 { width: 100%; height: 54px; background: #414141; font-size: 24px; color: #fff; font-weight: normal; line-height: 54px; text-indent: 14px; margin: 0; }
.solution-detail { width: 100%; min-height: 400px; background: #f5f5f5; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 10px; }
.solution-detail p { font-size: 13px; color: #6b6b6b; font-family: "宋体"; line-height: 1.5; text-align: justify; border-bottom: 1px dashed #757575; padding-bottom: 10px; }
.solution-detail-item { font-size: 13px; color: #6b6b6b; font-family: "宋体"; margin-bottom: 6px; padding-left: 10px; position: relative; }
.solution-detail-item:after { content: ''; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #f30054; position: absolute; left: 0; top: 4px; }
.solution-level-item1 { display: flex; flex-direction: row; padding: 90px 0; }
.solution-level-item1 img { height: 100%; margin-right: 30px; }
.solution-level-item2 { display: flex; flex-direction: row; padding: 90px 0; }
.solution-level-item2 img { height: 100%; margin-left: 30px; }
.solution-level-info { display: flex; flex-direction: column; flex: 1; }
.solution-level-info h3 { font-size: 30px; color: #1c3670; font-weight: normal; margin: 0 0 30px 0; }
.solution-level-info p { font-size: 14px; color: #333; line-height: 1.5; text-align: justify; font-family: "宋体"; margin-bottom: 20px; }
.solution-btn-gray { height: 50px; width: 200px; text-align: center; background: #f30054; font-size: 18px; color: #fff; line-height: 50px; position: relative; margin-bottom: 20px; }
.solution-btn-gray:after { content: ''; width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid #ececec; position: absolute; left: 0; top: 18px; }
.solution-btn-white { height: 50px; width: 200px; text-align: center; background: #f30054; font-size: 18px; color: #fff; line-height: 50px; position: relative; margin-bottom: 20px; }
.solution-btn-white:after { content: ''; width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid #fff; position: absolute; left: 0; top: 18px; }
.solution-pro { font-size: 16px; color: #f30054; padding-left: 10px; margin-bottom: 6px; position: relative; }
.solution-pro:after { content: ''; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #f30054; position: absolute; left: 0; top: 6px; }
.about-item { position: relative; }
.btn-wwrapper { width: 1180px; height: 453px; position: absolute; left: 50%; margin-left: -590px; top: 0; }
.btn-wwrapper h3 {font-size:50px; font-wight:normal; position:absolute; top:60px;}
.btn-wwrapper p {font-size:16px; width:500px; text-align:justify; line-height:28px; position:absolute; top:150px;}
.about-btn { font-size: 14px; color: #fff; font-family: "宋体"; height: 30px; line-height: 30px; padding: 0 30px; border-radius: 30px; background: #f30054; display: inline-block; position: absolute; }
.news-btn { width: 476px; height: 268px; position: absolute; }
.area-1 { top: 270px; left: 28px; }
.area-2 { top: 270px; left: 168px; }
.area-3 { top: 270px; left: 318px; }
.area-4 { top: 260px; right: 218px; }
.area-5 { top: 260px; right: 48px; }
.area-6 { top: 250px; left: 28px; }
.area-7 { top: 250px; left: 168px; }
.area-8 { top: 250px; right: 198px; }
.area-9 { top: 250px; right: 58px; }
.area-10 { top: 30px; left: 88px; }

.contact-container { width: auto; height: 870px; background: url(../image/contact_img1.jpg) no-repeat center center; background-size: 1920px 870px; margin-top: 58px; }
.contact-info { width: 1180px; height: 870px; margin: 0 auto; position: relative; }
.map-btn { width: 124px; height: 36px; background-size: 124px 36px; background: url(../image/contact_icon_normal.png) no-repeat; margin-top: 10px; }
.map-btn:hover { background: url(../image/contact_icon_active.png) no-repeat; }
.contact-top { width: 100%; height: auto; padding-top: 100px; position: relative; }
.contact-top h1 { font-size: 58px; color: #000; text-align: left; font-weight: normal; margin: 0; }
.contact-top p { width: 46%; font-size: 14px; color: #636363; text-align: justify; font-family: '宋体'; line-height: 24px; margin: 10px 0; }
.contact-top h3 { font-size: 18px; color: #000; font-weight: normal; margin: 0; }
.contact-item { width: 46%; height: auto; position: relative; margin-top: 20px; padding-top: 20px; border-top: 2px solid #000; display: flex; flex-direction: column; }
.contact-item-title { font-size: 24px; color: #f30054; margin-bottom: 10px; }
.contact-item-info { font-size: 14px; color: #000; font-family: "宋体"; margin-bottom: 4px; }
.contact-bottom { width: 100%; height: auto; position: relative; display: flex; flex-direction: row; margin-top: 10px; }

.tijiao { width: 100%; height: 52px; border-radius: 4px; background: #f30054; font-size: 20px; font-family: "微软雅黑"; text-align: center; line-height: 52px; color: #fff; display: block; margin-bottom: 100px; }

.partner-title { font-size: 40px; color: #000; text-align: center; margin: 40px 0; }
.partner-wrapper { width: 100%; height: auto; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 30px; }
.partner-item { width: 22%; height: auto; position: relative; border: 1px solid #e6e6e6; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; }
.partner-item img { width: 100%; height: auto; display: block; margin: 0 auto; }

.code-container { width: auto; height: 750px; background: url(../image/online.jpg) no-repeat center center; background-size: 1920px 750px; margin-top: 58px; }
.code-wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; }
.code-wrapper h3 { font-size: 40px; color: #000; margin: 40px 0; font-weight: normal; }
.code-wrapper p { font-size: 14px; color: #000; text-align: center; line-height: 1.5; }
.code-item-title { font-size: 28px; color: #f30054; margin: 40px 0 10px 0; }

.company-wrapper { width: 100%; height: auto; position: relative; overflow: hidden; margin: 70px 0 100px 0; display: flex; flex-direction: row; }
.company-left { width: 175px; height: 280px; background: #e6e6e6; }
.company-left img { width: 175px; height: 230px; }
.company-left p { font-size: 12px; color: #5f5f5f; text-align: center; line-height: 16px; font-family: "宋体"; margin: 9px 0; }
.company-right { margin-left: 40px; display: flex; flex-direction: column; }
.company-right h3 { font-size: 28px; color: #000; font-weight: normal; margin: 0; }
.company-right h3 i { font-style: normal; font-size: 18px; color: #5f5f5f; margin-left: 16px; }
.company-right p { font-size: 14px; color: #000; text-align: justify; line-height: 30px; font-family: "宋体"; margin: 20px 0 0 0; }
.deeds-wrapper { margin-top: 20px; }
.deeds-item { font-size: 14px; color: #5f5f5f; font-family: "宋体"; line-height: 1; margin-bottom: 10px; padding-left: 16px; position: relative; }
.deeds-item:before { content: ''; width: 10px; height: 10px; background: #f30054; border-radius: 100%; position: absolute; left: 0; top: 2px; }


@media(min-width:0) and (max-width:1180px) {
.nav-wrapper { width: 96%; height: 60px; margin: 0 auto; }
.top_bar { width: 96%; height: 100px; position: relative; margin: 0 auto; }
.tabdetail-item.scoll { position: fixed; top: 0; z-index: 999; background: #fff; left: 2%; right: 2%; width: auto; }
.plan_wrapper { width: 96%; height: auto; position: relative; margin: 0 auto; }
.pro_container .pro_item { width: 96%; height: auto; position: relative; margin: 0 auto; padding-top: 150px; }
.pro_container .pro_item .clearfix { width: 92%; height: auto; margin: 0 auto; border-radius: 8px; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; z-index: 10; padding: 10px 0; }
.news_container .news_item { width: 96%; height: auto; position: relative; margin: 0 auto; }
.tabbable { width: 96%; height: auto; position: relative; margin: 0 auto; }
.footer_info { width: 96%; height: auto; position: relative; margin: 0 auto; }
.bottom_info { width: 96%; height: 60px; position: relative; margin: 0 auto; }
.page-info { width: 96%; height: auto; position: relative; margin: 0 auto; }
.page-bar { width: 96%; height: 26px; position: relative; margin: 0 auto; }
.solution-info { width: 96%; height: auto; position: relative; overflow: hidden; padding-bottom: 80px; margin: 0 2%; }
.solution-banner img { width: 150%; height: auto; }
/*.solution-container img { width: 150%; height: auto; margin-left: -25%; }*/
.contact-info { width: 96%; height: auto; margin: 0 auto; position: relative; }
.contact-info img { width: 100%; height: auto; }
.bj { left: 0; top: 370px; }
.sz { left: 0; top: 570px; }
.sh { left: 530px; top: 570px; }
/*
.btn-wwrapper { width: 96%; height: 453px; left: 2%; margin-left: 0; }
.btn-wwrapper p {font-size:14px; width:420px; text-align:justify; line-height:24px; position:absolute; top:150px;}
*/
}

@media(min-width:1280px) {
.nav-wrapper { width: 92%; height: 60px; margin: 0 auto; }
.top_bar { width: 92%; height: 100px; position: relative; margin: 0 auto; }
.tabdetail-item.scoll { position: fixed; top: 0; z-index: 999; background: #fff; left: 4%; right: 4%; width: auto; }
.plan_wrapper { width: 92%; height: auto; position: relative; margin: 0 auto; }
.pro_container .pro_item { width: 92%; height: auto; position: relative; margin: 0 auto; padding-top: 150px; }
.pro_container .pro_item .clearfix { width: 92%; height: auto; margin: 0 auto; border-radius: 8px; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; z-index: 10; padding: 10px 0; }
.news_container .news_item { width: 92%; height: auto; position: relative; margin: 0 auto; }
.tabbable { width: 92%; height: auto; position: relative; margin: 0 auto; }
.footer_info { width: 92%; height: auto; position: relative; margin: 0 auto; }
.bottom_info { width: 92%; height: 60px; position: relative; margin: 0 auto; }
.page-info { width: 92%; height: auto; position: relative; margin: 0 auto; }
.page-bar { width: 92%; height: 26px; position: relative; margin: 0 auto; }
.solution-info { width: 92%; height: auto; position: relative; overflow: hidden; padding-bottom: 80px; margin: 0 4%; }
}

@media(min-width:1400px) {
.nav-wrapper { width: 84%; height: 60px; margin: 0 auto; }
.top_bar { width: 84%; height: 100px; position: relative; margin: 0 auto; }
.tabdetail-item.scoll { position: fixed; top: 0; z-index: 999; background: #fff; left: 8%; right: 8%; width: auto; }
.plan_wrapper { width: 84%; height: auto; position: relative; margin: 0 auto; }
.pro_container .pro_item { width: 84%; height: auto; position: relative; margin: 0 auto; padding-top: 150px; }
.pro_container .pro_item .clearfix { width: 92%; height: auto; margin: 0 auto; border-radius: 8px; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; z-index: 10; padding: 10px 0; }
.news_container .news_item { width: 84%; height: auto; position: relative; margin: 0 auto; }
.tabbable { width: 84%; height: auto; position: relative; margin: 0 auto; }
.footer_info { width: 84%; height: auto; position: relative; margin: 0 auto; }
.bottom_info { width: 84%; height: 60px; position: relative; margin: 0 auto; }
.page-info { width: 84%; height: auto; position: relative; margin: 0 auto; }
.page-bar { width: 84%; height: 26px; position: relative; margin: 0 auto; }
.solution-info { width: 84%; height: auto; position: relative; overflow: hidden; padding-bottom: 80px; margin: 0 8%;}
}

@media(min-width:1600px) {
.nav-wrapper { width: 76%; height: 60px; margin: 0 auto; }
.top_bar { width: 76%; height: 100px; position: relative; margin: 0 auto; }
.tabdetail-item.scoll { position: fixed; top: 0; z-index: 999; background: #fff; left: 12%; right: 12%; width: auto; }
.plan_wrapper { width: 76%; height: auto; position: relative; margin: 0 auto; }
.pro_container .pro_item { width: 76%; height: auto; position: relative; margin: 0 auto; padding-top: 150px; }
.pro_container .pro_item .clearfix { width: 92%; height: auto; margin: 0 auto; border-radius: 8px; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; z-index: 10; padding: 10px 0; }
.news_container .news_item { width: 76%; height: auto; position: relative; margin: 0 auto; }
.tabbable { width: 76%; height: auto; position: relative; margin: 0 auto; }
.footer_info { width: 76%; height: auto; position: relative; margin: 0 auto; }
.bottom_info { width: 76%; height: 60px; position: relative; margin: 0 auto; }
.page-info { width: 76%; height: auto; position: relative; margin: 0 auto; }
.page-bar { width: 76%; height: 26px; position: relative; margin: 0 auto; }
.solution-info { width: 76%; height: auto; position: relative; overflow: hidden; padding-bottom: 80px; margin: 0 12%; }
}

@media(min-width:1920px) {
.nav-wrapper { width: 64%; height: 60px; margin: 0 auto; }
.top_bar { width: 64%; height: 100px; position: relative; margin: 0 auto; }
.tabdetail-item.scoll { position: fixed; top: 0; z-index: 999; background: #fff; left: 18%; right: 18%; width: auto; }
.plan_wrapper { width: 64%; height: auto; position: relative; margin: 0 auto; }
.pro_container .pro_item { width: 64%; height: auto; position: relative; margin: 0 auto; padding-top: 150px; }
.pro_container .pro_item .clearfix { width: 92%; height: auto; margin: 0 auto; border-radius: 8px; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; z-index: 10; padding: 10px 0; }
.news_container .news_item { width: 64%; height: auto; position: relative; margin: 0 auto; }
.tabbable { width: 64%; height: auto; position: relative; margin: 0 auto; }
.footer_info { width: 64%; height: auto; position: relative; margin: 0 auto; }
.bottom_info { width: 64%; height: 60px; position: relative; margin: 0 auto; }
.page-info { width: 64%; height: auto; position: relative; margin: 0 auto; }
.page-bar { width: 64%; height: 26px; position: relative; margin: 0 auto; }
.solution-info { width: 64%; height: auto; position: relative; overflow: hidden; padding-bottom: 80px; margin: 0 18%; }
}

@media(max-width:1279px) {
.page-info { width: 100%; height: auto; position: relative; margin: 0 auto; }
}

/* 分页 */
.pages {
	margin-top: 50px;
}
.pages,
.pages ul {
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}

.pages ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: auto;
	height: 40px;
}
.pages ul li a,
.pages ul li span {
	display: inline-block;
	width: auto;
	min-width: 40px;
	height: 40px;
	color: #555;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	margin: 0 5px;
	padding: 0 10px;
	background:#fff;
	border: 1px solid #e1e1e1;
}
.pages ul li a.other {
	padding: 0 20px;
}
.pages ul li a:hover,
.pages ul li a:active,
.pages ul li a.on,
.pages ul li a.active {
	color: #fff;
	border: 1px solid #ff5050;
	background:#ff5050;
}

.no-info {
	width: 100%;
	margin: 60px auto;
	line-height: 100px;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.download-container {
	height: auto;
	min-height: 500px;
	overflow: hidden;
	position: relative;
}
.download-container .download-categorys {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: auto;
	background: #e0e0e0;
}
.download-container .download-categorys .categorys-title {
	width: 100%;
	text-indent: 38px;
	line-height: 36px;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}
.download-container .download-categorys ul {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 25px;
}
.download-container .download-categorys ul li {
	width: 100%;
	height:  32px;
}
.download-container .download-categorys ul li a {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-indent: 38px;
	font-size: 14px;
	color: #000000;
}
.download-container .download-categorys ul li a:hover,
.download-container .download-categorys ul li a.active {
	background-image: url(../image/categorys-item-hover.jpg);
	background-repeat: no-repeat;
	color: #fff;
}

.download-right {
	width: 100%;
	height: auto;
	padding-left: 195px;
	overflow: hidden;
}
.download-right .download-search {
	width: 100%;
	height: auto;
	font-size: 0;
	overflow: hidden;
	border-bottom: 1px dashed #e6e6e6;
}
.download-right .download-search:after {
	display: block;
	content: ".";
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
}
.download-right .download-search .search-item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 298px;
	margin-bottom: 15px;
}
.download-search .search-item .item-name {
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 700;
	color: #010101;
}
.download-search .search-item .item-content {
	width: 100%;
}
.download-search .search-item .item-content .item-value {
	width: 100%;
	padding-left: 8px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #616161;
	background-image: url(../image/select-bg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
.download-search .search-item .item-content ul {
	width: 100%;
	height: auto;
	border: 1px solid #cccccc;
	border-top: none;
	display: none;
}
.download-search .search-item .item-content ul li {
	width: 100%;
	padding-left: 7px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.download-search .search-item .item-content ul li:hover,
.download-search .search-item .item-content ul li.active {
	background-color: #f1f1f1;
}

.download-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.download-list li {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dashed #e6e6e6;
}
.download-list li .item-head {
	height: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.download-list li .item-head i,
.download-list li .item-head .item-title,
.download-list li .item-head .item-date,
.download-list li .item-head .item-ext,
.download-list li .item-head .item-download {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 40px;
}
.download-list li .item-head i {
	margin-left: 4px;
	margin-right: 10px;
	width: 8px;
	height: 8px;
	background-color: #6c6c6c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-style: normal;
	overflow: hidden;
}
.download-list li .item-head .item-title {
	flex: 1;
	color: #1c55a4;
}
.download-list li .item-head .item-date {
	color: #a2a2a2;
}
.download-list li .item-head .item-ext {
	color: #1c55a4;
	min-width: 30px;
}
.download-list li .item-head .item-download {
	color: #f30054;
	margin-right: 10px;
}
.download-list li .item-content {
	margin-left: 22px;
	margin-right: 10px;
	background-color: #2b31b7;
	padding: 20px;
	padding-top: 0;
	display: none;
}
.download-list li .item-content i {
	display: block;
	font-style: normal;
	width: 21px;
	height: 20px;
	margin-left: 36px;
	background-image: url(../image/sanjiao.png);
	background-repeat: no-repeat;
}
.download-list li .item-content .remark {
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding-bottom: 5px;
}
.download-list li .item-content .param {
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	padding-top: 5px;
}

.about-news {
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left:-503px;
	width: 476px;
	height: 268px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	z-index: 2;
}
.about-news a {
	display: block;
	width: 100%;
	height: auto;
}
.about-news .an-img-con,
.about-news .an-img-con img {
	width: 100%;
	height: 145px;
}
.about-news .an-info {
	padding-top: 5px;
}
.about-news .an-info .an-title {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.about-news .an-info .an-date {
	line-height: 18px;
	font-size: 12px;
	color: #acafb4;
}
.about-news .an-info .an-content {
	height: 36px;
	line-height: 18px;
	font-size: 12px;
	color: #a7acb2;
	overflow: hidden;
}

.download-guestbook {
	width: 500px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 60px 60px 60px;
	background-color: #fff;
}
.download-guestbook .go-back {
	display: block;
	padding-left: 15px;
	line-height: 30px;
	font-size: 16px;
	color: #777777;
	background-image: url(../image/left.png);
	background-position: center left;
	background-repeat: no-repeat;
}
.download-guestbook .guestbook-title {
	margin-top: 15px;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	padding: 0 3px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.download-guestbook .guestbook-title span {
	font-weight: normal;
	color: #3b3b3b;
	margin-right: 10px;
}
.download-guestbook .guestbook-desc {
	margin-top: 15px;
	height: 48px;
	line-height: 46px;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #3b3b3b;
	text-align: center;
	font-size: 14px;
	color: #f30054;
}
.download-guestbook .guestbook-form {
	width: 100%;
}
.download-guestbook .guestbook-form .form-item {
	width: 100%;
	margin-top: 5px;
}
.download-guestbook .guestbook-form .item-name {
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #3b3b3b;
}
.download-guestbook .guestbook-form .item-input {
	width: 100%;
	height: 32px;
	line-height: 30px;
	background-color: #fff;
	text-align: center;
	border: 1px solid #9d9d9d;
	font-size: 14px;
	color: #3b3b3b;
	outline: 0
}
.download-guestbook .guestbook-form .form-button {
	margin-top: 36px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #2b31b7;
	color: #fff;
	font-size: 14px;
	text-align: center;
	outline: 0;
	border: 0;
}
.download-guestbook .guestbook-form .form-button:active {
	background-color: #181ea7;
}

.download-tip-box { 
	font-family: "Microsoft Yahei", "微软雅黑", Arial, Tahoma;
	width: 400px;
	height: 500px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.download-tip-box .icon { 
	position: relative;
	width: 106px;
	height: 106px;
	margin: 80px auto 40px auto;
	background-size: 106px 106px;
	display: block;
}
.download-tip-box .icon.true {
	background: url(../image/success_icon.png) no-repeat;
}
.download-tip-box .icon.false {
	background: url(../image/false_icon.png) no-repeat;
}
.download-tip-box .dec_txt {
	font-size: 30px;
	text-align: center;
	color: #f9080c;
	line-height: 36px;
}
.download-tip-box .dec_info {
	text-align: center;
	color: #000;
	margin-top: 10px;
	line-height: 30px;
	font-size: 16px;
}
.download-tip-box .okoButton {
	width: 300px;
	display: block;
	height: 48px;
	margin: 0 auto;
	border: none;
	border-radius: 5px;
	background: #f9080c;
	color: #fff;
	font-size: 24px;
	line-height: 48px;
	margin-top: 50px;
	text-align: center;
}