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: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace; }
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; }
.search_container { width: auto; height: 100px; position: relative; float: right; }
.language { width: 110px; height: 100px; float: right; }
.language_item { width: 68px; height: 100px; float: left; }
.search_container .search_left { width: 300px; height: 42px; margin-top: 30px; float: right; }
.search_container .search_left .search_box { position: relative; z-index: 1000; width: 300px; height: 40px; padding: 1px; background: #ccc; border-radius: 40px !important; }
.search_container .search_left .search_box .txt { width: 258px; height: 38px; padding-left: 8px; border: 0; background: #fff; color: #666; font-size: 14px; float: left; outline: none; border-top-left-radius:38px !important; border-bottom-left-radius:38px !important;}
.search_container .search_left .search_box .btn { width: 40px; height: 38px; border: 0; cursor: pointer; background: #fff url(../image/search.png) no-repeat 6px 5px; outline: none; border-top-right-radius:38px !important; border-bottom-right-radius:38px !important;}

.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; overflow: hidden; text-indent: -999px; background: #fff; cursor: pointer; border-radius: 10px; }
.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 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: 22px; color: #fff; text-align: center; line-height:1; width: 100%; position: absolute; left: 0; visibility: visible; top: 50%; margin:-12px 0 0 0; padding: 0 20px;}
.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: visible; }
.plan_item:hover p { visibility: hidden; 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.6rem; color: #FFFFFF; padding: 0 40px; margin: 0;}
.pro_container .pro_middle .pro_middle_top h3 { font-size: 3.8rem; color: #fff; font-weight: bold; margin: 10px 0;}
.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; margin: 0 5%;}
.pro_container .pro_item .clearfix .item p { width: 90%; font-size: 12px; color: #666; line-height: 14px; margin: 14px 5%; text-align: justify; word-break: break-all;}
.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: 300px; 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:12pt; 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 h3 { font-size: 14px; color: #ccc; line-height: 60px; float: left; margin: 0; width:auto;}
.bottom_info p { 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; }

.footer_bottom { width: 100%; height: auto; padding: 20px 0; background: #283443; position: relative; margin: 0 auto; }
.footer_info_detail { display: flex; flex-direction: row; align-items: center;}
.footer_info_detail p {font-size: 14px; line-height: 18px; color: #fff; flex: 1; margin: 0;}
.footer_info_detail img {width: 126px; height: 50px; display: block;}

.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: 350px; background: #fff; border: 1px solid #dadada; box-shadow: 4px 6px 0 #e8e8e8; float: left; margin-right: 2%; margin-bottom: 30px;padding-left: 20px;padding-right: 20px;padding-top: 10px;}
.product-item .product-item-title { font-size: 18px; color: #f30054; text-decoration: underline !important; text-align: left; height: 40px; line-height: 30px; 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; 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; }
.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; }
.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: 400px; background: #fff; padding: 0 10px; position: relative; float: left; margin-right: 4%; margin-top: 4px; display: block; overflow:hidden;}
.tab_con_item:hover { box-shadow: 0 0 4px rgba(0,0,0,0.2); }
.tab_con_item img { width: auto; height: 260px; display: block; margin-left:-40px;}
.tab_con_item h3 { font-size: 20px; color: #333; font-weight: normal; margin: 0; line-height:1.5;}
.tab_con_item h3 span { font-size: 14px; }
.tab_con_item .tab_con_btn { font-size: 12px; color: #fff; height: 36px; line-height: 36px; background: #f30054; padding: 0 20px; position: absolute; bottom: 20px; left: 10px; 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: #828282; 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: 78%; 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: #000000; line-height: 24px; 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 { 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; }
.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:12pt; 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:url(../image/success_icon.png) no-repeat; background-size:106px 106px; display:block;}
#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:12pt; 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:14pt; color:#484bb8; text-align:justify;}
.calibration-item-info ul li {font-size:14pt; 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:14pt; 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:14pt; 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:14pt; color:#999; text-align:justify; line-height:30px;  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:14pt; 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:14pt; 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:12pt; 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:18px; color:#fff; font-weight:normal; padding-left: 14px; margin:0; display: flex; align-items: center;}
.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:14pt; color:#6b6b6b; font-family:"arial"; line-height:20px; text-align:justify; border-bottom:1px dashed #757575; padding-bottom:10px; word-break: break-all;}
.solution-detail-item {font-size:13px; color:#6b6b6b; font-family:"arial"; 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:14pt; 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;}
.about-btn {font-size:14pt; 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;}
.news-wwrapper {width:1180px; height:453px; position:absolute; left:50%; margin-left:-590px; top:0;}
.news-wwrapper h3 {font-size: 34px; color: #f30054; margin: 0; line-height: 1; width: 50%;}
.news-wwrapper p {font-size: 14px; color: #000; line-height: 18px; font-family: "arial"; width: 50%; text-align: justify; word-break: break-all;}

.contact-container {width:auto; height:800px; background:url(../image/contact_img1.jpg) no-repeat center center; background-size:1920px 800px; margin-top:58px; overflow: hidden;}
.contact-info {width:1180px; height:800px; 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:14pt; color:#000; text-align:justify; font-family:'arial'; line-height:18px; 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:40px; 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:14pt; color:#000; font-family:"arial"; 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:14pt; 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:12pt; 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:14pt; color:#000; text-align:justify; line-height:30px; font-family:"宋体"; margin:20px 0 0 0;}
.deeds-wrapper {margin-top:20px;}
.deeds-item {font-size:14pt; 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; }
.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;}
.area-1 {top:46%; left:28px;}
.area-2 {top:46%; left:168px;}
.area-3 {top:46%; left:318px;}
.area-4 {top:46%; right:218px;}
.area-5 {top:46%; right:48px;}
.area-6 {top:46%; left:28px;}
.area-7 {top:46%; left:168px;}
.area-8 {top:46%; right:198px;}
.area-9 {top:46%; right:58px;}
}
@media(min-width:1280px) {
.nav-wrapper {width:92%; height: 60px; margin: 0 auto;}
.top_bar { width:92%; height: 100px; position: relative; margin: 0 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; }
.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; }
.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; }
.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%;}
}

/* 分页 */
.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: 350px;
	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(http://en.starpointcomm.com/res/default/image/download/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(http://en.starpointcomm.com/res/default/image/download/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;
}
.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(http://en.starpointcomm.com/res/default/image/download/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;
}