html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 320px;background-color: #fff;color: #3B3A3A;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
.banner-web img{display: block;	width: 100%;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover {color: #1148a8;}
ul {list-style: none;padding: 0;margin: 0;}

.container {width: 1170px;margin: 0 auto;padding: 0 15px;}

.header {height: 80px;line-height: 80px;position: fixed;width: 100%;top: 0;z-index: 11;-webkit-transition: 0.4s all;-o-transition: 0.4s all;-moz-transition: 0.4s all;transition: 0.4s all;left: 0;}
.header .logo {float: left;margin-left: 20px;}
.header .menu {margin: 0 250px;}
.header-fix {background: #00000047;}

.menu-li {font-size: 0;text-align: center;}
.menu-li li {display: inline-block;margin: 0 5px;}
.menu-li li a {display: block;color: #fff;border-top: 2px solid transparent;opacity: 0.7;filter: alpha(opacity=70);padding: 0 25px;font-size: 14px;line-height: 78px;}
.menu-li li a:hover,.menu-li li.active a {opacity: 1;filter: alpha(opacity=100);border-top-color: #fff;}
.menu-btn {position: fixed;right: 20px;top: 18px;width: 32px;text-align: center;cursor: pointer;z-index: 100;display: none;-o-transition: 0.4s all;-moz-transition: 0.4s all;transition: 0.4s all;-webkit-transition: 0.4s all;}
.menu-btn span {display: block;width: 100%;height: 3px;background: #fff;margin-bottom: 8px;-o-transition: 0.3s all;-moz-transition: 0.3s all;transition: 0.3s all;-webkit-transition: 0.3s all;}
.menu-mask {width: 100%;height: 0;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;transition: 0.3s all;background-color: #000;display: none;
    opacity: 0.7;
    filter: alpha(opacity=70);}
.menu.open .menu-btn {right: 220px;}
.menu.open .menu-btn .s1,.menu.open .menu-btn .s3 {-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;}
.menu.open .menu-btn .s1 {-webkit-transform: rotate(-43deg);-moz-transform: rotate(-43deg);-ms-transform: rotate(-43deg);-o-transform: rotate(-43deg);transform: rotate(-43deg);}
.menu.open .menu-btn .s2 {-webkit-transform: translateX(80px);-moz-transform: translateX(80px);-ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);opacity: 0;}
.menu.open .menu-btn .s3 {-webkit-transform: rotate(43deg);-moz-transform: rotate(43deg);-ms-transform: rotate(43deg);-o-transform: rotate(43deg);transform: rotate(43deg);}
.menu.open .menu-mask {height: 100%;}

.owl-banner {background: url(../images/banner_bg.jpg) no-repeat center center;background-size: 100%;  color: #fff;}
.owl-banner .item {text-align: center;}
.owl-banner .container {display: table;height: 900px;}
.owl-banner .title {font-size: 60px;}
.owl-banner .desc {font-size: 20px;margin-top: 10px;}
.owl-banner .btn {display: inline-block;margin: 30px 10px 0;padding: 5px 30px;border: solid 1px #fff;color: #fff;}
.owl-pagination {position: absolute;left: 0;width: 100%;bottom: 50px;}

.side {position: fixed;top: 0;right: 0;width: 40px;height: 100%;z-index: 18;background: #00000047;-webkit-box-shadow: -2px 0 10px rgba(0,0,0,0.1);-moz-box-shadow: -2px 0 10px rgba(0,0,0,0.1);box-shadow: -2px 0 10px rgba(0,0,0,0.1);}
.side ul {margin-top: 100px;}
.side li {margin-top: 30px;text-align: center;}
.side li a {display: block;color: #fff;}
.side li i {display: block;font-size: 25px;}

#close {cursor: pointer;position: fixed;bottom: 18px;right: 0;width: 40px;height: 40px;z-index: 100;background: url(../images/right-menu-icons.png) no-repeat -776px -15%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
#close:hover {background-position: -776px -93px;background-color: #fff;}
#show {cursor: pointer;position: fixed;bottom: 18px;right: -40px;width: 40px;height: 40px;z-index: 100;background: url(../images/icon-list.jpg) no-repeat 0 -762px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
#toTop {position: fixed;padding-top: 10px;bottom: -100px;right: 0;z-index: 1000;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #555555;background: url(../images/right-menu-icons.png) no-repeat 57% -12%;color: #fff;cursor: pointer;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
#toTop:hover {color: #2792F0;background-color: #fff;background-position: 57% 120%;}

.tool-contact {position: fixed;top: 330px;right: 0;z-index: 19;}
.tool-contact li {position: relative;margin-top: 10px;}
.tool-contact .wrap {width: 40px;background: #00000047;font-size: 12px;color: #fff;text-align: center;padding: 6px 0;cursor: pointer;}
.tool-contact i.fa {font-size: 20px;display: block;}
.tool-contact .tips {position: absolute;width: 210px;padding: 10px;min-height: 38px;background-color: #ffffff;right: 40px;top: 0;border: 1px solid #dedede;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;display: none;}
.tool-contact .tips:before {content: "";display: block;width: 9px;height: 9px;background-color: #fff;position: absolute;right: -6px;top: 23px;border-top: 1px solid #dedede;border-right: 1px solid #dedede;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.tool-contact li.active .tips {display: block;}

.consulting {width: 250px;height: 100%;background: #fff;overflow: hidden;z-index: 15;position: fixed;top: 0;right: -250px;-webkit-box-shadow: -2px 0 10px rgba(0,0,0,.1);-moz-box-shadow: -2px 0 10px rgba(0,0,0,.1);box-shadow: -2px 0 10px rgba(0,0,0,.1);-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;transition: 0.8s all;}
.consulting .title {background: url(../images/002.png) center top no-repeat;text-align: center;padding:  30px 0 10px;color: #fff;font-size: 16px;}
.consulting .title small {display: block;}
.consulting .type {padding: 20px 0 20px 30px;border-bottom: solid 1px #399BEC;}
.consulting .type .hd {font-size: 16px;}
.consulting .type ul {margin: 15px 0 10px -30px;}
.consulting .type li a {display: block;padding-left: 60px;line-height: 30px;background: url(../images/062.png) no-repeat 30px center;}
.consulting .type li a:hover {background-color: #4599ed;color: #fff;background-image: url(../images/063.png);}
.consulting .type .time {color: #818181;font-size: 12px;}
.consulting .problem {padding: 20px 0 20px 30px;}
.consulting .problem .hd {font-size: 16px;}
.consulting .problem ul {margin-top: 10px;}
.consulting .problem li {margin-bottom: 8px;}
.consulting .problem li a {color: #818181;font-size: 12px;}
.consulting .problem li a:hover {color: #3c9af2;}
.consulting .problem li span {display: inline-block;width: 3px;height: 3px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #3c9af2;margin: 3px 10px 3px 0;}
.consulting .close {position: absolute;top: 8px;right: 8px;background: url(../images/close.png) no-repeat center center;width: 20px;height: 20px;}

.section {padding: 100px 0;}
.section-title {margin-bottom: 50px;text-align: center;}
.section-title h4 {font-size: 35px;margin: 0;font-weight: normal;}
.section-title small {display: block;color: #818181;font-size: 14px;}

.col {float: left;}
.col-lg-1 {width: 8.33333333%;}
.col-lg-2 {width: 16.66666667%;}
.col-lg-3 {width: 25%;}
.col-lg-4 {width: 33.33333333%;}
.col-lg-5 {width: 41.66666667%;}
.col-lg-6 {width: 50%;}
.col-lg-7 {width: 58.33333333%;}
.col-lg-8 {width: 66.66666667%;}
.col-lg-9 {width: 75%;}
.col-lg-10 {width: 83.33333333%;}
.col-lg-11 {width: 91.66666667%;}
.col-lg-12 {width: 100%;}

.in-prd-item {text-align: center;padding: 20px 0;background: no-repeat center center;color: #fff;margin: 0 5px 10px;-moz-background-size: cover;background-size: cover;position: relative;overflow: hidden;}
.in-prd-item.i1 {background-image: url(../images/002.png);}
.in-prd-item.i2 {background-image: url(../images/003.png);}
.in-prd-item.i3 {background-image: url(../images/004.png);}
.in-prd-item.i4 {background-image: url(../images/005.png);}
.in-prd-item.i5 {background-image: url(../images/006.png);}
.in-prd-item.i6 {background-image: url(../images/007.png);}
.in-prd-item img {display: block;margin: 0 auto;}
.in-prd-item .text {margin-top: 10px;}
.in-prd-item .text h4 {margin: 0;font-size: 16px;font-weight: normal;}
.in-prd-item .text p {margin: 0;font-size: 12px;}
.in-prd-item:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.4);content: '';-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;-o-transition: -o-transform 0.5s;-moz-transition: transform 0.5s, -moz-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;-webkit-transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-140%,0);-moz-transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-140%,0);transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-140%,0);}
.in-prd-item:hover:before {-webkit-transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,140%,0);-moz-transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,140%,0);transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,140%,0);}

.advantage {background: url(../images/01411.jpg) repeat-x center top #fff;color: #fff;}
.advantage .section-title {color: #fff;}
.advantage .section-title small {color: #fff;}
.advantage .row {margin-left: -100px;}
.advantage-item {margin: 0 0 60px 100px;overflow: hidden;}
.advantage-item dt {float: left;width: 66px;}
.advantage-item dt img {display: block;width: 100%;height: auto;}
.advantage-item dd {margin-left: 96px;}
.advantage-item dd h4 {margin: 0;font-size: 18px;}
.advantage-item dd p {margin: 0;}

.response_shows {margin-top: 50px;}
.response_shows .response_shows_box{padding:0 0 100px;position:relative;display:inline-block;width:100%;}
.response_shows .response_shows_box img{width:100%;}
.response_shows .response_shows_width{position:relative;}
.response_shows .response_shows_box .pic{overflow:hidden;position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
.response_shows .response_shows_box .pc{position:relative;margin-top:-2%;max-width:75%;width:100%;}
.response_shows .response_shows_box .pc .pic{top:2.5%;bottom:20%;left:2.22%;right:1.5%;}
.response_shows .response_shows_box .pad{position:absolute;bottom:2%;right:0px;max-width:40%;width:100%;}
.response_shows .response_shows_box .pad .pic{top:3%;bottom:6%;left:2%;right:1.6%;overflow:hidden;}
.response_shows .response_shows_box .phone{position:absolute;bottom:0;right:38%;max-width:15%;width:100%;}
.response_shows .response_shows_box .phone .pic{top:8%;bottom:10.5%;left:5%;right:5%;}
.response_shows .response_shows_box .item{width:100%;height:101%;position:relative;float:left;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out;}
.response_shows .response_shows_box .thumb{width:120px;position:absolute;left:50%;margin-left:-60px;bottom:-15%;}
.response_shows .response_shows_box .thumb span{width:25px;height:25px;position:relative;float:left;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;margin:0 0 0 10px;}
.response_shows .response_shows_box .thumb span:before{content:'';width:12px;height:12px;position:absolute;top:5px;left:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:solid 1px #2D9EDD;background:#fff;z-index:1;-o-transition:0.5s all;-moz-transition:0.5s all;transition:0.5s all;-webkit-transition:0.5s all;}
.response_shows .response_shows_box .thumb span:hover::before,.response_shows .response_shows_box .thumb span.active:before{background:#2D9EDD;}

.marketing {background: url(../images/0181.jpg) center top repeat #ffffff00;}
.marketing .section-title {color: #fff;}
.marketing .section-title small {color: #fff;}

.marketing-item {position: relative;margin: 0 7px 14px;overflow: hidden;}
.marketing-item .bg {display: block;width: 100%;height: auto;}
.marketing-item .brief {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.marketing-item .wrap {display: table;width: 100%;height: 100%;}
.marketing-item .inner {display: table-cell;vertical-align: middle;padding: 0 40px;}
.marketing-item .title {font-size: 16px;color: #606060;margin-bottom: 10px;}
.marketing-item .title img {margin-left: 10px;}
.marketing-item p {margin: 0;font-size: 12px;color: #a5a5a5;}

.partnerst {text-align: center;}
.partnerst a {display: inline-block;margin: 20px 10px;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;transition: 0.3s all;}
.partnerst a:hover {-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);}

.join_in {background: url(../images/033.jpg) center top repeat #10141f;-moz-background-size: cover;background-size: cover;}
.join_in .section-title {color: #fff;}
.join_in .section-title small {color: #fff;font-size: 18px;margin-top: 10px;}
.join_in .btn {display: block;margin: 0 auto;width: 178px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 38px;border: solid 1px #3B9FF2;background: #3B9FF2;color: #fff;text-align: center;}
.join_in .btn:hover {background-color: transparent;color: #3B9FF2;}

.news-item {margin-left: 60px;}
.news-item .title {margin: 25px 0;font-size: 16px;}
.news-item li {line-height: 24px;margin-bottom: 10px;height: 24px;overflow: hidden;}
.news-item li i {margin-right: 10px;}
.news-item li span {float: right;font-size: 12px;color: #999;}

.footer {background: url(../images/0371.jpg) center top repeat;color: #fff;-moz-background-size: cover;background-size: cover;}
.footer-t {padding: 20px 0;}
.footer-list .title {color: #D9D9DA;font-size: 16px;margin-bottom: 15px;}
.footer-list li {margin-bottom: 10px;}
.footer-list li a {color: #8A8A8A;}
.footer-list li a:hover {color: #fff;}
.footer-link {background-color: #121212;padding: 20px 0;}
.footer-link .title {margin-bottom: 15px;font-size: 16px;color: #D9D9DA;}
.footer-link li {display: inline-block;margin-right: 10px;}
.footer-link li a {color: #8A8A8A;}
.footer-link li a:hover {color: #fff;}
.footer-b {text-align: center;padding: 10px 0;background-color: #010101;color: #8a8a8a;font-size: 12px;}
.footer-b a {color: #8A8A8A;}
.footer-b p {margin: 0;padding: 5px 0;}

.banner {background: no-repeat center 0;}
.banner .section-title {margin: 30px 0 0;color: #fff;}
.banner .btn {margin-top: 20px;text-align: center;}
.banner .btn a {display: inline-block;color: #fff;margin: 10px 5px 0;background: transparent;border: solid 1px #fff;padding: 6px 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;}
.banner .btn a:hover {background-color: #fff;color: #3B9FF2;}

.know-more {text-align: center;padding-top: 30px;}
.know-more p {font-size: 16px;}
.know-more .btn {display: inline-block;color: #fff;margin: 0 15px;background: #3B9FF2;border: solid 1px #3B9FF2;padding: 6px 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;}
.know-more .btn:hover {background-color: transparent;color: #3B9FF2;}

.process {background: #3BA1F2;}
.process .section-title {color: #fff;}
.process .section-title small {color: #fff;}

.process-box {padding-top: 1px;}
.process-box .line {height: 15px;background-color: #fff;margin: 60px 60px 0;}
.process-box .content {margin: -55px 0 0 -60px;}
.process-box .item {margin-left: 60px;}
.process-box .item-num {width: 90px;height: 90px;text-align: center;line-height: 90px;margin: 0 auto;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #fff;color: #3ba1f2;font-size: 48px;overflow: hidden;position: relative;z-index: 1;}
.process-box .item-num:before {background-color: #54a5eb;content: "";width: 70px;height: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -35px 0 0 -35px;z-index: -1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.4s all;-o-transition: 0.4s all;-moz-transition: 0.4s all;transition: 0.4s all;
    opacity: 0;
    filter: alpha(opacity=0);}
.process-box .item:hover .item-num {color: #fff;}
.process-box .item:hover .item-num:before {
    opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
    filter: alpha(opacity=100);}
.process-box .item-middle {width: 15px;height: 15px;background: #fff;margin: -1px auto 0 auto;}
.process-box .item-content {padding: 30px 0;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;}
.process-box .item-content h4 {margin: 0 0 10px;font-size: 16px;}
.process-box .item-content p {margin: 0;}

.kzf-item {display: block;background-color: rgba(180,180,180,.2);margin: 0 10px 20px;padding: 20px 10px;color: #fff !important;text-align: center;}
.kzf-item img {display: block;margin: 0 auto;}
.kzf-item p {margin: 10px 0 0;height: 40px;}

.fangan-item {text-align: center;margin-bottom: 20px;}
.fangan-item img {display: block;margin: 0 auto;max-width: 100%;height: auto;}
.fangan-item h4 {font-size: 18px;margin: 25px 0 10px 0;font-weight: normal;}
.fangan-item p {margin: 0;color: #818181;line-height: 2;}

.kzf-code-item {color: #fff;text-align: center;padding: 0 10px;}
.kzf-code-item img {display: block;margin: 0 auto;height: 110px;width: auto;}
.kzf-code-item h4 {margin: 20px 0;font-size: 16px;height: 44px;}

.kzf-code-btn {display: inline-block;color: #fff;margin: 0 15px;background: #3B9FF2;border: solid 1px #3B9FF2;padding: 6px 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;}
.kzf-code-btn:hover {background-color: transparent;color: #3B9FF2;}

.dzlc {font-size: 0;text-align: center;}
.dzlc li {display: inline-block;width: 14.25%;color: #fff;margin-bottom: 20px;}
.dzlc li img {display: block;height: 110px;width: auto;margin: 0 auto;}
.dzlc li h4 {font-size: 18px;margin: 25px 0 10px 0;font-weight: normal;}
.dzlc li p {margin: 0;font-size: 14px;color: #818181;padding: 0 10px;}

.anli-item {display: block;margin: 0 15px 30px;text-align: center;}
.anli-item img {display: block;width: 100%;height: auto;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.anli-item p {margin: 0;}
.anli-item:hover img {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}

.anli-list li {border-bottom: 1px solid #F7F7F7;padding-bottom: 50px;overflow: hidden;margin-bottom: 50px;}
.anli-list li img {display: block;width: 80%;height: auto;}
.anli-list li h4 {margin: 0 0 15px;font-size: 16px;font-weight: normal;}
.anli-list li p {color: #8a8a8a;margin: 0 0 15px;}
.anli-list li .btn {display: inline-block;color: #fff;background: #3B9FF2;border: solid 1px #3B9FF2;padding: 6px 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;}

.pages {text-align: center;font-size: 14px;}
.pages a {display: inline-block;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pages a:hover {background-color: #3b9ef3;color: #fff;border-color: #3b9ef3;}

.news-list {margin-bottom: 30px;}
.news-list li {margin-bottom: 10px;}
.news-list li a {display: block;overflow: hidden;position: relative;}
.news-list li a:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background: #3DA6F7;z-index: -1;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.news-list li .date {float: left;width: 148px;text-align: center;color: #ccc;border-right: 1px solid #eee;padding: 6px 0;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.news-list li .date b {display: block;font-size: 36px;}
.news-list li .content {padding: 12px 0 12px 40px;margin-left: 148px;}
.news-list li h4 {margin: 0 0 12px;font-size: 16px;line-height: 24px;height: 24px;overflow: hidden;font-weight: normal;}
.news-list li p {line-height: 24px;overflow: hidden;height: 24px;margin: 0;color: #b2b2b2;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.news-list li a:hover:after {width: 100%;}
.news-list li a:hover .date,.news-list li a:hover,.news-list li a:hover p {color: #fff;}

.contact-top {border: 1px solid #ddd;overflow: hidden;}
.contact-top .pic {width: 50%;overflow: hidden;float: left;}
.contact-top .info {margin-left: 50%;padding: 30px;}
.contact-top .info .ewm {float: right;width: 200px;text-align: center;}
.contact-top .info .ewm img {display: block;max-width: 100%;height: auto;margin: 0 auto;}
.contact-top .info .text {text-align: center;margin-right: 230px;}
.contact-top .info .text h4 {margin: 0;font-size: 18px;font-weight: normal;line-height: 35px;}
.contact-top .info .text p {color: #969696;line-height: 24px;margin: 0;}

.detail-content {line-height: 1.8;}
.detail-content img {max-width: 100%;height: auto; display: block;margin: 0 auto;}

@media screen and (max-width: 1199px) {
    .container {width: auto;}

    .menu-li li a {padding: 0 12px;}

    .owl-banner .title {font-size: 50px;}
    .owl-banner .container {height: 700px;}

    .col-md-1 {width: 8.33333333%;}
    .col-md-2 {width: 16.66666667%;}
    .col-md-3 {width: 25%;}
    .col-md-4 {width: 33.33333333%;}
    .col-md-5 {width: 41.66666667%;}
    .col-md-6 {width: 50%;}
    .col-md-7 {width: 58.33333333%;}
    .col-md-8 {width: 66.66666667%;}
    .col-md-9 {width: 75%;}
    .col-md-10 {width: 83.33333333%;}
    .col-md-11 {width: 91.66666667%;}
    .col-md-12 {width: 100%;}
}
@media screen and (max-width: 1030px) {

    .header {height: 60px;line-height: 60px; background: #000;}
    .header .logo img {height: 40px;width: auto; height: 28px;}

    .menu-li {position: fixed;height: 100%;background-color: rgba(49,152,242,.8);_background-color: #3d97ed;overflow: auto;width: 200px;top: 0;right: -200px;-webkit-transition: 0.4s all;-o-transition: 0.4s all;-moz-transition: 0.4s all;transition: 0.4s all;}
    .menu-li li {display: block;margin: 0;}
    .menu-li li a {border: 0;border-bottom: solid 1px #429ae9;line-height: 45px;}
    .menu-btn {display: block;}
    .menu-mask {display: block;}
    .menu.open .menu-li {right: 0;}

    .side,.consulting {display: none;}
    #toTop {background-color: #ccc;}
    #close,#show {display: none;}

    .owl-banner .title {font-size: 40px;}

    .col-sm-1 {width: 8.33333333%;}
    .col-sm-2 {width: 16.66666667%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-5 {width: 41.66666667%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33333333%;}
    .col-sm-8 {width: 66.66666667%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33333333%;}
    .col-sm-11 {width: 91.66666667%;}
    .col-sm-12 {width: 100%;}

    .section {padding: 60px 0;}
    .section-title {margin-bottom: 40px;}
    .section-title h4 {font-size: 30px;}

    .marketing-item .inner {padding: 0 10px;}

    .process-box .line {display: none;}
    .process-box .content {margin-top: 0;}
    .process-box .item {margin-top: 30px;}

    .dzlc li {width: 25%;}

    .contact-top {border: 0;}
    .contact-top .pic {float: none;width: auto;text-align: center;}
    .contact-top .pic img  {max-width: 100%;height: auto;}
    .contact-top .info,.contact-top .info .text {margin: 0;}
    .contact-top .info .ewm {float: none;width: auto;margin-bottom: 20px;}
    .contact-top .info {padding: 20px 0 0;}
}


@media screen and (max-width: 890px){
    .owl-banner .container {
        height: 570px;
    }
}

@media screen and (max-width: 767px) {
    .owl-banner .container {height: 500px;}
    .owl-banner .title {font-size: 30px;}
    .owl-banner .desc {font-size: 14px;}

    .tool-contact {display: none;}

    .col-xs-1 {width: 8.33333333%;}
    .col-xs-2 {width: 16.66666667%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33333333%;}
    .col-xs-5 {width: 41.66666667%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33333333%;}
    .col-xs-8 {width: 66.66666667%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33333333%;}
    .col-xs-11 {width: 91.66666667%;}
    .col-xs-12 {width: 100%;}

    .section {padding: 40px 0;}
    .section-title {margin-bottom: 30px;}
    .section-title h4 {font-size: 25px;}

    .advantage-item {margin-bottom: 30px;}

    .response_shows .response_shows_box {padding: 0 0 50px;}
    .response_shows .response_shows_box .thumb {bottom: -50px;}

    .partnerst a {margin: 10px;}
    .partnerst a img {width: 120px;height: auto;}

    .marketing-item .ab {width: 99%;}

    .join_in .section-title small {font-size: 14px;}

    .news-item {margin-bottom: 30px;}

    .footer-list-m {border-bottom: 1px solid #2e2c2c;padding-bottom: 10px;margin-bottom: 20px;text-align: center;}
    .footer-list-m li {display: inline-block;margin: 0 10px 10px;}

    .process-box .content {margin-left: -30px;}
    .process-box .item {margin-left: 30px;}

    .dzlc li {width: 33.333333%;}

    .anli-list li {padding-bottom: 30px;margin-bottom: 30px;}
    .anli-list li .info {text-align: center;}

    .pages a {font-size: 12px;padding: 4px 10px;}

    .news-list li .date {width: 50px;}
    .news-list li .date b {font-size: 14px;}
    .news-list li .content {margin-left: 50px;padding: 2px 0 2px 10px;}
    .news-list li h4 {margin: 0;}
}

.n_case { position: relative; width: 100%; margin-bottom: 40px;}
.n_case a {display: block; position: relative;}
.n_case a .list_eye { display: none;width: 100%; height: 100%; background: #444; filter: alpha(opacity=50);opacity: .5;position: absolute;left: 0;top: 0;}
.n_case a .list_eye span {display: block;width: 100%; height: 100%;z-index: 1; content: ""; background: url(../images/eye.png) no-repeat center;}
.n_case a img {width: 100%;}
.n_case .list_m {position: absolute;right: 0px;top: 55px;z-index: 8;}
.n_case .list_m .list_eye {  -moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.owl-item .n_case{width: auto;}
.owl-item .n_case .list_m{top:120px;}

.pages .pagination p {
    padding: 1px 12px;
}


@media screen and (max-width: 630px){
    .owl-banner .container {
        height: 410px;
    }
}
@media screen and (max-width: 490px){
    .owl-banner .container {
        height: 350px;
    }
    .owl-pagination {
        bottom: 20px;
    }
}
@media screen and (max-width: 460px){
    .owl-banner .container {
        height: 300px;
        padding: 28px 0;
    }
    .owl-pagination {
        bottom: 50px;
    }
}
.list-img {
    width: 1200px;
    margin: auto;
}
.list-img ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-img ul li {
    width: 390px;
    box-shadow: 0 8px 24px rgba(163, 177, 191, .35);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 15px;
    transition: 0.5s all;
}
a {
    color: inherit;
    text-decoration: none;
}
.list-img ul li p.t1 {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.list-img ul li p.t1 img {
    display: block;
    width: 100%;
}
.list-img ul li p.t2 {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
}

.banner-web .text {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 80%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-web .text p.t1 {
    color: white;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: 5px;
}
.banner-web .text p.t2 {
    font-size: 40px;
    font-weight: 400;
    color: white;
    font-family: "microsoft yahei";
    letter-spacing: 5px;
    padding: 8px 0px 100px;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.banner-web .text p.t3 a {
    width: 400px;
    margin: auto;
    margin-top: -50px;
    height: 40px;
    padding: 0px 40px;
    font-size: 23px;
    border: 1px solid rgb(255, 255, 255);
    color: white;
    letter-spacing: 15px;
    background: transparent;
    display: block;
    font-style: normal;
    font-family: inherit;
    cursor: pointer;
    transition: all .3s ease-out;
    border-radius: 50px;
    text-align: center;
    line-height: 39px;
}
.web-1200-h {
    width: 100%;
    background-color: #f7f8fb;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.web-fuwu {
    width: 1200px;
    margin: -100px auto 65px;
    padding: 30px 0px;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px #333333;
    position: relative;
    z-index: 9;
    border-radius: 5px;
}
.web-fuwu p.t1 {
    font-size: 36px;
    color: black;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 12px;
}
.web-fuwu p.t2 {
    font-size: 15px;
    color: #545454;
    text-align: center;
    margin-bottom: 45px;
}
.web-fuwu p.t3 {
    font-size: 15px;
    width: 80%;
    margin: auto;
    display: block;
    line-height: 2;
    text-align: center;
}
.wanci-duibi {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.wanci-duibi .list {
    width: 280px;
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 10px;
    position: relative;
}
.wanci-duibi .list:first-child p.t1 {
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
}
.wanci-duibi .list p.t2 {
    color: #666;
    line-height: 2.4;
    font-size: 15px;
    padding: 15px 0px 15px 65px;
}
.wanci-duibi .list {
    width: 280px;
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 10px;
    position: relative;
}
.wanci-duibi .list p.t1 {
    background: linear-gradient(to right, #90a3c1, #aabad3);
    width: 100%;
    display: block;
    padding: 20px 0px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    color: white;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.wanci-duibi .list p.t2 {
    color: #666;
    line-height: 2.4;
    font-size: 15px;
    padding: 15px 0px 15px 65px;
}
.wanci-duibi .list .pk {
    width: 85px;
    height: 85px;
    background-image: url(../images/pk.png);
    position: absolute;
    right: 255px;
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 100%;
    top: 145px;
}
.wanci-duibi .list {
    width: 280px;
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 10px;
    position: relative;
}
.wanci-duibi .list p.t1 {
    background: linear-gradient(to right, #90a3c1, #aabad3);
    width: 100%;
    display: block;
    padding: 20px 0px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    color: white;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.wanci-duibi .list p.t2 {
    color: #666;
    line-height: 2.4;
    font-size: 15px;
    padding: 15px 0px 15px 65px;
}
.wanci-duibi .list {
    width: 280px;
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 10px;
    position: relative;
}
.wanci-duibi .list p.t1 {
    background: linear-gradient(to right, #90a3c1, #aabad3);
    width: 100%;
    display: block;
    padding: 20px 0px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    color: white;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.wanci-duibi .list p.t2 {
    color: #666;
    line-height: 2.4;
    font-size: 15px;
    padding: 15px 0px 15px 65px;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.web-titles p.t1 {
    font-size: 36px;
    color: black;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 12px;
}
.web-titles p.t2 {
    font-size: 15px;
    color: #545454;
    text-align: center;
    margin-bottom: 45px;
}
.index-main02 {
    width: 100%;
    padding: 15px 0px 40px;
    background-color: #fafafa;
}
.index-main02 ul {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index-main02 ul li {
    width: 24%;
    margin-bottom: 25px;
    background-color: white;
    box-shadow: 0 8px 24px rgba(163, 177, 191, .35);
    transition: 0.5s all;
}
a {
    color: inherit;
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.index-news-mores a {
    display: block;
    width: 140px;
    margin: 35px auto 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
    background-color: #339eff;
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
    transition: 0.5s all;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.web-titles p.t1 {
    font-size: 36px;
    color: black;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 12px;
}
.web-titles p.t2 {
    font-size: 15px;
    color: #545454;
    text-align: center;
    margin-bottom: 45px;
}
.wanci-hezuo {
    width: 1200px;
    margin: 10px auto 60px;
    display: flex;
    justify-content: space-between;
}
.wanci-hezuo .list {
    width: 280px;
    box-sizing: border-box;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #CCCCCC;
}
.wanci-hezuo .list p.t1 {
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
    width: 100%;
    display: block;
    padding: 10px 0px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    color: white;
}
.wanci-hezuo .list p.t2 {
    text-align: center;
    padding: 15px 0px;
    font-size: 15px;
    color: #555469;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.web-taocan .list p.t3 a {
    display: block;
    width: 140px;
    margin: 5px auto 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
    background-color: #339eff;
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
    transition: 0.5s all;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.web-titles p.t1 {
    font-size: 36px;
    color: black;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 12px;
}
.web-titles p.t2 {
    font-size: 15px;
    color: #545454;
    text-align: center;
    margin-bottom: 45px;
}
.index-main04 {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.web-news-bg .one {
    border-radius: 5px;
}
a {
    color: inherit;
    text-decoration: none;
}
.index-main04 .one p.t1 {
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.index-main04 .one p.t1 img {
    display: block;
    width: 100%;
}
.index-main04 .one p.t2 {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 10px;
}
.index-main04 .one p.t3 {
    color: #666666;
    font-size: 14px;
    padding: 0px 10px;
    margin-bottom: 12px;
}
.index-main04 .one p.t4 {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
    padding: 0px 10px;
}
.web-news-bg .two {
    background-color: white;
    padding: 20px;
    width: 385px;
    border-radius: 5px;
    box-sizing: border-box;
}
.index-main04 .two h4 {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #5963de;
    padding-left: 15px;
    margin-bottom: 15px;
}
.index-main04 .two h4 a {
    float: right;
    font-weight: normal;
    font-size: 14px;
    background-color: #5963de;
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    color: white;
    border-radius: 3px;
    margin-top: -3px;
    transition: 0.5s all;
}
.index-main04 .two p {
    position: relative;
    padding-left: 12px;
}
.index-main04 .two p a {
    font-size: 14px;
    color: #555555;
    line-height: 2;
}
.index-main04 .two p font {
    font-size: 14px;
    color: #555555;
    line-height: 2;
    float: right;
}


.index-main04 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.index-main04 .one {width: 300px;background-color: white;box-shadow: 0px 0px 20px #555469;padding-bottom: 60px;margin-right: 10px;margin-bottom: 70px}

.index-main04 .one p.t1 {
	width: 100%;
	height: 120px;
	overflow: hidden;
}

.index-main04 .one p.t1 img {
	display: block;
	width: 100%;
}

.index-main04 .one p.t2 {
	font-size: 16px;
	font-weight: bold;
	padding: 12px 10px;
}

.index-main04 .one p.t3 {
	color: #666666;
	font-size: 14px;
	padding: 0px 10px;
	margin-bottom: 12px;
}

.index-main04 .one p.t4 {
	font-size: 14px;
	color: #666666;
	line-height: 1.8;
	padding: 0px 10px;
}

.index-main04 .two {
	width: 370px;
}

.index-main04 .two h4 {
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #5963de;
	padding-left: 15px;
	margin-bottom: 15px;
}

.index-main04 .two h4 a {
	float: right;
	font-weight: normal;
	font-size: 14px;
	background-color: #5963de;
	padding: 0px 20px;
	height: 30px;
	line-height: 30px;
	color: white;
	border-radius: 3px;
	margin-top: -3px;
	transition: 0.5s all;
}

.index-main04 .two h4 a:hover {
	opacity: .6;
	transition: 0.5s all;
}

.index-main04 .two p {
	position: relative;
	padding-left: 12px;
}

.index-main04 .two p:after {content: "";height: 5px;width: 5px;	background-color: #5963de;display: block;border-radius: 100%;position: absolute;top: 14px;left: 0;}

.index-main04 .two p a {font-size: 14px;color: #555555;	line-height: 35px;}
.index-main04 .two p font {
	font-size: 14px;
	color: #555555;
	line-height: 2;
	float: right;
}

.index-main04 .two p:hover a {
	color: #5963de;
}

.index-main04 .two p:hover font {
	color: #5963de;
}

.index-links {
	width: 100%;
	background-color: #fafafa;
	padding: 35px 0px;
	margin-top: 40px;
}

.index-links .links {
	width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.index-links .links p {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
}

.index-links .links i {
	color: #5963de;
	font-size: 28px;
	margin-top: -2px;
	font-weight: bold;
	margin-right: 8px;
}

.index-links .links a {
	font-size: 14px;
	margin-right: 12px;
	color: #555555;
	line-height: 28px;
}

.index-links .links a:hover {
	color: #5963de;
}



.img-type {
	width: 1200px;
	box-sizing: border-box;
	margin: -30px auto 20px;
	padding: 20px 10px 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	border-radius: 4px;
}

.img-type ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.img-type ul li {
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-type ul li a {
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	padding: 2px 18px 0px;
	color: #666;
	display: block;
	background-color: white;
	border-radius: 12px;
}

.img-type ul li a:hover {
	background: #1b73ff;
	color: white;
}

.list-img {
	width: 1200px;
	margin: auto;
}

.list-img ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.list-img ul li {
	width: 390px;
	box-shadow: 0 8px 24px rgba(163, 177, 191, .35);
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: white;
	margin-bottom: 15px;
	transition: 0.5s all;
}

.list-img ul li p.t1 {
	width: 100%;
	height: 220px;
	overflow: hidden;
}

.list-img ul li p.t1 img {
	display: block;
	width: 100%;
}

.list-img ul li p.t2 {
	margin-top: 14px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	text-align: center;
}

.list-img ul li:hover {
	background-color: #2077ff;
	transition: 0.5s all;
	transform: translateY(-5px);
}

.list-img ul li:hover p.t2 {
	color: white;
	transition: 0.5s all;
}



.web-taocan{
	width: 1200px;
	margin: 0px auto 60px;
	display: flex;
	justify-content: space-between;
}
.web-taocan .list{
	width: 280px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
	padding-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.web-taocan .list p.t1{
	width: 100%;
	height: 110px;
	background-size: 100%;
	text-align: center;
}
.web-taocan .list p.t1 span.p1{
	display: block;
	color: white;
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 20px;
	letter-spacing: 5px;
}
.web-taocan .list p.t1 span.p2{
	display: inline-block;
	background-color: #d9ecff;
	border-radius: 10px;
	color: #2b74ef;
	padding: 5px 20px;
	font-size: 15px;
	margin: auto;
}
.web-taocan .list ul.t2{
	background-color: white;
	width: 90%;
	box-sizing: border-box;
	padding: 20px 0px 20px 70px;
}
.web-taocan .list ul.t2 li{
	list-style-type: disc;
	color: #666;
	line-height: 3;
	font-size: 15px;
}
.web-taocan .list p.t3 a{
	    display: block;
    width: 140px;
    margin: 5px auto 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
    background-color: #339eff;
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
    transition: 0.5s all;
}
.web-taocan .list p.t3 a:hover{
    background: linear-gradient(to right, #4ac8ff, #1b73ff);
	
}
.web-taocan .list:nth-child(1) p.t1{
	background-image: url(../images/fa-product-1.png);
}
.web-taocan .list:nth-child(2) p.t1{
	background-image: url(../images/fa-product-2.png);
}
.web-taocan .list:nth-child(3) p.t1{
	background-image: url(../images/fa-product-3.png);
}
.web-taocan .list:nth-child(4) p.t1{
	background-image: url(../images/fa-product-4.png);
}
.banner-web {
    width: 100%;
    position: relative;
}
.index-title {
    text-align: center;
    padding: 40px 0px;
}
.index-title p.t1 {
    font-size: 28px;
    color: rgb(33, 31, 42);
    font-weight: bold;
    margin-bottom: 10px;
}
.index-title p.t2 {
    font-size: 14px;
    color: rgb(199, 198, 213);
}
.index-main01{
 width:1200px;
 margin:15px auto 40px;
}
@media screen and (max-width: 720px){
.index-main01{
    width: 100%;
}.index-main01 ul li {
    width: 100% !important;} 
}
.index-main01 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index-main01 ul li {
    width: 32%;
    margin-bottom: 20px;
    padding: 5% 0;
    text-align: center;
    transition: 0.5s all;
    background-color: #fafafa;
    cursor: pointer;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.index-main01 ul li p.t1 i {
    text-align: center;
    color: #3D3BEE;
    transition: 0.3s all;
    font-size: 80px;
}
.index-main01 ul li p.t2 {
    color: #333;
    font-size: 26px;
    margin: 20px auto;
}
.index-main01 ul li p.t3 {
    font-size: 14px;
    color: #555469;
    width: 70%;
    line-height: 1.8;
    margin: auto;
}
a {
    color: inherit;
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}
.index-news-mores a {
    display: block;
    width: 140px;
    margin: 35px auto 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, .1);
    background-color: #339eff;
    background: linear-gradient(to right, #1b73ff, #4ac8ff);
    transition: 0.5s all;
}
* {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, FZLanTingHeiS-L-G, PingFang SC, Microsoft YaHei;
}