@charset "utf-8";







body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button, a, i {







	padding:0;







	margin:0;







	font-size:100%;











}







ul, li, dl, dt, ol, u, dd {







	list-style:none;







	padding:0;







	margin:0







}







address, caption, cite, code, dfn, em, strong, th, var, i, s, a {







	font-style:normal;







	text-decoration:none







}







label input {







vertical-align:middle, outline:none







}







a {







	text-decoration:none;







	color:#666







}







a:hover {







	color:red;







	text-decoration:none







}







a.hidefocus {







	outline:none







}







body {







	font:12px/1.5 "微软雅黑", Arial, Helvetica, sans-serif;







	color:#000;







	background:#fff







}







img {







	border:0;







	vertical-align:middle







}







.clear {







	clear:both;







	line-height:0;







	height:0







}







.clearfix:after {







	display:block;







	visibility:hidden;







	clear:both;







	height:0;







	content:"."







}







*html .clearfix {







	height:1%







}







*+html .clearfix {







	height:1%







}







.orange {







	color:#ee7a29







}







.green {







	color:#0da056







}







.gray {







	color:#999







}







.blue {







	color:#06f







}







.red {







	color:#f66







}







.c1 {







	color:#ffa800







}







@font-face {







font-family:dutch766;







src:url(../vendor/font/dutchbi.ttf)







}







.dutch766 {







	font-family:dutch766







}







.container {







	padding:0







}







.blocks-xxl-4>.block, .blocks-xxl-4>li {







	width:25%







}







.blocks-xxl-5>.block, .blocks-xxl-5>li {







	width:20%







}







.font-szie-16 {







	font-size:16px







}







.flex, .slick-track {







	display:flex







}







.flex-center {







	-webkit-justify-content:center;







	justify-content:center







}







.card {







	margin-bottom:2.143rem;







	border:none;







	-webkit-box-shadow:none;







	box-shadow:none







}







.card>.card-title {







	padding:12px 20px







}







.card-shadow {







	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);







	box-shadow:0 1px 1px rgba(0, 0, 0, .05)







}







.p-r-15 {







	padding-right:15px!important







}







.cover-image {







	width:100%







}







.ads-image {







	width:100%







}







.title-icon {







	width:100px;







	height:4px;







	margin:6px auto;







	background:#000







}







.case_box {







	padding:20px 0 10px







}







.full_coolc_top {







	width:100%;







	height:36px;







	line-height:36px;







	background:#152b59;







	position:relative







}







.full_coolc_top a {







	color:#fff







}







.full_coolc_top a:hover {







	color:red







}







.full_coolc_top .pull-right {







	padding-right:12px;



	float: right!important;







}



.pull-left {



    float: left!important;



}



.col-md-6 {



    width: 50%;



}



.iconfont {



    font-family: iconfont!important;



    font-size: 16px;



    font-style: normal;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



}



.full_coolc_top .pull-right i {







	display:block;







	float:left;







	height:36px;







	line-height:38px;







	margin-right:3px







}







.full_coolc_top .pull-right span {







	display:block;







	float:left;







	height:36px







}







.full_coolc_top .pull-right div, .full_coolc_top .pull-right a {







	display:block;







	float:left







}







.full_coolc_top .pull-right .tel {







	color:#fff;







	padding-right:17px;







	position:relative







}







.full_coolc_top .pull-right .tel:before {







	width:1px;







	height:12px;







	content:"";







	background:#ccc;







	position:absolute;







	top:12px;







	right:0







}







.full_coolc_top .pull-right .tel i {







	font-size:20px;







	line-height:36px;







	margin-right:0







}







.full_coolc_top .pull-right .tel span {







	font-size:16px;







	font-weight:700;







	padding-left:2px







}







.full_coolc_top .pull-right .mobile {







	padding:0 15px;







	color:#fff;







	position:relative;







	cursor:pointer







}







.full_coolc_top .pull-right .mobile .mobile_code {







	width:122px;







	height:144px;







	display:none;







	position:absolute;







	background:#fff;







	border:1px solid #dedede;







	left:-1px;







	top:36px;







	z-index:9999999







}







