﻿
@charset "utf-8";
/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;padding-top:47.3%;}
.banner .swiper-container{height:100%;}
.banner .swiper-container-vertical>.swiper-pagination-bullets{top: 200px;right: 0;}
.banner .swiper-pagination span{position: relative; border:2px solid rgba(0,0,0,0);width: 196px;height: 35px;border-right: none;border-radius: 0;background: none;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border-color: #fff}
.banner .swiper-pagination span:after{content: "";display: block;width: 4px;height: 4px;background: #fff;border-radius: 100%;position: absolute;right: 30px;top: 50%;margin-top:-2px;}
.banner .info {position: absolute;left: 45px;height: 40px;line-height: 40px; top: 50%;margin-top: -20px; z-index: 2;font-size: 15px;color: #fff;}
.banner .text{position: relative;z-index: 5; width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5)}
.banner .text p{color: #fff;padding-left: 20px;line-height: 50px;}
.banner .banner-text{ position: absolute;left: 220px;height: 195px;z-index: 1;text-align: left;bottom: 65px;}
.banner .banner-text .swiper-slide{height: 35px!important;line-height: 35px;padding-right: 30px;cursor: pointer;padding-left: 15px;}
.banner .banner-text .swiper-slide.swiper-slide-active:after{content: "";display: block;width: 3px;height: 22px;background: #fff;position: absolute;left: 0px;top: 50%;margin-top: -11px;}
.banner .banner-text .swiper-slide.swiper-slide-active{color: #fff;position: relative;}
.banner .info span{position: relative;}
.banner .info span:after{content: "";width: 60px;height: 2px;background: #7e7e7e;position: absolute;right: -80px;top: 50%;margin-top: -1px;}
.item-class{margin: 8px 0;}
/*.item-class .clearfix{margin:0 -4px;}*/
.item-class .item-list{width:25%;float: left;height: 240px; text-align: center;}
.item-class .item-list a{display: block;margin:0 4px;height: 100%;}
.item-class .item-list .img{width: 100%;height: 100%;position: relative;overflow: hidden;}
.item-class .item-list .img img{position: absolute;left:50%;top:0;right: 0;bottom: 0;margin:auto;max-width: 150px;max-height: 240px;}
.item-class .item-list .img .text-info{color: #333;width: 50%;line-height: 24px;height: 48px; right: 100%;margin-left: 20px;}
.item-class .item-list .img .text-info span{background: #f8fafc;}
.item-class .item-list .img:hover .text-info .more-text{opacity: 1; display: block;-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}
.item-class .item-list .img:hover .text-info .text{opacity: 0;}
.item-class .item-list .img .text-info .more-text{display: inline-block;opacity: 0; line-height: 20px;-ms-transform: translateY(-80%);-moz-transform: translateY(-80%);-webkit-transform: translateY(-80%);-o-transform: translateY(-80%);position:absolute;top: 50%;left: 10%;}
.item-class .item-list .img .text-info .text{opacity: 1; text-transform: uppercase;}

.index-item02{margin-top:40px;}
.index-item02 .fl{width: 590px;height: 680px;position: relative;}
.index-item02 .fl .video-banner{width: 100%;height: 100%;}
.index-item02 .fl .video-banner .swiper-slide:hover .video-info{background: rgba(0,0,0,.3);}
.index-item02 .fl .video-banner .swiper-slide:hover >img{-ms-transform: translateZ(0) scale(1.02);-webkit-transform: translateZ(0) scale(1.02);-moz-transform: translateZ(0) scale(1.02);-o-transform: translateZ(0) scale(1.02); transform: translateZ(0) scale(1.02);}
.index-item02 .fl .video-banner .swiper-slide:hover .video-info img{opacity: 1;}

.index-item02 .fl .video-banner .video-info{opacity: 1; display: table;text-align: center;background: rgba(0,0,0,0);width: 100%;height: 100%;padding-top: 50%;color: #fff;}
.index-item02 .fl .video-banner .video-info h3{font-size: 24px;text-transform: uppercase;}
.index-item02 .fl .video-banner .video-info span{text-transform: uppercase;display: block;margin:20px 0;}
.index-item02 .fl .video-banner .video-info img{cursor: pointer;opacity: 0}
.index-item02 .fl .video-banner .swiper-button-prev,.index-item02 .fl .video-banner .swiper-button-next{width: 40px;height: 80px;background-color: #fff;background-size: 15px 26px;margin-top: -40px;}
.index-item02 .fl .video-banner .swiper-button-next{background-image: url(../image/item02-right.png);border-radius: 40px 0 0 40px;right: -5px;}
.index-item02 .fl .video-banner .swiper-button-next:hover{background-color: #0078e1;background-image: url(../image/item02-right-on.png);}
.index-item02 .fl .video-banner .swiper-button-prev:hover{background-color: #0078e1;background-image: url(../image/item02-left-on.png);}
.index-item02 .fl .video-banner .swiper-button-prev{background-image: url(../image/item02-left.png);left: 0;border-radius: 0 40px 40px 0;left: -5px;}
.index-item02 .fr{width: 590px;}
.index-item02 .fr .img{height: 330px;position: relative;overflow: hidden;}
.index-item02 .fr .img b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-item02 .fr .img:hover b{-ms-transform: translateZ(0) scale(1.03);-webkit-transform: translateZ(0) scale(1.03);-moz-transform: translateZ(0) scale(1.03);-o-transform: translateZ(0) scale(1.03); transform: translateZ(0) scale(1.03);}
.index-item02 .fr .img:last-child{margin-bottom: 20px;}
.index-item02 .fr .text{color: #fff;font-size: 18px;text-transform: uppercase;left: 30px;top: 40%;}
.index-item02 .fr .text span{display: inline-block;width: 66px;height: 24px;font-size: 12px;border-radius: 24px;text-align: center;line-height: 22px;margin-top:20px;cursor: pointer;}
.index-item02 .bottom{margin-top: 20px;}
.index-item02 .bottom div.img{width: 590px;height: 300px;position: relative;overflow: hidden;}
.index-item02 .bottom div.img:hover b{-ms-transform: translateZ(0) scale(1.03);-webkit-transform: translateZ(0) scale(1.03);-moz-transform: translateZ(0) scale(1.03);-o-transform: translateZ(0) scale(1.03); transform: translateZ(0) scale(1.03);}
.index-item02 .bottom b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.index-item02 .bottom .info{top:60%; color: #fff;margin-left: 30px;}
.index-item02 .bottom .info h3{font-size: 22px;text-transform: capitalize;margin-bottom: 10px;width:220px;}
.index-item02 .bottom .info span{font-size: 12px;text-transform: capitalize;}

.index-item03 .w1200{height: 180px;margin:40px auto 60px;}
.index-item03 .w1200 .text-class:hover{opacity: 1;}
.index-item03 .w1200 .text-class{float: left;width: 33.3%;text-align: center;position: relative;height: 180px;opacity: .6;}

.index-item03 .w1200 .text-class:after{content: "";display: block;width: 2px;height: 48px;background: #0074e2;position: absolute;left: 0;top: 50%;margin-top: -24px; 
background: -webkit-linear-gradient(#84d5e9, #0d5de1);
background: -o-linear-gradient(#84d5e9, #0d5de1);
background: linear-gradient(#84d5e9, #0d5de1);}
.index-item03 .w1200 .text-class:first-child::after{display:none;}
.index-item03 .w1200 .text-class a{top: 30%;}
.index-item03 .w1200 .text-class h3{font-size: 26px;color: #262626;display: inline-block;background: #fff;}
.index-item03 .w1200 .text-class p{display: inline-block; font-size: 16px;color: #000;margin-top: 10px;background: #fff;}

/*视频*/
.video .video-item01{overflow:hidden;}
.video .video-item01 .clearfix{margin:8px -4px;}
.video .video-item01 .margin{float: left;width: 50%;height: 600px;text-align: center;padding: 0 4px;}
.video .video-item01 .list{float: left; width: 100%;height: 100%;position: relative;overflow: hidden;}
.video .video-item01 .list b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;transition:all .3s;}
.video .video-item01 .list img{z-index: 1;max-height: 240px;margin-top: 220px;}
.video .video-item01 .list h3{z-index: 1;font-size: 48px;color: #fff;margin-top:100px;}
.video .video-item01 .list h4{font-size: 18px;color: #1897f2;margin-bottom: 20px;}
.video .video-item01 .list .text{line-height: 24px;max-width: 335px;text-align: left;margin:200px auto;}
.video .video-item01 .list:hover b,.video .video-item02 .list:hover b{-ms-transform: translateZ(0) scale(1.03);-webkit-transform: translateZ(0) scale(1.03);-moz-transform: translateZ(0) scale(1.03);-o-transform: translateZ(0) scale(1.03); transform: translateZ(0) scale(1.03);}
.video .video-item02{overflow: hidden;margin-bottom: 8px;}
.video .video-item02 .clearfix{margin:0 -4px;}
.video .video-item02 .list a{display:block;width:100%;height:100%;overflow:hidden;}
.video .video-item02 .list{width: 27.5%;height: 450px;float: left;padding: 0 4px;cursor: pointer;margin-bottom:10px;overflow:hidden;position:relative;}
.video .video-item02 .list .margin{position: relative;width: 100%;height: 100%;background: #eceef1;overflow: hidden;padding-top:74%;}
.video .video-item02 .list .margin b{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.video .video-item02 .list h4{font-size: 18px;color: #333;z-index: 1;display: inline-block;width: 100%;/*margin-top: 85px;*/text-align: center;position: absolute;top:12%;}
/*.video .video-item02 .list h4:after{content: "";display: block;width: 55px;height: 3px;background: #0897f2;position: absolute;bottom: -20px;left: 50%;margin-left: -27px;}*/
.video .video-item02 .list img{margin-top: 170px;max-height: 210px;}
.video .video-item01 .list .margin,.video .video-item02 .list .margin{transition: all .3s;}
.video .list:hover .margin{transform:translateZ(0) scale(1.03);}
.video .video-item02 .list:first-child {width:45%;}
.video .video-item02 .list:first-child .margin{padding-top:45%;}
.video .video-item02 .list:last-child .margin{padding-top:45%;}
.video .video-item02 .list:last-child {width:45%;}



/*视频列表页*/
.video-list .left{width: 420px;}
.video-list .left ul li{position: relative;cursor: pointer;margin-bottom: 20px;}
.video-list .left ul li:before{opacity: 0; content: "";display: block;width: 2px;height: 20px;position: absolute;left: -10px;top: 50%;margin-top: -10px;background: #1d9cf7;}
.video-list .left ul li.active:before,.video-list .left ul li:hover:before{opacity: 1;}
.video-list .left ul li.active .img,.video-list .left ul li:hover .img{border:1px solid #1d9cf7;}
.video-list .left ul li.active .text,.video-list .left ul li:hover .text{color: #1d9cf7;}
.video-list .left ul li .img{width: 60px;height: 48px;border:1px solid #ddd;position: relative;}
.video-list .left ul li .img img{max-width: 55px;max-height: 38px;}
.video-list .left ul li .img b{display: inline-block;background-size: 25px 35px!important;}
.video-list .left ul li .text{padding-right: 50px; color: #000;font-size: 12px;line-height: 20px; position: absolute;left: 80px;top: 50%;margin-top: -10px;}
.video-list .left .more-info h3{font-size: 18px;color: #333;margin:60px 0 25px;}
.video-list .left .more-info .content{width: 280px;}
.video-list .left .more-info .content a{color: #1d9cf7;font-size: 12px;border:1px solid #1d9cf7;padding: 4px 6px;display: inline-block;margin: 2px 0;}
.video-list .left .more-info .content a i{font-style: normal;}

.video-list .right .tabone-list{display: none;}
.video-list .right .tabone-list .container{display: none;}
.video-list .right{width: 780px;}
.video-list .right .tabtwo span{cursor: pointer;color: #333;margin-right: 50px;padding-bottom: 20px;border-bottom: 2px solid rgba(0,0,0,0)}
.video-list .right .tabtwo span.active,.video-list .right .tabtwo span:hover{border-bottom-color:#1594ef;}
.video-list .right .banner{height: 440px;width: 100%;position: relative;overflow: hidden;}
.video-list .right .banner:hover img{-ms-transform: translateZ(0) scale(1.03);-webkit-transform: translateZ(0) scale(1.03);-moz-transform: translateZ(0) scale(1.03);-o-transform: translateZ(0) scale(1.03); transform: translateZ(0) scale(1.03);}
.video-list .right .banner:hover i{opacity: 1;z-index: 5;}
.video-list .right .banner i{opacity: 0;}
.video-list .right .banner img{width: 100%;height: 100%;display: block;}
.video-list .right .container .text h4{font-size: 16px;color: #333;}
.video-list .right .container .text time{font-size: 12px;color: #999;}
.video-list .right .content-list{overflow: hidden;}
.video-list .right .content-list .clearfix{margin:0 -20px;}
.video-list .right .content-list .list{float: left;width: 50%;padding: 0 20px;margin-bottom: 40px;}
.video-list .right .content-list .list .margin .img{position: relative;overflow: hidden;width: 100%;height: 100%;}
.video-list .right .content-list .list .margin .img img{width: 100%;height: 100%;display: block;}
.video-list .right .content-list .list .text p{font-size:16px;color: #333;padding: 15px 0;}
.video-list .right .content-list .list i{opacity: 0;}
.video-list .right .content-list .list:hover img{-ms-transform: translateZ(0) scale(1.03);-webkit-transform: translateZ(0) scale(1.03);-moz-transform: translateZ(0) scale(1.03);-o-transform: translateZ(0) scale(1.03); transform: translateZ(0) scale(1.03);}
.video-list .right .content-list .list:hover i{opacity: 1;z-index: 5;}
.theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none}
.theme-popover {z-index:9999;position:fixed;top:50%;left:50%;width:864px;height:524px;margin:-262px 0 0 -432px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}


/*合作*/
.cooperation .fl{width: 390px;height: 750px;background: #118be2;color: #fff;text-align: center;padding: 60px 30px;}
.cooperation .fl h3{font-size: 30px;color: #fff;position: relative;}
.cooperation .fl h3:after{display: block;content: "";width: 100px;height: 3px;background: #fff;position: absolute;left: 50%;margin-left:-50px;bottom: -40px;}
.cooperation .fl .content{font-size: 18px;line-height: 30px;}
.cooperation .fr{width: 810px;height: 750px;border:1px solid #ddd;padding: 40px;}
.cooperation .fr .input{width: 100%;}
.cooperation .fr .input input{width: 100%;height: 50px;border:1px solid #ddd;padding: 10px;margin-bottom: 20px;}
.cooperation .fr .input input:focus,.cooperation .fr .input textarea:focus{border-color: #4aa1ef;}
.cooperation .fr .input textarea{width: 100%;height: 110px;border:1px solid #ddd;padding: 10px;resize: none;margin-bottom: 20px;}
.cooperation .fr .input.code{position: relative;}
.cooperation .fr .input.code input{width: 50%;}
.cooperation .fr .input.code img{width: 120px;height: 50px;border:1px solid #ddd;position: absolute;left: 50%;margin-left: 20px;}
.cooperation .fr .btn{text-align: center;}
.cooperation .fr .btn input{width: 140px;height: 45px;background: #028aed;color: #fff;line-height: 45px;font-size: 16px;}
.cooperation .fr .btn input:first-child{margin-right: 15px;}

/*软件下载*/
.software{margin-bottom: 25px;}
.software .add-a a {font-size: 18px; color: #1d9cf7; margin-bottom: 50px; display: block;}
.software .tit{cursor: pointer;}
.software .tit.active,.software .tit:hover{color: #1594ef;}
.software .tit.active span,.software .tit:hover span{border-bottom-color:#1d9cf7;}
.software .tit span{border-bottom:2px solid #fff;display: inline-block;padding-bottom: 12px;}
.software .left{width: 300px;}
.software .left ul{margin-left: 12px;display: none;}
.software .left ul li{width: 260px; position: relative;cursor: pointer;margin-bottom: 20px;}
/*.software .left ul li.active:before,.software .left ul li:hover:before{opacity: 1;}*/
/*.software .left ul li:before{opacity: 0; content: "";display: block;width: 2px;height: 20px;position: absolute;left: -10px;top: 50%;margin-top: -10px;background: #1d9cf7;}*/
.software .left ul li.active .img,.software .left ul li:hover .img{border:1px solid #1d9cf7;}
.software .left ul li.active .text,.software .left ul li:hover .text{color: #1d9cf7;}
.software .left ul li .img{width: 60px;height: 48px;border:1px solid #ddd;position: relative;}
.software .left ul li.active:before,.software .left ul li:hover:before{opacity: 1;}
.software .left ul li .img img{max-width: 55px;max-height: 38px;}
.software .left ul li .img b{display: inline-block;background-size: 25px 35px!important;}
.software .left ul li .text{color: #000;font-size: 12px;line-height: 14px; position: absolute;left: 80px;top: 50%;margin-top: -14px;height: 28px;}

.software .right{width: 870px;}
.software .tab-one{display: none;}
.software .right .tab-two{color: #333;}
.software .right .tab-two span{cursor: pointer;margin-right:40px;border-bottom: 2px solid #fff;padding-bottom: 20px;}
.software .right .tab-two span.active,.software .right .tab-two span:hover{border-bottom-color:#1d9cf7;}
.software .right .down-list{display: none;}
.software .right .down-list .list{float: left;width: 33.3%;font-size: 12px;margin-bottom: 95px;}
.software .right .down-list .list:hover h3{color: #1594ef;}
.software .right .down-list .list h3{color: #333;position: relative;border-left: 2px solid #1d9cf7;padding-left: 10px;margin-left:-12px;}
.software .right .down-list .list .text{width: 225px; color: #999;margin:18px 0;line-height: 24px;height: 72px;overflow: auto;}
.software .right .down-list .list .btn a{display: inline-block; width: 225px;height: 45px;border:1px solid #999;line-height: 43px;text-align: center;color:#333;}
.software .right .down-list .list .btn i{margin-right: 10px;vertical-align: middle;}
.software .right .down-list .list:hover .btn a{border-color: #1594ef;color: #1594ef;}
.software .right .down-list .list:hover .btn a i{background-image: url(../image/download-on.png);}

.poster .right .down-list .list .img{margin:15px 0; width: 255px;height: 255px;background: #f5f6f8;position: relative;overflow: hidden;}
.poster .right .down-list .list .img img{max-height: 190px;}
.poster .right .down-list .list:hover img{-ms-transform: translateZ(0) scale(1.02);-webkit-transform: translateZ(0) scale(1.02);-moz-transform: translateZ(0) scale(1.02);-o-transform: translateZ(0) scale(1.02); transform: translateZ(0) scale(1.02);}
.poster  .right .down-list .list h3{margin-left: 0;}
.poster  .right .down-list .list {margin-bottom: 60px;}
.poster  .right .down-list .list .btn a{width: 255px;}
.poster .tab-one{display: none;}

.manuals .list.active,.manuals .list:hover{color: #1594ef;}
.manuals .list.active span,.manuals .list:hover span{border-bottom-color:#1d9cf7;}


/*logo下载*/
.logo .down-list{margin:0 -30px;}
.logo .list{float: left;width: 255px;margin:0 30px;}
.logo .list h3{color: #333;position: relative;border-left: 2px solid #1d9cf7;padding-left: 10px;margin-left:-12px;}
.logo .list .btn a{width: 255px;}
.logo .list .btn a{display: inline-block; width: 225px;height: 45px;border:1px solid #999;line-height: 43px;text-align: center;color:#333;}
.logo .list .btn i{margin-right: 10px;vertical-align: middle;}
.logo .list:hover .btn a{border-color: #1594ef;color: #1594ef;}
.logo .list:hover .btn a i{background-image: url(../image/download-on.png);}
.logo .list:hover h3{color: #1594ef;}
.logo .list .img{margin:15px 0; width: 255px;height: 255px;background: #f5f6f8;position: relative;overflow: hidden;}
.logo .list .img img{max-height: 215px;}
.logo .list:hover img{-ms-transform: translateZ(0) scale(1.2);-webkit-transform: translateZ(0) scale(1.2);-moz-transform: translateZ(0) scale(1.2);-o-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2);}
.logo .list h3{margin-left: 0;}
.logo .list {margin-bottom: 60px;}
.logo .list .btn a{width: 255px;}


/*博客详情页面*/
.comment .tit h3{font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom:20px;}
.comment .input{width: 100%;height: 180px;border:1px solid #ddd;}
.comment .input textarea{width: 100%;height: 120px;resize: none;border-bottom: 1px solid #ddd;padding:10px;}
.comment .input .btn .fl{color: #999;padding: 20px 15px;}
.comment .input .btn .fr{padding: 11px 20px;}
.comment .input .btn .fl a{color: #1493ee;}
.comment .input .btn .fr input{width: 87px;height: 30px;border-radius: 2px;background-color: #1c9bf6;color: #fff;text-align: center;line-height: 30px;}
.comment .comment-list{border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.comment .comment-list .user{color: #2a9df0;}
.comment .comment-list .text{font-size: 16px;line-height: 24px;}
.comment .comment-list .bottom{font-size: 12px;color: #a6a6a6;}
.comment .comment-list .bottom .fr{cursor: pointer;}
.comment .comment-list .bottom b{margin-right: 5px;}
.comment .comment-list .bottom span.active{color: #1c9bf6;}
.comment .page{margin:40px 0 100px;}
.comment .comment-list .text-box{background: #f5f5f5;}


/*防伪查询*/
.security-check .top{text-align: center;}
.security-check .top h3{font-size: 24px;}
.security-check .top img{width: 300px;height: 200px;}
.security-check .top .input{width: 720px;height: 50px;margin:0 auto;}
.security-check .top .input input[type="text"]{width: 600px;height: 100%;font-size: 16px;padding:10px;border:1px solid #ddd;}
.security-check .top .input input[type="text"]:focus{border-color: #4aa1ef;}
.security-check .top .input input[type="button"]{width: 120px;height: 100%;text-align: center;line-height: 50px;color: #fff;background-color: #3b8cde;font-size: 16px;}
.security-check .bottom{background-color: #f5f6f8;padding: 70px 110px;}
.security-check .bottom .tit{text-align: center;font-size: 24px;}
.security-check .bottom .list{width: 450px;height: 260px;background-color: #fff;position: relative;}
.security-check .form input{width: 480px;height: 50px;background-color: #fff;padding:0 10px;line-height: 50px;border:1px solid #fff;}
.security-check .form input:focus{border-color:#4aa1ef;}
.security-check .form .input{margin-bottom:20px;}
.security-check .form  textarea{width: 100%;height: 120px;resize: none;padding:10px;border:1px solid #fff;}
.security-check .form  textarea:focus{border-color:#4aa1ef;}
.security-check .form .code input{width: 330px;}
.security-check .form .code img{width: 120px;height: 50px;vertical-align: middle;margin-left: 15px;}
.security-check .form  .btn input{width: 100%;background-color: #3b8cde;color: #fff;font-size: 16px;}

/*购物车*/

/*购物车无内容*/
.shopping-car .no-product{text-align: center;}
.shopping-car .no-product a{display: inline-block; width: 220px;border-radius: 4px; height: 100%;text-align: center;line-height: 50px;color: #fff;background-color: #3b8cde;font-size: 16px;}
.shopping-car .no-product p{font-size: 16px;}


.shopping-car{margin-top: 110px;}
.shopping-car .w1200{background-color: #fff;}
.shopping-car .item{display: inline-block;width: 550px;}
.shopping-car .item-price{display: inline-block;width: 140px;}
.shopping-car .quantity{display: inline-block;width: 170px;}
.shopping-car .price{display: inline-block;width: 230px;position: relative;right: -30px;}
.shopping-car .delete{display: inline-block;width: 30px;}
.shopping-car .w1200>.tit{font-size: 18px;color: #333;padding: 30px;}
.shopping-car .form .tit{color: #333;padding-bottom: 15px;padding: 30px;}
.shopping-car .form .img{position: relative; width: 100px;height: 100px;background-color: #eceef1;}
.shopping-car .form .img img{max-height: 90%;}
.shopping-car .form .list{border-top: 1px solid #ddd;padding: 20px 30px;}
.shopping-car .form .item{position: relative;}
.shopping-car .form .item .text{position: absolute;left: 120px;top: 20px;width: 390px;color: #999;line-height: 20px;}
.shopping-car .list .item-price,.shopping-car .list .price{color: #1493ee;position: relative;top: -45px;}
.shopping-car .list .quantity span,.shopping-car .list .quantity input{display: inline-block;width: 40px;height: 40px;border: 1px solid #ddd;color: #333;background-color: #f5f5f5;text-align: center;line-height: 38px;font-size: 16px;cursor: pointer;float: left;}
.shopping-car .list .quantity input{background-color: #fff;border-right: none;border-left: none;cursor: text;font-size: 14px;}
.shopping-car .list .delete img{width: 14px;height: 14px;cursor: pointer;}
.shopping-car .list .quantity{position: relative;top: -30px;}
.shopping-car .list .delete{position: relative;top: -45px;text-align: right;}
.shopping-car .list.total{text-align: right;height: 90px;color: #999;}
.shopping-car .list.total span{color: #1493ee;}
.shopping-car .list.btn{height: 120px;text-align: right;padding-top:48px;}
.shopping-car .list.btn a{border:2px solid #1493ee;color: #1493ee;padding: 15px 22px;vertical-align: middle;margin-left: 20px;}
.shopping-car .list.btn a:last-child{background-color: #1493ee;color: #fff;}
/*.shopping-car .list.btn a:last-child:hover{background: -webkit-linear-gradient(left, #84d5e9 , #0d5de1);
    background: -o-linear-gradient(left, #84d5e9, #0d5de1); 
    background: -moz-linear-gradient(left, #84d5e9, #0d5de1); 
    background: linear-gradient(to left, #84d5e9 , #0d5de1); }*/

.shopping-car .list.btn a:hover{-moz-box-shadow: 0 0 10px 2px #dedede;-ms-box-shadow: 0 0 10px 2px #dedede;-webkit-box-shadow: 0 0 10px 2px #dedede;-o-box-shadow: 0 0 10px 2px #dedede; box-shadow: 0 0 10px 2px #dedede;}

/*购物车02*/
.shopping-car02{margin-top: 130px;}
.shopping-car02 .w1200>.tit{text-align: center;color: #333;font-size: 30px;}
.shopping-car02 .w1200>.clearfix>.fl{width: 780px;}
.shopping-car02 .w1200>.clearfix>.fr{width: 410px;}
.shopping-car02 .item-left .tit{font-size: 18px;color: #333;}
.shopping-car02 .item-left .tit a{color: #1493ee;font-size: 14px;}
.shopping-car02 .item-left .box{background-color: #fff;padding: 30px;}
.shopping-car02 .item-left .input{margin-bottom: 30px; width: 100%;height: 50px;line-height: 50px;color: #999;}
.shopping-car02 .item-left .input.addr{height: 90px;border:1px solid #ddd;padding:20px;line-height: 26px;}
.shopping-car02 .item-left .input.addr:hover,.shopping-car02 .item-left .input.addr.active{border-color: #9bcbf6;background-color: #edf5fd;cursor:pointer;}
.shopping-car02 .item-left .input.addr span{color: #333;font-size: 16px;}
.shopping-car02 .item-left .input.addr img{width: 24px;height: 24px;margin-top: 13px;}
.shopping-car02 .item-left .input select{width: 100%;height: 100%;border:1px dashed #ddd;padding: 0 12px;color: #999;}
.shopping-car02 .item-left .input button{width:130px;height:40px;background:#1493ee;display:inline-block;color:#fff;margin-right:20px;}
.shopping-car02 .item-left .input input{width: 100%;height: 100%;border:1px solid #ddd;padding: 0 12px;}
.shopping-car02 .item-left .input.two input{width: 350px;}
.shopping-car02 .item-left .input.checkbox input{width: 25px;height: 25px;line-height: 25px;vertical-align: middle;}
.shopping-car02 .item-left .input.checkbox span{line-height: 25px;vertical-align: middle;margin-left: 10px;}
.shopping-car02 .item-left .pay{background-color: #fff;padding: 30px;}
.shopping-car02 .item-left .pay .pay-list a{display: inline-block;width: 100%;height: 90px;border:1px solid #ddd;margin-top: 10px;padding: 20px;}
.shopping-car02 .item-left .pay .pay-list a span{font-size: 16px;color: #333;display: inline-block;width: 550px;}
.shopping-car02 .item-left .pay .pay-list a p{color: #888;line-height: 28px;width: 550px;}
.shopping-car02 .item-left .pay .pay-list a img{max-height: 25px;max-width: 100px;margin-top: 15px;}
.shopping-car02 .item-right .top{background-color: #fff;padding: 30px 30px 0 30px;}
.shopping-car02 .item-right .top .tit{font-size: 18px;color: #333;}
.shopping-car02 .item-right .top .tit .fr a{color: #1493ee;}
.shopping-car02 .item-right .list-content{border-bottom: 1px solid #ddd;}
.shopping-car02 .item-right .list{margin-bottom:20px;}
.shopping-car02 .item-right .list .img{width: 60px;height: 60px;position: relative;background-color: #eceef1;}
.shopping-car02 .item-right .list .img img{max-height: 80%;}
.shopping-car02 .item-right .list .left {position: relative;}
.shopping-car02 .item-right .list .left .text{position: absolute;width: 210px; left: 75px;top: 10px;line-height: 20px;}
.shopping-car02 .item-right .list .right{height: 60px;line-height: 60px;}
.shopping-car02 .item-right .info{line-height: 18px;color: #999;padding:20px 0;}
.shopping-car02 .item-right .info>div{margin-bottom: 15px;}
.shopping-car02 .item-right .info>div span.color{color: #333;font-size: 16px;}
.shopping-car02 .item-right .info>div.ps{background-color: #edf5fd;height: 50px;width: 100%;text-align: center;line-height: 50px;color: #333;margin-top: 40px;}
.shopping-car02 .item-right .btn a{width: 100%;height: 50px;background-color: #1493ee;color: #fff;text-align: center;line-height: 50px;display: inline-block;}
.shopping-car02 .item-right .bottom{line-height: 24px;}
.shopping-car02 .item-left .pay .pay-list a.active{border-color: #9bcbf6;background-color: #edf5fd;cursor:pointer;}


/*购物车03*/
.shopping-car03{margin-top: 130px;}
.shopping-car03 .w1200{padding:65px 120px;background-color: #fff;}
.shopping-car03 .w1200 .tit{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.shopping-car03 .w1200 .tit .text span{font-size: 18px;color: #333;display: inline-block;padding-bottom: 5px;}
.shopping-car03 .w1200 .tit .fl{position: relative;color: #333;}
.shopping-car03 .w1200 .tit .text {position: absolute;left: 60px;top: 5px;width: 550px;}
.shopping-car03 .w1200 .tit .fl img{width: 45px;height: 54px;}
.shopping-car03 .w1200 .tit .total {font-size: 24px;color: #1493ee;}
.shopping-car03 .w1200 .tit .total span{color: #333;font-size: 14px;}
.shopping-car03 .w1200 .tit .total a{display: block;font-size: 14px;text-align: right;padding-top: 10px;}
.shopping-car03 .w1200 .tit .total a.active img{-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(180deg);}
.shopping-car03 .w1200 .tit .total a img{margin-left: 5px;}
.shopping-car03 .detail{display: none; padding:40px 0; text-align: center;line-height: 28px;border-bottom: 1px solid #ddd;}
.shopping-car03 .detail span,.shopping-car03 .detail ul li{color: #333;}
.shopping-car03 .detail .list{position: relative;}
.shopping-car03 .detail .list span{width: 50%;text-align: left;display: inline-block;}
.shopping-car03 .detail .list span.name{width: 20%;display: inline-block;text-align: right;}
.shopping-car03 .detail .list.prod span.name,.shopping-car03 .detail .list.deliv span.name{opacity: 0;}
.shopping-car03 .content .tit h3{color: #333;font-size: 16px;font-weight: bold;}
.shopping-car03 .content .tit h3 span{font-size: 14px;color: #1493ee;font-weight: normal;padding-left: 10px;}
.shopping-car03 .content .tit p{padding:30px 0;}
.shopping-car03 .content .box{background-color: #f5f6f8;padding:30px;}
.shopping-car03 .content .box h4{color: #333;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.shopping-car03 .box .item{border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.shopping-car03 .box .item .content{text-align: center;line-height: 28px;padding:30px 0;}
.shopping-car03 .box .item p{color: #1493ee;padding-bottom: 30px;}
.shopping-car03 .box .item .content .list span{width: 50%;display: inline-block;text-align: left;}
.shopping-car03 .box .item .content .list span.name{width: 30%; text-align: right;color: #333;font-weight: bold;}
.shopping-car03 .box .item02 .fl{width: 310px!important;text-align: left;}
.shopping-car03 .box .item02 .fr{width: 570px!important;text-align: left;font-weight: bold;}
.shopping-car03 .box .item02 span{width: auto!important;}
.shopping-car03 .box .item02 .list{height: 28px;}
.shopping-car03 .box .item02 .list.tit{font-weight: bold;}
.shopping-car03 .box .item02 .list .fr span{font-weight: normal;}
.shopping-car03 .box .item02{padding-bottom: 30px;}
.shopping-car03 .notice .tit{color: #333;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.shopping-car03 .notice .text{line-height: 28px;padding:40px 0;}
.shopping-car03 .btn a{width: 220px;height: 50px;background-color: #1493ee;text-align: center;line-height: 50px;color: #fff;display: inline-block;}

/*购物车在线支付*/
.shopping-car-pay{margin-top: 130px;}
.shopping-car-pay .w1200{padding:65px 120px;background-color: #fff;}
.shopping-car-pay .w1200 .tit{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.shopping-car-pay .w1200 .tit .text span{font-size: 18px;color: #333;display: inline-block;padding-bottom: 5px;}
.shopping-car-pay .w1200 .tit .fl{position: relative;color: #333;}
.shopping-car-pay .w1200 .tit .text {position: absolute;left: 60px;top: 5px;width: 550px;}
.shopping-car-pay .w1200 .tit .fl img{width: 45px;height: 54px;}
.shopping-car-pay .w1200 .tit .total {font-size: 24px;color: #1493ee;}
.shopping-car-pay .w1200 .tit .total span{color: #333;font-size: 14px;}
.shopping-car-pay .w1200 .tit .total a{display: block;font-size: 14px;text-align: right;padding-top: 10px;}
.shopping-car-pay .w1200 .tit .total a.active img{-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(180deg);}
.shopping-car-pay .w1200 .tit .total a img{margin-left: 5px;}

.shopping-car-pay .detail{display: none; padding:40px 0; text-align: center;line-height: 28px;border-bottom: 1px solid #ddd;}
.shopping-car-pay .detail span,.shopping-car03 .detail ul li{color: #333;}
.shopping-car-pay .detail .list{position: relative;}
.shopping-car-pay .detail .list span{width: 50%;text-align: left;display: inline-block;}
.shopping-car-pay .detail .list span.name{width: 20%;display: inline-block;text-align: right;}
.shopping-car-pay .detail .list.prod span.name,.shopping-car-pay .detail .list.deliv span.name{opacity: 0;}


.shopping-car-pay .pay .tit{border:none;font-size: 18px;padding:40px 0 0 0;}
.shopping-car-pay .pay{background-color: #fff;padding: 0;}
.shopping-car-pay .pay .pay-list a:hover{border-color: #999;}
.shopping-car-pay .pay .pay-list a{position: relative; display: inline-block;width: 100%;min-height: 90px;border:1px solid #ddd;margin-top: 10px;padding: 20px;}
.shopping-car-pay .pay .pay-list a.active{border-color: #a1d3f8;}
.shopping-car-pay .pay .pay-list a span{font-size: 16px;color: #333;display: inline-block;width: 550px;}
.shopping-car-pay .pay .pay-list a p{color: #888;line-height: 28px;width: 550px;}
.shopping-car-pay .pay .pay-list a img{max-height: 25px;max-width: 100px;margin-top: 15px;}
.shopping-car-pay .pay .pay-list .btn{display: none; width: 100%;height: 90px;padding-top: 45px;}
.shopping-car-pay .pay .pay-list .btn input{width: 160px;height: 45px;background-color: #44a8f2;color: #fff;}

/*登录*/
.sign{margin-top: 70px;}
.sign .tit{font-size: 30px;text-align: center;padding: 63px 0 49px;}
.sign .form{background: #fff;padding: 60px 0;}
.sign .form>div{width: 50%;padding: 0 120px;}
.sign .form .title{font-size: 25px;padding: 60px 0 30px;}
.sign .form .input{position: relative;margin-bottom: 20px;}
.sign .form .input a{z-index: 3; color: #1897f2;position: absolute;right: 1px;top: 1px;width: 140px;height: 43px;background: #fff;line-height: 43px;padding-left: 10px;}
.sign .form input{z-index: 2;background: rgba(0,0,0,0); position: relative; font-size: 16px;color: #333; width: 100%;height: 45px;border:1px solid #ddd;padding: 0 12px;padding-top: 15px; }
.sign .form input[type="button"]{background: #4aa1ef;color: #fff;padding-top: 0!important;}
.sign .fr{border-left: 1px solid #ddd;}
.sign .form .agree label{position: relative;margin-bottom: 20px;}
.sign .form .agree label span{position: absolute;left: 35px;top: 0px;width: 330px;font-size: 13px;color: #676b69;line-height: 22px;}
.sign .form .agree input{display: none;width: 22px;height: 22px;}
.sign .form .agree input+label{display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.sign .form .agree input+label:before{border:1px solid red;content:'';display: inline-block;width: 22px;height: 22px;border:1px solid #ddd;border-radius: 5px;vertical-align: middle;}
.sign .form .agree input:checked +label:before{border-color: #4aa1ef;background:url(../image/gou-incon.png) no-repeat center center/cover;}
.sign .form .input i{position: absolute;color:#8e8e8e;font-style: normal;left: 12px;top: 14px;z-index: 1;}
.sign .form .input input:focus{border-color: #999;}
.sign .form .input.active i{font-size: 12px;-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px); transform: translateY(-10px);}
.sign .form .input.error input{border-color: #ff0000;}
.sign .form .input.error i{color: #ff0000;}
.sign .form .input .error-info{color: #ff0000;display: none;padding: 5px 0 0 12px;word-break:break-all;}
.sign .form .agree label span a {z-index: 1;color: #1897f2;position: static;right: 0;top: 0;width: auto;height: auto;background: none;line-height: 0;padding-left: 0;}

/*忘记密码*/
.login-style.email .login-style-box{padding-left: 60px;padding-right: 60px;padding-bottom: 60px;}
.login-style.email .form p{font-size: 16px;margin-bottom: 15px;}
.login-style.email .form .text{font-size: 14px;color: #999;margin-bottom: 40px;}
.login-style.email .form p span{color: #4aa1ef;}
.login-style.email .input input[type="button"]:last-child{background-color: #fff;color: #8e8e8e;margin-top: 20px;}
.login-style.success .login-style-box{padding-bottom: 70px;}
.login-style.success .img img{width: 60px;height: 60px;margin-top: 40px;}
.login-style.success .img p{font-size: 30px;color: #1493ee;margin-top: 50px;}
.login-style.success a.btn{width: 300px;height: 45px;background: #8dc1f3;display: inline-block;line-height: 45px;font-size: 16px;color: #fff;margin-top: 50px;}

.login-style.regist .form .agree{text-align: left;}
.login-style.regist .form .agree label{position: relative;margin-bottom: 20px;}
.login-style.regist .form .agree label span{position: absolute;left: 35px;top: 0px;width: 230px;font-size: 13px;color: #676b69;line-height: 22px;}
.login-style.regist .form .agree input{display: none;width: 22px;height: 22px;}
.login-style.regist .form .agree input+label{display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.login-style.regist .form .agree input+label:before{border:1px solid red;content:'';display: inline-block;width: 22px;height: 22px;border:1px solid #ddd;border-radius: 5px;vertical-align: middle;}
.login-style.regist .form .agree input:checked +label:before{border-color: #4aa1ef;background:url(../image/gou-incon.png) no-repeat center center/cover;}
.login-style.regist .login-now{text-align: left;display: block;width: 100%;color: #4aa1ef;margin-top: 55px;}

/*经销商*/
.merchant .tab-change{display: none;}
.merchant .tab a{font-size: 12px;color: #666;margin-right: 30px;padding-bottom: 15px;}
.merchant .tab span.active a,.merchant .tab a:hover{border-bottom: 2px solid #1594ef;}
.merchant .select .slide-pos{margin-right: 20px; width: 200px;height: 50px;border:1px solid #ddd;float: left;font-size: 12px;line-height: 50px;padding:0 10px;}
.merchant .select .slide-pos img.fr{line-height: 50px;margin-top:22px;vertical-align: middle;}
.merchant .container-change .addr{font-size: 18px;}
.merchant .container-change .name{font-weight: bold;padding:10px 0;}
.merchant .container-change .info a{display: block;color: #999;line-height: 30px;}
.merchant .container-change .info a:hover{text-decoration: underline;}
.merchant .container-change .list{float: left;width: 33.3%;height: 200px; padding-right: 50px;}
.merchant .online-shop .list{overflow: hidden; float: left;width: 25%;text-align: center;height: 140px;}
.merchant .online-shop .list img{width: 80px;height: 30px;}
.merchant .online-shop .list:hover img{-moz-transform: translateZ(0) scale(1.1);-ms-transform: translateZ(0) scale(1.1);-webkit-transform: translateZ(0) scale(1.1);-o-transform: translateZ(0) scale(1.1); transform: translateZ(0) scale(1.1);}
.merchant .online-shop .list a{display: block;}
.merchant .online-shop .list a:hover{color: #1594ef;}
.merchant .online-shop .tit{font-weight: bold;}

/*品牌*/

.brand .brand-list .img{width: 33.3%;float: left;}
.brand .brand-list .img:hover .box{top: 0;}
.brand .brand-list .box h4{font-size: 18px;}
.brand .brand-list .box p{line-height: 24px;text-align:left;}
.brand .brand-list .img {overflow: hidden; position: relative; display: block;width: 33.3%;height: 460px;background-color: #f5f6f8;position: relative;background: #ddd;}
.brand .brand-list .img .text{position: absolute;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%); transform: translateY(-50%);z-index: 1;padding: 25px;width:100%;text-align:center;}
.brand .brand-list .box{position: absolute;left: 0;top: 460px;width: 100%;height: 100%;background-color: rgba(144,  144 , 144,.9);color: #fff;}
/*.brand .brand-list .img a:hover img{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1); transform: scale(1.1);}*/


/*faq*/
.faq .right .down-list .list:hover .faq-text{color: #4aa1ef;}
.faq .faq-text{text-align: center;font-size: 12px;color: #333;line-height: 24px;height: 48px;overflow: hidden;width: 255px;}
.faq .right .down-list .list{margin-bottom: 0;}
.faq-container .title{height: 285px;border-bottom: 1px solid #ddd;text-align: center;vertical-align: middle;padding-top: 90px;}
.faq-container .title img{height: 100px;vertical-align: middle;}
.faq-container .title span{font-size: 20px;color: #333;margin-left: 100px;}
.faq-container .tab .tit{font-size: 18px;color: #333;}
.faq-container .tab .tab-tit{height: 200px;padding-top: 50px;}
.faq-container .tab .tab-tit .list{cursor: pointer; width: 20%;text-align: center;float: left;}
.faq-container .tab .tab-tit .list .icon{height: 60px;line-height: 60px;}
.faq-container .tab .tab-tit .list p{padding:10px 0;}
.faq-container .tab .tab-tit .list img{opacity: 0;}
.faq-container .tab .tab-tit .list.active img{opacity: 1;}
.faq-container .tab .tab-tit .list.active p{color: #1493ee;}
.faq-container .tab .tab-tit i{display: inline-block;background:url() no-repeat center center/cover;vertical-align: middle;}
.faq-container .tab .tab-tit .faq-tab01{background-image: url(../image/faq-icon01.png); width: 35px;height:54px;}
.faq-container .tab-tit .list.active .faq-tab01{background-image: url(../image/faq-icon01-on.png);}
.faq-container .tab .tab-tit .faq-tab02{background-image: url(../image/faq-icon02.png); width: 37px;height:40px;}
.faq-container .tab-tit .list.active .faq-tab02{background-image: url(../image/faq-icon02-on.png);}
.faq-container .tab .tab-tit .faq-tab03{background-image: url(../image/faq-icon03.png); width: 35px;height:62px;}
.faq-container .tab-tit .list.active .faq-tab03{background-image: url(../image/faq-icon03-on.png);}
.faq-container .tab .tab-tit .faq-tab04{background-image: url(../image/faq-icon04.png); width: 58px;height:58px;}
.faq-container .tab-tit .list.active .faq-tab04{background-image: url(../image/faq-icon04-on.png);}
.faq-container .tab .tab-tit .faq-tab05{background-image: url(../image/faq-icon05.png); width: 29px;height:46px;}
.faq-container .tab-tit .list.active .faq-tab05{background-image: url(../image/faq-icon05-on.png);}
.faq-container .question-list>div{background:#f7f8f9;padding:30px;margin-bottom: 2px;}
/*.faq-container .question-list.active .content{display: block;}*/
.faq-container .question-list .content{padding:20px 30px;display: none;}
.faq-container .question-list .content p{line-height: 24px;color: #676b69;}
.faq-container .question-list .tit{color: #1493ee;cursor: pointer;}
.faq-container .question-list .bottom p{color:#999;}
.faq-container .question-list .bottom p span{color: #1493ee;cursor: pointer;}
.faq-container .tab-change{display: none;}
.faq-container{margin-bottom: 120px;}


/*人才招聘*/
.invite-job {margin-bottom: 120px;}
.invite-job .invite-banner{padding-top: 125px; height: 680px;margin-top: 70px;text-align: center;}
.invite-job .invite-banner .tit{font-size: 40px;color:#fff;}
.invite-job .invite-banner p{font-size: 18px;color: #fff;margin: 45px 0 50px;}
.invite-job .invite-banner a{display: inline-block;width: 300px;height: 65px;line-height: 65px;background: #028aed;color: #fff;font-size: 20px;border-radius: 5px;}
.invite-job .invite-content{margin-top: 180px;}
.invite-job .invite-content p{font-size: 16px;line-height: 30px;}
.invite-job h3{text-align: center;font-size: 40px;position: relative;}
.invite-job h3:after{content: "";display: block;width: 120px;height: 1px;background: #ccc;position: absolute;left: 50%;margin-left: -60px;bottom: -40px;}
.invite-job .video img{display: block;}
.invite-job .video .top,.invite-job .video .bottom>div{position: relative;}
.invite-job .video .bottom .text{width: 100%;height: 50px;line-height: 50px;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);text-align: center;color: #fff;}
.invite-job .video .bottom img{width: 590px;height: 360px;}
.invite-job .join{margin-top: 190px;padding-bottom: 250px; text-align: center;padding-top: 80px; background-color: #fff;-moz-box-shadow: 0px 10px 25px 1px #e7e7e7;-ms-box-shadow: 0px 10px 25px 1px #e7e7e7;-webkit-box-shadow: 0px 10px 25px 1px #e7e7e7;-o-box-shadow: 0px 10px 25px 1px #e7e7e7; box-shadow: 0px 10px 25px 1px #e7e7e7;}
.invite-job .join .img{position: relative; width: 180px;height: 180px;-moz-box-shadow:0px 20px 45px 0px #e7e7e7;-ms-box-shadow:0px 20px 45px 0px #e7e7e7;-webkit-box-shadow:0px 20px 45px 0px #e7e7e7;-o-box-shadow:0px 20px 45px 0px #e7e7e7; box-shadow:0px 20px 45px 0px #e7e7e7;border-radius: 100%;margin:0 auto;}
.invite-job .join .img img{width: 50%;}
.invite-job .join p{font-size: 16px;margin-top: 120px;}

.careers .top>.fl{width: 365px;position: relative;}
.careers .top>.fl input{width:325px;height: 35px;border:1px solid #ddd;padding:0 12px; }
.careers .top>.fl input:focus{border-color: #1493ee;}
.careers .top>.fl .img{width: 40px;height: 35px;background: #1493ee;position: absolute;right: 0;top: 0;position: absolute;}
.careers .top .fr .list{margin-left: 20px; float: left;width: 150px;height: 35px;border:1px solid #ddd;padding:0 10px;line-height: 35px;position: relative;}
.careers .top .fr .list img{position: absolute;right: 10px;top: 16px;}
.careers .slide{width: 150px;left: -1px; height: auto; top: 33px;border:1px solid #ddd;background: #fff;border-top: none;}
.careers .slide li{height: 30px;line-height: 30px;background: #fff;border: none;}
.careers .slide li.active,.careers .slide li:hover{background: #3288fe;color: #fff;}
.careers .slide li:hover a{color: #fff;}
.careers .slide-pos.active,.careers .slide-pos.active .slide{border-color: #3288fe!important;}
.careers .content .list{margin-bottom: 20px; position: relative; background: #f9fafb;padding:30px;padding-left: 110px;}
.careers .content .list:hover{box-shadow: 0 0 10px 1px #e7e7e7;}
.careers .list .img{position: absolute;left: 30px;top: 30px;width: 60px;height: 60px;}
.careers .list .text{font-size: 18px;color: #333;}
.careers .list .text span{font-size: 14px;color: #999;display: inline-block;margin:5px 0;}
.careers .list .text span.left{margin-right: 15px;}
.careers .list .text span img{vertical-align: middle;margin-right: 5px;}
.careers .list .text p{font-size: 14px;color: #666;line-height: 24px;}

.description .w1200{margin-top: 210px;padding:90px 60px;background: #fff;margin-bottom: 140px;}
.description .middle{padding:0 40px;}
.description .middle>div{text-align: center;width: 50%;}
.description .tit{text-align: center;font-size: 36px;color: #1493ee;}
.description .middle>div img{height: 38px;}
.description .middle>div p{padding:10px 0;}
.description .middle>div span{font-size: 16px;color: #333;line-height: 30px;}
.description .middle>div .fl{width: 50%;}
.description .text{border-top: 1px solid #ddd;padding:45px 0;border-bottom: 1px solid #ddd;padding:45px 0;}
.description .text .tit{font-size: 20px;color: #333;text-align: left;}
.description .text .info{line-height: 30px;color: #333;}
.description .btn{text-align: center;}
.description .btn a{display: inline-block;width: 200px;height: 50px;background: #028aed;color: #fff;font-size: 18px;line-height: 50px;border-radius: 4px;margin-top: 30px;}

.careers-form{margin-top: 210px;margin-bottom: 80px;}
.careers-form .w1200{background: #fff;padding:90px 115px;}
.careers-form .tit{text-align: center;font-size: 40px;}
.careers-form .tit span{color: #1493ee;}
.careers-form .form .title{font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom:30px;}
.careers-form .form .title span{font-size: 14px;}
.careers-form .form .input{margin-bottom: 30px;}
.careers-form .form form{font-size: 16px;padding-top: 55px;padding-left: 60px;}
.careers-form .form form span{display: inline-block;width: 95px;}
.careers-form .form form input[type="text"]{width: 320px;height: 35px;border:1px solid #ddd;padding:0 10px;}
.careers-form .form form input:focus{border-color: #4aa1ef;}
.careers-form .form form .input span.file{position: relative; display: inline-block;width: 90px;height: 25px;border:1px solid #ddd;font-size: 12px;text-align: center;line-height: 25px;background: #e1e1e1;color: #666;cursor: pointer;}
.careers-form .form form .input  p{display: inline-block;font-size: 12px;vertical-align: middle;}
.careers-form .form form .input span.file input{opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.careers-form .form form .input.error input{border-color: #e83c42;}
.careers-form .form form .input .info{padding-left: 100px;color: #666;margin-top: 15px;}
.careers-form .form .btn{padding-left:100px;}
.careers-form .form .btn input{cursor: pointer; width: 200px;height: 45px;font-size: 18px;color: #fff;border-radius: 4px;background: #44a8f2;}
.careers-form .form .btn input:last-child{background: #fff;color: #44a8f2;}


/*äº§å“è¯¦æƒ…*/
.pro-ar-left-left{width:100px;float:left;}
.pro-ar-left-list{position: absolute;height:10000em;top:0;}
.pro-ar-left-prolist{width:100px;position:relative;overflow:hidden; height: 431px;float:right;}
.pro-ar-left-prolist:after{content:'';clear:both;display:block;}
.pro-ar-left-up{background:url(../image/pro-ar-icon2.png)  no-repeat center 10px;height:40px;width:98px;cursor:pointer;display: inline-block;}
.pro-ar-left-down{background:url(../image/pro-ar-icon1.png) no-repeat center 10px;height:40px;width:98px;cursor:pointer;display: inline-block;}
.pro-ar-left-box{position:relative;width:478px;height:500px;border:1px solid #ddd;overflow:hidden;}
.pro-ar-left-cont img{margin:0px 0;}
.pro-ar-left-cont{position:absolute;height:10000em;top:0;}
.pro-ar-left{width:600px;float:left;}
.pro-ar-left-list img{border:#c9c9c9 1px solid;margin-bottom:7px;cursor:pointer;}
.pro-ar-left-list img.on{border:1px solid #000;}

.pro-ar-right{width:575px;float:right;}
.pro-ar-right .pro-ar-right-tit{font-size:24px;color:#2d2d2d;}
.pro-ar-right .pro-ar-right-sku{font-size:14px;}
.pro-sx-box{border:1px solid #ddd;background:#f1f1f1;height:35px;}
.pro-sx-box .pro-sx-box-list{color:#2d2d2d;height:20px;margin-top:8px;font-size:14px;padding:0px 17px;border-right:1px solid #ccc;float:left;}
.pro-ar-right .pro-ar-ms{color:#666;line-height:21px;}

.pro-ar-price{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:109px;}
.pro-ar-price .pro-ar-price-left{width:249px;float:left;border-right:1px solid #ddd;line-height:109px;height:109px;padding:0px 20px;}
.pro-ar-price .pro-ar-price-left .fl{color:#2d2d2d;font-weight:bold;font-size:14px;}
.pro-ar-price .pro-ar-price-left .fr{color:#0071ca;font-size:20px;}

.pro-ar-price .pro-ar-price-right{}
.pro-ar-price .pro-ar-price-right .pro-ar-price-need{color:#2d2d2d;height:40px;line-height:40px;margin-top:20px;}
.pro-ar-price .pro-ar-price-right .pro-ar-price-input{width:96px;height:37px;line-height:37px;text-align:center;border:2px solid #0071ca;margin-left:10px;}
.pro-ar-price .pro-ar-price-right .pro-ar-price-txt{margin-top:15px;}
.pro-ar-price .pro-ar-price-right .pro-ar-price-txt span{color:#0071ca;}

.pro-ar-right .pro-ar-ts{height:16px;line-height:16px;background:url(../image/pro-ar-icon.png) no-repeat left top;text-indent:25px;}
.pro-ar-right .pro-ar-xz{height:30px;line-height:30px;margin-top:30px;}
.pro-ar-right .pro-ar-xz .pro-ar-xz-list{float:left;padding:0px 10px;height:26px;line-height:26px;border:2px solid #ededed;margin-right:10px;cursor:pointer;}
.pro-ar-right .pro-ar-xz .pro-ar-xz-list-click{border:2px solid #0071ca;color:#0071ca;background:url(../image/pro-ar-xz-list-click.png) no-repeat right bottom;}

.pro-ar-addcart{margin-top:45px;}
.pro-ar-addcart a.addcart-btn{float:left;width:160px;height:50px;line-height:50px;text-align:center;display:block;background:#0071ca;color:#fff;font-size:16px;}
.pro-shara{height:36px;line-height:36px;margin-top:8px;}
.pro-shara .pro-shara-txt{width:100px;text-align:center;float:left;color:#2d2d2d;font-size:14px;}

.pro-ar-nr{margin-top:65px;border:none;padding-bottom:70px;margin-bottom:80px;border-top: 1px solid #ddd;padding-top: 60px;}
.pro-ar-nr .pro-ar-nr-tit{display:none;height:48px;border-bottom:1px solid #ddd;line-height:48px;background:#f9f9f9;}
.pro-ar-nr .pro-ar-nr-tit span{background:#fff;border-top:2px solid #0071ca;height:48px;display:block;width:128px;border-right:1px solid #ddd;text-align:center;color:#666;font-size:16px;}
.pro-ar-nr .pro-ar-nr-con{margin-top:100px;width:100%;margin:0 auto;}
.pro-ar-nr .pro-ar-nr-con .pro-art{word-wrap:break-word;}




/*äº§å“è¯¦æƒ…ç°è‰²top*/
.top-gary{height:50px;background:#ededed;margin-bottom:35px;line-height:50px;color:#333;font-size:14px;}
/*äº§å“è¯¦æƒ…å†…å®¹*/
.pro-art{width:100%;margin:0 auto;font-size:20px;font-family:Arial, "å¾®è½¯é›…é»‘";}
.pro-art img {width:100%;}
.pro-art-p1{font-family:Arial;font-size:20px;margin-top:50px;margin-bottom:30px;background:url(../image/font-down.PNG) no-repeat;background-position:0 37px;display:inline-block;line-height:40px;}



/*新闻列表样式*/
.news-left{width:821px;float:left;}
.news-right{width:361px;float:right;}
.news-list-1{padding-bottom:42px;overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:40px;}
.news-list-1 .news-data-div{width:201px;}
.news-list-1 .news-data-div .news-data{width:201px;text-align:right;font-size:28px;color:#333;height:38px;border-bottom:1px solid #333;}
.news-list-1 .news-data-div .news-data-bottom{line-height:30px;color:#666;}
.news-list-1 .news-txt .news-nr{width:600px;margin:0 auto;}
.news-list-1 .news-txt .news-nr a{font-size:24px;color:#333;text-transform:uppercase;line-height:36px;}
.news-list-1 .news-txt .news-nr a.news-title{font-size:24px;color:#0c7ed6;text-transform:uppercase;line-height:36px;}
.news-list-1 .news-txt .news-nr a:hover{color:#0c7ed6;}
.news-list-1 .news-txt .news-nr .news-ms{line-height:24px;font-size:14px;color:#666;}
.news-list-1 .news-txt .news-nr a.read-more{color:#0c7ed6;font-size:12px;}

.news-r-title{font-size:18px;color:#999;text-transform:uppercase;height:40px;}
.news-right ul.news-r-rn{list-style:disc;margin-left:20px;margin-bottom:35px;}
.news-right ul.news-r-rn li{margin:14px 0px;line-height:24px;}
.news-right ul.news-r-rn li a{font-size:14px;color:#333;}
.news-right ul.news-r-rn li a:hover{color:#0c7ed6;}

.news-right ul.news-r-ca{margin-bottom:35px;}
.news-right ul.news-r-ca li{margin:12px 0px;}
.news-right ul.news-r-ca li a{font-size:14px;color:#333;}
.news-right ul.news-r-ca li a:hover{color:#0c7ed6;}

.news-right ul.news-r-tag{margin-bottom:35px;}
.news-right ul.news-r-tag li{margin-right:6px;margin-bottom:6px;float:left;}
.news-right ul.news-r-tag li a{padding:5px 10px;border:1px solid #ccc;display:block;text-align:center;color:#333;}
.news-right ul.news-r-tag li a:hover{color:#fff;background:#0c7ed6;}

/*新闻详情*/
.news-data-ar{width:201px;}
.news-data-ar .news-data{width:201px;text-align:right;font-size:28px;color:#333;height:38px;border-bottom:1px solid #333;}
.news-data-ar .news-data-bottom{line-height:30px;color:#666;}
.news-ar-tit a{font-size:24px;color:#333;text-transform:uppercase;line-height:36px;}
.news-ar-con{width:550px;margin-right:20px;}


/*支持*/
.sup-banner{}
.sup-wel{text-align:center;font-size:24px;font-weight:bold;color:#666;}
.sup-p{text-align:center;line-height:24px;color:#666;font-size:14px;}
.sup-con{width:1197px;margin-bottom:100px;border:1px solid #ddd;border-right:none;border-bottom:none;overflow:hidden;}
.sup-con .sup-box{width:398px;height:228px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sup-con .sup-box .sup-txt{width:235px;margin:0 auto;}
.sup-con .sup-box .sup-txt p{width: 100%;text-align: center;font-size: 16px;color: #333;margin-top: 15px;}
.sup-con .sup-box .sup-txt .sup-boxp{text-align:left;font-size:12px;line-height:20px;color:#999;}
.sup-con .sup-box .sup-txt .sup-boxp-ac{text-align:center;font-size:12px;line-height:20px;color:#999;}
.sup-con .sup-box .sup-txt a{margin:0 auto;text-align:center;display:block;font-size:16px;color:#333;}
.sup-con .sup-box .sup-txt a.sup-server{width:51px;height:20px;padding-top:70px;background:url(../image/sup_icon1.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-md{width:144px;height:20px;padding-top:75px;background:url(../image/sup_icon2.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-pd{width:130px;height:20px;padding-top:80px;background:url(../image/sup_icon3.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-sd{width:155px;height:20px;padding-top:80px;background:url(../image/sup_icon4.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-cd{width:140px;height:20px;padding-top:80px;background:url(../image/sup_icon5.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-video{width:55px;height:20px;padding-top:70px;background:url(../image/sup_icon6.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-faq{width:56px;height:20px;padding-top:70px;background:url(../image/sup_icon7.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-is{width:80px;height:20px;padding-top:70px;background:url(../image/sup_icon8.png) no-repeat center top;}
.sup-con .sup-box .sup-txt a.sup-sc{width:70px;height:48px;background:url(../image/security-check-top.png) no-repeat center center/cover;}
.sup-con .sup-box .sup-txt a.sup-logo{width:140px;height:20px;padding-top:80px;background:url(../image/sup_logo.png) no-repeat center top;}
.sup-form{width:250px;margin:0 auto;text-align: center;}
.sup-form p{width: 100%;text-align: center;color: #999;margin-bottom: 10px;}
.sup-form .sup-input{width:200px;height:30px;line-height:28px;font-size:12px;text-indent:10px;float:left;border:1px solid #9a9a9a;}
.sup-form .sup-btn{width:40px;height:30px;background:#9a9a9a;color:#fff;border:none;float:left;}

/*联系我们*/
.con-banner{height:450px;}
.con-banner .con-fx{margin-top:325px;}
.con-banner .con-fx a{float:left;margin-right:10px;}


/*联系我们*/
.con-fon{font-size:14px;color:#666;padding-bottom:220px;}
.con-tit{font-size:30px;font-weight:bold;}
.con-tit span{font-weight:normal;padding-left:15px;font-size:18px;}
.con-add{line-height:30px;}
.con-add span{padding-left:15px;font-weight:bold;}
.con-mns div{line-height:26px;}
.con-mns .con-address{background:url(../image/address.png) no-repeat left top;}
.con-mns .con-tel{background:url(../image/tel.png) no-repeat left top;}
.con-mns .con-fax{background:url(../image/fax.png) no-repeat left top;}
.con-mns .con-off{background:url(../image/offical.png) no-repeat left top;}
.con-email{margin-top:20px;line-height:30px;}
.con-email a {color:#44BEE9;}
.con-email .con-email-icon{width:35px;height:55px;float:left;background:url(../image/email_icon.png) no-repeat 1px 25px;}
.con-bank{margin-top:70px;width:1425px;}
.con-bank .bank-list{width:475px; float:left;}

.con-bank .bank-list .bank-txt{line-height:30px;margin-top:70px;}
.con-rec-txt{line-height:30px;}
.con-form .form-list{height:60px;}
.con-form .form-left{width:127px;height:38px;float:left;line-height:38px;text-align:left;}
.con-form .form-right{float:left;}
.con-form .form-right .con-input{width:914px;height:38px;margin-left:5px;border:1px solid #ddd;line-height:38px;text-indent:5px;color:#666;}
.con-form .form-right textarea{width:914px;height:118px;margin-left:5px;border:1px solid #ddd;text-indent:5px;color:#666;line-height:20px;resize: none;}
.con-form .form-textarea{height:140px;}
.con-form .form-right .form-btn{width:113px;background:#0c7ed6;height:43px;line-height:43px;border:none;text-align:center;color:#fff;font-size:18px;}
.contact-banner{position: relative;width: 100%;height: 680px;margin-top: 73px;}
.contact-banner .share{padding-top: 290px;}
.contact-banner .share p{margin-bottom: 15px; font-size: 48px;font-weight: bold;color: #d5d5d5;}
.contact-banner .share a{margin-right:5px;}


/*payment*/
.add-payment .con-fon{padding-bottom: 30px;}

/*4.11-css*/
/*登录*/
.add-login-more {text-align: center;}
.add-login-more .add-login-top span{font-size: 16px;color: #8e8e8e;position: relative;}
.add-login-more .add-login-top span:before{content: "";width: 150px;height: 1px;background-color: #ddd;display: block;position: absolute;top: 50%;left: -165px;}
.add-login-more .add-login-top span:after{content: "";width: 150px;height: 1px;background-color: #ddd;display: block;position: absolute;top: 50%;right: -165px;}
/*关联*/
.add-text-info{font-size: 13px;color: #40af60;line-height: 18px;}
.sign .form .title{padding-bottom:25px;}
/*.sign .form{margin-top: 80px;}*/

/*faq*/
.faq-line{border-bottom: 1px solid #ddd;padding-bottom: 35px;margin-bottom: 100px;}
.faq-line:last-child{border:none;}
.add-faq-list{width: 33%;float: left;padding-right: 30px;padding-top:50px;}
.add-faq-list a:hover,.add-faq-list .content a:hover,.add-faq-list .btn a:hover{color: #1c9bf6;}
.add-faq-list h3 a{font-size: 24px;color: #333;}

.add-faq-list .content a{color: #333;line-height: 20px;display: block;margin-bottom: 10px;}
.add-faq-list .btn a{font-size: 16px;color: #999;margin-top:20px;display: block;}

.add-faq-item {border-bottom: 1px solid #ddd;padding-bottom: 50px;}
.add-faq-item .title{font-size: 24px;color: #333;}
.add-faq-item a{display: block;color: #1493ee;font-size: 18px;margin-bottom: 25px;}
.add-faq-item a span{font-size: 14px;color: #999;display: block;margin-top: 5px;}

.faq-details h2{font-size: 36px;color: #333;line-height: 48px;border-bottom: 1px solid #ddd;padding-bottom: 60px;}
.faq-details .faq-details-content{color: #333;padding:50px 0;border-bottom: 1px solid #ddd;}
.faq-details .btn{text-align: center;}
.faq-details .btn a{color: #1c9bf6;display: inline-block;border:2px solid #1c9bf6;border-radius: 60px;font-size: 18px;padding:15px 40px;}
.faq-details .btn a:hover{background: #1c9bf6;color: #fff;}

/*payment*/
.add-payment .con-fon{padding-bottom: 30px;}

.shopping-car02 .item-left .pay .select{border:1px solid #ddd;height: 50px;line-height: 50px;padding:0 12px;background: #edf5fd;}
.shopping-car02 .item-left .pay .select img{vertical-align: middle;display: inline-block;margin-top: 23px;}
.shopping-car02 .item-left .pay .option-box{border:1px solid #ddd;margin-top: -1px;display: none;}
.shopping-car02 .item-left .pay .option{line-height: 40px;padding:0 12px;background: #edf5fd;}
.shopping-car02 .item-left .pay .option:hover{background: #1493ee;color: #fff;}

.ra-form-box input[type="text"]{color: #333!important;}
/*视频02*/

.video-new{width:1800px;margin:50px auto}
.video-new .title{text-align: center;color: #333;font-size: 28px;}
.video-new .title p{font-size: 20px;margin:25px 0;}
.video-new .right .top{height:720px;width:360px;padding:70px 0;background:#262626;position:relative}
.video-new .right .top .swiper-slide span{line-height: 20px;}
.video-new .right .top .swiper-slide img{width:54px;height:54px;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:25px}
.video-new .right .top .swiper-slide{padding:0 30px;cursor: pointer;}
.video-new .right .top .swiper-slide.active{color: #fff;}
.video-new .right .top .swiper-slide.active .small-title{color: #666;}
.video-new .right .top .swiper-slide:hover {color: #fff;}
.video-new .right .top .swiper-slide:hover .small-title{color: #666;}
.video-new .right .top .swiper-slide .left{margin-top: 7px;}
.video-new .right .top .swiper-slide.swiper-slide-active{color:#fff}
.video-new .right .top .swiper-slide.swiper-slide-active .small-title{color: #666;}
.video-new .right .bottom h3{color: #1d9cf7;font-size: 18px;line-height: 30px;}
.video-new .right .bottom{width:360px;height:180px;background:#1e1e1e;padding:30px}
.video-new .right .bottom .text-video{height:90px;margin-top: 20px;}
.more-videos .swiper-slide.swiper-slide-active{color:#fff}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.swiper-slide{background-size:cover;background-position:center}
.gallery-left{height:720px;width:1440px;position: relative;background: #eee;}
.gallery-left .swiper-slide>img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;opacity: 0;}
.gallery-right{height:100%;width:360px}
.gallery-right .swiper-slide{height:100%;background-color:#262626}

.video-new .swiper-button-next,.video-new .swiper-button-prev{width:40px;height:40px;border-radius:100%;left:50%;margin-left:-20px;position:absolute}
.video-new .swiper-button-next{top:690px;background:url(../image/tab-bottom.png)}
.video-new .swiper-button-prev{top:30px;background:url(../image/tab-top.png)}
