﻿.content{padding-bottom:0;font-size:15px;line-height:22px;}
.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:95px;height:95px;text-indent:-500px;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:70px;height:19px;margin:11px auto 0 auto;line-height:8px;}
.content .banner .change li{float:left;margin-right:5px;width:8px;height:8px;border-radius:5px;border:1px solid #bfbfbf;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:#091F51;height:692px;width:100%;display:none;}
.content .banner .item1 .banner_txt{position:absolute;top:90px;left:380px;width:100%;z-index:1;text-align:left;color:#FFF;}
.content .banner .item1 .banner_title{font-size:60px;line-height:80px;}
.content .banner .item1 .banner_intro1{font-size:25px;line-height:50px;}
.content .banner .item1 .banner_intro2{background-color:#FFF;height:80px;width:700px;opacity: 0.55;font-size:32px;line-height:50px;padding-top:30px;text-align:left;color:red;}

.content .banner .item2{background-color:#15AECE;height:690px;width:100%;display:none;}
.content .banner .item2 .banner_txt{position:absolute;top:150px;left:120px;width:100%;z-index:1;text-align:left;color:#FFF;font-family:"TCYXHLOGOH-GB1-0";font-weight:100px;}
.content .banner .item2 .banner_title {
    font-size: 80px;
    line-height: 80px;
    text-shadow: 1px 2px 3px #777;
}
.content .banner .item2 .banner_intro {
    font-size: 30px;
    line-height: 60px;
    text-shadow: 1px 2px 3px #777;
}

.content .banner .item3{background-color:#15AECE;height:690px;width:100%;color:#FFF;display:none;padding-top:40px;font-size:13px;}
.content .banner .item3 .pwlink{text-decoration:none;color:#FFF;}
.content .banner .item3 .typefont{position:absolute;text-align:left;width:170px;top:110px;left:0;z-index:2;padding-left:30px;}
.content .banner .item3 .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:-5px;z-index:1;}
.content .banner .item3 .point_on{background-position:-302px -2px;}
.content .banner .item3 .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 .item3 .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 .item3 .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 .item3 .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 .item3 .step5{position:absolute;top:102px;left:240px;width:678px;height:0;overflow:hidden;padding-left:17px;}
.content .banner .item3 .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 .item3 .step6{color:#15AECE;font-size:30px;line-height:39px;text-align:center;display:none;}
.content .banner .item3 .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 .item3 .step7{margin:0px auto 0 auto;font-size:20px;text-align:center;line-height:35px;color:#FFF;display:block;}
.content .banner .item3 .step7 .sp{color:#FFD543;}

.content .banner .item4{display:none;text-align:center;padding-top:10px;}
.content .banner .item4 .banner_txt{position:absolute;width:100%;left:0;top:150px;z-index:1;color:#FFF;background-color:rgba(0, 0, 0,0.4);display:block;border-radius:5px;}
.content .banner .item4 .banner_title{font-size:80px;line-height:120px;}
.content .banner .item4 .banner_intro{font-size:30px;line-height:36px;}

.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:#f7f7f7;padding:40px 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:377px;text-align:center;}
.content .what .tt{font-size:18px;margin-bottom:8px;color:#555;}
.content .what .stitch{background-position:-5px -5px;margin-left:140px;}
.content .what .tour{background-position:-105px -5px;margin-left:130px;}
.content .what .street{background-position:-212px -5px;margin-left:150px;}
.content .what .item{display:block;text-decoration:none;color:#777;}
.content .what .ftbtn{display:inline-block;background-color:#27607c;font-size:12px;border-radius:2px;height:26px;line-height:26px;text-align:center;padding:0 18px;color:#fff;margin-top:12px;text-decoration:none;}
.content .what .ftbtn:hover{background-color:#276b8d;}
.content .what .ftbtn:active{background-color:#21526b;}

.content .products{text-align:center;padding:40px 0;border-bottom:1px solid #EEE;}
.content .products .ct{margin-top:30px;}
.content .products li{width:25%;float:left;}
.content .products .name{margin-top:8px;font-size:14px;}

.content .case{text-align:center;padding:40px 0;}
.content .case .inner{height:472px;}
.content .case .title{margin-bottom:30px;}
.content .case .nav ul{width:1132px;}
.content .case .nav li{margin:0 30px;padding:0 10px;}
.content .case .item{float:left;display:inline;margin:30px 10px 0 10px;}
.content .case .item_on{margin:28px 9px 0 9px;color:#104F6E;font-weight:bold;}
.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:40px;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:-324px -5px;margin-left:65px;}
.content .how .stitch{background-position:-440px -5px;margin-left:65px;}
.content .how .create{background-position:-560px -5px;margin-left:55px;width:110px;}
.content .how .publish{background-position:-683px -5px;margin-left:55px;width:110px;}
.content .how .view{background-position:-803px -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:40px 0;border-top:1px solid #104F6E;}
.content .customer .ct{width:900px;height:281px;margin:auto;background:url("/images/index/customer.jpg") no-repeat scroll 0 30px;margin-top:30px;border-top:1px solid #EEE;padding-top:30px;}

.content .news{padding:40px 0;background-color:#f7f7f7;font-size:13px;line-height:18px;}
.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;}
.content .news .rtct{border:1px solid #E0E0E0;width:520px;border-radius:5px;padding:15px 15px 0 15px;height:245px;background-color:#FFF;}
.content .news .mtop{margin-top:10px;}

.content .contact{padding:40px 0;border-top:1px solid #104F6E;font-size:13px;}
.content .contact .inner{width:900px;margin-top:30px;border-top:1px solid #EEE;padding-top:30px;}
.content .contact .info{background:url("/images/index/contact_icon.jpg") no-repeat scroll 0 0;padding-left:48px;width:240px;margin:9px 0 0 60px;}
.content .contact .row1{height:40px;line-height:40px;margin-bottom:3px;}
.content .contact .row2{height:40px;line-height:20px;margin-bottom:5px;}
.content .contact .write{width:300px;}
.content .contact .txt{width:300px;border:1px solid #EEE;}
.content .contact .txtarea{height:80px;line-height:20px;}
.content .contact .item{margin-bottom:6px;}