.full_coolc_top .pull-right .mobile .mobile_code p {







	width:100%;







	height:24px;







	line-height:14px;







	text-align:center;







	color:#999







}







.full_coolc_top .pull-right .mobile:before {







	width:1px;







	height:12px;







	content:"";







	background:#ccc;







	position:absolute;







	top:12px;







	right:0







}







.full_coolc_top .pull-right .mobile:hover {







	background:#fff;







	color:#152b59







}







.full_coolc_top .pull-right .mobile:hover .mobile_code {







	display:block







}







.full_coolc_top .pull-right .mobile:hover .mobile_code:before {







	width:84px;







	height:5px;







	background:#fff;







	content:"";







	position:absolute;







	left:0;







	top:-5px







}







.full_coolc_top .pull-right .mobile:hover:before {







	height:36px;







	top:0;







	right:0;







	background:#dedede;







	z-index:1000







}







.full_coolc_top .pull-right .mobile:hover:after {







	height:36px;







	top:0;







	left:-1px;







	width:1px;







	content:"";







	z-index:999;







	background:#dedede;







	position:absolute







}







.full_coolc_top .pull-right .shoucang {







	padding:0 15px;







	position:relative







}







.full_coolc_top .pull-right .shoucang:before {







	width:1px;







	height:12px;







	content:"";







	background:#ccc;







	position:absolute;







	top:12px;







	right:0







}







.full_coolc_top .pull-right .lixi {







	padding:0 0 0 15px







}







.nav_box_bg {







	width:100%;







	height:100px;







	background:#fff







}







.nav_box_bg .navbar-collapse {







	padding:0







}







.nav_box_bg .container {







	position:relative







}







.nav_box_bg .container .logo {







	width:253px;







	height:100px;







	float:left







}







.nav_box_bg .container .logo a {







	width:253px;







	height:100px;







	display:block;







	background:url(../images/logo.png) no-repeat left center







}







.nav_box_bg .container .nav_soso {







	height:26px;







	position:absolute;







	right:0;







	top:38px;







	overflow:hidden







}







.nav_box_bg .container .nav_soso .form {







	position:relative;







	display:block







}







.nav_box_bg .container .nav_soso .form .input {







	width:58px;







	height:26px;







	font-size:16px;







	text-align:right;







	color:#152b59;







transition:all .25s ease-out







}







.nav_box_bg .container .nav_soso .form .btn_coolc {







	height:26px;







	border:0;







	background:0 0;







	position:absolute;







	top:2px;







	right:40px;







	color:#152b59







}







.nav_box_bg .container .nav_soso .form .btn_coolc i {







	font-size:16px







}







.footer_warp {







	width:100%;







	height:auto;







	display:table;







	background:#152b59;







	padding-top:40px







}







.footer_warp .help_li_box {







	width:100%;







	height:auto;







	display:table;







	padding-bottom:20px







}







.footer_warp .help_li_box ul {







	width:auto;







	float:left;







	height:auto;







	display:table;







	padding-right:60px







}







.footer_warp .help_li_box ul b {







	width:100%;







	height:40px;







	font-size:16px;







	color:#fff;







	display:block







}







.footer_warp .help_li_box ul li {







	width:100%;







	height:28px







}







.footer_warp .help_li_box ul li a {







	width:100%;







	height:28px;







	line-height:28px;







	font-size:14px;







	color:#708093







}







.footer_warp .help_li_box ul li a:hover {







	color:red







}







.footer_warp .help_li_box .code_box {







	width:151px;







	height:auto;







	display:table;







	float:right







}







.footer_warp .help_li_box .code_box p {







	width:80%;







	height:36px;







	line-height:36px;







	color:#708093;







	font-size:14px;







	text-align:center







}







.footer_warp .footer_box {







	width:100%;







	height:62px;







	line-height:62px;







	border-top:1px solid #1d3a5b;







	color:#fff







}







