body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {color:#555; font-size:14px;font-family:'microsoft yahei','microsoft yahei ui',simsun,sans-serif;line-height: 28px;min-width: 1310px;}
/*td,th,caption { font-size:14px; }*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
img { border:none; }
ol,ul,li { list-style:none;}
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }

a {
  color: #312b2b;
  text-decoration: none;
  /*-webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;*/
}
a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.fr{float: right;}.fl{float: left;}
.container{width:1310px;margin:0 auto;position:relative}
.clear:after{content: " ";display: block;clear: both;}
.none{display: none;}
/*通用宽度*/
.col-6{width: 50%;} .col-4{width: 33.3333333333%;}
.col-4,.col-6{float: left;box-sizing: border-box;}
.hundred{width: 100% !important;}
/*通用解除样式*/
.bd-top-x{border-top: none !important;}
.bd-bottom-x{border-bottom: none !important;}
.no-border-left:before{border-left: none !important;}
/*通用边框*/
.bd-left{border-left:1px solid #D7D7D7;}
.bd-left-x{border-left: none !important;}
.bd-right{border-right:1px solid #D7D7D7;}
.bd-right-fff{border-right: 1px solid #fff;}
/*通用图片处理*/
.img-gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}

/*通用边距*/
.mb40{margin-bottom: 10px !important;}
.mt40{margin-top: 10px !important;}
.mb20{margin-bottom: 20px !important;}

.mtx{margin-top: initial !important;}

/*首页4导航*/
/*.slider{position: relative; background: url(img/slider-bg.jpg) repeat-x center top; z-index: 30;}
.slider .cont{width: 960px; margin: 0 auto; overflow: hidden;}
.slider .itme{background-repeat: no-repeat;background-position: left top;width: 240px;height: 293px;float: left;}
.slider .itme.hover{background-position: 0 -293px;}
.slider-1{background-image:url(img/slider-01.jpg);}
.slider-2{background-image:url(img/slider-02.jpg);}
.slider-3{background-image:url(img/slider-03.jpg);}
.slider-4{background-image:url(img/slider-04.jpg);}*/

@keyframes navi-two
{
from {opacity: 0;}
to {opacity: 1;}
}








/*尾部*/
.footer{background: #fff;overflow: auto;border-top: 1px solid #E5E5E5;}.footer .info{width: 1310px;margin-top: 40px;overflow: auto;}
.footer .up{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #DEDEDE;background: #f5f5f5;overflow: auto;}
.footer .home,.footer .top-page{display: block;}
.footer dt{font-size: 14px;color: #212121;margin-bottom: 16px;padding-left: 8px;line-height: 1;border-left: 2px solid #ccc;}
.footer dd{margin:0 0 4px 10px;line-height: 2;font-size: 14px;}

.footer .logo{width: 300px;float: left;margin: 22px auto 0;}
.footer-left,.footer-right{padding-top: 28px;float: left;padding-bottom: 8px;}
.footer-left dl,.footer-right dl{/*! float: left; */margin: 0;/*! width: 160px; */}
.footer-right dl{width: 350px;}
.footer-left dd a{color: #666;}

.footer-right{padding-left: 48px;border-left: 1px solid #eaeaea;margin-left: 100px;}
.service-cell{margin-bottom: 8px;}
.service-cell .phone{font-size: 30px;line-height: 1;}
.online-qq{margin-top: 12px;}.daike{margin-top: 8px;margin-bottom: 0;}

.footer-bootom a{color: #999;}
.footer-bootom{height: 35px;line-height: 1;background:#f0f0f0;margin-top: 40px;border-top: 1px solid #e5e5e5;padding-top: 24px;color: #999;}
.footer-bootom .icp{margin-left: 30px;}
.footer-name{margin-left: 25px;}
.firebase{margin-left: 10px;margin-right: 15px;}


/*首页*/
.boxes {margin: 50px auto;border-bottom: 1px solid #e4e7eb;background-color: #fff;width: 1310px;line-height: 1.7;}
.box-2 {float: left;width: 50%;backface-visibility: hidden;}
.border-right {box-sizing: border-box;border-right: 1px solid #e4e7eb;}
.box-4 {float: left;width: 25%;backface-visibility: hidden;}
.box-emphasis {position: relative;z-index: 3;color: #fff;}
.box-emphasis .box-1, .box-emphasis .box-2 {background-color: #0056a8;}
.pos-lt {top: 0;left: 0;}.pos-rt {top: 0;right: 0;}
.box-sp-hidden {overflow: hidden;}
.inbox-full {padding-top: 100%;}
.inbox-full, .inbox-half {position: relative;height: 0;}
.inbox-full > a, .inbox-half > a, .inbox-full > .inner-box, .inbox-half > .inner-box {position: absolute;z-index: 0;top: 0;left: 0;box-sizing: border-box;width: 100%;height: 100%;}
.inner-box {display: table;overflow: hidden;width: 100%;height: 100%;}
.content-box {display: table-cell;overflow: hidden;padding: 32px 32px;vertical-align: middle;}
.box-emphasis .content-box:before {border: 4px solid #fff;}
.content-box:before {content: '';display: block; display: none;position: absolute;top: 5%;left: 5%;box-sizing: border-box;width: 90%;height: 90%;border: 4px solid #0056a8;}
.thumbnail-box-sp {display: none;}
.box-emphasis .topic-box-nonImg > dt {color: #fff;}
.topic-box-nonImg > dt {margin-bottom: 15px;color: #0056a8; }
.topic-box-nonImg > dt {font-size: .9375rem;}
.align-right {text-align: right !important;}
.boxes a .box-1 > img, .boxes a .box-1 > video, .boxes a .box-1 > video > img, .boxes a .box-2 > img, .boxes a .box-2 > video, .boxes a .box-2 > video > img {width: 100%;height: auto;vertical-align: bottom;transition: opacity 400ms linear, transform 400ms linear;backface-visibility: hidden;}
.inbox-half {padding-top: 50%;}


.thumbnail-movie {position: relative;z-index: 1;}
img.thumbnail, .thumbnail-movie {width: 100%;}
.thumbnail, .thumbnail-movie {display: block;}
.thumbnail-box {position: relative;margin-bottom: 20px;text-align: center;}
.thumbnail-movie img {position: relative;z-index: -1;}
.thumbnail-box img {width: 100%;height: auto;}
.thumbnail-movie:after {content: '';display: inline-block;position: absolute;top: 50%;left: 50%;width: 32px;height: 32px;margin-top: -15px;margin-left: -15px;background-position: 0 -486px;transition: transform 150ms linear 0ms;background-image: url(/~/media/images/sprite/common.png);}
.topic-box > dt {color: #0056a8;font-size: .9375rem;}
.topic-box > dd {margin-top: 12px;color: #353539;font-size: .6875rem;}
.pos-r {position: relative !important;height: 100%;}



.boxes a:hover .content-box:before {
    opacity: 1;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    filter: alpha(opacity=100);
}
.content-box:before {
    display: block;
    top: -4px;
    left: -4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    filter: alpha(opacity=0);
}
style.css:3779
.content-box:before {
    content: '';
    display: block;
    display: none;
    position: absolute;
    top: 5%;
    left: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    border: 4px solid #0056a8;
}

.boxes a:hover .box-1 > img, .boxes a:hover .box-1 > video, .boxes a:hover .box-1 > video > img, .boxes a:hover .box-2 > img, .boxes a:hover .box-2 > video, .boxes a:hover .box-2 > video > img {opacity: .4;transform: scale(1.08);filter: alpha(opacity=40);}

.boxes a .box-1 > img, .boxes a .box-1 > video, .boxes a .box-1 > video > img, .boxes a .box-2 > img, .boxes a .box-2 > video, .boxes a .box-2 > video > img {width: 100%;height: auto;vertical-align: bottom;transition: opacity 400ms linear, transform 400ms linear;backface-visibility: hidden;}



/*解决方案底部*/
.categoryLink {padding: 38px 0 33px;border-top: 1px solid #dedede;background: #fff;box-shadow: 0px 1px rgba(222, 222, 222, 0.5) inset;}
.categoryLink .cateTtl {margin-bottom: 31px;color: #494949;text-align: center;font-weight: 500;font-size: 16px;}
#Main .wrap {width: 1310px;margin: 0 auto;}
.categoryLink ul {width: 1050px;margin: 0 auto;}
.categoryLink li:first-child {margin-left: 0;}
.categoryLink li {width: 140px;margin-left: 42px;}
.categoryLink li {float: left;}
.categoryLink a {display: block;}
.categoryLink li .thumb {HEIGHT: 140PX;display: block;background: #fff;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);text-align: center;transition: all 0.3s;}
.categoryLink .ttl {padding-top: 12px;text-align: center;}
.categoryLink .ttl span {display: inline-block;position: relative;}
.categoryLink .ttl span:after {display: inline-block;width: 21px;margin: -2px 0 0 -5px;vertical-align: middle;line-height: 4px;content: '>';transition: all 0.3s;}

/*翻页*/
ul.pagination {display: inline-block;padding: 0;margin: 20px 0;}
ul.pagination li:nth-child(1){line-height: 45px;margin-left: 10px}
ul.pagination li {display: inline;}
ul.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
ul.pagination li a.active {background-color: #0161bd;color: white;border: 1px solid #0161bd;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}





.newsc {
	width: 1000px;
	height: 250px;
	margin: 0 auto;
	padding-top: 50px;
}
.newsc ul li {
	width: 420px;
	height: 96px;
	float: left;
	margin: 0 20px 20px 50px;
	text-align: left;
}
.newsc ul li img {
	float: left;
}
.newsc ul li span {
	width: 100%;
	height: 38px;
	float: right;
	line-height: 38px;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	margin-top: 3px
}
.newsc ul li a {
	color: #fff;
}
.newsc ul li p {
	width: 100%;
	height: 48px;
	float: right;
	line-height: 24px;
	overflow: hidden;
	color: #ececed
}