@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(menu.css);
.header{height:79px; background:url(../images/topbg.gif) repeat-x;}
.logo{float:left;display:block;}
/**/
.topNav{position:relative;float:left; margin-top:47px; z-index:188;  }
.topNavBtn{display:none;padding-left:20px;background:url(../images/icon.gif) no-repeat 0px 1px;}
#topNavContainer{ display:none; position:absolute; top:18px;left:20px; width:150px; border:1px solid #E0E0E0; background:#fff;}
#topNavContainer li{padding-left:25px; background: url(../images/icon5.gif) no-repeat scroll 10px 50% transparent; line-height:22px;}
/*ť*/
.topBtn{float:right; padding-top:23px;}
.topBtn ul{}
.topBtn li{float:left; width:67px; padding-left:40px; color:#000;font:14px/42px Microsoft YaHei; }
.topBtn li a{color:#000;text-decoration:none; }
.topBtn li a:hover {color:#ff3300;text-decoration:none;}
.topBtn li.cycle1{background:url(../images/tp1.gif) no-repeat right;}
.topBtn li.cycle2{background:url(../images/tp2.gif) no-repeat right;}
.topBtn li.cycle3{background:url(../images/tp3.gif) no-repeat right;}
.topBtn li.cycle4{background:url(../images/tp4.gif) no-repeat right;}
/*˵*/
.i_nav{ height:40px; background:url(../images/navb.gif) repeat-x;}
.i_nav form{ float:right; padding:4px 0 0 30px;background:url(../images/navline.gif) no-repeat left;  height:36px;}
.i_banner{}
.container{ position:relative;}
h6.title{height:31px;padding-left:15px; background:url(../images/t1.gif) repeat-x;}
h6.title span{float:left;} 
h6.title a{ float:right;padding-right:18px; background:url(../images/icon4.gif) no-repeat 30px center;}
.bannerBtn{ position:absolute; top:-48px;}
.bannerBtn li{float:left; padding-right:30px;}
.bannerBtn img{width:150px;}
#index .bannerBtn img{width:192px;}
#index .bannerBtn{ top:-60px;left:0px;z-index:10;}

.i_left{width:710px; float:left;}

dl.i_t_t{ margin-top:11px; border:solid #e0e0e0 1px; border-bottom:0;width:708px; height:30px; background:url(../images/t1.gif) repeat-x;}
dl.i_t_t2{ border:solid #e0e0e0 1px; border-bottom:0;width:708px; height:30px; background:url(../images/t1.gif) repeat-x;}
dl.i_t_t dt,dl.i_t_t2 dt{float:left; line-height:30px; padding-left:15px; color:#0066cc; font-size:14px; font-weight:bold;}
dl.i_t_t dd,dl.i_t_t2 dd{float:right; padding:7px 11px 0 0;}
dl.i_t_t dd img,dl.i_t_t2 dd img{padding-left:5px;}
#sort{width:708px; border:solid #e0e0e0 1px; border-top:0; background:#fff; margin-bottom:10px;}
#sort dl{ display:inline-block;border-top:1px solid #e7e7e7; width: 706px;height:35px; overflow:hidden;  }
#sort dl.open{ display:inline-block; border: 1px solid #4998E8;width: 706px; height:auto; padding:5px 0;  background:#ECFAFD;}

#sort dt{float:left;width:150px;height:35px; line-height:35px;}
#sort .sortIcon{ display:block;float:left; width:35px;height:35px;}
.sortIcon{ background:url(../images/icon/icon7.png) no-repeat center center;}
#sortIcon1{ background:url(../images/icon/icon6.gif) no-repeat center center;}
#sortIcon2{ background:url(../images/icon/icon7.png) no-repeat center center;}
#sortIcon3{ background:url(../images/icon/icon8.png) no-repeat center center;}
#sortIcon4{ background:url(../images/icon/icon9.png) no-repeat center center;}
#sortIcon5{ background:url(../images/icon/icon10.png) no-repeat center center;}
#sort .quantity{color:#A7A7A7;}
#sort dt a{color:#0066CC; font:bold 14px Microsoft YaHei; height:35px; line-height:35px;}


#sort dd{float:left; width:528px;line-height:35px; }
#sort dd a{ padding:0 5px; white-space:nowrap;}

#sort dd.btnClose,#sort dd.btnOpen{width:28px;text-indent: -9999px; cursor:pointer; }
#sort dd.btnClose{ background:url(../images/icon/xiala.gif) no-repeat center center;}
#sort dd.btnOpen{ background:url(../images/icon/shouqi.gif) no-repeat center 5px;}


.i_p_list{ display:inline-block; margin-bottom:10px; width:708px;padding-bottom:22px; border:solid #e0e0e0 1px; background:#fff;}

.plist{width:708px;}



.plist li{display:block; display:inline; float:left; margin:10px 0 0 25px; width:202px; height:180px;background:url(../images/b1.gif) no-repeat right bottom;line-height:20px;}
.plist img{ display:block; margin:3px; width:196px; height:126px;}
.plist .pt{ display:block;margin:auto; width:180px; overflow:hidden; line-height:23px; white-space:nowrap;text-overflow:ellipsis;cursor:pointer;}
.plist .hover{background:url(../images/hover.gif) no-repeat right bottom;}
.plist .ptl{display:block; overflow:hidden; width:108px; float:left;}
.plist .ptr{float:right; text-align:right;}




.i_rig{width:240px; float:right; padding-top:11px;}

.i_n_list{margin-bottom:10px;border:solid #e0e0e0 1px;width:238px;  background:#fff;}

.i_n_list .ni{display:block;margin:8px auto 0;width:218px;}
.i_n_list .ni img{border:1px solid #ededed;width:98%; height:78px;}
.i_n_list ul{padding:4px 0;}
.i_n_list li{line-height:22px; background:url(../images/icon5.gif) no-repeat 18px 50%; padding-left:36px;}
.i_n_list li a{ display:block; overflow:hidden;width:88%; white-space:nowrap;text-overflow:ellipsis;}
#com_lastistop_csas div{overflow:hidden; height:225px;}
#com_lastistop_csas li{line-height:22px; background:url(../images/icon6.gif) no-repeat 15px 50%; padding-left:36px;}
.mofineProcess{ display:none; width:238px;height:296px; border:solid #e0e0e0 1px; background:#fff;}
.mofineProcess ul{width:200px; margin:0 auto;}
.mofineProcess li{height:38px; line-height:30px; background:url(../images/b2.gif) no-repeat bottom; color:#0066CC;padding-top:12px; padding-left:11px;}
.mofineProcess li.hover{background:url(../images/b3.gif) no-repeat bottom;}


.footerHelp{margin-top:23px;height:123px; background:url(../images/b4.gif) repeat-x; }
.footerHelp ul{width:152px; float:left; padding:12px 0 0 32px;}
.footerHelp .title{border-bottom:solid #559edf 1px;padding-left:2px; }
.footerHelp .title a{color:White;line-height:23px;}
.footerHelp li{line-height:25px; color:#8bb5e4;padding-left:2px;}
.footerHelp li a{color:#8bb5e4;text-decoration:none;}
.footerHelp li a:hover {color:#fff;text-decoration:none;}
.footer{height:129px; background:url(../images/footer.gif) repeat-x;text-align:center;}
.footer .othermenubar{padding:20px 0 0 0;}
.footer .othermenubar a{padding:0 2px; color:White;}
.footer p{ padding-top:8px;}

.p_banner{background:url(../images/pbb.gif) repeat-x;text-align:center;}
.p_banner ul{background:url(../images/pbb.jpg) no-repeat center top; }
.p_t{line-height:38px; padding-left:2px;}
.p_left{width:240px;float:left; padding-top:10px;}
.p_rig{width:710px; float:right;padding-top:10px; overflow:hidden;}
.tempateSortSearch{ display:inline-block; margin-bottom:10px;width:708px; border:solid #e0e0e0 1px; background:#fff;}
.tempateSortSearch h5{ padding-left:15px; background:url(../images/t1.gif) repeat-x;color:#424242; line-height:30px;font-size:14px; font-weight:bold;}

.tempateSortSearch .title{display:inline-block;border-top:1px solid #e7e7e7; width:100%; overflow:hidden; /* height:36px; */}
.tempateSortSearch .title strong{display:block; float:left; width:60px; padding: 5px 7px; color: #0066CC; font-size:14px; text-align:center; line-height:37px;}
.tempateSortSearch .title .all{display:block;float:left; border:1px solid #c1ddf2; height:20px; margin-top:13px; line-height:19px; }
.tempateSortSearch .title .allCurrent{display:block;float:left; border:1px solid #ff3300; margin-top:13px; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;line-height:19px;}
.tempateSortSearch .title ul{display:inline-block; width: 560px; padding: 14px 0px 0px 0px; /* display: table; height:100%; */ }
.tempateSortSearch .title li{float:left; display: block; white-space: nowrap; height: 30px; overflow: hidden; /* border: solid 1px red; */}
.tempateSortSearch .title li.select a{border:1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;}
.tempateSortSearch .title a{ display: block; float: left; margin-right:7px; border:1px solid #fff; padding: 0px 7px; text-align:center; font:bold 14px/18px Microsoft YaHei; color:#0066CC; cursor:pointer;}
.tempateSortSearch .sortIcon{ display:block; float:left; width:22px; height: 21px;}
.tempateSortSearch .title li.hover a{color:#ff3300;}

.tempateSortSearch .content{float:left; width:100%; background: none repeat scroll 0 0 #ECFAFD;line-height:20px;}
.tempateSortSearch .content li{padding:8px 20px 8px 74px;}
.tempateSortSearch .content .all{display:block;float:left; padding:0px 9px; text-align:center;  border: 1px solid #C1DDF2;background:#ECFAFD; background-image:none;line-height:20px; }
.tempateSortSearch .content .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
.tempateSortSearch .content p{ display:block; float:left; width:566px; padding: 0px 2px;}
.tempateSortSearch .content p a{display:block; text-align:center; float:left; border:1px solid #ECFAFD; padding:0px 9px; line-height:21px; white-space:nowrap;}
.tempateSortSearch .content .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}

.tempateSortSearch .paramtitle{display: table; border-top:1px solid #e7e7e7; padding: 8px 20px 8px 0px; _padding: 8px 20px 0px 0px; clear: both; height: 100%;width:100%}
.tempateSortSearch .paramtitle strong{display:block; float:left; width:60px; padding: 0px 7px; color: #0066CC; font-size:14px; text-align:center;line-height:21px;}
#templates_keyword {width:100%;}
#templates_keyword p{width:610px;}
#templates_keyword strong{display:block; float:left; width:60px; padding: 0px 7px; color: #0066CC; font-size:14px; text-align:center;line-height:30px;}
.tempateSortSearch .paramtitle .all{display:block;float:left; padding:0px 9px; text-align:center; border: 1px solid #C1DDF2; background:#ECFAFD; background-image:none;line-height: 20px;}
.tempateSortSearch .paramtitle .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
.tempateSortSearch .paramtitle p{ display:block; float: left; width:566px; padding: 0px 2px; line-height:21px;}
.tempateSortSearch .paramtitle p a{display:block; text-align:center; float:left; padding:0px 9px; line-height:21px; white-space:nowrap;}
.tempateSortSearch .paramtitle .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}

.templateStyle a{padding:0 10px 0 0;}
.templatesColor img{padding:0 15px 0 0;}

.p_content{margin-bottom:10px;width:708px; border:solid #e0e0e0 1px; background:#fff;}
.p_content .title{ padding-left:15px; background:url(../images/t1.gif) repeat-x;color:#424242; line-height:31px;font-size:14px; font-weight:bold;}
.p_content .content{line-height:22px;}
.contentList{ display:inline-block;width:708px; padding-bottom:20px;  background:#fff;}
.contentView{line-height:22px; padding:0px 4px;}




/**/

.p_content ul.p_c_t{height:35px; background:url(../images/t2.gif) repeat-x bottom; padding-top:10px;}
.p_content ul.p_c_t li{line-height:35px; background:url(../images/icon7.gif) no-repeat 13px 50%; padding-left:44px; color:#424242; font-size:14px; font-weight:bold;}

.p_gn{width:680px; margin:0 auto; border-bottom:dashed #e5e5e5 1px; padding:12px 0px;}
.p_gn dl{width:336px; float:left; padding-left:4px;}
.p_gn dt{float:left; width:63px;}
.p_gn dd{float:left; text-align:left; line-height:18px; width:273px;}

.quan{width:44px; height:19px; border:solid #c1ddf2 1px; text-align:center; line-height:19px; float:left;}
.quan1{width:73px; height:21px; background:url(../images/sb.gif) no-repeat right; padding-left:8px;text-align:center; line-height:21px; font-size:14px; color:#ff3300; font-weight:bold; float:left;}
.quan2{}
.quan2 span{float:left; margin-right:8px;}
.quan2 span.hover{background:url(../images/sb1.gif) no-repeat right; width:62px; height:21px; text-align:center; line-height:21px;}
.quan3{width:46px; height:21px; background:url(../images/sb2.gif) no-repeat;text-align:center; line-height:21px; float:left;}
.t_xia1{background:#ecfafd; padding:8px 0px;}



.plist1{width:708px; padding:10px 0px;}
.plist1 dl{float:left; padding:0 0 0 25px; width:202px; height:180px; background:url(../images/b1.gif) no-repeat right bottom;}
.plist1 dt,.plist1 dd{text-align:center; line-height:20px; padding-top:3px;}
.plist1 dl.hover{background:url(../images/hover.gif) no-repeat right bottom;}
.plist1 dl.hover dd{text-align:center; line-height:20px; padding-top:3px; color:#ff3300;}
.pline{height:1px; background:url(../images/line2.gif) repeat-x; font-size:0px; line-height:0px; width:681px; padding:0px; margin:0 auto;}
.page{padding:10px 0 20px 0px;}
.page ul{}
.page li{float:left; margin-right:4px; line-height:24px;}
.page li.p_1{border:solid #ccc 1px; width:24px; text-align:center; font-size:11px;}
.page li.p_2{border:solid #ff6600 1px; width:24px; background:#ffede1; text-align:center; font-size:11px; color:#ff6600; font-weight:bold;}
.page li.p_3{line-height:26px; background:url(../images/next.gif) no-repeat; width:54px; padding-left:8px;}





/**/
#yisencemofine .content,#mofineintroduction .content{padding:10px;line-height:22px;}
#yisencemofine .content img,#mofineintroduction .content img{margin:0 10px 10px; display:inline;}
#yisencemofine .content h4,#mofineintroduction .content h4{ display:block; font-size:18px; font-weight:bold;}
#yisencemofine .content p,#mofineintroduction .content p{margin:10px 0;}

#mofineprocess h3{padding-left:44px;height:35px; background:url(../images/t4.gif) no-repeat bottom; padding-top:10px; color:#424242;line-height:35px; font-size:14px; font-weight:bold;}
#mofineprocess .mflcleft{ float:left;margin-left:20px; width:400px;}
#mofineprocess .mflcleft li{padding:5px 0;line-height:20px;}
#mofineprocess .mflcleft li strong{ display:block;}
#mofineprocess .mflcright{ float:right;margin:10px 30px 0 0; display:inline; }
#mofineprocess .mflcright li{height:50px; width:185px;padding-left:15px;background: url(../images/b2.gif) no-repeat scroll center center transparent;color:#0066CC; line-height:40px;}
#mofineprocess .mflcright li.last{background: url(../images/b3.gif) no-repeat scroll center center transparent;}
#contactus .mflcleft{ display:inline-block;}
#contactus h3{padding-left:44px;height:35px; background:url(../images/t4.gif) no-repeat bottom; padding-top:10px; color:#424242;line-height:35px; font-size:14px; font-weight:bold;}
#contactus .mflcleft ul{float:left;padding-top:5px;}
#contactus .mflcleft li strong{ float:left; display:block; width:100px; text-align:center;}
#contactus .mflcleft li span{ }
#contactus .img{margin:20px 0; display:inline;}

#products .contentView,#wapsite .contentView,#padsite .contentView{padding:0px;}

.footer{ position: relative;}
#mpadcode_icon{ position: absolute; right: 40px; top: 25px;}
.mobicode_caseobj{ position: absolute; left: 48px; top: 13px; background-color: #fff;}
.navline{ position: relative;}
.navline .news_icon{ position: absolute; display: block; width: 9px; height: 14px; right: 10px; top: 5px; background: url(../images/news.gif) no-repeat;}



/*14-08-28*/



.mauto_i {
    margin:0px auto 10px;
    width: 1044px;
}

#index .mauto_i .title  {
    margin-bottom:10px;
    line-height: 35px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 22px;
    background: url(../images/1408/icon_01.gif) no-repeat left center;
    font-family: Microsoft YaHei;
}

    #index .mauto_i .title a {
        float: right;
        font-size: 12px;
        font-weight: initial;
        color: #bfbfbf;
    }
        #index .mauto_i .title span {
        font-size: 16px;
        font-weight: initial;
       color: #bfbfbf;
    }



.header > div {
    position: relative;
}

.h_link {
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
}

    .h_link a {
        display: inline-block;
        padding: 8px 10px;
        color: #bfbfbf;
    }

.h_link_icon {
    position: absolute;
    right: 0px;
    top: 40px;
    display: inline-block;
}

    .h_link_icon a {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        text-indent: -5000px;
    }

        .h_link_icon a img {
            display: none;
            position: absolute;
            width: 145px;
            height: 161px;
            top: 35px;
            left: -42px;
            z-index: 300;
        }

        .h_link_icon a:hover img {
            display: inline-block;
        }

    .h_link_icon .i1 {
        background-image: url(../images/1408/icon-2.png);
    }

    .h_link_icon .i2 {
        background-image: url(../images/1408/icon-3.png);
    }

    .h_link_icon .i3 {
        background-image: url(../images/1408/icon-4.png);
    }

    .h_link_icon .i4 {
        background-image: url(../images/1408/icon-5.png);
    }
/*搜索FAQ*/
.searchFap {
    padding: 10px 0px 0px;
}

    .searchFap input {
        border: 1px solid #e0e0e0;
        border-right: 0px;
        height: 26px;
        padding: 0px 0px 0px 10px;
        width: 400px;
        float: left;
    }

    .searchFap .btn {
        border: 1px solid #e0e0e0;
        width: 100px;
        height: 28px;
        float: left;
        background-color: #25a6eb;
        color: #ffffff;
    }



    .searchFap div {
        display: inline-block;
        overflow:hidden;
        width:520px;
        height:28px;
        line-height: 25px;
        float: left;
        padding: 2px 0px 0px 10px;
    }

    .searchFap a {
        display: inline-block;
        padding: 0px 10px;
    }
/*媒体关注*/
.mediaAttention .top {
    width: 370px;
}

.mediaAttention .list {
    width: 670px;
    display: inline-block;
}

    .mediaAttention .list a {
        display: block;
    }

    .mediaAttention .list a {
        display: inline-block;
        width: 100%;
        padding-bottom: 17px;
        line-height: 22px;
    }

        .mediaAttention .list a:hover {
        }

        .mediaAttention .list a .img {
            display: block;
            overflow: hidden;
            margin: 0px 10px;
            width: 130px;
            height: 130px;
            float: left;
        }

        .mediaAttention .list a img {
            display: inline-block;
            width: 100%;
        }

        .mediaAttention .list a .t {
            display: block;
            overflow: hidden;
        }

        .mediaAttention .list a .i {
            display: block;
            color: #b0b0b0;
            padding-bottom: 5px;
        }

        .mediaAttention .list a .c {
            display: block;
            overflow: hidden;
            height: 76px;
            color: #b0b0b0;
            line-height: 2.2em;
        }

/*PC模板*/
.pc_temp .list {
    width:1020px;
    margin: auto;
    
}

    .pc_temp .list .item {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 20px 15px;
        background: url(../images/1408/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .pc_temp .list .item i {
            display: block;
            overflow: hidden;
            margin: 14px auto 20px;
            width: 196px;
            height: 126px;
        }



        .pc_temp .list .item img {
            display: inline-block;
            width: 100%;
        }

        .pc_temp .list .item span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }
        /*PC模板 滚动*/
/*.pc_temp .list {
    margin: auto;
}

    .pc_temp .list .item {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 14px;
        background: url(../images/1408/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .pc_temp .list .item i {
            display: block;
            overflow: hidden;
            margin: 14px auto 20px;
            width: 196px;
            height: 126px;
        }



        .pc_temp .list .item img {
            display: inline-block;
            width: 100%;
        }

        .pc_temp .list .item span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }*/



/*手机模板*/

.wap_tempbox {
    width: 1044px;
    margin: auto;
}

   /*.wap_tempbox ol {
        display: inline-block;
        padding: 5px;
        width: 100%;
        overflow: hidden;
    }

.wap_tempbox li{ display:inline-block; float:left; margin:10px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/1408/bg03.jpg) no-repeat left top;}

.wap_tempbox  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }




    .wap_tempbox .itme {
        width: 181px;
        height: 263px;
        position: relative;
        overflow: hidden;
        font-family: arial, sans-serif;
        border: 0;
        float: left;
        display: inline;
        overflow: hidden;
        z-index: 0;
    }

.wap_tempbox .wrap img { border:0;width:217px; height:372px; }

        .wap_tempbox .itme i {
            display: block;
            width: 181px;
            height: 263px;
            position: absolute;
            left: 0;
            top: 263px;
            z-index: 1;
            background: #000;
            filter: alpha(opacity=40);
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.40;
            -webkit-transition: all 0.6s ease-in-out;
        }

        .wap_tempbox .itme .info {
            display: block;
            width: 181px;
            height: 263px;
            position: absolute;
            left: 0;
            top: 263px;
            z-index: 1;
            background: transparent;
            font-size: 12px;
            color: #fff;
            padding: 0;
            margin: 0;
            -webkit-transition: all 0.6s ease-in-out;
        }

            .wap_tempbox .itme .info b {
                display: block;
                font-size: 12px;
                line-height: 12px;
                color: #fff;
                text-align: center;
                margin: 0;
                padding: 30px 0; 
                z-index: 0; 
                filter: alpha(opacity=40);
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
                -webkit-transition: all 0.6s ease-in-out;
                background: url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
            }

            .wap_tempbox .itme .info span {
                display: block;
                padding: 10px;
                line-height: 20px;
            }

                .wap_tempbox .itme .info span img {
                    width: 126px;
                    height: 126px;
                    padding: 5px 0px 0px 17px;
                }

        .wap_tempbox .itme a:hover {
            direction: ltr;
        }

            .wap_tempbox .itme a:hover i {
                top: 0;
            }

            .wap_tempbox .itme a:hover .info {
                top: 0;
            }

.clear {
    clear: left;
}*/




.wap_tempbox ol{display:inline-block;width:100%; overflow:hidden;}

.wap_tempbox li{ display:inline-block; float:left; margin:10px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/1408/bg03.jpg) no-repeat left top;}
.wap_tempbox .itme { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_tempbox  .itme a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_tempbox .itme img { border:0;width:217px; height:372px; }
.wap_tempbox .itme i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_tempbox .itme .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_tempbox .itme .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px;z-index:0; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -webkit-transition: all 0.6s ease-in-out; background:url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_tempbox .itme .info span { display:block; padding:10px; line-height:20px; }
.wap_tempbox .itme .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_tempbox .itme a:hover { direction:ltr; }
.wap_tempbox .itme a:hover i { top:0; }
.wap_tempbox .itme a:hover .info { top:0; }

.wap_tempbox .itme .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_tempbox .itme .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_tempbox .clear { clear:left; }






/*功能优势*/
.functionalAdvantages .box {
    position: relative;
    height: 568px;
    background-image: url(../images/1408/bg_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    line-height: 1.3em;
}

.functionalAdvantages .lt {
    position: absolute;
    width: 175px;
    height: 75px;
}

.functionalAdvantages h5 {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #3196e2;
}

.functionalAdvantages .lt .c {
    overflow: hidden;
    border-top: 1px solid #ededed;
    height: 46px;
    padding-top: 5px;
    color: #a3a3a3;
    font-size: 10px;
}

.functionalAdvantages .l1 {
    top: 0px;
    right: 190px;
}

.functionalAdvantages .l2 {
    top: 170px;
    right: 55px;
}

.functionalAdvantages .l3 {
    top: 310px;
    right: 65px;
}

.functionalAdvantages .l4 {
    top: 465px;
    right: 290px;
}

.functionalAdvantages .l5 {
    top: 465px;
    left: 290px;
    text-align: right;
}

.functionalAdvantages .l6 {
    top: 310px;
    left: 65px;
    text-align: right;
}

.functionalAdvantages .l7 {
    top: 170px;
    left: 55px;
    text-align: right;
}

.functionalAdvantages .l8 {
    top: 0px;
    left: 190px;
    text-align: right;
}
/*成功案例*/
.successStories .list {
    max-height: 100px;
    overflow: hidden;
}

    .successStories .list a {
        display: inline-block;
        padding: 5px 15px;
        line-height: 2em;
    }
/*关于我们*/
#menu_62 .remark {
padding:0 15px;

}
#menu_61 .remark img {
width:100%;


}








/*精典案例*/

#menu_114 .sortbox{border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;

                   line-height:38px;
}
#menu_114 .sortbox strong {
display: inline-block;

padding-left:20px;

color: #0066CC;
font-size: 14px;
text-align: center;
line-height: 21px;
}
#menu_114 .sortbox a{

                   display: inline-block;

padding: 0px 9px;


}
 .p_p_list_menu_114{
     padding:8px;
 }



     .p_p_list_menu_114 a {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 9px 15px;
        background: url(../images/1408/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .p_p_list_menu_114 a i {
            display: block;
            overflow: hidden;
            margin: 13px auto 20px;
            width: 196px;
            height: 126px;
        }



         .p_p_list_menu_114 a img {
            display: inline-block;
            width: 100%;
        }

        .p_p_list_menu_114 a span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }


/*.p_p_list_menu_114{ display:inline-block; padding-bottom:20px; text-align:center;}
.p_p_list_menu_114 li{display:block; display:inline; float:left; margin:10px 0 0 25px; width:202px; height:160px;background:url(../images/1408/b1.gif) no-repeat right bottom;line-height:20px; position: relative;}
.p_p_list_menu_114 img{ display:block; margin:3px; width:196px; height:126px;}
.p_p_list_menu_114 .pt{ display:block; overflow:hidden;line-height:23px;white-space:nowrap;text-overflow:ellipsis; cursor:pointer; height:23px; overflow:hidden;}
.p_p_list_menu_114 .hover{background:url(../images/1408/hover.gif) no-repeat right bottom;}*/
/*SEO案例*/





.p_p_list_menu_116{ display:inline-block; width:100%;}

.p_p_list_menu_116 div{ display:block; position:relative; padding:15px; }
.p_p_list_menu_116 .i{ display:block; float:left; margin-right:15px; border:1px solid #e0e0e0; width:129px;height:92px; }
.p_p_list_menu_116 img{ width:100%; }
.p_p_list_menu_116 .t{display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.p_p_list_menu_116 .c{display:block; overflow:hidden;padding-top:5px; }
.p_p_list_menu_116 .c1{display:block; overflow:hidden; float:left;  width:40px;height:50px;padding-top:5px; }
.p_p_list_menu_116 .c2{display:block; overflow:hidden;height:60px; }
.p_p_list_menu_116 .c2 a{display:inline-block; margin:6px; padding:0px 7px; background-color:#f1f1f1; }
.p_p_list_menu_116 .c2 a:hover{ background-color:#59cdf6; color:#ffffff; }
.p_p_list_menu_116 .top{position:absolute; top:15px; right:20px;
}
.p_p_list_menu_116 .top span{color:#28b0da;
}

/*功能插件*/




.p_p_list_plug_in{padding:10px 10px;}

.p_p_list_plug_in a{ display:inline-block;  margin-bottom:10px;border:1px solid #ffffff;  }
.p_p_list_plug_in a:hover{ border-color:#4998e8;  background-color:#ecfafd; color:inherit; }
.p_p_list_plug_in .l{ display:block; float:left;  width:100px;height:100px; }
.p_p_list_plug_in .i{ display:block;width:100px; overflow:hidden; height:70px; }
.p_p_list_plug_in img{ width:80%; margin:auto; display:block; }
.p_p_list_plug_in .t{display:block; text-align:center; }
.p_p_list_plug_in .c{display:block; overflow:hidden;margin:15px 10px 0px 110px ; height:65px; }

}
.p_p_list_plug_in .top span{color:#28b0da;
}



#plug_in .remark{

    padding:0 10px ;
}


/*.plug_in_sort_list .title
{line-height: 31px;

background: url(../images/t1.gif) repeat-x;
    color: #0066cc;
    text-align:center;
}*/




.plug_in_sort_list li a{display: block;


line-height: 35px;
color: #4c4c4c;
background: url(../Images/1408/icon01.jpg) repeat-x left bottom;text-align: center;
}.plug_in_sort_list li a:hover{ background-position:left top;}
  #plug_in .remark{}
 #plug_in #xweb-ajax-div ul{
     display:inline-block;
     width:100%;
 }
#plug_in #xweb-ajax-div  li{float:left; display:inline; margin-top:10px; margin-right:10px; margin-left:10px; width:196px; height:331px; padding:63px 0 0 16px; background:url(../Images//1408/bg02.jpg) no-repeat left top;}
#plug_in #xweb-ajax-div li img{ border:0;width:181px; height:263px; }











/*手机模板*/

.wapTemplates {
    padding-top:10px;
}
#wapsite .tempateSortSearch{ display:block;  margin-bottom:10px;width:958px; border:solid #e0e0e0 1px; background:#fff;}
#wapsite .tempateSortSearch h5{ padding-left:15px; background:url(../images/t1.gif) repeat-x;color:#424242; line-height:30px;font-size:14px; font-weight:bold;}

#wapsite .tempateSortSearch .title{display:inline-block;border-top:1px solid #e7e7e7; width:100%; overflow:hidden; /* height:36px; */}
#wapsite .tempateSortSearch .title strong{display:block; float:left; width:60px; padding: 5px 7px; color: #0066CC; font-size:14px; text-align:center; line-height:37px;}
#wapsite .tempateSortSearch .title .all{display:block;float:left; border:1px solid #c1ddf2; height:20px; margin-top:13px; line-height:19px; }
#wapsite .tempateSortSearch .title .allCurrent{display:block;float:left; border:1px solid #ff3300; margin-top:13px; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;line-height:19px;}
#wapsite .tempateSortSearch .title ul{display:inline-block; width: 560px; padding: 14px 0px 0px 0px; /* display: table; height:100%; */ }
#wapsite .tempateSortSearch .title li{float:left; display: block; white-space: nowrap; height: 30px; overflow: hidden; /* border: solid 1px red; */}
#wapsite .tempateSortSearch .title li.select a{border:1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;}
#wapsite .tempateSortSearch .title a{ display: block; float: left; margin-right:7px; border:1px solid #fff; padding: 0px 7px; text-align:center; font:bold 14px/18px Microsoft YaHei; color:#0066CC; cursor:pointer;}
#wapsite .tempateSortSearch .sortIcon{ display:block; float:left; width:22px; height: 21px;}
#wapsite .tempateSortSearch .title li.hover a{color:#ff3300;}



#wapsite .tempateSortSearch .content .all{display:block;float:left; padding:0px 9px; text-align:center;  border: 1px solid #C1DDF2;background:#ECFAFD; background-image:none;line-height:20px; }
#wapsite .tempateSortSearch .content .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .content p{ display:block; float:right; width:815px; padding: 0px 2px;}
#wapsite .tempateSortSearch .content p a{display:block; text-align:center; float:left; border:1px solid #ECFAFD; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .content .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}

#wapsite .tempateSortSearch .paramtitle{display: table; width:938px; border-top:1px solid #e7e7e7; padding: 8px 20px 8px 0px; _padding: 8px 20px 0px 0px; clear: both; height: 100%;}
#wapsite .tempateSortSearch .paramtitle strong{display:block; float:left; width:60px; padding: 0px 7px; color: #0066CC; font-size:14px; text-align:center;line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1{position:absolute; right:0px; bottom:38px;width:386px;}
#wapsite .tempateSortSearch .paramtitler2{position:absolute; right:0px; bottom:0px;width:400px;}


#wapsite .tempateSortSearch .paramtitle .all{display:block;float:left; padding:0px 9px; text-align:center; border: 1px solid #C1DDF2; background:#ECFAFD; background-image:none;line-height: 20px;}
#wapsite .tempateSortSearch .paramtitle .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .paramtitle p{ display:block; float: left; width:566px; padding: 0px 2px; line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1 p{width:238px;}
#wapsite .tempateSortSearch .paramtitle p a{display:block; text-align:center; float:left; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .paramtitle .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}


.wap_p_list {
display: inline-block;
border: solid #e0e0e0 1px;
width: 958px;
padding-bottom: 20px;
background: #fff;
}

.wap_p_list ul{display:inline-block;width:100%; overflow:hidden;}

.wap_p_list li{ display:inline-block; float:left; margin:7px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(images/bg03.jpg) no-repeat left top;}
.wap_p_list .wrap { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_p_list  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_p_list .wrap img { border:0;width:217px; height:372px; }
.wap_p_list .wrap i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px;z-index:0;/* background:#000;*/ filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*opacity:0.40;*/ -webkit-transition: all 0.6s ease-in-out; background:url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_p_list .wrap .info span { display:block; padding:10px; line-height:20px; }
.wap_p_list .wrap .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_p_list .wrap a:hover { direction:ltr; }
.wap_p_list .wrap a:hover i { top:0; }
.wap_p_list .wrap a:hover .info { top:0; }

.wap_p_list .wrap .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_p_list .wrap .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_p_list .clear { clear:left; }
#com_lastistop_wapsite  li a{
    display:block;
    overflow:hidden;
   height: 129px;
}
#com_lastistop_wapsite li a.pt{
   height: 23px;
}
#com_lastistop_wapsite .plist img{
    height:auto;
}



.wapTemplates {

}



/*bug*/
#chatframe_1 {
z-index:2;
}
#mofinesuperiority .remark{ padding:0px;}