.footer_warp .footer_box .company, .footer_warp .footer_box span, .footer_warp .footer_box .icp {







	display:block;







	float:left;







	color:#fff







}







.footer_warp .footer_box span {







	padding-left:15px







}







.footer_warp .footer_box .icp {







	padding-left:15px







}







.footer_warp .footer_box a {







	color:#fff







}







.footer_warp .footer_box a:hover {







	color:red







}







.bsk_rightBar {







	width:50px;







	position:fixed;







	right:50%;







	bottom:160px;







	margin-right:-680px;







	margin-top:0;







	z-index:999







}







.bsk_rightBar .link_a {







	display:block;







	cursor:pointer;







	width:50px;







	height:50px;







	background:#424242;







	margin:1px 0 0;







	position:relative;







	left:0;







	top:0;







transition:all linear .2s







}







.bsk_rightBar .link_a .img {







	display:block







}







.bsk_rightBar .link_a .lChi {







	visibility:hidden;







	opacity:0;







	filter:alpha(opacity=0);







	height:50px;







	position:absolute;







	right:49px;







	top:0;







	padding:0 20px 0 0;







	overflow:hidden;







transition:all linear .2s







}







.bsk_rightBar .link_a .lChi .ar {







	display:block;







	position:absolute;







	right:10px;







	top:15px







}







.bsk_rightBar .link_a .lChi .txt {







	display:block;







	height:50px;







	line-height:50px;







	font-size:14px;







	color:#fff;







	padding:0 20px;







	white-space:nowrap;







	border-radius:4px;







	background:url(../images/optbg.png) repeat







}







.bsk_rightBar .link_a:hover {







	background:url(../images/hoverrtbarbg.jpg) repeat-y







}







.bsk_rightBar .link_a:hover .lChi {







	visibility:visible;







	opacity:1;







	filter:alpha(opacity=100)







}







.bsk_rightBar .link_a:hover .wxgzh, .bsk_rightBar .link_a:hover .chis {







	display:block







}







.bsk_rightBar .first {







	cursor:default







}







.bsk_rightBar .last {







}







.bsk_rightBar .wxgzh {







	display:none;







	position:absolute;







	top:-11px;







	left:-192px;







	width:188px;







	height:258px;







	background:url(../images/gzhewm.png) no-repeat 0 0







}







.bsk_rightBar .chis {







	display:none;







	padding:0 25px 0 0;







	width:378px;







	position:absolute;







	left:-370px;







	top:-50px







}







.bsk_rightBar .chis .ars {







	display:block;







	width:12px;







	height:22px;







	background:url(../images/arric.png) no-repeat 0 0;







	position:absolute;







	right:14px;







	top:70px;







	z-index:2







}







.bsk_rightBar .cIns {







	border-radius:3px;







	overflow:hidden;







	background:#fff;







	box-shadow:0 0 16px #dcdbdb;







	padding:18px 0







}







.bsk_rightBar .csIn {







	width:326px;







	margin:0 auto;







	position:relative;







	left:0;







	top:0







}







.bsk_rightBar .csIn .tt {







	display:block;







	height:20px;







	line-height:20px;







	font-size:16px;







	color:#333;







	text-align:left;







	font-weight:700;







	clear:both







}







.bsk_rightBar .csIn .rowx {







	width:160px;







	height:48px;







	border-bottom:1px dotted #eee;







	text-align:left;







	font-size:0;







	float:left







}







.bsk_rightBar .csIn .rowx .lt {







	display:block;







	float:left;







	zoom:1;







	line-height:48px;







	font-size:14px;







	color:#666;







	width:66px;







	text-align:left







}







.bsk_rightBar .csIn .rowx .qq_box_s {







	display:block;







	float:left;







	padding-top:13px







}







.bsk_rightBar .csIn .colv {







	width:326px;







	height:auto;







	display:table







}







.bsk_rightBar .csIn .austin {







	margin-top:20px







}







.list_banner {







	width:100%;







	height:149px;







	padding-top:100px;







	margin-bottom:50px







}







