@charset "utf-8";
@import url(base.css);
/* header */
.ttshop_1200{width: 1200px;margin: 0 auto;}
.ttshop_header{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 5000;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_headeractive{box-shadow: 0 0 1px rgba(235, 0, 0, 0.25);background: #fff;}
.ttshop_headeractive .ttshop_headerleft a .logo{display: none;}
.ttshop_headeractive .ttshop_headerleft a .logos{display: block;}
.ttshop_headeractive .ttshop_headernav>ul>li>a{color: #333;}
.ttshop_headeractive .ttshop_headernav>ul>li>a i{background: url(../images/xialas.svg) center no-repeat;}
.ttshop_headeractive .ttshop_headeright>a{border-color:#F94A1F;color: #F94A1F;}
.ttshop_headeractive .ttshop_headeright .ttshop_headerlast  span{background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_headeractives{box-shadow: 0 0 1px rgba(235, 0, 0, 0.25);background: #fff;}
.ttshop_headeractives .ttshop_headerleft a .logo{display: none;}
.ttshop_headeractives .ttshop_headerleft a .logos{display: block;}
.ttshop_headeractives .ttshop_headernav>ul>li>a{color: #333;}
.ttshop_headeractives .ttshop_headernav>ul>li>a i{background: url(../images/xialas.svg) center no-repeat;}
.ttshop_headeractives .ttshop_headernav>ul>.active>a i{background: url(../images/xialactive.svg) center no-repeat;}
.ttshop_headeractives .ttshop_headeright>a{border-color:#F94A1F;color: #F94A1F;}
.ttshop_headeractives .ttshop_headeright .ttshop_headerlast  span{background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_header:hover{background: #fff;}
.ttshop_header:hover .ttshop_headerleft a .logo{display: none;}
.ttshop_header:hover .ttshop_headerleft a .logos{display: block;}
.ttshop_header:hover .ttshop_headernav>ul>li>a{color: #333;}
.ttshop_header:hover .ttshop_headeright>a{border-color:#F94A1F;color: #F94A1F;}
.ttshop_header:hover .ttshop_headeright .ttshop_headerlast  span{color:#fff;background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_headerleft{float: left;padding-top: 18px;box-sizing: border-box;margin-right: 60px;}
.ttshop_headerleft a{display: block;}
.ttshop_headerleft a img{display: block;}
.ttshop_headerleft a .logos{display: none;}
.ttshop_headernav{float: left;}
.ttshop_headernav>ul>li{float: left;line-height: 70px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
margin-right: 40px;}
.ttshop_headernav>ul>.ttshop_actives{position:relative;}
.ttshop_headernav>ul>li:last-child{margin-right: 0;}
.ttshop_headernav>ul>li>a{display: block;font-size: 16px;color: #fff;font-weight: 400;text-align: center;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_headernav>ul>li>a i{display: inline-block;width: 10px;height: 10px;background: url(../images/xiala.svg) center no-repeat;
vertical-align: 0px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_headernav>ul>li>a::before{content: "";width: 0%;height: 2px;background: #F85415;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;}
.ttshop_headernav>ul>.active>a{color: #F85415 !important;}
.ttshop_headernav>ul>.active>a i{background: url(../images/xialas.svg) center no-repeat;}
.ttshop_headernav>ul>.active>a::before{width: 100%;}
.ttshop_headernav>ul>li:hover a::before{width: 100%;}
.ttshop_headernav>ul>li:hover a i{background: url(../images/xialas.svg) center no-repeat;}
.ttshop_headernav>ul>li>a:hover{color: #F85415;}
.ttshop_headeright{float: right;padding-top: 20px;box-sizing: border-box;}
.ttshop_headeright>a{font-size: 14px;color: #fff;border-radius: 20px;width: 90px;height: 32px;border: 1px solid #fff;
display: block;line-height: 30px;text-align: center;float: left;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_headeright .ttshop_headerlast{float: left;height: 50px;position: relative;margin-left: 10px;}
.ttshop_headeright .ttshop_headerlast span{font-size: 14px;color: #fff;border-radius: 20px;
text-align: center;box-sizing: border-box;cursor: pointer;display: block;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background: rgba(255,255,255,0.3);border: 0;width: 90px;height: 32px;line-height: 32px;}
.ttshop_headeright .ttshop_headerlast span:hover{box-shadow: 0 0 10px rgba(235, 0, 0, 0.25);}
.ttshop_headerlast .xxfb01{display: none;position: absolute;right:0;top :50px;width:435px;box-sizing: border-box;border-radius: 0 0 6px 6px;}
.xxfb{width:100%;background-color:rgba(0,0,0,0.8);box-sizing: border-box;border-radius: 0 0 6px 6px;}
.xxfb>h2{padding:0 45px;height:55px;line-height: 56px;font-size: 18px;color:#fff;box-sizing: border-box;display: flex;-webkit-display:flex;align-items: center;}
.xxfb>h2 p{margin-right:15px;}
.xxfb>ul>li{height:55px;background-color: #2f3138;box-sizing: border-box;padding:0 50px;display: flex;-webkit-display:flex;align-items: center;color:#fff;font-size: 14px}
.xxfb>ul>li p+a+a{display: flex;align-items: center;justify-content: center;border-radius: 0 2px 2px 0;}
.xxfb>ul>li a{display:block;width:100px;height:34px;line-height: 34px;border:1px solid #e23f2b;color:#e23f2b;
text-align: center;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.xxfb>ul>li a:hover{border:1px solid #e35d4d;color:#fff;background-color:#e35d4d;}
.xxfb>ul>li a div{width:14px;height:15px;background-image:url(../images/qqlx.png);background-position:center; margin-right: 5px ;}
.xxfb>ul>li a:hover div{background-image:url(../images/qqlx01.png);}
.xxfb>ul>li p{width:105px;}
.xxfb>ul>li p+a{background-color:#e23f2b;border:1px solid #e23f2b;color:#fff;border-radius: 2px 0 0 2px;}
.xxfb>ul>li p+a:hover{background-color:#e35d4d;color:#fff;border:1px solid #e35d4d;}
.xxfb>ul>li:first-child+li{background-color:#22242b}
.xxfb>div{padding-bottom: 10px;box-sizing: border-box;}
.xxfb>div ul{display: flex;-webkit-display:flex;box-sizing: border-box;padding:0 42px;}
.xxfb>div ul li{flex:none;width:92px;text-align: center;margin-right: 35px;}
.xxfb>div ul li:last-child{margin-right: 0;}
.xxfb>div ul li img{display: block;border-radius: 2px;}
.xxfb>div ul li p{color:#fff;font-size: 14px;line-height: 35px}
.sanjiao{width:0px;height:0px;position: absolute;top:-30px;right:35px;
border-width: 10px;border-style: solid;border-color:transparent transparent rgba(0,0,0,0.8) transparent;}
/* 二级下拉 */
.ttshop_slidenavs{position: absolute;background: #fff;padding: 5px 0;box-sizing: border-box;border-radius: 0 0 4px 4px;min-width: 150px;
top: 70px;left: 50%;margin-left: -75px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);display: none;}
.ttshop_slidenavs a{display: block;line-height: 30px;font-size: 14px;color: #333;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_slidenavs a:hover{color: #F85415;}
.ttshop_slidenav{width: 100%;height: 200px;position: absolute;top: 70px;left: 0;background: #fff;border-top: 1px solid #F5F5F5;height: 350px;
display: none;}
.ttshop_slidenavlist>div{height: 350px;}
.ttshop_slidenavleft{float: left;width: 28%;border-right: 1px solid #f5f5f5;}
.ttshop_navtitle{width: 100%;font-size: 16px;color: #333;font-weight: 500;line-height: 16px;padding-top: 20px;padding-bottom: 15px;box-sizing: border-box;}
.ttshop_slidenavleft ul li{width: 100%;margin-bottom: 5px;}
.ttshop_slidenavleft ul li a{display: block;}
.ttshop_navimg{float: left;width: 60px;height: 60px;margin-right: 4px;} 
.ttshop_navimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;width: 100%;height: 100%;}
.ttshop_navtext{float: left;padding-top: 3%;box-sizing: border-box;width: 80%;padding-right: 10px;}
.ttshop_navtext h5{font-size: 16px;color: #333;font-weight: 500;line-height: 16px;margin-bottom: 4px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_navtext p{font-size: 12px;color: #999;font-weight: 500;line-height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_slidenavleft ul li:hover .ttshop_navtext h5{color: #F85415;}
.ttshop_slidenavleft ul li:hover .ttshop_navimg img{margin-top: -2px;}
.ttshop_slidenavcon{float: left;width: 40%;border-right: 1px solid #f5f5f5;padding: 0 45px;box-sizing: border-box;}
.ttshop_slidenavcon ul{padding-top: 6px;box-sizing: border-box;}
.ttshop_slidenavcon ul li{float: left;width: 33.3%;margin-bottom: 17px;}
.ttshop_slidenavcon ul li a{display: block;}
.ttshop_navconimg{float: left;width: 24px;height: 24px;border-radius: 50%;margin-right: 8px;}
.ttshop_navconimg img{display: block;border-radius: 50%;}
.ttshop_navcontext{float: left;width: 72%;}
.ttshop_navcontext p{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 25px;}
.ttshop_slidenavcon ul li:hover .ttshop_navcontext p{color: #F94A1F;}
.ttshop_slidenavright{float: left;width: 31.8%;padding: 0 68px;box-sizing: border-box;}
.ttshop_slidenavright ul{padding-top: 6px;box-sizing: border-box;}
.ttshop_slidenavright ul li{float: left;width: 100%;margin-bottom: 17px;}
.ttshop_slidenavright ul li a{display: block;}
.ttshop_navrightimg{float: left;width: 24px;height: 24px;border-radius: 50%;margin-right: 8px;}
.ttshop_navrightimg img{display: block;border-radius: 50%;}
.ttshop_navrightext{float: left;width: 72%;}
.ttshop_navrightext p{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 25px;}
.ttshop_slidenavright ul li:hover .ttshop_navrightext p{color: #F94A1F;}
/* 新增二级菜单 */
.newnav{width: 100%;position: absolute;top: 70px;left: 0;background: #fff;border-top: 1px solid #F5F5F5;padding-bottom: 30px;box-sizing: border-box;
display: none;box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);}
.newnavcon{width: 100%;padding-top: 19px;box-sizing: border-box;}
.newnavconleft{float: left;width:305px;}
.newnavconleft h4{font-size: 14px;color: #999;font-weight: 400;line-height: 14px;margin-bottom: 8px;padding-left: 10px;box-sizing: border-box;}
.newnavconleft ul{width: 100%;position: relative;}
.newnavconleft ul::before{content: '';width: 1px;height: 100%;background: #F0F1F2;position: absolute;top: 0;right: 0;}
.newnavconleft ul li{width: 288px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;height: 80px;border-radius: 2px;}
.newnavconleft ul li a{display: block;width: 100%;height: 100%;padding-top: 15px;padding-left: 10px;box-sizing: border-box;
padding-right: 15px;}
.newnavconleftimg{float: left;width: 53px;}
.newnavconleftimg img{display: block;}
.newnavconleftext{float: left;width: 205px;padding-top: 4px;box-sizing: border-box;}
.newnavconleftext h5{font-size: 16px;color: #333;font-weight: 500;line-height: 16px;margin-bottom: 10px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newnavconleftext p{font-size: 12px;color: #999;font-weight: 500;line-height: 12px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newnavconleft ul li:hover{background: #F5F6F7;}
.newnavconleft ul li:hover .newnavconleftext h5{color: #F85415;}
.newnavconright{float: left;width: 895px;height: 200px;padding-left: 35px;box-sizing: border-box;}
.newnavconright h4{font-size: 14px;color: #999;font-weight: 400;line-height: 14px;margin-bottom: 8px;
padding-left: 14px;box-sizing: border-box;}
.newnavconright ul li{width: 255px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;height: 80px;
float: left;margin-right: 47px;}
.newnavconright ul li:nth-child(3n){margin-right: 0;}
.newnavconright ul li a{display: block;width: 100%;height: 100%;padding: 21px 14px 14px 14px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 2px;}
.newnavconright ul li a h5{font-size: 16px;color: #333;font-weight: 500;line-height: 16px;margin-bottom: 10px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newnavconright ul li a p{font-size: 12px;color: #999;font-weight: 500;line-height: 12px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newnavconright ul li a:hover{background: #F5F6F7;}
.newnavconright ul li a:hover h5{color: #F85415;padding-left: 5px;box-sizing: border-box;}
/* banner */
.ttshop_banner{width: 100%;}
.ttshop_bannercon{width: 100%;}
.ttshop_bannercon ul li{width: 100%;}
.ttshop_bannercon ul li a{display: block;font-size: 0;}
.ttshop_bannercon ul li a img{display: block;margin: 0 auto;}
.ttshop_bannercon>.swiper-pagination-bullets{bottom: 15px !important;}
.ttshop_bannercon .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255,255,255,0.5);opacity: 1;border-radius: 0;position: relative;}
.ttshop_bannercon .swiper-pagination-bullet:after{content: "";display: block;width: 0;height: 2px;position: absolute;background-color: #fff;top: 0;left: 0;}
.ttshop_bannercon .swiper-pagination-bullet-active:after{transition: width 3s;width: 100%;}
/* 主营模块 */
.ttshop_modular{width: 100%;background: #F5F6FA;}
.ttshop_modularcon ul li{float: left;width: 25%;}
.ttshop_modularcon ul li a{display: block;padding: 20px 0;box-sizing: border-box;}
.ttshop_modularleft{float: left;width: 60px;height: 60px;background: url(../images/ttshop_icons.png) no-repeat left center;
margin-left: 26px;margin-right: 6px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_modularcon ul li:nth-child(1) .ttshop_modularleft{background-position:0 0;}
.ttshop_modularcon ul li:nth-child(2) .ttshop_modularleft{background-position:-120px 0;}
.ttshop_modularcon ul li:nth-child(3) .ttshop_modularleft{background-position:-240px 0;}
.ttshop_modularcon ul li:nth-child(4) .ttshop_modularleft{background-position:-360px 0;}
.ttshop_modularight{float: left;padding-top: 12px;box-sizing: border-box;width: 68%;}
.ttshop_modularight h5{font-size: 16px;color: #333;font-weight: 600;line-height: 1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom: 3px;}
.ttshop_modularight p{font-size: 14px;color: #888;font-weight: 400;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_modularcon ul li:hover .ttshop_modularight h5{color: #fc8080;}
.ttshop_modularcon ul li:nth-child(1):hover .ttshop_modularleft{background-position:-60px 0;}
.ttshop_modularcon ul li:nth-child(2):hover .ttshop_modularleft{background-position:-180px 0;}
.ttshop_modularcon ul li:nth-child(3):hover .ttshop_modularleft{background-position:-300px 0;}
.ttshop_modularcon ul li:nth-child(4):hover .ttshop_modularleft{background-position:-420px 0;}
/* 主要系统 */
.ttshop_system{width: 100%;padding: 40px 0;box-sizing: border-box;}
.ttshop_systemleft{float: left;width: 30%;}
.ttshop_systemtop{width: 100%;margin-bottom: 60px;padding-top: 22px;box-sizing: border-box;}
.ttshop_systemtop:last-child{margin-bottom: 0;padding-top: 0;}
.ttshop_systemtop h5{font-size: 18px;color: #333;font-weight: 600;}
.ttshop_systemtop h5 a{display: block;color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.picon-hot{ margin-left: 10px; background: url(../images/menu_icon01_1.svg) no-repeat; width: 37px; height: 18px; display: inline-block; vertical-align: text-top;}
.picon-new{ margin-left: 10px; background: url(../images/menu_icon02_1.svg) no-repeat; width: 37px; height: 18px; display: inline-block; vertical-align: text-top;}
.ttshop_systemtop p{font-size: 14px;color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 10px 0;}
.ttshop_systemtop h5 a:hover{color: #F85415;}
.ttshop_zx{width: 130px;height: 40px;border: 1px solid #E5E5E5;color: #333;line-height: 40px;text-align: center;font-size: 14px;display:block;
margin-right: 15px;margin-top: 15px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;}
.ttshop_zx:hover{background: #F85415;color: #fff;border-color: #F85415;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_systemright{float: left;width: 70%;}
.ttshop_systemright ul li{float: left;width: 48%;margin-right: 4%;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_systemright ul li:nth-child(2n){margin-right: 0;}
.ttshop_systemright ul li a{display: block;padding: 10px;box-sizing: border-box;}
.ttshop_systemimg{float: left;width: 20px;height: 20px;background: url(../images/ttshop_icons.png) no-repeat;margin-right: 10px;
margin-top: 12px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_systemtext{float: left;width: 88%;}
.ttshop_systemtext h5{font-size: 16px;color: #333;font-weight: 500;margin: 10px 0;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_systemtext p{font-size: 14px;color: #888;margin: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_systemright ul li:nth-child(1) .ttshop_systemimg{background:url(../images/cityed.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(2) .ttshop_systemimg{background:url(../images/xfz.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(3) .ttshop_systemimg{background:url(../images/yc.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(4) .ttshop_systemimg{background:url(../images/xcx.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(5) .ttshop_systemimg{background:url(../images/sqtg.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(6) .ttshop_systemimg{background:url(../images/wsc.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(7) .ttshop_systemimg{background:url(../images/zced.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(8) .ttshop_systemimg{background:url(../images/erped.svg) center no-repeat;    background-size: 100% 100%;}
.ttshop_systemright ul li:hover{background: #f5f5f5;}
.ttshop_systemright ul li:nth-child(1):hover .ttshop_systemimg{background:url(../images/citys.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(2):hover .ttshop_systemimg{background:url(../images/xfzs.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(3):hover .ttshop_systemimg{background:url(../images/ycds.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(4):hover .ttshop_systemimg{background:url(../images/xcxs.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(5):hover .ttshop_systemimg{background:url(../images/sqtgs.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(6):hover .ttshop_systemimg{background:url(../images/wxcs.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(7):hover .ttshop_systemimg{background:url(../images/zceds.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:nth-child(8):hover .ttshop_systemimg{background:url(../images/erpeds.svg) center no-repeat;background-size: 100% 100%;}
.ttshop_systemright ul li:hover .ttshop_systemtext h5{color: #F85415;}
/* 方案 */
.ttshop_project{width: 100%;height: 600px;}
.ttshop_projectcon{position: relative;}
.ttshop_proleft{float: left;width: 255px;height: 600px;background: rgba(0,0,0,0.7);margin-right:90px;}
.ttshop_proleft ul{margin-top: 30px;}
.ttshop_proleft ul li{height: 90px;position: relative;}
.ttshop_proleft ul li::before{content: "";width: 0;height: 100%;background: #F85415;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);
position: absolute;top: 0;left: 0;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_proleft ul li a{display: block;padding: 21px 20px;box-sizing: border-box;position: relative;}
.ttshop_proleft ul li a::before{content: ""; width: 80%; border-bottom: 1px solid #2A2A2A; position: absolute; left: 10%; bottom: 0;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_proleft ul li a i{float: left;width: 40px;height: 40px;margin-right: 20px;background: url(../images/2f_icon_1.png) no-repeat;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_proleft ul li:nth-child(1) i{background-position: 0px 0px;}
.ttshop_proleft ul li:nth-child(2) i{background-position: -40px 0px;}
.ttshop_proleft ul li:nth-child(3) i{background-position: -80px 0px;}
.ttshop_proleft ul li:nth-child(4) i{background-position: -120px 0px;}
.ttshop_proleft ul li:nth-child(5) i{background-position: -160px 0px;}
.ttshop_proleft ul li:nth-child(6) i{background-position: -200px 0px;}
.ttshop_protext{float: left;}
.ttshop_protext h5{font-size: 18px;color: #fff;font-weight: 500;margin-bottom: 5px;}
.ttshop_protext p{font-size: 14px;color: rgba(255,255,255,0.7);}
.ttshop_proleft ul li:hover::before{width: 100%;}
.ttshop_proleft ul li:nth-child(1):hover i{background-position: 0px -40px;}
.ttshop_proleft ul li:nth-child(2):hover i{background-position: -40px -40px;}
.ttshop_proleft ul li:nth-child(3):hover i{background-position: -80px -40px;}
.ttshop_proleft ul li:nth-child(4):hover i{background-position: -120px -40px;}
.ttshop_proleft ul li:nth-child(5):hover i{background-position: -160px -40px;}
.ttshop_proleft ul li:nth-child(6):hover i{background-position: -200px -40px;}
.ttshop_proleft ul li:hover a::before{display: none;}
.ttshop_proleft ul li.active::before{width: 100%;}
.ttshop_proleft ul li.active:nth-child(1) i{background-position: 0px -40px;}
.ttshop_proleft ul li.active:nth-child(2) i{background-position: -40px -40px;}
.ttshop_proleft ul li.active:nth-child(3) i{background-position: -80px -40px;}
.ttshop_proleft ul li.active:nth-child(4) i{background-position: -120px -40px;}
.ttshop_proleft ul li.active:nth-child(5) i{background-position: -160px -40px;}
.ttshop_proleft ul li.active:nth-child(6) i{background-position: -200px -40px;}
.ttshop_proleft ul li.active a::before{display: none;}
.ttshop_proright{float: left;width: 855px;padding-top: 73px;box-sizing: border-box;}
.ttshop_proright>ul{position: relative;}
.ttshop_proright>ul>li{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_proright>ul .show{opacity: 1;z-index: 1000;}
.ttshop_proright>ul>li h4{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 38px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_protexted{width: 100%;margin-bottom: 40px;}
.ttshop_protextcon{width: 100%;margin-bottom: 20px;}
.ttshop_protextcon:last-child{margin-bottom: 0;}
.ttshop_protextcon h5{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #fff;font-weight: 600;margin-bottom: 10px;}
.ttshop_protextcon p{font-size: 14px;color: #999;line-height: 1.8;}
.ttshop_prolianjie{width: 100%;margin-bottom: 40px;}
.ttshop_prolianjie a{float: left;width: 130px;height: 40px;border: 1px solid #fff;text-align: center;line-height: 40px;font-size: 14px;color: #fff;
border-radius: 4px;margin-right: 15px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ttshop_prolianjie a:last-child{background: #fff;color: #333;}
.ttshop_prolianjie a:hover{background: #F85415;color: #fff;border-color: #F85415;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_probut{width: 100%;}
.ttshop_probut h5{font-size: 24px;color: #fff;margin-bottom: 15px;}
.ttshop_probut ul li{float: left;margin-right: 30px;width: 180px;height: 60px;border-radius: 4px;position: static;}
.ttshop_probut ul li:last-child{margin-right: 0;}
.ttshop_probut ul li img{display: block;border-radius: 4px;}
/* 后台管理 */
.ttshop_title{width: 100%;margin-bottom: 50px;}
.ttshop_title h4{font-size: 28px;color: #333;font-weight: 500;text-align: center;line-height: 28px;margin-bottom: 20px;}
.ttshop_title p{font-size: 18px;color: #999;font-weight: 400;text-align: center;line-height: 18px;}
.ttshop_manage{width: 100%;padding: 80px 0 63px 0;box-sizing: border-box;background: #fff;}
.ttshop_managecon{width: 100%;}
.ttshop_managelist{width: 100%;}
.ttshop_managelist ul li{float: left;width: 230px;height: 230px;border: 1px solid #EEEEEE;border-radius: 4px;overflow: hidden;margin-right: 12px;margin-bottom: 17px;
padding: 0 26px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_managelist ul li:nth-child(5n){margin-right: 0;}
.ttshop_manageimg{width: 50px;height: 50px;text-align: center;display: flex;justify-content: center;align-items: center;
line-height: 50px;margin: 40px auto 34px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_manageimg img{display: inline-block;}
.ttshop_managetext{width: 100%;}
.ttshop_managetext h5{font-size: 20px;color: #333;text-align: center;font-weight: 500;margin-bottom: 12px;line-height: 28px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_managetext p{font-size: 14px;color: #999;text-align: center;font-weight: 400;margin-bottom: 20px;line-height: 20px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ttshop_managetext a{display: block;width: 100px;height: 34px;border-radius: 4px;text-align: center;line-height: 34px;opacity: 0;
font-size: 14px;color: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin: 0 auto;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_managetext a:hover{box-shadow: 0 0 10px rgba(235, 0, 0, 0.25);}
.ttshop_managelist ul li:hover{border-color: #FB978B;box-shadow:0px 0px 20px 0px rgba(255,120,104,0.15);}
.ttshop_managelist ul li:hover .ttshop_manageimg{margin-top: -34px;opacity: 0;}
.ttshop_managelist ul li:hover .ttshop_managetext a{opacity: 1;}
/* 增值服务 */
.ttshop_increment{width: 100%;padding: 80px 0;box-sizing: border-box;background: #F8F9FC;}
.ttshop_incrementcon{width: 100%;}
.ttshop_incrementlist{width: 100%;}
.ttshop_incrementlist>ul>li{float: left;width: 284px;margin-right: 21px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_incrementlist>ul>li:last-child{margin-right: 0;}
.ttshop_incrementup{width: 100%;height: 160px;padding: 105px 10px 0 10px;box-sizing: border-box;border-radius:5px 5px 0 0 ;}
.ttshop_incrementupimg{width: 50px;height: 50px;display: block;margin: 0 auto 12px;}
.ttshop_incrementupimg img{display: block;}
.ttshop_incrementup h5{font-size: 24px;color: #fff;font-weight: 400;line-height: 33px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_incrementbut{width: 100%;padding: 28px 28px;box-sizing: border-box;background: #fff;border-radius: 0 0 5px 5px;
border: 1px solid #E7E9EC;border-top: 0;}
.ttshop_incrementbut ul li{width: 100%;margin-bottom: 18px;}
.ttshop_incrementbutimg{float: left;width: 16px;height: 16px;border-radius: 50%;margin-right: 6px;margin-top: 3px;}
.ttshop_incrementbutimg img{display: block;border-radius: 50%;}
.ttshop_incrementbutext{float: left;width: 89%;}
.ttshop_incrementbutext h5{font-size: 14px;color: #616366;line-height: 20px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;}
.ttshop_incrementbutext p{font-size: 14px;color: #919499;line-height: 20px;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_incrementbut a{display: block;width: 100%;height: 38px;text-align: center;line-height: 38px;color: #F96A69;
font-size: 15px;border: 1px solid #F96A69;margin: 0 auto;border-radius: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_incrementbut a:hover{background-color: #F96A69;color: #fff;}
.ttshop_incrementlist>ul>li:hover{box-shadow:0px 0px 20px 0px rgba(255,120,104,0.15);}
/* 关于我们 */
.ttshop_abouts{width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.ttshop_aboutscon{width: 100%;padding: 128px 0 139px 0;box-sizing: border-box;}
.ttshop_aboutsleft{float: left;width: 540px;}
.ttshop_aboutsleft h4{font-size: 24px;color: #fff;line-height: 33px;font-weight: 500;margin-bottom: 13px;}
.ttshop_aboutsleft>p{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 26px;font-weight: 400;margin-bottom: 80px;}
.ttshop_aboutlist{width: 100%;}
.ttshop_aboutlist h5{font-size: 16px;color: rgba(255,255,255,0.8);font-weight: 400;padding-bottom: 19px;box-sizing: border-box;
border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;margin-bottom: 15px;}
.ttshop_aboutlist h5::before{content: "";width: 80px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;}
.ttshop_aboutlist ul li{float: left;width: 25%;}
.ttshop_aboutlist ul li h6{font-size: 32px;color: #fff;font-weight: 500;line-height: 48px;margin-bottom: 10px;}
.ttshop_aboutlist ul li p{font-size: 14px;color: rgba(255,255,255,0.8);}
/* 合作伙伴 */
.ttshop_win{width: 100%;padding: 80px 0;box-sizing: border-box;background: #F7F9FC;}
.ttshop_wincon{width: 100%;}
.ttshop_winlist{width: 100%;}
.ttshop_winlist ul li{float: left;width: 264px;height: 180px;border-radius: 20px;background: #fff;margin-right: 48px;padding: 0 4px;box-sizing: border-box;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_winlist ul li:last-child{margin-right: 0;}
.ttshop_winlist ul li::before{content: '';width: 48px;height: 4px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_winimg{width: 175px;height: 76px;font-size: 0;margin: 41px auto 17px;}
.ttshop_winimg img{width: 100%;}
.ttshop_winlist ul li p{font-size: 18px;font-weight: 400;line-height: 25px;color: #333;text-align: center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_winlist ul li:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.ttshop_winlist ul li:hover::before{width: 68px;}
/* 版本 */
.ttshop_edition{width: 100%;padding: 30px 0;box-sizing: border-box;}
.ttshop_editioncon{width: 100%;}
.ttshop_editionleft{float: left;margin-right: 114px;}
.ttshop_editionimg{display: block;font-size: 0;margin-bottom: 2px;}
.ttshop_editionleft p{font-size: 16px;color: #999;line-height: 22px;font-weight: 500;}
.ttshop_editioncon ul{float: left;width: 78%;}
.ttshop_editioncon ul li{width: 21%;float:left;margin-right: 48px;}
.ttshop_editioncon ul li:last-child{margin-right: 0;}
.ttshop_editioncon ul li a{display: block;}
.ttshop_editioncon ul li a i{float: left;width: 16px;height: 14px;background: url(../images/ttshop_icon15.png) center center no-repeat;
margin-right: 8px;margin-top: 5px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_editiontext{float: left;width: 160px;}
.ttshop_editiontext h5{font-size: 18px;color: #333;font-weight: 400;line-height: 25px;margin-bottom: 4px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_editiontext p{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;}
.ttshop_editioncon ul li a:hover i{background: url(../images/ttshop_icon16.png) center center no-repeat;}
.ttshop_editioncon ul li a:hover .ttshop_editiontext h5{color: #EB0000;}
/* 我们的服务 */
.ttshop_servecon{width: 100%;padding-bottom: 44px;border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.ttshop_servecon ul li{width: 24%;margin-right: 1.33%;float: left;}
.ttshop_servecon ul li:last-child{margin-right: 0;}
.ttshop_serveconimg{float: left;width: 50px;height: 50px;font-size: 0;display: flex;justify-content: center;align-items: center;
margin-right: 18px;margin-top: 3px;}
.ttshop_servetext{float: left;max-width: 180px;padding-top: 3px;box-sizing: border-box;}
.ttshop_servetext h5{font-weight: 400;font-size: 20px;line-height: 28px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 4px;}
.ttshop_servetext p{font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255,255,255,0.6);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* footer */
.ttshop_footer{width: 100%;background: #222329;}
.ttshop_footerup{width: 100%;padding: 44px 0 60px 0;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.1);}
.ttshop_footerupcon{width: 100%;padding-top: 65px;box-sizing: border-box;}
.ttshop_footerupleft{float: left;margin-right: 100px;}
.ttshop_footerupleft>p{font-size: 16px;line-height: 16px;color: rgba(255,255,255,0.9);margin-bottom: 3px;}
.ttshop_footerupleft .ttshoptall{font-size: 40px;line-height: 56px;font-weight: 500;color: #fff;margin-bottom: 7px;}
.ttshop_footerupleft .ttshoptall i{animation:tel 6s ease-out 0s infinite;-webkit-animation:tel 6s ease-out 0s infinite;display:inline-block; font-style:normal;}
.ttshop_footeruptext{width: 200px;height: 66px;border: 1px solid #414141;padding: 11px 14px;box-sizing: border-box;}
.ttshop_footeruptext i{float: left;font-size: 0;margin-right: 5px;margin-top: 5px;}
.ttshop_footeruptexted{float: left;}
.ttshop_footeruptexted p{font-size: 14px;color: rgba(255,255,255,0.8);left: 20px;margin-bottom: 5px;}
.ttshop_footeruptexted p:last-child{margin-bottom: 0;}
.ttshop_footerupconter{float: left;min-width: 520px;}
.ttshop_footerupconter ul li{margin-right: 60px;float: left;}
.ttshop_footerupconter ul li:last-child{margin-right: 0;}
.ttshop_footerupconter ul li p{font-size: 16px;color: rgba(255,255,255,0.8);line-height: 16px;margin-bottom: 13px;}
.ttshop_footerupconter ul li a{display: table;font-size: 14px;color: rgba(255,255,255,0.5);line-height: 32px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_footerupconter ul li a:hover{color: #EB0000;}
.ttshop_footerupright{float: right;}
.ttshop_wechat{width: 120px;height: 120px;font-size: 0;}
.ttshop_wechat img{width: 100%;}
.ttshop_footerbut{width: 100%;padding: 32px 0;box-sizing: border-box;}
.ttshop_footerbutcon{width: 100%;}
.ttshop_footerbutcon p{float: left;font-size: 14px;line-height: 14px;font-weight: 400;color: rgba(255,255,255,0.5);margin-right: 5px;}
.ttshop_footerbutcon p:last-child{margin-right: 0;}
.ttshop_footerbutcon p a{color: rgba(255,255,255,0.5);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_footerbutcon p a:hover{color: #fff;}
/* 返回顶部 */
.ttshop_top{width: 70px;height: 40px;border-radius: 5px;background: #fff url(../images/ttshop_top.png) center center no-repeat;position: fixed;bottom: 40px;right: 10px;
cursor: pointer;opacity: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;z-index: 100;
box-shadow: 0 0 10px rgba(235, 0, 0, 0.1);}
.ttshop_ontop{opacity: 1;}
.ttshop_top::before{content: "返回顶部";width: 100%;height: 100%;border-radius: 4px;position: absolute;top: 0;left: 0;font-size: 14px;color: #fff;
line-height: 40px;text-align: center;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_top:hover::before{opacity: 1;}
/*---------- B2B2C ------------*/
.ttshop_bannercons{width: 100%;padding-top: 70px;box-sizing: border-box;}
.ttshop_bannercons ul li{width: 100%;height: 460px;}
.ttshop_bannercons ul li a{display: block;cursor: default;}
.ttshop_bannercons ul li img{display: block;margin: 0 auto;width: 100%;}
.ttshop_systematic{width: 100%;padding: 80px 0;box-sizing: border-box;}
.ttshop_systematiccon{width: 100%;}
.ttshop_systematiccon .ttshop_title h4{margin-bottom: 20px;}
.ttshop_systematiccon .ttshop_title p{max-width: 795px;margin: 0 auto;line-height: 31px;}
.ttshop_systematiclist{width: 100%;}
.ttshop_systematiclist ul li{float: left;width: 282px;margin-right: 24px;height: 306px;position: relative;background: #fff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.08);
border-top: 2px solid #F85415;padding-top: 53px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_systematiclist ul li i {position: absolute;background: #F85415;
-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);transition: all .5s cubic-bezier(.25, .46, .45, .94);}
.ttshop_systematiclist ul li .ttshop_xain2{top: 0;right: 0px;width: 2px;height: 0;}
.ttshop_systematiclist ul li .ttshop_xain3{right: 0;bottom: 0px;width: 0;height: 2px;}
.ttshop_systematiclist ul li .ttshop_xain4{bottom: 0;left: 0px;width: 2px;height: 0;}
.ttshop_systematiclist ul li:last-child{margin-right: 0;}
.ttshop_systematicimg{display: table;margin: 0 auto 44px;}
.ttshop_systematicimg img{display: block;}
.ttshop_systematiclist ul li h5{font-size: 24px;color: #333;font-weight: 600;text-align: center;padding: 0 10px;box-sizing: border-box;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;margin-bottom: 20px;}
.ttshop_systematiclist ul li p{font-size: 16px;color: #999;font-weight: 400;line-height: 26px;padding: 0 10px;box-sizing: border-box;
text-align: center;}
.ttshop_systematiclist ul li:hover .ttshop_xain3{width: 100%;}
.ttshop_systematiclist ul li:hover .ttshop_xain2,.ttshop_systematiclist ul li:hover .ttshop_xain4{height: 100%;}
/* 五端合一 */
.ttshop_record{width: 100%;height: 685px;padding: 80px 0;box-sizing: border-box;}
.ttshop_recordcon{width: 100%;}
.ttshop_recordcon .ttshop_title h4{color: #fff;margin-bottom: 20px;}
.ttshop_recordcon .ttshop_title p{color: rgba(255,255,255,0.8);}
/* 系统特色 */
.ttshop_characteristic{width: 100%;padding: 80px 0;box-sizing: border-box;position: relative;}
.ttshop_characteristiccon{width: 100%;position: relative;z-index: 10;}
.ttshop_characteristiclist{width: 100%;overflow: hidden;}
.ttshop_characteristiclist ul li{width: 100%;margin-bottom: 70px;}
.ttshop_characteristiclist ul li:last-child{margin-bottom: 0;}
.ttshop_chartext{float: left;margin-right: 50px;width: 50%;overflow: hidden;padding-top: 8%;box-sizing: border-box;}
.ttshop_chars{width: 100%;}
.ttshop_chars h5{font-size: 30px;color: #333;font-weight: 400;line-height: 32px;margin-bottom: 24px;}
.ttshop_chars p{font-size: 18px;color: #999;font-weight: 400;line-height: 31px;margin-bottom: 50px;}
.ttshop_chars a{display: block;width: 130px;height: 40px;text-align: center;line-height: 40px;margin-bottom: 10px;
font-size: 16px;color: #fff;border-radius: 4px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background:linear-gradient(90deg,#F36B4A,#E43924);
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_chars a:hover{background:linear-gradient(90deg,#E43924,#F36B4A);
background: -moz-linear-gradient(90deg,#E43924,#F36B4A);
background: -webkit-gradient(90deg,#E43924,#F36B4A);
background: -ms-linear-gradient(90deg,#E43924,#F36B4A);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#E43924, endColorstr=#F36B4A);}
.ttshop_charimg{float: right;width: 45%;}
.ttshop_charimgcon{width: 100%;}
.ttshop_charimgcon img{display: block;margin: 0 auto;}
.ttshop_charimgs{float: left;width: 50%;margin-right: 50px;}
.tthsop_charimglist{width: 100%;}
.ttshop_charimgleft{float: left;width: 49%;margin-right: 2%;}
.ttshop_charimglefts{margin-right: 0;}
.ttshop_charimger{width: 100%;}
.ttshop_charimger img{display: block;margin: 0;}
.ttshop_charimgleft p{font-size: 16px;color: #999;font-weight: 400;margin-top: 5px;text-align: center;}
.ttshop_chartexts{margin-right: 0;float: right;width: 45%;padding-left: 20px;box-sizing: border-box;}
.ttshop_characteristic>canvas {position: absolute;left: 0;top: 0;}
/* 我们的案例 */
.ttshop_case{width: 100%;padding: 80px 0 40px 0;box-sizing: border-box;}
.ttshop_casecon{width: 100%;}
.ttshop_caselist{width: 100%;}
.ttshop_caselist ul li{float: left;width: 384px;height: 350px;margin-right: 24px;position: relative;overflow: hidden;
margin-bottom: 40px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_caselist ul li:nth-child(3n){margin-right: 0;}
.ttshop_caseimg{width: 100%;height: 174px;overflow: hidden;}
.ttshop_caseimg img{display: block;width: 100%;object-fit: cover;height: 100%;}
.ttshop_casetext{width: 100%;padding: 28px 30px;box-sizing: border-box;background: #F5F5F5;}
.ttshop_casetext h5{font-size: 20px;color: #333;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 20px;
margin-bottom: 12px;}
.ttshop_casetext>p{font-size: 14px;color: #666;line-height: 24px;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 16px;min-height: 48px;max-height: 48px;}
.ttshop_casetextlist{width: 100%;}
.ttshop_casetextlist p{min-width: 52px;height: 24px;border: 1px solid #31AFFF;font-size: 14px;color: #31AFFF;text-align: center;line-height: 22px;
border-radius: 2px;margin-right: 8px;float: left;padding: 0 8px;box-sizing: border-box;}
.ttshop_casetextlist .blue{border: 1px solid #31AFFF;color: #31AFFF;}
.ttshop_casetextlist .pink{border-color: #FF485F;color: #FF485F;}
.ttshop_casetextlist .ground{border-color: #3BD120;color: #3BD120;}
.ttshop_casetextlist .orginer{border-color: #F9945D;color: #F9945D;}
.ttshop_casetextlist p:last-child{margin-right: 0;}
.ttshop_casetextlist p i{display: inline-block;width: 14px;height: 14px;border-radius: 50%;vertical-align: -2px;}
.ttshop_casetextlist p i img{display: block;}
.ttshop_casebj{width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;background: #F5F5F5;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
padding: 45px 20px 30px 20px;box-sizing: border-box;}
.ttshop_casenav{display: table;margin: 0 auto 24px;}
.ttshop_casenav p{text-align: center;width: 72px;height: 28px;border: 1px solid #E6E6E6;cursor: pointer;
font-size: 14px;color: #333;line-height: 28px;float: left;}
.ttshop_casenav p:first-child{border-radius: 25px 0 0 25px;border-right: 0;}
.ttshop_casenav p:last-child{border-radius: 0 25px 25px 0;border-left: 0;}
.ttshop_casenav .active{background:linear-gradient(90deg,#F36B4A,#E43924);color: #fff;border-color: #E43924;
background: -moz-linear-gradient(90deg,#F36B4A,#E43924);
background: -webkit-gradient(90deg,#F36B4A,#E43924);
background: -ms-linear-gradient(90deg,#F36B4A,#E43924);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F36B4A, endColorstr=#E43924);}
.ttshop_casenav .activers{border-radius: 25px !important;}
.ttshop_caselistcon{width: 100%;}
.ttshop_caselistcon .ttshop_caselister{width: 100%;display: none;}
.ttshop_caselistcon .ttshop_caselister:first-child{display: block;}
.ttshop_caseimgs{width: 130px;height: 130px;margin: 0 auto 12px;}
.ttshop_caseimgs img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ttshop_caselister p{font-size: 14px;color: #666;text-align: center;}
.ttshop_casebj a{display: block;margin: 25px auto 0;width: 105px;height: 32px;
text-align: center;line-height: 32px;font-size: 16px;color: #fff;border-radius: 25px;
background:linear-gradient(90deg,#FA8860,#FB443F);
background: -moz-linear-gradient(90deg,#FA8860,#FB443F);
background: -webkit-gradient(90deg,#FA8860,#FB443F);
background: -ms-linear-gradient(90deg,#FA8860,#FB443F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_caselist ul li:hover{box-shadow: 0px 0px 20px 0px rgba(255,120,104,0.15);}
.ttshop_caselist ul li:hover .ttshop_casebj{bottom: 0;}
/* 部署 */
.ttshop_deploy{width: 100%;padding: 138px 0 110px 0;box-sizing: border-box;}
.ttshop_deploycon{width: 100%;}
.ttshop_deploycon h4{font-size: 28px;color: #fff;text-align: center;font-weight: 500;margin-bottom: 30px;}
.ttshop_deploycon p{font-size: 20px;color: rgba(255,255,255,0.8);text-align: center;font-weight: 500;margin-bottom: 30px;}
.ttshop_deploycon a{background: url(../images/button-red-a.png) no-repeat left top;font-size: 18px;width: 160px;height: 70px;line-height: 50px;
    display: block;vertical-align: middle;text-align: center;margin: 0 auto;color: #fff;}
.ttshop_deploycon a:hover{    background-position: right top;}
/*------------ 小程序 -------------*/
/* 新风口 */
.ttshop_outlet{width: 100%;padding: 80px 0;box-sizing: border-box;}
.ttshop_outletcon{width: 100%;}
.ttshop_outletcon .ttshop_title{margin-bottom: 70px;}
.ttshop_outletcon .ttshop_title h4{margin-bottom: 23px;}
.ttshop_outletbut{width: 100%;}
.ttshop_outletbut ul li{float: left;width: 24%;margin-right: 1.33%;text-align: center;}
.ttshop_outletbut ul li:last-child{margin-right: 0;}
.ttshop_outletbut ul li h5{font-size: 28px;color: #fb5954;font-weight: 500;margin-bottom: 5px;}
.ttshop_outletbut ul li h5 span{font-size: 80px;color: #fb5954;line-height: 80px;vertical-align: -4px;}
.ttshop_outletbut ul li p{font-size: 20px;color: #666;}
/* 界面展示 */
.ttshop_reveal{width: 100%;position: relative;padding: 80px 0;box-sizing: border-box;}
.ttshop_reveal::after{content: "";width: 56%;height: 100%;background: #31343A;position: absolute;top: 0;left: 0;}
.ttshop_reveal::before{content: "";width: 44%;height: 100%;position: absolute;top: 0;right: 0;
background:linear-gradient(90deg,#FA8860,#FB443F);
background: -moz-linear-gradient(90deg,#FA8860,#FB443F);
background: -webkit-gradient(90deg,#FA8860,#FB443F);
background: -ms-linear-gradient(90deg,#FA8860,#FB443F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_revealcon{width: 100%;position: relative;z-index: 10;}
.ttshop_revealeft{float: left;width: 54%;}
.ttshop_revealeftcon{width: 100%;padding: 35px 0;box-sizing: border-box;}
.ttshop_revealeftcon ul .swiper-slide{-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);transform: scale(0.9);}
.ttshop_revealeftcon ul .swiper-slide::after{position: absolute;top: 0;left: 0;display: block;box-sizing: border-box;content: "";width: 100%;height: 100%;border-radius: 20px;background: url(../images/ttshop_dian.png) 0 0 repeat;}
.ttshop_revealeftcon ul .swiper-slide img{max-width: 100%;}
.ttshop_revealeftcon ul .swiper-slide-active {-webkit-transform: scale(1.15);transform: scale(1.15);}
.ttshop_revealeftcon ul .swiper-slide-active::after{display: none;}
.ttshop_revealright{float: right;width: 40%;height: 500px;padding-left: 60px;box-sizing: border-box;}
.ttshop_revealright h4{font-size: 28px;color: #fff;font-weight: 500;margin-bottom: 24px;}
.ttshop_revealright p{font-size: 16px;color: #fff;line-height: 28px;max-width: 410px;margin-bottom: 50px;}
.ttshop_revealright ul li{float:left;margin-bottom: 10px;margin-right: 5px;}
.ttshop_revealright ul li:nth-child(3n){margin-right: 0;}
.ttshop_revealright ul li a{display: block;padding: 10px;box-sizing: border-box;border-radius: 6px;width: 136px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_revealright ul li a i{display: block;float: left;width: 40px;height: 40px;border-radius: 50%;margin-right: 12px;background: #FFBAB9;}
.ttshop_revealright ul li a i img{display: block;width: 24px;height: 24px;border-radius: 50%;object-fit: cover;margin: 7px auto 0;}
.ttshop_revealright ul li a span{font-size: 16px;color: #fff;line-height: 40px;float: left;}
.ttshop_revealright ul .active a{background: rgba(0,0,0,0.1);}
.ttshop_revealright ul li a:hover{background: rgba(0,0,0,0.1);}
.ttshoppageser{display: none;}
/* 为什么选择我们 */
.ttshop_choice{width: 100%;padding: 80px 0;box-sizing: border-box;}
.ttshop_choicecon{width: 100%;}
.ttshop_choicelist{width: 100%;}
.ttshop_choicelist ul li{width: 100%;margin-bottom: 30px;}
.ttshop_choicelist ul li:last-child{margin-bottom: 0;}
.ttshop_choiceleft{float: left;width: 540px;height: 72px;border: 1px dashed #FF6321;border-right: 0;position: relative;line-height: 70px;
background: #FFEFE8;padding: 0 25px;box-sizing: border-box;}
.ttshop_choiceleft .first{display: block;width: 44px;border-top: 1px dashed #FF6321;transform:rotate(-55deg);height: 44px;background: #fff;-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-webkit-transform:rotate(-55deg); -o-transform:rotate(-55deg); 
position: absolute;top: 7px;right: -27px;}
.ttshop_choiceleft .last{display: block;width: 44px;border-bottom: 1px dashed #FF6321;transform:rotate(55deg);height: 44px;background: #fff;-ms-transform:rotate(55deg);-moz-transform:rotate(55deg);-webkit-transform:rotate(55deg); -o-transform:rotate(55deg); 
position: absolute;bottom: 7px;right: -27px;}
.ttshop_choiceleft p{font-size: 16px;color: #FF6321;}
.ttshop_choiceleft p i{margin-right: 4px;float: left;margin-top: -1px;}
.ttshop_choiceleft p span{float: left;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_choiceconter{float: left;width: 84px;height: 72px;background: url(../images/ttshop_duobian.png) center no-repeat;position: relative;
display: flex;align-items: center;justify-content: center;z-index: 10;margin: 0 18px;}
.ttshop_choiceconter p{font-size: 14px;color: #fff;text-align: center;}
.ttshop_choiceright{float: left;width: 540px;height: 72px;border: 1px dashed #B2BCCC;border-left: 0;position: relative;line-height: 70px;
background: #F7F7F7;padding: 0 25px 0 45px;box-sizing: border-box;}
.ttshop_choiceright .first{display: block;width: 44px;border-right: 1px dashed #B2BCCC;transform:rotate(-35deg);height: 44px;background: #fff;
-ms-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-transform:rotate(-35deg); -o-transform:rotate(-35deg); 
position: absolute;top: 9px;left: -27px;}
.ttshop_choiceright .last{display: block;width: 44px;border-right: 1px dashed #B2BCCC;transform:rotate(35deg);height: 44px;background: #fff;
-ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg); -o-transform:rotate(35deg); 
position: absolute;bottom: 9px;left: -27px;}
.ttshop_choiceright p{font-size: 16px;color: #B2BCCC;}
.ttshop_choiceright p i{margin-right: 4px;float: left;margin-top: -2px;}
.ttshop_choiceright p span{float: left;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 店铺 */
.ttshop_shop{width: 100%;padding: 60px 0;box-sizing: border-box;background: #F5F6F9;}
.ttshop_shopcon{width: 840px;margin: 0 auto;}
.ttshop_shoplist{width: 100%;}
.ttshop_shoplist ul li{width: 375px;margin-right: 89px;float: left;}
.ttshop_shoplist ul li:last-child{margin-right: 0;}
.ttshop_shopimg{width: 100%;}
.ttshop_shopimg img{display: block;width: 100%;margin: 0 auto;}
.ttshop_shoplist ul li p{font-size: 16px;color: #666;text-align: center;margin-top: 5px;}
/* 插件 */
.ttshop_unit{width: 100%;padding: 80px 0 65px 0;box-sizing: border-box;}
.ttshop_unitcon{width: 100%;}
.ttshop_unitlist{width: 100%;}
.ttshop_unitlist ul li{width: 390px;height: 130px;background: #FAFAFA;float: left;margin-right: 15px;border-radius: 2px;
margin-bottom: 15px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_unitlister{display: block;width: 100%;height: 100%;border: 1px solid #ECECEC;border-radius: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
padding: 31px 21px 35px 22px;box-sizing: border-box;}
.ttshop_unitlist ul li:nth-child(3n){margin-right: 0;}
.ttshop_unitimg{float: left;width: 64px;height: 64px;border-radius: 50%;margin-right: 15px;}
.ttshop_unitimg img{display: block;border-radius: 50%;width: 100%;height: 100%;object-fit: cover;}
.ttshop_unittext{float: left;width: 77%;}
.ttshop_unittext h5{font-size: 18px;color: #333;font-weight: 500;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ttshop_unittext p{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ttshop_unitlist ul li:hover{box-shadow: 0px 0px 20px 0px rgba(87,11,11,0.1);}
.ttshop_unitlist ul li:hover .ttshop_unitlister{border-color: #E8452D;}
/* 营销 */
.ttshop_market{width: 100%;padding: 60px 0;box-sizing: border-box;background: #31343A;height: 604px;}
.ttshop_marketcon{width: 100%;}
.ttshop_markleft{width: 50%;float: left;height: 485px;overflow: hidden;}
.ttshop_markleftlist{width: 100%;display: none;height: 485px;}
.ttshop_markleftlist:first-child{display: block;}
.ttshop_markleftlist img{display: block;margin: 0 auto;}
.ttshop_markright{float: left;width: 50%;padding-left: 70px;box-sizing: border-box;padding-top: 30px;}
.ttshop_markright h5{font-size: 28px;color: #fff;font-weight: 500;max-width: 230px;line-height: 38px;margin-bottom: 15px;}
.ttshop_markright>p{font-size: 18px;color: #fff;max-width: 350px;line-height: 28px;margin-bottom: 30px;}
.ttshop_markright ul{margin-bottom: 30px;}
.ttshop_markright ul li{width: 478px;height: 80px;line-height: 80px;font-size: 18px;color: #666;padding: 0 60px;box-sizing: border-box;
background: #ffffff;cursor: pointer;}
.ttshop_markright ul li:first-child{border-radius: 10px 10px 0 0;}
.ttshop_markright ul li:last-child{border-radius:  0 0 10px 10px;}
.ttshop_markright ul .active{background: #F7E5E2;}
.ttshop_marketbut{width: 100%;}
.ttshop_marketbut a{width: 130px;height: 40px;line-height: 40px;background: url(../images/button-red.png) no-repeat left top;display: inline-block;
vertical-align: middle;text-align: center;color: #fff;border: 0 none;cursor: pointer;margin-right: 30px;font-size: 14px;}
.ttshop_marketbut a:last-child{background-position: right top;margin-right: 0;}
.ttshop_marketbut a:first-child:hover{background-position: right top;}
.ttshop_marketbut a:last-child:hover{background-position: left top;}

/* 小程序案例 */
.ttshop_xcase{width: 100%;padding: 80px 0 32px 0;box-sizing: border-box;}
.ttshop_xcasecon{width: 100%;}
.ttshop_xcaselist{width: 100%;}
.ttshop_xcaselist ul li{float: left;width: 384px;margin-right: 24px;height: 310px;position: relative;overflow: hidden;margin-bottom: 48px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_xcaselist ul li:nth-child(3n){margin-right: 0;}
.ttshop_xcaseimg{width: 100%;height: 174px;}
.ttshop_xcaseimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ttshop_xcasetext{width: 100%;padding: 28px 30px;box-sizing: border-box;background: #F5F5F5;}
.ttshop_xcasetext h5{font-size: 20px;color: #333;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 20px;
margin-bottom: 12px;}
.ttshop_xcasetext>p{font-size: 14px;color: #666;line-height: 24px;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
.ttshop_xcasebut{width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;background: #f5f5f5;padding-top: 63px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_xcasebutimg{width: 130px;height: 130px;margin: 0 auto 32px;}
.ttshop_xcasebutimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ttshop_xcasebut p{font-size: 14px;color: #666;text-align: center;font-weight: 400;}
.ttshop_xcaselist ul li:hover{box-shadow: 0px 0px 20px 0px rgba(255,120,104,0.15);}
.ttshop_xcaselist ul li:hover .ttshop_xcasebut{bottom: 0;}
/* 表单 */
.ttshop_form{width: 100%;padding: 78px 0;box-sizing: border-box;}
.ttshop_formcon{width: 100%;}
.ttshop_formcon h4{font-size: 28px;color: #fff;text-align: center;font-weight: 500;margin-bottom: 45px;}
.ttshop_formbut{display: table;margin: 0 auto;position: relative;}
.ttshop_formbut input{display: block;width: 555px;height: 50px;border: 1px solid #fff;outline: none;border-radius: 4px;
font-size: 16px;color: #333;padding: 0 23px 0 23px;box-sizing: border-box;}
.ttshop_formbut button{display: block;width: 150px;height: 48px;border: 0;outline: none;border-radius: 0 4px 4px 0;
font-size: 18px;color: #fff;background: #FB443F;position: absolute;top: 1px;right: 1px;}
/* 成功案例 */
.ttshop_casejp{width: 100%;padding: 80px 0;box-sizing: border-box;
background: linear-gradient(180deg, #F5F6F9 0%, #FFFFFF 100%);
background: -moz-linear-gradient(180deg, #F5F6F9 0%, #FFFFFF 100%);
background: -webkit-gradient(180deg, #F5F6F9 0%, #FFFFFF 100%);
background: -ms-linear-gradient(180deg, #F5F6F9 0%, #FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F5F6F9, endColorstr=#FFFFFF);}
.ttshop_casejpcon{width: 100%;}
.ttshop_casejpcon .ttshop_title{margin-bottom: 70px;}
.ttshop_casejpuper{width: 100%;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);margin-bottom: 47px;}
.ttshop_casejpup{width: 100%;}
.ttshop_casejplist{width: 100%;height: 338px !important;max-height: 338px;background: #fff;border-radius: 4px;padding: 45px 77px 37px 77px;box-sizing: border-box;
display: none;}
.ttshop_casejplistleft{float: left;width: 805px;max-width: 805px;position: relative;}
.ttshop_casejplistleft::before{content: '';width: 1px;height: 256px;background: #D8D8D8;position: absolute;top: 0;right: 0;}
.ttshop_casetexted{max-width: 612px;}
.ttshop_casetexted h5{font-size: 26px;color: #333;font-weight: 500;padding-top: 10px;box-sizing: border-box;line-height: 26px;margin-bottom: 16px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ttshop_casetexted p{font-size: 16px;color: #333;font-weight: 400;line-height: 32px;margin-bottom:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ttshop_casetexted a{display: block;border-radius: 16px;text-align: center;line-height: 32px;width: 96px;
height: 32px;font-size: 14px;color: #fff;
background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_casetexted a:hover{
	background: linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -moz-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -webkit-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -ms-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FB443F, endColorstr=#FA8860);
}
.ttshop_casejpup .swiper-pagination{display: none;}
.ttshop_casejplistright{float: left;padding-left: 76px;box-sizing: border-box;}
.ttshop_casejplistright h5{font-size: 18px;color: #333;font-weight: 400;line-height: 25px;margin-bottom: 27px;padding-top: 10px;box-sizing: border-box;}
.ttshop_casejplistright p{font-size: 14px;color: #333;font-weight: 400;line-height: 20px;margin-bottom: 20px;}
.ttshop_casejplistright p i{display: inline-block;width: 14px;height: 14px;border-radius: 50%;vertical-align: 1px;margin-right: 4px;}
.ttshop_casejplistright p:last-child{margin-bottom: 0;}
.ttshop_casejpbut{width: 100%;padding: 0 63px 0 61px;box-sizing: border-box;}
.ttshop_casejpbut ul li{float: left;width: 200px;height: 90px;margin-right: 92px;font-size: 0;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_casejpbut ul li:last-child{margin-right: 0;}
.ttshop_casejpbut ul li img{display: block;}
.ttshop_casejpbut ul li:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.ttshop_caseconter{width: 100%;background-color: #F9F9F9;padding: 60px 0;box-sizing: border-box;}
.ttshop_casecontered{width: 100%;}
.ttshop_casecontered .ttshop_title{margin-bottom: 50px;}
.ttshop_caseconterup{width: 100%;height: 106px;background: #fff;margin-bottom: 10px;
padding: 0 50px;box-sizing: border-box;}
.ttshop_caseconterup ul li{float: left;width:108px;padding-top: 24px;box-sizing: border-box;margin-right: 90px;position: relative;
padding-bottom: 15px;cursor: pointer;}
.ttshop_caseconterup ul li::before{content: '';width: 0%;height: 3px;background: linear-gradient(117deg, #FF6A00 0%, #F52E15 100%);
	background: -moz-linear-gradient(117deg, #FF6A00 0%, #F52E15 100%);
	background: -webkit-gradient(117deg, #FF6A00 0%, #F52E15 100%);
	background: -ms-linear-gradient(117deg, #FF6A00 0%, #F52E15 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF6A00, endColorstr=#F52E15);
	position: absolute;bottom: -3px;left: 50%;border-radius: 2px;transform: translateX(-50%);
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
}
.ttshop_caseconterup ul li:last-child{margin-right: 0;}
.ttshop_caseconterimg{width: 34px;height: 34px;margin: 0 auto 10px;overflow: hidden;position: relative;}
.ttshop_caseconterimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_caseconterimg .imgactive{position: absolute;top: -34px;left: 0;}
.ttshop_caseconterup ul li p{font-size: 14px;color: #333;text-align: center;font-weight: 400;line-height: 20px;}
.ttshop_caseconterup ul .active::before{width: 100%;}
.ttshop_caseconterup ul .active .ttshop_caseconterimg .imgmoren{opacity: 0;}
.ttshop_caseconterup ul .active .ttshop_caseconterimg .imgactive{top: 0;}
.ttshop_caseconterup ul li:hover::before{width: 100%;}
.ttshop_caseconterup ul li:hover .ttshop_caseconterimg .imgmoren{opacity: 0;}
.ttshop_caseconterup ul li:hover .ttshop_caseconterimg .imgactive{top: 0;}
.ttshop_caseconternav{width: 100%;height: 100px;background: #fff;padding: 0 50px;box-sizing: border-box;
box-shadow: 0px 0px 8px 0px rgba(234, 234, 234, 0.5);margin-bottom: 30px;}
.ttshop_caseconternav span{float: left;font-size: 16px;color: #333;padding: 39px 0;box-sizing: border-box;line-height: 22px;}
.ttshop_caseconternav ul{float: left;}
.ttshop_caseconternav ul li{float: left;padding: 32px 0 34px 0;box-sizing: border-box;}
.ttshop_caseconternav ul li a{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;padding: 8px 19px;box-sizing: border-box;
display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 2px;margin-right: 15px;}
.ttshop_caseconternav ul .active a{color: #fff;
	background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);
}
.ttshop_caseconternav ul li a:hover{color: #fff;
	background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
	background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);
}
.ttshop_caseconterlist{width: 100%;}
.ttshop_caseconterlist .ttshop_casetext{background: #fff;}
.ttshop_caseconterlist .ttshop_casebj{background: #fff;}
.ttshop_caseconterlist .ttshop_caselist ul li{margin-bottom: 24px;}
.ttshop_pages{width: 100%;}
.ttshop_pagescon{display: table;margin: 40px auto;}
.ttshop_pages ul{float: left;}
.ttshop_pages ul li{float: left;margin-right: 10px;}
.ttshop_pages ul li a{display: block;border: 1px solid #DCDCDC;background: #fff;font-size: 16px;color: #666;border-radius: 2px;
line-height: 22px;font-weight: 400;padding: 4px 11px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_pages ul li a:hover{background: #FB443F;border-color: #FB443F;color: #fff;}
.ttshop_pages ul .active a{background: #FB443F;border-color: #FB443F;color: #fff;}
.ttshop_pages span{font-size: 16px;color: #666;line-height: 22px;float: left;padding: 6px 0;box-sizing: border-box;}
.ttshop_pages span strong{font-weight: 500;}
/* 电商学院 */
.ttshop_collega{width: 100%;padding: 60px 0;box-sizing: border-box;background: #F5F5FA;}
.ttshop_collegacon{width: 100%;}
.ttshop_collegacon .ttshop_title{margin-bottom: 40px;}
.ttshop_collegalist{width: 100%;}
.ttshop_collegalist ul li{float: left;width: 296px;margin-right: 14px;margin-bottom: 24px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_collegalist ul li:nth-child(4n){margin-right: 0;}
.ttshop_collegalist ul li a{display: block;}
.ttshop_collegalistimg{width: 100%;height: 180px;overflow: hidden;position: relative;}
.ttshop_collegalistimg img{display: block;object-fit: cover;width: 100%;height: 100%;}
.ttshop_collegalistimg span{position: absolute;width: 54px;height: 40px;left: 50%;top: -50%;border: 2px solid #fff;margin: -19px 0 0 -29px;
    border-radius: 6px;background: rgba(0,0,0,.6) url(../images/ttshop_bofang.png) no-repeat center center;
	transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_collegalistext{width: 100%;padding: 15px 15px;box-sizing: border-box;background: #fff;}
.ttshop_collegalistext h5{font-weight: 400;color: #333;line-height: 25px;font-size: 16px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;border-radius: 0 0 4px 4px;}
.ttshop_collegalist ul li:hover{box-shadow: 0px 2px 15px 0px rgba(204, 204, 204, 0.5);}
.ttshop_collegalist ul li:hover .ttshop_collegalistimg span{border-color: #F85415;top:50%;}
.ttshop_collegalist ul li:hover .ttshop_collegalistext h5{color: #F85415;}
.ttshop_course{width: 100%;padding: 60px 0 80px 0;box-sizing: border-box;background: #fff;}
.ttshop_coursed{width: 1226px;}
.ttshop_coursecon{width: 100%;}
.ttshop_coursecon .ttshop_title{margin-bottom: 64px;}
.ttshop_courseconlist{width: 100%;}
.ttshop_courseconlist ul li{float: left;width: 280px;margin-right: 20px;
box-shadow: 0px 2px 9px 0px rgba(218, 218, 218, 0.56), 0px 2px 9px 0px rgba(255, 255, 255, 0.34);}
.ttshop_courseconlist ul li:last-child{margin-right: 0;}
.ttshop_courseconlist ul li a{display: block;}
.ttshop_courseconimg{width: 100%;height: 150px;overflow: hidden;background:#f4f4f4;}
.ttshop_courseconimg img{display:block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_courseconimg p{font-size:34px;color:#999;font-weight:600;line-height:150px;text-align:center;}
.tthsop_coursecontext{width: 100%;padding: 14px 15px;box-sizing: border-box;background: #fff;}
.tthsop_coursecontext h5{font-size: 18px;color: #333;font-weight: 600;line-height: 25px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 6px;border-radius: 0 0 4px 4px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.tthsop_coursecontext p{font-size: 14px;color: #666;line-height: 20px;font-weight: 400;margin-bottom:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tthsop_coursecontext span{display: block;font-size: 14px;color: #999;font-weight: 400;line-height: 20px;}
.tthsop_coursecontext span i{background: url(../images/ttshop_rili.png) center no-repeat;display: inline-block;width: 12px;height: 12px;
vertical-align: -1px;margin-right: 5px;}
.ttshop_courseconlist ul li:hover .tthsop_coursecontext h5{color: #F85415;}
.ttshop_courseconlist ul li:hover .ttshop_courseconimg 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);}
.ttshop_courseconlist>a{font-size: 16px;color: #F85415;text-align: center;display: table;margin: 65px auto 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0.8;}
.ttshop_courseconlist>a:hover{opacity: 1;}
/* 视频弹层 */
.ttshop_video{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8000;display: none;}
.ttshop_videobj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.ttshop_videobox{width: 900px;height: 500px;position: absolute;top: 40%;left: 50%;margin-left: -450px;margin-top: -250px;
background: #fff;border-radius: 4px;}
.ttshop_videotitle{width: 100%;border-bottom: 1px solid #ccc;height: 45px;padding: 0 20px;box-sizing: border-box;line-height: 45px;}
.ttshop_videotitle h5{font-size: 16px;color: #333;font-weight: 300;float: left;}
.ttshop_videotitle i{width: 32px;height: 32px;border-radius: 50%;background: url(../images/colse.svg) center no-repeat;
display: block;float: right;cursor: pointer;margin-top: 7px;}
.ttshop_videocon{width: 100%;height: 455px;background: #fff;border-radius: 0 0 4px 4px;font-size: 0;}
.ttshop_videocon video{width: 100%;height: 100%;outline: none;border-radius: 0 0 4px 4px;display: block;}
/* 更新日志 */
.ttshop_text{width: 100%;margin: 0 auto;position: absolute;top: 50%;transform: translateY(-50%);}
.ttshop_textcon{width: 1200px;margin: 0 auto;}
.ttshop_textcon h3{font-size: 32px;line-height: 32px;font-weight: 400;margin-bottom: 16px;color: #fff;}
.ttshop_textconcoll h4{line-height: 52px;margin-bottom: 34px;}
.ttshop_textconcoll h6{display: block;width: 180px;height: 40px;border-radius: 20px;background: #F8FF33;
font-size: 18px;color: #CE4025;font-weight: 400;line-height: 40px;text-align: center;margin-top: 34px;cursor: pointer;}
.ttshop_textcon h4{font-size: 52px;color: #fff;font-weight: 500;line-height: 73px;margin-bottom: 18px;}
.ttshop_textconer h4{line-height: 84px;}
.ttshop_textconer h5{font-size: 36px;line-height: 50px;font-weight: 500;}
.ttshop_textcon h5{font-size: 24px;color: #fff;font-weight: 400;line-height: 33px;}
.ttshop_textcon h5 span{font-size: 16px;color: #FF1919;padding: 4px 9px;box-sizing: border-box;background: #fff;margin-right: 8px;
border-radius: 4px;}
.ttshop_updatetitle{width: 100%;height: 80px;background: #fff;box-shadow: 0px 2px 14px 0px rgba(211, 211, 211, 0.5);}
.ttshop_updatetitle h4{font-size: 24px;color: #333;font-weight: 400;line-height: 80px;text-align: center;position: relative;
display: table;margin: 0 auto;}
.ttshop_updatetitle h4::after{content: '';width: 68px;height: 2px;background: #FB4F44;position: absolute;top: 50%;left: -90px;}
.ttshop_updatetitle h4::before{content: '';width: 68px;height: 2px;background: #FB4F44;position: absolute;top: 50%;right: -90px;}
.ttshop_update{width: 100%;padding: 80px 0;box-sizing: border-box;}
.ttshop_updatecon{width: 100%;}
.ttshop_upfirst{width: 100%;}
.ttshop_upimg{float: left;width: 31px;height: 31px;border-radius: 50%;margin-top: 8px;margin-right: 18px;margin-left: 98px;}
.ttshop_upimg img{width: 100%;height: 100%;display: block;border-radius: 50%;}
.ttshop_uptext{float: left;padding-bottom: 56px;box-sizing: border-box;position: relative;}
.ttshop_uptext ::before{content: '';width: 1px;height: 75%;background: #D8D8D8;position: absolute;top: 42px;left: -34px;}
.ttshop_uptext h5{font-size: 32px;color: #333;font-weight: 400;line-height: 45px;}
.ttshop_updatelist{width: 100%;}
.ttshop_updatelist ul li{width: 100%;padding-bottom: 50px;box-sizing: border-box;position: relative;}
.ttshop_updatelist ul li::before{content: '';width: 1px;height: 100%;background: #D8D8D8;
position: absolute;top: 0;left: 113px;}
.ttshop_updatelist ul li:last-child{padding-bottom: 10px;}
.ttshop_updatetime{float: left;width: 96px;margin-right: 5px;}
.ttshop_updatetime h5{width: 100%;height: 38px;background: #FFE9E9;border: 1px solid #FFB8A4;text-align: center;line-height: 38px;
box-sizing: border-box;font-size: 16px;color: #FB443F;font-weight: 400;border-radius: 25px;margin-bottom: 5px;}
.ttshop_updatetime p{font-size: 14px;color: #666;text-align: center;}
.ttshop_updatelist ul li i{float: left;width: 24px;height: 24px;border-radius: 50%;position: relative;z-index: 100;margin-top: 7px;
margin-right: 50px;}
.ttshop_updatelist ul li i img{display: block;border-radius: 50%;}
.ttshop_updateright{float: left;width: 1020px;background: #F8F9FB;position: relative;padding: 24px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;}
.ttshop_updateright:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ttshop_updateright::before{content: '';position: absolute;width: 0;height: 0;border-width: 20px;border-style: solid;
border-color: transparent  #F8F9FB transparent transparent;top: 10px;left: -40px;}
.ttshop_updaterightitle{width: 100%;margin-bottom: 12px;}
.ttshop_updaterightitle h5{font-size: 20px;color: #333;line-height: 28px;font-weight: 500;margin-bottom: 8px;}
.ttshop_updaterightitle p{font-size: 16px;color: #333;line-height: 22px;font-weight: 400;}
.ttshop_updaterightcon{width: 100%;}
.ttshop_updaterightcon p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;}
.ttshop_updatelist a{display: table;padding: 10px 25px;box-sizing: border-box;margin: 40px auto 0;
border-radius: 25px;font-size: 16px;color: #fff;
background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_updatelist a:hover{box-shadow: 0 0 10px rgba(235, 0, 0, 0.25);
background: linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
background: -moz-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
background: -webkit-gradient(144deg, #FB443F 0%, #FA8860 100%);
background: -ms-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FB443F, endColorstr=#FA8860);}
/* 商业授权 */
.ttshop_warrant{width: 100%;padding: 60px 0 80px 0;box-sizing: border-box;background: #F5F5FA;}
.ttshop_warrantcon{width: 100%;}
.ttshop_warrantcon .ttshop_title{margin-bottom: 60px;}
.ttshop_warrantlist{width: 100%;}
.ttshop_warrantlist ul li{float: left;width: 360px;margin-right: 60px;height: 302px;background: #fff;
box-shadow: 0px 2px 8px 0px rgba(216, 216, 216, 0.5);padding: 51px 55px 35px 55px;box-sizing: border-box;}
.ttshop_warrantlist ul li:last-child{margin-right: 0;}
.ttshop_warramtimg{width: 60px;height: 68px;font-size: 0;margin: 0 auto 18px;}
.ttshop_warramtimg img{display: block;}
.ttshop_warrantlist ul li h5{font-size: 20px;color: #333;line-height: 28px;font-weight: 400;text-align: center;margin-bottom: 16px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ttshop_warrantlist ul li p{font-size: 16px;color: #666;line-height: 22px;font-weight: 400;text-align: center;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ttshop_textconed h4{text-align: center;letter-spacing: 4px;}
.ttshop_textconed h5{text-align: center;font-weight: 300;line-height: 24px;margin-bottom: 45px;}
.ttshop_sub{width: 100%;}
.ttshop_subcon{display: table;margin: 0 auto;}
.ttshop_subcon input{float: left;width: 510px;height: 60px;background: #fff;border: 0;outline: none;
padding: 0 20px;box-sizing: border-box;font-size: 18px;color: #333;border-radius: 4px 0 0 4px;font-weight: 400;}
.ttshop_subcon button{float: left;width: 151px;height: 60px;background: #B80C01;font-size: 18px;color: #fff;opacity: 0.8;
font-weight: 400;border: 0;outline: none;border-radius: 0 4px 4px 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_subcon button:hover{opacity: 1;}
/* 搜索弹层 */
.searchempty{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8000;display: none;}
.searchemptybj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.searchemptybox{width: 600px;height: 300px;border-radius: 4px;background: #fff;box-shadow: 0 0 20px rgba(153,153,153,0.9);
position: absolute;top: 40%;left: 50%;margin-top: -150px;margin-left: -300px;}
.searchtitle{width: 100%;height: 45px;border-radius: 4px 4px 0 0;border-bottom: 1px solid #ddd;
padding: 0 20px;box-sizing: border-box;line-height: 45px;}
.searchtitle h5{font-size: 16px;color: #333;font-weight: 300;float: left;}
.searchtitle i{width: 32px;height: 32px;border-radius: 50%;background: url(../images/colse.svg) center no-repeat;
display: block;float: right;cursor: pointer;margin-top: 7px;}
.searchemptycon,.undelegated{width: 100%;padding: 0 40px;box-sizing: border-box;}
.warring,.undelegatedimg{width: 90px;height: 90px;border-radius: 50%;margin: 20px auto;}
.warring img,.undelegatedimg img{display: block;}
.searchemptycon p,.undelegated p{font-size: 16px;color: #333;text-align: center;}
.searchemptycon a,.undelegated a,.warrantsuccess a{display: block;font-size: 16px;color: #fff;border-radius: 25px;width: 116px;
height: 40px;text-align: center;line-height: 40px;margin: 20px auto 0;
background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.searchemptycon a:hover,.undelegated a:hover,.warrantsuccess a:hover{
	background: linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -moz-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -webkit-gradient(144deg, #FB443F 0%, #FA8860 100%);
	background: -ms-linear-gradient(144deg, #FB443F 0%, #FA8860 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FB443F, endColorstr=#FA8860);
}
.undelegated a{width: 126px;}
.warrantsuccess p{font-size: 16px;color: #688216;text-align: center;line-height: 24px;}
.warrantsuccess a{margin-top: 10px;}
/* 开放接口 */
.ttshop_open{width: 100%;padding: 85px 0 100px 0;box-sizing: border-box;}
.ttshop_opencon{width: 100%;}
.ttshop_openlist{width: 100%;}
.ttshop_openlist ul li{float: left;width: 397px;height: 258px;margin-right: 4px;margin-bottom: 4px;}
.ttshop_openlist ul li:nth-child(3n){margin-right: 0;}
.ttshop_openlist ul li a{display: block;width: 100%;height: 100%;position: relative;}
.ttshop_opens{position: absolute;bottom: 43px;left: 43px;width: 75%;}
.ttshop_opens i{display: block;width: 36px;height: 36px;border-radius: 50%;margin-right: 14px;float: left;}
.ttshop_opens i img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.ttshop_opens span{display: block;float: left;font-size: 18px;color: #333;line-height: 36px;font-weight: 500;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 55%;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_openlist ul li a:hover .ttshop_opens span{color: #F85415;}
/* 关于我们 */
.ttshop_aboutup{width: 100%;background: #fff;padding: 60px 0 180px 0;box-sizing: border-box;}
.ttshop_aboutupcon{width: 100%;}
.ttshop_aboutleft{float: left;margin-right: 118px;max-width: 512px;padding-top: 33px;box-sizing: border-box;}
.ttshop_aboutleft h5{font-size: 32px;color: #333;font-weight: 500;line-height: 45px;margin-bottom: 40px;}
.ttshop_aboutleft p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;margin-bottom: 30px;}
.ttshop_aboutleft p:last-child{margin-bottom: 0;}
.ttshop_aboutright{float: right;font-size: 0;}
.ttshop_aboutright img{display: block;}
.ttshop_aboutservice{width: 100%;height: 700px;position: relative;padding: 70px 0;box-sizing: border-box;}
.ttshop_aboutservice::before{content: '';width: 41%;height: 772px;position: absolute;bottom: 0;right: 0;
background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_aboutservicecon{width: 100%;position: relative;z-index: 10;}
.ttshop_aboutserviceleft{float: left;width: 894px;height: 560px;background: #fff;padding: 55px 94px;box-sizing: border-box;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);margin-right: 110px;}
.ttshop_aboutserviceleft h4{font-size: 36px;color: #333;font-weight: 500;line-height: 36px;margin-bottom: 40px;}
.ttshop_aboutnav{width: 100%;margin-bottom: 30px;}
.ttshop_aboutnav:last-child{margin-bottom: 0;}
.ttshop_aboutnav h5{font-size: 18px;color: #333;font-weight: 500;line-height: 18px;margin-bottom: 10px;}
.ttshop_aboutnav ul li{float: left;margin-right: 17px;}
.ttshop_aboutnav ul li a{cursor: default;font-size: 14px;color: #666;font-weight: 400;line-height: 14px;}
.ttshop_aboutserviceright{float: left;padding: 55px 0 45px 0;box-sizing: border-box;}
.ttshop_aboutserviceright ul li{width: 100%;margin-bottom: 40px;}
.ttshop_aboutserviceright ul li h4{font-size: 20px;color: #fff;font-weight: 500;line-height: 50px;}
.ttshop_aboutserviceright ul li h4 span{font-size: 40px;}
.ttshop_aboutserviceright ul li h4 strong{font-weight: 400;vertical-align: 3px;}
.ttshop_aboutserviceright ul li p{font-size: 14px;color: #fff;opacity: 0.9;font-weight: 400;line-height: 20px;}
.ttshop_honor{width: 100%;background: #fff;padding: 145px 0 120px 0;box-sizing: border-box;}
.ttshop_honorcon{width: 100%;margin-bottom: 32px;}
.ttshop_honorleft{float: left;max-width: 340px;margin-right: 85px;padding-top: 44px;box-sizing: border-box;}
.ttshop_honorleft h4{font-size: 28px;color: #333;font-weight: 500;line-height: 36px;margin-bottom: 18px;}
.ttshop_honorleft i{display: block;width: 74px;height: 4px;margin-bottom: 27px;
background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);}
.ttshop_honorleft p{font-size: 18px;color: #999;font-weight: 400;line-height: 25px;}
.ttshop_honoright{float: left;}
.ttshop_honoright ul li{float: left;margin-right: 10px;width: 377px;height: 272px;}
.ttshop_honoright ul li:last-child{margin-right: 0;}
.ttshop_honoright ul li img{display: block;}
.ttshop_honorlist{width: 100%;padding: 0 15%;box-sizing: border-box;}
.ttshop_honorlistconter{width: 100%;padding: 0 4%;box-sizing: border-box;position: relative;}
.honornext{width: 40px;height: 40px;cursor: pointer;background: url(../images/honorleft.png) center no-repeat !important;border-radius: 50%;
position: absolute;z-index: 100;left: -20px !important;top: 50%;margin-top: -20px;}
.honorprev{width: 40px;height: 40px;cursor: pointer;background: url(../images/honoright.png) center no-repeat !important;border-radius: 50%;
position: absolute;top: 0;z-index: 100;right: -20px !important;top: 50%;margin-top: -20px;left: inherit !important;}
.ttshop_reason{width: 100%;padding: 95px 0;box-sizing: border-box;background: #F5F5FA;}
.ttshop_reasoncon{width: 100%;}
.ttshop_reasoncon .ttshop_title{margin-bottom: 32px;}
.ttshop_reasonlist{width: 100%;}
.ttshop_reasonleft{width: 316px;height: 462px;float: left;margin-right: 18px;padding: 39px 30px;box-sizing: border-box;
background: linear-gradient(180deg, #FF6E00 0%, #FF9E00 100%);
background: -moz-linear-gradient(180deg, #FF6E00 0%, #FF9E00 100%);
background: -webkit-gradient(180deg, #FF6E00 0%, #FF9E00 100%);
background: -ms-linear-gradient(180deg, #FF6E00 0%, #FF9E00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF6E00, endColorstr=#FF9E00);
}
.ttshop_reasonleft h5{font-size: 20px;color: #fff;font-weight: 500;line-height: 30px;border-bottom: 1px solid rgba(241,241,241,0.44);
padding-bottom: 15px;box-sizing: border-box;margin-bottom: 15px;}
.ttshop_reasonleft .texted{font-size: 14px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 33px;}
.ttshop_reasonleft ul li{float: left;margin-right: 2%;width: 32%;}
.ttshop_reasonleft ul li:last-child{margin-right: 0;}
.ttshop_reasonleft ul li h6{font-size: 20px;color: #fff;font-weight: 500;line-height: 40px;}
.ttshop_reasonleft ul li h6 span{font-size: 30px;}
.ttshop_reasonleft ul li h6 strong{font-weight: 500;font-size: 16px;vertical-align: 3px;}
.ttshop_reasonleft ul li p{font-size: 14px;color: #fff;}
.ttshop_reasonright{float: left;width: 866px;}
.ttshop_reasonright ul li{float: left;width: 275px;height: 222px;margin-right: 18px;margin-bottom: 18px;
padding: 29px 26px;box-sizing: border-box;}
.ttshop_reasonright ul li:nth-child(1){width: 573px;
background: linear-gradient(180deg, #04A74D 0%, #3DD175 100%);
background: -moz-linear-gradient(180deg, #04A74D 0%, #3DD175 100%);
background: -webkit-gradient(180deg, #04A74D 0%, #3DD175 100%);
background: -ms-linear-gradient(180deg, #04A74D 0%, #3DD175 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#04A74D, endColorstr=#3DD175);
}
.ttshop_reasonright ul li:nth-child(2){margin-right: 0;
background: linear-gradient(180deg, #4E54C8 0%, #7C82F6 100%);
background: -moz-linear-gradient(180deg, #4E54C8 0%, #7C82F6 100%);
background: -webkit-gradient(180deg, #4E54C8 0%, #7C82F6 100%);
background: -ms-linear-gradient(180deg, #4E54C8 0%, #7C82F6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4E54C8, endColorstr=#7C82F6);
}
.ttshop_reasonright ul li:nth-child(3){margin-right: 23px;
background: linear-gradient(180deg, #2F80ED 0%, #56BBF2 100%);
background: -moz-linear-gradient(180deg, #2F80ED 0%, #56BBF2 100%);
background: -webkit-gradient(180deg, #2F80ED 0%, #56BBF2 100%);
background: -ms-linear-gradient(180deg, #2F80ED 0%, #56BBF2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2F80ED, endColorstr=#56BBF2);
}
.ttshop_reasonright ul li:nth-child(4){
background: linear-gradient(180deg, #FF416C 0%, #FE6363 100%);
background: -moz-linear-gradient(180deg, #FF416C 0%, #FE6363 100%);
background: -webkit-gradient(180deg, #FF416C 0%, #FE6363 100%);
background: -ms-linear-gradient(180deg, #FF416C 0%, #FE6363 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF416C, endColorstr=#FE6363);
}
.ttshop_reasonright ul li:nth-child(5){
background: linear-gradient(180deg, #FFAC00 0%, #F9D019 100%);
background: -moz-linear-gradient(180deg, #FFAC00 0%, #F9D019 100%);
background: -webkit-gradient(180deg, #FFAC00 0%, #F9D019 100%);
background: -ms-linear-gradient(180deg, #FFAC00 0%, #F9D019 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FFAC00, endColorstr=#F9D019);
}
.ttshop_reasonright ul li:last-child{margin-right: 0;}
.ttshop_reasonright ul li h5{font-size: 20px;color: #fff;font-weight: 500;border-bottom: 1px solid rgba(241,241,241,0.44);padding-bottom: 12px;
box-sizing: border-box;margin-bottom: 10px;}
.ttshop_reasonright ul li h5 span{display: block;font-size: 30px;color: #fff;width: 34px;height: 34px;float: left;line-height: 40px;
background: url(../images/yuan.png) center no-repeat;border-radius: 50%;margin-right: 4px;}
.ttshop_reasonright ul li h5 strong{float: left;font-weight: 500;margin-top: 8px;}
.ttshop_reasonright ul li p{font-size: 14px;color: #fff;line-height: 22px;font-weight: 400;}
.ttshop_customer{width: 100%;padding: 40px 0;box-sizing: border-box;background: #fff;}
.ttshopabout-cases {position: relative;overflow: hidden;}
.ttshopabout-cases .ttshopabout-case {width: 3680px;white-space: nowrap;height: 70px;margin: 40px 0;
-webkit-animation: 60s ttshopleft linear infinite normal;animation: 60s ttshopleft linear infinite normal;}
.ttshopabout-cases .ttshopabout-case img{display: block;float: left;}
.ttshopabout-cases .ttshopabout-case:nth-child(even) {-webkit-animation: 80s ttshopleft linear infinite normal;
animation: 80s ttshopleft linear infinite normal;}
@keyframes ttshopleft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-1840px, 0, 0);
        transform: translate3d(-1840px, 0, 0);
    }
}
.ttshop_customertitle{position: absolute;top: 265px;width: 100%;text-align: center;}
.ttshop_customertitle .ttshop_customertext{
    display: inline-block;font-size: 36px;color: #333;
    width: 600px; height: 60px;line-height: 60px;
    background: rgba(255, 255, 255, 0.9);font-weight: 500;
    border-radius: 50px;text-align: center;
    box-shadow: 0px 0px 30px 30px rgba(255, 255, 255, 0.8);}
.ttshop_customertitle span{color: #FF3A1A;margin: 0 10px;}
.ttshop_winconter{background: #F5F5FA;padding: 100px 0;}
.ttshop_winconter .ttshop_title{margin-bottom: 80px;}
.ttshop_warrants{width: 100%;padding: 110px 0 160px 0;box-sizing: border-box;min-height: 690px;}
.ttshop_warrantscon{width: 100%;}
.ttshop_warrcon{width: 898px;height: 641px;background: #fff;margin: 0 auto;background: #F7F7F7;padding: 24px 30px;box-sizing: border-box;
box-shadow: 0px 12px 19px 0px rgba(214, 214, 214, 0.5), 0px 0px 10px 0px rgba(72, 75, 100, 0.2);border-radius: 6px;}
.ttshop_warrconed{width: 100%;position: relative;}
.ttshop_warrcon img{display: block;margin: 0 auto;}
.ttshop_warrcontext{position: absolute;top: 58%;left:0;width: 100%;padding: 6px 125px 0 125px;box-sizing: border-box;
transform: translateY(-50%);box-sizing: border-box;}
.ttshop_warrtextcon{width: 100%;margin-bottom: 4px;}
.ttshop_warrtextcon p{float: left;font-size: 16px;color: #000;line-height: 26px;}
.ttshop_texted{float: left;width: 86%;font-size: 16px;color: #000;line-height: 26px;}
.ttshop_texted .corporatename{text-decoration: underline;}
.ttshop_texted strong{font-weight: 500;}
.ttshop_texted p{font-size: 16px;color: #000;float: none;}
.ttshop_explain{width: 100%;padding-top: 15px;box-sizing: border-box;}
.ttshop_explain p{color: #333;font-size: 14px;}
.ttshop_warrbut{width: 100%;position: relative;}
.ttshop_warrbut p{font-size: 14px;color: #333;text-align: right;line-height: 22px;}
.ttshop_warrbut img{position: absolute;bottom: -35px;right: 10px;width: 129px;height: 129px;display: block;opacity: 0.8;}
@media screen and (max-width: 1580px) {
	.ttshop_honorlist{padding: 0 10%;}
}
@media screen and (max-width: 1366px) {
	.ttshop_honorlist{padding: 0 6%;}
}
/*解决方案*/
.mb3{margin-bottom: 30px}
.mb5{margin-bottom: 50px}
.baseline{width:1280px;margin:0 auto;padding-top: 70px;box-sizing: border-box;}
.ej-cpjs .ej-cpjs-nr{display: -webkit-flex;display: flex;box-sizing: border-box;}
.ej-cpjs .ej-cpjs-nr>div{flex:1;display:-webkit-flex;display: flex;justify-content:center;flex-direction:column;box-sizing: border-box;}
.ej-cpjs .ej-cpjs-nr>div:first-child:first-child+div{align-items: center;overflow: hidden;}
.ej-cpjs .ej-cpjs-nr>div:first-child:first-child+div img{transition:all 0.4s;-webkit-transition:all 0.4s;transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-moz-transform:scale(0.8);}
.ej-cpjs .ej-cpjs-nr>div:first-child:first-child+div img:hover{transition:all 0.8s ease-out 0.2s;-webkit-transition:all 0.8s ease-out 0.2s;transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);-o-transform:scale(0.9);-moz-transform:scale(0.9);}
.ej-cpjs .ej-tag:nth-child(odd){background: #F4F5F9;}
.ej-cpjs .ej-tag:nth-child(even){background-color:#fff;text-align: right;}
.ej-cpjs .ej-tag:nth-child(even) .ej-cpjs-nr>div:first-child{order:1;}
.ej-cpjs .ej-tag:nth-child(even) .ej-cpjs-nr>div{order:0;}
.ej-cpjs .ej-cpjs-nr>div h2{font-size:24px;color:#212121;}
.ej-cpjs .ej-cpjs-nr>div p{font-size:14px;color:#a4a8b3;line-height: 25px;}

/*用户使用教程列表页*/

.new{width: 100%;padding: 108px 0 80px 0;box-sizing: border-box;background: #f9f9f9;}
.newcon{width: 1200px;margin: 0 auto;}
.newconter{width: 100%;}
.newconterleft{float: left;width: 850px;margin-right: 30px;}
.newconterlefttop{width: 100%;}
.newtop{width: 100%;background: #fff;padding: 0 15px;box-sizing: border-box;border-radius: 5px;margin-bottom: 20px;}
.newtitle{width: 100%;height: 48px;border-bottom: 1px solid #eee;line-height: 48px;}
.newtitle h5{font-size: 18px;color: #333;font-weight: 400;}
.newztlist{width: 100%;padding: 15px 0;box-sizing: border-box;}
.newztlist ul li{float: left;width: 24%;margin-right: 1.3%;height: 122px;border-radius: 4px;position: relative;margin-bottom: 1.3%;}
.newztlist ul li:nth-child(4n){margin-right: 0;}
.newztlist ul li a{display: block;}
.newimg{width: 100%;border-radius: 4px;overflow: hidden;height: 122px;}
.newimg img{width: 100%;border-radius: 4px;transition: all .3s ease-out;}
.newztlist ul li span{position: absolute;left: 0;bottom: 0;width: 100%;padding: 3px 15px 0;font-size: 14px;line-height: 32px;text-align: center;color: #fff;text-shadow: 0 0 3px rgba(0,0,0,.6);
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;box-sizing: border-box;border-radius: 0 0 4px 4px;
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));transition: all .3s ease-out;}
.newztlist ul li:hover .newimg img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.newbuton{width: 100%;background: #fff;border-radius: 5px;}
.newbutitle{width: 100%;height: 48px;line-height: 48px;padding: 0 15px;box-sizing: border-box;}
.newbutitle>div{border-bottom: 1px solid #eee;}
.newbutitle h5{font-size: 18px;color: #F85415;font-weight: 400;position: relative;display: table;}
.newbutitle h5::before{content: "";width: 100%;height: 2px;background: #F85415;position: absolute;bottom: 0;}
.newbutlist{width: 100%;padding: 0 0 15px 0;box-sizing: border-box;}
.newbutlist ul li{width: 100%;padding: 0 15px;box-sizing: border-box;transition: all .3s ease-out;}
/*.newbutlist ul li:first-child .newbutcon{padding-top: 0;}*/
.newbutcon{width: 100%;border-bottom: 1px solid #eee;padding: 15px 0;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newbutcon a{display: block;}
.newleft{float: left;border-radius: 4px;width: 240px;height: 150px;font-size: 0;overflow: hidden;margin-right: 15px;position: relative;
    background: #f4f4f4;}
.newleft p{font-size:34px;color:#999;font-weight:600;line-height:150px;text-align:center;}
.newleft img{width: 100%;border-radius: 4px;transition: all .3s ease-out;height:100%;object-fit:cover;display:block;}
.newleft span{position: absolute;left: 10px;top: 10px;padding: 5px 6px;font-size: 1rem;line-height: 1;color: #fff;background-color: #000;font-size: 12px;
filter: alpha(opacity=60);background: rgba(0,0,0,.6);border-radius: 2px;text-decoration: none;}
.newright{float: left;width: 67%;padding-top: 5px;box-sizing: border-box;position: relative;height: 150px;}
.newright h5{font-size: 18px;font-weight: 200;color: #333;margin-bottom: 2px;transition: all .3s ease-out;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newright p{font-size: 14px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:42px;line-height:21px;}
.newbottom{width: 100%;margin-bottom:10px;}
.newbottom p{float: left;margin-right: 20px;}
.newbottom p:last-child{margin-right: 0;}
.newbottom .zuozhe{line-height: 30px;}
.newbottom .zuozhe i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 5px;}
.newbqian{width:100%;padding-top:12px;box-sizing:border-box;}
.newbqian p{float:left;font-size:12px;color:#666;height:auto;line-height:14px;}
.newbqian a{float:left;font-size:12px;color:#ca4646;margin-right:10px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;line-height: 14px;}
.newbqian a:last-child{margin-right:0;}
.newbqian a:hover{color:#F85415;}
/*.newbottom .zuozhe i{display: inline-block;width: 30px;height: 30px;margin-right: 5px;border-radius: 50%;}*/
/*.newbottom .zuozhe i img{width: 100%;height: 100%;border-radius: 50%;background: #f5f5f5;border: 1px solid #f5f5f5;vertical-align: top;}*/
.newbottom .zuozhe span{font-size: 13px;color: #999;}
.newbottom .times,.newbottom .liulan{padding-top: 5px;box-sizing: border-box;line-height:18px;height:auto;}
.newbottom .times i{display: inline-block;width: 16px;height: 16px;background: url(../images/timesed.png) center center no-repeat;vertical-align: -3px;margin-right: 5px;}
.newbottom .times span{font-size: 13px;color: #999;}
.newbottom .liulan i{display: inline-block;width: 16px;height: 16px;background: url(../images/chakaned.png) center center no-repeat;vertical-align: -3px;margin-right: 5px;}
.newbottom .liulan span{font-size: 13px;color: #999;}
.newbutlist ul li:hover .newbutcon{background: #fafafa;}
.newbutlist ul li:hover .newleft img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.newbutlist ul li:hover .newright h5{color: #F85415;}
.newmore{width: 100%;padding: 0 15px;box-sizing: border-box;margin: 40px 0;}
.newmore a{display: block;padding: 10px;color: #999;line-height: 1.4;font-size: 14px;text-align: center;border: 1px solid #e5e5e5;border-radius: 3px;
box-sizing: border-box;transition: all .3s ease-out;}
.newmore a:hover{border-color: #F85415;color: #F85415;}
.newconterleftbut{width: 100%;display: none;}
.news_list_pages{text-align: center;display: flex;justify-content: center;padding: 40px 0;box-sizing: border-box;}
.news_list_pages ul li{float: left;margin-right: 10px;}
.news_list_pages ul li a{display: block;border: 1px solid #dedede;font-size: 12px;color: #333;padding: 5px 10px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 2px;}
.news_list_pages ul li a:hover{background: #F85415;color: #fff;border-color: #F85415;}
.news_list_pages ul .on a{background: #F85415;color: #fff;border-color: #F85415;}
.newconteright{float: right;width: 320px;}
.newseacher{width: 100%;position: relative;margin-bottom: 20px;}
.newseacher input{width: 100%;height: 34px;border: 1px solid #efefef;font-size: 14px;color: #333;
padding-left: 10px;padding-right: 45px;box-sizing: border-box;border-radius: 3px;transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;}
.newseacher button{width: 42px;height: 33px;background: #F85415 url(../images/newseach.png) center center no-repeat;border: 0;
position: absolute;top: 0;right: 0;outline: none;cursor: pointer;border-radius: 0 3px 3px 0;}
.newseacher input:focus{border-color: #F85415;}
.newrecent{width: 100%;background: #fff;padding: 15px;box-sizing: border-box;margin-bottom: 20px;}
.newrecent h4{font-size: 16px;color: #333;margin-bottom: 10px;position: relative;padding-left: 12px;box-sizing: border-box;line-height: 1;font-weight: 200;}
.newrecent h4::before{position: absolute;left: 0;top: 0;width: 4px;height: 100%;content: "";background: #F85415;border-radius: 2px;}
.newrecent ul li{width: 100%;position: relative;padding: 5px 0 5px 12px;line-height: 1.6;box-sizing: border-box;}
.newrecent ul li::before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc;}
.newrecent ul li a{display: block;font-size: 14px;color: rgba(102,102,102,0.8);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;line-height: 1.5;}
.newrecent ul li a span{float:left;width:68%;}
.newrecent ul li a p{float:right;display: block;font-size: 14px;color: rgba(102,102,102,0.8);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;line-height: 1.5;}
.newrecent ul li:hover a{color: #F85415;}
.newlabel{width: 100%;padding: 15px;box-sizing: border-box;background: #fff;}
.newlabel h4{font-size: 16px;color: #333;margin-bottom: 10px;position: relative;padding-left: 12px;box-sizing: border-box;line-height: 1;font-weight: 200;}
.newlabel h4::before{position: absolute;left: 0;top: 0;width: 4px;height: 100%;content: "";background: #F85415;border-radius: 2px;}
.newlabel ul li{float: left;text-align: center;border: 1px solid hsla(0,0%,39%,.4);margin-right: 1.4%;margin-bottom: 2%;
border-radius: 2px;background: hsla(0,0%,100%,.2);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;box-sizing: border-box;}
/*.newlabel ul li:nth-child(3n){margin-right: 0;}*/
.newlabel ul li a{display: block;padding: 5px 12px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;
color: rgba(102,102,102,0.8);line-height: 1.2;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newlabel ul li:hover{background: #F85415;border-color: #F85415;}
.newlabel ul li:hover a{color: #ffffff;}
.newbottoms{position: static;line-height: 1.5;}
/* 用户使用教程详情 */
.newxq{width: 100%;background: #fff;padding: 20px 15px;box-sizing: border-box;margin-bottom: 20px;}
.newtitles{width: 100%;padding: 11px 30px;margin: 0;background: #fff;border-bottom: 1px solid #f7f7f7;box-sizing: border-box;}
.newtitles i{float: left;width: 16px;height: 16px;font-size: 0;margin-top: 1px;margin-right: 4px;}
.newtitles a{display: block;float: left;font-size: 14px;color: #999;font-weight: 200;margin-right: 15px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newtitles a::before{content: "/";font-size: 14px;color: #999;font-weight: 200;position: absolute;top: 0;right: -10px;}
.newtitles a:last-child{margin-right: 0;}
.newtitles a:last-child::before{display: none;}
.newtitles a:hover{color: #F85415;text-decoration: underline;}
.newxqtitle{width: 100%;padding:0 15px;margin-bottom: 20px;}
.newxqtitle h4{font-size: 24px;color: #333;font-weight: 200;margin-bottom: 10px;line-height: 1.4;}
.newxqlist{border-bottom: 1px solid #f7f7f7;padding-bottom: 10px;box-sizing: border-box;}
.newxqlist p{float: left;font-size: 14px;color: rgba(153,153,153,0.8);margin-right: 20px;position: relative;font-weight: 400;line-height: 1.8;}
.newxqlist p::before{content: "";position: absolute;top: 9px;right: -13px;width: 4px;height: 4px;border-radius: 50%;background: rgba(153,153,153,0.8);}
.newxqlist p a{color: rgba(153,153,153,0.8);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newxqlist p:last-child{margin-right: 0;}
.newxqlist p:last-child::before{display: none;}
.newxqlist p:first-child{color: #F85415;}
.newxqlist p a:hover{color: #F85415;}
.newxqcon{width: 100%;border-bottom: 1px solid #f7f7f7;padding: 0 15px 15px 15px;box-sizing: border-box;}
.newxqcon p{font-size: 16px;color: #333;line-height: 26px;}
.newxqcon p img{display: block;margin: 0 auto;}
.oeob_news_xq_pages{padding: 26px 0;box-sizing: border-box;}
.oeob_news_xq_pages a{width: 48%;
background-size: cover;height: 86px;border-radius: 4px;position: relative;}
.oeob_news_xq_pages a::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);border-radius: 4px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.oeob_news_xq_pages a:hover{color: #F85415;}
.oeob_prev{position: relative;z-index: 10;margin-bottom: 5px;}
.oeob_prev span{display: block;font-size: 16px;color: #fff;transition: color 0.3s;line-height: 20px;
    padding: 10px 15px 0;box-sizing: border-box;display: -webkit-box;height: 50px;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.entry-page-info{width: 100%;padding: 0 15px;box-sizing: border-box;position: relative;z-index: 10;}
.entry-page-info span{font-size: 14px;color: #fff;}
.pull-left{float: left;}
.pull-right{float: right;}
/*.oeob_news_xq_pages a:hover::before{background: rgba(0,0,0,0.7)}*/
.oeob_news_xq_pages .oeob_news_xq_prev{float: left;}
.oeob_news_xq_pages .oeob_news_xq_next{float: right;}
.index_product{padding-top: 40px;}
.index_product .oeob_title h4{font-size: 40px;}

/* 众筹 */
.zcconten{width: 100%;height: 590px;min-width: 1200px;margin: 70px auto 0;}
.zccten{width: 1200px;height: 590px;margin: 0 auto;}
.nav_title>h2{font-size: 24px;color: #212121;font-weight: 500;text-align: center;margin-bottom: 20px;padding-top: 50px;box-sizing: border-box;}
.nav_title>.xian{width: 35px;height: 4px;background: #d81e07;margin: 0 auto;display: block;}
.nav_title>.nav_xq{font-size: 14px;color: #757575;text-align: center;margin-top: 20px;}
.zctcont{width: 100%;min-width: 1200px;margin: 0 auto;background: #fff;height: 790px;}
.zctigong{width: 1200px;height: 790px;margin: 0 auto;}
.zctgcon{margin-top: 10px;}
.zctgcon>ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zctgcon>ul li{width: 360px;height: 255px;margin: 20px 0;}
.zctgcon>ul li .zcimg>img{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zctgcon>ul li:hover .zcimg>img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.zctgcon>ul li:hover .zctc{visibility: visible;top: 0px;}
.zcbox>a:hover {border-color: #F94A1F;color: #F94A1F;}
.zcimg{width: 360px;height: 180px;overflow: hidden;position: relative;}
.zcimg>img{width: 100%;}
.zctc{width: 360px;height: 180px;position: absolute;top: 180px;left:0px;visibility: hidden;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.zctcbj{width: 360px;height: 180px;position: absolute;top: 0px;left:0px;background: #000;opacity: 0.5;}
.zcbox{width: 360px;height: 180px;position: absolute;top: 0px;left: 0px;}
.zcbox>a{font-size: 16px;color: #fff;border: 1px solid #fff;padding: 6px 27px;box-sizing: border-box;position: absolute;top: 75px;left: 120px;
transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zctext{width: 360px;height: 75px;}
.zctext>h4{font-size: 16px;color: #212121;font-weight: 500;margin-top: 20px;margin-bottom: 15px;}
.zctext>h4 span{font-size: 12px;color: #fff;padding: 4px 13px;background: #d81e07;box-sizing: border-box;margin-left: 10px;}
.zctext>p{font-size: 12px;color: #757575;}
.zcyoushi{width: 100%;height: 540px;min-width: 1200px;}
.zcys{width: 1200px;height: 540px;margin: 0 auto;}
.zcjies{margin-top: 40px;}
.zcjies>ul{width: 1080px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zcjies>ul li{width: 240px;}
.zcjies>ul li .zcjsimg>img{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zcjies>ul li:hover .zcjsimg>img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.zcjies>ul li:hover .zcname{display: none;}
.zcjies>ul li:hover .zcjsname{display: block;}
.zcjsimg{width: 240px;height: 180px;overflow: hidden;}
.zcjsimg>img{width: 100%;}
.zcname{width: 240px;}
.zcjstext{background: #fff;}
.zcname{padding-bottom: 15px;}
.zcname>h4{font-size: 16px;color: #212121;text-align: center;font-weight: 500;box-sizing: border-box;margin-bottom: 10px;padding-top: 15px;}
.zcname>p{font-size: 12px;color: #757575;text-align: center;box-sizing: border-box;}
.zcjsname{box-sizing: border-box;padding-bottom: 15px;display: none;padding-top: 15px;}
.zcjsname>p{font-size: 12px;color: #212121;text-align: center;line-height: 20px;}
.zcgncont{width: 100%;height: 1040px;min-width: 1200px;margin:0 auto;}
.zcgn{width: 1200px;height: 1040px;margin: 0 auto;}
.zchntext{margin-top: 15px;}
.zchntext>ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zchntext>ul li{width: 518px;background: #fff;padding: 0 30px;padding-bottom: 30px;margin: 15px 0;height: 147px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zchntext>ul li:hover{box-shadow: 0 0 5px #ccc;}
.zchntext>ul li:hover .zcgnimg>img{transform:translateX(45px); -ms-transform:translateX(45px);-moz-transform:translateX(45px);-webkit-transform:translateX(45px);-o-transform:translateX(45px);}
.zchntext>ul li:hover .zcgnte>h5{transform:translateX(45px); -ms-transform:translateX(45px);-moz-transform:translateX(45px);-webkit-transform:translateX(45px);-o-transform:translateX(45px);}
.zcgnimg{text-align: center;padding-top: 30px;box-sizing: border-box;}
.zcgnimg img{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zcgnte>h5{font-size: 16px;color: #212121;margin: 15px 0;text-align: center;font-weight: 500;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zcgnte>p{font-size: 12px;color: #757575;text-align: center;}
.zchycon{width: 100%;height: 585px;margin: 0 auto;background: #fff;}
.zchy{width: 1280px;height: 585;margin: 0 auto;}
.zchyfl{margin-top: 26px;}
.zchyfl>ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zchyfl>ul li{width: 168px;height: 98px;border: 1px solid #ccc;text-align: center;line-height: 98px;margin: 17px 14px;
transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.zchyfl>ul li:hover{box-shadow: 0 0 5px #ccc;}
.zchyfl>ul li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.zchyfl>ul li>img{display: inline-block;vertical-align: middle;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
/* erp */
.dscontent{width: 100%;height: 400px;min-width: 1200px;margin: 70px auto 0;}
.dsconte{width: 1200px;height: 400px;margin: 0 auto;}
.navserver{margin-top: 30px;margin-bottom: 50px;}
.navserver>ul{width: 380px;margin: 0 auto;display: flex;justify-content: space-between;}
.navserver>ul li>p{text-align: center;font-size: 16px;color: #fff;margin-top: 10px;}
.navtiyab{text-align: center;}
.navtiyab>a{font-size: 16px;color: #fff;border-radius: 5px;border: 1px solid #fff;box-sizing: border-box;padding: 8px 57px;
transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.navtiyab>a:hover{color: #F94A1F;border-color:#F94A1F;}
.dscnt{width: 100%;height: 630px;margin: 0 auto;min-width: 1200px;}
.dscontext{width: 1200px;height: 630px;margin: 0 auto;background: url(../images/gou1.png) no-repeat center 145px;}
.dstext>ul{position: relative;}
.fie{position: absolute;top: 135px;left: 226px;}
.fier{position: absolute;top: 73px;right: 253px;}
.fiers{position: absolute;top: 283px;right: 247px;}
.dstext>ul li>h4{font-size: 16px;color: #fff;font-weight: 500;text-align: right;margin-bottom: 14px;}
.dstext>ul li>p{font-size: 12px;color: #fff;text-align: right;}
.dsywcont{width: 100%;height: 690px;min-width: 1200px;background: #fff;margin: 0 auto;}
.dsyw{width: 1200px;height: 690px;margin: 0 auto;}
.dsylcontent{width: 100%;height: 400px;min-width: 1200px;margin: 0 auto;}
.dsyl{width: 1280px;height: 400px;margin: 0 auto;background: url(../images/yili1.png) no-repeat center 145px;}
.dsywtext>ul{position: relative;}
.se{position: absolute;top: 65px;left: 409px;}
.se1{position: absolute;top: 127px;left: 375px;}
.se2{position: absolute;top: 187px;left: 409px;}
.se3{position: absolute;top: 65px;right: 451px;}
.se4{position: absolute;top: 127px;right: 413px;}
.se5{position: absolute;top: 187px;right: 480px;}
.dsywtext>ul li{font-size: 16px;color: #fff;}
.dsgnticont{width: 100%;min-width: 1200px;height: 500px;background: #fff;margin: 0 auto;}
.dsgntx{width: 1200px;height: 500px;margin: 0 auto;}
.dsgntxtext{margin-top: 10px;}
.dsgntxtext>ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.dsgntxtext>ul li{margin: 20px 0;}
.dsgntxtext>ul li .gntximg>img{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.dsgntxtext>ul li:hover .gntximg>img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.dsgntxtext>ul li:after{content:"";display: block;clear: both;}
.gntximg{float: left;margin-right: 10px;width: 80px;height: 80px;text-align: center;line-height: 80px;background: #fe3a49;}
.gntximg>img{display: inline-block;vertical-align: middle;}
.gntxtext{float: left;width: 180px;}
.gntxtext>h4{font-size: 16px;color: #212121;font-weight: 500;margin-bottom: 10px;}
.gntxtext>p{font-size: 12px;color: #757575;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;display: -moz-box;
-moz-line-clamp: 2;-moz-box-orient: vertical;}
.dsyewuconten{width: 100%;height: 780px;margin: 0 auto;background: #f3f4f8;min-width: 1200px;}
.dsywlt{width: 1280px;height: 780px;margin: 0 auto;}
.dsywcontent{width: 1210px;margin: 0 auto;padding-top: 30px;box-sizing: border-box;}
.qianduan:after{content:"";display: block;clear: both;}
.qianduan{margin-bottom: 8px;}
.qianduan>.qtitle{margin-right:8px;float:left;font-size: 18px;color: #212121;width: 20px;height: 186px;text-align: center;background: #fff;writing-mode:vertical-lr;padding: 0 18px;}
.qdconten{float: left;}
.qdconten>div{float: left;margin-right: 8px;box-sizing: border-box;}
.qdweb{width: 206px;display: flex;justify-content: space-between;}
.qdweb>li{width: 100px;height: 40px;background: #53baf5;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.qdnr{width: 206px;background: #fff;height: 140px;margin-top: 6px;padding: 0 10px;box-sizing: border-box;}
.qdnr>p{font-size: 12px;color: #53baf5;text-align: center;padding: 8px 0;}
.qdnr>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.qdnr>ul>li{margin-bottom:4px;width: 88px;height: 28px;border: 1px solid #53baf5;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.qdwebs{width: 495px;display: flex;justify-content: space-between;}
.qdwebs>li{width: 244px;height: 40px;background: #5d59cb;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.qdnrs{width: 495px;background: #fff;height: 140px;margin-top: 6px;padding: 0 10px;box-sizing: border-box;}
.qdnrs>p{font-size: 12px;color: #5d59cb;text-align: center;padding: 8px 0;}
.qdnrs>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.qdnrs>ul>li{margin-bottom:4px;width: 88px;height: 28px;border: 1px solid #5d59cb;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.qdops{width: 206px;}
.qdops>li{background: #4aa65a;width: 206px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.qdoper{width: 206px;background: #fff;height: 140px;margin-top: 6px;padding: 0 10px;box-sizing: border-box;}
.qdoper>p{font-size: 12px;color: #ed8032;text-align: center;padding: 8px 0;}
.qdoper>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.qdoper>ul>li{margin-bottom:4px;width: 88px;height: 28px;border: 1px solid #4aa65a;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.qdoms{width: 1137px;}
.qdoms>li{width: 1137px;height: 40px;background: #53baf5;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.qdores{width: 1137px;background: #fff;height: 140px;margin-top: 6px;padding: 0 44px;box-sizing: border-box;padding-top: 20px;}
.qdores>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.qdores>ul>li{margin:10px 8px;width: 88px;height: 28px;border: 1px solid #53baf5;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.houtai{width: 709;}
.houtai>li{width: 709px;height: 40px;background: #5d59cb;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.htores{display: flex;justify-content: space-between;margin-top: 6px;}
.htleft>p{font-size: 12px;color: #ed8032;text-align: center;padding: 8px 0;}
.htleft{width: 400px;height: 106px;background: #fff;padding: 0 10px;box-sizing: border-box;}
.htleft>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.htleft>ul>li{margin-bottom:4px;width: 88px;height: 28px;border: 1px solid #5d59cb;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.htright>p{font-size: 12px;color: #5d59cb;text-align: center;padding: 8px 0;}
.htright{width: 301px;height: 106px;background: #fff;padding: 0 10px;box-sizing: border-box;}
.htright>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.htright>ul>li{margin-bottom:4px;width: 64px;height: 28px;border: 1px solid #5d59cb;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.htbotom{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1137px;height: 50px;background: #fff;}
.htbotom>p{width: 196px;height: 50px;text-align: center;line-height: 50px;background: #53baf5;font-size: 12px;color: #fff;}
.htbotom>ul:after{content:"";display: block;clear: both;}
.htbotom>ul{padding-right: 70px;}
.htbotom>ul>li{margin-right:30px;margin-top:10px;float:left;margin-bottom:4px;width: 88px;height: 28px;border: 1px solid #53baf5;text-align: center;line-height: 28px;font-size: 12px;color: #757575;}
.dsfaconten{width: 100%;min-width: 1200px;height: 680px;margin: 0 auto;}
.dsjfan{width: 1200px;height: 680px;margin: 0 auto;}
.dsfan{width: 1200px;margin: 0 auto;box-sizing: border-box;padding-top: 40px;}
.dsfan:after{content:"";display: block;clear: both;}
.dsfaleft{float: left;margin-right: 54px;}
.dsfaleft>ul li{width: 300px;height: 48px;border: 1px solid #fff;border-radius: 10px;position: relative;margin: 40px 0;}
.dsfaleft>ul .active:before{width: 100%;opacity: 1;}
.dsfaleft>ul .active a{color: #222;z-index: 9;}
.dsfaleft>ul .active:after{content: "";background: url(../images/xisanj.png) no-repeat;position: absolute;top: 3px;right: -57px;width: 20px;height: 40px;}
.dsfaleft>ul li:before{content: "";top: 0;left: 0;opacity: 0;height: 48px;width: 0;border-radius: 9px;position: absolute;-webkit-transition-duration: 1000ms;transition-duration: 1000ms;background-color: #fff;}
.dsfaleft>ul li>a{display: block;height: 48px;text-align: center;line-height: 48px;color: #fff;font-size: 16px;border-radius: 10px;z-index: 9;position: relative;}
.dafaright{float: left;}
.sera{width: 840px;height: 480px;border-radius: 10px;background: #fff;text-align: center;line-height: 480px;display: none;}
.sera>img{display: inline-block;vertical-align: middle;}
.dsconst{width: 100%;height: 515px;min-width: 1200px;margin: 0 auto;background: #fff;}
.dscon{width: 1200px;height: 515px;margin: 0 auto;}
.dsconname:after{content:"";display: block;clear: both;}
.dsconname{width: 1200px;margin: 0 auto;border-bottom: 2px solid #e5e5e5;}
.dsconname>ul{float: left;}
.dsconname>ul:after{content:"";display: block;clear: both;}
.dsconname>ul li{cursor:pointer;font-size: 18px;color: #212121;font-weight: 500;float: left;height: 70px;line-height: 70px;padding: 0 15px;position: relative;}
.dsconname>ul li:after{content: "";display: block;position: absolute;left: 50%;bottom: -2px;width: 0;height: 3px;transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;background: #d81e07;}
.dsconname>ul .actie:after{width: 100%;left: 0;}
.dsconname>a{font-size: 14px;color: #4660a5;float: right;padding-top: 38px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;box-sizing: border-box;}
.dsconname>a:hover{color: #F94A1F;}
.dsfeilei{margin-top: 15px;}
.dsflei{display: none;}
.dsflei>ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.dsflei>ul li{width: 213px;height: 98px;border: 1px solid #e5e5e5;text-align: center;line-height: 98px;margin: 15px 0;}
.dsflei>ul li>a>img{display: inline-block;vertical-align: middle;}
/* 央采 */
.ttshop_bannerconsed{padding-top: 0;}
.ttshop_bannerconsed ul li{height: 560px;}
.ttshop_textconyc h3{font-size: 60px;text-align: center;line-height: 84px;margin-bottom: 25px;}
.ttshop_textconyc h4{font-size: 36px;text-align: center;line-height: 50px;}
.ttshop_purchasenav{width: 100%;height: 70px;box-shadow: 0px 2px 4px 0px rgba(232, 232, 232, 0.5);background: #fff;margin-bottom: 5px;}
.ttshop_purchasenavcon{height: 70px;width: 100%;}
.ttshop_purchasenavcon h5{float: left;font-size: 16px;color: #fff;padding: 0 26px;box-sizing: border-box;font-weight: 500;background: #2673FD;
line-height: 70px;}
.ttshop_purchasenavcon ul{float: right;}
.ttshop_purchasenavcon ul li{float: left;margin-right: 76px;}
.ttshop_purchasenavcon ul li:last-child{margin-right: 0;}
.ttshop_purchasenavcon ul li a{font-size: 16px;color: #666;line-height: 70px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_purchasenavcon ul li a:hover{color: #2673FD;}
.ttshop_ycbox{width: 100%;position: relative;}
.ttshop_navs{position: fixed;top: 40%;margin-top: -105px;z-index: 500;left: 50%;margin-left: -700px;display: none;}
.ttshop_navs ul{box-shadow: 0 3px 10px rgba(0,0,0,0.15);border-radius: 4px;background: #fff;}
.ttshop_navs ul li{display: block;width: 80px;border-bottom: 1px solid #f4f4f4;box-sizing: border-box;}
.ttshop_navs ul li:first-child a{border-radius:4px 4px 0 0 ;}
.ttshop_navs ul li:last-child{border-bottom: 0;border-radius: 0 0 4px 4px;}
.ttshop_navs ul li:last-child a{border-radius: 0 0 4px 4px;}
.ttshop_navs ul li a{display: block;width: 100%;height: 35px;font-size: 14px;color: #333;text-align: center;line-height: 35px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ttshop_navs ul .active a{background: #2a79ff;color:#fff;}
.ttshop_navs ul li:hover a{background: #2a79ff;color:#fff;}
.goodness{width: 100%;background: #fff;padding: 70px 0 100px 0;box-sizing: border-box;}
.goodnesscon{width: 100%;}
.yctitle{width: 100%;margin-bottom: 60px;}
.yctitle h5{font-size: 28px;color: #000;font-weight: 500;line-height: 40px;text-align: center;}
.yctitle p{font-size: 20px;color: #999;font-weight: 400;line-height: 40px;text-align: center;padding-top: 10px;box-sizing: border-box;}
.goodnesslist{width: 100%;}
.goodnesslist ul li{float: left;width: 280px;height: 340px;background: #fff;margin-right: 26.5px;border-radius: 4px;
box-shadow: 0px 0px 17px 0px rgba(39, 99, 223, 0.15);padding: 27px 25px 15px 25px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.goodnesslist ul li:last-child{margin-right: 0;}
.goodnessimg{display: block;width: 150px;height: 150px;margin: 0 auto 15px;overflow: hidden;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.goodnessimg img{display: block;}
.goodnesstext{width: 100%;}
.goodnesstext h5{font-size: 20px;color: #333;font-weight: 500;line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;margin-bottom: 7px;}
.goodnesstext p{font-size: 16px;color: #666;font-weight: 400;line-height: 30px;text-align: center;}
.goodnesslist ul li:hover{transform: translateY(-10px);box-shadow: 0px 0px 17px 0px rgba(39, 99, 223, 0.25);}
.goodnesslist ul li:hover .goodnessimg{transform: rotateY(20deg);}
.stuff{width: 100%;background: #F8F9FD;padding: 80px 0;box-sizing: border-box;}
.stuffcon{width: 100%;}
.yctitled{margin-bottom: 80px;}
.yctitle ul{display: table;margin: 0 auto;padding-top: 24px;box-sizing: border-box;}
.yctitle ul li{float: left;width: 200px;height: 40px;text-align: center;line-height: 40px;background: #EAEAEA;border-radius: 25px 0 0 25px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yctitle ul li:last-child{border-radius: 0 25px 25px 0;}
.yctitle ul li a{display: block;font-size: 18px;color: #666;font-weight: 400;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yctitle ul .active{background: #2A79FF;}
.yctitle ul .active a{color: #fff;}
.yctitle ul li:hover{background: #2A79FF;}
.yctitle ul li:hover a{color: #fff;}
.stufflist{width: 995px;margin: 0 auto;position: relative;height: 368px;}
.stufflistcon{width: 100%;position: absolute;opacity: 0;transform: scale(0.95);left: 0;top: 0;-webkit-transition:all  .6s ease-out;transition:all .6s ease-out;}
.stufflistcon.active {opacity: 1; transform: translateY(-20px) scale(1);}
.stufflistimg{float: left;width: 285px;box-shadow: 0px 0px 10px 0px rgba(72, 75, 100, 0.2);}
.stufflistimg img{display: block;}
.stufflistext{float: right;width: 587px;height: 368px;border-radius: 8px;position: relative;background: #fff;
box-shadow: 0px 0px 17px 0px rgba(39, 99, 223, 0.15);margin-top: 13px;padding: 40px 75px 30px 70px;box-sizing: border-box;}
.stufflistext::before{content: '';width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:15px;border-style:solid;
border-color:transparent #fff transparent transparent;position: absolute;top: 55px;left: -30px;}
.stufflistext h5{font-size: 26px;color: #333;font-weight: 500;line-height: 32px;margin-bottom: 20px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.stufflistext p{font-size: 16px;color: #666;font-weight: 300;line-height: 22px;margin-bottom: 14px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.stufflistext p:last-child{margin-bottom: 0;}
.myvirtue{width: 100%;}
.myvirtueup{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.myvirtueupcon{width: 100%;}
.myvirtueuped{width: 100%;}
.myvirtueuptext{float: left;padding-top: 8%;box-sizing: border-box;max-width: 300px;}
.myvirtueuptext h5{font-size: 26px;color: #333;line-height: 37px;font-weight: 500;margin-bottom: 18px;}
.myvirtueuptext p{font-size: 18px;color: #666;line-height: 25px;font-weight: 400;margin-bottom: 14px;}
.myvirtueuptext .myckxq{font-size: 18px;color: #2A79FF;font-weight: 400;line-height: 25px;display: block;margin-bottom: 35px;}
.myvirtueuplast{width: 100%;}
.myvirtueuplast a{display: block;float: left;width: 130px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #2A79FF;
border: 1px solid #2976FF;box-sizing: border-box;border-radius: 4px;}
.myvirtueuplast a:first-child{color: #fff;border: 0;margin-right: 18px;
box-shadow:0px 0px 16px 0px rgba(59, 144, 255, 0.5);
background: linear-gradient(90deg, #2976FF 0%, #4BA7FF 100%);
background: -moz-linear-gradient(90deg, #2976FF 0%, #4BA7FF 100%);
background: -webkit-gradient(90deg, #2976FF 0%, #4BA7FF 100%);
background: -ms-linear-gradient(90deg, #2976FF 0%, #4BA7FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2976FF, endColorstr=#4BA7FF);}
.myvirtueupimg{float: right;max-width: 725px;}
.myvirtueupimg img{display: block;}
.myvirtuebut{width: 100%;padding: 80px 0;box-sizing: border-box;background: #F8F9FD;}
.myvirtuebutcon{width: 100%;}
.myctitle{margin-bottom: 60px;}
.myvirtuebutlist{width: 100%;}
.myvirtuebutleft{float: left;width: 580px;height: 626px;background: #fff;box-shadow: 0px 2px 21px 0px rgba(66, 154, 255, 0.14);
border-radius: 14px 14px 0 0;margin-right: 40px;padding: 44px 38px;box-sizing: border-box;}
.mytitles{width: 100%;margin-bottom: 40px;}
.mytitles h5{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;text-align: center;margin-bottom: 22px;}
.mytitles i{display: block;width: 7px;height: 7px;background: #E2E4EB;border-radius: 50%;position: relative;margin: 0 auto;}
.mytitles i::after{content: '';width: 34px;height: 1px;background: #E2E4EB;position: absolute;top: 50%;left: -38px;margin-top: -0.5px;}
.mytitles i::before{content: '';width: 34px;height: 1px;background: #E2E4EB;position: absolute;top: 50%;right: -38px;margin-top: -0.5px;}
.mytitlesed h5{color: #fff;}
.myvirtuebutlisted{width: 100%;}
.myvirtuebutlisted ul li{width: 100%;margin-bottom: 25px;}
.myvirtuebutlisted ul li i{display: block;float: left;width: 22px;height: 22px;border-radius: 50%;margin-right: 11px;margin-top: 6px;}
.myvirtuebutlisted ul li i img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.myvirtuebutext{float: left;max-width: 430px;}
.myvirtuebutext h5{font-size: 24px;color: #333;line-height: 33px;font-weight: 400;margin-bottom: 10px;}
.myvirtuebutext p{font-size: 18px;color: #999;line-height: 30px;font-weight: 400;}
.myvirtuebutexted h5{color: #fff;}
.myvirtuebutexted p{color: #DBEDF7;}
.myvirtuebutright{float: right;width: 580px;height: 626px;border-radius: 14px 14px 0 0;padding: 44px 38px;box-sizing: border-box;position: relative;
background: linear-gradient(180deg, #2976FF 0%, #4BA7FF 100%);
background: -moz-linear-gradient(180deg, #2976FF 0%, #4BA7FF 100%);
background: -webkit-gradient(180deg, #2976FF 0%, #4BA7FF 100%);
background: -ms-linear-gradient(180deg, #2976FF 0%, #4BA7FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2976FF, endColorstr=#4BA7FF);}
.myvirtuebutright::before{content: '特别推荐';width: 100px;height: 61px;background: url(../images/tebie.png) center no-repeat;position: absolute;top: 30px;
right: -22px;font-size: 18px;color: #fff;line-height: 40px;text-align: center;}
.procedure{width: 100%;padding: 120px 0 80px 0;box-sizing: border-box;}
.procedurecon{width: 100%;}
.yctitlecon{margin-bottom: 120px;}
.yctitlecon h5{color: #fff;display: table;margin: 0 auto;position: relative;}
.yctitlecon i{width: 224px;height: 10px;background: #2673FD;display: block;margin: -16px auto 8px;}
.yctitlecon p{color: #fff;}
.procedurelist{width: 100%;}
.procedurelist ul li{float: left;width: 384px;height: 185px;border-radius: 4px;background: #fff;margin-right: 24px;margin-bottom: 25px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
padding: 22px 19px;box-sizing: border-box;position: relative;}
.procedurelist ul li:nth-child(3n){margin-right: 0;}
.procedurelist ul li span{font-size: 40px;color: #333;font-weight: 500;line-height: 40px;position: absolute;top: 22px;right: 19px;}
.proceduretext{width: 100%;padding: 0 19px;box-sizing: border-box;position: absolute;bottom: 22px;left: 0;}
.proceduretext h5{font-size: 24px;color: #333;font-weight: 500;line-height: 33px;overflow: hidden;margin-bottom: 7px;
text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.proceduretext p{font-size: 18px;color: #666;font-weight: 400;line-height: 25px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.procedurelist ul li:hover{transform: translateY(-10px);background: url(../images/bjs.png) center no-repeat;}
.procedurelist ul li:hover span{color: #fff;}
.procedurelist ul li:hover .proceduretext h5{color: #fff;}
.procedurelist ul li:hover .proceduretext p{color: #fff;}
.hzcase{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.hzcasecon{width: 100%;}
.hzcaseleft{float: left;width: 365px;height: 432px;margin-right: 40px;padding: 39px 61px;box-sizing: border-box;}
.hzcaseleft h5{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;margin-bottom: 7px;}
.hzcaseleft p{font-size: 16px;color: #666;font-weight: 400;line-height: 22px;}
.hzcaseright{float: left;width: 795px;height: 432px;background: #fff;border-radius: 4px;padding: 46px 32px 28px 32px;box-sizing: border-box;
box-shadow: 0px 2px 26px 0px rgba(204, 204, 204, 0.5);}
.hzcaserightcon{width: 100%;}
.hzcaserightcon ul li{float: left;height: auto !important;}
.hzcaserightcon ul li img{display: block;cursor:pointer;}
.hzcasedians{bottom: -3px !important;overflow: hidden !important;}
.hzcasedians .swiper-pagination-bullet{width: 6px !important;height: 6px;border-radius: 50% !important;background: #DADADA !important;opacity: 1 !important;
margin: 0 6px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;}
.hzcasedians .swiper-pagination-bullet-active{width: 36px !important;border-radius: 25px !important;
background: #2A79FF !important;}
.information{width: 100%;padding: 80px 0;box-sizing: border-box;background: #F8F9FD;}
.informationcon{width: 100%;}
.informationtitle{width: 100%;margin-bottom: 34px;}
.informationtitle h5{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;float: left;}
.informationtitle ul{float: right;padding-top: 12px;box-sizing: border-box;}
.informationtitle ul li{float: left;margin-right: 49px;}
.informationtitle ul li:last-child{margin-right: 0;}
.informationtitle ul li a{font-size: 16px;color: #333;font-weight: 400;line-height: 22px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.informationtitle ul .active a{color: #2A79FF;}
.informationtitle ul li:hover a{color: #2A79FF;}
.informationed{width: 100%;}
.informationlist{width: 100%;display: none;}
.informationlist:first-child{display: block;}
.informationleft{float: left;width: 384px;height: 488px;background: #fff;margin-right: 19px;}
.informationleft a{display: block;padding: 37px 29px 45px 29px;box-sizing: border-box;height: 100%;}
.informationleft a h5{font-size: 18px;color: #333;font-weight: 500;line-height: 25px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 50px;margin-bottom: 22px;}
.informationleft a h5 span{display: inline-block;border: 1px solid rgba(189,27,45,0.38);padding: 3px 6px;box-sizing: border-box;border-radius: 2px;
font-size: 12px;color: #FF001C;line-height: 12px;margin-right: 5px;vertical-align: 2px;}
.injianjie{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;display: -webkit-box;margin-bottom: 14px;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;max-height: 72px;}
.inbut{width: 100%;margin-bottom: 23px;}
.inbut span{float: left;font-size: 14px;color: #BD1B2D;line-height: 14px;font-weight: 400;border-radius: 2px;
background: #FFE2E2;padding: 3px 8px;box-sizing: border-box;margin-right: 16px;}
.inbut strong{font-size: 14px;color: #999;font-weight: 400;line-height: 18px;float: left;margin-right: 16px;}
.inbut strong i{display: inline-block;margin-right: 3px;vertical-align: 2px;}
.inlastimg{width: 100%;height: 206px;overflow: hidden;}
.inlastimg img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.informationleft a:hover h5{color: #2A79FF;}
.informationleft a:hover .inlastimg img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.informationright{float: right;width: 797px;height: 488px;background: #fff;padding: 25px 30px;box-sizing: border-box;}
.informationright ul li{width: 100%;border-bottom: 1px solid #F2F2F2;box-sizing: border-box;height: 48px;}
.informationright ul li a{display: block;padding: 13px 0;box-sizing: border-box;}
.informleft{float: left;width: 80%;}
.informleft span{display: block;border: 1px solid rgba(189,27,45,0.38);padding: 3px 6px;box-sizing: border-box;border-radius: 2px;
font-size: 12px;color: #FF001C;line-height: 12px;margin-right: 7px;vertical-align: 1px;float: left;}
.informleft strong{float: left;font-size: 12px;color: #00A949;line-height: 14px;font-weight: 400;border-radius: 2px;
background: #DBF7E7;padding: 3px 8px;box-sizing: border-box;margin-right: 7px;vertical-align: 1px;}
.informleft .insx{color: #999;border-color: rgba(191,191,191,0.38);}
.informleft .inzc{color: #BD1B2D;background: #FFE2E2;}
.informleft h5{font-size: 16px;color: #333;font-weight: 400;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float: left;width: 65%;line-height: 22px;}
.informationright ul li:hover .informleft h5{color: #2A79FF;}
.inroemright{float: right;width: 18%;}
.inroemright p{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;text-align: right;}
.informatlist{width:100%;}
.informatlist a{display:block;margin: 30px auto 0;width:140px;height:40px;background: linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
    background: -moz-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
    background: -webkit-gradient(144deg, #FA8860 0%, #FB443F 100%);
    background: -ms-linear-gradient(144deg, #FA8860 0%, #FB443F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FA8860, endColorstr=#FB443F);
    text-align: center;line-height:40px;font-size:14px;color:#fff;border-radius:25px;
    transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
}
.informatlist a:hover{box-shadow:0 0 10px rgba(235, 0, 0, 0.25)}

.saoma{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.saomacon{width: 100%;height: 390px;background: #fff;box-shadow: 0px 2px 26px 0px rgba(204, 204, 204, 0.5);
padding: 68px 127px 68px 102px;box-sizing: border-box;}
.saomaleft{float: left;}
.saomaleft h4{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;margin-bottom: 5px;}
.saomaleft h5{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;margin-bottom: 5px;}
.saomaleft h5 a{color: #0071FF;}
.saomaleft p{font-size: 18px;color: #666;font-weight: 400;line-height: 25px;margin-bottom: 18px;}
.saomaimg{display: block;width: 120px;height: 120px;background: #fff;}
.saomaimg img{display: block;}
.saomaright{float: right;width: 418px;padding-top: 10px;box-sizing: border-box;}
.saomaright img{display: block;}
/*侧边栏*/
.new-float {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 1000;
	width: 77px;
	height: 374px;
	margin-top: -150px;
	display: none;
}

.new-float li {
	position: relative;
	width: 77px;
	height: 57px;
	margin-bottom: 1px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.new-float li:hover {
	margin-left: -10px;
}

.new-float li a {
	display: block;
	width: 87px;
	height: 58px;
	padding: 30px 10px 0 0;
	color: #fff;
	font-size: 12px;
}

.new-float li.hover {
	overflow: hidden;
}

.new-float li.fif:hover {
	margin-left: -184px;
}

.new-float li .tel {
	position: absolute;
	left: 77px;
	top: 0;
	z-index: 1;
	width: 184px;
	height: 57px;
	font: 24px/57px Arial;
	color: #fff;
	background: url(../images/bg_float06.png) no-repeat;
	cursor: pointer;
}
.new-float li.gzh{position: relative;}
.thgzh{position: absolute;top: 0;left: -154px;padding: 20px;box-sizing: border-box;background: #f14702;opacity: 0;transform: scale(0);
border-radius: 4px 0 4px 4px;}
.thgzhimg{width: 120px;height: 120px;margin-bottom: 5px;}
.thgzhimg img{display: block;}
.thgzh p{font-size: 14px;color: #fff;font-weight: 500;text-align: center;}
.new-float li.gzh:hover .thgzh{transform:scale(1);opacity:1;-webkit-transition:all  .35s ease-out;transition:all .35s ease-out;}
.new-float li.fi a {
	background: url(../images/bg_float01.png) center 0 no-repeat;
}

.new-float li.th a {
	background: url(../images/bg_float03.png) center 0 no-repeat;
}

.new-float li.fif a {
	background: url(../images/bg_float05.png) center 0 no-repeat;
}

.new-float li.six a {
	background: url(../images/xxf_bg_float01.png) center 0 no-repeat;
	cursor: pointer;
}