.content{padding-bottom:0;}
.content .top{text-align:center;line-height:40px;font-size:14px;}
.content .icon{background:url("/images/index/icon.png") no-repeat scroll 0 0;width:100px;height:100px;text-indent:-300px;overflow:hidden;}
.content .link{color:#06c;}

.content .banner{height:690px;width:100%;overflow:hidden;position:relative;max-width:1920px;margin:auto;}
.content .banner .change{position:absolute;bottom:10px;height:30px;width:100%;}
.content .banner .change ul{width:100px;height:19px;margin:11px auto 0 auto;line-height:8px;}
.content .banner .change li{float:left;margin-right:10px;width:10px;height:10px;border-radius:5px;border:1px solid gray;cursor:pointer;overflow:hidden;background:url(/images/icons/pw-25.png) no-repeat scroll -100px -100px;}
.content .banner .change .on{background-color:#bfbfbf;}

.content .banner .item1{background-color:#15AECE;height:690px;width:100%;display:none;}
.content .banner .item1 .banner_txt{position:absolute;top:110px;left:0;width:100%;z-index:1;text-align:center;color:#FFF;font-family:"Arial","黑体","宋体",sans-serif;}
.content .banner .item1 .banner_title{font-size:40px;line-height:70px;}
.content .banner .item1 .banner_intro{font-size:30px;line-height:50px;}

.content .banner .item2{background-color:#15AECE;height:690px;width:100%;color:#FFF;display:none;padding-top:40px;font-size:13px;}
.content .banner .item2 .pwlink{text-decoration:none;color:#FFF;}
.content .banner .item2 .typefont{position:absolute;text-align:left;width:170px;top:110px;left:40px;z-index:2;padding-left:30px;}
.content .banner .item2 .point{background:url("/images/index/pw_tt_bg.jpg") no-repeat scroll -335px -2px;width:33px;height:33px;overflow:hidden;position:absolute;top:100px;left:30px;z-index:1;}
.content .banner .item2 .point_on{background-position:-302px -2px;}
.content .banner .item2 .step1{position:absolute;left:265px;top:285px;width:200px;height:100px;text-align:center;background-color:#FFF;background:url("/images/index/img_type.jpg") no-repeat scroll 0 0;border-radius:3px;display:none;}
.content .banner .item2 .step2{position:absolute;left:480px;top:285px;width:200px;height:100px;text-align:center;background-color:#FFF;background:url("/images/index/img_type.jpg") no-repeat scroll -201px 0;border-radius:3px;display:none;}
.content .banner .item2 .step3{position:absolute;right:255px;top:285px;width:200px;height:100px;text-align:center;background-color:#FFF;background:url("/images/index/img_type.jpg") no-repeat scroll -406px 0;border-radius:3px;display:none;}
.content .banner .item2 .step4{position:absolute;top:110px;left:240px;width:678px;height:149px;background:url("/images/index/stitch_pre.jpg") no-repeat scroll 0 0;border-radius:3px;display:none;}
.content .banner .item2 .step5{position:absolute;top:102px;left:240px;width:678px;height:0;overflow:hidden;padding-left:17px;}
.content .banner .item2 .step5 li{background:url("/images/index/stitch_link.png") no-repeat scroll 0 0;width:46px;margin-left:69px;float:left;height:165px;}
.content .banner .item2 .step6{color:#15AECE;font-size:30px;line-height:39px;text-align:center;display:none;}
.content .banner .item2 .step6 .font{background:url("/images/index/pw_tt_bg.jpg") no-repeat scroll 0 0;width:304px;height:39px;margin:auto;display:block;text-decoration:none;}
.content .banner .item2 .step7{margin:10px auto 0 auto;font-size:30px;text-align:center;display:none;line-height:40px;color:#FFF;display:block;}
.content .banner .item2 .step7 .sp{color:#FFD543;}

.content .banner .item3{display:none;text-align:center;padding-top:10px;}
.content .banner .item3 .font_ct{position:absolute;width:100%;left:0;top:100px;z-index:1;}
.content .banner .item3 .font{width:500px;margin:auto;font-size:36px;color:#FFF;line-height:36px;font-weight:200;text-decoration:none;background-color:rgba(0, 0, 0,0.4);padding:8px 0;display:block;border-radius:5px;}


.content .nav{background-color:#104F6E;height:50px;}
.content .nav ul{width:900px;margin:auto;color:#FFF;height:50px;line-height:44px;font-size:16px;}
.content .nav li{float:left;margin:0 40px;padding:0 10px;border-bottom:3px solid #104F6E;border-top:3px solid #104F6E;cursor:pointer;}
.content .nav .on{background-color:#000;border-bottom:3px solid #13D7E7;border-top:3px solid #000;}

.content .title{font-size:40px;line-height:40px;margin-bottom:10px;text-align:center;font-weight:300;}

.content .what{text-align:center;background-color:#ffffff;padding:60px 0;}
.content .what h1{font-size:16px;font-weight:normal;}
.content .what h1 .a{color:#F60;}
.content .what .title2{color:#F60;font-size:16px;}
.content .what .detail{margin-top:30px;}
.content .what li{float:left;width:283px;text-align:center;}
.content .what .tt{font-size:18px;margin:12px 0;color:#555;font-weight:bold;}
.content .what .vtm{background-position:-5px -5px;margin-left:95px;}
.content .what .vryun{background-position:-105px -5px;margin-left:95px;}
.content .what .stitch{background-position:-205px -5px;margin-left:95px;}
.content .what .tour{background-position:-305px -5px;margin-left:95px;}
.content .what .item2{display:block;text-decoration:none;color:#777;}


.content .products{text-align:center;background-color: #f2f2f2;overflow:hidden;width:100%;height:640px;}
.content .products .title{padding: 60px 0 40px 0;color:#000000;}
.content .products .swiper-container{width: 1000px;height: 510px;}
.content .products .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;}


.content .case{text-align:center;padding:60px 0;}
.content .case .inner{height:472px;}
.content .case .title{margin-bottom:30px;}
.content .case .nav ul{width:1132px;}
.content .case .nav li{margin:0 54px;padding:0 10px;}
.content .case .item3{float:left;display:inline;margin:30px 10px 0 10px;}
.content .case .item_on{margin:28px 9px 0 9px;color:#104F6E;font-weight:bold;font-size:18px;}
.content .case .item_on img{-moz-box-shadow:0 5px 5px #AAA;-webkit-box-shadow:0 5px 5px #AAA;box-shadow:0 5px 5px #AAA;border:1px solid #AAA;}

.content .how{text-align:center;padding-top:60px;background-color:#f7f7f7;line-height:20px;}
.content .how .inner{margin:30px auto 50px auto;}
.content .how li{width:226px;float:left;text-align:center;}
.content .how .shoot{background-position:-410px -5px;margin-left:65px;}
.content .how .stitch{background-position:-525px -5px;margin-left:65px;}
.content .how .create{background-position:-650px -5px;margin-left:55px;width:110px;}
.content .how .publish{background-position:-775px -5px;margin-left:55px;width:110px;}
.content .how .view{background-position:-900px -5px;margin-left:45px;width:134px;}
.content .how .flow_position{width:100%;height:672px;overflow:hidden;position:relative;margin-top:20px;}
.content .how .flow_wrap{position:absolute;top:-672px;left:-1920px;width:3840px;height:1344px;cursor:pointer;}
.content .how .step1{position:absolute;right:0;bottom:0;}
.content .how .step2{position:absolute;left:0;bottom:0;}
.content .how .step3{position:absolute;left:0;top:0;}
.content .how .step4{position:absolute;right:0;top:0;}
.content .how .step5{position:absolute;right:0;bottom:0;display:none;}

.content .customer{padding:60px 0 20px 0;border-top:1px solid #104F6E;}
.content .customer .ct{margin:30px auto 0 auto;border-top:1px solid #EEE;padding-top:30px;width:900px;}

.content .news{padding:40px 0;background-color:#f7f7f7;line-height:22px;}
.content .news h3{margin-bottom:10px;font-weight:normal;font-size:24px;border-bottom:1px solid #EEE;padding-bottom:10px;}
.content .news li{margin-bottom:6px;}
.content .news .overct{width:500px;height:170px;overflow-y:scroll;padding-right:30px;}
.content .news .ct{width:500px;height:170px;overflow:hidden;padding-right:30px;}
.content .news .lfct{border:1px solid #E0E0E0;width:520px;border-radius:5px;padding:15px 15px 0 15px;height:245px;background-color:#FFF;margin-bottom:30px;}
.content .news .rtct{border:1px solid #E0E0E0;width:520px;border-radius:5px;padding:15px 15px 0 15px;height:245px;background-color:#FFF;margin-bottom:30px;}
.content .news .mtop{margin-top:5px;}
.content .news .link {background-color:#fff;border:1px solid #E0E0E0;padding:10px;border-radius:5px;font-size:12px;color:#767676;}
.content .news .link a {margin-right:6px;color:#767676;}
.content .news h4{font-size:12px;border-bottom:1px solid #EEE;margin-bottom:4px;padding-bottom:4px;}