@charset "utf-8";
/* CSS Document */
body{
        margin:0;
        padding:0;
}
a,transition{
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
        text-decoration:none;
}
a:hover{
        color:#E8952E;
        text-decoration:none;
}
	
.k_lyout{
        max-width:1060px;
        margin:0 auto;
        padding:0 10px;
}
.k_lyout1200{
        max-width:1200px;
        margin:0 auto;
        padding:0 10px;
}
.k_lyout1440{
        max-width:1440px;
        margin:0 auto;
        padding:0 10px;
}
#tuweiaHeader{
        background:#fff;
        position:fixed;
        left:0;
        right:0;
        top:0;
        z-index:999;
        box-shadow:0 2px 4px #ccc;
}
#tuweiaHeader .k_lyout1200{
        position: relative;
}
.logoBox{
        width:120px;
        margin:0;
        padding:12px 0;
        float:left;
        font-size:0;
}
.newLogo{
        width:120px;
        height:34px;
        display:inline-block;
        background:url(../images/newLogo.png) no-repeat;
        background-size:120px 53px;
        background:url(../images/newLogo.png) no-repeat 0 bottom \9;
}
.accountBox{
        position:absolute;
        right:10px;
        top:14px;
        line-height:35px;
}
.accountRegister{
        display:inline-block;
        padding-right:20px;
        vertical-align:top;
        line-height:35px;
}
.accountRegister a{
        display:inline-block;
        vertical-align:top;
        color:#999;
}
.accountRegister a:hover{
        color:#E8952E;
}
.accountRegisterLine{
        display:inline-block;
        color:#CDCCCA;
        padding:0 10px;
        vertical-align:top;
        margin-top:-1px;
}
.tuweiaNav{
        margin:0 170px 0 120px;
}
.tuweiaNav>ul{
        margin:0;
        padding:0;
        list-style:none;
        text-align:center;
}
.tuweiaNav>ul>li{
        display:inline-block;
        position:relative;
}
.tuweiaNav>ul>li>a{
        display:inline-block;
        height:60px;
        line-height:64px;
        margin:0 18px;
        color:#666;
        position:relative;
        text-decoration:none;
}
.tuweiaNav>ul>li>a:after{
        position:absolute;
        overflow:hidden;
        height:2px;
        background:#1FAEFF;
        left:50%;
        right:50%;
        content:'';
        bottom:0;
        display:block;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
        opacity:0;
}
.tuweiaNav>ul>li>a:hover:after,
.tuweiaNav>ul>li.active>a:after{
        left:0;
        right:0;
        opacity:1;
}
.tuweiaNav>ul>li>a:hover,
.tuweiaNav>ul>li.active>a{
        color:#000;
}
.tuweiaNav>ul>li:hover .navSon,
.tuweiaNav>ul>li.active .navSon{
        display:block;
}
.tuweiaNavSon{
        margin:0;
        padding:0;
        list-style:none;
        position:absolute;
        border-top:2px solid #1FAEFF;
        border-bottom:none;
        background:#fff;
        display:none;
        top:58px;
        width:120px;
        left:50%;
        margin-left:-60px;
}
.tuweiaNav>ul>li:hover .tuweiaNavSon,
.tuweiaNav>ul>li.active .tuweiaNavSon{
        display:block;
}
.tuweiaNavSon li{
        border:1px solid #eee;
        border-top:none;
}
.tuweiaNavSon:after{
        display: block;
        height:0;
        width:100%;
        content:'';
        box-shadow:0 2px 4px #ccc;
        left:0;
        top:0;
        right:0;
        position:absolute;
}
.tuweiaNavSon a{
        display:block;
        padding:0 20px;
        line-height:35px;
        color:#999;
}
.tuweiaNavSon a:hover{
        background:#1FAEFF;
        color:#fff;
}
.addWebBtn{
        display:inline-block;
        background:#83B91F;
        line-height:35px;
        padding:0 20px;
        color:#fff;
        text-align:center;
        text-decoration:none;
        vertical-align:top;
}
.addWebBtn:hover{
        color:#fff;
        background:#69951A;
}
.bannerText{
        text-align:center;
}
.bannerText h2{
        font-size:32px;
        color:#666;
        margin:130px 0 0 0;
}
.bannerText h4{
        font-size:16px;
        color:#999;
}
.banner .banner-container{
        border-bottom:1px solid rgba(255,255,255,0.8);
}
.banner-pagination {
        position: absolute;
        z-index: 20;
        left: 0;
        bottom: 10px;
        right:0;
        text-align:center;
}
.swiper-pagination-switch {
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius:10px;
        margin:0 4px;
        opacity: 0.8;
        border: 1px solid #fff;
        cursor: pointer;
}
.swiper-visible-switch {
        background: #aaa;
}
.swiper-active-switch {
        background: #fff;
        opacity:1;
}
.banner{
        max-width:1000px;
        margin:50px auto 0 auto;
        position:relative;
        border-bottom:1px solid #fff;
        padding-bottom:20px;
}
.banner:after{
        display:block;
        content:'';
        position:absolute;
        left:5%;
        right:5%;
        bottom:20px;
        box-shadow:0 0 30px #333;
        border-radius:100%;
        height:20%;
        z-index:1;
}
.banner img{
        max-width:100%;
}
/**/
.banner-container {
        background:#fff;
        z-index:2;
        margin:0 auto;
        position:relative;
        overflow:hidden;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        -o-backface-visibility:hidden;
        backface-visibility:hidden;
        /* Fix of Webkit flickering */
}
.banner-wrapper {
        position:relative;
        width:100%;
        -webkit-transition-property:-webkit-transform, left, top;
        -webkit-transition-duration:0s;
        -webkit-transform:translate3d(0px,0,0);
        -webkit-transition-timing-function:ease;

        -moz-transition-property:-moz-transform, left, top;
        -moz-transition-duration:0s;
        -moz-transform:translate3d(0px,0,0);
        -moz-transition-timing-function:ease;

        -o-transition-property:-o-transform, left, top;
        -o-transition-duration:0s;
        -o-transform:translate3d(0px,0,0);
        -o-transition-timing-function:ease;
        -o-transform:translate(0px,0px);

        -ms-transition-property:-ms-transform, left, top;
        -ms-transition-duration:0s;
        -ms-transform:translate3d(0px,0,0);
        -ms-transition-timing-function:ease;

        transition-property:transform, left, top;
        transition-duration:0s;
        transform:translate3d(0px,0,0);
        transition-timing-function:ease;

        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
.swiper-free-mode > .banner-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
}
.swiper-slide {
        float: left;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align:center;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
        -ms-touch-action: pan-x;
}
.videoMain{
        max-width:760px;
        margin:0 auto;
        padding:50px 20px 0 20px;
        position:relative;
}
.bannerVideo{
        overflow:hidden;
}
.bannerVideoBox{
        width:75px;
        margin:0 16px;
}
.bannerVideoBox a{
        display:block;
        text-align:center;
}
.bannerVideoPic{
        border-radius:100%;
        position:relative;
        overflow:hidden;
        margin-bottom:10px;
}
.bannerVideoName{
        font-size:12px;
        color:#999;
}
.bannerVideoPic i{
        position:absolute;
        width:0;
        height:0;
        display:block;
        border-width:8px;
        border-style:solid;
        border-color:transparent transparent transparent rgba(255,255,255,0.8);
        top:50%;
        left:50%;
        margin:-8px 0 0 -3px;
        z-index:99;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.bannerVideoPic:before{
        display:block;
        content:'';
        width:36px;
        height:36px;
        border-radius:100%;
        background:rgba(0,0,0,0.5);
        position:absolute;
        left:50%;
        top:50%;
        margin:-18px 0 0 -18px;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.bannerVideoPic:after{
        border:2px solid rgba(255,255,255,0.8);
        display:block;
        content:'';
        width:36px;
        height:36px;
        border-radius:100%;
        position:absolute;
        left:50%;
        top:50%;
        margin:-20px 0 0 -20px;
        transform:scale(0);
        opacity:0;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.bannerVideoPic:hover:before{
        transform:scale(0);
}
.bannerVideoPic:hover:after{
        transform:scale(1);
        opacity:1;
}
.bannerVideoPic img{
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.bannerVideoPic:hover img{
}
.bannerVideoPic:hover i{
        border-color:transparent transparent transparent rgba(255,255,255,1);}
.arrow-left{
        width:25px;
        height:75px;
        display:inline-block;
        position:absolute;
        left:0;
        overflow:hidden;
}
.arrow-left:before{
        width:0;
        height:0;
        overflow:hidden;
        display:block;
        content:'';
        border-width:10px;
        border-style:solid;
        border-color:transparent #999 transparent transparent;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
        position:absolute;
        top:30px;
        left:-1px;
}
.arrow-left:after{
        width:0;
        height:0;
        overflow:hidden;
        display:block;
        content:'';
        border-width:10px;
        border-style:solid;
        border-color:transparent #fff transparent transparent;
        position:absolute;
        top:30px;
        left:0;
}
.arrow-right{
        width:25px;
        height:75px;
        display:inline-block;
        position:absolute;
        right:0;
        overflow:hidden;
}
.arrow-right:before{
        width:0;
        height:0;
        overflow:hidden;
        display:block;
        content:'';
        border-width:10px;
        border-style:solid;
        border-color:transparent transparent transparent #999;
        position:absolute;
        top:30px;
        right:-1px;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.arrow-right:after{
        width:0;
        height:0;


        overflow:hidden;
        display:block;
        content:'';
        border-width:10px;
        border-style:solid;
        border-color:transparent transparent transparent #fff;
        position:absolute;
        top:30px;
        right:0;
}
.arrow-right:hover:before{
        border-color:transparent transparent transparent #000;
}
.arrow-left:hover:before{
        border-color:transparent #000 transparent transparent;
}
.grayRow{
        background:#F5F5F5;
        padding:60px 0 80px 0;
        margin-top:60px;
}
.rowPic2{
        width:69%;
        float:left;
}
.rowText2{
        width:31%;
        float:right;
}
.rowText2 h3{
        font-size:30px;
        color:#333;
}
.rowText2 p{
        line-height:150%;
}
.btn_1{
        display:inline-block;
        background:#3BB7FD;
        color:#fff;
        text-align:center;
        font-size:16px;
        line-height:50px;
        padding:0 40px;
}
.btn_1:hover{
        color:#fff;
        background:#0294E1;
}
.btn_1 .btnIcon{
        margin-left:10px;
}


.btn_2{
        display:inline-block;
        background:#F09216;
        color:#fff;
        text-align:center;
        font-size:16px;
        line-height:50px;
        padding:0 40px;
}
.btn_2:hover{
        color:#fff;
        background:#CF7D0E;
}

.btn_3{
        display:inline-block;
        background:#F09216;
        color:#fff;
        text-align:center;
        font-size:14px;
        line-height:34px;
        padding:0 30px;
}
.btn_3:hover{
        color:#fff;
        background:#CF7D0E;
}
.btn_2 .btnIcon{
        margin-left:10px;
}

.btnIcon{
        width:22px;
        height:22px;
        display:inline-block;
        vertical-align:middle;
        border-radius:100%;
        border:1px solid #fff;
        position:relative;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
}
.btnIcon:before{
        width:8px;
        height:8px;
        border-top:1px solid #fff;
        border-right:1px solid #fff;
        display:block;
        position:absolute;
        content:'';
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        top:6px;
        left:5px;
}
.rowBtn2{
        padding:50px 0 0 0;
}
.row3{
        padding:30px 0 90px 0;
}
.row3Text1{
        text-align:center;
}
.row3Text1 h3{
        color:#333;
        font-size:30px;
        margin:0;
}
.row3Text1 p{
        line-height:150%;
        padding:10px 0 0 0;
        color:#999;}
.row3Pic1{
        text-align:center;
        padding:50px 0 0 0;
}
.row3Text2{
        text-align:center;
        font-size:22px;
        line-height:180%;
        padding:50px 0;
        max-width:950px;
        margin:0 auto;
}
.iconList1 ul{
        margin:0;
        padding:0;
        list-style:none;
}
.iconList1 ul li{
        width:20%;
        float:left;
        text-align:center;
}
.iconList1 ul li p{
        padding:10px 0 0 0;
        font-size:16px;
}
.iconList1 ul li i{
        display:inline-block;
        width:66px;
        height:66px;
        background-image:url(../images/adIcon.png);
        background-repeat:no-repeat;
        transform:scale(0.7);
}
.iconList1_1{
        background-position:0 0;
}
.iconList1_2{
        background-position:-76px 0;
}
.iconList1_3{
        background-position:-152px 0;
}
.iconList1_4{
        background-position:-228px 0;
}
.iconList1_5{
        background-position:-304px 0;
}
.row4{
        background:#F5F5F5;
        padding:50px 0 70px 0;
}
.row4Title{
        font-size:30px;
        color:#333;
        text-align:center;
}
.row4Title span{
        font-size:80px;
        vertical-align:middle;
        font-weight:normal;
        padding:0 5px;
        line-height:80px; 	
}
.row4List ul{
        margin:0 0 0 -20px;
        padding:0;
        list-style:none;
}
.row4List ul li{
        width:33.333333333%;
        float:left;
        position:relative;
}
.row4List ul li:after{
        width:0;
        height:0;
        content:'';
        display:inline-block;
        border-width:20px;
        border-style:solid;
        border-color:transparent transparent transparent #ccc;
        position:absolute;
        right:-40px;
        top:22px;
        z-index:1;
        border-radius:10%;
}
.row4List ul li:before{
        width:0;
        height:0;
        content:'';
        display:inline-block;
        border-width:20px;
        border-style:solid;
        border-color:transparent transparent transparent #F5F5F5;
        position:absolute;
        right:-38px;
        z-index:2;
        top:22px;
        border-radius:10%;
}
.row4List ul li:nth-child(3):before,
.row4List ul li:nth-child(3):after{
        display:none;
}
.row4ListBox{
        padding-left:20px;
        text-align:center;
}
.row4ListBox p{
        margin:0 auto;
        color:#999;
}
.row4ListBox h4{
        color:#333;
        font-size:20px;
        padding-top:10px;
}
.row4ListIcon{
        width:80px;
        height:80px;
        line-height:80px;
        display: inline-block;
        border-radius:100%;
        font-size:50px;
		color:#fff;
}
.row4List{
        padding:50px 0 0 0;
}
.row5{
        padding:70px 0 90px 0;
}
.row5Nav ul{
        margin:0;
        list-style:none;
        padding:0;
        text-align:center;
}
.row5Nav ul li{
        display:inline-block;
        padding:0 15px;
}
.row5Nav ul li a{
        color:#666;
        position:relative;
        line-height:30px;
        display:inline-block;
}
.row5Nav li a:after{
        position:absolute;
        overflow:hidden;
        height:2px;
        background:#1FAEFF;
        left:50%;
        right:50%;
        content:'';
        bottom:1px;
        display:block;
        -webkit-transition:  0.2s ease-in 0s;
        -moz-transition:  0.2s ease-in 0s;
        -ms-transition:  0.2s ease-in 0s;
        -o-transition:  0.2s ease-in 0s;
        transition:  0.2s ease-in 0s;
        opacity:0;
}
.row5Nav ul li a:hover:after,
.row5Nav ul li.active a:after{
        left:0;
        right:0;
        opacity:1;
}
.row5Nav ul li a:hover,
.row5Nav ul li.active a{
        color:#000;
}
.row5Title{
        font-size:30px;
        color:#333;
        text-align:center;
        margin:0 0 20px 0;
}
.row5List ul{
        list-style:none;
        padding:0;
        margin:0;
}
.row5List ul li{
        width:33.33333333%;
        float:left;
}
.row5ListBox{
        width:435px;
        margin:0 auto;
}
.row5ListTop{
        width:435px;
        height:250px;
        position:relative;
        padding-top:50px;
}
.row5ListPc{
        width:433px;
        height:250px;
        background:url(../images/t_bg.png) no-repeat;
        position:relative;
        z-index:1;
}
.row5ListPhone{
        width:86px;
        height:178px;
        background:url(../images/t_bg.png) no-repeat right 0;
        position:absolute;
        right:8px;
        bottom:0;
        z-index:2;
}
.row5ListPhoneImg{
        width:70px;
        height:125px;
        overflow:hidden;
        position:absolute;
        left:8px;
        top:25px;
        border-radius:2px;
        overflow:hidden;
}
.row5ListPcImg{
        width:334px;
        height:215px;
        overflow:hidden;
        position:absolute;
        left:50px;
        top:12px;
        text-align:center;
}
.row5ListPcImg img{
        width:100%;
}
.row5ListName a{
        font-size:16px;
        color:#666;
        display:block;
        padding:30px 0 0 0;
        text-align:center;
}
.row5ListName a:hover{
        color:#E8952E;
}
.search{
        max-width:500px;
        margin:50px auto 0 auto;
        position:relative;
}
.searchBtn{
        width:58px;
        line-height:50px;
        height:50px;
        position:absolute;
        right:0;
        display:block;
        background:url(../images/searchIcon.png) no-repeat center center #1FAEFF;
        top:0;
        border-radius:0 5px 5px 0;
}
.searchBtn:hover{
        background:url(../images/searchIcon.png) no-repeat center center #0094E3;
}
.searchMain{
        margin-right:57px;
        border:1px solid #ccc;
        line-height:48px;
        border-radius:4px 0 0 4px;
        height:48px;
        padding-left:5px;
        position:relative;
}
.searchMainInput{
        border:none;
        background:none;
        width:100%;
}
.searchHot{
        position:absolute;
        right:5px;
        top:10px;
}
.searchHot a{
        line-height:28px;
        display:inline-block;
        float:left;
        padding:0 6px;
        background:#F2F2F2;
        color:#999;
        font-size:12px;
        margin:0 1px;
}
.searchHot a:hover{
        background:#1FAEFF;
        color:#fff;
}

.search2{
        position:relative;
}
.search2Btn{
        width:40px;
        line-height:40px;
        height:40px;
        position:absolute;
        right:0;
        display:block;
        background:url(../images/searchIcon.png) no-repeat center center #1FAEFF;
        top:0;
}
.search2Btn:hover{
        background:url(../images/searchIcon.png) no-repeat center center #0094E3;
}
.search2Main{
        margin-right:39px;
        border:1px solid #ccc;
        line-height:38px;
        height:38px;
        padding-left:5px;
        position:relative;
}
.search2MainInput{
        border:none;
        background:none;
        width:100%;
}
.search2Hot{
        position:absolute;
        right:5px;
        top:8px;
}
.search2Hot a{
        line-height:24px;
        display:inline-block;
        float:left;
        padding:0 6px;
        background:#F2F2F2;
        color:#999;
        font-size:12px;
        margin:0 1px;
}
.search2Hot a:hover{
        background:#1FAEFF;
        color:#fff;
}
.row6{
        padding:50px 10px 80px 10px;
        background:#F5F5F5;
}
.row6Text1{
	text-align:center;
	max-width:635px;
	margin:0 auto;
	}
.row6Text1 p{
	padding:20px 0 0 0;
	color:#999;
	line-height:150%;
	}
.row6Text1 h3{
	color: #333;
    font-size: 30px;
    margin: 0;
	}
.row6List{
	padding:30px 0 0 0;}
.row6List ul{
        margin:-30px 0 0 -30px;
        padding:0;
        list-style:none;
}
.row6List ul li{
        width:25%;
        float:left;
}
.row6ListBox{
        background:#fff;
        border-radius:3px;
        margin:30px 0 0 30px;
        padding:30px 15px 10px 15px;
        text-align:center;
}
.row6ListBox h4{
        font-size:18px;
        color:#333;
        line-height:180%;
}
.row6ListBox p{
        color:#999;
        min-height:90px;
}
.row6List_1,
.row6List_2,
.row6List_3,
.row6List_4,
.row6List_5,
.row6List_6,
.row6List_7,
.row6List_8,
.row6List_9,
.row6List_10,
.row6List_11,
.row6List_12{
        width:68px;
        height:68px;
        display:inline-block;
        background-image:url(../images/adIcon2.png);
        background-repeat:no-repeat;
}
.row6List_1{
        background-position:0 0;
}
.row6List_2{
        background-position:-88px 0;
}
.row6List_3{
        background-position:-176px 0;
}
.row6List_4{
        background-position:-264px 0;
}
.row6List_5{
        background-position:0 -88px;
}
.row6List_6{
        background-position:-88px -88px;
}
.row6List_7{
        background-position:-176px -88px;
}
.row6List_8{
        background-position:-264px -88px;
}
.row6List_9{
        background-position:0 -176px;
}
.row6List_10{
        background-position:-88px -176px;
}
.row6List_11{
        background-position:-176px -176px;
}
.row6List_12{
        background-position:-264px -176px;
}
.row7{
        padding:70px 0;
        border-bottom:1px solid #EEEEEE;
}
.row7Text1 h3{
        font-size:30px;
        color:#333;
        text-align:center;
}
.row7Text1 p{
        max-width:576px;
        text-align:center;
        line-height:180%;
        color:#999;
        margin:0 auto;
}
.row7MainBox{
        width:50%;
        float:left;
        text-align:center;
}
.row7MainBox p{
        max-width:310px;
        margin:0 auto;
        color:#999;
        padding:0 10px;
}
.row7MainBox h4{
        font-size:20px;
        color:#333;
        padding:10px 0 0 0;
}
.row7MainBoxNav{
        color:#ccc;
        font-size:12px;
        vertical-align:middle;
        padding:20px 0 0 0;
}
.row7MainBoxNav a{
        display:inline-block;
        vertical-align:middle;
        color:#666;
        text-decoration:none;
        font-size:14px;
        margin:0 5px;
}
.row7MainBoxNav a:hover{
        color:#E8952E;
}
.row7Main{
        padding:50px 0 0 0;
        position:relative;
}
.row7Main:after{
        display:inline-block;
        content:'&';
        color:#EDEDED;
        font-size:120px;
        line-height:120px;
        position:absolute;
        left:50%;
        margin-left:-40px;
        top:50px;
}
.row8 h3{
        margin:50px 0;
        text-align:center;
        font-size:30px;
        color:#333;
}
.serviceList{
        overflow:hidden;
}
.serviceListPic{
        width:100px;
        float:left;
}
.serviceListMain{
        margin-left:115px;
}
.serviceList ul{
        padding:0;
        margin:-20px 0 0 -20px;
        list-style:none;
}
.serviceListBox{
        margin:20px 0 0 20px;
}
.serviceList li{
        width:25%;
        float: left;
}
.serviceList h4{
        margin:0;
}
.serviceList h4 a{
        color:#333;
}
.serviceList h4 a:hover{
        color:#E8952E;
}
.serviceListName{
        height:44px;
        overflow:hidden;
        margin:5px 0 0 0;
        color:#999;
}
.mapIcon{
        width:9px;
        height:12px;
        display:inline-block;
        vertical-align:middle;
        margin-right:5px;
        background:url(../images/mapIcon.gif) no-repeat 0 -12px;
        background:url(../images/mapIcon.gif) no-repeat \9;
        background-size:9px 24px;
}
.serviceListAdd{
        color:#999;
}
.serviceListBtn{
        text-align:center;
        padding:90px 0;
}
.newsRow{
        background:#1FADFF;
        padding:50px 0;
}
.newsRowList{
        padding:20px 0 0 0;
}
.newsRowText{
        text-align:center;
        color:#fff;
}
.newsRowListPic{
        text-align:center;
        overflow:hidden;
        max-height:150px;
}
.newsRowListPic img{
        margin-top:-100px;
        width:100%;
}
.newsRowList ul{
        margin:0 0 0 -45px;
        padding:0;
        list-style:none;
}
.newsRowText h3{
        font-size:30px;
}
.newsRowListHeader{
        position:relative;
        padding:15px;
}
.newsRowListHeader h4,
.newsRowListHeader p{
        margin:0 65px 0 0;
        padding:0;
}
.newsRowListHeader p{
        height:40px;
        overflow:hidden;
}
.newsRowListHeader h4 a{
        color:#49BBFD;
}
.newsRowListShare{
        position:absolute;
        right:15px;
        top:18px;}
.newsRowListShare a{
        margin-left:1px;
        display: inline-block;
        width:30px;
        height:35px;
        background:#D1D7DB;
        line-height:35px;
        text-align:center;
        float:left;
}
.newsRowListShare a:hover{
        background:#EF9115;
}
.newsRowListShare a i{
        display:inline-block;
        width:24px;
        height:20px;
        background-image:url(../images/share.png);
        background-repeat:no-repeat;
        background-size:51px 30px;
        vertical-align:middle;
}
.newsRowListWx{
        background-position:-27px 0;}
.newsRowListSina{
        background-position:0 -42px \9;}
.newsRowListSina{
        background-position:-28px -42px \9;}
.newsRowList li{
        width:33.3333333333%;
        float: left;
}
.newsRowListBox{
        background:#fff;
        margin-left:45px;
}
.newsRowListText{
        padding:15px;
        text-align:center;
        line-height:180%;
}
.newsRowListBtn{
        text-align:center;
        padding:30px 0;
}
.row9{
        background:#F5F5F5;
}
.row9Text{
        font-size:30px;
        color:#333;
        margin:0;
        padding:50px 10px;
        text-align:center;
}
.redWeb ul{
        margin:-1px 0 0 -1px;
        padding:0;
        list-style:none;
}
.redWeb ul li{
        width:16.66666667%;
        float:left;
}
.row9 .k_lyout1440{
        padding:0;
}
.redWebBox{
        padding:1px 0 0 1px;
}
.userList ul{
        margin:-20px 0 0 -20px;
        padding:0;
        list-style:none;
}
.userList{
        border-bottom:1px solid #eee;
        padding-bottom:50px;
}
.userList li{
        width:25%;
        float:left;
        text-align:center;
}
.userListBox{
        padding:20px 0 0 20px;
}
.row9{
        background:#F5F5F5;
}

.row10Text{
        margin:0;
        font-size:30px;
        color:#333;
        padding:80px 0;
        text-align:center;
}
.userListPic img{
        border-radius:100%;
        overflow:hidden;
}
.userListName{
        padding:10px 0 0 0;
}
.userListName a{
        font-size:16px;
        color:#333;
}
.userListText{
        color:#999;
        padding:5px 0 0 0;
}
.userListAbout{
        padding:15px 30px 0 30px;
        margin:0 auto;
        position: relative;
}
.userListAbout:before{
        position:absolute;
        background:url(../images/yhIcon.png) no-repeat;
        content:'';
        display:block;
        left:0;
        top:18px;
        width:22px;
        height:16px;
}
.userListAbout:after{
        position:absolute;
        background:url(../images/yhIcon.png) no-repeat -32px 0;
        content:'';
        display:block;
        right:0;
        bottom:0;
        width:22px;
        height:16px;
}
.row11Text{
        font-size:30px;
        color:#333;
        margin:0;
        padding:60px 0 0 0;
        text-align:center;
}
.row11{
        padding:0;
}
.goodWebAbout{
        max-width:625px;
        margin:0 auto;
        text-align:center;
        padding:20px 0 0 0;
}
.goodWebAbout a{
        color:#3BB7FD;
        text-decoration: underline;}
.goodWebMain{
        max-width:690px;
        height:375px;
        margin:20px auto 0 auto;
        position:relative;
}
.goodWebPc{
        width:650px;
        height:375px;
        background:url(../images/pcPhoneBg.png) no-repeat;
        position:relative;
        z-index:1;
}
.goodWebPhone{
        width:130px;
        height:266px;
        background:url(../images/pcPhoneBg.png) no-repeat -651px 0;
        position: absolute;
        z-index:2;
        bottom:0;
        right:0;
        overflow:hidden;
}
.goodWebPcImg{
        position:absolute;
        left:76px;
        top:20px;
        width:495px;
        overflow:hidden;
}
.goodWebPhoneImg{
        position:absolute;
        left:13px;
        top:38px;
        width:105px;
}
.row12{
        background:#F5F5F5;
        padding:70px 0;
        margin-top:90px;

}
.fIcon ul{
        margin:0;
        padding:0;
        list-style:none;
}
.fIcon ul li{
        width:16.66666666666667%;
        float:left;
        text-align:center;
}
.fIconName{
        padding:20px 0 0 0;
        font-size:16px;
        color:#333;
}
.rowBlack{
	background:#333;
	padding:75px 0;
	}
.row13{
	padding:70px 0;
	}
.row13Text{
	width:44%;
	float:left;
	}
.row13Pic{
	width:56%;
	float:left;
	}
.row13TextBox{
	padding:50px 40px 0 0;
	}
.row13TextBox h3{
	font-size:30px;
	padding:0;
	margin:0;
	}
.row13TextBox p{
	margin:20px 0 0 0;
	color:#999;
	}
.row13TextBox p.row13TextFoot{
	margin:30px 0 0 0;
	}
.row13TextBox a{
	color:#666;
	text-decoration:none;
	}
	
.rowBlackPic{
	width:55%;
	float:left;
	}
.rowBlackText{
	width:45%;
	float:left;
	color:#fff;
	}
.rowBlackTextBox{
	margin:75px 0 0 70px;}
.rowBlackTextBox h3{
	font-size:30px;
	padding:0;
	margin:0;
	}
.rowBlackTextBox p{
	margin:20px 0 0 0;
	color:#ccc;
	}
.rowBlackTextBox p.rowBlackTextFoot{
	margin:30px 0 0 0;
	}
.rowBlackTextBox a{
	color:#fff;
	text-decoration:none;
	}
.moreIcon,
.moreIcon2{
	width:18px;
	height:18px;
	display:inline-block;
	background:url(../images/viewIcon.png) no-repeat;
	background-size:37px 29px;
	vertical-align:middle;
	margin-left:5px;
	}
.moreIcon2{
	background-position:right 0;
	}


.footerLink,
.footerLink dd,
.footerLink dt{
        margin:0;
        padding:0;
        list-style:none;
}
.footerLink ul{
        margin:0;
        padding:0;
        list-style:none;
}
.tuweiaFooter{
        background:#333;
        padding:60px 0 10px 0;
}
.footerBox,
.footerBox3{
        width:18%;
        float:left;
}
.footerBox2{
        width:10%;
        float:left;
}
.footerBox3{
        text-align:center;
}
.footerBox3 .btn_2{
        padding:0;
        text-align:center;
        font-size:14px;
        line-height:40px;
        display:block;
        max-width:180px;
        margin:0 auto;
}
.footerLink dt{
        font-size:16px;
        color:#fff;
        padding-left:10px;
}
.footerLink dd{
        padding:10px 0 0 0;
        max-width:130px;
}
.footerLink dd a{
        display:block;
        color:#ccc;
        line-height:26px;
        padding-left:20px;
        background:url(../images/fIinekIcon.gif) no-repeat 10px center;
}
.footerLink dd a:hover{
        background:url(../images/fIinekIcon.gif) no-repeat 10px center #252525;
}
.footShare{
        margin:0;
        padding:0;
        list-style:none;
}
.footShare li{
        padding:0 0 10px 0;
}
.shareWx,
.shareWb,
.shareFk,
.shareTwitter{
        width:25px;
        height:25px;
        display:inline-block;
        vertical-align:middle;
        background-image:url(../images/footShare.png);
        background-repeat:no-repeat;
        background-size:115px 43px;
}
.shareWb{
        background-position:0 0;}
.shareWx{
        background-position:-30px -2px;}
.shareFk{
        background-position:-61px -1px;}
.shareTwitter{
        background-position:-90px -1px;}
.footShare a{
        width:40px;
        height:40px;
        line-height:40px;
        text-align:center;
        background:rgba(255,255,255,0.15);
        display:inline-block;
        border-radius:100%;
}
.footShare a:hover{
        background:rgba(255,255,255,0.25);
}
.footTel{
        font-size:28px;
        color:#fff;
        margin:0;
}
.footerBox3 p{
        color:#ccc;
        padding:10px 0;}
.tuweiaCopyright{
        text-align:center;
        color:#666;
        font-size:12px;
        padding:80px 0 20px 0;
}
.tuweiaCopyright a{
        color:#666;
        margin:0 10px;
        display:inline-block;
}
.tuweiaCopyright a:hover{
        color:#fff;
}
.w_video{
        padding:20px;
        box-shadow:0 0 40px rgba(153,153,153,0.2);
        background:#fff;
        width:960px;
        position:fixed;
        z-index:999;
        top:100px;
}
.w_videoMain{
        margin-right:280px;
        position:relative;
}
.w_videoMainBox{
        height:400px;}
.w_videoMainBox{
        width:100%;
}
.w_videoInfo{
        position:absolute;
        right:0;
        top:0;
        bottom:0;
        width:240px;
        text-align:center;
        padding:20px;
        z-index:1;
}
.w_videoInfo h3{
        color:#333;
        font-size:24px;
        margin:60px 0 0 0;
}
.w_videoInfo  h5{
        margin:10px 0;
        font-size:14px;
        height:58px;
        overflow:hidden;
}
.w_videoInfo p{
        padding:20px 0 0 0;}
.w_videoClose{
        display:inline-block;
        width:30px;
        height:30px;
        position:absolute;
        right:5px;
        top:5px;
        text-align:center;
        line-height:30px;
        z-index:2;
        vertical-align:middle;
        opacity:0.5;
}
.w_videoClose:hover{
        opacity:1;
}
.w_videoClose i{
        width:16px;
        height:16px;
        display:inline-block;
        background:url(../images/close.png) no-repeat 0 bottom;
        vertical-align:middle;
}
.w_videoPlay{
        width:80px;
        height:80px;
        display:inline-block;
        border-radius:100%;
        background:rgba(0,0,0,0.5);
        position:absolute;
        left:50%;
        top:50%;
        margin:-40px 0 0 -40px;
        text-align:center;
        line-height:80px;
}
.w_videoPlay i{
        width:0;
        height:0;
        display:inline-block;
        border-width:20px 20px 20px 0;
        border-style:solid;
        vertical-align:middle;
        margin-left:-5px;

        border-color:transparent rgba(255,255,255,0.5) transparent transparent;
}
.w_videoPlay:hover i{
        border-color:transparent rgba(255,255,255,0.9) transparent transparent;
}
.pageLyout{
        padding-top:60px;
}
.pageAboutText{
        font-size:14px;
        max-width:495px;
        line-height:180%;
        color:#999;
}
.pageTitle{
        font-size:18px;
        color:#333;
        margin:50px 0 10px 0;
}
.pageAbout{
        width:65%;
        float:left;
}

.pageProcess{
	max-width:1200px;
	margin:0 auto;
}
.pageHeaded{
	font-size:30px;
	color:#333;
	padding-top:65px;
	text-align:center;
}
.pageProcessMain{
	padding:0 20px;
	margin-top:50px;
	text-align:center;
}
.pageProcess-phoneImg{
	display:none;
}

.pageHeadSearch{
        width:35%;
        padding:90px 0 40px 0;
		margin:0 auto;
}
.navAttrsBoxList{
        border:1px solid #eee;
}
.navAttrs{
        width:200px;
        float:left;
        padding-bottom:20px;
}
.pageMain{
        padding:40px 0 0 0;
}
.pageContent{
        margin-left:230px;
        overflow:hidden;
}
.navAttrsBoxList{
        margin:0 0 1px 0;
        padding:0;
        list-style:none;
}
.navAttrsBoxList dt{
        background:#eee;
        padding:0 0 0 20px;
        line-height:40px;
        font-size:14px;
        color:#333;
        position:relative;
}
.navAttrsBoxList dd{
        margin:0;
        padding:0;
        display:none;
}
.navAttrsBoxList.active dd{
        display:block;
}
.navAttrsBoxList dt i{
        display:inline-block;
        height:0;
        width:0;
        font-size:0;
        border-width:8px;
        border-style:solid;
        border-color: #999 transparent transparent transparent;
        position:absolute;
        right:15px;
        top:18px;
        border-radius:2px;
}
.navAttrsBoxList dt i:after{
        display:inline-block;
        height:0;
        width:0;
        font-size:0;
        border-width:8px;
        border-style:solid;
        border-color: #eee transparent transparent transparent;
        border-radius:2px;
        content:'';
        position:absolute;
        top:-10px;
        right:-8px;
}
.navAttrsBoxList.active  dt i{	
        border-color: transparent transparent #999 transparent;
        top:8px;
}
.navAttrsBoxList.active dt i:after{
        border-color:transparent transparent #eee transparent;
        left:-8px;
        top:-6px;
}
.navAttrsType{
        list-style:none;
        margin:0;
        padding:10px;}
.navAttrsType li{
        padding:2px 0;
}
.navAttrsType li a{
        display:block;
        height:30px;
        line-height:30px;
        color:#999;
        padding:0 10px 0 25px;
}
.navAttrsType li.active a{
        background:#F5F5F5;
        color:#E58C1F;
}
.navAttrsType li a:hover{
        color:#E58C1F;
}
.navAttrsIndustry{
        margin:0;
        padding:10px;
        list-style:none;
}
.navAttrsIndustry ul{
        margin:0;
        list-style: none;
        padding:0;
}
.navAttrsIndustryIcon{
        height:1px;
        display: inline-block;
        font-size:0;
        position:relative;
        vertical-align:middle;
        background:#999;
        width:9px;
        vertical-align:middle;
        margin-right:5px;
}
.navAttrsIndustryIcon:after{
        height:9px;
        display: inline-block;
        font-size:0;
        position: absolute;
        background:#999;
        width:1px;
        content:'';
        left:4px;
        top:-4px;
}
.navAttrsIndustry>li.active>a .navAttrsIndustryIcon:after{
        height:0;
        overflow:hidden;
}
.navAttrsIndustry>li>a{
        display:block;
        padding-left:10px;
        color:#666;
        line-height:30px;
}
.navAttrsIndustry li{
        padding:2px 0;
}
.navAttrsIndustry li li a{
        display:block;
        padding-left:24px;
        color:#999;
        line-height:30px;
}
.navAttrsIndustry ul{
        display:none;
}
.navAttrsIndustry li.active  ul{
        display:block;
}
.navAttrsIndustry li.active>a{
        color:#333;
}
.navAttrsIndustry li li.active a{
        background:#f5f5f5;
        color:#E68D1F;
}
.navAttrsIndustry li li a:hover{
        color:#E68D1F;
}
.navAttrsColor li span{
        display:block;
        width:16px;
        height:16px;
        border-width:2px;
        border-style:solid;
        cursor: pointer;
}

.navAttrsColor li span i{
        display:inline-block;
        width:100%;
        height:100%;
        overflow:hidden;
}
.navAttrsColor li{
        float:left;
        padding:5px 4px;
}
.navAttrsColor{
        margin:0;
        padding:14px;
        list-style:none;
}
.navAttrsColorred{
        background:#FF0000;
        border-color:#FF0000;
}
.navAttrsColororange{
        background:#FF9C00;
        border-color:#FF9C00;
}
.navAttrsColoryellow{
        background:yellow;
        border-color:yellow;
}
.navAttrsColorgreen{
        background:green;
        border-color:green;
}
.navAttrsColorsyan{
        background:#00FFFF;
        border-color:#00FFFF;
}
.navAttrsColorblue{
        background:blue;
        border-color:blue;
}
.navAttrsColorpurple{
        background:#FF00FF;
        border-color:#FF00FF;
}
.navAttrsColortan{
        background:#783613;
        border-color:#783613;

}
.navAttrsColorblack{
        background:black;
        border-color:black;
}
.navAttrsColorgray{
        background:gray;
        border-color:gray;	 
}
.navAttrsColorwhite{
        background:white;
        border-color:#ccc;
}
.navAttrsColorother{
        border:none !important;
        padding:2px;
        background:url(../images/colorBlock.jpg) no-repeat center center;
}
.navAttrsColor li:hover span i,
.navAttrsColor li.active span i{
        background:url(../images/gIcon.png) no-repeat center center;
        background-size:20px 20px;
}
.navAttrsColor li:hover span.navAttrsColorwhite{
        background:#ccc;
}
.templateList{
        padding-bottom:60px;
}
.templateListHead{
        background:#f5f5f5;
        overflow:hidden;
        padding-left:5px;
}
.templateTabs a{
        display:inline-block;
        line-height:38px;
        border-bottom:2px solid transparent;
        padding:0 20px;
        float:left;
        color:#333;
}
.templateTabs a:hover{
        border-bottom:2px solid #E78E1F;
}
.templateTabs a.active{
        background:#fff;
        border-bottom:2px solid #E78E1F;
}
.navAttrsTitle{
        display:none;
}
.templateListStyle{
        float:right;
}
.templateListStyle a{
        display:inline-block;
        width:40px;
        height:40px;
        float:left;
        text-align:center;
        line-height:40px;
}
.templateListStyle a:hover{
        background:#E78E1F;
}
.templateListStyle a i{
        width:18px;
        height:18px;
        background:#ccc;
        display:inline-block;
        vertical-align:middle;
        position:relative;
}
.templateListStyle_1 i:before{
        width:100%;
        height:4px;
        display:block;
        border-top:2px solid #f5f5f5;
        border-bottom:2px solid #f5f5f5;
        content:'';
        top:5px;
        position:absolute;
}
.templateListStyle_1 i:after{
        width:2px;
        height:100%;
        display:block;
        background:#f5f5f5;
        content:'';
        top:0;
        left:5px;
        position:absolute;
}
.templateListStyle_2 i:before{
        width:100%;
        height:2px;
        display:block;
        background:#f5f5f5;
        content:'';
        top:50%;
        margin-top:-1px;
        position:absolute;
}
.templateListStyle_2 i:after{
        width:2px;
        height:100%;
        display:block;
        background:#f5f5f5;
        content:'';
        top:0;
        left:50%;
        margin-left:-1px;
        position:absolute;
}

.templateListStyle_1:hover i:before,
.templateListStyle_1.active i:before{
        border-color:#E78E1F;
}
.templateListStyle_1:hover i:after,
.templateListStyle_1.active i:after{
        background:#E78E1F;

}
.templateListStyle a:hover i,
.templateListStyle a.active i{
        background:#fff;
}
.templateListStyle_2:hover i:after,
.templateListStyle_2:hover i:before,
.templateListStyle_2.active i:after,
.templateListStyle_2.active i:before,
.templateListStyle a.active{
        background:#E78E1F;
}
.templateKeyword{
        border:1px solid #eee;
        border-top:none;
        padding:20px;
}
.templateKeyword ul{
        margin:-5px 0 0 -20px;
        padding:0;
        list-style:none;
        overflow:hidden;
}
.templateKeyword li{
        float:left;
}
.templateKeyword li.templateKeywordAll{
        float:right;
}
.templateKeywordAll .templateKeywordBox{
        background:none;
        color:#ccc;
}
.templateKeywordAll .templateKeywordBox:hover{
        background:none;
}
.templateKeywordBox{
        display:inline-block;
        background:#f5f5f5;
        line-height:30px;
        padding:0 25px 0 5px;
        margin:5px 0 0 20px;
        position:relative;
        cursor:pointer;
        color:#999;
}
.templateKeywordBox i{
        display:inline-block;
        width:9px;
        height:9px;
        background:url(../images/close.png) no-repeat 0 bottom;
        background-size:16px 25px;
        position:absolute;
        right:6px;
        top:10px;
        opacity:0.5;
}
.templateKeywordBox:hover{
        color:#333;
        background:#eee;
}
.templateKeywordBox:hover i{
        opacity:1;
}
.templateList>ul>li{
        padding:30px 0 0 0;
}
.templateList>ul{
        margin:0;
        padding:0;
        list-style:none;
}
.templateListPic{
        width:465px;
        float:left;
}
.templateListMain{
        margin-left:465px;
        background:#F5F5F5;
        padding:20px;
        position:relative;
}
.templateListMain:after{
        width:0;
        height:0;
        display:block;
        content:'';
        border-width:6px 5px 6px 5px;
        border-style:solid;
        border-color: transparent #f5f5f5 transparent transparent;
        position:absolute;
        left:-10px;
        top:36px;
}
.templateListBox{
        border:1px solid #f5f5f5;
        margin-right:2px;}
.templateInfo{
        border-bottom:1px solid #eee;
        overflow:hidden;
}
.templateListTitle{

        margin-bottom:0;
}
.templateLisHead{
        padding-bottom:30px;
        border-bottom:1px solid #eee;
}
.templateListNumber{
        display:none;
}
.templateListTitle a{
        color:#333;
}
.templateInfoBox{
        width:50%;
        float:left;
}
.templateInfoList{
        margin:0;
        list-style:none;
        padding:0;
}
.templateInfoList li.left{
        float:left;
        width:85px;
        line-height:45px;
}
.templateInfoList li.right{
        margin-left:85px;
        line-height:20px;
        padding:13px 0;
        color:#999;
}
.templateListMark{
        background:#E78E1F;
        position:absolute;
        right:-4px;
        line-height:18px;
        height:36px;
        color:#fff;
        padding:5px 20px 5px 10px;
        top:20px;
}
.templateListMark:after{
        width:0;
        height:0;
        display: block;
        border-width:2px;
        border-style:solid;
        border-color:#E78E1F transparent transparent #E78E1F;
        content:'';
        position:absolute;
        right:0;
        bottom:-4px;
}
.templateListMark:before{
        width:0;
        height:0;
        display: block;
        border-width:23px;
        border-style:solid;
        border-color:transparent #E78E1F transparent transparent;
        content:'';
        position:absolute;
        left:-46px;
        bottom:0;
}
.templateInfoBtn{
        padding:30px 0 0 0;
}
.templateInfoBtn .btn_1{
        line-height:45px;
}
.previewIcon,
.infoIcon,
.tickIcon{
        width:25px;
        height:18px;
        display:inline-block;
        vertical-align:middle;
        background:url(../images/templateIcon.png) no-repeat;
        background-size:25px 56px;
        margin-right:10px;

}
.infoIcon{
        background-position: center -20px;
        width:12px;}
.tickIcon{
        background-position: center -42px;
        width:20px;
}
.templatePicBox{
        padding:45px 0;
        margin:0 auto;
        position:relative;
        max-width:433px;
}
.templatePicPc{
        height:250px;
        background:url(../images/t_bg.png) no-repeat;
        position:relative;
        z-index:1;
        text-align:center;
}
.templatePicPc img{
        width:100%;}
.templatePicPc a{
        display:block;
        width:333px;
        height:215px;
        overflow:hidden;
        padding:12px 0 0 50px;
		box-sizing: content-box;
}
.templatePicPhone{
        height:178px;
        width:86px;
        background:url(../images/t_bg.png) no-repeat right 0;
        position:absolute;
        z-index:2;
        bottom:45px;
        right:3px;
}
.templatePicPhone a{
        display:block;
        width:70px;
        height:125px;
        overflow:hidden;
        padding:26px 0 0 8px;
		box-sizing: content-box;
}
.templateListLayout_1 .templateListPic{
        width:auto;
        float:none;
}
.templateListLayout_1 .templateListMain{
        margin-left:0;
}
.templateListLayout_1 .templateInfo{
        display:none;
}
.templateListLayout_1 .templateInfoBtn{
        text-align:center;
}
.templateListLayout_1 .templateLisHead{
        border:none;
}
.templateListLayout_1 .templateListNumber,
.templateListLayout_1 .templateListTitle{
        display:inline-block;
}
.templateListNumber{
        padding-left:5px;}
.templateListLayout_1 .templateListTitle a{
        font-size:14px;
        color:#1FADFF;
}
.templateListLayout_1 .templateListMain:after{
        border-width:8px;
        border-color:transparent transparent #f5f5f5 transparent;
        left:30px;
        top:-16px;
}
.templateListLayout_1.templateList > ul > li{
        width:50%;
        float:left;
}
.templateListLayout_1 > ul{
        margin-left:-30px;
}
.templateListLayout_1 .templatePicBox{
        padding:25px 0;
}
.templateListLayout_1 .templateListBox{
        margin-left:30px;
}
.templateListLayout_1 .templateInfoBtn{
        padding:0;
}
.templateListLayout_1 .templateInfoBtn .btn_1{
        line-height:40px;
}
.pageMore{
        position:relative;
        text-align:center;
        margin:50px 0;
}
.pageMore a{
        display:inline-block;
        line-height:35px;
        padding:0 20px;
        background:#666;
        color:#fff;
        position:relative;
        z-index:2;
}
.pageMore a:hover{
        background:#E78E1F;
        color:#fff;}
.pageMore:before{
        position:absolute;
        left:0;
        right:0;
        top:50%;
        height:1px;
        overflow:hidden;
        background:#f5f5f5;
        z-index:1;
        content:'';
}
.pageCrumbs{
        color:#333;
}
.pageCrumbs a{
        display:inline-block;
        position:relative;
        padding-right:20px;
        color:#999;
}
.pageCrumbs a:hover{
        color:#FDAA01;
}
.pageCrumbs a:before{
        width:0;
        height:0;
        display:inline-block;
        content:'';
        border-width:6px;
        border-style:solid;
        border-color: transparent transparent transparent #ccc;
        position:absolute;
        right:0;
        top:4px;
}
.pageCrumbs a:after{
        width:0;
        height:0;
        display:inline-block;
        content:'';
        border-width:6px;
        border-style:solid;
        border-color: transparent transparent transparent #fff;
        position:absolute;
        right:1px;
        top:4px;
}
.pageCrumbs{
        padding:30px 0 0 0;
}
.pageViewHead{
        padding:30px 280px 20px 0;
        border-bottom:1px solid #eee;
        position:relative;
}
.pageViewHeadContent span{
        color:#1FADFF;
        font-size:18px;
        display:inline-block;
        padding-right:4px;
}
.viewInfoIcon{
        width:18px;
        display:inline-block;
        height:18px;
        vertical-align:middle;
        background:url(../images/infoIcon.png) no-repeat;
        background-size:18px 38px;
        margin-top:-3px;
}
.viewInfoBox:hover .viewInfoIcon{
        background:url(../images/infoIcon.png) no-repeat 0 -20px;
        background-size:18px 38px;
}
/**/
.viewInfoBox{
        display:inline-block;
        position:relative;
        z-index:999;
}
.viewInfoBox:hover .infoTips{
        display:block;
}
.infoTips{
        background:#fff;
        padding:20px;
        box-shadow:0 0 10px #ccc;
        position:absolute;
        left:-20px;
        top:30px;
        display:none;
}
.infoTipsAngle{
        width:0;
        height:0;
        overflow:hidden;
        display:block;
        border-width:8px;
        border-style:solid;
        border-color:transparent transparent #fff transparent;
        position:absolute;
        top:-16px;}
.infoTips{
        width:300px;
}
.infoTips p{
        margin:0;
        line-height:24px;
}
.infoTips h4{
        margin:0 0 10px 0;
}
.infoTipsFoot{
        color:#333;
        padding-top:5px;
}
.pageViewHeadNote{
        padding:10px 0 0 0;
        color:#999;
}
.pageViewHeadName{
        font-size:18px;
        color:#333;
        margin:0 0 10px 0;
}
.pageViewHeadBtn{
        position:absolute;
        right:0;
        bottom:25px;
}
.pageViewHeadBtn .btn_1{
        line-height:40px;
}
.pageViewBox1{
        width:66.666667%;
        float:left;
}
.pageViewBox2{
        width:33.333333%;
        float:left;
}
.pageViewBoxPad{
        margin-left:30px;
}
.pageViewLayout{
        margin-left:-30px;
}
.pageViewBar{
        margin-top:20px;
}
.pageViewBarHead{
        background:#F5F5F5;
        line-height:40px;
        position:relative;
}
.pageViewBarMain{
        border:1px solid #f5f5f5;
}
.pageViewBarTitle{
        font-size:16px;
        color:#333;
        padding-left:20px;
}
.pageViewBarRowBox{
        width:50%;
        max-width:200px;
        float:left;
}
.pageViewBarUl{
        margin:0;
        padding:0;
        list-style:none;
}
.pageViewBarUl li.left{
        width:85px;
        float:left;
        line-height:24px;
        padding:10px 0;
        color:#999;
}
.pageViewBarUl li.right{
        margin-left:85px;
        padding:10px 0;
        line-height:24px;
}
.pageViewBarMainPad{
        padding:20px;
}
.pageViewBarRow{
        border-bottom:1px solid #f5f5f5;}
.pageViewBarRow:nth-last-child(1){
        border:none;}
.pageViewBarTabs{
        padding-left:5px;}
.pageViewBarTabs a{
        display:inline-block;
        line-height:38px;
        border-bottom:2px solid transparent;
        padding:0 20px;
        float:left;
        color:#333;
        font-size:16px;
}
.pageViewBarTabs a:hover{
        border-bottom:2px solid #E78E1F;
}
.pageViewBarTabs a.active{
        background:#fff;
        border-bottom:2px solid #E78E1F;
}
.pageViewBarTool{
        position:absolute;
        right:0;
        top:0;
}
.viewShareWx,
.viewShareWb,
.viewShareCollect{
        width:24px;
        height:24px;
        display:inline-block;
        vertical-align:middle;
        background:url(../images/viewFx.png) no-repeat;
        background-size:82px 44px;
}
.viewShareWx{
        background-position:2px -22px;}
.viewShareWb{
        background-position:-28px -22px;}
.viewShareCollect{
        background-position:-59px -22px;}
.pageViewBarTool a{
        display:inline-block;
        margin-right:10px;
}
.pageViewBarTool a.active .viewShareWx,
.viewShareWx:hover{
        background-position:2px 3px;}
.pageViewBarTool a.active .viewShareWb,
.viewShareWb:hover{
        background-position:-28px 3px;}
.pageViewBarTool a.active .viewShareCollect,
.viewShareCollect:hover{
        background-position:-59px 3px;}
.pageViewAlike{
        list-style:none;
        margin:0;
        padding:0;
}
.pageViewAlikePic{
        width:70px;
        float:left;
}
.pageViewAlikeMain{
        margin-left:85px;
}
.pageViewAlikeMain p{
        padding:0 0 5px 0;
        margin:0;
        color:#333;
}
p.pageViewAlikeName{
        color:#999;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
}
.pageViewAlike li{
        padding:10px 0 0 0;}
.pageViewBox2 .pageViewBarMain,
.pageViewBox1 .pageViewBarMain{
        min-height:300px;
}
.pageViewWriter ul{
        margin:0;
        padding:0;
        list-style:none;
}
.pageViewWriter li{
        width:33.333333333%;
        float:left;
        text-align:center;
}
.pageViewWriterPic{
        max-width:90px;
        margin:0 auto 15px auto;
        display:block;
        border-radius:100%;
        overflow:hidden;	
}
.pageViewWriterBox p{
        color:#999;
        margin:0;
}
.pageViewWriterBox a{
        color:#333;
}
.pageViewTemplateList ul{
        padding:0;
        list-style:none;
        margin:-20px 0 0 -20px;
}
.pageViewTemplateList ul li{
        width:25%;
        float:left;
        text-align:center;
}
.pageViewTemplateList ul li a{
        display:block;
        padding-bottom:10px;
        color:#666;
}
.pageViewTemplateListPad{
        padding:20px 0 0 20px;}
/**/
.pageViewBanner{
        position:relative;
        max-width:900px;
        margin:0 auto;
        padding:50px 0;
}
.viewBanner{
        max-width:850px;
        margin:0 auto;
        position:relative;
        overflow:hidden;
}
.viewBannerPc{
        width:850px;
        height:513px;
        background:url(../images/bigPcPhone.png) no-repeat;
        position:relative;
        z-index:1;
}
.viewBannerPhone{
        width:164px;
        height:342px;
        background:url(../images/bigPcPhone.png) no-repeat right 0;
        position: absolute;;
        z-index:2;
        right:0;
        bottom:0;
}
.viewBannerPcImg{
        width:650px;
        height:420px;
        padding:26px 0 0 100px;
        overflow:hidden;
}
.viewBannerPhoneImg{
        width:135px;
        height:240px;
        padding:50px 0 0 15px;
        overflow:hidden;
}
.viewBanner-right{
        position:absolute;
        top:50%;
        margin-top:-20px;
        width:20px;
        z-index:99;
        right:-20px;
}
.viewBanner-left{
        position:absolute;
        top:50%;
        margin-top:-20px;
        width:20px;
        z-index:99;
        left:-20px;
}
.viewBanner-right:before{
        display:block;
        width:0;
        height:0;
        content:'';
        border-width:30px 0 30px 30px;
        border-style:solid;
        border-color:transparent transparent transparent #ccc;
        position:absolute;
        right:0;
        top:50%;
}
.viewBanner-right:after{
        display:block;
        width:0;
        height:0;
        content:'';
        border-width:30px 0 30px 30px;
        border-style:solid;
        border-color:transparent transparent transparent #fff;
        position:absolute;
        right:1px;
        top:50%;
}
.viewBanner-left:hover:before{
        border-color:transparent #999 transparent transparent;
}
.viewBanner-right:hover:before{
        border-color:transparent transparent transparent #999;
}

.viewBanner-left:before{
        display:block;
        width:0;
        height:0;
        content:'';
        border-width:30px 30px 30px 0;
        border-style:solid;
        border-color:transparent #ccc transparent transparent;
        position:absolute;
        left:0;
        top:50%;
}
.viewBanner-left:after{
        display:block;
        width:0;
        height:0;
        content:'';
        border-width:30px 30px 30px 0;
        border-style:solid;
        border-color:transparent #fff transparent transparent;
        position:absolute;
        left:1px;
        top:50%;
}
.pageLayout{
        padding:30px 0 0 0;
}
.pageLayoutSidebar{
        width:250px;
        float:left;
}
.pageLayoutMain{
        margin-left:290px;
}
.pageSidebarTitle{
        font-size:20px;
        line-height:60px;
        color:#666;
        background:#f5f5f5;
        padding-left:15px;
}
.pageSidebarNav ul{
        list-style:none;
        margin:0;
        padding:0 0 50px 0;
        background:#f5f5f5;
}
.pageSidebarNav ul li{}
.pageSidebarNav ul li a{
        display:block;
        line-height:40px;
        border-left:3px solid transparent;
        padding-left:15px;
        color:#666;
}
.pageSidebarNav ul li.active a,
.pageSidebarNav ul li a:hover{
        border-left:3px solid #1FAEFF;
        background:#fff;	
}
.pageMainTitle{
        border-bottom:1px solid #EDEDED;
        padding:0 0 5px 0;
        position:relative;
}
.titleBack{
        position:absolute;
        right:0;
        top:6px;
}
.titleBackBtn{
        position:relative;
        display:inline-block;
        padding-left:15px;
        color:#666;
}
.titleBackBtn:before{
        display:inline-block;
        width:0;
        height:0;
        content:'';
        border-width:6px 6px 6px 0;
        border-style:solid;
        border-color: transparent #333 transparent transparent;
        position:absolute;
        left:0;
        top:4px;
        border-radius:1px;
}
.titleBackBtn:hover:before{
        border-color: transparent #E8952E transparent transparent;
}
.titleBackBtn:after{
        display:inline-block;
        width:0;
        height:0;
        content:'';
        border-width:6px 6px 6px 0;
        border-style:solid;
        border-color: transparent #fff transparent transparent;
        position:absolute;
        left:1px;
        top:4px;
        border-radius:1px;
}
.caseViewMain{
        padding:30px 0 0 0;
        min-height:300px;
}

.caseViewTilte{
        color:#333;
        font-size:18px;
        margin:35px 0 10px 0;
}
.pageMainTitle h2{
        margin:0;
        font-size:22px;
        color:#333;
        padding:0;
}
.pageMainTop{
        padding:35px 0;
        overflow:hidden;
}
.pageMainTopText{
        max-width:625px;
        float:left;
        line-height:28px;
        color:#999;
}
.pageMainTopBtn{
        float:right;
        padding:5px 0 0 0;
}
.pageMainTopBtn .btn_1{
        line-height:40px;
        padding:0 20px;
}
.fancySelect{
        height:26px;
        position:relative;
        z-index:10001;
        line-height:20px;
        background:#fff;
        cursor:default;
        font-size:14px;
}
.fancySelect div{
        height:40px;
        line-height:40px;
        background:#fff;
        border:1px solid #ccc;
        padding:0 25px 0 10px;
        position:relative;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        color:#999;
}
.fancySelect.over div{
        background:#fff;
        border:1px solid #999;
        color:#333;
}

.fancySelect div span{
        position:absolute;
        right:10px;
        top:15px;
        width:7px;
        height:11px;
        display:inline-block;
        overflow:hidden;
        background:url(../images/icon.png) no-repeat -54px -151px;
        opacity:0.5;
}
.fancySelect.over div span{
        opacity:1;
}
.fancySelect ul{
        position:absolute;
        background:#fff;	
        border:1px solid #ccc;
        margin-top:1px;
        overflow:hidden;
        box-shadow:0 0 13px #999;
}
.fancySelect li{
        border-bottom:1px solid #ccc;
        padding:0 5px 0 30px;
        height:30px;
        line-height:30px;
        position:relative;
        text-overflow:ellipsis;
        white-space:nowrap;
        list-style:none;
        overflow:hidden;
        color:#999;
}
.fancySelect li:nth-last-child(1){
        border:none;
}
.fancySelect li.over{
        background-color:#F5F5F5;
        color:#333;
}
.fancySelect li.selected{
        background:url(../images/selectIcon.png) no-repeat 8px -28px #F5F5F5;
        color:#333;
        font-weight:bold;
}
.fancySelect li.selected:before,.fancySelect li.selected:after{
        position:absolute;
        background-color:#fff;
}


.fancySelect2{
        height:20px;
        position:relative;
        z-index:10001;
        line-height:20px;
        background:#fff;
        cursor:default;
        font-size:14px;
}
.fancySelect2 div{
        height:20px;
        line-height:20px;
        background:#fff;
        border: none;
        padding:0 25px 0 0;
        position:relative;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        color:#666;
}
.fancySelect2.over div{
        background:#fff;
        border:none;
        color:#333;
}

.fancySelect2 div span{
        position:absolute;
        left:60px;
        top:6px;
        width:12px;
        height:8px;
        display:inline-block;
        overflow:hidden;
        background:url(../images/selectIcon.png) no-repeat center 1px;
        opacity:0.5;
}
.fancySelect2.over div span{
        opacity:1;
}
.fancySelect2 ul{
        width:120px !important;
        list-style:none;
        margin:0;
        padding:0;}
.fancySelect li{
        border:none;
}
.caseList > ul{
        list-style:none;
        margin:0;
        padding:0;
}
.caseList > ul > li{
        float:left;
        width:50%;
}
.caseList > ul > li .templatePicBox{
        padding-bottom:20px;
}
.caseList  .templatePicPhone{
        bottom:20px;
}
.caseListName{
        display:block;
        text-align:center;
        padding:10px 0 0 0;
        color:#666;
}
.caseList2>ul{
        padding:0;
        margin:0;
        list-style:none;
}
.caseList2Row{

}
.caseList2Pic{
        width:433px;
        float:left;
}
.caseList2Main{
        color:#999;
        padding:40px 0 0 0;
        margin-left:460px;
        line-height:24px;
}
.caseList2Main h4{
        color:#333;
}
.caseList2Main a{
        color:#1FADFF;
}

.newAd{
        background:rgba(0,90,51,0.8);
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        padding:5px 10px;
        text-align:center;
        z-index:999;
}
.newAdClose{
        position:absolute;
        right:10px;
        top:10px;
        color:#fff;
        font-size:20px;
        opacity:0.5;
}
.newAdClose:hover{
        text-decoration:none;
        color:#fff;
        opacity:1;
}
/**/
.dailyWebTear{
        height:90px;
        position:relative;
}
.dailyWebTearLine{
        height:1px;
        overflow:hidden;
        text-align:center;
        left:0;
        right:0;
        position: absolute;
        top:50%;
        z-index:1;
}
.dailyWebTearLine:before{
        height:0;
        max-width:500px;
        display:block;
        border-top:1px dashed #ddd;
        content:'';
        margin:0 auto;
}
.dailyWebTear ul{
        margin:0;
        list-style:none;
        padding:0;
        text-align:center;
}
.dailyWebTear ul li{
        display: inline-block;
}
.dailyWebTearBox{
        position:relative;
        font-size:16px;
        height:40px;
        color:#999;
        z-index:2;
        cursor:pointer;
        width:110px;
        margin-top:38px;
}
.dailyWebTearBox span{
        position:absolute;
        left:0;
        right:0;
        text-align:center;
        bottom:0;
}
.dailyWebTearBox:before{
        display:block;
        content:'';
        width:12px;
        height:12px;
        border:1px solid #B5B5B5;
        border-radius:100%;
        left:50%;
        margin:0 0 0 -7px;
        position:absolute;
        background:#fff;
        top:0;	
}
.dailyWebTearBox:after{
        display:block;
        content:'';
        width:4px;
        height:4px;
        background: #B5B5B5;
        border-radius:100%;
        left:50%;
        margin:0 0 0 -2px;
        position:absolute;
        top:5px;	
}
.dailyWebTearBox:hover{
        color:#83B81F;
}
.dailyWebTearBox:hover:before{
        border:1px solid #83B81F;}
.dailyWebTearBox:hover:after{
        background: #83B81F;}

.active .dailyWebTearBox:before{
        width:90px;
        height:90px;
        background:#fff;
        border-width:3px;
        z-index:-1;
        margin:-40px 0 0 -48px;
}
.active .dailyWebTearBox span{
        top:-6px;
}
.active .dailyWebTearBox{
        color:#83B81F;
        font-size:18px;
}
.active .dailyWebTearBox:after{
        width:0;
        height:0;
        border-width:7px;
        border-style:solid;
        border-color:#B5B5B5 transparent transparent transparent;
        border-radius:0;
        background:none;
        top:auto;
        bottom:-29px;
        margin-left:-7px}
.active .dailyWebTearBox:hover:after{
        border-color:#83B81F transparent transparent transparent;
}
.dailyWebList{
        position:relative;
}
.dailyWebList>ul{
        margin:0;
        padding:20px 0 0 0;
        list-style:none;
}
.dailyWebListBox{
        width:50%;
		float:left;
}
.dailyWebList:after{
        display:block;
        content:'';
        width:1px;
        top:-3px;
        bottom:0;
        left:50%;
        background:#ccc;
        position:absolute;
        z-index:-1;
}
.dailyWebListHead{
        position:relative;
        z-index:3;
        padding-right:90px;
        text-align:right;
}
.dailyWebListDate{
        line-height:32px;
        display:inline-block;
        padding:0 35px 0 10px;
        background:#83B91F;
        border-radius:32px;
        font-size:16px;
        color:#fff;
        position: absolute;
        right:-18px;
}
.dailyWebListDate:after{
        width:10px;
        height:10px;
        overflow:hidden;
        display:block;
        border:5px solid #fff;
        content:'';
        border-radius:100%;
        position:absolute;
        right:8px;
        top:6px;
}
.dailyWebListTitle{
        font-size:16px;
        margin:0 0 5px 0;
}
.dailyWebListTitle a{
        color:#999;
}
.dailyWebListHead a:hover{
        color:#83B91F;
}
.dailyWebListUrl a{
        color:#999;
        text-decoration:underline;
        display:block;
        white-space:normal;
        word-wrap:break-word;
}

.dailyWebListEven .dailyWebListBox{
        float:right;
}
.dailyWebListEven .dailyWebListHead{
        text-align:left;
        padding:0 0 0 90px;
}
.dailyWebListEven .dailyWebListDate{
        right:auto;
        left:-18px;
        padding:0 10px 0 35px;
}
.dailyWebListEven .dailyWebListDate:after{
        right:auto;
        left:8px;}
.dailyWebList .templatePicBox{
        padding-top:10px;
}
.dailyWebList>ul>li{
        margin-top:-180px;
}
.dailyWebList>ul>li.active{
        margin:50px 0 0 0;
}
.active .dailyWebListTitle a{
        color:#E78E1F;
}
.active .dailyWebListDate{
        background:#E78E1F;
}
.dailyWebList .templatePicBox{
        -webkit-transform:scale(0.8);  
        -moz-transform:scale(0.8);  
        -ms-transform:scale(0.8);  
        -o-transform:scale(0.8);  
        transform:scale(0.8);
}


@media (max-width: 1360px) {
        .row5List ul li{
                width:50%;
                float:left;
        }
        .templateListLayout_1 .templateListMain{
                padding:10px;
        }
        .templateListLayout_1 .templatePicBox{
                max-width:280px;
                padding:20px;
        }
        .templateListLayout_1 .templateListMark{
                top:10px;
        }
        .templateListLayout_1 .templatePicPc{
                width:280px;
                height:162px;
                background-size:337px 162px ;
        }
        .templateListLayout_1 .templatePicPc a{
                padding:8px 0 0 33px;
                width:215px;
                height:140px;
        }
        .templateListLayout_1 .templatePicPhone{
                width:56px;
                height:116px;
                background-size:337px 162px ;
                bottom:20px;
                right:12px;
        }
        .templateListLayout_1 .templatePicPhone a{
                padding:17px 0 0 6px;
                width:45px;
                height:80px;
        }
        .templateListLayout_1 .templateInfoBtn .btn_1{
                padding:0 20px;
                line-height:35px;
        }
        .pageLayoutSidebar{
                width:120px;
                float:left;
        }
        .pageLayoutMain{
                margin-left:140px;
        }
        .row5List ul li{
                width:50%;
        }
}
@media (max-width: 1024px) {
        .templateListPic{
                width:auto;
                float:none;
        }
        .templateListMain{
                margin-left:0; 
        }
        .templateInfoBtn{
                text-align:center;
        }
        .pageLayoutSidebar{
                width:200px;
                float:left;
        }
        .pageLayoutMain{
                margin-left:240px;
        }
        .caseList > ul > li{
                width:auto;
                float:none;
        }
        .pageMainTopText{
                max-width:450px;}
        .dailyWebList>ul>li{
                margin-top:0;
        }
        .dailyWebListBox{
                width:auto !important;
                float:none !important;
        }
        .dailyWebListHead{
                text-align:center !important;
                padding:10px 0 !important;
                background:#fff;
        }
        .dailyWebListDate{
                left:auto !important;
                right:auto !important;
                top:auto !important;
                padding:0 15px !important;
                position:relative;
                line-height:30px;

        }
        .dailyWebListDate:after{
                display:none;
        }
        .dailyWebListTitle{
                margin:5px 0 0 0;
        }
        .dailyWebListUrl{
                margin:0;
                padding:0 0 5px 0;
        }
        .dailyWebList .templatePicBox{
                -webkit-transform:scale(1);  
                -moz-transform:scale(1);  
                -ms-transform:scale(1);  
                -o-transform:scale(1);  
                transform:scale(1);
                padding:0 0 10px 0;
                background:#fff;
                margin-bottom:50px;
        }
        .dailyWebList .templatePicPhone{
                bottom:10px;
        }
        .w_video{
                width:940px;
        }
}
@media (max-width: 960px) {
        .tuweiaNavHide{
                display:none !important;
        }
        .tuweiaNav>ul>li>a{
                margin:0 17px;}
        .rowPic2{
                width:60%;
        }
        .rowText2{
                width:40%;
        }
        .row5List ul li{
                width:auto;
                float:none;
        }
        .row6ListBox p{
                min-height:130px;
        }
        .serviceList li{
                width:50%;
        }
        .redWeb ul li{
                width:25%;
        }
        .footTel{
                font-size:20px;}
        .footerBox{
                width:25%;
        }
        .footerBox2,
        .footerBox3{
                clear:both;
                float:none;
                width:auto;
        }
        .footShare{
                margin:0 auto;
                padding:20px 0;
                text-align:center;
        }
        .footShare li{
                display:inline-block;
                padding:0 10px;
        }
        .footerBox3{
                max-width:200px;
                margin:0 auto;
        }
        .tuweiaCopyright{
                padding:20px 0 0 0;
        }
        .w_video{
                right:10px;
                left:10px;
                margin:0;
        }	
        .w_videoInfo h3{
                color:#333;
                font-size:24px;
                margin:0;
        }
        .w_videoInfo  h5{
                margin:10px 0;
                font-size:14px;
        }
        .w_videoInfo p{
                padding: 0;}	

}
@media (max-width: 960px) {
        .templateListLayout_1.templateList > ul > li{
                width:auto;
                float:none;
        }
        .viewBanner-right,
        .viewBanner-left{
                display:none;
        }

        /**/
        .viewBanner{
                width:748px;
                margin:0 auto;
        }
        .viewBannerPc{
                width:748px;
                height:451px;
                background-size:895px 451px;
        }
        .viewBannerPhone{
                width:145px;
                height:301px;
                background-size:895px 451px;
        }
        .viewBannerPcImg{
                width:570px;
                height:365px;
                padding:27px 0 0 88px;
        }
        .viewBannerPhoneImg{
                width:120px;
                height:212px;
                padding:43px 0 0 14px;
        }
        .pageMainTopText{
                line-height:20px;
                max-width:360px;
        }
        .caseList2Pic{
                width:auto;
                float:none;
        }
        .caseList2Main{
                margin:0;
                padding-top:0;
                text-align:center;
        }

        .w_video{
                width:auto;
                left:40px !important;
                right:40px !important;}
				
		.rowBlackTextBox{
		margin:20px 0 0 20px;}
		

}
@media (max-width: 768px) {
        .phoneDropMenu li{
                display:none;
        }
        .phoneDropMenu li.topMenu{
                display:block;
        }
        .phoneDropMenu.phone_active li{
                display:block;
        }
        .tuweiaHeader{
                box-shadow:none;}
        .tuweiaNav{
                position: absolute;
                right:0;
                left:0;
                top:58px;
                margin:0;
                border-top:1px solid #ddd;
                background:#F5F5F5;
                text-align:center;

        }
        .tuweiaNav ul li a:after{
                bottom:0;}

        .tuweiaNav ul li a{
                display: inline-block;
                margin:0;
                line-height:50px;
                height:50px;
                margin:0 21px;

        }
        .tuweiaNav ul li{
                display:inline-block;
        }
        .tuweiaNav>ul>li:hover .tuweiaNavSon,
        .tuweiaNav>ul>li.active .tuweiaNavSon{
                display:none;
        }
        .logoBox{
                padding:12px 0;
        }
        .accountBox{
                top:10px;}
        .bannerText h2 span{
                display:block;
                font-size:26px;
        }
        .bannerText h2{
                font-size:22px;
        }
        .banner{
                padding-bottom:10px;
                margin-top:30px;}
        .banner:after{
                left:0%;
                right:0%;
                bottom:10px;
                box-shadow:0 0 10px #777;
                height:10%;
        }
        #tuweiaHeader{
                position:relative;}
        .bannerText h2{
                margin-top:90px;
        }
        .arrow-right,
        .arrow-left{
                display:none;
        }
        .videoMain{
                padding:20px 0 0 0;}
        .rowBtn2{
                padding:10px 0 0 0;}
        .rowText2 h3{
                font-size:28px;
                padding:10px 0 10px 0;
                margin:0;
        }
        .grayRow{
                margin:20px 0 0 0;
                padding:20px 0;
        }
        .rowText2,
        .rowPic2{
                float:none;
                width:auto;
                text-align:center;
        }
        .row3{
                padding:20px 0;
        }
        .row3Text1 h3{
                font-size:20px;
                font-weight:bold;}
        .row3Text1 br{
                display:none;
        }
        .row3Pic1{
                padding:20px 0;}
        .row3Text2{
                font-size:16px;
                font-weight:bold;
                padding:20px 0;
        }
        .iconList1 ul li p{
                font-size:14px;
        }
        .row4{
                padding:10px 0;
        }
        .row4Title{
                font-size:28px;
        }
        .row4Title span{
                font-size:55px;}
        .row4List{
                padding:10px 0 0 0;
        }
        .row5{
			padding:20px 0;
        }
        .row6List ul li{
                width:33.3333333333%;
        }
        .row6ListBox p{
                min-height:100px;
                display:none;
        }
        .row6{
                padding:20px 0;
                 
        }
        .row7MainBox{
                width:auto;
                float:none;
                text-align:center;
        }
        .row7Main:after{
                display:none;
        }
        .row7{
                padding:0 0 20px 0;
        }
        .row7Text1 h3{
                font-size:28px;
                margin:0;
        }
        .row7Main {
                padding:0;
        }
        .row7MainBox{
                padding:20px 0 0 0;}
        .row7MainBox h4{
                padding:0;
        }
        .row7MainBoxNav{
                padding:10px 0 0 0;}
        .row8 h3{
                margin:20px 0;
                text-align:center;
                font-size:28px;
        }
        .serviceList li{
                width:auto;
                float:none;

        }
        .serviceListBox{
                padding-bottom:20px;
                border-bottom:1px solid #eee;
        }
        .serviceListBtn{
                text-align:center;
                padding:20px 0;
        }
        .newsRowListBox{
                margin-left:20px;
        }
        .newsRowList ul{
                margin-left:-20px;
        }
        .newsRowList ul li{
                width:50%;
        }
        .newsRowListHeader{
                padding:10px;
        }
        .newsRowList ul li:nth-child(3){
                display:none;
        } 
        .newsRowListText{
                padding:10px 10px 0 10px;
        }
        .newsRowListBtn{
                padding:20px 0;
        }
        .newsRow{
                padding:20px 0;
        }
        .newsRowText h3{
                margin-top:0;}
        .redWeb ul li{
                width:33.3333333333%;
        }
        .redWeb{
                padding:0 10px;}
        .row9Text{
                padding:20px 0;
                font-size:18px;}
        .userList{
                padding-bottom:20px;
        }
        .userList li{
                width:50%;
        }
        .row10Text{
                font-size:28px;
                padding:20px 0;
        }
        .row11Text{
                padding:20px 0;
                font-size:28px;}
        .goodWebAbout{
                padding-top:0;
        }
        .goodWebMain{
                max-width:440px;
                height:254px;
        }
        .goodWebPc{
                width:440px;
                height:255px;
                background-size:530px 255px;
        }
        .goodWebPcImg{
                width:335px;
                height:215px;
                top:14px;
                left:52px;}
        .goodWebPhone{
                width:88px;
                height:180px;
                background-size:530px 255px;
                background-position:right 0;
        }
        .goodWebPhoneImg{
                width:72px;
                top:26px;
                left:9px;}
        .row12{
                display:none;
        }
        .tuweiaFooter{
                padding:20px 0 10px 0;
                margin-top:30px;
        }


        .w_video{
                top:0 !important;
                right:0 !important;
                bottom:0 !important;
                left:0 !important;
                padding:10px;
                margin:0;
                -webkit-overflow-scrolling: touch;  
                overflow-y: scroll; 
                background:#000;
        }
        .w_videoInfoEwm{
                display:none;
        }
        .w_videoMainBox{
                height:250px;
        }
        .w_videoMain{
                margin:0;
                padding:30px 0 0 0;
                text-align:center;
        }
        .w_videoInfo{
                position:relative;
                width:auto;
        }
        .w_videoInfo h3{
                color:#fff;
        }
        .navAttrs{
                width: 100%;
                float:none;
                position:fixed;
                left:0;
                right:0;
                bottom:0;
                z-index:999;
                padding-bottom:0;
        }
        .navAttrsBoxList dd{
                display:none;
        }
        .navAttrsBoxList.active dd{
                display:block;
                background:#fff;
                position:fixed;
                top:0;
                left:0;
                right:0;
                bottom:42px;
                overflow-y:auto;
                padding-top:40px;
        }
        .navAttrsBoxList{
                width:25%;
                float:left;
                margin:0;
                border:none;
                border-top:2px solid #1FAEFF;
        }
        .navAttrsBoxList dt{
                padding:0;
                text-align:center;
                position:relative;
                color:#666;
        }
        .navAttrsBoxList dt i{
                display:none;
        }
        .navAttrsBoxList dt:after{
                width:0;
                height:0;
                content:'';
                border-width:6px;
                border-style:solid;
                border-color:#1FAEFF transparent transparent transparent;
                position:absolute;
                left:50%;
                top:0;
                margin-left:-6px;
                display:none;
        }
        .navAttrsBoxList.active dt{
                color:#000;
        }
        .navAttrsBoxList.active dt:after{
                display:block;
        }
        .navAttrsIndustry{
                padding:0;
        }
        .navAttrsIndustry li{
                padding:1px 0 0 0;
                position:relative;
        }

        .navAttrsIndustry li.active>a{
                background:#1FAEFF;
                color:#fff;
                position:relative;
        }
        .navAttrsIndustry li.active>a:hover{
                background:#1FAEFF;
                color:#fff;
        }
        .navAttrsIndustry>li.active>a:after{
                width:0;
                height:0;
                content:'';
                display:block;
                border-width:5px;
                border-style: solid;
                border-color:#1FAEFF transparent transparent transparent;
                position:absolute;
                left:30px;
                bottom:-10px;
        }
        .navAttrsIndustry > li{
                padding:0 0 1px 0;
                position:relative;
        }
        .navAttrsIndustry > li > a{
                background:#f5f5f5;
                line-height:40px;}
        .navAttrsIndustry li li a:hover,
        .navAttrsIndustry li a:hover{
                color:#1FADFF;
        }
        .navAttrsIndustry li li a{
                line-height:32px;
                padding-left:10px;
        }
        .navAttrsIndustry li ul{
                padding:8px 0;}
        .navAttrsIndustry li li.active a{
                background:none;
                color:#1FADFF;
        }
        .navAttrsIndustryIcon{
                position:absolute;
                right:5px;
                top:20px;
        }
        .navAttrsIndustry li.active .navAttrsIndustryIcon{
                background:#fff;}
        .navAttrsTitle{
                display:block;
                position: fixed !important;
                top:0;
                left:0;
                right:0;
                background:#fff !important;
                z-index:9999;
                height:40px !important;
                line-height:40px !important;
                padding:0 0 0 10px !important;
                color:#000;
                font-weight:bold;
                border-bottom:1px solid #f5f5f5;
        }
        .navAttrsClose{
                width:16px !important;
                height:16px !important;
                display:inline-block;
                background:url(../images/close.png) no-repeat center 0 !important;
                background-size:16px 25px  !important;
                float:right;
                margin:12px 0 0 0;
                padding:0 0 0 14px !important;
        }
        .caseViewMain{
                padding:20px 0 0 0;
        }

        .caseViewTilte{

                margin:20px 0 10px 0;
        }
        /**/
        .navAttrsType{
                padding:0;
        }
        .navAttrsType li{
                float:none;
                padding:0 0 1px 0px;
        }
        .navAttrsType li a{
                display:block;
                line-height:40px;
                height:40px;
                background:#f5f5f5;
        }
        .navAttrsType li a:hover{
                color:#1FADFF;
        }
        .navAttrsType li.active a{
                background:#1FADFF;
                color:#fff;
        }
        /**/
        .navAttrsColor li{
                float:none;
                padding:10px 0 10px 10px;
                margin:0 0 1px 0;
                background:#f5f5f5;
        }
        .navAttrsColor{
                padding:0;
        }
        .pageContent{
                margin-left:0;
        }
        .pageTitle{
                margin:10px 0 0 0;}
        .pageAboutText{
                
        }
        .pageHeaded{
			padding-top: 20px;
		}
		.pageProcessMain img{
			width:400px;
		}
		.pageProcess-pcImg{
			display:none;
		}
		.pageProcess-phoneImg{
			display:block;
			margin:0 auto;
		}
		.pageProcessContent img{
			width:40px;
		}
        .pageHeadSearch{
                padding:60px 0 40px 0;}
        .pageAbout{
                width:40%;
        }
        .pageHeadSearch{
                width:60%;
        }
        .pageMain{
                padding:20px 0 0 0;
        }
        .templateListStyle{
                display:none;
        }
        .templateKeyword{
                display:none;
        }
        .templateList > ul > li{
                padding:20px 0 0 0;}
        .templatePicBox{
                padding:20px 0;
        }
        .templatePicPhone{
                bottom:20px;}
        .templateListMain{
                padding:15px;
        }
        .templateInfoList li.left{
                line-height:40px;}
        .templateInfoList li.right{
                padding:10px 0;
        }
        .templateInfoBtn{
                padding:20px 0 0 0;}
        .pageViewHead{
                padding:20px 0;
                text-align:center;
        }
        .pageViewHeadBtn{
                position:relative;
                bottom:auto;
                padding:10px 0 0 0;
        }
        .pageViewBox1,
        .pageViewBox2{
                width:auto;
                float:none;
        }
        .pageViewAlike li{
                width:33.33333333%;
                float:left;
                text-align:center;
        }
        .pageViewAlikePic{
                float:none;
                width:auto;
                margin:0 auto;
        }
        .pageViewAlikeMain{
                margin:10px 10px 0 10px;
        }
        .pageViewBox2 .pageViewBarMain{
                min-height: inherit;}
        .pageViewBarMainPad{
                padding:10px;
        }
        .pageViewBanner{
                padding:20px 0;
        }
        /**/
        .viewBanner{
                width:480px;
                margin:0 auto;
        }
        .viewBannerPc{
                width:460px;
                height:277px;
                background-size:551px 277px;
        }
        .viewBannerPhone{
                width:90px;
                height:185px;
                background-size:551px 277px;
        }
        .viewBannerPcImg{
                width:350px;
                height:225px;
                padding:16px 0 0 55px;
        }
        .viewBannerPhoneImg{
                width:74px;
                height:130px;
                padding:27px 0 0 9px;
        }
        .pageCrumbs{
                padding: 0;
        }
        .pageLayout{
                padding:20px 0 0 0;
        }
        .pageLayoutSidebar{
                width:auto;
                float:none;
        }
        .pageLayoutMain{
                margin:0;
        }
        .pageMainTop{
                padding:20px;
                text-align:center
        }
        .pageMainTopBtn{
                float:none;
                padding:10px 0 0 0;
        }
        .pageMainTopText{
                float:none;
                max-width:inherit;
        }
        .caseListSelect{
                text-align:center;
        }
        .caseListSelect .fancySelect{
                text-align:left;
        }
        .fancySelect2 ul{
                left:50%;
                margin-left:-60px;}
        .caseListName{
                padding:0 0 10px 0;
        }
        .pageLayoutSidebar{
                padding-bottom:20px;}
        .pageSidebarTitle{
                display:none;
        }
        .pageSidebarNav ul{

                padding:0;
        }
        .pageSidebarNav{
                position:relative;
                height:45px;
        }
        .pageSidebarNav ul li a{
                line-height:45px;
                background:#F5F5F5;
                border-left: none !important;
                border-bottom:1px solid #fff;
        }
        .menuListVertical li.topMenu{
                position:relative;
        }
        .pageSidebarNav ul li.topMenu a{
                background:#1FAEFF;
                color:#fff;}
        .pageSidebarNav ul li.active a{
                background:#f5f5f5;}
        .pageSidebarNav ul li a:hover{
                background:#1FAEFF;
                color:#fff;
        }
        .pageSidebarNav li.topMenu:after {
                background: url(../images/open.gif) no-repeat;
                content: "";
                display: inline-block;
                height: 4px;
                margin-top: -2px;
                overflow: hidden;
                position: absolute;
                right: 12px;
                top: 50%;
                width: 7px;
        }

        .viewInfoBox{
                display:none;
        }
        .pageMore{
                position:relative;
                text-align:center;
                margin:50px 0;
        }
		.rowBlackPic,
		.rowBlackText{
			width:auto;
			float:none;
			text-align:center;
			}
		.rowBlackTextBox{
			margin-left:0;}
		.rowBlackText{
			padding:20px 0 0 0;
			
			}
		.rowBlack{
			padding:20px 0;
			}
		.row13{
			padding:20px 0;
			}
		.row13Text,
		.row13Pic{
			width: auto;
			float:none;
			}
		.row13TextBox{
			padding:0 0 20px 0;
			text-align:center;
			}
		.row13TextBox p{
			margin:10px 0 0 0;}

}
@media (max-width: 480px) {
        .addWebBtn{
                font-size:12px;
                line-height:26px;
                padding:0 10px;
                margin-top:3px;
        }
        .accountRegister{
                font-size:12px;
                line-height:24px;
                padding:4px 10px 0 0;}
        .logoBox{
                width:80px;
                height:22px;
                padding:15px 0 10px 0;
        }
        .newLogo{
                width:80px;
                height:22px;
                background:url(../images/newLogo.png) no-repeat;
                background-size:80px 34px;
        }
        #tuweiaHeader{
                box-shadow:none;
        }

        .tuweiaNav{
                top:50px;
        }
        .tuweiaNav ul li a{
                line-height:50px;
                height:50px;
                margin:0 9px;
        }
        .bannerText h2{
                margin-top:90px;
        }
        .rowBtn2{
                padding:0;
        }
        .row3Text1 h3{
                font-size:14px;}
        .row3Text2{
                font-size:14px;
                font-weight: normal;
        }
        .iconList1 ul{
                margin:-10px 0 0 -10px;}
        .iconList1 ul li{
                width:50%;
        }
        .iconList1Box{
                border:1px solid #EEEEEE;
                border-radius:3px;
                margin:10px 0 0 10px;
                padding:20px 0 10px 0;
        }
        .iconList1 ul li:nth-child(5){
                float:none;
                clear:both;
                width:auto;}
        .iconList1 ul li:nth-child(5) .iconList1Box{
                border:none;
        }
        .iconList1 ul li:nth-child(5) .iconList1Box p{
                padding:0;
        }
        .iconList1 ul li i{
                width:33px;
                height:33px;
                background-size:185px 33px;
                transform:scale(1);
        }
        .iconList1_1{
                background-position:0 0;
        }
        .iconList1_2{
                background-position:-38px 0;
        }
        .iconList1_3{
                background-position:-76px 0;
        }
        .iconList1_4{
                background-position:-114px 0;
        }
        .iconList1_5{
                background-position:-152px 0;
        }
        .row4List li h4{
                font-size:14px;
                padding:5px 0 0 0;
        }
        .row4List li p{
                display:none;
        }
        .row4ListIcon{
                width:50px;
                height:50px;
                line-height:50px;
                font-size:26px;
        }
        .row4List ul li:after{
                width:0;
                height:0;
                content:'';
                display:inline-block;
                border-width:10px;
                border-style:solid;
                border-color:transparent transparent transparent #ccc;
                position:absolute;
                right:-25px;
                top:15px;
                z-index:1;
                border-radius:10%;
        }
        .row4List ul li:before{
                width:0;
                height:0;
                content:'';
                display:inline-block;
                border-width:10px;
                border-style:solid;
                border-color:transparent transparent transparent #F5F5F5;
                position:absolute;
                right:-23px;
                z-index:2;
                top:15px;
                border-radius:10%;
        }
		.row6{
			background:#fff;
			}
        .row6List{
			padding-top:0;
			}
        .row6List ul{
                margin:-10px 0 0 -10px;
        }
        .row6ListBox{
                margin:10px 0 0 10px;
        }
        .row6ListBox{
                padding:10px;
        }
		.row6ListBox h4{
			font-size:14px;
			padding-top:5px;}
		.row6List_1,
		.row6List_2,
		.row6List_3,
		.row6List_4,
		.row6List_5,
		.row6List_6,
		.row6List_7,
		.row6List_8,
		.row6List_9,
		.row6List_10,
		.row6List_11,
		.row6List_12{
				width:34px;
				height:34px;
				display:inline-block;
				background-image:url(../images/adIcon2.png);
				background-size:166px 122px;
				
		}
		.row6List_1{
				background-position:0 0;
		}
		.row6List_2{
				background-position:-44px 0;
		}
		.row6List_3{
				background-position:-88px 0;
		}
		.row6List_4{
				background-position:-138px 0;
		}
		.row6List_5{
				background-position:0 -44px;
		}
		.row6List_6{
				background-position:-44px -44px;
		}
		.row6List_7{
				background-position:-88px -44px;
		}
		.row6List_8{
				background-position:-132px -44px;
		}
		.row6List_9{
				background-position:0 -88px;
		}
		.row6List_10{
				background-position:-44px -88px;
		}
		.row6List_11{
				background-position:-88px -88px;
		}
		.row6List_12{
				background-position:-132px -88px;
		}8
		
		
		
        .row6ListBox p{
                min-height: inherit;}
        .row7Text1 h3{
                font-size:20px;
        }
        .newsRowList ul li{
                width:auto;
                float: none;}
        .newsRowList ul li:nth-child(3){
                display:block;
        } 
        .newsRowList ul{
                margin-top:-20px;}
        .newsRowListBox{
                background:#fff;
                margin-top:20px;
        }
        .row9Text{
                padding:20px 0;
                font-size:16px;
        }
        .redWeb ul li{
                width:50%;
        }
        .userList li{
                width:auto;
                float:none;
        }
        .row11Text{
                font-size:22px;}
        .row6ListBox h4{
                margin:0;
        }

        .goodWebMain{
                max-width:320px;
                height:185px;
        }
        .goodWebPc{
                width:320px;
                height:185px;
                background-size:385px 185px;
        }
        .goodWebPcImg{
                width:245px;
                height:158px;
                top:10px;
                left:37px;}
        .goodWebPhone{
                width:64px;
                height:132px;
                background-size:385px 185px;
                right:10px;
        }
        .goodWebPhoneImg{
                width:52px;
                height:92px;
                top:19px;
                left:7px;}
        .tuweiaFooter{
                padding:0 0 10px 0;
        }
        .footerBox{
                width:auto;
                float:none;
                padding:20px 0 0 0;
        }
        .footerLink dt{
                border-bottom:1px solid #444;
                padding:0 0 10px 0;
        }
        .footShare{
                border-top:1px solid #444;
                margin-top:20px;
        }
        .tuweiaCopyright{
                padding:20px 0 0 0;}
        .tuweiaCopyright a{
                margin:0 4px;}
        .footShare li{
                display:inline-block;
                padding:0 5px;
        }
        .footerBox3{
                margin-bottom:0;
        }
        .footerLink dd{
                max-width:inherit;
        }
        .footerLink ul li{
                width:50%;
                float: left;
        }
        .footerBox3 p{
                margin:0;
                padding:10px 0 0 0;}
		.pageHeaded{
			font-size:26px;
			padding-top: 20px;
		}
		.pageProcessMain{
			margin-top:20px;
		}
        .pageAbout,
        .pageHeadSearch{  
                float:none;
                width:auto;
        }
		.pageHeadSearch{
			padding:40px 0 20px 0 ; 
		}
        .pageTitle{
                margin:0;
        }
        .pageLyout{
                padding-top:70px;}
        .templateInfo{
                display:none;
        }
        .templateListMain:after{
                border-width:8px;
                border-color:transparent transparent #f5f5f5 transparent;
                left:30px;
                top:-16px;
        }
        .templateListNumber,
        .templateListTitle{
                display:inline-block;
        }
        .templateListNumber{
                padding-left:5px;}
        .templateListTitle a{
                font-size:14px;
                color:#1FADFF;
        }
        .templateLisHead{
                border:none;
                padding-bottom:0;}
        .templateListMain{
                padding:10px;
        }
        .templatePicBox{
                max-width:280px;
                padding:10px;
        }
        .templateListMark{
                top:10px;
        }
        .templatePicPc{
                width:280px;
                height:162px;
                background-size:337px 162px ;
        }
        .templatePicPc a{
                padding:8px 0 0 33px;
                width:215px;
                height:140px;
        }
        .templatePicPhone{
                width:56px;
                height:116px;
                background-size:337px 162px ;
                bottom:10px;
                right:12px;
        }
        .templatePicPhone a{
                padding:17px 0 0 6px;
                width:45px;
                height:80px;
        }
        .templateInfoBtn .btn_1{
                padding:0 20px;
                line-height:35px;
        }
        .templateListLayout_1 .templatePicBox{
                padding:10px;
        }
        .templateListLayout_1 .templatePicPhone{
                bottom:10px;}
        .templateListLayout_1 .templateInfoBtn{
                padding-top:20px;
        }

        .pageViewAlike li{
                width:auto;
                float:none;
                text-align:left;
        }
        .pageViewAlikePic{
                float:left;
                width:70px;
        }
        .pageViewAlikeMain{
                margin:0 0 0 80px;
        }
        .pageViewBarRowBox{
                width:auto;
                max-width: inherit;
                float:none;
                border-bottom:1px solid #f5f5f5;
                margin-bottom:-1px;
        }
        .pageViewWriterPic{
                max-width:75px;
        }
        .pageViewTemplateList ul li{
                width:50%;
        }
        .pageViewTemplateListPad{
                padding:10px 0 0 10px;
        }
        .pageViewTemplateList ul{
                margin:-10px 0 0 -10px;
        }
        .pageMainTop{
                padding:20px 0;
                text-align:center
        }
        /**/
        .viewBanner{
                width:289px;
                margin:0 auto;
        }
        .viewBannerPc{
                width:290px;
                height:173px;
                background-size:344px 173px;
        }
        .viewBannerPhone{
                width:57px;
                height:116px;
                background-size:344px 173px;
        }
        .viewBannerPcImg{
                width:218px;
                height:138px;
                padding:10px 0 0 34px;
        }
        .viewBannerPhoneImg{
                width:45px;
                height:80px;

                padding:17px 0 0 7px;
        }

        .dailyWebList > ul > li.active{
                margin:0;
        }
        .dailyWebTearBox{
                width:90px;}
        .dailyWebTearBox span{
                font-size:14px;
        }
        .active .dailyWebTearBox:before{
                width:70px;
                height:70px;
                border-width:2px;
                margin:-31px 0 0 -37px;
                top:0;
        }
        .active .dailyWebTearBox span{
                top:-3px;
        }
        .active .dailyWebTearBox:after{
                bottom:-16px;
        }
        .templateList{
                padding-bottom:0;
        }
}