.list_banner .coolc_crumbs {







	width:1200px;







	background:#fff;







	margin:0 auto







}







.list_banner .coolc_crumbs .list_title {







	width:100%;







	height:50px;







	border:1px solid #eee;







	padding:0 18px







}







.list_banner .coolc_crumbs .list_title b {







	height:50px;







	line-height:50px;







	font-size:20px;







	padding-right:8px;







	display:block;







	float:left







}







.list_banner .coolc_crumbs .list_title span {







	height:50px;







	line-height:62px;







	font-size:14px;







	font-weight:500;







	overflow:hidden;







	color:#ccc;







	display:block;







	float:left







}







.list_banner .coolc_crumbs .breadcrumb {







	width:100%;







	height:40px;







	line-height:24px;







	padding:8px 0!important







}







.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item {







	font-size:12px







}







.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item .iconfont {







	font-size:12px







}







.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item .icon-shouye:before {







	margin-right:4px







}







.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item a {







	font-size:12px;







	color:#999







}







.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item a:hover {







	color:red







}







.list_banner .coolc_crumbs .breadcrumb>li+li:before {







	color:#ccc







}







.tag_all_box {







	width:1200px;







	height:auto;







	display:table;







	margin:0 auto







}







.tag_all_box ul li {







	width:auto;







	height:32px;







	line-height:32px;







	float:left;







	padding:0 3px 0 0;







	margin-bottom:3px







}







.tag_all_box ul li a {







	height:32px;







	line-height:30px;







	background:#fff;







	border:1px solid #eee;







	display:block;







	padding:0 12px







}







.tag_all_box ul li a:hover {







	background:#4e80e2;







	border:1px solid #4e80e2;







	color:#fff







}







.listgoods {







	width:100%;







	height:auto;







	display:table







}







.listgoods ul li {







	margin-bottom:20px







}







.pic-img {







	position:relative;







	display:inline-block;







	overflow:hidden







}







.pic-img a img {







transition:all .6s







}







.pic-img a:hover img {







	transform:scale(1.2)







}







.pic-img a:before {







	content:"";







	position:absolute;







	top:15px;







	left:15px;







	bottom:15px;







	right:15px;







	z-index:9;







	border-top:1px solid rgba(255, 255, 255, .8);







	border-bottom:1px solid rgba(255, 255, 255, .8);







	transform:scale(0, 1)







}







.pic-img a:after {







	content:"";







	position:absolute;







	top:15px;







	left:15px;







	bottom:15px;







	right:15px;







	z-index:9;







	border-left:1px solid rgba(255, 255, 255, .8);







	border-right:1px solid rgba(255, 255, 255, .8);







	transform:scale(1, 0)







}







.pic-img a:hover:before, .pic-img a:hover:after {







	transform:scale(1);







-webkit-transition:all .3s ease-out 0s;







-moz-transition:all .3s ease-out 0s;







-o-transition:all .3s ease-out 0s;







transition:all .3s ease-out 0s







}







.aimg {







	position:relative;







	display:inline-block







}







.aimg a img, .aimg a p {







	filter:blur(0px);







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}







.aimg a:after {







	position:absolute;







	content:"";







	background:#000;







	opacity:0;







	left:50%;







	right:50%;







	top:50%;







	bottom:50%;







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}







.aimg a:before {







	font-family:iconfont!important;







	content:"\e6d1";







	font-size:30px;







	position:absolute;







	left:50%;







	top:0%;







	margin:-18px 0 0 -10px;







	color:#fff;







	z-index:99;







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}







.aimg a:hover img, .aimg a:hover p {







	filter:blur(3px);







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}







.aimg a:hover:after {







	position:absolute;







	content:"";







	background:#000;







	opacity:.5;







	left:0;







	right:0;







	top:0;







	bottom:0;







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}







.aimg a:hover:before {







	top:50%;







transition:.2s ease-in-out;







-webkit-transition:.2s ease-in-out;







-moz-transition:.2s ease-in-out;







-o-transition:.2s ease-in-out







}