@import url("../css/bootstrap-icons.css");
/*=============== jianshe  start=================*/
a.language{display:block;float:left;margin-top:25px;margin-left:16px}
.product-bg img{width:100%;height:100%}
.case-detail-l{width:66.66%}
.product ul li img{height:100%}
.case-detail-l-name,.mb-banner,.mb-footer,.mb-main,.mb-main2,.mb-report,.mb-team-list{display:none}
.g-cf:after{content:"";clear:both;display:table}
.g-cf{zoom:1}
.g-f-l{float:left}
.g-f-r{float:right}
.backtop{cursor:pointer}
.send-qq{position:fixed;left:0;bottom:20%;display:none}
.a-but{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:185px;text-align:left;padding-left:35px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff}
.a-but-seo{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:120px;text-align:left;padding-left:20px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff;position:absolute;bottom:83px;right:-2px}
.a-but-seo1{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:185px;text-align:left;padding-left:13px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff;position:absolute;bottom:-16px;right:129px}
.a-but-planmake{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:185px;text-align:left;padding-left:35px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff;position:absolute;bottom:-16px;left:300px}
.a-but-xxl{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:195px;text-align:left;padding-left:35px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff;position:absolute;bottom:-16px;left:240px}
.a-but-aslepr{overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:195px;text-align:left;padding-left:20px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff;position:absolute;bottom:-16px;left:290px}
.a-but img{float:right;margin:20px 30px;transition:all .3s}
.a-but1 img{margin:-30px 30px}
.a-but-seo1 img{float:right;margin:20px 16px;transition:all .3s}
.a-but-planmake img{float:right;margin:-30px 30px;transition:all .3s}
.a-but-xxl img{float:right;margin:-30px 30px;transition:all .3s}
.a-but-aslepr img{float:right;margin:-30px 30px;transition:all .3s}
.a-but:hover img{margin-right:50px;transition:all .3s}
.a-but-seo1:hover img{margin-right:30px;transition:all .3s}
.a-but-planmake:hover img{margin-right:50px;transition:all .3s}
.a-but-xxl:hover img{margin-right:50px;transition:all .3s}
.a-but-aslepr:hover img{margin-right:40px;transition:all .3s}
.wrap{width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.container{width:100%;max-width:1200px;margin:0 auto}
.team-list{margin:77px auto 60px}
.ny-common{margin-top:76px}
.common-k1{padding-bottom:58px}
.strategy-l{width:51.66%}
.commonbg1 strong{background:url(../images/01_03.png) no-repeat;padding:36px 30px 0}
.ny-common-tit strong{font-weight:400;font-size:24px;color:#202020}
.ny-common-tit strong a{color:#202020}
.ny-common-tit p{font-size:14px;color:#888;margin-top:22px}
.ny-common-tit span{display:block;font-size:14px;color:#ccc;margin-top:10px}
.commonbg1 span{text-transform:uppercase;padding-left:30px}
.common-con1{padding-left:30px;margin-top:35px;position:relative}
.common-con1 p{font-size:14px;color:#888;padding-left:18px;line-height:40px;background:url(bg3_03.jpg) no-repeat left center}
.common-con1 span{display:block;font-size:18px;color:#202020;margin-top:34px;margin-bottom:30px}
.common-con1 span a{color:#202020}
.strategy-r{width:48%;margin-top:18px}
.center{text-align:center}
.common-k2{background-color:#fafafa;padding:64px 0 40px}
.commonbg2 strong{background:url(../images/02_03.png) no-repeat;padding:36px 30px 0}
.common-k3{padding-top:68px}
.commonbg3 strong{background:url(../images/03_03.png) no-repeat;padding:36px 30px 0}
.commonbg3 span{text-transform:uppercase;padding-left:0}
.common-k4{background-color:#fafafa;padding:90px 0 58px}
.strategy-l2{width:50%;margin-top:25px}
.strategy-r2{width:44.33%}
.commonbg4 strong{background:url(../images/04_03.png) no-repeat;padding:36px 30px 0}
.commonbg4 span{text-transform:uppercase;padding-left:30px}
.common-con4{margin-top:50px;padding-left:30px}
.common-con4 ul li{overflow:hidden;margin-top:30px}
.common-con4 ul li img{float:left;margin-right:16px}
.common-con4 ul li strong{float:left;font-size:18px;color:#00a0e9;font-weight:400;margin-right:100px;margin-top:6px}
.common-con4 ul li p{font-size:14px;color:#888;float:left;line-height:24px;margin-top:7px}
.common-k5{padding:38px 0 58px}
.strategy-l3{width:47%}
.strategy-r3{width:47.5%;margin-top:88px}
.commonbg5 strong{background:url(../images/05_06.png) no-repeat;padding:36px 30px 0}
.commonbg5 span{text-transform:uppercase;padding-left:30px}
.common-con5{padding-left:30px;margin-top:56px}
.common-con5 p{font-size:16px;color:#555;line-height:34px}
.common-con5 span{font-size:14px;color:#ccc;line-height:24px;display:block;margin-top:6px;margin-bottom:22px}
.lan_sanjiao{width:0;border-top:6px solid #17a5e0;border-left:#fafafa 6px solid;border-right:6px solid #fafafa;border-bottom:0;margin:0 auto;margin-top:30px;margin-bottom:25px}
.rtb{margin-top:48px}
.rtb-l1{margin-top:56px}
.rtb-r1{margin-top:0}
.rtb-common1{background-color:#fafafa;padding:44px 0 30px}
.rtb-l2{margin-top:0}
.rtb-r2{margin-top:0}
.rtbbg1 strong{background:url(../images/02_03.png) no-repeat;display:inline-block;padding-right:0}
.rtbbg1 span{display:inline-block;padding-left:24px;color:#aaa}
.rtbbg1 p{font-size:14px;color:#bfbfbf;line-height:26px;padding-left:30px}
.rtbbg2 strong{background:url(../images/03_03.png) no-repeat}
.rtb-common2{padding:78px 0 64px 0}
.rtb-l3{margin-top:46px}
.rtb-wen{margin-top:72px}
.rtb-wen p{line-height:24px;background:url(../images/bg3_03.jpg) no-repeat left 8px;margin-bottom:18px}
.rtbbg4 strong{background:url(../images/04_03.png) no-repeat}
.rtb-common6{background-color:#fafafa;padding:74px 0 50px 0}
.commonbg6 strong{background:url(../images/06_03.png) no-repeat;padding:36px 30px 0}
.commonbg6 strong a{color:#202020;font-size:24px}
.commonbg6 span{padding-left:30px;color:#bbb;font-size:14px;text-transform:uppercase}
.rtb-l6{margin-top:48px}
.common-con6{padding-left:30px;margin-top:48px}
.common-con6 span{margin-top:0}
.common-k7{padding-top:70px}
.commonbg7 strong{background:url(../images/07_03.png) no-repeat;padding:36px 30px 0}
.common-con7{margin-top:36px}
.common-con7 ul li{height:83px;background:#fafafa url(../images/view1_03.jpg) no-repeat right 32px center;border:1px solid #eee;margin-left:45px;margin-bottom:43px;position:relative;transition:all linear .2s}
.rtb-pic{position:absolute;width:98px;height:96px;border-radius:50%;overflow:hidden;left:-48px;top:-5px;box-shadow:1px 1px 3px rgba(0,0,0,.28);transition:all ease-in-out .3s}
.common-con7 ul li:hover .rtb-pic{transform:rotateZ(360deg)}
.common-con7 ul li span{font-size:16px;color:#202020;line-height:40px;float:left;height:40px;margin-top:21px;border-right:1px solid #dfdfdf;padding-right:22px;margin-left:75px}
.rtb-bk{margin-left:25px}
.rtb-bk strong{font-weight:400;font-size:16px;color:#202020;line-height:26px;display:block;margin-top:18px;height:26px;overflow:hidden}
.rtb-bk p{font-size:14px;color:#aaa;line-height:24px;height:24px;overflow:hidden}
.common-con7 ul li:hover{background:#fff url(../images/view2_03.jpg) no-repeat right 32px center;box-shadow:0 2px 2px rgba(0,0,0,.1)}
.common-con7 ul li:hover:after{content:"";position:absolute;width:3px;height:84px;background-color:#17a5e0;right:0;top:0}
.common-k8{background-color:#fafafa;padding:66px 0 80px;margin-top:60px}
.rtbbg8 strong{background:url(../images/08_03.png) no-repeat;padding:36px 30px 0}
.common-k8 ul{margin-top:36px}
.common-k8 ul li{float:left;width:30.33%;margin-right:4.5%}
.common-k8 ul li:nth-child(3n){margin-right:0}
.rtb-news-pic{padding:7px;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.1)}
.common-k8 ul li .date{margin-top:26px;font-size:18px;color:#666;line-height:1;padding-right:18px;height:78px;border-right:1px solid #e2e2e2;background:url(../images/rtbp9_07.jpg) no-repeat right 18px bottom}
.common-k8 ul li .date span{display:block;font-size:12px;color:#bbb;line-height:26px}
.rtb-news-wen{margin-left:88px;font-weight:400;margin-top:26px}
.rtb-news-wen strong{display:block;font-size:18px;color:#1c1c1c;line-height:1;height:18px;overflow:hidden}
.rtb-news-wen p{font-size:13px;color:#999;line-height:24px;margin-top:14px;height:48px;overflow:hidden}
.common-k8 ul li:hover .date{background:url(../images/rtbp10_07.jpg) no-repeat right 18px bottom}
.text-left{text-align:left}
.text-right{text-align:right}
.seo-common2{background-color:#fafafa;padding:46px 0 46px}
.seol1{width:50%;margin-top:50px}
.seor1{width:47%;margin-top:0}
.seo-wen1{margin-top:30px}
.seo-wen1 ul li{padding-left:68px;background:url(../images/bg3_03.jpg) no-repeat 30px center;font-size:14px;color:#888;line-height:46px}
.seo-wen1 ul li span{display:inline-block;margin-right:16px;padding-right:16px;font-size:16px;color:#202020;position:relative}
.seo-wen1 ul li span:after{content:"";position:absolute;width:1px;height:16px;background-color:#d2d2d2;right:0;top:16px}
.seo-advantage{position:relative}
.seo-advantage ul{position:absolute;width:100%;left:0;top:0}
.seo-advantage ul li{position:absolute}
.seo-advantage ul li strong{font-weight:400;font-size:18px;color:#17a5e0}
.seo-advantage ul li p{font-size:14px;color:#aaa;line-height:20px;margin-top:4px}
.seo-advantage ul li.ad1{width:460px;left:0;top:92px}
.seo-advantage ul li.ad2{width:452px;right:0;top:92px}
.seo-advantage ul li.ad3{width:335px;left:0;top:222px}
.seo-advantage ul li.ad4{width:326px;right:0;top:222px}
.seo-advantage ul li.ad5{width:300px;left:0;top:368px}
.seo-advantage ul li.ad6{width:290px;right:0;top:368px}
.mghonor{position:relative}
.mghonor ul li{position:absolute}
.mghonor ul li{position:absolute}
.mghonor ul li strong{font-weight:400;font-size:18px;color:#17a5e0}
.mghonor ul li p{font-size:14px;color:#aaa;line-height:20px;margin-top:4px}
.mghonor ul li.ad1{width:432px;left:136px;top:72px}
.mghonor ul li.ad2{width:273px;left:62px;top:218px}
.mghonor ul li.ad3{width:328px;right:0;top:218px}
.mghonor ul li.ad4{width:298px;left:0;top:364px}
.mghonor ul li.ad5{width:290px;right:0;top:364px}
.fxi-l1{width:53.66%}
.fxi-r1{width:46%;margin-top:0}
.fxi-con ul{margin-top:0}
.fxi-con ul li{width:25%;margin-right:0}
.fxi-con ul li strong{margin-top:0}
.planmake-con{background-color:#fafafa;padding:66px 0 80px;margin-top:60px}
.make{margin-top:60px}
.make-l{margin-top:36px}
.make-span span{color:#bbb}
.make-con3{padding:64px 0 42px}
.make-con5{padding:74px 0 54px}
.makebg5 strong{padding:36px 30px 0;background:url(../images/05_06.png) no-repeat}
.makebg5 p{padding-left:30px;font-size:16px;color:#555;margin-top:30px}
.makebg5 span{padding-left:30px}
.make-ul{margin-top:38px}
.make-ul ul li{font-size:16px;color:#202020;line-height:40px}
.make-l5{margin-top:26px}
.make-wen5{margin-top:84px}
.make-con6{background-color:#fafafa;padding:40px 0 22px}
.make-l6{margin-top:84px}
.make-con7{padding:66px 0 26px}
.make-t7 strong{background:url(../images/077_03.png) no-repeat;padding:36px 30px 0}
.make-wen7 ul li{width:20%}
.make-t8 strong{background:url(../images/08_03.png) no-repeat;padding:36px 30px 0}
.make-t9 strong{background:url(../images/09_03.png) no-repeat;padding:36px 30px 0}
.make-con9{margin-bottom:64px}
.plan-pos{position:relative}
a.ckmore{position:absolute;display:block;padding:4px 10px;border:1px solid #ddd;font-size:14px;color:#666;right:0;bottom:40px}
.planmake{position:relative}
.planmake ul{position:absolute;top:0;left:0;width:100%}
.planmake ul li{position:absolute}
.planmake ul li strong{font-weight:400;font-size:18px;color:#202020}
.planmake ul li p{font-size:14px;color:#8f8f8f;line-height:26px;margin-top:6px}
.planmake ul li.pl1{width:300px;left:0;top:65px}
.planmake ul li.pl2{width:300px;right:0;top:65px}
.planmake ul li.pl3{width:300px;left:28px;top:234px}
.planmake ul li.pl4{width:300px;right:28px;top:234px}
.planmake ul li.pl5{width:300px;left:156px;top:386px}
.planmake ul li.pl6{width:300px;right:156px;top:386px}
.a_add{display:block;width:200px;border-radius:20px;height:40px;margin:0 auto;text-align:center;color:#fff;font-size:15px;line-height:40px;text-align:center;background:#00a0e9;margin-top:30px;border:1px solid #00a0e9;transition:all .1s}
.a_add:hover{color:#00a0e9;background:#fff;border:1px solid #00a0e9;transition:all .5s}
.qq-zx{position:fixed;left:0;top:40%;z-index:9}
.qq-zx i{display:block;width:19px;height:91px;position:absolute;left:100%;top:38px;cursor:pointer}
.asl_repair_marketing_more{background:rgba(255,255,255,.3);width:200px;margin:0 auto;border:1px solid rgba(255,255,255,.3);height:30px;line-height:30px;text-align:center;color:#fff;color:rgba(255,255,255,.7);display:block}
.asl_repair_marketing_more a{color:#fff}
.clear{clear:both}
.clearfix:after{clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20'}
.more-button{display:inline-block;overflow:hidden;background-color:#17a6e0;height:50px;line-height:50px;width:185px;text-align:left;padding-left:35px;border-radius:30px;box-shadow:1px 1px 1px #ccc;font-size:14px;color:#fff}
.more-button img{float:right;margin:20px 30px;transition:all .3s}
a.more-button:hover{color:#fff}
.more-button:hover img{margin-right:50px;transition:all .3s}
.planmake-foot{padding-top:85px;text-align:center}
.sem-foot{padding-top:40px;text-align:center}
.seo-foot{padding-top:30px;padding-left:30px;text-align:left}
.mghonor-foot{padding-top:40px;text-align:center}
.dataany-foot{padding-top:60px;text-align:center}
.price-zh-foot{padding-top:40px;text-align:center}
.revealator-fade,.revealator-rotateleft,.revealator-rotateright,.revealator-slidedown,.revealator-slideleft,.revealator-slideright,.revealator-slideup,.revealator-zoomin,.revealator-zoomout{transition:all .6s}
.revealator-fade{opacity:0}
.revealator-fade.revealator-above,.revealator-fade.revealator-partially-above,.revealator-fade.revealator-within{opacity:1}
.revealator-slideup{transform:translate(0,100px);opacity:0}
.revealator-slideup.revealator-above,.revealator-slideup.revealator-partially-above,.revealator-slideup.revealator-within{transform:translate(0,0);opacity:1}
.revealator-slideleft{transform:translate(100px,0);opacity:0}
.revealator-slideleft.revealator-above,.revealator-slideleft.revealator-partially-above,.revealator-slideleft.revealator-within{transform:translate(0,0);opacity:1}
.revealator-slideright{transform:translate(-100px,0);opacity:0}
.revealator-slideright.revealator-above,.revealator-slideright.revealator-partially-above,.revealator-slideright.revealator-within{transform:translate(0,0);opacity:1}
.revealator-slidedown{transform:translate(0,-100px);opacity:0}
.revealator-slidedown.revealator-above,.revealator-slidedown.revealator-partially-above,.revealator-slidedown.revealator-within{transform:translate(0,0);opacity:1}
.revealator-zoomin{transform:scale(.75);opacity:0}
.revealator-zoomin.revealator-above,.revealator-zoomin.revealator-partially-above,.revealator-zoomin.revealator-within{transform:scale(1);opacity:1}
.revealator-zoomout{transform:scale(1.5);opacity:0}
.revealator-zoomout.revealator-above,.revealator-zoomout.revealator-partially-above,.revealator-zoomout.revealator-within{transform:scale(1);opacity:1}
.revealator-rotateleft{transform:rotate(20deg);opacity:0}
.revealator-rotateleft.revealator-above,.revealator-rotateleft.revealator-partially-above,.revealator-rotateleft.revealator-within{transform:rotate(0);opacity:1}
.revealator-rotateright{transform:rotate(-20deg);opacity:0}
.revealator-rotateright.revealator-above,.revealator-rotateright.revealator-partially-above,.revealator-rotateright.revealator-within{transform:rotate(0);opacity:1}
.revealator-skewright{transform:skew(35deg,0deg);opacity:0;transition:all .6s}
.revealator-skewright.revealator-above,.revealator-skewright.revealator-partially-above,.revealator-skewright.revealator-within{transform:skew(0deg,0deg);opacity:1}
.revealator-delay1{transition-delay:.1s!important}
.revealator-delay2{transition-delay:.2s!important}
.revealator-delay3{transition-delay:.3s!important}
.revealator-delay4{transition-delay:.4s!important}
.revealator-delay5{transition-delay:.5s!important}
.revealator-delay6{transition-delay:.6s!important}
.revealator-delay7{transition-delay:.7s!important}
.revealator-delay8{transition-delay:.8s!important}
.revealator-delay9{transition-delay:.9s!important}
.revealator-delay10{transition-delay:1s!important}
.revealator-delay11{transition-delay:1.1s!important}
.revealator-delay12{transition-delay:1.2s!important}
.revealator-delay13{transition-delay:1.3s!important}
.revealator-delay14{transition-delay:1.4s!important}
.revealator-delay15{transition-delay:1.5s!important}
.revealator-delay16{transition-delay:1.6s!important}
.revealator-delay17{transition-delay:1.7s!important}
.revealator-delay18{transition-delay:1.8s!important}
.revealator-delay19{transition-delay:1.9s!important}
.revealator-delay20{transition-delay:2s!important}
.revealator-duration1,.revealator-speed1{transition-duration:.1s!important}
.revealator-duration2,.revealator-speed2{transition-duration:.2s!important}
.revealator-duration3,.revealator-speed3{transition-duration:.3s!important}
.revealator-duration4,.revealator-speed4{transition-duration:.4s!important}
.revealator-duration5,.revealator-speed5{transition-duration:.5s!important}
.revealator-duration6,.revealator-speed6{transition-duration:.6s!important}
.revealator-duration7,.revealator-speed7{transition-duration:.7s!important}
.revealator-duration8,.revealator-speed8{transition-duration:.8s!important}
.revealator-duration9,.revealator-speed9{transition-duration:.9s!important}
.revealator-duration10,.revealator-speed10{transition-duration:1s!important}
.revealator-duration11,.revealator-speed11{transition-duration:1.1s!important}
.revealator-duration12,.revealator-speed12{transition-duration:1.2s!important}
.revealator-duration13,.revealator-speed13{transition-duration:1.3s!important}
.revealator-duration14,.revealator-speed14{transition-duration:1.4s!important}
.revealator-duration15,.revealator-speed15{transition-duration:1.5s!important}
.revealator-duration16,.revealator-speed16{transition-duration:1.6s!important}
.revealator-duration17,.revealator-speed17{transition-duration:1.7s!important}
.revealator-duration18,.revealator-speed18{transition-duration:1.8s!important}
.revealator-duration19,.revealator-speed19{transition-duration:1.9s!important}
.revealator-duration20,.revealator-speed20{transition-duration:2s!important}

/*=================== jianshe end =============*/


/*====== jianshe_shouji start ======*/

.wh{  overflow:hidden;}
.wh .container{background:url(../images/whbg.png) no-repeat right bottom ; height:700px;}	
.wh_c{ padding:150px 0 0; width:474px; font-size:16px; line-height:30px;}
.wh_c h3{ height:72px; line-height:72px; font-size:36px;color:#3CB3E8;}
.wh_c h3,.wh_w{height:70px; overflow:hidden;}
.wh_w{height:70px; overflow:hidden; font-size:18px;}
.wh_c p{ width:363px;  padding:20px; overflow:hidden; display:block;box-shadow: 0 0 10px #eee;margin-bottom: 10px;}		
.web04{ width:100%; height:auto; background:#f5f5f5; padding:40px 0;}
.web04_title{width:inherit; height:100px; text-align:center;}
.web04_title p{ line-height:50px; font-size:18px;}
.web04_nr{ width:1090px; margin:20px auto;}
.web04_nr_1{ width:inherit; height:200px; overflow:hidden;}
.web04_bottom{ width:270px; margin:auto; overflow:hidden; margin-top:35px;}
.web04_bottom img{ width:86px; height:122px; float:left;}
.web04_bottom span{ width:160px; height:100px; display:block; float:right; margin-top:20px; }
.web04_bottom span h2{ font-size:18px; font-weight:normal;}
.web04_bottom span p{ color:#999;}
.wap-bg{height: 876px;}
.wap-box{position: relative;}
.wap-bg1{background-image: url(../images/bg03.png);width: 1900px;height: 876px;top: 0;left: -350px;}
.wap-pic1{position: absolute;right: 37px;top: 154px;width: 327px;height: 670px;background: url(../images/wap1.png) no-repeat;border-radius: 46px;box-shadow: 0 0 29px rgba(0,0,0,0.07);opacity: 0;}
.wap-pic2{position: absolute;right: 395px;top: 295px;width: 249px;height: 510px;background: url(../images/wap2.png) no-repeat;border-radius: 36px;box-shadow: 0 0 29px rgba(0,0,0,0.07)}
.wap{padding-top: 220px;padding-left: 20px;}
.wap-txt{position: absolute;top: 220px;left: 20px}
.case-txt big{display: block;font-size: 72px;line-height: 108px;color: #f7f7f7;text-transform: uppercase;font-weight: bold;}
.case-txt small{display: block;font-size: 30px;line-height: 60px;vertical-align: text-bottom;color: #333}
.case-txt small strong{font-size: 46px;}
.case-txt p{padding: 20px 0;font-size: 18px;line-height: 30px;color: #333;}
.case-txt p strong{display: block;}
.case-txt p .color1{color: #0079b6;}
.case-txt p .color2{color: #f0831e;}
.case-more{display: block;width: 169px;height: 41px;background: url(../images/icon-quest.png) no-repeat;position: relative;text-indent: 33px;font-size: 18px;line-height: 41px;color: #fff;text-align: left;}
.case-more:hover{color: #fff;font-size: 18px;}
.jiantou:after{content: '';display: block;position: absolute;width: 18px;height: 6px;top: 17.5px;right: 30px;background: url(../images/ndot_hover.png) no-repeat;-webkit-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;cursor: pointer;}
.jiantou:hover:after{right: 15px;}
.dz{margin: 0 auto 50px;height:50px;width:250px;border-radius: 30px;background: #3DB1EA;text-align: center;line-height: 50px;transform: scale(1);  transition: all 0.7s ease 0s;  -webkit-transform: scale(1);  -webkit-transform: all 0.7s ease 0s;}
.dz a{font-size: 20px;color: #fff;}
.dz:hover{background: #43B9F2;transform: scale(1.05);  transition: all 0.7s ease 0s;  -webkit-transform: scale(1.05); -webkit-transform: all 0.7s ease 0s;box-shadow: 0 -1px 5px 1px #ccc}

.white {

	color:#fff;background: none;

}
.yellow {

	color:#ff6801

}
.pr{position: relative;}
.rpa{position: absolute;}
.ww{width:1024px;margin:0 auto}
.advantage{margin-top: 40px;}
.wwhy{height:550px;background: #7B7B7B;}
.wwhy_m{overflow:hidden}
.wwhy_l{width:513px;height:580px;background:url(../images/wwhy_l.png) 55px no-repeat}
.wwhy_l strong{font-size:28px;background:url(../images/wwhy_ls.png) center center no-repeat;height:77px;line-height:60px;padding:0 35px}
.wws1{right:45px;top:93px}
.wws2{right:137px;top:211px}
.wws3{right:24px;top:326px}
.wws4{right:94px;top:424px}
.wwhy_r{width:413px;margin-left:55px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.wwhy_r strong{display:block}
.lh30{line-height:30px}
.lh24{line-height:24px}
.wst1{margin:60px 0 0 0;font-size:42px}
.wst2 .yellow{font-size:54px;margin-right:10px}
.wst2{font-size:33px;margin:11px 0}
.wspan{background:url(../images/wspan.gif) center no-repeat;height:119px;width:411px;display:block;margin:30px 0;overflow:hidden}
.wspanm{margin:15px}
.advantage_t{height:311px;background:url(../images/advantage_t.gif) center no-repeat}
.advantage_m{overflow:hidden}
.advantage_m dl{width:197px;height:347px;float:left;margin:3px;}
.advantage_m dl:hover{animation:4.5s ease 0s normal none 1 swings;cursor:pointer;transform-origin:center top 0;z-index:999}
.advantage_m dl dt{font-size:24px;text-align:center;margin:120px 0 40px}
.advantage_m dl dd{color:#595757;padding:0 20px;line-height:22px}
.amdl1{background:url(../images/amdl1.gif) center no-repeat}
.amdl2{background:url(../images/amdl2.gif) center no-repeat}
.amdl3{background:url(../images/amdl3.gif) center no-repeat}
.amdl4{background:url(../images/amdl4.gif) center no-repeat}
.amdl5{background:url(../images/amdl5.gif) center no-repeat}
.amdl1:hover{background:url(../images/amdl1h.gif) center no-repeat}
.amdl2:hover{background:url(../images/amdl2h.gif) center no-repeat}
.amdl3:hover{background:url(../images/amdl3h.gif) center no-repeat}
.amdl4:hover{background:url(../images/amdl4h.gif) center no-repeat}
.amdl5:hover{background:url(../images/amdl5h.gif) center no-repeat}
.advertisement{height:176px;background:url(../images/advertisement.gif) repeat-x}
.advertisement_m{height:176px}
@keyframes swings{20%{transform:rotate(2deg)}
40%{transform:rotate(-2deg)}
60%{transform:rotate(1deg)}
80%{transform:rotate(-1deg)}
100%{transform:rotate(0)}
}


/*======== jianshe_shouji end ========*/


/*======== jianshe_yingxiao start ========*/

.main-title{color:#222;margin:40px 0}
.main-title .cn{font-size:36px;font-weight:700;line-height:50px}
.main-title .cn span{color:#ff4f00}
.main-title .en{line-height:20px;font-size:14px}
.main-title .line{line-height:20px}
.main-title .line span{color:#ff4f00}
.main-title .btm{font-size:12px;line-height:20px;padding-top:8px}
.w1200{width:1240px}
.text-center{text-align:center}
.how .box{width:1004px;overflow:hidden;height:726px;margin:10px auto;background:url(../images/swhy.png) no-repeat center bottom}
.how .box ul{width:1300px}
.how .box li{width:375px;text-align:center;height:225px;background:#fff;border-radius:5px;float:left;margin-right:253px;margin-bottom:8px;position:relative}
.how .box li i{position:absolute;left:98px;top:20px}
.how .box li .h-tit{height:80px;position:absolute;font-size:20px;color:#000;top:30px;left:170px;font-weight:600}
.how .box li .h-tit span{color:#ccc;display:block;font-size:12px}
.how .box li .h-slogan{margin-top:90px;color:#ff5d00;font-size:16px;height:25px;line-height:25px;font-weight:700}
.how .box li p{padding:10px 15px;font-size:13px;line-height:21px;color:#999}
.advan{background:#f7f6f5;padding-top:10px}
.advan .item{margin-bottom:40px}
.advan .item .title{width:450px;font-size:30px;color:#f60;text-align:left;margin-top:15px}
.advan .item .box{width:640px;margin-top:30px;margin-left:55px}
.advan .item .content{text-indent:2em;margin-top:20px;font-size:14px;line-height:26px;text-align:left}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:""}
.standard{background-color:#fff;width:100%;padding-bottom:82px}
.standard h2{padding-top:50px}
.standard .lujin ul{display:inline-block}
.standard .lujin ul li{width:101px;text-align:center;float:left;background:url(../images/yx8_03.png) right 42px no-repeat;padding-right:74px;margin-top:42px;padding-left:44px}
.standard .lujin ul li a{display:inline-block}
.standard .lujin ul li a p{width:101px;overflow:hidden;height:101px;position:relative}
.standard .lujin ul li a p i{display:inline-block;width:24px;height:24px;background-color:#a0a0a0;color:#fff;line-height:24px;position:absolute;left:1px;top:6px;border:#f6f6f6 solid 2px;border-radius:15px}
.standard .lujin ul li a span{display:inline-block;font-size:18px;color:#686868;padding-top:18px}
.standard .lujin ul li:nth-child(1),.standard .lujin ul li:nth-child(7){padding-left:0}
.standard .lujin ul li:nth-child(12),.standard .lujin ul li:nth-child(6){background:0 0;padding-right:0}
.standard .lujin ul li:first-child,.standard .lujin ul li:first-child+li+li+li+li+li+li{padding-left:0}
.standard .lujin ul li:first-child+li+li+li+li+li,.standard .lujin ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{background:0 0;padding-right:0}
.standard .lujin ul li a:hover p .tu1{display:none}
.standard .lujin ul li a:hover p i{background-color:#3690c4}
.standard .lujin ul li a:hover span{color:#3690c4}
.center{width:1200px;margin:0 auto}
.standard h2{text-align:center;padding-top:34px;font-size:40px;color:#5e5e5e;line-height:54px}

/*======== jianshe_yingxiao end ========*/


/*======== jianshe_ȫ�ܽ�վ  start ========*/
.qn_bg01{padding:100px 0 100px;background-color:#fff}
.w860{width:860px;margin:0 auto}
.f28{font-size:28px}
.lh32{line-height:32px!important}
.qn_bg02{position:relative}
.bg02a{height:220px;background:url(../images/13a.jpg) no-repeat top center}
.bg02b{height:220px;background:url(../images/13b.jpg) no-repeat top center}
.bg02c{height:187px;background:url(../images/13c.jpg) no-repeat top center}
.bg02d{height:220px;background:url(../images/13d.jpg) no-repeat top center}
.bg02e{height:195px;background:url(../images/13e.jpg) no-repeat top center}
.f32{font-size:32px}
.lh40{line-height:40px}
.mr70{margin-right:70px}
.bg02-tit{position:absolute;left:50%;top:185px;margin-left:-600px;width:1200px;text-align:center}
.bg02-nr{position:absolute;left:50%;top:690px;margin-left:-600px;width:1200px}
.bg02-nr li{position:absolute;width:190px;text-align:center;color:#fff;line-height:22px}
.bg02-nr .lt-80{left:80px;top:40px}
.bg02-nr .lt-365{left:365px;top:20px}
.bg02-nr .rt-80{right:80px;top:0}
.bg02-nr .rt-365{right:365px;top:40px}
.bg03a{padding-top:50px;height:100px;/*background:url(14a.jpg) no-repeat top cente*/r}
.bg03b{height:432px;background:url(../images/14b.jpg) no-repeat top center}
.bg03c{height:50px;/*background:url(14c.jpg) no-repeat top center*/}
.s-cfff{color:#fff}
.bg03b ul{width:1080px;margin:0 auto}
.bg03b ul li{float:left;padding:30px 15px 0;margin-left:216px;width:186px;height:186px;text-align:center}
.bg03b ul li.ml0{margin-left:0}
.bg03b ul li b{color:#ef5277}
.bg04{padding:200px 0;background-color:#fff}
.mt80{margin-top:80px}
.bg04 ul{width:1140px;padding-left:60px}
.bg04 ul li{float:left;line-height:24px}
.tc{text-align: center;}
.s-cfff{ color: #333 !important; font-weight:bold}

/*======== jianshe_ȫ�ܽ�վ  end ========*/

/*======== jianshe_�����̳�  start ========*/
.titTwo{font-size: 25px;color: #666666;text-align: center;padding-top: 40px;padding-bottom: 40px;}
.titTwo p{font-size: 14px;color: #999999;margin-top: 10px;}
.titTwo p a{font-size: 12px;color: #FFFFFF;line-height: 20px;background-color: #999999;display: inline-block;height: 20px;margin-left: 10px;padding-right: 10px;padding-left: 10px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius:20px;}
.titTwo p a:hover{background-color: #008ADD;}

.wrap {width: 1200px;margin: 0 auto;}
.m1{margin-top:50px}
.m1 h2,.m2 h2{text-align:center;font-size:32px;color:#222;margin:13px auto 30px}
.m1 .wrap ul{padding:0 50px;overflow:hidden}
.m1 .wrap li{float:left;width:550px}
.m1 .wrap p{text-align:center;text-align:center;font-size:22px;margin-bottom:50px}
.m1 .wrap .title{font-size:14px;line-height:30px;color:#6e6e6e;margin:32px auto 68px;width:710px;text-align:center}
.m1 .wrap .img{width:550px;display:inline-block;vertical-align:middle}
.m1 .wrap img{display:block;margin:0 auto;margin-top:18px}
.m1 .wrap .right{display:inline-block;vertical-align:middle;width:280px;height:80px;box-sizing:border-box;padding:18px 0}
.m1 .wrap li.on .right{display:none}
.m1 .wrap .right .detail{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:20px;color:#aaa}
.m1 .wrap .right .title1{height:25px}


.nB2Cmall1{background-color: #FFFFFF;}
.nB2Cmall1 li{float: left;width: 360px;position: relative;height: 225px;margin-left:40px;margin-bottom: 20px;}
.nB2Cmall1 li.no{margin-bottom: 0px;}
.nB2Cmall1 li i{background-color: rgba(0,0,0,0.7);position: absolute;height: 225px;width: 100%;left: 0px;top: 0px;display: block;z-index: 1;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.nB2Cmall1 li span{font-size: 20px;color: #FFFFFF;text-align: center;display: block;position: absolute;top: 100px;width: 100%;z-index: 2;}
.nB2Cmall1 li img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;height: 100%;width: 100%;}
.nB2Cmall1 li:hover i{background-color: rgba(0,0,0,0);}

.nB2Cmall2{background-color:#FFFFFF;}
.nB2Cmall2 *{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.nB2Cmall2 ul{background-color: #FFFFFF;border-top: 1px solid #EBEBEB;}
.nB2Cmall2 li{width: 25%;float: left;}
.nB2Cmall2 li a{border-right: 1px solid #EBEBEB;display: block;padding-right: 55px;padding-left: 55px;height: 290px;padding-top: 70px;}
.nB2Cmall2 li.no a{border-right: 0px solid #EBEBEB;}
.nB2Cmall2 li i{background-repeat: no-repeat;background-position: 0px 0px;display: block;height: 60px;width: 60px;margin-right: auto;margin-left: auto;}
.nB2Cmall2 li:nth-child(1) i{background-image: url(../images/nB2Cmall2-1.png);}
.nB2Cmall2 li:hover:nth-child(1) i{background-image: url(../images/nB2Cmall2-1b.png);}
.nB2Cmall2 li:nth-child(2) i{background-image: url(../images/nB2Cmall2-2.png);}
.nB2Cmall2 li:hover:nth-child(2) i{background-image: url(../images/nB2Cmall2-2b.png);}
.nB2Cmall2 li:nth-child(3) i{background-image: url(../images/nB2Cmall2-3.png);}
.nB2Cmall2 li:hover:nth-child(3) i{background-image: url(../images/nB2Cmall2-3b.png);}
.nB2Cmall2 li:nth-child(4) i{background-image: url(../images/nB2Cmall2-4.png);}
.nB2Cmall2 li:hover:nth-child(4) i{background-image: url(../images/new181106/nB2Cmall2-4b.png);}
.nB2Cmall2 li span{font-size: 22px;text-align: center;display: block;margin-top: 20px;margin-bottom: 30px;}
.nB2Cmall2 li p{font-size: 16px;line-height: 27px;color: #999999;}
.nB2Cmall2 li a:hover{height: 300px;padding-top: 60px; background-color:#0066CC;}
.nB2Cmall2 li a:hover span{color: #FFFFFF;}
.nB2Cmall2 li a:hover p{color: #FFFFFF;}


.dzlc_sc ul{overflow:hidden;width:190px;float:left}
.dzlc_sc ul.u0{width:140px}
.dzlc_sc ul.u10 p{text-align:center}
.dzlc_sc ul p{text-align:left;text-indent:10px;font-size:14px}
.dzlc_sc ul li{width:180px;height:100px;float:left;margin:6px;border:1px solid rgba(204,204,204,.47);box-sizing:border-box;border-radius:5px}
.dzlc_sc ul li:nth-child(1){height:40px;border:none}
.dzlc_sc ul li:nth-child(1) p{text-align:center}
.dzlc_sc ul li:nth-child(3){height:120px}
.dzlc_sc ul li.p1{padding-top:40px}
.dzlc_sc ul li.p2{padding-top:30px}
.dzlc_sc ul .p4{padding-top:10px}
.dzlc_sc ul .p5{padding-top:10px}
.scdz_ys{padding-bottom:50px}
.scdz_ys ul{overflow:hidden;margin:0 auto;width:1000px}
.scdz_ys ul li{width:1000px;float:left;height:200px;margin-bottom:20px}
.scdz_ys ul li.d1{background:url(../images/1a.jpg)}
.scdz_ys ul li.d2{background:url(../images/1b.jpg)}
.scdz_ys ul li.d3{background:url(../images/1c.jpg)}
.scdz_ys ul div{width:50%;height:100%;padding:0 50px;box-sizing:border-box;padding-top:50px}
.scdz_ys ul li.d2 div{float:right}
.scdz_ys ul .p1{font-size:16px;font-weight:600}
.scdz_ys ul.p2{margin-top:20px;color:#666}
.scdz_ys ul img{display:block;margin:0 auto;margin-top:20px}


/*======== jianshe_�����̳�  end ========*/

/*======== jianshe_��ҵ��������  start ========*/
.content-slide{width:calc((100% - 12px * 4)/ 4);height:380px;text-align:center;margin-left:6px;margin-right:6px;float:left;margin-bottom:20px}
:last-child.content-slide{margin-right:0}
.content-slide .slide-title{color:#333;letter-spacing:0;padding-top:65px;font-size:20px}
.content-slide .slide-description{margin:0;padding:10px 16px 27px;color:#666;line-height:22px;letter-spacing:0;font-size:12px;opacity:.9}
.content-slide .slide-description p{margin:auto}
.content-slide .show-details-link{margin:auto;border-radius:2px;width:80px;height:30px}
.content-slide .show-details-link .show-details{width:80px;height:30px;text-align:center;line-height:30px;font-size:14px;display:inline-block}
.cy{height:380px;background:url(../images/index_case_6_1.png) center bottom;background-size:262px 380px;background-color:#fff9f3}
.cy .show-details-link{border:1px solid #ffa55f;border-image:none}
.cy .show-details-link .show-details{color:#ffa55f}
.my{height:380px;background:url(../images/index_case_2_1111.png) center bottom;background-size:262px 380px;background-color:#fcf9fd}
.my .show-details-link{border:1px solid #a68bb6;border-image:none}
.my .show-details-link .show-details{color:#a68bb6}
.ls{height:380px;background:url(../images/index_case_3_1111.png) center bottom;background-size:262px 380px;background-color:#fafae8}
.ls .show-details-link{border:1px solid #ff6800;border-image:none}
.ls .show-details-link .show-details{color:#ff6800}
.piaowu{height:380px;background:url(../images/index_case_4_1111.png) center bottom;background-size:262px 380px;background-color:#f1fffc}
@media not all,not all,not all,not all{.piaowu{background-image:url(../images/index_case_4_1111@2x.png)}
}
.piaowu .show-details-link{border:1px solid #45babc;border-image:none}
.piaowu .show-details-link .show-details{color:#45babc}
.media{height:380px;background:url(../images/index_case_5_1111.png) center bottom;background-size:262px 380px;background-color:#fff6f6}
@media not all,not all,not all,not all{.media{background-image:url(../images/index_case_5_1111@2x.png)}
}
.media .show-details-link{border:1px solid #ff6262;border-image:none}
.media .show-details-link .show-details{color:#ff6262}
.app-master{height:380px;background:url(../images/index_case_6_1111.png) center bottom;background-size:262px 380px;background-color:#f3f9ff}
@media not all,not all,not all,not all{.app-master{background-image:url(../images/index_case_6_1111@2x.png)}
}
.app-master .show-details-link{border:1px solid #3672bc;border-image:none}
.app-master .show-details-link .show-details{color:#3672bc}
.dmd{height:380px;background:url(../images/index_case_7_1111.png) center bottom;background-size:262px 380px;background-color:#f7ffee}
@media not all,not all,not all,not all{.dmd{background-image:url(../images/index_case_7_1111@2x.png)}
}
.dmd .show-details-link{border:1px solid #4b0;border-image:none}
.dmd .show-details-link .show-details{color:#4b0}
.zfjg{height:380px;background:url(../images/index_case_8_1111.png) center bottom;background-size:262px 380px;background-color:#fff9f3}
.zfjg .show-details-link{border:1px solid #ffa55f;border-image:none}
.zfjg .show-details-link .show-details{color:#ffa55f}

.other_fa{}
.other_fa ul li{ float:left; width:280px; text-align:center; line-height:60px; height:60px; background:#f5f5f5; margin:15px 10px 0px 10px; transition:all 1s}
.other_fa ul li a{ font-size:18px;transition:all 1s}
.other_fa ul li:hover{ background:#3DB1EA}
.other_fa ul li:hover a{ color:#fff}

/*======== jianshe_��ҵ��������  end ========*/


/*======== 定制商城 ========*/
.scxcxone{padding: 80px 0px}
.scxcxone_title{text-align: center;}
.scxcxone_title h3{
    position: relative;  
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #061738;}
.scxcxone_title h3::after{
    content: '';
    position: absolute; 
    top: 65px; 
    left: 46%;
    width: 100px; 
    height: 5px; 
    background: #F97C40;
    border-radius: 10px
}
.scxcxone_title p{font-size: 18px; padding-top:40px}
.scxcxone_con{display: flex; justify-content: space-between; align-items: center;text-align: center; flex-wrap: wrap;margin-top: 90px;}
.scxcxone_con dl{margin-top:20px; width: 25%; text-align: center; min-height: 264px; max-height: 264px; }
.scxcxone_con dl dt{width:80px; margin: 0 auto}
.scxcxone_con dl dt img{width: 100%}
.scxcxone_con dl dd{padding: 0px 16%; width: 68%}
.scxcxone_con dl dd.dd01{font-size: 20px; margin:30px 0px 15px 0px;}
.scxcxone_con dl dd.dd02{font-size: 16px; color: #999999}

.scxcxtwo{padding: 80px 0px 100px 0px; background: #F8F8F8}
.scxcxtwo_con{display: flex; justify-content: space-between; align-items: center;text-align: center; flex-wrap: wrap;margin-top: 20px;}
.scxcxtwo_con dl{margin-top:50px; width: 27%; text-align: center; min-height: 111px; max-height: 111px; display: flex; justify-content: space-between; align-items: center; border-radius: 20px; background:#F8982A;}
.scxcxtwo_con dl dt{width:25%; margin: 0 auto; text-align: center}
.scxcxtwo_con dl dt img{width: 50%; margin: 0 auto}
.scxcxtwo_con dl dd{ width: 68%; margin-right: 7%}
.scxcxtwo_con dl dd .ddtitle{font-size: 20px;color: #fff;text-align: left;  margin:0px 0px 7px 0px;}
.scxcxtwo_con dl dd .dddesc{font-size: 16px; color: #fff; text-align: left; font-size: 14px;}
.scxcxtwo_con dl:nth-child(2){background:#57BEAD}
.scxcxtwo_con dl:nth-child(3){background:#3A82F8}
.scxcxtwo_con dl:nth-child(4){background:#DE413A}
.scxcxtwo_con dl:nth-child(5){background:#EB3157}
.scxcxtwo_con dl:nth-child(6){background:#FE9147}
.scxcxtwo_con dl:nth-child(7){background:#7160ED}
.scxcxtwo_con dl:nth-child(8){background:#53BB37}
.scxcxtwo_con dl:nth-child(9){background:#B467FF}


.scxcxthree{background: url(../images/scxcxthree.jpg) no-repeat center center; padding: 80px 0px}
.scxcxthree-con{margin-top: 50px;}
.scxcxthree-con .scxcxthreetab ul.tab-hd01{display: flex; justify-content: center; align-items: center; text-align: center}
.scxcxthree-con .scxcxthreetab ul.tab-hd01 li{width: 12.2%; background: #686766; padding: 20px 0px; margin-right: 1px; font-size: 16px; color: #fff}
.scxcxthree-con .scxcxthreetab ul.tab-hd01 li:last-child{margin-right: 0px;}
.scxcxthree-con .scxcxthreetab ul.tab-hd01 li.active {background: #F97C40}

.scxcxthreelist{width: 1200px; margin-top:30px;}
.scxcxthreelist li{	display:none;}

.scxcxthreelist li.thisclass {display:list-item; }
.scxcxthreelist li a{display: block; width:280px; height: 460px; float: left; display: flex; justify-content: center;align-items: center;text-align: center;  overflow: hidden; margin: 0 10px;}
.scxcxthreelist li a img{max-width: 100%; max-height: 100%}


.scxcxfour{padding: 80px 0px; background: #FAF7F5;}
.scxcxfour-con{margin-top: 70px; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;/*position: relative; height: 800px;*/}
.scxcxfour-con dl{/*position: absolute; top: 60px;*/ width: 16.5%;text-align: center;transition: all .3s linear, color 0s linear;border-radius: 20px;  }
.scxcxfour-con dl dt{width: 80px; height: 80px; margin: 50px auto 0px auto; border-radius: 10px; background: linear-gradient(to bottom,#0398FF,#8F79FF);transition: all .3s linear, color 0s linear;}
.scxcxfour-con dl dt img{max-height: 100%}
.scxcxfour-con dl dd{margin: 30px 0px 70px 0px; font-size: 18px;}
.scxcxfour-con dl:hover{margin-top: -30px;  background: linear-gradient(to bottom,#0398FF,#8F79FF);}
.scxcxfour-con dl:hover dd{color: #fff}
.scxcxfour-con dl:nth-child(2) dt,.scxcxfour-con dl:nth-child(11) dt{ background: linear-gradient(to bottom,#FD965A,#FD4F58);}
.scxcxfour-con dl:nth-child(2):hover,.scxcxfour-con dl:nth-child(11):hover{ background: linear-gradient(to bottom,#FD965A,#FD4F58);}

.scxcxfour-con dl:nth-child(3) dt,.scxcxfour-con dl:nth-child(10) dt{ background: linear-gradient(to bottom,#6884E6,#885ED9);}
.scxcxfour-con dl:nth-child(3):hover,.scxcxfour-con dl:nth-child(10):hover{ background: linear-gradient(to bottom,#6884E6,#885ED9);}

.scxcxfour-con dl:nth-child(4) dt,.scxcxfour-con dl:nth-child(8) dt{ background: linear-gradient(to bottom,#FFAE02,#FF8150);}
.scxcxfour-con dl:nth-child(4):hover,.scxcxfour-con dl:nth-child(8):hover{ background: linear-gradient(to bottom,#FFAE02,#FF8150);}

.scxcxfour-con dl:nth-child(5) dt,.scxcxfour-con dl:nth-child(7) dt{ background: linear-gradient(to bottom,#B34DFD,#FE3D80);}
.scxcxfour-con dl:nth-child(5):hover,.scxcxfour-con dl:nth-child(7):hover{ background: linear-gradient(to bottom,#B34DFD,#FE3D80);}

.scxcxfour-con dl:nth-child(6) dt,.scxcxfour-con dl:nth-child(9) dt{ background: linear-gradient(to bottom,#98CC31,#60CC55);}
.scxcxfour-con dl:nth-child(6):hover,.scxcxfour-con dl:nth-child(9):hover{ background: linear-gradient(to bottom,#98CC31,#60CC55);}




.scm1{padding-top:100px;/*background: url(../images/scysbg03.jpg)no-repeat center center /100%;*/}
.row {
    display: flex;
    flex-wrap: wrap;
}

.col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
}
.align-items-center {
    align-items: center !important;
}
.col-lg-5 {
    flex: 0 0 auto;
    width: 499px;
    height: 800px;
    overflow: hidden;
    margin-right: 4%;
    background: url(../images/scbg01.png)no-repeat center center /100%;
  
}
.scSwiper{}
.scSwiper .swiper-slide{}
.scpic{width: 307px; height: 656px; margin: 0 auto!important; overflow: hidden;  padding-top:20px;}
.scSwiper .swiper-slide .scpic img{max-width: 100%; max-height: 100%;border-radius: 50px;}


.col-lg-7 {
    flex: 0 0 auto;
    width: 650px;
      
}
.sccontent {
    padding-right: 100px;
}

.sccontent  ul{padding: 0px!important;}
.sccontent h3, .sccontent h6 {
    font-weight: 700;
}
.sccontent h3{padding-bottom: 35px;font-size: 40px;line-height: 50px; color:#061738; margin-top: -130px;}
.sccontent h6{font-size:26px;line-height: 28px;color:#061738; margin-top: 50px; margin-bottom: 15px;}
.sccontent p {
    width: 100%;
    font-size:20px!important;
    line-height: 26px;
    color:#606060;
    text-align: left!important
}
.scflex{display: flex}
.scflex .scicon{margin-right: 15px;margin-top: 50px;}
.scflex .scicon .bi{
    
    font-size: 36px; 
    background: -webkit-linear-gradient(to right,#FA7C40,#FAB740); /* Safari 5.1 到 6.0 */
  background: -o-linear-gradient(to right,#FA7C40,#FAB740); /* Opera 11.6 到 12.0 */
  background: -moz-linear-gradient(to right,#FA7C40,#FAB740); /* Firefox 3.6 到 15 */
  background: linear-gradient(to right,#FA7C40,#FAB740); /* 标准的语法 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scsecond{background:url(../images/scysbg02.jpg) no-repeat center center; padding: 100px 0px 320px 0px;}
.scsecond #scyscon{display: flex; justify-content: center; align-items: center; }
.scys02fl{width: 430px; margin-right: 60px;}
.scys02fr{width: 710px;}
.scystit h3{padding-bottom:10px;font-size: 40px;line-height: 50px; color:#061738; font-weight: bold}
.scystit h3 .bi{font-size: 36px; padding-right: 10px;background: -webkit-linear-gradient(to right,#FA7C40,#FAB740); /* Safari 5.1 到 6.0 */
  background: -o-linear-gradient(to right,#FA7C40,#FAB740); /* Opera 11.6 到 12.0 */
  background: -moz-linear-gradient(to right,#FA7C40,#FAB740); /* Firefox 3.6 到 15 */
  background: linear-gradient(to right,#FA7C40,#FAB740); /* 标准的语法 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.scystit p{width: 100%;font-size:20px!important;line-height: 26px;color:#606060;text-align: left!important; padding-left: 46px;}
.scystext{margin-top: 35px; margin-left: 46px;}
.scystext p{font-size: 17px;line-height:2.0}

.scys02fr{padding: 15px; border: #FA7D40 dashed 1px;border-radius: 10px;  }
.scys02fr img{max-width: 100%; border-radius: 10px; }


.scthird{ margin-top: -220px;}
#scthirdcon{display: flex; justify-content: center; align-items: center; background:  linear-gradient(to bottom, #fb6d62, #ffab6b); padding: 50px; border-radius:  30px; width: 1130px; }
.scthirdSwiper{width: 100%; overflow: hidden; }
.scthirdSwiper .swiper-slide{display: flex; justify-content:space-between; align-items: center; }
.scthirdpic{width:700px;}
.scthirdpic img{max-width: 100%;border-radius: 10px}
.scthirdtext{width: 400px; /*position: absolute;top: 0px; z-index: 999; background: rgba(255,255,255,0.8); padding: 20px; left: 30%*/}
.scthirdtext .scystit h3{color: #fff!important}
.scthirdtext .scystit p{width: 100%;font-size:20px!important;line-height: 26px;color:#fff;text-align: left!important; padding-left:0px;}
.scthirdtext .scystext{margin-top: 35px; margin-left: 0px;color:#fff;}
.scthirdtext .scystext p{font-size: 17px;line-height:2.0;color:#fff;}


.scfifth{background:url(../images/scysbg04.jpg) no-repeat center center; padding-bottom: 100px }
.scfifth h2{text-align: center;font-size: 40px;line-height: 50px; color:#061738; font-weight: bold; margin-bottom: 20px}
.scfifth p{text-align: center;font-size: 20px;line-height:2.0}
.scfifmore{display: block; margin: 0 auto;width: 300px; height: 60px; text-align: center; line-height: 60px; background:  linear-gradient(to bottom, #fb6d62, #ffab6b); border-radius: 10px; margin-top: 0px; color: #fff; font-size:24px;transform-origin: center; transition: all 0.3s}
.scfifmore:hover{background: linear-gradient(to bottom,#ffab6b, #fb6d62); font-size:26px; color: #fff }



/*======== tuiguang_zhushang start ========*/
.ma_nt_pad{margin-top:0;padding:1px 0 50px}
.bg_greay{background:#fafbfb}
.home_titlex h2{font-size:42px}
.home_title{text-align:center}
.home_title h2{font-size:34px;color:#444;margin:0 0 7px}

.ma_nt_pad{ margin-top:0; padding:1px 0 50px;}
.ma_nt_pad .home_title{ margin-bottom:0;}
.xitong_pon{ position:relative;}
.zy_titlea{ text-align:left; position:relative; z-index:5;}
.zy_titlea span{ text-transform:uppercase;}
.zy_titlea b{ font-size:54px; display:block; position:absolute; top:-10px;}
.zy_titlea b,.zy_titlea span strong,.cheng{ color:#fe5b00;}
.xit_gxz{ position:relative; right:0px; top:-70px; float:right; z-index:1;}
.xit_title{ margin-bottom:60px;}
.xitle_wz{ height:64px; line-height:64px; color:#fff; padding:0 15px 0 25px; font-size:32px; font-weight:bold; background:#ed7129; position:relative; display:inline-block;}
/* .xitle_wz span{ width:18px; height:75px; display:block; background:url(../images/m_xit_rig.jpg) no-repeat left bottom; position:absolute; top:0px; right:-18px;} */
.ma_nt_pad .xit_mab{ margin-bottom:50px;}
.xitle_rig{ height:64px; line-height:64px; padding:0 20px; font-size:34px; font-weight:bold; color:#8f8a8a; margin-left:45px; border:1px solid #c8c6c6; border:1px solid #c8c6c6; border:1px solid #c8c6c6;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.xit_yi{ min-height:400px; background:url(../images/m_xit_nbg.jpg) no-repeat center center;}
.xit_yi ul li{ width:505px; float:left; margin-top:20px;}
.xit_yi ul li h2{ color:#353434; font-size:46px; margin-bottom:15px;}
.xit_yi ul li font{ font-size:18px; color:#716f6e;}
.xit_yi ul li.xit_yilib{ margin:130px 0 0 0px; float:right;}
.xit_yi ul li.xit_yilic{ margin-top:80px;}
.xitg_bor{ height:1px; margin:50px 0 60px; background:#d4d4d4; position:relative;}
.xitg_bor span{ width:196px; height:7px; background:#ed7129; display:block; margin:0 auto; position:relative; top:-3px;}
.xit_wza{ width:425px; margin-right:20px; font-size:18px; line-height:38px;}
.xit_wza .cheng{ font-size:20px;}
.xit_anli{ width:258px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:26px; background:#0083de;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; margin-top:30px;}
.xit_wzb{ font-weight:bold; font-size:26px; margin:80px 0 0 100px;}
.xit_wzb strong{ font-size:34px; color:#ed7129;}
.xit_wzb strong.cheng{ font-size:40px; margin:20px 0; display:inline-block;}
.xit_wzc{ width:auto; margin-bottom:20px;}
.xit_wzc .cheng{ font-size:34px;}
.xit_wzd{ width:550px; font-size:24px; margin:80px 0 0 50px;}
.xit_wzd .cheng{ font-size:24px;}
.xit_wzd strong{ font-size:34px; color:#ed7129; text-decoration:underline; font-weight:normal;}

/*======== tuiguang_zhushang end ========*/



/*======== ������ start ========*/
.intitle{text-align:center;padding-top:30px}
.intitle h2{font-size:30px;padding-bottom:16px}
.intitle i{display:block;width:85px;height:3px;background-color:#0084ff;margin:0 auto}
.function-main .yst_icon{width:150px;vertical-align:-.15em;overflow:hidden;fill:currentColor}
.function_4{width:1000px;margin:0 auto;padding:60px 0 100px 0;text-align:center}
.function_4 ul{font-size:0;-webkit-text-size-adjust:none;text-align:center}
.function_4 ul li{width:25%;display:inline-block;text-align:center}
.function_4 ul li .yst_icon{width:100%}
.function_4 ul li p{font-size:18px}
.infunction1{background-color:#f6f6f6}
.infunction1 ul{padding:50px 0}
.infunction1 ul li{float:left;width:31%;height:276px;margin:0 1.8% 20px 0;background-color:#fff;border:1px solid #ddd;text-align:center;overflow:hidden}
.infunction1 .con{color:#fff;padding:30px;width:80%;margin:0 auto}
.infunction1 .con i{display:inline-block;width:100px;height:100px;line-height:100px;border-radius:100%;background-color:#0084ff;text-align:center;font-size:50px}
.infunction1 .con h2{padding:15px;color:#333}
.infunction1 .con p{color:#999}
.infunction1 ul li:hover{border:1px solid #0084ff}
.infunction1 ul li:hover .con h2{color:#0084ff}
.infunction1 ul li:nth-child(3n){margin-right:0}

.icon-daohang--duankouzhuanfa{ width: 100px;height: 100px; background:url(../images/yst_gn01.png) no-repeat center center }
.icon-gaodu{ width: 100px;height: 100px; background:url(../images/yst_gn02.png) no-repeat center center }
.icon-MIP{ width: 100px;height: 100px; background:url(../images/yst_gn03.png) no-repeat center center }
.icon-zhineng{ width: 100px;height: 100px; background:url(../images/yst_gn04.png) no-repeat center center }
.icon-youhua{ width: 100px;height: 100px; background:url(../images/yst_gn05.png) no-repeat center center }
.icon-shangqing-sousuo{ width: 100px;height: 100px; background:url(../images/yst_gn06.png) no-repeat center center }

.infunction2{background-color:#2a2f36}
.infunction2 .intitle h2{color:#fff}
.infunction2 .swiper-container{width:100%;height:100%}
.infunction2 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.infunction2 .swiper-button-prev{width:47px;height:24px;background:url(../images/icon-pc-fanhui.png) no-repeat center center;top:45%;left:-80px;rigth:auto;color:#fff}
.infunction2 .swiper-button-next{width:47px;height:24px;background:url(../images/icon-pc-fanhui-copy.png) no-repeat center center;top:45%;right:-80px;left:auto;color:#fff}
.infunction2 .swiper-button-next i,.infunction2 .swiper-button-prev i{font-size:50px}
.infunction2 .swiper-pagination{text-align:center;width:100%;bottom:60px}
.infunction2 .swiper-pagination-bullet{background:#fff;margin:5px}
.infunction2 .swiper-pagination-bullet-active{opacity:1;background:#0084ff}
.infunction2 .w1200{padding:50px 0 125px 0;position:relative}
.infunction2 .con{color:#fff;padding:20px;margin:0 auto}
.infunction2 .con i{display:inline-block;width:100px;height:100px;line-height:100px;border-radius:100%;background-color:#0084ff;text-align:center;font-size:50px}
.infunction2 .con h2{padding:15px;color:#333}
.infunction2 .con p{color:#999;height:80px}


.icon-rengonggaichengyunshang_o{ width:100px; height:100px;  background:url(../images/yst_ys01.png) no-repeat center center}
.icon-fuwu{ width:100px; height:100px;  background:url(../images/yst_ys02.png) no-repeat center center}
.icon-dongtaijianguan{ width:100px; height:100px;  background:url(../images/yst_ys03.png) no-repeat center center}
.icon-fugai{ width:100px; height:100px;  background:url(../images/yst_ys04.png) no-repeat center center}
.icon-shouji{ width:100px; height:100px;  background:url(../images/yst_ys05.png) no-repeat center center}
.icon-settings{ width:100px; height:100px;  background:url(../images/yst_ys06.png) no-repeat center center}
.icon-tuiguangdingdan{ width:100px; height:100px;  background:url(../images/yst_ys07.png) no-repeat center center}
.icon-danquxunhuan{ width:100px; height:100px;  background:url(../images/yst_ys08.png) no-repeat center center}


.greybg{background-color:#f6f6f6}
.function_5{padding:60px 0 100px 0}
.function_5 ul{font-size:0;-webkit-text-size-adjust:none}
.function_5 ul li{display:inline-block;width:20%;text-align:center}
.function_5 ul li p{font-size:18px}

.function_5 ul li .ys_icon{ width:100%}
.function_4 ul li .ys_icon{ width:100%}


/*======== ������ end ========*/

/*========   start ========*/
.ui-hometodo{overflow:hidden}
.ui-hometodo ul{margin:0 -22px;padding:10px 0}
.ui-hometodo ul li{float:left;padding:0 22px;width:21%;min-height:330px}
.ui-hometodo .i{display:block;padding:0 10px;min-height:330px;border:1px solid #e5e5e5;border-radius:8px;background:#f5f5f5}
.ui-hometodo .i:hover{background-color:#0074d1;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ui-hometodo .i:hover *{color:#fff!important}
.ui-hometodo .i>.hd{padding-top:20px}
.ui-hometodo .i>.hd p{text-align:center;line-height:1em}
.ui-hometodo .i>.hd p.p1{color:#333;font-size:16px}
.ui-hometodo .i>.hd p.p2{margin-top:8px;color:#999;font-size:14px;line-height:21px}
.ui-hometodo .i>.ct{margin-top:35px}
.ui-hometodo .i>.ct p{text-align:center}
.ui-hometodo .i>.ct p i{display:inline-block;width:72px;height:72px;background:none no-repeat center;transition:transform .7s}
.ui-hometodo .i:hover>.ct p i{transform:scale(1.05,1.05)}
.ui-hometodo .i>.ct p i.ico1{background-image:url(../images/srveicon-ico1.png)}
.ui-hometodo .i.on>.ct p i.ico1,.ui-hometodo .i:hover>.ct p i.ico1{background-image:url(../images/srveicon-ico1-on.png)}
.ui-hometodo .i>.ct p i.ico2{background-image:url(../images/srveicon-ico2.png)}
.ui-hometodo .i.on>.ct p i.ico2,.ui-hometodo .i:hover>.ct p i.ico2{background-image:url(../images/srveicon-ico2-on.png)}
.ui-hometodo .i>.ct p i.ico3{background-image:url(../images/srveicon-ico3.png)}
.ui-hometodo .i.on>.ct p i.ico3,.ui-hometodo .i:hover>.ct p i.ico3{background-image:url(../images/srveicon-ico3-on.png)}
.ui-hometodo .i>.ct p i.ico4{background-image:url(../images/srveicon-ico4.png)}
.ui-hometodo .i.on>.ct p i.ico4,.ui-hometodo .i:hover>.ct p i.ico4{background-image:url(../images/srveicon-ico4-on.png)}
.ui-hometodo .i>.bp_ft{margin:0 8px;margin-top:40px;padding-top:24px;padding-bottom:30px;border-top:1px solid #e7e7e8}
.pages{margin:0 auto;width:100%;height:30px;text-align:center;line-height:30px}
.ui-hometodo .i>.bp_ft p{height:40px;color:#999;text-align:center;font-size:14px;line-height:24px}
.ui-hometodo .bp_foot{margin-top:80px;padding-top:50px;background:url(../images/line.png) no-repeat 50% 0}
.ui-hometodo .bp_foot p{color:#999;text-align:center;font-size:14px;line-height:20px}
.bg-homecase{position:relative;background:url(../images/home-bg2.jpg) no-repeat 50% 100%}
.server-item{float:left;width:239px;height:300px;border-right:1px solid #f2f2f2;background:#fff;text-align:center}
.server-item .tit{margin-top:50px;font-weight:700;font-size:18px}
.server-item .tit a{margin-top:50px;font-weight:700;font-size:18px}
.server-item .icon_gw{background-color:#2c3e50}
.server-item .bp_icon{display:block;margin:35px auto;width:60px;height:60px;border-radius:3px;background-position:center center;background-repeat:no-repeat}
.server-item .txt{padding:0 35px;color:#666;line-height:20px}
.icon_gw{background-image:url(icon_gw.png);background-repeat:no-repeat}
.icon_mh{background-color:#3498db;background-image:url(../images/icon_mh.png);background-repeat:no-repeat}
.icon_app{background-color:#fe7c60;background-image:url(../images/icon_app.png);background-repeat:no-repeat}
.icon_rj{background-color:#f8c82d;background-image:url(../images/icon_rj.png);background-repeat:no-repeat}
.icon_pt{background-color:#836aff;background-image:url(../images/icon_pt.png);background-repeat:no-repeat}
.sibu{height:560px;background:url(../images/img38.jpg) center center no-repeat}
.section>.sb_header{position:relative;padding:30px 0}
.sibu div.sb_header h3.sb_title{color:#fff}
.section>.sb_header .sb_title{color:#393939;font-size:28px;line-height:1}
.section>.sb_header .sb_title{color:#393939;font-weight:700;font-size:28px;line-height:1}
.text-center{text-align:center}
.sibu ul.sb_content{overflow:hidden;margin:0 auto;padding-top:60px;width:1200px}
.sibu ul.sb_content li{float:left}
.sibu ul.sb_content li.sibu_item{width:240px;color:#fff;text-align:center}
.sibu ul.sb_content li.sibu_item div.sb_icon{margin:0 auto;padding:30px;width:60px;height:60px;border-radius:50%;background-color:#fff;text-align:center}
.sibu ul.sb_content li.sibu_item div.sb_icon span.sb_iconfont{color:#febe33;font-size:55px}
.sibu ul.sb_content li.sibu_item p.sb_title01{padding-top:60px;font-size:18px}
.sibu ul.sb_content li.sibu_item p.sb_intro{padding-top:20px;font-size:15px;line-height:2}
.sibu ul.sb_content li.sibu_sep{float:left;width:80px;text-align:center;text-align:center;line-height:140px}
li.yihuo_item{float:left;margin-bottom:35px;padding:20px;width:539px;height:145px;border:1px solid #dedede}
li.yihuo_item:nth-of-type(2n){margin-left:38px}
li.yihuo_item:hover{border:1px solid #1c82ff;box-shadow:0 0 5px #1c82ff}
li.yihuo_item:hover p.jd_title{color:#1c82ff;font-weight:700}
li.yihuo_item:hover p.jd_intro{color:#1c82ff}
li.yihuo_item p.jd_title{float:left;padding-top:20px;width:210px;color:#393939;text-align:center;font-size:22px;line-height:2}
li.yihuo_item p.jd_intro{float:right;width:300px;color:#707070;font-size:14px;line-height:2}

.bp_ban{position:relative;}
.bp_ban #particles-js{width:100%;height:500px;text-align:center;position:relative;background: #000;}
.bp_ban img.ban_wz{position: absolute;top: 50%;left: 50%;margin: -130px 0 0 -450px;}

.bg2{ background:url(../images/pc.jpg) no-repeat right;  height:auto; padding-top:50px; margin:0 auto;position: relative;width: 1300px;margin-left: -0px;}
.bg2 img{ float:left;}
.center2{  background:url(../images/nr2.jpg) no-repeat left; height:558px; margin:0 auto;transition:0.5s;}
.center2:hover{ background:url(../images/nr3.jpg) no-repeat left;transition:0.3s;}
.center2 a{ display:block; color:#fff; float:left; margin-top:533px; margin-left:20px;font-size: 17px;}

.bp_tese{padding: 70px 0;}

/*========   end ========*/


/*======== ruanjian_app start ========*/
.box_one{ width:1070px; margin:0 auto;}
.box_one .one_left{ float:left; width:342px; height:292px;}
.box_one .one_left img{width:342px; height:292px;}
.box_one .one_rit{ float:right; width:550px; font-family: "Microsoft YaHei","SimSun","SimHei";}
.box_one .one_rit h1{ font-size:40px; color:#4E4CCB; height:100px; line-height:100px; display:inline-block; font-weight:normal; margin-bottom:50px;}
.box_one .one_rit p{ font-size:15px; color:#999; line-height:1.6;}
.box_one .three_img{ width:392px; height:509px;}
.box_one .three_img img{width:392px; height:509px;}
.box_one .five_img{ width:410px; height:346px;}
.box_one .five_img img{ width:410px; height:346px;}
.two_bg{ background:#eee; padding:30px 0;}
.two_bg .box_two{ width:1070px; margin:0 auto;}
.two_bg .box_two .two_left{float:left; width:550px;font-family: "Microsoft YaHei","SimSun","SimHei";}
.two_bg .box_two .two_left h1{ font-size:40px; color:#4E4CCB; height:100px; line-height:100px; display:inline-block; font-weight:normal; margin-bottom:50px;}
.two_bg .box_two .two_left p{ font-size:15px; color:#999; line-height:1.6;}
.two_bg .box_two .two_rit{ float:right; width:460px; height:498px;}
.two_bg .box_two .two_rit img{ width:460px; height:498px;}
.two_bg .box_two .four_img{ width:338px; height:276px;}
.two_bg .box_two .four_img img{width:338px; height:276px;}

/*======== ruanjian_app end ========*/


/*======== ruanjian_С���� С�������ƿ��� start ========*/
.syhy_t {height: 70px;position: relative;text-align: center;color: #333333;font-size:34px;}
.xcx_line {background: #333333;height: 3px;width: 66px;display: block;margin: 0 auto;}

.webappSpecial_addvantage{ padding:30px 0px 0px 0px;}
.webappSpecial_addvantage ul li{float: left;width: 200px;margin-right: 50px;}
.webappSpecial_addvantage ul{clear: both;overflow: hidden;}
.webappSpecial_addvantage ul li h3{color:#333333;font-size: 24px;line-height: 15px;font-weight: normal;}
.webappSpecial_addvantage ul li p{text-align:center;color:#666666;font-size: 14px;line-height: 24px;margin-top: 20px;margin-bottom: 23px;}
.webappSpecial_addvantage ul li:nth-of-type(5n){margin-right: 0;}

.wx7-step{margin-top:30px}
.wx7-step-box{float:left;width:270px;height:100px;/* background:url(../images/wx7-step-bg.png) no-repeat; */margin-left:40px}
.wx7-step-box:hover{/* background:url(../images/wx7-step-bg-on.png) no-repeat */}
.wx7-step .wx7-step-box:first-child{margin-left:0}
.wx7-step-box-num{float:left;width:80px;height:80px;line-height:80px;background-color:#e8e8e8;text-align:center;font-size:50px;border-radius:100%;margin-top:10px;margin-left:10px;color:#999;font-weight:200;-webkit-transition:all .3s ease;transition:all .3s ease}
.wx7-step-box:hover .wx7-step-box-num{background-color:#46c1ff;color:#fff}
.wx7-step-box-p{margin-left:12px;margin-top:24px}
.wx7-step-box-p h4{padding:0;margin:0;font-size:24px;color:#666;font-weight:400}
.wx7-step-box-p p{font-family: "Microsoft YaHei","SimSun","SimHei";color:#bbb;line-height:20px;text-transform:uppercase;letter-spacing:-1px;margin-top:3px;font-size:30px}

.am-avg-sm-1 li{ float:left; margin-left:80px;}
.am-avg-sm-1 li h1{ font-size:16px; margin-top:30px; letter-spacing:2px;}
/*======== ruanjian_С���� С�������ƿ��� end ========*/


/*======== ruanjian_΢��  ΢�Ŷ��ƿ��� start ========*/
.main-min{width:1200px;margin:0 auto}
.main-min h2{font-size:28px;text-align:center;padding:50px 0;font-weight:400}
.serve-box .serve-item{float:left;text-align:center;width:24%;margin:0}
.main-min .serve-box .serve-item img{width:100%;height:auto}
.main-min .serve-box .serve-item h3{font-size:20px;margin:20px 0;font-weight:400}
.main-min .serve-box .serve-item span{font-size:14px;color:#8d8d8d;line-height:1.5}
.lead{font-size:1.3375em;line-height:20px;text-align:center;padding-bottom:30px;color:#777}
.col-sm-4{float:left;width:29%;margin:1% 1%;text-align:center;background:#fff;padding:30px 10px}
.col-sm-4 h5{margin:0;padding:0;font-style:normal}
.col-sm-4 p{margin:0;padding:0;font-style:normal;color:#777;margin-top:15px}
.feature.boxed{background:#fff;transition:.2s linear;-webkit-transition:.2s linear;-moz-transition:.2s linear}
.container_con_jsk{background-repeat:no-repeat;width:100%;color:#fff;text-align:center;height:520px;background-image:url(../images/jsk_bg.png);background-position:center;position:relative}
.container_con_jsk img{position:absolute}
.container_con_jsk img.a_1{top:130px;left:180px;animation:m1 2s;-moz-animation:m1 2s;-webkit-animation:m1 2s;-o-animation:m1 2s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_2{top:130px;left:325px;animation:m2 2s;-moz-animation:m2 2s;-webkit-animation:m2 2s;-o-animation:m2 2s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_3{top:255px;left:270px;animation:m3 2s;-moz-animation:m3 2s;-webkit-animation:m3 2s;-o-animation:m3 2s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_4{top:100px;left:720px;animation:m4 2s;-moz-animation:m4 2s;-webkit-animation:m4 2s;-o-animation:m4 2s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_5{top:170px;left:900px;animation:m5 2s;-moz-animation:m5 2s;-webkit-animation:m5 2s;-o-animation:m5 2s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_6{top:280px;left:790px;animation:m6 1s;-moz-animation:m6 1s;-webkit-animation:m6 1s;-o-animation:m6 1s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.container_con_jsk img.a_7{top:288px;left:110px;animation:m7 1s;-moz-animation:m7 1s;-webkit-animation:m7 1s;-o-animation:m7 1s;animation-direction:alternate;-webkit-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.btn_box_con{margin:0 auto;width:100%;text-align:center}
.btn_box_con a{width:180px;height:37px;line-height:35px;color:#ff4242;border:1px #ff4242 solid;display:inline-block;font-size:18px;border-radius:20px}
@keyframes m1{from{top:120px;left:170px}
to{top:130px;left:180px}
}
@-moz-keyframes m1{from{top:120px;left:170px}
to{top:130px;left:180px}
}
@-webkit-keyframes m1{from{top:120px;left:170px}
to{top:130px;left:180px}
}
@-o-keyframes m1{from{top:120px;left:170px}
to{top:130px;left:180px}
}
@keyframes m2{from{top:125px;left:328px}
to{top:130px;left:325px}
}
@-moz-keyframes m2{from{top:125px;left:328px}
to{top:130px;left:325px}
}
@-webkit-keyframes m2{from{top:125px;left:328px}
to{top:130px;left:325px}
}
@-o-keyframes m2{from{top:125px;left:328px}
to{top:130px;left:325px}
}
@keyframes m3{from{top:245px;left:265px}
to{top:255px;left:270px}
}
@-moz-keyframes m3{from{top:245px;left:265px}
to{top:255px;left:270px}
}
@-webkit-keyframes m3{from{top:245px;left:265px}
to{top:255px;left:270px}
}
@-o-keyframes m3{from{top:245px;left:265px}
to{top:255px;left:270px}
}
@keyframes m4{from{top:95px;left:710px}
to{top:100px;left:720px}
}
@-moz-keyframes m4{from{top:95px;left:710px}
to{top:100px;left:720px}
}
@-webkit-keyframes m4{from{top:95px;left:710px}
to{top:100px;left:720px}
}
@-o-keyframes m4{from{top:95px;left:7100px}
to{top:100px;left:720px}
}
@keyframes m5{from{top:165px;left:896px}
to{top:170px;left:900px}
}
@-moz-keyframes m5{from{top:165px;left:896px}
to{top:170px;left:900px}
}
@-webkit-keyframes m5{from{top:165px;left:896px}
to{top:170px;left:900px}
}
@-o-keyframes m5{from{top:165px;left:896px}
to{top:170px;left:900px}
}
@keyframes m6{from{top:290px;left:785px}
to{top:280px;left:790px}
}
@-moz-keyframes m6{from{top:290px;left:785px}
to{top:280px;left:790px}
}
@-webkit-keyframes m6{from{top:290px;left:785px}
to{top:280px;left:790px}
}
@-o-keyframes m6{from{top:290px;left:785px}
to{top:280px;left:790px}
}
@keyframes m7{from{top:280px;left:115px}
to{top:288px;left:110px}
}
@-moz-keyframes m7{from{top:280px;left:115px}
to{top:288px;left:110px}
}
@-webkit-keyframes m7{from{top:280px;left:115px}
to{top:288px;left:110px}
}
@-o-keyframes m7{from{top:280px;left:115px}
to{top:288px;left:110px}
}


/*======== ruanjian_΢��  ΢�Ŷ��ƿ��� end ========*/


/*======== ruanjian_�����������ƿ���  start ========*/ 
.dataBox{padding-top:50px;overflow:hidden;margin:0 auto;width:1200px;}
.dataBox .data{float:left;width:379px;border-left:1px dotted #ccc;padding:0 10px}
.dataBox .data h4{text-align:left}
.dataBox .data h4 b{ font-size:16px;}
.dataBox .data h4 .solid{width:80px;padding-top:18px;display:block;border-bottom:1px solid #ff8908}
.dataBox .data:first-child{border-left:none}
.dataBox .txt{width:100%}
.dataBox .txt>div{width:160px; text-align:center;display:inline-table;margin:0 13px}
.dataBox .txt>div input{font-size:40px}
.circle-text{ font-size:50px; line-height:160px;}
.circle-text i{ font-style:italic}
.circle-text b{ font-style:italic}
.dataBox .txt>div p{width:100%;text-align:center;padding-top:10px}


.utext{width: 1140px; margin:30px auto 18px auto; background:url('../images/text-bottom.png') no-repeat; background-size: 100% 17px; background-position: center bottom; height: 30px;}
.utext li{float: left; width: 25%; text-align: center; font-size: 16px; color: #666666; line-height: 100%;}
.dtext{overflow: hidden; width: 1184px; margin: 0px auto;}
.dtext dl{float:left; width: 148px;}
.dtext dl dt{width: 100%; height:53px; background:url('../images/bg_w_op13.png'); background-size: 100% 100%; text-align: center;}
.dtext dl dt img{margin-top: 9px;}
.dtext dl dd{text-align: center; font-size: 16px; color: #333333; line-height: 100%; margin-top: 13px;}

.lefttext{float:left; font-size: 36px; color: #f1a91b;  line-height: 100%; margin-top: 23px;}


.righttext img{float: left; margin: 20px 9px 0px 40px;}
.righttext p{float: left; font-size: 28px; color: #ffffff; line-height:100%; margin-top: 22px;}
.righttext p span{font-size: 20px;}
.righttext a{float:right; font-size: 22px; color: #fff; font-weight:bold; line-height: 100%; margin: 23px 40px 0px 0px;}
.lefttext li{font-size:16px;color:#333;line-height:100%;margin-bottom:30px}
.lefttext li span{display:block;float:left;width:11px;height:11px;border:1px solid #ffc44f;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:2px 7px 0 0}
.t1{font-size:16px;color:#333;line-height:100%;font-weight:700;margin:30px 0 20px 0}
.t2{font-size:14px;color:#666;line-height:20px;text-align:left}
.c_right{float:right;width:789px}
.c_right ul{float:left;width:340px;height:217px;margin-left:50px;text-align:center}


/*======== ruanjian_�����������ƿ���  end ========*/ 







/*======== 400  ========*/

h4{margin: 0;}
i{ 	font-style: normal; }
.pb50{	padding-bottom: 50px;}
.icon{	background: url(../images/icon.png) no-repeat;}
.gray{	background: #f5f5f5;	padding: 30px 0 50px;}
.mt50{margin-top:50px}
.mt30{margin-top:30px}
.w1200{width:1200px;margin:auto}
.boxtit h3{font-size:24px;color:#f05118;text-align:center}
.boxtit p{font-size:16px;color:#999;margin-top:5px;text-align:center;text-transform:uppercase}
.need ul li{margin-left:17px;display:inline-block;zoom:1}
.need ul li:first-child{margin-left:0}
.need ul li span{display:inline-block;vertical-align:middle}
.need ul li .icon{width:71px;height:53px}
.need-text{font-size:16px;color:#999}
.need-text i{font-size:18px;color:#000;display:block}
.need-1{background-position:10px 2px}
.need-2{background-position:-52px 2px}
.need-3{background-position:-124px 1px}
.need-4{background-position:-198px 2px}
.need-5{background-position:-282px 4px}
.chosen-left{width:954px}
.chosen-menu{font-size:0}
.chosen-menu span{width:186px;height:45px;background:#e5e8ea;margin-left:6px;text-align:center;display:inline-block}
.chosen-menu span:first-child{margin-left:0}
.chosen-menu span a{font-size:14px;font-weight:700;color:#000;line-height:45px}
.chosen-menu span.now{background:#f60d38}
.chosen-menu span.now a{color:#fff}
.chosen-menu span:hover a{color:#f60d38}
.chosen-menu span.now:hover a{color:#fff}
.chosen-content{background:#fff;border:2px solid #f60d38;overflow:hidden;display:none}
.numberbox{display:flex;flex-flow:row wrap;display:-webkit-flex;-weikit-flex-flow:row wrap;height:372px\9}
.numberbox li{width:25%;height:138px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;text-align:center;overflow:hidden;float:left\9;float:left}
.numberbox li:nth-child(4n){border-right:0}
.numberbox li>span{font-size:18px;font-weight:700;color:#74797a;display:block;margin-top:55px;transition:all .2s}
.numberbox li a{font-size:16px;color:#fff;width:55%;height:35px;line-height:35px;background:#f60d38;margin:30px auto 0;border-radius:5px;display:block;opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:all .2s}
.numberbox li:hover span{color:#f60d38;margin-top:40px}
.numberbox li:hover a{visibility:visible;opacity:1;filter:alpha(opacity=100);margin:10px auto 0}
.trade-case{padding:21px 30px}
.small{font-size:16px;font-weight:700;margin-bottom:20px}
.tradebox{width:140px;height:94px;margin-left:43px;display:inline-block;overflow:hidden}
.tradebox:first-child{margin-left:0}
.tradebox em{width:140px;height:65px;margin:auto;display:block;overflow:hidden}
.tradebox em img{width:140px;height:65px}
.tradebox i{font-size:14px;font-weight:700;color:bold;margin-top:10px;text-align:center;display:block}
.chosen-right{position:relative;width:240px;height:602px;background:url(../images/201710191614_18.jpg) no-repeat center center}
.countdownbox{position:absolute;left:0;top:45px;width:90%;padding:0 5%}
.countdown{font-size:20px;font-weight:700;color:#f60d38}
.countdown span{font-size:18px;color:#ffd701;width:35px;height:35px;line-height:35px;background:#f60d38;display:inline-block;text-align:center;border-radius:5px}
.overtext{font-size:18px;color:#f60d38;margin-left:15px;display:inline-block;margin-top:13px}
.limitbox{position:absolute;top:130px;right:0;left:0;width:220px;height:360px;background:#fff;margin:auto;border-radius:6px}
.limitlist{position:relative;height:280px;overflow:hidden}
.limitlist ul{position:absolute;top:0;left:0;width:100%}
.limitlist ul li{font-size:20px;font-weight:700;color:#f60d38;height:56px;line-height:56px;text-align:center}
.limitlist ul li.undefine{text-decoration:line-through;color:#ccc}
.lavebox{background:#ffd701;height:70px;padding:5px 0;border-radius:0 0 6px 6px;overflow:hidden}
.lavetext{width:80%;text-align:center;margin-left:10px}
.lavetext p{font-size:18px;color:#f60d38}
.lavetext p em{font-size:16px;font-weight:700;color:#ffd701;width:30px;height:30px;line-height:30px;background:#f60d38;margin:0 5px 5px;text-align:center;display:inline-block;vertical-align:middle;border-radius:5px}
.buy{position:absolute;right:21px;bottom:34px;width:136px;height:50px;background:0 0;display:block}
.movingbox{width:100%;height:65px;background:#fff;margin-top:5px;border:1px solid #ccc}
.laba{width:70px;height:65px;background-position:-357px 10px}
.moving{position:relative;height:65px;margin-left:70px;overflow:hidden}
.moving ul{position:absolute;left:0;top:0}
.moving ul li{height:65px;overflow:hidden;line-height:65px;}
.moving ul li span{font-size:16px;color:#555;height:65px;display:inline-block;overflow:hidden;vertical-align:middle}
.moving ul li span i{color:#f60d38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.companyname{width:95px}
.corel ul{margin:-5px -7px}
.corel ul li{width:243px;height:288px;border:1px solid #ccc;border-radius:6px;overflow:hidden;padding:15px 20px;margin:5px 7px;text-align:center;display:inline-block;overflow:hidden}
.corelicon{width:120px;height:83px;background:url(../images/corel_icon.png) no-repeat;margin:20px auto 30px}
.subtit{font-size:18px;font-weight:700;color:#f05118}
.maintxt{font-size:16px;color:#555;line-height:27px;margin-top:15px}
.corel ul li.across{width:546px;height:140px;text-align:left}
.across .corelicon{margin-top:27px;float:left}
.across h4,.across p{margin-left:150px}
.across h4{margin-top:20px}
.corel-1{background-position:1px 10px}
.corel-2{background-position:-137px 8px}
.corel-3{background-position:-265px 3px}
.corel-4{background-position:-364px 3px}
.corel-5{background-position:-468px 8px}
.corel-6{background-position:-585px 0}
.process ul li{width:225px;height:320px;padding:20px;margin-left:39px;border:1px solid #ccc;border-radius:5px;text-align:center;display:inline-block}
.process ul li:first-child{margin-left:0}
.process ul li:hover{border-color:#f05118}
.process ul li span{width:120px;height:120px;margin:5px auto 20px;overflow:hidden;display:block}
.process ul li .maintxt{height:81px;overflow:hidden}
.tosubmit{font-size:16px;color:#f05118;width:135px;height:40px;line-height:40px;border:1px solid #f05118;border-radius:3px;display:block;margin:15px auto}
.tosubmit:hover{background:#f05118;color:#fff}
.exbox{width:380px;height:165px;border:1px solid #f05118;margin-left:22px;display:inline-block}
.exbox:first-child{margin-left:0}
.exbox span{margin:25px 0;display:inline-block;vertical-align:middle}
.eximg{width:170px;height:115px;text-align:center}
.extext{width:200px}
.extext em,.extext i{display:block}
.extext i{font-size:15px;color:#555;margin-top:15px}
.bigcurstomer ul li{width:231px;height:auto;margin-left:7px;text-align:center;display:inline-block}
.bigcurstomer ul li:first-child{margin-left:0}
.bigcurstomer ul li span{width:229px;height:94px;border:1px solid #ccc;display:block;overflow:hidden}

.banner .swiper-slide .w1200 .banner-c2 img{display:block;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;animation:18s linear infinite myrotate;-webkit-animation:18s linear infinite myrotate}
@keyframes myrotate{form{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@-webkit-keyframes myrotate{form{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}


/*======== 400 end ========*/



/*======== duanxin ========*/

.wrapper{padding:40px 0}
.p-verify-code{position:relative;padding-bottom:0}
.p-verify-code .svg{width:1200px;height:100%;position:absolute;top:0;left:50%;margin-left:-600px}
.p-verify-code .svg i{display:block;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.p-verify-code .svg i:nth-child(1){width:11px;height:11px;background:#053aaf;top:134px;left:647px}
.p-verify-code .svg i:nth-child(2){width:19px;height:19px;background:#3c7bff;opacity:.192;top:139px;left:225px}
.p-verify-code .svg i:nth-child(3){width:19px;height:19px;background:#3c7bff;opacity:.67;top:181px;right:256px}
.p-verify-code .svg i:nth-child(4){width:19px;height:19px;background:#3c7bff;opacity:.3014;top:208px;left:70px}
.p-verify-code .svg i:nth-child(5){width:11px;height:11px;background:#053aaf;opacity:.17;top:255px;left:472px}
.p-verify-code .svg i:nth-child(6){width:19px;height:19px;background:#3c7bff;opacity:.56;top:261px;right:121px}
.p-verify-code .svg i:nth-child(7){width:11px;height:11px;background:#ffe37f;top:286px;left:119px}
.p-verify-code .svg i:nth-child(8){width:11px;height:11px;background:#053aaf;opacity:.3348;top:288px;right:390px}
.p-verify-code .svg i:nth-child(9){width:11px;height:11px;background:#053aaf;opacity:.17;top:487px;left:79px}
.p-verify-code .svg i:nth-child(10){width:11px;height:11px;background:#053aaf;opacity:.17;top:469px;right:233px}
.p-verify-code .svg i:nth-child(11){width:19px;height:19px;background:#ffe37f;opacity:.3014;top:568px;right:77px}
.p-verify-code .switch��content{width:345px;margin:0 auto;height:305px;margin-top:260px;background:url(../img/dxyz/Group11@2x.png);position:relative;z-index:2}
.p-verify-code .switch��content .vcode-btn div{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;text-align:center;position:absolute;cursor:pointer}
.p-verify-code .switch��content .vcode-btn svg{position:absolute;overflow:auto}
.p-verify-code .switch��content .vcode-btn polyline{fill:#fff;stroke:#EFEFEF;stroke-width:2px}
.p-verify-code .switch��content .vcode-btn div:nth-child(1){width:88px;height:88px;line-height:88px;background:#5185ea;top:-195px;left:72px}
.p-verify-code .switch��content .vcode-btn div:nth-child(1) svg{width:65px;height:106px;top:100%;left:44px}
.p-verify-code .switch��content .vcode-btn div:nth-child(2){width:110px;height:110px;line-height:110px;background:#3c7bff;right:-200px;top:-36px}
.p-verify-code .switch��content .vcode-btn div:nth-child(2) svg{width:91px;height:80px;left:-91px;top:55px}
.p-verify-code .switch��content .vcode-btn div:nth-child(3){width:106px;height:106px;line-height:106px;background:#3c7bff;right:-235px;top:165px}
.p-verify-code .switch��content .vcode-btn div:nth-child(3) svg{width:129px;height:42px;left:-129px;top:55px}
.p-verify-code .switch��content .vcode-btn div:nth-child(4){width:88px;height:88px;line-height:88px;background:#5185ea;top:-101px;left:-134px}
.p-verify-code .switch��content .vcode-btn div:nth-child(4) svg{width:125px;height:62px;left:100%;top:44px}
.p-verify-code .switch��content .vcode-btn div:nth-child(5){color:#fff;width:97px;height:97px;line-height:97px;background:#ffac5c;left:-177px;top:100px}
.p-verify-code .switch��content .vcode-btn div:nth-child(5) svg{width:80px;height:30px;left:100%;top:20px}
.p-verify-code .switch��content .vcode-btn div:nth-child(6){color:#fff;width:104px;height:104px;line-height:104px;background:#ffac5c;left:290px;top:-190px}
.p-verify-code .switch��content .vcode-btn div:nth-child(6) svg{width:95px;height:86px;left:-40px;top:100%}
.p-verify-code .switch��content .vcode-btn .active polyline{stroke:#3C7BFF;stroke-width:3px}
.p-verify-code .switch��content h6{display:block;text-align:center;padding-top:120px}
.p-verify-code .switch��content p{width:266px;margin:0 auto;background:#3C7BFF;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-top:10px}
.article-title{text-align:center;font-size:20px;color:#000}
h3,h4{font-weight: normal;}
.yxdx-sms .yxdx-sms-content{position:relative}
.yxdx-sms .yxdx-sms-content svg{position:absolute;left:0;right:0;width:100%;height:100%}
.yxdx-sms .yxdx-sms-content .vcode-content{padding-top:78px;position:relative}
.yxdx-sms .yxdx-sms-content .vcode-content .yxdx-btn{position:absolute;top:135px;left:245px}
.yxdx-sms .yxdx-sms-content .vcode-content .yxdx-btn li{margin-bottom:38px;font-size:16px;position:relative;cursor:pointer}
.yxdx-sms .yxdx-sms-content .vcode-content .yxdx-btn .active{color:#3C7BFF}
.yxdx-sms .yxdx-sms-content .vcode-content .yxdx-btn .active:before{content:'';display:block;width:120px;border-bottom:2px dashed #4F82E7;position:absolute;left:108%;top:10px}
.yxdx-sms .yxdx-sms-content .vcode-content .p-slide{position:absolute;right:10px;top:250px;width:310px}
.yxdx-sms .yxdx-sms-content .vcode-content .p-slide:before{content:'';display:block;width:90px;border-bottom:2px dashed #4F82E7;position:absolute;right:105%;top:10px}
.yxdx-sms .yxdx-sms-content .switch��content{height:344px;margin-top:0;background:url(Group3.png)}
.hide{display:none}
.bg-color{background:#F5F6F7}
.yxdx-hot .hot-bg{height:456px;background:url(Group4.png) no-repeat center center;position:relative}
.yxdx-hot .hot-bg span{display:block;width:96px;height:96px;line-height:96px;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;color:#fff;font-size:16px}
.yxdx-hot .hot-bg span:nth-child(1){background:#FFAC5C;top:60px;left:318px}
.yxdx-hot .hot-bg span:nth-child(2){background:#3C7BFF;top:74px;left:544px}
.yxdx-hot .hot-bg span:nth-child(3){background:#FFAC5C;top:60px;left:776px}
.yxdx-hot .hot-bg span:nth-child(4){background:#3C7BFF;top:204px;left:454px}
.yxdx-hot .hot-bg span:nth-child(5){background:#3C7BFF;top:184px;left:700px}
.yxdx-advantage h4{line-height:22px;text-align:center}
.yxdx-advantage dl{text-align:center;margin-top:40px}
.yxdx-advantage dd{display:inline-block;width:184px;height:340px;vertical-align:top;margin:0 18px;color:#fff}
.yxdx-advantage dd h1{font-size:44px}
.yxdx-advantage dd h3{font-size:16px;margin-top:15px}
.yxdx-advantage dd p{margin-top:50px;line-height:22px;text-align:left;margin-left:33px}
.yxdx-advantage dd:nth-child(1),.yxdx-advantage dd:nth-child(3){background:#3C7BFF}
.yxdx-advantage dd:nth-child(2),.yxdx-advantage dd:nth-child(4){background:#FFAC5C;margin-top:70px}
.understand-us dl{margin-top:20px}
.understand-us dd{float:left;width:380px;background:#fff;padding-bottom:20px}
.understand-us dd>a{display:block}
.understand-us dd>a img{display:block;width:100%}
.understand-us dd>a h3{text-align:center;font-size:18px;color:#000;margin-top:20px;margin-bottom:30px}
.understand-us dd ul{min-height:90px;margin:0 15px}
.understand-us dd ul li{line-height:30px}
.understand-us dd ul li a{display:block;width:100%;height:30px;position:relative;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.understand-us dd ul li a:hover{color:#3C7BFF}
.understand-us dd ul li a::before{content:'';display:block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#3C7BFF;position:absolute;left:0;top:10px}
.understand-us dd ul li a span:first-child{display:inline-block;margin-left:30px;width:226px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.understand-us dd ul li a span:last-child{float:right}
.understand-us dd .more{margin:0 15px;margin-top:20px}
.understand-us dd .more a{color:#3C7BFF}
.understand-us dd:nth-child(2){margin:0 30px}
.c:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.banner{position:relative}
.banner .sw-1 .sbp-1{left:20px}
.banner .sw-1 .sbn-1{right:20px}
.banner .swiper-slide{height:657px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.banner .swiper-slide .w1200{position:relative;height:515px}
.banner .swiper-slide .w1200 .product-quotation{width:900px;height:100%;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:100px}
.banner .swiper-slide .w1200 .product-quotation>p{line-height:24px;margin-bottom:10px;padding-left:336px}
.banner .swiper-slide .w1200 .product-quotation>p img{vertical-align:middle;margin-right:15px}
.banner .swiper-slide .w1200 .product-quotation button{font-size:20px;border:none;display:inline-block;cursor:pointer}
.banner .swiper-slide .w1200 .product-quotation .try-out{width:132px;color:#3C7BFF;line-height:36px;background:#fff;-webkit-box-shadow:0 3px 2px 0 rgba(255,255,255,.5);-moz-box-shadow:0 3px 2px 0 rgba(255,255,255,.5);box-shadow:0 3px 2px 0 rgba(255,255,255,.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:30px}
.banner .swiper-slide .w1200 .product-quotation .application{color:#fff;background:0 0;line-height:30px;-webkit-box-shadow:none;box-shadow:none;margin:10px 0}
.banner .swiper-slide .w1200 .product-quotation h1{font-size:27px;text-align:center;margin-bottom:15px}
.banner .swiper-slide .w1200 .product-quotation h4{text-align:center;margin-top:10px}
.banner .swiper-slide .w1200 .product-quotation h4 a{display:inline-block;color:#fff;margin-right:32px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.banner .swiper-slide .w1200 .product-quotation h4 a:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider{width:615px;height:80px;margin:0 auto;position:relative;padding-top:65px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale{width:100%;height:20px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span{width:12.5%;height:20px;float:left;position:relative;cursor:pointer}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span i{font-style:normal;position:absolute}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span .slider-bar,.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span .slider-price{top:-10px;right:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span .slider-price{top:55px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span::before{display:block;content:'';width:1px;height:9px;background-color:#fff;position:absolute;right:0;top:40px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:first-child{width:6.5%}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:last-child{width:18.5%}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:last-child .slider-bar,.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:last-child .slider-price{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:last-child .slider-bar{right:12px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-scale span:last-child::before{display:none}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-100{width:100%;height:13px;background:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-progress{width:6.5%;height:13px;background-color:#3C7BFF;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #fff;position:absolute;left:0;top:83px;overflow:visible!important}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-progress .small{display:block;width:18px;height:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;border:1px solid #3C7BFF;position:absolute;top:-4px;right:-8px;cursor:pointer}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-progress .small span{display:inline-block;width:70px;height:30px;line-height:30px;background:#fff;border-radius:5px;color:#3C7BFF;text-align:center;position:absolute;top:-70px;left:-24px}
.banner .swiper-slide .w1200 .product-quotation .recharge-slider .slider-progress .small span::before{content:'';display:inline-block;width:10px;height:10px;background-color:#fff;position:absolute;bottom:-5px;left:30px;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.banner .swiper-slide .w1200 .pq-1{padding-top:150px;padding-right:70px}
.banner .swiper-slide .w1200 .pq-3{padding-top:150px;padding-right:70px}
.banner .swiper-slide .w1200 .pq-3 h1{font-size:40px}
.banner .swiper-slide .w1200 .pq-4{padding-top:160px;padding-right:70px}
.banner .swiper-slide .w1200 .pq-4 h1{font-size:40px}
.banner .swiper-slide .w1200 .banner-c{position:absolute;right:90px;top:90px;text-align:center}
.banner .swiper-slide .w1200 .banner-c1{width:361px;height:384px;line-height:384px;background:url(../img/banner/banner1-c.png) no-repeat}
.banner .swiper-slide .w1200 .banner-c1 img{vertical-align:middle}
.banner .swiper-slide .w1200 .banner-c2{right:56px;top:104px}
.banner .swiper-slide .w1200 .banner-c2 span{position:absolute;color:#fff}
.banner .swiper-slide .w1200 .banner-c2 span:nth-child(2),.banner .swiper-slide .w1200 .banner-c4 span:nth-child(2){top:30px;right:-24px}
.banner .swiper-slide .w1200 .banner-c2 span:nth-child(3),.banner .swiper-slide .w1200 .banner-c4 span:nth-child(3){left:0;bottom:40px}
.banner .swiper-slide .w1200 .banner-c3{width:353px;height:363px;line-height:363px;background:url(../img/banner/banner3-c.png) no-repeat;right:50px;top:90px}
.banner .swiper-slide .w1200 .banner-c3 img{vertical-align:middle}
.banner .swiper-slide .w1200 .banner-c4{width:310px;height:310px;line-height:310px;background:url(../img/banner/banner4-c.png) no-repeat;right:60px;top:110px}
.banner .swiper-slide .w1200 .banner-c4 img{vertical-align:middle}
.banner .sp-1{bottom:170px}
.banner .sp-1 .swiper-pagination-bullet{width:9px;height:9px;background-color:#3C7BFF;border:1px solid #fff;opacity:1}
.banner .sp-1 .swiper-pagination-bullet-active{width:26px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.banner .introduction{width:100%;height:160px;line-height:160px;z-index:9;position:absolute;bottom:0;background-color:rgba(255,255,255,.16)}
.banner .introduction p{text-align:center;width:33.333%;float:left;color:#fff;font-size:18px;position:relative}
.banner .introduction p img{vertical-align:middle;margin-top:-8px}
.banner .introduction p span{margin-left:20px}
.banner .introduction p:nth-child(2)::before{display:block;content:'';width:3px;height:50px;background-color:#fff;position:absolute;left:0;top:55px}
.banner .introduction p:nth-child(2)::after{display:block;content:'';width:3px;height:50px;background-color:#fff;position:absolute;right:0;top:55px}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}


/*======== duanxin end ========*/


/*======== ��ҵ�ʾ� start ========*/ 
.mail-state{padding-top:80px;padding-bottom:30px;background:#fff}
.mail-state .state-column{padding-top:20px}
.mail-state .state-column .column-title{font-size:28px;color:#000;text-align:center}
.mail-state .state-column .column-title strong{font-weight:400}
.mail-state .state-column .column-title p{padding-top:10px;font-size:16px;color:#797979}
.mail-state .state-column .column-list{padding-top:60px}
.mail-state .state-column .column-list li{float:left;width:33.333333%;border-right:1px solid #e0e0e0;margin-right:-1px;text-align:center}
.mail-state .state-column .column-list li .cl-img{margin:-20px auto 0;width:214px;height:214px;background:url(../images/newmail-icon.png) no-repeat}
.mail-state .state-column .column-list li .cl-img.cl-img1{background-position:0 -200px}
.mail-state .state-column .column-list li .cl-img.cl-img2{background-position:-224px -200px}
.mail-state .state-column .column-list li .cl-img.cl-img3{background-position:-448px -200px}
.mail-state .state-column .column-list li .cl-img.cl-img4{background-position:0 -424px}
.mail-state .state-column .column-list li .cl-img.cl-img5{background-position:-224px -424px}
.mail-state .state-column .column-list li .cl-img.cl-img6{background-position:-448px -424px}
.mail-state .state-column .column-list li .cl-title{padding-top:4px;font-size:20px;color:#000}
.mail-state .state-column .column-list li .cl-txt{line-height:20px;font-size:14px;color:#797979}
.mail-state .state-column .column-list li dl{margin-top:20px;padding:10px 20px 30px;border-top:1px solid #e0e0e0;text-align:left}
.mail-state .state-column .column-list li dl dt{padding-top:10px;font-size:16px;color:#323232;position:relative;padding-left:14px}
.mail-state .state-column .column-list li dl dt::before{content:"";width:8px;height:8px;background:url(../images/newmail-icon.png) no-repeat -50px -108px;position:absolute;top:15px;left:0}
.mail-state .state-column .column-list li dl dd{padding-top:4px;padding-left:14px;line-height:18px;font-size:14px;color:#828282}
.mail-state .state-column .column-list li:first-child dl{padding:10px 20px 30px 0}
.mail-state .state-column .column-list li:last-child{border-right:0}
.mail-state .state-column .column-list li:last-child dl{padding:10px 0 30px 20px}
.mail-state .state-line{margin:50px 0 10px;width:100%;height:3px;/* background:url(../images/newmail-line-bg.jpg) repeat-x */}
.mail-advantage{margin-top:0px;padding:100px 0 160px;position:relative;background:#fff}
.mail-advantage::before{content:"";width:100%;height:250px;background:url(../images/newmail-advantage-bg1.jpg) no-repeat top center;position:absolute;top:0;left:50%;margin-left:-50%;z-index:1}
.mail-advantage::after{content:"";width:100%;height:510px;background:url(../images/newmail-advantage-bg2.jpg) no-repeat bottom center;position:absolute;bottom:0;left:50%;margin-left:-50%;z-index:1}
.mail-advantage .advantage-title{padding-top:10px;font-size:28px;color:#000;text-align:center;z-index:22;position:relative}
.mail-advantage .advantage-title strong{font-weight:400}
.mail-advantage .advantage-title p{padding-top:10px;font-size:16px;color:#797979}
.mail-advantage .advantage-list{z-index:22;position:relative}
.mail-advantage .advantage-list li{float:left;margin-top:24px;margin-right:40px;width:370px;border-radius:6px;text-align:center;box-sizing:border-box}
.mail-advantage .advantage-list li .al-img{margin:15px auto 0;width:90px;height:90px;border-radius:46px;background:url(../images/newmail-icon.png) no-repeat;box-shadow:0 3px 5px 0 rgba(100,100,100,.11)}
.mail-advantage .advantage-list li .al-title{padding-top:14px;font-size:20px;color:#2c2c2c}
.mail-advantage .advantage-list li .al-txt{padding-top:4px;line-height:22px;font-size:14px;color:#848687}
.mail-advantage .advantage-list li:nth-child(3n){margin-right:0}
.mail-advantage .advantage-list li.item-one .al-img{background-position:-72px 0}
.mail-advantage .advantage-list li.item-two .al-img{background-position:-172px 0}
.mail-advantage .advantage-list li.item-three .al-img{background-position:-272px 0}
.mail-advantage .advantage-list li.item-four .al-img{background-position:-372px 0}
.mail-advantage .advantage-list li.item-five .al-img{background-position:-472px 0}
.mail-advantage .advantage-list li.item-six .al-img{background-position:-572px 0}
.mail-advantage .advantage-list li.item-seven .al-img{background-position:-672px 0}
.mail-advantage .advantage-list li.item-eight .al-img{background-position:-672px -200px}
.mail-advantage .advantage-list li.item-nine .al-img{background-position:-672px -400px}
.mail-advantage .advantage-list li:hover{transition:all .3s cubic-bezier(.4,0,.2,1) 0s}
.mail-advantage .advantage-list li:hover .al-img{transition:all .3s cubic-bezier(.4,0,.2,1) 0s}
.mail-advantage .advantage-list li:hover.item-one .al-img{background-position:-72px -100px}
.mail-advantage .advantage-list li:hover.item-two .al-img{background-position:-172px -100px}
.mail-advantage .advantage-list li:hover.item-three .al-img{background-position:-272px -100px}
.mail-advantage .advantage-list li:hover.item-four .al-img{background-position:-372px -100px}
.mail-advantage .advantage-list li:hover.item-five .al-img{background-position:-472px -100px}
.mail-advantage .advantage-list li:hover.item-six .al-img{background-position:-572px -100px}
.mail-advantage .advantage-list li:hover.item-seven .al-img{background-position:-672px -100px}
.mail-advantage .advantage-list li:hover.item-eight .al-img{background-position:-672px -300px}
.mail-advantage .advantage-list li:hover.item-nine .al-img{background-position:-672px -500px}


/*======== ��ҵ�ʾ� end ========*/ 


/*======== �������� ========*/ 

.wide1190{margin:0 auto;min-width:990px;max-width:1190px;zoom:1;padding-bottom:30px}
.domain-top{padding:50px 10px 6px 10px}
.font18{font-size:18px}
.f-l{float:left}
.redColor{color:#ff6b26}
.f-r{float:right}
.mt-10{margin-top:10px}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.domain-query-container{position:relative;z-index:90}
.domain-query-container .domain-count{position:absolute;top:32px;left:18px;color:#fff;font-size:14px}
.domain-query-container .domain-count .count{font-size:21px;color:#ff7200;font-weight:700;font-style:italic}
.domain-query-container .domain-count p{font-size:18px}
.query-container{padding:10px 10px 20px;margin-top:0;border-radius:4px 4px 0 0}
.adver-ext-container li{float:left}
.adver-ext-container li.right{float:right}
.adver-ext-container .adver-ext{height:32px;line-height:32px;padding-right:14px;color:#fff;font-size:14px}
.adver-ext-container .adver-ext:hover{text-decoration:underline}
.adver-ext-container .adver-ext span{font-size:12px}
.adver-ext-container .adver-link{height:32px;line-height:32px;padding-left:14px;color:#fff;font-size:14px}
.adver-ext-container .adver-link:hover{text-decoration:underline}
.query-container .query-input-container{display:block;margin-right:260px;position:relative}
.query-container .query-input-container .common-input{width:100%;display:block;height:42px;line-height:42px;padding:5px 0;border-radius:4px 0 0 4px;border:0;font-size:14px;text-indent:15px;position:relative}
.common-input{color:#000}
.query-input-container .input-wrapper .close{width:30px;height:42px;background:url(../images/ie6-icon.jpg) no-repeat center right #fff;background-position:8px -330px;position:absolute;top:2px;right:0;cursor:pointer;display:none}
.placeholder{color:#c9c9c9}
.query-container .domain-query-btn{position:absolute;right:-160px;top:0;width:160px;background:url(icon_ym.png) no-repeat 22px -76px #ff7200;border-radius:0 4px 4px 0;height:52px;text-align:center;line-height:52px;font-size:20px;color:#fff;font-weight:700;font-style:italic;border:0;cursor:pointer}
.query-container .pre-links{position:absolute;right:-250px;top:7px}
.query-container .pre-links a{display:block;line-height:20px;color:#fff;font-size:16px}
.query-container .pre-links a:hover{text-decoration:underline}
.query-container .pre-links a.small{font-size:14px}
.query-container .query-input-container{margin-right:160px}
.query-container .query-input-container .common-input{border:1px solid #ddd;height:40px;line-height:40px;font-family: "Microsoft YaHei","SimSun","SimHei";}
.domext-container{border-width:0;box-shadow:none}
.domext-container{padding:6px;border-top:0;background-color:#fff}
.domext-wrapper{overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.domext-wrapper.collapse{height:80px}
.domext-wrapper label{padding:10px 0 10px 23px;line-height:20px;height:20px;font-size:14px;background:url(icon_ym.png) no-repeat 0 -325px;width:75px;display:inline-block;float:left}
.domext-wrapper label.checked{background:url(icon_ym.png) no-repeat 0 -288px}
.domext-wrapper label input{display:none}
.domext-wrapper .icon{width:17px;height:17px;display:inline-block;vertical-align:top;background-image:url(icon_ym.png);background-repeat:no-repeat;margin-left:3px;margin-top:1px}
.domext-wrapper .new{background-position:0 -498px}
.domext-wrapper .hot{background-position:-36px -498px}
.domext-wrapper .promotion{background-position:-74px -498px}
.domext-container .expand-container{text-align:center;position:relative}
.domext-container .expand-icon{line-height:25px;height:25px;display:inline-block;border:1px solid #eee;border-top:0;background:url(icon_ym.png) no-repeat 92px -174px #fff;padding:0 41px 0 34px;cursor:pointer;position:absolute;left:50%;margin-left:-55px;top:6px;border-radius:0 0 6px 6px;box-shadow:0 2px 3px 0 rgba(0,0,0,.035)}
.domext-container .collapse-icon{background:url(icon_ym.png) no-repeat 92px -145px #fff}
.domext-select-container .more-domains{border:1px solid #c2edfb;color:#67b9ec;padding:0 7px;vertical-align:middle;margin-left:24px}
.domext-select-container .more-domains{border:1px solid #ff6c3a;color:#ff6c3a}
.ymcx-main-s{background:#f2f2f2;padding:35px 0 45px}
.ymcx-main-s .s-t{background:#fff}
.ymcx-main-s .s-t li{width:299px;height:68px;line-height:68px;text-align:center;color:#666;font-size:18px;border-top:2px solid #fff;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;float:left;cursor:pointer}
.ymcx-main-s .s-t li.last{border-right:0}
.ymcx-main-s .s-t li.on{border-top-color:#ff6800;border-bottom-color:#fff;color:#333}
.ymcx-main-s .s-m{width:100%;height:568px;background:#fff}
.ymcx-main-s .s-m li{display:none}
.ymcx-main-s .s-m .li-o{width:1140px;margin:0 auto}
.ymcx-main-s .s-m .li-o-nav{padding:25px 0 15px 0}
.ymcx-main-s .s-m .li-o-nav .nav-m{float:left;margin-right:34px;color:#6a6a6a;line-height:20px;font-size:12px}
.ymcx-main-s .s-m .li-o-nav .nav-m input{vertical-align:-2px;margin-right:3px;cursor:pointer}
.ymcx-main-s .s-m .li-o-nav .nav-m label{cursor:pointer}
.ymcx-main-s .s-m .li-o-nav .nav-m.on,.ymcx-main-s .s-m .li-o-nav .nav-m:hover{color:#ff6800}
.ymcx-main-s .s-m .li-o-m-tr{background:#f5f3f3;margin-left:1px}
.ymcx-main-s .s-m .li-o-m-tr p{border:1px solid #e6e6e6;position:relative;z-index:1;margin-left:-1px;text-align:center;color:#333;font-size:14px;font-weight:700;float:left;height:54px}
.ymcx-main-s .s-m .li-o-m-tr p span{display:block;font-weight:400;font-size:12px}
.ymcx-main-s .s-m .li-o-m-tr p.p-o{width:445px;line-height:54px;text-align:left;text-indent:45px}
.ymcx-main-s .s-m .li-o-m-tr p.p-t{width:230px;line-height:18px}
.ymcx-main-s .s-m .li-o-m-tr p i{display:block;width:100%;height:11px}
.ymcx-main-s .s-m .li-o-m-tab{height:420px;overflow-y:scroll;border:1px solid #e9e9e9}
.ymcx-main-s .s-m .li-o-m table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff;color:#333;font-size:12px;position:relative;display:none}
.ymcx-main-s .s-m .li-o-m table td{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;padding:11px 0}
.ymcx-main-s .s-m .li-o-m table tr .td-o{width:445px}
.ymcx-main-s .s-m .li-o-m table tr .td-o p{padding-left:45px;line-height:16px}
.ymcx-main-s .s-m .li-o-m table tr .td-o i{display:inline-block;height:16px;line-height:16px;width:32px;text-align:center;color:#fff;font-size:12px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.ymcx-main-s .s-m .li-o-m table tr .td-o i.hot{background:#4bbc25}
.ymcx-main-s .s-m .li-o-m table tr .td-o i.new{background:#00a1cc}
.ymcx-main-s .s-m .li-o-m table tr .td-o i.poo{background:#fc4f62}
.ymcx-main-s .s-m .li-o-m table tr .td-o a{display:inline-block;color:#333;font-size:14px;font-weight:700;width:75px;margin:0 5px 0 10px;text-decoration:underline}
.ymcx-main-s .s-m .li-o-m table tr .td-o span{display:inline-block;color:#999}
.ymcx-main-s .s-m .li-o-m table tr .td-t{width:230px;text-align:center}
.ymcx-main-s .s-m .li-o-m table tr .td-t span{display:inline-block;line-height:16px;width:46px;text-align:center}
.ymcx-main-s .s-m .li-o-m table tr .td-t .span-o{color:#aaa;text-decoration:line-through}
.ymcx-main-s .s-m .li-o-m table tr .td-t.wid{width:212px}
.ymcx-main-s .s-m .li-t{width:1060px;margin:0 auto;background:url(../images/domain-5.jpg) no-repeat center}
.ymcx-main-s .s-m .li-t-m{float:left;width:50%;margin:50px 0 50px 0}
.ymcx-main-s .s-m .li-t-m .m-img{width:66px;height:66px;background:url(../images/domain-4.png) no-repeat;background-position:0 -589px}
.ymcx-main-s .s-m .li-t-m.m-t .m-img{background-position:0 -523px}
.ymcx-main-s .s-m .li-t-m.m-s .m-img{background-position:0 -457px}
.ymcx-main-s .s-m .li-t-m.m-f .m-img{background-position:0 -655px}
.ymcx-main-s .s-m .li-t-m h4{color:#333;font-size:18px;line-height:18px;font-weight:400;padding:15px 0 10px 0}
.ymcx-main-s .s-m .li-t-m p{color:#666;font-size:14px;line-height:24px}
.ymcx-main-s .s-m .li-t-m.m-f .m-img,.ymcx-main-s .s-m .li-t-m.m-f h4,.ymcx-main-s .s-m .li-t-m.m-f p,.ymcx-main-s .s-m .li-t-m.m-t .m-img,.ymcx-main-s .s-m .li-t-m.m-t h4,.ymcx-main-s .s-m .li-t-m.m-t p{margin-left:90px}
.ymcx-main-s .s-m .li-s{margin-left:9px}
.ymcx-main-s .s-m .li-s-m{float:left;width:320px;height:400px;background:#f5f5f5;text-align:center;margin:65px 0 0 55px}
.ymcx-main-s .s-m .li-s-m h4{color:#333;font-size:18px;font-weight:400;line-height:18px;padding:53px 0 15px 0}
.ymcx-main-s .s-m .li-s-m span{display:block;color:#666;font-size:12px}
.ymcx-main-s .s-m .li-s-m p{width:256px;margin:0 auto;text-align:left;color:#666;font-size:12px;line-height:24px;padding:22px 0 0 0;height:160px}
.ymcx-main-s .s-m .li-s-m a.a-o{width:150px;height:36px;text-align:center;line-height:36px;color:#fff;font-size:18px;display:block;margin:0 auto;background:#ff6800}
.ymcx-main-s .s-m .li-s-m a.a-o:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}
.ymcx-main-s .s-m .li-s-m a.a-t{color:#ff6800;font-size:12px;padding-top:5px;display:block}
.ymcx-main-s .s-m .li-s-m a.a-t:hover{text-decoration:underline}
.ymcx-main-s .s-m .li-f{margin-left:9px}
.ymcx-main-s .s-m .li-f-m{float:left;width:320px;height:400px;background:#f5f5f5;text-align:center;margin:65px 0 0 55px}
.ymcx-main-s .s-m .li-f-m h4{color:#333;font-size:18px;font-weight:400;line-height:18px;padding:22px 0 20px 0}
.ymcx-main-s .s-m .li-f-m span{display:block;width:66px;height:66px;margin:0 auto;margin-top:60px;background:url(../images/domain-4.png) no-repeat;background-position:0 -259px}
.ymcx-main-s .s-m .li-f-m span.span-t{background-position:0 -391px}
.ymcx-main-s .s-m .li-f-m span.span-s{background-position:0 -325px}
.ymcx-main-s .s-m .li-f-m p{color:#666;font-size:12px;line-height:24px;padding-bottom:68px;text-align:center}
.ymcx-main-s .s-m .li-f-m a.a-o{width:150px;height:36px;text-align:center;line-height:36px;color:#fff;font-size:18px;display:block;margin:0 auto;background:#ff6800}
.ymcx-main-s .s-m .li-f-m a.a-o:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}
.ymcx-main-s .s-adv{margin-bottom:30px;width:1200px;overflow:hidden}
.ymcx-main-s .s-adv .bd li{float:left;width:290px;margin-right:13px}
.ymcx-main-s .s-adv .bd li a{display:block}
.ymcx-main-s .s-adv .bd li img{width:290px;height:180px}
.ymcx-main-s .s-adv .bd li p{text-align:center;height:60px;line-height:60px;color:#666;font-size:14px;background-color:#fff;width:100%}
.ymcx-main-s .s-adv .bd li a:hover p{color:#ff6800}
.ymcx-main-s .s-adv .hd{width:100%;text-align:center;margin-top:15px}
.ymcx-main-s .s-adv .hd li{display:inline-block;cursor:pointer;width:8px;height:8px;background-color:#fff;border:1px solid #e7e7e7;margin:0 2px;text-indent:-50px;overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.ymcx-main-s .s-adv .hd li.on{background-color:#ff6800;border-color:#ff6800}
.ymcx-main-f{padding:50px 0;background:#fff}
.ymcx-main-f h4{color:#333;font-size:18px;line-height:18px;text-align:center;font-weight:400;padding-bottom:50px}
.ymcx-main-f li{float:left;width:33.2%;border-left:1px dashed #bdbdbd;border-bottom:1px dashed #bdbdbd;padding:12px 0 30px 0}
.ymcx-main-f li.li-f,.ymcx-main-f li.li-l,.ymcx-main-f li.li-w{border-bottom:0;padding:30px 0 12px 0}
.ymcx-main-f li.li-f,.ymcx-main-f li.li-o{border-left:0}
.ymcx-main-f li .li-img{width:53px;height:49px;float:left;margin:10px 20px 0 0}
.ymcx-main-f li .li-img span{display:block;float:left;background:url(../images/domain-4.png) no-repeat;width:46px;height:42px;margin:3.5px 0 0 3.5px;background-position:0 -182px}
.ymcx-main-f li.li-t .li-img span{width:44px;height:44px;margin:2.5px 0 0 4.5px;background-position:0 -93px}
.ymcx-main-f li.li-s .li-img span{width:34px;height:44px;margin:2.5px 0 0 9.5px;background-position:0 0}
.ymcx-main-f li.li-f .li-img span{width:53px;height:35px;margin:7px 0 0 0;background-position:0 -224px}
.ymcx-main-f li.li-w .li-img span{width:37px;height:49px;margin:0 0 0 8px;background-position:0 -44px}
.ymcx-main-f li.li-l .li-img span{width:45px;height:45px;margin:2px 0 0 4px;background-position:0 -137px}
.ymcx-main-f li.li-t .li-img,.ymcx-main-f li.li-w .li-img{margin-left:48px}
.ymcx-main-f li.li-l .li-img,.ymcx-main-f li.li-s .li-img{margin-left:72px}
.ymcx-main-f li dl{float:left}
.ymcx-main-f li dl dt{color:#333;font-size:18px;line-height:18px;padding-bottom:8px}
.ymcx-main-f li dl dd{font-size:14px;color:#6a6a6a;line-height:22px}
h1,h2{font-weight: normal;}
.gray-bg{background-color: #f3f3f3;}
.title_ym{ font-size: 26px; text-align: center; padding: 0px 0 15px 0; color: #444;font-weight: normal;}
.title_ym a{font-size: 26px;color: #444;}
.text-c{text-align:center}
.font14{font-size:14px}
.mb-30{margin-bottom:30px}
.columnList-container{position:relative;float:left;width:100%}
.columnList{text-align:center;opacity:0;-ms-filter:alpha(Opacity=0);filter:alpha(Opacity=0);position:absolute;top:0;z-index:10}
.columnList .column .column-img{max-width:100%;padding:13px 0;height:100%}
.active-columnList{opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(Opacity=100);z-index:20;position:relative;margin-bottom: 20px;}
.columnList li{display:inline-block;width:32%;float:left}
.westhostlist li{width:33.3%;}
.webhost-li{background-color: #fff;padding: 1px; border: 1px solid #e5e5e5}
.webhost-title-bg{background-color: #f7f7f7;height: 76px; line-height: 85px;position: relative}
.webhost-title-bg h1{font-size: 22px;display: inline-block;text-align: left;width: 50%;color: #444}
.webhost-title-bg h2{font-size: 18px;display: inline-block;text-align: right;width: 40%;color: #666}
.webhost-detail{padding: 0 20px;font-size: 14px;margin: 15px 0 0 0}
.webhost-detail ul li{padding: 7px 0; border-bottom: 1px solid #eee; float: left; width: 100%}
.webhost-title-bg i{background: url(index-icon-bg.png) no-repeat left -410px; width: 68px; height: 44px; display: inline-block; position: absolute;left: 0;	top:0}
.column .btnDiv{padding-top:30px;padding-bottom:29px;font-size:0}
.column .g-common-btn{height:38px;line-height:38px;width:110px}
.column .g-empty-btn{margin-right:11px}
.hover .g-default-btn,.g-default-btn:hover {	background-color:#e54d19;	color:#fff}
.g-default-btn{height:40px;line-height:40px;color:#fff;margin-right:11px;background-color:#ff6c3a}
.g-default-btn:hover,.hover .g-default-btn{background-color:#e54d19;color:#fff}
.g-common-btn{border:0;height:34px;line-height:34px;font-size:14px;margin-right:6px;width:96px;display:inline-block;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
.g-dark-btn{background-color:#efefef;color:#9e9e9e}
.g-dark-btn:hover,.hover .g-dark-btn{color:#7c7c7c;background-color:#e2e2e2}
.first-col{margin-right: 20px;}
.last-col{margin-left: 20px;}
.font36{font-size:36px}
/*======== �������� end ========*/ 



/*======== ��վ�й�ά��  ========*/ 

.mainm{background:url(../images/wzg_gwz.jpg) no-repeat center -45px;padding:80px 0 50px}
.gwzl{width:280px;margin-left:38px;margin-top:40px;line-height:26px}
.gwzl p{text-align:right;color:#44b088;margin-bottom:10px;font-size:24px}
.gwzl div{padding:20px;border-radius:10px;width:240px;background:#44b088;color:#fff;min-height:85px}
.gwzr{margin-right:38px;float:right}
.gwzr p{text-align:left}
.gwzl2{margin-top:70px}
.gwzl2 p{color:#e93257}
.gwzl2 div{background:#e93257}
.gwzr1 p{color:#f76c17}
.gwzr1 div{background:#f76c17}
.gwzr2{margin-top:70px}
.gwzr2 p{color:#9c55c7}
.gwzr2 div{background:#9c55c7}
.gwzrm{margin-top:440px;margin-right:105px}
.gwzrm p{color:#4490b0}
.gwzrm div{background:#4490b0}
.to-animate{margin:0;font-size:40px;font-weight:400;color:#333;position:relative;display:block;padding-bottom:10px;line-height:1.5;text-align:center}
.title-keyword{color:#f63859!important}
#fh5co-explores{padding: 100px 0 0 ;}
#fh5co-pricing{padding: 60px 0  ;background: #F1FAFF}
.fh5co-explore{padding: 40px 0;}
.mt {  margin-top: 80px;  margin-bottom: 80px;}
.mt h3{font-size:34px}
.mt .list-nav{margin:50px 0 0 0;padding:0}
.mt .list-nav li{list-style:none;margin:0;padding:0;font-size:15px;padding-left:26px;margin-bottom:10px;position:relative;.query-container .query-input-container .common-input{border:1px solid #ddd;height:40px;line-height:40px;font-family: "Microsoft YaHei","SimSun","SimHei";}}
.mt .list-nav li i{position:absolute;left:0;top:0;font-size:18px;color:#f5163c}
.icon-check2:before{content:"";display:block;width:18px;height:18px;background:url(../images/tuoguan_i.png) no-repeat center}
.tuoguan_1{padding:80px 0;background:url(../images/qy_tgimg.png) no-repeat 85% 20px;background-size: 600px auto;}
.section-heading h3{font-size:16px;font-weight:400;line-height:1.5;color:#5d656b;position:relative;display:block;padding-bottom:30px;width: 62%;margin: 0 auto;}
.section-heading h3:after{content:"";position:absolute;display:block;width:50px;height:2px;background:#f5163c;left:50%;margin-left:-25px;bottom:0}
.rrr{text-align:right!important;font-family:.query-container .query-input-container .common-input{border:1px solid #ddd;height:40px;line-height:40px;font-family: "Microsoft YaHei","SimSun","SimHei";}}
.col-md-push-5{float: right;}
.col-md-pull-8{float: left!important;width: 40%;}
.col-md-5{float: right;width:40%; }
.col-md-pull-1{float: left; }
.col-md-3{width: 25%;float: left;box-sizing: border-box;padding: 0 15px;}
.fh5co-pricing{padding:4em 0 0em 0;background:#f1faff}
.fh5co-pricing .pricing{display:block;float:left;width:100%;margin-bottom:30px}
.fh5co-pricing .price-box{text-align:center;padding:30px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin-bottom:40px;position:relative;-webkit-box-shadow:0 2px 10px -1px rgba(0,0,0,.19);-moz-box-shadow:0 2px 10px -1px rgba(0,0,0,.19);-ms-box-shadow:0 2px 10px -1px rgba(0,0,0,.19);-o-box-shadow:0 2px 10px -1px rgba(0,0,0,.19);box-shadow:0 2px 10px -1px rgba(0,0,0,.19)}
.fh5co-pricing .price-box.popular .btn-select-plan{background:#f63859}
.fh5co-pricing .price-box .btn-select-plan{padding:10px 20px;background:#252e3c;color:#fff;-webkit-box-shadow:0 3px 6px -1px rgba(0,0,0,.15);-moz-box-shadow:0 3px 6px -1px rgba(0,0,0,.15);-ms-box-shadow:0 3px 6px -1px rgba(0,0,0,.15);-o-box-shadow:0 3px 6px -1px rgba(0,0,0,.15);box-shadow:0 3px 6px -1px rgba(0,0,0,.15)}
.fh5co-pricing .pricing-plan{margin:0 0 35px 0;padding:0;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#888f94}
.fh5co-pricing .pricing-plan.pricing-plan-offer{margin-bottom:24px}
.fh5co-pricing .pricing-plan span{display:block;margin-top:10px;margin-bottom:0;color:#d5d8db}
.fh5co-pricing .price{font-size:72px;color:#6d6d6d;line-height:50px}
.fh5co-pricing .price .currency{font-size:30px;top:-.9em;padding-right:10px}
.fh5co-pricing .price small{font-size:13px;display:block;text-transform:uppercase;color:#888f94}
#dingzhi{font-size:40px;line-height:47px;padding:34px 0;font-family:.query-container .query-input-container .common-input{border:1px solid #ddd;height:40px;line-height:40px;font-family: "Microsoft YaHei","SimSun","SimHei";}}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:10px 20px;font-size:14px;line-height:1.42857;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn:active,.btn:focus,.btn:hover{background:#393e46!important;color:#fff;outline:0!important;}
.btn{text-transform:uppercase;letter-spacing:2px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.section-heading{float:left;width:100%;padding-bottom:50px;margin-bottom:0;clear:both}
.section-heading h2{margin:0;font-size:40px;font-weight:400;color:#333;position:relative;display:block;padding-bottom:10px;line-height:1.5}
.mt h3{margin: 0 0 30px 0}
.mt p{font-size: 16px;line-height: 1.5}
.weihu{width: 33%;float: right;}
/*======== ��վ�й�ά�� end ========*/ 

/*  ���ɹ� */
.acg_b{width:100%; background:url(../images/acg_b.jpg) no-repeat center; height:883px;}
.acg_c{width:100%; background:url(../images/acg_c.jpg) no-repeat center; height:793px; margin-bottom: 25px;}
.laifx{ width:100%; height:500px; background:url(../images/laifx.jpg) no-repeat center; height:500px; box-sizing:border-box; padding-top:90px; position:relative;}
.laifx h3{ text-align:center; font-style:italic; color:#ff0000; font-size:40px;font-weight: bold;line-height: 24px;}
.laifx ul{ width:800px; margin:115px auto 0;}
.laifx ul li{ line-height:52px; font-size:18px; color:#333;}
.laifxlianxi{ position:absolute; display:block; width:230px; height:65px; left:50%; bottom: 65px; margin-left: 70px;}
.liudaquanyi{ width:1200px; height:650px; margin:0 auto; background:url(../images/liudaquanyi.jpg) no-repeat left center; padding-left:385px; box-sizing:border-box;}
.liudaquanyititle{ padding-top:100px;}
.liudaquanyititle h3{ font-size:48px; color:#0b4699;line-height: 24px;}
.liudaquanyititle h3 b{ font-style:italic; font-size:150px; margin: 0 20px 0 5px;.query-container .query-input-container .common-input{border:1px solid #ddd;height:40px;line-height:40px;font-family: "Microsoft YaHei","SimSun","SimHei";} color:#ff0000}
.liudaquanyititle p{ font-size:30px; color:#333; line-height:80px;}
.liudaquanyi ul{}
.liudaquanyi ul li{ float: left; margin-right:20px; width:240px; height:150px; box-sizing:border-box; padding:24px; background:#f0f0f0; margin-bottom:20px; border-radius:10px;}
.liudaquanyi ul li h3{ font-size:20px; color:#0b4699; line-height:40px;}
.liudaquanyi ul li p{ font-size:14px; color:#444;}

.zhenhaobg{ background:#f8f8f8; width:100%;}
.zhenhao{ width:1200px; margin:0 auto; height:600px; padding:60px 0; box-sizing:border-box;}
.zhenhaotitle{ width:850px; float:left; background:url(../images/zhenhao.png) no-repeat right top;}
.zhenhaotitle h3{ font-size:30px; color:#0b4699; line-height:80px;}
.zhenhaotitle h4{ font-size:24px; color:#333; line-height:40px;}
.zhenhaotitle h4 span{ color:#f00; margin:0 10px; font-size:18px; font-weight:normal;}
.zhenhaotitle h4 p{ background:#f00; display:inline-block; color:#fff; height:30px; line-height:32px; padding:0 10px; border-radius:15px; font-size:16px; font-weight:normal;}

.zhenhaoimg{ width:850px; float:left;}
.mr_frbox{height:350px;position:relative;}
.mr_frBtnL{cursor:pointer;margin:0; position:absolute; top:-35px; right: 50px; float:left;width:31px;height:31px; z-index:9 }
.mr_frUl{float:left;height:350px;width:850px;position:relative; z-index:5;}

.mr_frBtnR{float:right;margin:0; position:absolute; top:-35px; right: 0;cursor:pointer;width:31px;height:31px; z-index:9}
.mr_frUl ul li{display:inline;float:left;width:240px !important; margin:0 20px; height:300px; overflow:hidden;position:relative; cursor:pointer;}
.mr_frUl ul li h3 a img{ max-width:100%; -webkit-transition-duration: 1s;
    transition-duration: 1s;}
		
.haopingshipin{ width:240px; height:480px; float:right; background:url(../images/haopingshipin.png) no-repeat right top; box-sizing:border-box; padding:60px 16px;}
.xiaoguozhanshi{ width:1200px; height:1650px; background:url(../images/xiaoguozhanshi.jpg) no-repeat center top; margin:60px auto;}
.shilipai{ width:1200px; height:1040px; margin:0 auto 60px; position:relative; background:url(../images/shilipai.jpg) no-repeat center top;}
.shilipaishipin{ width:620px; height:390px; position:absolute; left:114px; top:585px;}
.anxinshouhou{ width:1200px; height:580px; background:url(../images/anxinshouhou.jpg) no-repeat center top; margin:0 auto;}
.acgczzd{ display:block; width:100%; height:100%;}

.db_bt{ text-align:center; height:155px;}
.db_bt P{ font-size:20px; color:#333; padding-top: 40px;}
.db_bt span{font-size:33px; color:#07bbf1; font-weight:bold; line-height: 60px;}
.db_dy{width:1200px;height: 105px; margin:0 auto;margin-top: 65px;}
.db_dy p{color:#07bbf1; font-size:33px; text-align:center;line-height: 33px; font-weight:bold;}
.db_dy span{color:#333; font-size:18px;text-align: center;display: block; line-height:60px;}

.dinggou{width:300px; height:61px; margin:0 auto; background: #07BBF1; border-radius: 3px; margin-bottom: 60px;}
.dinggou p{ text-align:center; color:#fff; font-size:25px; background: url(../images/dinggou.png) 70px 14px no-repeat; line-height: 61px; padding-left: 50px;cursor: pointer;}

.qw_liu{width:100%; background:#edf1f2; height:654px;}
.qw_liu dl{width:1200px; margin:0 auto; padding-top: 70px;}
.qw_liu dl dt{width:590px; float:left;}
.qw_liu dl dt img{background: #07bbf1; float: LEFT;}
.qw_liu dl dt p{ background:#fff; height:170px; margin-bottom:5px;}
.qw_liu dl dt p:hover{background:#07BBF1; }
.qw_liu dl dt p:hover span{color:#fff;}
.qw_liu dl dt p:hover span i{color:#fff;}
.qw_liu dl dt p:hover em{color:#fff;}
.qw_liu dl dt p span{padding-left: 26px; width: 400px; float: left; font-size: 17px; color: #444; padding-top: 45px; padding-bottom: 15px;}
.qw_liu dl dt p span i{font-style: normal; color: #07BBF1;}
.qw_liu dl dt p em{padding-left: 26px; font-size: 15px; color: #444; font-style: normal;}

.qw_liu dl dd{width:590px; float:right;}
.qw_liu dl dd img{background: #07bbf1; float: LEFT;}
.qw_liu dl dd p{ background:#fff; height:170px; margin-bottom:5px;}
.qw_liu dl dd p:hover{background:#07BBF1; }
.qw_liu dl dd p:hover span{color:#fff;}
.qw_liu dl dd p:hover span i{color:#fff;}
.qw_liu dl dd p:hover em{color:#fff;}
.qw_liu dl dd p span{padding-left: 26px; width: 400px; float: left; font-size: 17px; color: #444; padding-top: 45px; padding-bottom: 15px;}
.qw_liu dl dd p span i{font-style: normal; color: #07BBF1;}
.qw_liu dl dd p em{padding-left: 26px; font-size: 15px; color: #444; font-style: normal;}

.sy_shipin{width:100%; height:auto;}
.sy_shipin .sy_sp1{ float:left; padding-right:0.2%; width:33.2%;}
.sy_shipin .sy_sp1 img{width:100%; height: auto;cursor: pointer;}
.sy_shipin .sy_spr{ float:left; width:66.6%}
.sy_shipin .sy_spr dd{float:left; padding-right:0.2%;width: 33.1%;padding-bottom: 0.2%;  }
.sy_shipin .sy_spr dd:nth-child(4){ clear:left;}
.sy_shipin .sy_spr img{width:100%; height: auto; z-index:9999;cursor: pointer;}
.shipin{ display:none;}
.dhua1{display:none;}
.dhua2{display:none;}
.dhua3{display:none;}
.dhua4{display:none;}

.zc_anli{width:1200px; margin: 0 auto; padding-top: 30px; margin-bottom: 50px;}
.zc_anli ul li{width:290px; height:160px; overflow: hidden; float: left; margin: 10px 5px; border: 1px solid #f0f0f0; box-sizing: border-box;}

/* 抖音拍摄 */
.dyps-one{margin-top:80px}
.dyps-one .container01 {
    width: 1200px;
    margin: 0 auto;
    grid-gap: 15px;
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.dyps-oneitem {
    padding-bottom: 45px;
    position: relative
}

.dyps-oneitem:hover .dyps-oneitem-img img {
    transform: scale(1.1)
}

.dyps-oneitem-img,.dyps-oneitem-text {
    background: #e8eef7
}

.dyps-oneitem-img {
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.dyps-oneitem-img img {
    display: block;
    transition: all .5s;
    width: 100%
}

.dyps-oneitem-text {
    border-radius: 0 0 10px 10px;
    padding: 25px 0 60px;
    text-align: center
}

.dyps-oneitem-text-title {
    color: #1d2129;
    font-size: 20px;
    margin-bottom: 18px
}

.dyps-oneitem-text-desc {
    color: #1d2129;
    font-size: 16px
}

.dyps-oneitem-num {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9
}


.dspyyfir {
    background: #F6F8FF;
    padding: 0px 0 75px 0;
}

.dspyyfir_box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

@media(max-width: 990px) {
    .dspyyfir_box {
        flex-direction:column
    }
}

.dspyyfir_box-left {
    width: 26%
}

.dspyyfir_box-left img {
    display: block;
    max-width: 100%
}

.dspyyfir_box-center {
    width: 40%
}

.dspyyfir_box-right {
    align-self: flex-end;
    margin-bottom: -45px;
    width:40%
}

.dspyyfir_box-right img {
    display: block;
    max-width: 100%
}

.dspyyfir_item {
    align-items: flex-start;
    background:linear-gradient(to right,#4110CC,rgba(0,0,0,0));
    display: flex;
    padding: 15px 10% 15px 15px;
    border-radius: 10px 0px 0px 10px;
    margin-top: 15px
}

.dspyyfir_item:hover .dspyyfir_item-img {
    margin-top: 10px
}

.dspyyfir_item:nth-of-type(2) {
 background:linear-gradient(to right,#0034D6,rgba(0,0,0,0));
}

.dspyyfir_item-img {
    margin-right: 15px;
    transition: all .3s
}

.dspyyfir_item-img img {
    display: inline-block;
    max-width: 100%
}

.dspyyfir_item-text {
    flex: 1;
    min-width: 1px
}

.dspyyfir_item-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.dspyyfir_item-desc {
    color: #fff;
    font-size: 16px;
    line-height: 30px
}


.video01{padding-bottom: 30px; }
.video_title{
    text-align: center;
    line-height:40px;
    margin-top: 96px;
    margin-bottom: 20px;
}
.video_title h3 {
    font-size:40px;
    color: #010101;
    font-weight: normal;
}
.video_title p{color:#999;    font-size: 16px;}

.video01-con{display: flex; justify-content: space-between;}
.video01_pic{ width: 50%; border-radius: 30px; margin-top: 20px; box-shadow: 0px 0px 10px rgba(223, 211, 253, 0.6);}
.video01-txt{width: 50%;  display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: flex-start; }
.video01-txt dl{width: 40%; text-align: center;margin-top:10%;}
.video01-txt dl dt{font-weight: bold; font-size:50px; color: #6962FE;}
.video01-txt dl dd{font-size:16px; color: #000;}

.anim-show {
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
    opacity: 1;
}
.anim-1 {
    -webkit-transition: transform .8s,opacity .8s;
    -moz-transition: transform .8s,opacity .8s;
    -o-transition: transform .8s,opacity .8s;
    transition: transform .8s,opacity .8s;
}

.video02{background: url(../images/video02bg.png) no-repeat center center #F5F6FA; margin-top: 50px; padding-bottom: 20px;}
.video02-con{ padding-top:40px; overflow:hidden;}

.video02-con ul li{ width:29.25%; float:left; margin-right:3.125%; margin-left: 1%;  margin-bottom:3.125%;text-align:center; overflow:hidden; background-color:#ffffff; padding-top:79px; padding-bottom:50px; transition: all 0.3s;}

.video02-con ul li:nth-child(3n+0){ margin-right:0;}

.video02-con ul li .imgs{ overflow:hidden;transition:all 0.6s; width:90px; margin:0 auto; }

.video02-con ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.video02-con ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#222222; margin-top:20px;}

.video02-con ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#888888; font-size:14px; margin-top:8px;} 

.video02-con ul li:hover{ -webkit-box-shadow: 0px 0px 10px rgba(223, 211, 253, 0.6); box-shadow: 0px 0px 10px rgba(223, 211, 253, 0.6);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.video02-con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}






.video03-con{
    width: 100%;
    height: 467px;
    background: url(../images/video03icon.png) no-repeat;
    background-size: 641px 467px;
    background-position: center;
	margin-top: 45px;
	margin-bottom: 60px;
}
.video03-con ul {
	padding-top:37px;
	
}
.video03-con ul li:nth-child(2n){
	margin-right:0px;
}
.video03-con ul li{ 
	width: 300px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #E3E3FA;
    box-shadow: 14px 10px 30px rgb(49 89 211 / 12%);
    border-radius: 45px;
    font-size: 16px;
    color: #000;
    line-height: 72px;
    text-align: left;
	margin-right:596px;
	margin-bottom: 25px;
	float:left;
	text-align: center;
}

.video04{background: url(../images/video04bg.png) no-repeat center center #F5F6FA; padding-bottom: 100px;} 
.video04-con{margin-top:5%;}
.video04-con .video01_pic{box-shadow: none; }
.video04-con .video01-txt{width: 50%;}
.video04-con .video01-txt dl{}
.video04-con .video01-txt dl dt{font-size:28px; margin-bottom: 10px; color: #315BF3;}

.video05{padding-bottom: 60px;}
.video05-con{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; align-content: flex-start;}
.video05-con dl{text-align: center;position: relative;}
.video05-con dl dd{font-size:18px; margin-top: 15px;}
.video05-con dl::after {
    content: '';
    display: block;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #6A79D1; 
    position: absolute;
    right: -60px;
    bottom: 52%;
}


/* 推广 */
.douyin01{background: #F8F9FB; padding-bottom:5%;}
.douyin01-con{overflow: inherit;}
.douyin01-con ul li{width: 20%; margin: 0px 1%; padding:25px 15px 25px 15px;box-shadow: 0px 0px 10px rgba(223, 211, 253, 0.6);}
.douyin01-con ul li .img{width: 100px; text-align: center;    margin: 0 auto;}
.douyin01-con ul li .img img{transform:none;width:100%;}
.douyin01-con ul li:nth-child(3n+0){ margin-right:1%;}

.douyin02{margin-top: 0px; background: url(../images/video02bg.png) no-repeat center center #fff;}
.douyin02-con .video01_pic{box-shadow: none; width: 30%; margin:30px auto;}
.douyin02-con .video01_pic img{box-shadow: none; width: 100%;}
.douyin02-con .video01-txt{width: 35%; }
.douyin02-con .video01-txt dl{width: 100%; margin-bottom: 20px; margin-top: 22px; background: #fff; padding:30px 0px;position: relative; border: #B7B7E3 solid 1px; border-radius: 10px;}
.douyin02-con .video01-txt dl::after{
	content: '';
	display: block;
	border-width: 18px;
	border-style: solid;
	border-color: transparent transparent transparent #6A79D1; 
	position: absolute;
	right: -36px;
	bottom: 40%;
}
.douyin02-con .video01-txt02 dl::after{
	content: '';
	display: block;
	border-width: 18px;
	border-style: solid;
	border-color:  transparent #6A79D1 transparent transparent; 
	position: absolute;
	right:419px;
	bottom: 40%;
}
.douyin02-con .video01-txt dl dt{width: 100%; font-size:24px; margin-bottom: 5px;}
.douyin02-con .video01-txt dl dd{line-height: 1.5;}


.douyin03{background: #F8F9FB; }
.douyin03 .video03-con{background: none; margin-top: 0px; display: flex; align-items: center; justify-content: space-between;}
.douyin03pic{width: 60%; border-radius: 15px; border: #fff solid 5px; box-shadow: 0px 0px 10px rgba(223, 211, 253, 0.8);}
.douyin03 .video03-con ul{width: 38%;    padding-top: 0px;}
.douyin03 .video03-con ul li{background: #DFE4F8; width: 44%; margin: 2% 0% 2% 4%; font-size: 20px;}

.douyin04{background:url(../images/douyin04bg.jpg) no-repeat center center; padding-bottom: 30px;}
.douyin04-con{background: none; display: flex; justify-content: center; align-items: center; position: relative;}
.douyin04pic{width: 40%;}
.douyin04-con h3{position: absolute; left:145px; color: #fff; font-weight: bold; font-size: 40px;}
.douyin04-con ul{width: 60%;}
.douyin04-con ul li{width: 91%; height: 95px; margin-top: 20px;  text-align: left; line-height: 30px; padding-left:30px; padding-right: 30px; padding-top: 25px; }
.douyin04-con ul li h4{font-weight: bold;font-size: 26px;}
.douyin04-con ul li p{font-size: 20px; margin-top: 10px;}

.douyin05{background:url(../images/douyin05bg.png) no-repeat center center; padding-bottom: 0px;}
.douyin05 h3{color: #fff; font-size:32px; margin-top: 50px; }
.douyin05 p{color: #fff; font-size:20px; margin-bottom:57px; }
.douyin05 .dz{background: #fff;    margin:0px; margin-top: 60px; box-shadow: 0px 0px 15px rgba(18,36,126,0.8) }
.douyin05 .dz a{color: #3F34A6;} 

/* 拍摄 */
.paishe01{background: #F6FAFF; padding-bottom: 90px;}
.paishe01 .video_title{margin-bottom: 50px;}
.paishe01-con{}
.paishe01-con .video01-txt{display: flex; justify-content: space-around; width: 100%;}
.paishe01-con .video01-txt dl{width:47%;display: flex; justify-content: start; align-items: center; background: #fff; min-height: 100px; margin: 0px; padding: 0px; margin:1% 0% 0% 1%;padding: 2% 1% 2% 1%; box-shadow: 0 0 15px 0 rgba(0,0,0,.06);}
.paishe01-con .video01-txt dl dt{width: 20%;}
.paishe01-con .video01-txt dl dt img{width: 70%;}
.paishe01-con .video01-txt dl dd{width: 79%; text-align: left;  }
.paishe01-con .video01-txt dl dd h4{font-weight: bold; font-size: 20px; margin-bottom: 5px;}
.paishe01-con .video01-txt dl dd p{ font-size:16px;}

.paishe02{margin-top: 0px;background: #fff;}
.paishe02-con{
	z-index: 1px;
	position: relative;
	height: 540px;
}
.paishe02-contxt{
	width: 100%; 
	position: absolute;
	border-radius: 30px; 
	top: 20px;
	background:linear-gradient(to right,#F9898F,#AB4DFA);
	height: 430px;
	clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 20px, 100% 100%, 100% 100%, 0 calc(100% - 50px));

	}
.paishe02-contxt p{width: 25%; margin-left: 3%; color: #fff; line-height: 1.5; font-size: 20px; margin-top: 5%;}

.paishe02pic{position: absolute; left: 30px; bottom:74px; } 

.paishe02-con ul { width:68%; position: absolute; right: 10px; top:30px; z-index: 999; }
.paishe02-con ul li{width: 40%; margin: 0px; margin: 1.3%; padding: 0px 30px 30px 30px; text-align: left;min-height: 185px;box-shadow: 0px 0px 10px rgba(111,26,178, 0.3);}
.paishe02-con ul li .p{max-width: 390px;}
.video02-con ul li:nth-child(3n+0){margin-right:1.3%; }