@charset "utf-8";
/* CSS Document */

/*-----------------------------共用--------------------------*/
html{width: 100%;height: 100%;}
body{font-family:microsoft yahei,arial,sans-serif;width: 100%;height: 100%;color: #333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, span, blockquote, th, td, hr, iframe{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
a:focus,a:hover { outline: none; text-decoration: none;} 
.fade{display: none;}
.fade.in {display: block;}
.clearfix:after{content: '';display: block;width: 0;height: 0;clear: both;}
.c-blue{ color: #218dff;}
.mb-20{ margin-bottom: 10px;}

.ui-top{height: 74px; background: #fff;width: 100%;z-index: 2;}
.ui-top .navbar-fixed-top {background:#fff;filter:alpha(opacity=90);background:#fff;box-shadow: 0 3px 3px rgba(0,0,0,.05);/*border: none;*/}
.ui-top .navbar{z-index: 3;}
.ui-top .navbar-brand{ padding:0 15px;height: 74px;}
.ui-top .navbar-brand img{ height: 100%;}
.ui-top .navbar-nav{}
.ui-top .navbar-nav>li{margin-left: 21px;}
.ui-top .navbar-nav>li>a{line-height: 74px;font-size: 16px; color: #333;padding: 0 18px; transition:all 0.2s ease;}
.ui-top .navbar-nav>li>a:focus,.ui_top .navbar-nav>li>a:hover{ background: transparent;}
.ui-top .navbar-nav>li>a:hover{ color: #218dff;}
.ui-top .navbar-nav>li.active>a{color: #127def;border-bottom: 4px solid #218dff;line-height: 74px;height: 74px;}
.ui-top .navbar-nav>li:last-child>a{background: #fbb016;color: #fff;border-radius: 34px;font-size: 14px;line-height: 34px;margin: 20px 0;border: none;}
.ui-top .navbar-nav>li:last-child>a:hover{ background: #eaa007;}
.navbar-toggle{border: 1px solid #ddd; border-radius: 3px;}
.navbar-toggle .icon-bar {background-color: #888; }
.navbar-toggle:hover, .navbar-toggle:focus {background-color: #ddd;}
.ui-main {}
.ui-banner{position: relative; background: url("./banner_1.jpg") no-repeat; height: 720px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-position: 60%; background-size: cover; width: 100%;}
.ui-banner .p1{font-family:幼圆; font-size: 60px; color: #fff; margin-bottom: 10px; text-align: center;padding-top: 180px;}
.ui-banner .p2{font-family:幼圆; font-size: 30px; color: #dcdcdc;text-align: center;}
.img-responsive {display: block;max-width: 100%; height: auto;}
.banner-video{text-align: center; margin: 50px 0 0;}
.banner-video button{border: 1px solid #fff; color: #fff; padding: 15px 80px; outline: none; border-radius: 3px; font-size: 18px; background-color: rgba(255, 255, 255, 0.2);}
.banner-video button:hover{border: 1px solid #ccc; color: #eee; background-color: rgba(34, 141, 255, 0.2);}
.video-mp4{display: none; position: absolute; left: 0; right: 0; z-index: 200; bottom: 0; top: 0px; background-color: rgba(0,0,0,0.5); text-align: center;}
.video-mp4 a{position: absolute; left: 50%; margin-left: 436px; top: 50px; background-color: #333; padding: 12px 15px;}
.video-mp4 a img{width: 16px;}
.video-mp4 video{width: 100%; height: 540px; padding: 50px 0 0;}

.ui-more ul{overflow: visible;}
.ui-more li{overflow: visible;}
.ui-more .navbar-nav li a#dLabel{display: inline-block; padding-right: 10px; width: 40px; height: 74px; vertical-align: middle; background:url(./ui_more.png) no-repeat center; background-size: 30px;}
.ui-top .ui-more .nav .open>a#dLabel,.ui-top .ui-more .nav .open>a#dLabel:focus,.ui-top .ui-more .nav .open>a#dLabel:hover,.ui-top .ui-more .navbar-nav li.active a#dLabel{background:url(./ui_more1.png) no-repeat center; border-left: none; color: #218dff; border-bottom: 3px solid #218dff; background-size: 30px;}
.ui-top .ui-more .nav li .dropdown-menu li.active a{background-color: #cdddef;}

.ui-block-1{ background: #f2f2f2; padding-bottom: 12px;}
.ui-block-1 .center-img{margin-top: -163px;}
.icontext-1{ overflow: hidden; padding-top: 105px;}
.icontext-1 .ic{ float: left; background: #fff url(./icon_1.png) no-repeat; border-radius: 100%; display: block; width: 100px; height: 100px;}
.icontext-1 .ic.ic-1{ background-position: 0 0;}
.icontext-1 .ic.ic-2{ background-position: 0 -100px;}
.icontext-1 .ic.ic-3{ background-position: 0 -200px;}
.icontext-1 .ic.ic-4{ background-position: 0 -300px;}
.ui-block-1 .right{ margin-left:115px;}
.ui-block-1 .right em{ font-style: normal; font-size: 24px; margin: 10px 0 15px; display: block; }
.ui-block-1 .right p{font-size: 16px; color: #666;}
.ui-download{ background: #191b29; padding: 10px 0;}
.ui-download h4{ color: #fff; font-size: 20px; margin: 13px 0 8px;}
.ui-download p{ color: #999; font-size: 20px;}
.ui-download .btn1{ width: 230px; height: 36px; border: 1px solid #fff; font-size: 16px; background: rgba(255,255,255,.2); color: #fff; margin: 20px 10px; outline: none;transition:all 0.2s ease;}
.ui-download .btn1:hover{ background: #fff; color: #191b29;}
.ui-block-2 { padding: 90px 0;}
.ui-block-2 h2{ font-size: 45px; text-align: center; margin-bottom: 100px;}
.icontext-2 .img{ width: 180px; height:180px; box-shadow: 0 5px 5px rgba(0,0,0,.05); margin: 0 auto; border-radius: 100%; display: block; margin-bottom: 35px; position: relative;}
.icontext-2 .img>img{ width: 100%;}
.icontext-2 .img i{ position: absolute; width: 82px; height: 82px; border: 4px solid rgba(219,219,219,.5);right: -39px;top: -4px; background: #fff; border-radius: 100%;}
.icontext-2 .img i img{ width: 100%;}
.icontext-2 .img i.ic-2,.icontext-2 .img i.ic-3,.icontext-2 .img i.ic-4{width: 64px; height: 64px;}
.icontext-2 .img i.ic-2{right: -22px;top: -17px;}
.icontext-2 .img i.ic-3{right: -43px;top: 61px;}
.icontext-2 .img i.ic-4{right: -22px;top: 134px;}
.icontext-2 .img2{  width: 150px; height:150px;margin: 0 auto;display: block; text-align: center; margin-bottom: 35px;}

.icontext-2  .sub{ text-align: center; padding:  0 8px;}
.icontext-2  .sub em{ font-style: normal; font-size: 28px; margin-bottom: 18px; display: block;}
.icontext-2  .sub p{ font-size: 14px; color: #999; line-height: 28px;}
.ui-block-3{ background: #f2f2f2;padding: 90px 0;}
.ui-block-3 h2{ font-size: 45px; text-align: center; margin-bottom: 100px;}
.ui-block-4 { padding: 90px 0 0;}
.ui-block-4 h2{ font-size: 45px; text-align: center; margin-bottom: 100px;}
.ui-mail{ width: 505px; height: 490px; text-align: center;position: relative; margin: 0 auto;}
.ui-mail img{ width: 100%;}
.ui-mail em{ font-size: 28px; font-style: normal; }
.ui-mail p{ font-size: 14px; color: #999; line-height: 28px;}
.ui-mail .text1{top: 68px;position: absolute;text-align: left;right: 100%;width: 310px;}
.ui-mail .text2{top: 68px;position: absolute;text-align: left;left: 103%;width: 310px;}
.ui-mail .text3{top: 245px;position: absolute;text-align: left;left: 103%;width: 310px;}
.ui-block-5{ background: url(./banner_2.jpg) no-repeat center center; text-align: center;height: 600px;padding-top: 175px;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-block-5 .p1{font-size: 40px; color: #d4d4d4; margin-bottom: 25px;}
.ui-block-5 .p2{font-size: 43px; color: #fff;margin-bottom: 25px;}
.ui-block-5 .btn2{ line-height: 70px; border-radius: 35px; color: #fff; font-size: 30px;  padding: 0 70px; background: #218dff; display: inline-block;transition:all 0.2s ease;}
.ui-block-5 .btn2:hover{ background: #0f78e6;}
.footer{ background: #2e3038; padding: 50px 0;}
.footer .tel-title{ display: block; color: #aaaaae; padding-left: 54px; background: url(./pic_15.png) no-repeat 0 0;font-size: 21px; line-height: 40px;}
.footer .tel{ color: #218dff;font-size: 34px;}
.footer .contact{ color: #bdbec0; font-size: 14px; line-height: 20px;}
.footer .contact span{ color: #337ab7;}
.footer .code-img img{ width: 100%;}
.footer a{display: block; margin-top: 21px;}

.ui-block-6{background-color: #f2f2f2; padding: 90px 0;}
.ui-block-6 h2{font-size: 45px; text-align: center; margin-bottom: 90px;}
.ui-news{background-color: #fff; margin-bottom: 20px; border: 8px solid transparent;}
.ui-news:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.ui-news h6{position: relative; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: bold; margin: 22px 20px 8px; overflow: hidden;}
.ui-news p{height: 88px; line-height: 22px; overflow: hidden; color: #666; margin: 10px 20px 0px;}
.ui-news span{display: block; font-size: 12px; color: #999; padding: 10px 20px 20px;}
.ui-news-img{position: relative; overflow: hidden;}
.ui-news-img img{width: 100%; height: 200px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.ui-news-img a{opacity: 0; width: 100%; position: absolute; top: 0; left: 0; color: #fff; text-align: center; background-color: rgba(33,141,255,0.5); padding: 20px 0; font-size: 16px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.ui-news:hover a{opacity: 1; top: 50%; margin-top: -31px;}
.ui-news:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.ui-news:hover h6{color: #218dff; cursor: pointer;}
.ui-news-more{text-align: center; margin: 50px 0 20px;}
.ui-news-more a{background-color: #218dff; font-size: 18px; color: #fff; border-radius: 5px; padding: 18px 80px;}
.ui-news-more a:hover{background-color: #0f78e6;}

.ui-product{min-height: 900px;}
.ui-product .product-banner{background: url("./banner_8.jpg") no-repeat center center; height: 280px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-product .product-banner img{ width: 100%; display: none;}
.ui-product .nav-tabs{ border-bottom: none;padding: 20px 0;}
.product-nav a{ border: none !important; color: #333;}
.nav.product-nav>li>a{margin-right: 0;overflow: hidden;padding: 0;}
.nav>li>a:focus, .nav>li>a:hover{ background: transparent;}
.nav.product-nav>li{width: 160px;margin: 10px 31px;border-radius: 2px;border: 1px solid #ddd;}
.nav.product-nav>li:hover{ box-shadow: 0 0 5px rgba(0,0,0,.1);transition: all .5s ease;}
.nav.product-nav>li.active:hover{ box-shadow: none;}
.nav.product-nav>li.active{ background: #f2f2f2; border-color:#f2f2f2;}
.nav.product-nav>li.active a{background: #f2f2f2;}
.nav.product-nav>li.col-md-2{ padding: 0;width: 160px;}
.product-nav a .ic{float: left;display: block;width: 65px;height: 63px;background: url(../../images/shaozi/email/icon_7.png) no-repeat;}
.product-nav a .ic.ic-1{background-position: 10px 0;}
.product-nav a .ic.ic-2{background-position: 10px -65px;}
.product-nav a .ic.ic-3{ background-position: 10px -130px;}
.product-nav a .ic.ic-4{ background-position: 10px -195px;}
.product-nav a .ic.ic-5{ background-position: 10px -260px;}
.product-nav a .ic.ic-6{ background-position: 10px -325px;}
.product-nav a .ic.ic-7{ background-position: 10px -390px;}
.product-nav a .ic.ic-8{ background-position: 10px -455px;}
.product-nav a .ic.ic-9{ background-position: 10px -520px;}
.product-nav a .ic.ic-10{ background-position: 10px -585px;}
.product-nav a em{ font-style: normal; font-size: 18px; display: block;color: #1d1d25;line-height: 63px;}
.ui-product-1{background: #f2f2f2; padding-top: 95px;}
.ui-product-1 h2{ font-size: 45px; margin-bottom: 30px; margin-top: 120px;}
.ui-product-1 p{ font-size: 20px; color: #666;}
.ui-product-1 img{ width: 64%;display: block;margin: 0 auto;}
.ui-product-2{padding-top: 95px;}
.ui-product-2 h2{ font-size: 45px; margin-bottom: 30px; margin-top: 120px;}
.ui-product-2 p{ font-size: 20px; color: #666;}
.ui-product-2 img{ width: 64%;display: block;margin: 0 auto;}
.fullscreen {padding: 10px 0 85px;}
.fullscreen h3{margin-top: 22px;text-align: center; font-size: 25px;line-height: 38px;}
.fullscreen p{ line-height: 40px;}

.ui-product-3{/*padding-top: 62px;*/}
.ui-product-3:nth-child(2n+1){background-color: #f2f2f2;}
.ui-product-3 h3{font-size: 24px; color: #1d1d25; padding-left: 95px;}
.ui-product-3 p{position: relative; font-size: 20px; margin-top: 28px; line-height: 32px; color: #333; padding-left: 95px;}
.ui-product-3 p em{position: absolute; left: 0; width: 80px; height: 26px; margin-top: 2px;}
.ui-product-3 p em.pdt1{background: url(./qycp_11.png) no-repeat;}
.ui-product-3 p em.pdt2{background: url(./qycp_12.png) no-repeat;}
.ui-product-3 .col-sm-4.col-md-4 img{max-width: 100%; margin: 0 auto; text-align: center;}
.ui-product-3 .col-sm-8.col-md-8{padding: 62px 30px 0;}
.ui-product-3 .col-sm-4.col-md-4{padding-top: 62px; text-align: center;}

.ui-download-block{background: url("./banner_4.jpg") no-repeat; height: 700px; padding: 78px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%;}
.ui-download-block h2{ text-align: center; font-size: 45px; margin-bottom: 50px; margin-top: 60px;}
.ui-download-block .img{ width: 100%;}
.ui-download-block .code{ text-align: center;}
.ui-download-block .code img{ width: 120px;}
.ui-download-block .code span{ display: block; font-size: 20px;margin: 20px 0 0;}
.ui-download-block button{ height: 65px; width: 225px;  border: none; border-radius: 5px; color: #fff; font-size: 20px;line-height: 65px; outline: none;margin: 20px auto 0;transition: all 0.2s ease;}
.ui-download-block button i{ display:inline-block; width: 50px; height: 65px;background: url(./icon_3.png) no-repeat;vertical-align: top;}
.ui-download-block button.btn1{ background-color: #228dff; position: relative;line-height: 46px;}
.ui-download-block button.btn2{ background-color: #fda93f;}
.ui-download-block button.btn1 i{background-position: 0 0;}
.ui-download-block button.btn2 i{background-position: 0 -65px;}
.ui-download-block button.btn1:hover{ background-color: #0f78e6;}
.ui-download-block button.btn2:hover{ background-color: #dd881d;}
.ui-download-block button.btn1 b{ display: block;font-size: 12px; font-weight: normal; position: absolute;left: 65px;top: 33px;line-height: 24px;}

.ui-update{ margin: 55px auto 90px; width: 990px;}
.ui-update ul { position: relative;}
.ui-update ul li+li{ margin-top: 30px;}
.ui-update ul li:after{content: "";height: 100%;width: 2px;background: #ececec;display: block;position: absolute;left: 147px;top: 17px;z-index: 0;}
.ui-update ul li .title{ font-size: 24px; color: #218dff; overflow: hidden; cursor: pointer;}
.ui-update ul li .title span{ float: left;}
.ui-update ul li .title i{ display: block;width: 0; height: 0; border: 8px solid transparent; border-top-color:#218dff; float: left;margin: 15px 0 0 20px;}
.ui-update ul li .title em{ display: block; float: left;width: 34px; height: 34px; background:#fff url(./pic_24.png) no-repeat 0 0; position: relative;z-index: 1; margin: 0 15px;}
.ui-update ul li .title strong{ font-weight: normal;}
.ui-update ul li .content{ display: none}
.ui-update ul li:first-child .content{ display: block;}
.ui-update ul li .content .date{font-size: 12px; margin: 0 0 0 55px;float: left;color: #999;}
.ui-update ul li .content .version{font-size: 16px;display: block;color: #333;text-align: right;margin-bottom: 5px;}
.ui-update ul li .content .dot{ display: block; position: absolute; width: 15px; height: 15px; border-radius: 100%; border: 3px solid #ececec; background: #218dff;left: 141px;z-index: 1;top: 54px;}
.ui-update ul li .content{ padding-top:50px;position: relative;overflow: hidden;}
.ui-update ul li .content .right{ background: #f7f7f7; padding: 20px 28px;margin-left: 188px;border-radius:0 10px 10px;}
.ui-update ul li .content .right h3{ font-size: 20px;margin-bottom: 20px;}
.ui-update ul li .content .right .text{line-height: 30px; font-size: 14px;color: #666;}
.ui-update ul li .content:after{content: ""; width: 0;height: 0; border: 8px solid transparent; border-top-color:#f7f7f7;border-right-color:#f7f7f7;display: block; position: absolute;left: 172px; top: 50px;}
.ui-update ul li .content .right .date2{display: none;}
.update-nav{margin-top: 20px; font-size: 16px;position: relative;overflow: visible;}
.nav.update-nav>li>a{padding: 15px 25px; color: #333;}
.nav-tabs.update-nav>li>a:hover {border-color:#fff;}
.nav-tabs.update-nav>li.active>a, .nav-tabs.update-nav>li.active>a:focus, .nav-tabs.update-nav>li.active>a:hover{border-color:#ddd;border-top: 3px solid #218dff;z-index: 2;border-bottom: 1px solid #fff;position: relative;border-radius: 0;bottom: 0px;}

.ui-company{ min-height: 1000px;}
.ui-company .company-banner{background: url("./banner_5.jpg") no-repeat center center; height: 280px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-company .company-banner img{ width: 100%; display: none;}
.company-description{ margin-bottom: 20px; padding-top: 95px;}
.company-description h2{ font-size: 45px; text-align: center;}
.company-description .sub{ text-align: center;}
.company-description .sub span{font-family: kalinga;text-align: center;font-size: 38px;display: inline-block; color: #999; border-bottom: 2px solid #ddd;padding-bottom: 5px;position: relative;padding-top: 17px;}
.company-description .triangle-down {width: 0;height: 0;border-width: 18px;border-style: solid;border-color: #ddd transparent transparent transparent;position: absolute;left: 50%;top: 76px;margin-left: -18px;}
.company-description .triangle-down .triangle-bg {width: 0;height: 0;border-width: 18px;border-style: solid;border-color: #fff transparent transparent transparent;position: absolute;left: 50%;top: -21px;margin-left: -18px;}
.description{ width: 1100px; margin: 0 auto;position: relative;}
.description .dashed-line{ position:absolute; width: 0; height: 34px;border-left: 4px dashed #ddd; left: 50%; margin-left: -2px;t;top: -26px;}
.description ul{margin-top: 50px;}
.description ul:after{content: "";height: 100%;width: 4px;background: #ddd;display: block;position: absolute;left: 50%;top: 17px;z-index: 0;margin-left: -2px;}
.description li{ position: relative;overflow: visible;z-index: 1;margin-top: 28px;list-style: none;}
.description li .ic{ display: block; width: 88px; height: 88px; border: 5px solid #fff; border-radius: 100%;position: absolute;top: 0px;}
.description li .ic img{ width: 100%;border:2px solid #218dff;border-radius: 100%;background: #fff;}
.description li .line{ width: 290px; height: 2px; background: #218dff; display: block;margin: 0px;position: absolute;top: 43px;}
.description li .line .dot{ display: block; width: 12px; height: 12px; background: #218dff; border-radius: 100%; position: absolute; top: -6px;}
.description li .text-wrap{ padding-top: 12px;}
.description li .text-wrap .year{ font-size: 40px;  display: block; color: #218dff;}
.description li .text-wrap p{ line-height: 26px; color: #666; font-size: 14px;min-height: 104px;}
.description li.item-left{margin-left: 50%;}
.description li.item-right{margin-right: 50%;}
.description li.item-left .ic{left: -44px;}
.description li.item-right .ic{right: -44px;}
.description li.item-left .line{left: 39px;}
.description li.item-right .line{right: 39px;}
.description li.item-left .line .dot{right: 0; }
.description li.item-right .line .dot{left: 0; }
.description li.item-left .text-wrap{margin-left: 98px;margin-right: 57px;}
.description li.item-right .text-wrap{margin-left: 57px;margin-right: 98px;}
.description li.item-left .text-wrap .year{text-align: right;}
.description li.item-right .text-wrap .year{text-align: left;}
.description li.color-2 .ic img{border-color: #ffb500;}
.description li.color-2 .line{background: #ffb500;}
.description li.color-2 .line .dot{background: #ffb500;}
.description li.color-2 .text-wrap .year{color: #ffb500;}
.description li.color-3 .ic img{border-color: #8e88ff;}
.description li.color-3 .line{background: #8e88ff;}
.description li.color-3 .line .dot{background: #8e88ff;}
.description li.color-3 .text-wrap .year{color: #8e88ff;}
.description li.color-4 .ic img{border-color: #fb866c;}
.description li.color-4 .line{background: #fb866c;}
.description li.color-4 .line .dot{background: #fb866c;}
.description li.color-4 .text-wrap .year{color: #fb866c;}
.company-description .txt-wrap{ background: #f2f2f2; padding:15px 20px; color: #666; font-size: 14px; margin: 100px auto; width: 1000px; border-radius:5px; line-height: 26px;}
.company-description .txt-wrap .title{ font-size: 20px; margin-bottom: 10px;}

.agents-1{height: 280px;background: #296bb3 url(./pic_123.png) no-repeat center center;}
.agents-1 h2{color: #fff;font-size: 30px; text-align: center; line-height: 40px;margin-top: 71px;}
.agents-1 a{ display: block; width: 150px; height:46px; text-align: center;color: #3b89d7;background: #fff; line-height: 46px; font-size: 16px; border-radius: 23px;margin: 25px auto 0;}
.agents-1 a:hover{ opacity:.8;}
.agents-2,.agents-4{background: #fff;}
.agents-2,.agents-3,.agents-4{ min-height: 400px;}
.agents-2 h2,.agents-3 h2,.agents-4 h2{ font-size: 40px; padding-top: 130px; margin-bottom: 15px;}
.agents-2 p,.agents-3 p,.agents-4 p{ font-size: 18px; color: #666; line-height: 28px;}
.agents-2 .img,.agents-3 .img,.agents-4 .img{ text-align: center;}
.agents-2 img{ padding-top: 75px;}
.agents-3 img{padding-top: 53px;}
.agents-4 img{padding-top: 46px;}
.agents-5 { padding: 60px 0;background: #f2f2f2;}
.agents-3{ background: #f2f2f2;}
.agents-5 .hd{text-align: center; font-size: 24px; text-align: center;}
.agents-5 .tel{border: 1px solid #ddd;background:#fff; text-align: center; padding: 18px 10px; font-size: 16px; margin-top: 22px;}
.agents-5 .tel img{ margin-right: 12px;vertical-align: -6px;}
.agents-6{ padding: 24px 10px; background: #218dff;}
.agents-6 a{ display: block; width: 150px; height:46px; text-align: center; color: #218dff; background: #fff; line-height: 46px; font-size: 16px; border-radius: 23px; margin:0 auto;}
.agents-6 a:hover{ opacity:.8;}

.ui-help-banner{background: url("./banner_6.jpg") no-repeat; height: 280px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-help-banner h2{font-size: 60px;color: #fff; margin-bottom: 10px; text-align: center;padding-top: 80px;}
.ui-help-banner p{font-size: 18px; margin-top: 10px; color: #fff;text-align: center;}
.left-menu {width: 218px;border: 1px solid #ddd;border-radius: 3px; background: #fff;}
.left-menu.affix{ top: 100px;}
.left-menu .nav-tabs>li {margin-bottom: 0;}
.menu-title {padding: 20px 0 15px 10px;font-size: 18px;border-bottom: 1px solid #ddd;}
.left-menu .nav-tabs {border: none;}
.left-menu .nav-tabs>li {float: none;cursor: pointer;border-bottom: 1px solid #ddd;}
.left-menu .nav-tabs>li.active a.first-active {border-left: 3px solid #218dff;background-color: #fafafa;}
.left-menu .nav-tabs>li>a {border-radius: 0;font-size: 14px;color: #000;margin-right: 0;border: none;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #000;background-color: #fafafa;}
.left-menu .nav-tabs>li.active>a{border: none;}
.left-menu .nav-tabs>li:last-child{border-bottom: none;}
.left-menu .dropdown-menu {position: relative;top: auto;float: none;box-shadow: none;border: none;padding: 0;}
.dropdown.active ul.dropdown-menu {display: block;}
.bs-docs-masthead {margin-bottom: 30px;}
.dropdown-menu>li>a {line-height: 30px;font-size: 13px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color: transparent;border-left: 3px solid #0d88de;border-bottom: 1px solid #ddd;}
#myTabContent h3,.normal-title {font-size: 24px;border-bottom: 1px solid #e5e5e5;padding: 10px 0 15px 0;width: 100%;margin-bottom: 10px;}
.tab-pane dl {border-bottom: 1px dashed #e5e5e5;}
.tab-pane dt {color: #333;padding: 30px;font-size: 16px;cursor: pointer;background: url(./question.png) no-repeat left center;}
.q-detail {margin-left: 2em;padding-bottom: 15px;font-size: 13px;line-height: 2;}
.ui-help-bd{padding-top: 30px;}
.ui-help-bd .container > .tab-content{overflow: hidden; margin-left: 250px;}
.ui-help-bd .row.show-grid{ margin: 0;overflow: hidden;display: block;}
.ui-help-bd .row.show-grid>div{padding: 10px 10px 10px 0;background: transparent;border: none;}
.card-content .help-img{padding: 10px 0 20px;}
.card-content .help-img img{ max-width: 860px; max-height: 500px;}
.content-block-title {font-weight: bold;margin-bottom: 10px;}
.card-content-inner{ margin-bottom: 20px;}
.card-content-title{color: #218dff; margin-bottom: 10px;font-weight: bold;}
.back-to-top{ position: fixed;right: 10px;bottom: 100px;width: 36px;height: 36px;  text-align:center;display: block;background-color: #218dff; color: #fff;font-size: 24px;margin-bottom: 5px;
border-radius: 2px; cursor: pointer;opacity: .5;padding-top: 10px !important;z-index: 2;}
.back-to-top:hover{opacity: .8;}
.back-to-top img{vertical-align: top;}

.bs-docs-sidenav{margin-top: 0;margin-bottom: 0;}
.bs-docs-sidebar.affix{ top: 100px;}
.bs-docs-sidebar,.bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom{width: 218px;border: 1px solid #ddd;border-radius: 3px; background: #fff;padding-left: 0;}
.bs-docs-sidebar .bs-docs-sidenav>li {float: none;cursor: pointer;border-bottom: 1px solid #ddd;}
.bs-docs-sidebar .bs-docs-sidenav>li>a{ color: #333;}
.bs-docs-sidebar .bs-docs-sidenav>li.active a.first-active {border-left: 3px solid #218dff;background-color: #fafafa;}
.bs-docs-sidebar .bs-docs-sidenav>li.active a.first-active:hover{cursor: default;}
.bs-docs-section>h3{font-size: 24px;border-bottom: 1px solid #e5e5e5;padding: 10px 0 15px 0;width: 100%;margin-bottom: 10px;}
.bs-docs-sidebar .nav>li>a{padding: 10px 15px;}
.bs-docs-sidebar .nav>li>a:focus, .bs-docs-sidebar .nav>li>a:hover{border-left: 3px solid #218dff;color: #666;padding-left: 12px;}
.bs-docs-sidebar .nav>.active:focus>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active>a{font-weight: 500;color: #666;}

.ui-data .data-banner{background: url("./banner_7.jpg") no-repeat center center; height: 280px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-data .data-banner img{ width: 100%; display: none;}
.data-block-1{padding: 90px 0; text-align:center;}
.data-block-1 h2,.data-block-2 h2{ font-size: 45px; text-align: center; margin-bottom: 20px;}
.data-block-1 p,.data-block-2 p{ font-size: 20px; color: #666; text-align: center;}
.data-block-1 .img{ text-align: center;margin-top: 55px;}
.data-block-1 img{ width: 100%;}
.data-block-1 .img-2{ display: none;}
.data-block-2{ background: #f2f2f2;padding: 90px 0;}
.img-title-wrap{border-bottom: 2px solid #ddd;margin: 0 8.3% 20px;}
.img-title{text-align: left;margin: 35px auto 20px;padding-bottom: 10px;background: #fff;width: 430px;padding: 20px 20px;position: relative;border-radius: 3px;}
.img-title:after{content: ""; position: absolute; left: 50%; margin-left: -1px;bottom: -20px; width: 2px;height: 20px; background: #ddd;}
.img-title .p1{font-size: 14px; margin-bottom: 3px;text-align: left;color: #666;}
.img-title .p1 img{vertical-align: -1px;margin-right: 6px;width: 16px;}
.icontext-3{width: 16.66%; padding: 0 1%; float: left; text-align: center; position: relative;}
.icontext-3 .sub{ font-size: 18px; margin-top: 15px;}
.icontext-3:before{content: ""; position: absolute; left: 50%; margin-left: -1px;top: -20px; width: 2px;height: 20px; background: #ddd;}
.data-block-3{padding: 90px 0;}
.data-block-3 h2{ font-size: 45px; text-align: center; margin-bottom: 70px;}
.icontext-4{ border:1px solid #ddd; font-size: 16px; color: #666; padding:15px 10px 15px 60px; line-height: 30px; background:url(./icon_6.png) no-repeat 0 0; margin-bottom: 20px;}
.icontext-4.ic-1{ background-position: 14px 0;}
.icontext-4.ic-2{ background-position: 14px -65px;}
.icontext-4.ic-3{ background-position: 14px -130px;}
.icontext-4.ic-4{ background-position: 14px -195px;}
.icontext-4.ic-5{ background-position: 14px -260px;}
.icontext-4.ic-6{ background-position: 14px -325px;}

/* CSS Modal-content */
.close{opacity:0.8;}
.modal strong{font-weight: normal;}
.modal-header{border-bottom: 0px;padding: 50px 0 30px 0;text-align: center;font-size: 28px;color: #52a6ff;margin-bottom: 20px;}
.modal-header .close{top: 20px;right: 20px;position: absolute;}
.modal-body .form-group{margin-bottom: 20px;}
.modal .control-label{padding-top: 15px;font-size: 15px;}
.modal .form-control{height: 50px;}
.modal-footer{text-align: center;border-top: 0px;margin: 30px 0;}
.modal-footer .btn{padding: 10px;width: 160px;height: 50px;font-size: 16px;}
.modal-footer .btn-primary{background-color: #52a6ff;border-color: #52a6ff;}
.modal-footer .btn-primary:hover{background-color: #218dff;border-color: #218dff;}
.guide{position: relative;text-align: center;}
.guide h3{font-size: 36px;color: #52a6ff;text-align: center;margin: 40px 0 10px;}
.guide .close{display:block;width: 18px;height: 18px;position: absolute;top: -20px;right: 20px;background: url(./close.png);}
.guide h3+h3{ margin-top: 10px;}
.guide img{width: 477px;height: 346px;text-align: center;margin: 20px 0 50px 0;}
.guide .gui_down{height: 80px;padding: 0 20px;background-color: #52a6ff;}
.guide .gui_down span{font-size: 24px;line-height: 80px;color: #fff;float: left;}
.guide .gui_down a{display: block;float: right;width: 160px;height: 50px;text-align: center;font-size: 24px;line-height: 50px;margin: 15px 0;color: #52a6ff;background-color: #fff;border-radius: 8px;box-shadow:0 3px 0 #2268d9;}

.apply-success{ text-align: center; padding:80px 15px 60px;}
.apply-success h2{ font-size: 36px; margin-bottom: 20px;}
.apply-success h2 img{ margin-right: 20px;}
.apply-success p{ color: #999;font-size: 22px;line-height: 36px;}
.apply-download .container{padding: 0 0 80px;text-align: center;}
.apply-download .wrap{ width: 615px; margin: 0 auto; padding: 24px 0; overflow: hidden;}
.apply-download .code{ width: 180px; text-align: center; float: left;}
.apply-download .code img{width: 120px;}
.apply-download .code span{ font-size: 20px;margin-top: 6px; display: block;}
.apply-download .btn{ width: 410px;}
.download-btn{ float: right; width: 225px;}
.download-btn button{ height: 65px; width: 225px;  border: none; border-radius: 5px; color: #fff; font-size: 20px;line-height: 65px; outline: none;margin:0;transition: all 0.2s ease;}
.download-btn button+button{margin-top: 21px;}
.download-btn button i{ display:inline-block; width: 50px; height: 65px;background: url(./icon_3.png) no-repeat;vertical-align: top;}
.download-btn button.btn1{ background-color: #228dff;}
.download-btn button.btn2{ background-color: #fda93f;}
.download-btn button.btn1 i{background-position: 0 0;}
.download-btn button.btn2 i{background-position: 0 -65px;}
.download-btn button.btn1:hover{ background-color: #0f78e6;}
.download-btn button.btn2:hover{ background-color: #dd881d;}
.apply-advantage{ margin: 0px 0 60px;}
.apply-advantage .txt{ overflow: hidden; margin-bottom: 35px;}
.apply-advantage .txt strong{ font-size: 48px; color: #dadada; font-weight: bold; float: left;line-height: 57px;}
.apply-advantage .txt .right{margin-left: 120px;}
.apply-advantage .txt .right span{ font-size: 24px;}
.apply-advantage .txt .right em{ font-style: normal;font-size: 22px;color: #aaa;font-family: arial;margin-left: 10px;}
.apply-advantage .txt .right p{ font-size: 16px; color: #999; line-height: 26px;}
.apply-advantage .img{ text-align: center;}
.apply-advantage .img img{ width: 100%; max-width: 910px;}

.ui-intro .intro-banner{background: url("./banner_9.jpg") no-repeat center center; height: 538px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; width: 100%;}
.ui-intro .intro-banner img{ width: 100%; display: none;}
.intro-1,.intro-2,.intro-3{padding: 60px 0 90px;}
.intro-1 h2,.intro-2 h2,.intro-3 h2{ font-size: 38px; text-align: center; color: #218dff; margin-bottom: 70px;}
.intro-1 h2 span,.intro-2 h2 span,.intro-3 h2 span{ font-size: 18px; color: #bbb; display: block; margin-top: 10px;}
.intro-1 h3{ font-size: 28px; margin-bottom: 10px;}
.intro-1 h3+p{ font-size: 20px; color: #999;}
.intro-1 p+h3{ margin-top: 50px;}
.icon-list{ overflow: hidden;}
.icon-list li{ width: 80px; height: 80px;margin: 15px 50px; float: left; border-radius: 100%;background: url(./icon_2.png) no-repeat;}
.icon-list li.ic-1,.features-list .ic.ic-1{ background-color: #2d69fb;background-position: -65px 5px;}
.icon-list li.ic-2,.features-list .ic.ic-2{ background-color: #b0cf34;background-position: -65px -65px;}
.icon-list li.ic-3,.features-list .ic.ic-3{ background-color: #228dff;background-position: -65px -135px;}
.icon-list li.ic-4,.features-list .ic.ic-4{ background-color: #8c88ff;background-position: -65px -205px;}
.icon-list li.ic-5,.features-list .ic.ic-5{ background-color: #fcab52;background-position: -65px -275px;}
.icon-list li.ic-6,.features-list .ic.ic-6{ background-color: #228dff;background-position: -65px -415px;}
.icon-list li.ic-7,.features-list .ic.ic-7{ background-color: #fa8971;background-position: -65px -485px;}
.icon-list li.ic-8,.features-list .ic.ic-8{ background-color: #4bb1fa;background-position: -65px -555px;}
.icon-list li.ic-9,.features-list .ic.ic-9{ background-color: #39c983;background-position: -65px -625px;}
.icon-list li.ic-10,.features-list .ic.ic-10{ background-color: #39c983;background-position: -65px -695px;}
.intro-2{ background: #f2f2f2;}
.icontext-5{ overflow: hidden;}
.icontext-5 .ic{background: #fff url(./icon_1.png) no-repeat; border-radius: 100%; display: block; width: 100px; height: 100px; margin: 0 auto;}
.icontext-5 .ic.ic-1{ background-position: 0 0;}
.icontext-5 .ic.ic-2{ background-position: 0 -100px;}
.icontext-5 .ic.ic-3{ background-position: 0 -200px;}
.icontext-5 .ic.ic-4{ background-position: 0 -300px;}
.icontext-5 .sub em{ font-style: normal; font-size: 28px; text-align: center; margin: 30px 0 25px;}
.icontext-5 .sub p{ font-size: 16px; line-height: 28px; color: #999;}
.features-list{ overflow: hidden;}
.features-list li{ width: 50%; float: left;list-style: none; overflow: hidden; margin-bottom: 36px;}
.features-list .txt em{ font-style: normal; font-size: 24px; display: block;}
.features-list .txt span{ font-size: 16px; color: #999; line-height: 21px;}
.features-list .ic{width: 80px; height: 80px;border-radius: 100%;background: url(./icon_2.png) no-repeat;}
.features-list .left .ic{ float: right; margin: 0 15px 0 20px;}
.features-list .left .txt{ text-align: right; margin-right: 115px;}
.features-list .right .ic{ float: left; margin: 0 20px 0 15px;}
.features-list .right .txt{margin-left: 115px;}
.intro-4{ background: #3b59fb; padding: 50px 0;}
.intro-4 .hd{ text-align: center; color: #fff; font-size: 40px;text-shadow:0 2px 3px rgba(0,35,220,.7);}
.intro-4 p{ font-size: 20px; text-align: center; color: #fff;margin-top: 6px;}
.intro-4 .go-btn{ display: block; width: 240px; height: 70px; margin: 35px auto 0; background: #fffc15; border-radius: 12px;}
.intro-4 .go-btn:hover{ background: #f2ef00;}
.intro-4 .go-btn-2{display: block; width: 240px; height: 70px; margin: 35px auto 0; background: #fffc15; border-radius: 12px;border: none;font-size: 32px;font-weight: bold;}
.intro-4 .go-btn-2:hover{ background: #f2ef00;}
.ui-error{ padding: 100px 0;}
.ui-error .left{ text-align: center;}
.ui-error .right{ padding-top:180px; }
.ui-error .right h2{ color: #61acf0; font-size: 30px;margin-bottom: 18px;}
.ui-error .right .p1{ color: #c0c0c0; font-size: 16px;margin-bottom: 18px;}
.ui-error .right .link-btn{ display: block; width: 130px; text-align: center; line-height: 40px; background:#218dff; color: #fff; border-radius: 2px; font-size: 16px;transition: all 0.2s ease;}
.ui-error .right .link-btn:hover{background: #0f78e6;}

.footer-fixed{ width: 100%; padding: 25px 0; background: #218dff; background: rgba(33,141,255,.9); color: #fff; position: fixed;bottom: 0;left: 0; text-align: center;z-index: 2;}
.footer-fixed span{ font-size: 20px; line-height: 46px; margin-right: 20px;}
.footer-fixed .btn2{ height: 46px; border-radius: 46px; color: #218dff; background: #fff; padding: 0 45px; font-size: 16px; border: none;transition: all 0.2s ease;vertical-align: top;}
.footer-fixed .btn2:hover{ opacity:.8;}
.footer-fixed .close{width: 40px;height: 40px;background: #127bea url(./close-2.png) no-repeat 11px 11px; position: absolute;right: 16px;top: 29px;padding: 5px;display: block;border-radius: 100%;}

/*建议反馈*/
.tab-feedback h6{font-size: 16px;padding: 20px 0;}
.tab-feedback p{padding: 10px; background: #e8f1fa; color: #808b9f;}
.tab-feedback form{padding: 30px 0 80px 0; overflow: hidden;}
.tab-feedback form textarea{resize: vertical;}
.tab-feedback .form-horizontal .control-label{color: #6d7e8D;}
.tab-problem{padding: 20px 150px; margin-bottom: 40px; text-align: center; background: #e8f1fa;}
.tab-problem p{font-size: 18px; padding: 10px 0 20px; color: #808b9f;}
.tab-problem p img{width: 22px; margin-right: 8px; vertical-align: -3px;}
.tab-problem form input{display: inline-block; width: calc(100% - 115px);}
.tab-problem form button{width: 100px; vertical-align: middle; margin-left: 10px;}
.tab-hot{padding: 5px 0 0px 5px; text-align: left;}
.tab-hot span{font-size: 14px; color: #666;}
.tab-hot a{display: inline-block; font-size: 12px; color: #999; padding: 0 5px;}
.tab-hot a:hover{color: #218dff;}

.tab-issue{padding: 20px 20px 0px;}
.issue-box{border-bottom: 1px solid #ddd;}
.issue-box .issue-heading{position: relative; font-size: 16px; padding: 18px 0; cursor: pointer; padding-right: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.issue-box .issue-heading b{color: #eaa007; padding-right: 8px; vertical-align: 1px;}
.issue-box .issue-heading img{position: absolute; right: 2px; top: 25px; width: 15px;}
.issue-body{color: #666; line-height: 22px; margin-bottom: 25px; padding: 15px 20px; border: 1px solid #ddd;}

.roll-screen{border: 1px solid #eee; background-color: #f4f4f4; padding: 10px; margin: 20px 0;}
.roll-screen a{position: relative; display: block; max-height: 511px; overflow: hidden;}
.roll-screen a > img{width: 100%;}
.roll-screen a span{opacity: 0; position: absolute; top: 0px; left: 0; cursor: pointer; padding-top: 150px; width: 100%; height: 100%; text-align: center; color: #333; font-size: 22px; background-color: rgba(250,250,250,0.95); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.roll-screen a span img{display: block; margin: 10px auto;}
.roll-screen a:hover span{opacity: 1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.roll-screen p{font-size: 16px; line-height: 22px; text-align: center; padding: 15px 0 8px; max-height: 54px; max-height: 54px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.roll-screen:hover{box-shadow: 0 0 3px #ddd; background-color: #f9f9f9;}
.roll-screen.sm-roll-screen a span{padding-top: 65px;}

.row-screen{padding: 30px 0 0px;}
.row-screen .col-sm-8 p{font-size: 16px; color: #fbb016;}
.row-screen .col-sm-4{text-align: right;}
.row-screen .col-sm-4 label{font-weight: normal;}
.row-screen .col-sm-4 label input{margin-right: 5px; vertical-align: -1px;}

.sm-roll-screen{}


.screen-cont{padding-top: 30px; padding-bottom: 50px;}

.down-logo{border: 1px solid #eee; background-color: #f4f4f4; margin: 20px 0 0;}
.down-logo a{position: relative; display: block; padding: 15px;}
.down-logo a b{display: inline-block; width: 54px; height: 54px; vertical-align: middle; overflow: hidden;}
.down-logo a b img{display: inline-block; width: 100%; margin: auto;}
.down-logo a span{opacity: 0; position: absolute; top: 0px; left: 0; cursor: pointer; padding-top: 31px; width: 100%; height: 100%; text-align: center; color: #333; font-size: 14px; background-color: rgba(250,250,250,0.95); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.down-logo a span img{display: inline-block; width: 35px; padding-right: 10px; vertical-align: -7px;}
.down-logo a:hover span{opacity: 1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.down-logo a em{font-size: 14px; font-style: normal; padding-left: 10px; color: #666;}
.down-logo:hover{box-shadow: 0 0 3px #ddd; background-color: #f9f9f9;}


/*招商代理*/
.attract{position: relative;}
.attract img{width: 100%;}
.attract a{position: absolute; left: 50%; bottom: 70px; margin-left: -140px; text-align: center; font-size: 20px; padding: 12px 100px; background-color: #218dff; color: #fff; border-radius: 5px;}
.attract a:hover{background-color: #0176F1;}
.attract p{position: absolute; left: 50%; margin-left: -136px; bottom: 32px; color: #fbb016; font-size: 20px;}

.attract-policy .row{margin-bottom: 30px;}
.attract-title{margin: 55px 0;}
.attract-title img{max-height: 62px;}
.policy{position: relative; border: 1px solid #ddd; min-height: 224px; margin-bottom: 50px;}
.policy p{font-size: 20px; line-height: 32px; padding: 22px 30px 30px;}
.policy span{position: absolute; bottom: 0; left: 0; display: inline-block; height: 74px; width: 100%;}
.policy span:before{content: ""; display: block; width: 34px; height: 34px; margin: 20px; background-image: url(./zs-8.png); background-repeat: no-repeat;}
.policy.policy1 span{background-color: #0090d7;}
.policy.policy2 span{background-color: #f14b4b;}
.policy.policy3 span{background-color: #08adb3;}
.policy.policy4 span{background-color: #f9ab01;}
.policy.policy5 span{background-color: #7976ec;}
.policy.policy1 span:before{background-position: 0 0;}
.policy.policy2 span:before{background-position: 0 -93px;}
.policy.policy3 span:before{background-position: 0 -187px;}
.policy.policy4 span:before{background-position: 0 -284px;}
.policy.policy5 span:before{background-position: 0 -376px;}
.policy b{position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-left: 100px solid transparent;}
.policy b:before{position: absolute; right: 10px; top: 50px; z-index: 1; content: ""; display: block; width: 35px; height: 35px; background-image: url(./zs-8.png); background-repeat: no-repeat;}
.policy.policy1 b{border-bottom: 100px solid #41bdfd;}
.policy.policy2 b{border-bottom: 100px solid #ff6b6b;}
.policy.policy3 b{border-bottom: 100px solid #0fd4dd;}
.policy.policy4 b{border-bottom: 100px solid #f2cb40;}
.policy.policy5 b{border-bottom: 100px solid #bfa4f1;}
.policy.policy1 b:before{background-position: 0 -470px;}
.policy.policy2 b:before{background-position: 0 -564px;}
.policy.policy3 b:before{background-position: 0 -659px;}
.policy.policy4 b:before{background-position: 0 -754px;}
.policy.policy5 b:before{background-position: 0 -849px;}

.attract-system{background-color: #f8f8f8;}
.system-tile{width: 214px; height: 214px; margin: 0 auto 20px; transition: all 0.3s ease-in-out 0s}
.system-tile.system1{background: url(./zs-10.png) no-repeat 0 0;}
.system-tile.system2{background: url(./zs-11.png) no-repeat 0 0;}
.system-tile.system3{background: url(./zs-12.png) no-repeat 0 0;}
.system-tile.system4{background: url(./zs-13.png) no-repeat 0 0;}
.system-tile.system1:hover, .system-tile.system1.on{background: url(./zs-10.png) no-repeat 0 -240px;}
.system-tile.system2:hover, .system-tile.system2.on{background: url(./zs-11.png) no-repeat 0 -240px;}
.system-tile.system3:hover, .system-tile.system3.on{background: url(./zs-12.png) no-repeat 0 -240px;}
.system-tile.system4:hover, .system-tile.system4.on{background: url(./zs-13.png) no-repeat 0 -240px;}

.system-main{padding: 20px 0 80px;}
.system-main div{transition: all 2s ease;}
.system-main p{font-size: 18px; line-height: 32px;}

.attract-exclusive{position: relative; background-image:-webkit-linear-gradient(to top, #218dff, #458afb); background-image:linear-gradient(to top,#218dff,#458afb); overflow: hidden;}
.exclusive{padding-bottom: 160px;}
.exclusive p{position: relative; font-size: 24px; color: #fff; padding: 32px 0 32px 90px;}
.exclusive p em{position: absolute; left: 0; top: 15px; display: inline-block; margin-right: 20px; width: 70px; height: 70px; vertical-align: middle; background-image: url(../images/zs-9.png); background-repeat: no-repeat;}
.exclusive p em.excl1{background-position: 0 0;}
.exclusive p em.excl2{background-position: 0 -100px;}
.exclusive p em.excl3{background-position: 0 -199px;}

.exclusive-line1{position: absolute; bottom: 0; left: 0; height: 133px; width: 20000px; background-image: url(./zs-15.png); background-repeat: repeat-x; animation: lines 8s linear 0s infinite;}
.exclusive-line2{position: absolute; bottom: 0; left: 0;height: 128px; width: 20000px; background: url(./zs-16.png) repeat; animation: lines 12s linear 0s infinite alternate;}

@keyframes lines
{
	0%  {bottom: -10px; left: -50px;}
	10% {bottom: -0px; left: -100px;}
	20% {bottom: -10px; left: -150px;}
	30% {bottom: -0px; left: -200px;}
	40% {bottom: -10px; left: -250px;}
	50% {bottom: -0px; left: -300px;}
	60% {bottom: -10px; left: -250px;}
	70% {bottom: -0px; left: -200px;}
	80% {bottom: -10px; left: -150px;}
	90% {bottom: -0px; left: -100px;}
	100%{bottom: -10px; left: -50px;}
}

.attract-consult{padding: 20px 0; background-color: #fbb016;}
.attract-consult span{font-size: 24px; color: #fff; vertical-align: middle;}
.attract-consult strong{font-size: 34px; font-weight: normal; color: #fff; padding-left: 30px; vertical-align: middle;}
.attract-consult a{font-size: 20px; color: #fff; padding: 10px 60px; border: 2px solid #fff; border-radius: 3px;}
.attract-consult a:hover{background-color: rgba(255,255,255,0.1);}

.attract-flow .container >p{font-size: 18px; line-height: 32px; padding: 60px 0 100px;}
.flows{display: -webkit-box; display: box;}
.flow-one{position: relative; -webkit-box-flex: 1; box-flex: 1;}
.flow-one p{width: 168px; height: 94px; padding: 16px 20px; text-align: center; font-size: 16px; border-radius: 5px; color: #fff; background: #4da4ff;}
.flow-one em{position: absolute; left: 50%; bottom: -22px; margin-left: -28px; z-index: 1; display: inline-block; font-style: normal; background: #fff; text-align: center; line-height: 52px; width: 54px; height: 54px; border-radius: 50%; font-size: 28px; color: #218dff; border: 3px solid rgba(33,141,255,0.5);}
.flows > i,.flows > b{display: inline-block; width: 34px; height: 34px; margin: 30px 18px 0 18px;}
.flows > i{background: url(./zs-6.png) no-repeat;}
.flows > b{background: url(./zs-7.png) no-repeat;}




@media (min-width:1366px){
.modal-dialog{ width: 840px;}
}

@media (max-width:1366px){
.container {max-width: 900px;}
.ui-top{ height: 55px;}
.ui-top .navbar-nav{}
.ui-top .navbar-header{height: 55px;}
.ui-top .navbar-brand{ height: 55px;}
.ui-top .navbar-nav>li>a{line-height: 55px;font-size: 14px;padding: 0 10px;}
.ui-top .ui-more .navbar-nav li a#dLabel{background-size: 20px; width: 30px; height: 55px; padding: 0 10px;}
.ui-top .ui-more .nav .open>a#dLabel,.ui-top .ui-more .nav .open>a#dLabel:focus,.ui-top .ui-more .nav .open>a#dLabel:hover,.ui-top .ui-more .navbar-nav li.active a#dLabel{background-size: 20px;}
.ui-top .navbar-nav>li.active>a{line-height: 51px;height: 55px;}
.ui-top .navbar-nav>li:last-child>a{line-height: 31px; margin: 12px 0;}
.ui-banner{height: 450px;}
.ui-banner .p1{padding-top: 105px;font-size: 48px;}
.banner-video{margin: 30px 0 0;}
.banner-video button{border: 1px solid #fff; color: #fff; padding: 12px 60px; outline: none; border-radius: 3px; font-size: 16px; background-color: rgba(255, 255, 255, 0.2);}
.ui-block-1{padding-top: 45px;}
.icontext-1{padding: 45px 0 0;}
.icontext-1 .ic{width: 80px; height: 80px;background-size: 80px;}
.icontext-1 .ic.ic-2 {background-position: 0 -80px;}
.icontext-1 .ic.ic-3 {background-position: 0 -160px;}
.icontext-1 .ic.ic-4 {background-position: 0 -240px;}
.ui-block-1 .right {margin-left: 95px;}
.ui-block-1 .right em{font-size: 22px;margin: 8px 0 9px;}
.ui-block-1 .center-img{width: 285px;}
.ui-block-1 .right p {font-size: 14px;}
.ui-download .btn1{ width: 180px;}
.ui-download h4{margin: 12px 0 8px;}
.ui-block-2 h2,.ui-block-3 h2,.ui-block-4 h2 {font-size: 35px;margin-bottom: 55px;}
.icontext-2{ margin-top: 40px;}
.icontext-2 .img{width: 120px; height: 120px;margin-bottom: 20px;}
.icontext-2 .img i{width: 60px;height: 60px;right: -23px;}
.icontext-2 .img i.ic-2{right: -12px;top: -17px;}
.icontext-2 .img i.ic-3{right: -30px;top: 38px;}
.icontext-2 .img i.ic-4{right: -12px;top: 91px;}
.icontext-2 .sub em{font-size: 22px;margin-bottom: 6px;}
.icontext-2 .sub p{font-size: 14px;line-height: 20px;}
.icontext-2 .img i.ic-2, .icontext-2 .img i.ic-3, .icontext-2 .img i.ic-4 { width: 50px; height: 50px;}
.icontext-2 .img2{width: 120px;height: 120px;margin-bottom: 30px;}
.ui-mail{width: 340px;height: 330px;}
.ui-mail .text1,.ui-mail .text2{top: 44px;width: 220px;}
.ui-mail .text3{top: 162px;width: 220px;}
.ui-mail em {font-size: 20px;}
.ui-block-5{height: 470px; padding-top: 135px;}
.ui-block-5 .btn2{ line-height: 48px;font-size: 17px; padding: 0 55px;}
.ui-block-5 .p1{font-size: 28px;margin-bottom: 10px;}
.ui-block-5 .p2{font-size: 32px;margin-bottom: 25px;}
.ui-download-block h2{ font-size: 35px;}
.ui-product-1 h2,.ui-product-2 h2{font-size: 35px;margin-bottom: 20px;}
.ui-product-1 p,.ui-product-2 p{font-size: 16px;}
.fullscreen p{ line-height: 26px;}
.nav.product-nav>li {margin: 10px 7px;}
.product-nav a em{font-size: 16px;}
.ui-download-block{ height: auto;}
.ui-download-block button{width: 100%;font-size: 15px;line-height: 60px;height: 60px;}
.ui-download-block button.btn1{ line-height: 43px;}
.ui-download-block button.btn1 b{left: 59px;top: 29px;}
.ui-update{ width: 100%;}
.company-description{padding-top: 65px;}
.company-description h2{ font-size: 35px;}
.company-description .sub span{font-size: 28px;padding-top: 10px;}
.company-description .triangle-down{top: 55px;}
.description li .text-wrap{padding-top: 16px;}
.description li .text-wrap .year{ font-size: 35px;}
.description{width: 900px;}
.description li.item-left .text-wrap{margin-left: 98px;}
.description li.item-right .text-wrap{margin-right: 98px;}
.description li .line{width: 210px;}
.description li .text-wrap p{line-height: 24px;}
.company-description .txt-wrap{width: 785px;}
.footer .contact{ padding: 0;}
.icontext-2 .img2 img{ width: 100%;}
.card-content .help-img img { max-width: 100%;}
.left-menu.affix{top: 70px;}
.bs-docs-sidebar.affix{top: 70px;}
.data-block-1 .img-1{ display: none;}
.data-block-1 .img-2{ display: block;}
.data-block-1 h2, .data-block-2 h2, .data-block-3 h2 {font-size: 35px;}
.data-block-1 p, .data-block-2 p{font-size: 16px;}
.footer-fixed{padding: 15px 0;}
.footer-fixed span{line-height: 40px;}
.footer-fixed .btn2{height: 40px;padding: 0 35px;}
.footer-fixed .close{top: 15px;}
.agents-4 img{width: 100%; max-width: 372px;}
.ui-intro .intro-banner{ height: 450px;}
.icon-list li{margin: 15px 30px;}
.intro-4 .hd{font-size: 36px;}
.intro-4 .hd img{ width: 170px;}

.tab-problem{padding: 20px 50px 20px; margin-bottom: 30px;}

.flows > i,.flows > b{display: none;}
.ui-news-img img{height: 160px;}

}

@media (min-width:1200px) { 
.container {width: 1140px;}
.navbar {border-radius: 0;}

 }
 @media (min-width:992px) and (max-width:1200px){ 
 .navbar {border-radius: 0;}
.ui-banner .p1{font-size: 4vw;}
.ui-main {min-height: 100%;}
.ui-mail{width: 300px;height: 291px;}
.ui-block-2 h2{font-size: 3vw;margin-bottom: 50px;}
.ui-block-3 h2{font-size: 3vw;margin-bottom: 50px;}
.ui-block-4 h2{font-size: 3vw;margin-bottom: 50px;}
.ui-block-6 h2{font-size: 3vw;margin-bottom: 50px;}
.ui-mail em {font-size: 20px;}
.ui-mail p { font-size: 12px;line-height: 20px;}
.ui-mail .text1,.ui-mail .text2{top: 39px;width: 220px;}
.ui-mail .text3{top: 143px;width: 220px;}
.ui-download .btn1{width:184px;}

.roll-screen.sm-roll-screen a span{padding-top: 50px;}

 }

 @media (max-width:992px){ 
.navbar {border-radius: 0;}
.ui-banner {height: 350px;}
.ui-banner .p1{padding-top: 80px; font-size: 5vw;}
.ui-block-1{padding: 25px 0 60px;}
.ui-block-1 .center-img{ display: none;}
.ui-block-1 .col-md-4{ width: 50%;}
.ui-download .btn1 { width: 140px;margin: 15px 10px;}
.ui-download h4{margin: 8px 0 8px;}
.ui-block-4 { padding: 90px 0;}
.ui-block-6 { padding: 70px 0;}
.ui-mail img{/* display: none; */width: 35%;float: left;}
.ui-mail .text1,.ui-mail .text2,.ui-mail .text3{position: initial;margin-bottom: 20px;text-align: left;width: auto;margin-left: 43%;}
.ui-mail .text1 em,.ui-mail .text2 em,.ui-mail .text3 em{font-size: 20px;}
.ui-mail .text1 p,.ui-mail .text2 p,.ui-mail .text3 p{font-size: 14px;line-height: 20px;}
.ui-mail .text1{padding-top: 24px;}
.ui-mail{ height: auto;width: auto;}
.ui-block-2 h2{font-size: 28px;margin-bottom: 35px;}
.ui-block-3 h2{font-size: 28px;margin-bottom: 35px;}
.ui-block-4 h2{font-size: 28px;margin-bottom: 35px;}
.ui-block-6 h2{font-size: 28px;margin-bottom: 35px;}
.ui-block-5{ display: none;}
.ui-download .btn1{margin: 17px 10px;}
.ui-download-block button.btn1 b{left: 128px;}
.ui-product-1 h2,.ui-product-2 h2{font-size: 28px;}
.ui-product-1 p,.ui-product-2 p{ font-size: 16px;}
.ui-product-1 img,.ui-product-2 img{ width: 90%;}
.description{width: 750px;}
.description li.item-left .text-wrap{margin-left: 48px;}
.description li.item-right .text-wrap{margin-right: 48px;}
.description li .line{width: 135px;}
.company-description .txt-wrap{width: 735px;}
.nav.product-nav>li{ margin: 0;}
.nav.product-nav>li.col-md-2{margin: 10px;}
.data-block-1 h2, .data-block-2 h2, .data-block-3 h2 {font-size: 28px;}
.icontext-3 img{ width:100px;}
.ui-product .product-banner{height: 213px;}
.ui-data .data-banner{height: 213px;}
.ui-company .company-banner{height: 213px;}
.agents-1{height: 213px;}
.agents-1 h2{font-size: 26px;margin-top: 34px;}
.ui-intro .intro-banner{ height: 350px;}
.intro-1 h2, .intro-2 h2, .intro-3 h2{ font-size: 28px;}
.intro-1 h3{font-size: 24px;margin-bottom: 15px;}
.intro-1 h3+p{font-size: 18px;line-height: 20px;}
.icon-list li{margin: 11px 17px;}
.icontext-5{ margin-bottom: 40px;}
.icontext-5 .sub em{ font-size: 24px;margin:18px 0 15px;}
.icontext-5 .sub p{font-size: 18px;line-height: 20px;}
.intro-4 .hd img{ display: none;}
.ui-error .left img{ max-width: 100%;}
.ui-error .right{padding-top: 110px;}
.ui-error .right h2{font-size: 26px;}
.bs-docs-sidebar{max-width: 157px;}
.bs-docs-sidebar.affix { position: fixed;}

.flow-one p{width: 138px; height: 120px;}
.system-tile{margin-left: -20px;}

.attract p{bottom: 15px; font-size: 14px; margin-left: -96px;}
.attract a{padding: 8px 52px; font-size: 15px; bottom: 40px; margin-left: -82px;}

.video-mp4 video{height: 300px;}
.video-mp4 a{margin-left: 222px;}
.roll-screen.sm-roll-screen a span{padding-top: 40px; font-size: 18px;}
.roll-screen.sm-roll-screen a span img{width: 26px;}

 }
 
@media (max-width:767px) { 
.ui-top{ height: 55px;}
.navbar-brand>img{ height: 100%;}
.navbar {border-radius: 0;}
.ui-top .navbar-nav{ margin:7px 0;}
.navbar-collapse{ border-top: 1px solid #eee;padding: 0;}
.ui-top .navbar-nav>li{ margin-left: 0;}
.ui-top .navbar-nav>li>a{ font-size: 14px;line-height: 40px;}
.ui-top .navbar-nav>li.active>a{ background: #eee; color: #218dff; border-radius: 0;line-height: 40px;border: none;height: 40px;}
.ui-top .navbar-nav>li:last-child>a{text-align: center; margin: 0 18px;}
.ui-banner{height: 250px;}
.ui-banner .p1{font-size: 36px;padding-top: 45px;}
.ui-banner .p2{ font-size: 18px;}
.ui-block-1{padding:15px 0 60px;}
.ui-block-1 .center-img{ display: none;}
.icontext-1{padding: 35px 15px 0;text-align: center;}
.icontext-1 .ic{width: 80px; height: 80px;background-size: 80px;margin: 0 auto;float: none;}
.icontext-1 .ic.ic-2 {background-position: 0 -80px;}
.icontext-1 .ic.ic-3 {background-position: 0 -160px;}
.icontext-1 .ic.ic-4 {background-position: 0 -240px;}
.ui-block-1 .right { margin-left: 0;}
.ui-block-1 .right em{font-size: 17px; margin: 8px 0 7px;}
.ui-block-1 .right p { font-size: 14px;height: 40px;overflow: hidden;}
.ui-download{ text-align: center;}
.ui-download p{margin-bottom: 0px;}
.ui-download .btn1{margin: 22px 0 10px;}
.ui-block-2,.ui-block-3,.ui-block-4,.ui-block-6{ padding: 50px 0;}
.ui-block-2 h2,.ui-block-3 h2,.ui-block-4 h2,.ui-block-6 h2{font-size: 22px;margin-bottom: 20px;}
.icontext-2{margin-top: 30px;overflow: hidden;}
.icontext-2 .img{width: 80px;height: 80px;margin-bottom: 15px;padding: 0;float: left;}
.icontext-2 .img i{width: 40px;height: 40px;right: -15px;}
.icontext-2 .img i.ic-2{right: -2px;top: -17px;}
.icontext-2 .img i.ic-3{right: -18px;top: 24px;}
.icontext-2 .img i.ic-4{right: -2px;top: 63px;}
.icontext-2 .sub{ text-align: left;margin-left: 105px;margin-top: 6px;}
.icontext-2 .sub em{font-size: 18px;margin-bottom: 6px;}
.icontext-2 .sub p{font-size: 12px;line-height: 18px;}
.icontext-2 .img i.ic-2, .icontext-2 .img i.ic-3, .icontext-2 .img i.ic-4 {width: 35px;height: 35px;}
.icontext-2 .img2{width: 80px;height: 80px;margin-bottom: 15px;float: left;margin-left: 10px;}
.ui-mail img{ display: none;}
.ui-mail .text1,.ui-mail .text2,.ui-mail .text3{position: initial; margin-bottom: 15px;text-align: center;width: auto;margin-left: 0;}
.ui-mail .text1 em,.ui-mail .text2 em,.ui-mail .text3 em{font-size: 20px;}
.ui-mail .text1 p,.ui-mail .text2 p,.ui-mail .text3 p{font-size: 14px;line-height: 20px;}
.ui-mail .text1{ margin-top: 25px;}
.ui-mail{ height: auto;width: auto;}
.ui-block-5{display: none;}
.footer .tel-title{ text-align: center; background: none;padding-left:0;}
.footer .tel{ text-align: center; display: block;}
.footer .code-img{padding: 15px 0;text-align: center;}
.footer .contact{ padding: 15px 0;text-align: center;}
.footer .code-img img {max-width: 140px;}
.ui-product-1,.ui-product-2{text-align: center; padding: 60px 0;}
.ui-product-1 h2,.ui-product-2 h2{font-size: 28px;margin-top: 0;margin-bottom: 15px;}
.ui-product-1 p,.ui-product-2 p{ font-size: 16px;}
.ui-product-1 img,.ui-product-2 img{ width: 35%;}
.ui-product-1 .col-xs-12+.col-xs-12,.ui-product-2 .col-xs-12+.col-xs-12{ margin-top: 30px;}
.ui-download-block .left-img {text-align: center;}
.ui-download-block .left-img img{ width: 60%; }
.ui-update{margin: 25px auto;}
.ui-update ul li .title{font-size: 20px;}
.ui-update ul li .title i{margin: 12px 0 0 7px;}
.ui-update ul li:after{left: 121px;display: none;}
.ui-update ul li .content .date{margin: 15px 0 0 29px;z-index: 10;position: relative;}
.ui-update ul li .content .version{display: inline; margin-right: 16px;}
.ui-update ul li .content .dot{left: 114px;top: 35px;display: none;}
.ui-update ul li .content .right{margin-left: 0;z-index: 2;position: relative;padding-top: 40px;}
.ui-update ul li .content:after{left: 140px;top: 30px;}
.ui-update ul li .content{padding-top: 30px;}
.ui-update ul li .content .right h3 { font-size: 16px; margin-bottom: 6px;}
.ui-update ul li .content .right .text {line-height: 22px;font-size: 12px;}
.ui-update ul li .content .right .date2{display: block;font-weight: bold;margin-bottom: 10px;}
.ui-update ul li .title strong{margin-left: 10px;}
.ui-update ul li .title em{ display: none;}
.ui-download-block button.btn1,.ui-download-block button.btn2{ display: none;}
.ui-download-block h2{font-size: 30px;margin-bottom: 25px;}
.ui-download-block .code{ width: 50%;}
.ui-download-block .code span{font-size: 16px;margin: 10px 0 0;}
.company-description{padding-top: 25px;}
.company-description h2{font-size: 26px;}
.company-description .sub span{font-size: 18px;padding-top: 6px;}
.company-description .triangle-down{display: none;}
.description{width: auto;}
.description ul{margin-top: 5px;}
.description .dashed-line{ display: none;}
.description ul:after{left: 40px;}
.description li .ic{width: 70px; height: 70px;}
.description li.item-left .ic{left: -44px;}
.description li.item-left{margin-left: 50px;}
.description li.item-right{margin-left: 50px;margin-right: 0;}
.description li.item-right .ic{right: auto;left: -44px;}
.description li .line{width: calc(100% - 150px);}
.description li.item-left .line{left: 21px;top: 35px;}
.description li.item-right .line{right: auto;left: 21px;top: 35px;}
.description li.item-right .line .dot{left: auto;right: 0;}
.description li.item-left .text-wrap,.description li.item-right .text-wrap{ margin: 0 20px;}
.description li .text-wrap .year{font-size: 26px;}
.description li .text-wrap p{line-height: 22px;font-size: 12px;}
.description li.item-right .text-wrap .year{text-align: right;}
.company-description .txt-wrap{width: auto;margin: 30px 20px;font-size: 12px;line-height: 22px;}
.update-nav{ font-size: 14px;}
.nav.update-nav>li>a{padding: 10px 20px;}
.ui-help-banner{height: 150px;}
.ui-help-banner h2{font-size: 30px;padding-top: 45px;}
.left-menu{width: 100%;float: none!important;margin-bottom: 10px;}
.bs-docs-sidebar{ width: 100%;max-width: initial;}
.bs-docs-sidebar.affix{ position: relative;top: initial;}
.ui-help-bd .container > .tab-content{overflow: hidden; margin-left: 0;}
.menu-title {padding: 10px 0 10px 15px;font-size: 16px;}
#myTabContent h3, .normal-title{font-size: 16px;padding: 10px 0 10px 0;}
.ui-help-bd{padding-top: 15px;}
.card-content .help-img img{ max-width: 100%;}
.nav.product-nav>li.col-md-2 {width: 48%;margin: 5px 1%;}
.product-nav a em{font-size: 15px;}
.left-menu.affix{ position: relative;}
.data-block-1 h2, .data-block-2 h2, .data-block-3 h2 {font-size: 22px;}
.icontext-3 img{ width: 80%;}
.icontext-3 .sub{font-size: 14px;margin-top: 10px;}
.data-block-1,.data-block-2,.data-block-3{ padding: 40px 0;}
.img-title{ margin-top: 30px;width: auto;}
.data-block-3 h2{ margin-bottom: 30px;}
.icontext-4{margin-bottom: 10px;}
.modal-body .form-group{ margin-bottom: 0;}
.modal-header{padding: 15px 0 5px 0;font-size: 20px;margin-bottom: 0px;}
.modal .form-control{height: 40px;}
.modal .control-label{padding-top: 10px;font-size: 14px;}
.modal-footer{ margin: 0;}
.modal-footer .btn{padding: 0px;width: 100px;height: 40px;font-size: 14px;}
.guide img{ width: 70%; height: auto;}
.guide h3{font-size: 30px;}
.guide .gui_down{height: auto; padding: 15px;}
.guide .gui_down span{font-size: 16px;display: block;float: none;line-height: 20px;margin-top: 15px;}
.guide .gui_down a{width: 140px;height: 45px; font-size: 18px; line-height: 45px;margin: 0 auto;float: none;}
.ui-product .product-banner{height: 150px;}
.ui-data .data-banner{height: 150px;}
.ui-company .company-banner{height: 150px;}
.footer-fixed span{display: block; font-size: 16px;}
.footer-fixed .close{ right: 6px;}
.form-horizontal select{ margin-bottom: 10px;}
.apply-success{padding: 30px 15px;}
.apply-success h2 img{ width: 33px;}
.apply-success h2{font-size: 26px;}
.apply-success p{font-size: 14px;line-height: 20px;}
.apply-download .wrap{width: auto;text-align: center;}
.apply-download .code{display: inline-block; float: none;width: 48%;}
.apply-download .container{padding: 0 15px 25px;}
.apply-download .btn {width: 100%;}
.download-btn{ display: none;}
.apply-advantage .img img{ width: 100%;}
.apply-advantage{margin: 25px 0;}
.apply-advantage .txt strong{float: none;font-size: 36px;line-height: 40px;}
.apply-advantage .txt .right{margin:10px 0 0;}
.apply-advantage .txt .right p{font-size: 14px;line-height: 20px;}
.footer a{text-align: center; margin-top: 10px;}
.fullscreen {padding: 0 15px;}
.agents-1{height: 150px;}
.agents-2, .agents-3, .agents-4{ text-align: center;padding-bottom: 60px;}
.agents-1 a{margin: 17px auto 0;width: 120px;height: 36px;line-height: 36px;}
.agents-1 h2{font-size: 18px;margin-top: 22px;line-height: 26px;}
.agents-2 p, .agents-3 p, .agents-4 p{font-size: 16px;line-height: 24px;}
.agents-2 img{width: 85%;max-width: 290px;}
.agents-3 img{width: 85%;max-width: 321px;}
.ui-intro .intro-banner{ height: 250px;}
.intro-1,.intro-2,.intro-3{padding: 60px 0 60px;}
.intro-1 h3{font-size: 20px;margin-bottom: 10px; text-align: center;}
.intro-1 h3+p{font-size: 15px;line-height: 20px; text-align: center;}
.intro-1 h2, .intro-2 h2, .intro-3 h2{margin-bottom: 30px;}
.intro-1 p+h3{margin-top: 25px;}
.icon-list{width: 290px;margin: 25px auto 0;}
.icon-list li{margin: 8px 8px;}
.icontext-5 .ic{width: 80px; height: 80px;background-size: 80px;margin: 0 auto;float: none;}
.icontext-5 .ic.ic-2 {background-position: 0 -80px;}
.icontext-5 .ic.ic-3 {background-position: 0 -160px;}
.icontext-5 .ic.ic-4 {background-position: 0 -240px;}
.icontext-5{margin-bottom: 20px;}
.icontext-5 .sub em{font-size: 17px; margin: 8px 0 7px;}
.icontext-5 .sub p { font-size: 14px;height: 60px;overflow: hidden;}
.features-list li{width: 100%;}
.features-list .left .ic,.features-list .right .ic{ float: left;margin: 0 10px;}
.features-list .txt,.features-list .right .txt{ margin-left: 105px;}
.features-list .left .txt{ text-align: left;margin-right: 0;}
.intro-4 .hd{font-size: 26px;}
.intro-4 .hd img{ display: none;}
.intro-4 p{font-size: 16px;}
.ui-error{padding: 20px 0;}
.ui-error .left img{ max-width: 75%;}
.ui-error .right{ text-align: center;padding-top: 25px;}
.ui-error .right h2{font-size: 18px;margin-bottom: 6px;}
.ui-error .right .p1{margin-bottom: 10px;}
.ui-error .right .link-btn{ margin:0 auto;}
.qq-contact { display: none !important;}

.tab-feedback form{padding: 12px 0 15px 0;}
.tab-problem{padding: 15px 15px 2px; text-align: left;}
.tab-problem form{width: 100%;}
.tab-problem p{padding-bottom: 5px; font-size: 14px; text-align: left;}
.tab-problem p img{width: 15px; margin-right: 5px;}
.tab-hot{padding: 5px 0 10px 5px;}
.tab-hot span{font-size: 12px;}
.tab-hot a{padding: 0 0 0 5px;}
.row-screen .col-sm-4{text-align: left; padding-top: 12px;}

.attract p{font-size: 12px; margin-left: -82px; bottom: 10px;}
.attract a{ margin-left: -58px; font-size: 14px; padding: 6px 30px; bottom: 30px;}

.flows{display: block;}
.flow-one{box-flex: none; margin: 0 0 15px 25px;}
.flow-one p{width: 100%; height: auto;}
.flow-one em{left: 0; top: 0;}

.attract-title{margin: 40px 0;}
.attract-title img{max-height: 52px;}
.policy{margin-bottom: 20px; min-height: 162px;}
.policy p{font-size: 16px; padding: 15px 25px 15px; line-height: 28px;}
.policy span{height: 54px;}
.policy span:before{width: 25px; height: 25px; background-size: 25px; margin: 15px;}
.policy.policy2 span:before{background-position: 0 -69px;}
.policy.policy3 span:before{background-position: 0 -137px;}
.policy.policy4 span:before{background-position: 0 -209px;}
.policy.policy5 span:before{background-position: 0 -276px;}
.policy b{border-width: 120px; border-left: 120px solid transparent;}
.policy b:before{background-size: 25px; top: 26px; right: 0;}
.policy.policy1 b{border-bottom: 70px solid #41bdfd;}
.policy.policy2 b{border-bottom: 70px solid #ff6b6b;}
.policy.policy3 b{border-bottom: 70px solid #0fd4dd;}
.policy.policy4 b{border-bottom: 70px solid #f2cb40;}
.policy.policy5 b{border-bottom: 70px solid #bfa4f1;}
.policy.policy1 b:before{background-position: 0 -338px;}
.policy.policy2 b:before{background-position: 0 -408px;}
.policy.policy3 b:before{background-position: 0 -479px;}
.policy.policy4 b:before{background-position: 0 -549px;}
.policy.policy5 b:before{background-position: 0 -620px;}

.exclusive p{font-size: 18px; padding: 15px 0 15px 50px;}
.exclusive p em{background-size: 36px; width: 36px; height: 36px; }
.exclusive p em.excl2{background-position: 0 -51px}
.exclusive p em.excl3{background-position: 0 -102px}
.attract-flow .container >p{font-size: 16px; line-height: 28px; padding: 40px 0 60px;}
.attract-consult{padding: 15px 0;}
.attract-consult span{font-size: 20px; line-height: 40px;}
.attract-consult strong{font-size: 20px; line-height: 40px;}
.attract-consult a.pull-right{font-size: 14px; padding: 8px 40px;}
.system-main p{font-size: 16px; line-height: 28px;}
.system-tile{margin: 15px auto;}

.video-mp4 video{height: 250px; padding: 0;}
.video-mp4 a{top: 0; margin-left: 186px; padding: 6px 10px;}

.ui-news h6{height: auto;}
.ui-news p{height: auto;}
.ui-news-img img{height: 200px;}

.ui-top .ui-more .navbar-nav li a#dLabel{color: #333; width: 100%; height: auto; background: none;}
.ui-top .ui-more .navbar-nav li a#dLabel:after{content: "更多";}
.ui-top .ui-more .nav .open>a#dLabel,.ui-top .ui-more .nav .open>a#dLabel:focus,.ui-top .ui-more .nav .open>a#dLabel:hover,.ui-top .ui-more .navbar-nav li.active a#dLabel{border-bottom: 2px solid #218dff; background: none;}

.roll-screen.sm-roll-screen a span{padding-top: 55px; font-size: 22px;}
.roll-screen.sm-roll-screen a span img{width: auto;}

}

@media (max-width:560px) { 
.attract-consult{padding: 10px 0; text-align: center;}
.attract-consult span{font-size: 16px; }
.attract-consult strong{font-size: 16px; padding-left: 10px;}
.attract-consult a.pull-right{display: inline-block; margin: 10px 0; border: 1px solid #fff; text-align: center; font-size: 14px; padding: 5px 20px; float: none !important;}

.system-tile{width: 150px; height: 150px; margin: 10px auto;}
.system-tile.system1,.system-tile.system2,.system-tile.system3,.system-tile.system4{background-size: 150px !important;}
.system-tile.system1:hover, .system-tile.system1.on{background: url(./zs-10.png) no-repeat 0 -168px;}
.system-tile.system2:hover, .system-tile.system2.on{background: url(./zs-11.png) no-repeat 0 -168px;}
.system-tile.system3:hover, .system-tile.system3.on{background: url(./zs-12.png) no-repeat 0 -168px;}
.system-tile.system4:hover, .system-tile.system4.on{background: url(./zs-13.png) no-repeat 0 -168px;}

.attract p{display: none;}
.attract a{margin-left: -58px; font-size: 12px; padding: 4px 18px; bottom: 12px;}

.roll-screen.sm-roll-screen a span{padding-top: 30px; font-size: 20px;}
.roll-screen.sm-roll-screen a span img{width: 26px;}

}

@media (max-width:420px) { 

.ui-product-3 .col-sm-4.col-md-4{padding-top: 20px;}
.ui-product-3 .col-sm-4.col-md-4 img{padding: 0 60px;}
.ui-product-3 .col-sm-8.col-md-8{padding: 20px;}
.ui-product-3 h3{font-size: 1.5em; padding: 0; text-align: center;}
.ui-product-3 p{padding: 0; font-size: 1.1em; line-height: 22px; margin-top: 15px;}
.ui-product-3 p em.pdt1, .ui-product-3 p em.pdt2{position: inherit; display: block; height: 24px; background-size: 70%;}

.attract-title{margin: 30px 0;}
.attract-title img{max-height: 40px;}
.ui-banner .p1{font-size: 28px;}
.banner-video button {padding: 10px 40px; font-size: 14px;}

.video-mp4 video{width: 320px; padding: 0;}
.video-mp4 a{top: 0; margin-left: 124px; padding: 6px 10px;}

.ui-news-more{margin: 5px 0 0;}
.ui-news-more a{display: block; font-size: 14px; padding: 12px 0;}

.roll-screen a span img{width: 26px;}
.roll-screen a span{font-size: 14px; padding-top: 100px;}

.roll-screen.sm-roll-screen a span{padding-top: 12px; font-size: 12px;}
.roll-screen.sm-roll-screen a span img{width: 22px; margin: 5px auto;}


 }



.qq-contact{ position: fixed;right: 10px;bottom: 180px;  text-align:center;display: block;margin-bottom: 5px;cursor: pointer;padding-top: 10px !important;z-index: 2;}