@charset 'utf-8';

/****首页****/
/*img{max-width:100%;}*/

/*@font-face
{
    font-family: 'SiL';

    src: url('../font/SourceHanSansCN-Light.otf') format('opentype'),
    url('/css/style/djlive/font/league_gothic.ttf') format('truetype');
}
@font-face
{
    font-family: 'SiB';

    src: url('../font/SourceHanSansCN-Bold.otf') format('opentype'),
    url('/css/style/djlive/font/NotoSans-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'SiN';

    src: url('../font/SourceHanSansCN-Normal.otf') format('opentype'),
    url('/css/style/djlive/font/NotoSans-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'SiM';

    src: url('../font/SourceHanSansCN-Medium.otf') format('opentype'),;
}*/
@-webkit-keyframes bounce
{
    from,
    20%,
    53%,
    80%,
    to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
                animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    40%,
    43%
    {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
                animation-timing-function: cubic-bezier(.755, .050, .855, .060);
    }

    70%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
                animation-timing-function: cubic-bezier(.755, .050, .855, .060);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
                transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce
{
    from,
    20%,
    53%,
    80%,
    to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
                animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    40%,
    43%
    {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
                animation-timing-function: cubic-bezier(.755, .050, .855, .060);
    }

    70%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
                animation-timing-function: cubic-bezier(.755, .050, .855, .060);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
                transform: translate3d(0,-4px,0);
    }
}

.bounce
{
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-name: bounce;
            animation-name: bounce;
}
.animated
{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.indexbody
{
    background: #f7f7f7;
}
/*头部*/

.right_pf{position: fixed;
    z-index: 10000;
    top: 40%;
    right: 0;
    width: 28px;
    display:none;
   
}
.right_pf .right_bj{float:right; width:28px; height:93px;  position:absolute; right:0; top:0;  cursor:pointer;}
.index .right_div
{ 
    color:#fff;  opacity:0;
    z-index:10001;
    position:relative; 
    float:left;
    text-align:center;
    padding-bottom: 10px;
    width: 116px;
    background: #003e76;
}
.index .right_div div
{
    font-size: 10px;

    margin-top: 10px;
}
.index .right_div .cur
{
    cursor: pointer;
}
.index ul
{
    margin-top: 0;
    margin-bottom: 0;
}
.index .header
{
    position: relative;
}

.index .header.on
{
    position: fixed; left:0; top:0; width:100%; z-index:999;
}

.index .header .lblue
{
    background: #f5f5f5;padding:10px 0;
}
.index .header .lphone{margin:0 0 0 20px;padding:28px 0 0;display:inline-block;color:#0e52a5;}
.index .header .lphone span
{
    font-size: 18px;
    font-weight: bold;
}
.index .header .logoa
{
    position: relative;
    z-index: 100;
	display:inline-block;
	float:left;
}

.index .lnav
{
    position: relative;
    z-index: 10;

    background: #fff;
    box-shadow: 0 3px 4px rgba(0,0,0,.15);
}
.index .navdiv
{
    position: relative;
    z-index: 10;

    height: 60px;
    padding-top: 10px;
}
.index .lnav .navul
{
    font-size: 0;
	width:90%;
    display: inline-block;

    margin-top: 11px;
    margin-right: 20px;
    margin-bottom: 0;
}
.index .header .navimg
{
    cursor: pointer;
}
.index .lnav .shadow
{
    position: absolute;
    z-index: 9;
    bottom: 0;

    width: 300%;
    height: 60px;
    margin-left: -100%;

    box-shadow: 0 3px 4px rgba(0,0,0,.15);
}
.index .header .searchd
{
    position: absolute;
    z-index: 5;
    top: 125px;
    left: 0;

    display: none;

    width: 100%;

    background: #f7f7f7;
}
.index .header .searchd form
{
    position: relative;

    width: 100%;
}
.index .header .searchd label
{
    font-size: 14px;
    font-weight: normal;

    position: absolute;
    top: 15px;
    left: 5px;

    color: #999;
}
.index .header .searchd input
{
    background: #f7f7f7;
}
.index .header .searchd input.txt
{
    line-height: 50px;

    width: 80%;
    height: 50px;
}
.index .header .searchd input.sub
{
    font-size: 16px;
    line-height: 28px;

    height: 28px;
    margin-top: 13px;
    padding-left: 15px;

    border-left: 1px solid #c6c6c6;
}
.index .lnav .navul .maina
{
    position: relative;
    z-index: 10;

    display: inline-block;

    height: 39px;
}
.index .lnav .navul .maina>a{display:block;height:39px;}
.index .lnav .navul li
{
    font-size: 16px;

    position: relative;

    display: inline-block;

    padding-right: 40px;
    padding-left: 40px;

}

.index .lnav .navul li:before{content:'';width: 1px;height: 24px;background: #d2e2f3;position: absolute;right: 0;top: 0;}
.index .lnav .navul li:hover::after
{
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 50%;
    height: 2px;
    margin-left: -25%;

    content: '';

    background: #3498DB;
}
.index .lnav .sera
{
    position: relative;
    z-index: 100;
	float:right;
	margin:12px;
}
.index .lnav .serinput
{
    display: none;
}
.index .container2
{
    margin-top: -1px;
}
.index .lnav .mform
{
    position: relative;

    display: inline-block;

    margin-right: 48px;
}
.index .lnav .mform .mtxt
{
    width: 182px;
    height: 35px;
    padding-right: 35px;
    padding-left: 5px;

    border: 1px solid #ccc;
}
.index .lnav .mform .msub
{
    position: absolute;
    top: 5px;
    right: 3px;
}
.index .lnav .navimgx
{
    display: none;
}
.index .header .dm
{
    font-size: 14px;

    position: absolute;
    z-index: 100;
    top: 103px;

    display: none;

    width: 100%;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;

    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    overflow-y:auto;
}
.index .header .dm a
{
    color: #444;
}
.index .header .dm .mul li div
{
    padding-top: 15px;
    padding-bottom: 15px;

    cursor: pointer;

    border-bottom: 1px solid #ddd;
}
.index .header .dm .mul ul
{
    display: none;

    border-bottom: 1px solid #ddd;
}
.index .header .dm .mul ul li
{
    padding-top: 15px;
    padding-bottom: 15px;
}
.index .header .dm .mul ul
{
    padding-left: 35px;
}
.index .header .dm .min
{
    display: none;
}
.index .header .ldd
{
    font-family: '微软雅黑';

    position: absolute;
    z-index: 8;
    top: 50px;
    left: 0px;
    display: none;
    overflow: hidden;

    width: 1200px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
	padding-right: 50px;
    background: #fff;
}
.index .lnav .ldd dl
{
    display: inline-block;
    max-width:275px;
    padding-right: 64px;
    padding-left: 20px;

    vertical-align: top;

    border-right: 1px solid #f3f3f3;
}
.index .lnav .ldd dl:first-child
{
    border-left: 1px solid #f3f3f3;
}
.index .lnav .ldd dt
{
    font-size: 16px;
	
    margin-bottom: 25px;

    letter-spacing: 1px;
}
.index .lnav .ldd dt a{font-family:'黑体'!important;}
.index .lnav .ldd dd
{
    font-size: 14px;
    line-height: 2;
	
    letter-spacing: 1px;
	
}
.index .lnav .ldd dd a{width:130px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;}
.index .lnav .ldd.ldd2
{
    left: 261px;

    width: auto;
    padding-right: 50px;
}
.index .lnav .ldd.ldd2 dl
{
    padding-right: 97px;
}
.index .lnav .ldd.ldd3
{
    left: 381px;
	width: auto;
    padding-right: 36px;
}
.index .lnav .ldd.ldd4
{
    left: 471px;

    width: auto;
}
.index .lnav .ldd.ldd5
{
    left: 541px;
    width: auto;
}
.index .lnav .ldd.ldd7
{left: 541px;
  width: auto;
}
.index .lnav .ldd.ldd6
{width: auto;
    left: 541px;
}
.index .lnav .ldd.ldd4 dd
{
    font-size: 16px;
    font-weight: bold;
}
.index .lnav .ldd .imgdl{max-width:none;}
.index .lnav .ldd .imgdl
{
    padding-right: 50px;
    padding-left: 50px;
}
.index .lnav .ldd .imgdl dt
{
    letter-spacing: 0;width: 300px;
}
.index .banner
{
    width: 100%;
    height: 604px;
    overflow:hidden;
}
.index .slideTxtBox
{
    position: relative;
    height: 100%;
}
.index .slideTxtBox .bd{
    height: 100%;
}
.index .slideTxtBox .tempWrap
{
    width: 100%;
    height: 100%;
}
.index .slideTxtBox .tempWrap ul{
    height: 100%;
}
.index .slideTxtBox .play
{
    position: absolute;
    top: 40%;

    margin-top: -38px;

    cursor: pointer;
}
.index .slideTxtBox .prev
{
    left: 30px;
}
.index .slideTxtBox .next
{
    right: 30px;
}
.index .slideTxtBox .bd li
{
    position: relative;
    float: left;
    height: 100%;
    overflow: hidden;

 

}

.index .slideTxtBox .bd li img.img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.index .slideTxtBox .hd
{
    position: absolute;
    bottom: 112px;
    left: 50%;

    float:left;
}
.index .slideTxtBox .hd ul
{
    margin: 0;
    float:left;
}
.index .slideTxtBox .hd li
{
    position: relative;
    z-index: 5;

    display: inline-block;

    width: 40px;
    height: 3px;
    margin-right: 2px;
    margin-left: 2px;
	background: rgba(255,255,255,.8);
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.index .slideTxtBox .hd li.on
{
    margin: 0;
    margin-right: 2px;
    margin-left: 2px;

    border: 2px solid #3498DB;
    background: #3498DB;
}
.index .slideTxtBox .bd li .gdiv
{
    position: absolute;
    top: 50%;
    right: 50%;

    width: 441px;
    height: 274px;
    margin-top: -137px;
    padding: 50px;

    transform: translateX(140%);

    border-radius: 5px;
    background: rgba(1,74,127,.77);
}
.index .slideTxtBox .bd li .gdiv h1,
.index .slideTxtBox .bd li .gdiv h3
{
    /*font-family: 'SiB','微软雅黑';*/
    font-family: '微软雅黑';

    margin-top: 0;
    margin-bottom: 10px;

    letter-spacing: 1.5px;
    font-weight: 600;
}
.index .slideTxtBox .bd li .gdiv h5
{
    font-family: 'SiL','微软雅黑';
    font-style: italic;

    margin-top: 25px;
    margin-bottom: 25px;

    letter-spacing: 1.4px;
}
.index .slideTxtBox .bd li .gdiv h3 img
{
    margin-right: 15px;
    margin-left: -6px;
}
.index .slideTxtBox .bd li .gdiv a,
.index .banner2 a
{
    font-family: 'SiL','微软雅黑';
    font-size: 18px;
    font-style: italic;
    line-height: 44px;

    display: block;

    width: 210px;
    height: 44px;

    letter-spacing: 1px;
    text-align:center;
    color: #ed463e;
    border-radius: 5px;
    background: #fff;
}
.index .slideTxtBox .bd li .gdiv a:hover,
.index .banner2 a:hover
{
    color: #fff;
    background: #ed463e;
}
.index .slideboxm .proul
{
    font-size: 18px;

    background: #fff;
}
.index .slideboxm .proul li
{
    padding-top: 15px;
    padding-bottom: 15px;

    border-top: 1px solid #f7f7f7;
}
.index .slidebox
{
    position: relative;

    background: #f7f7f7;
}
.index .slidebox .btng
{
    position: absolute;
    top: -94px;
    left: 50%;
	margin-left: -600px;
    width: 1200px;
	padding: 0 15px;
}
.index .slidebox .btng li:first-child
{
    border-left: none !important;
}

.index .slidebox .btng li
{
    float: left;
	background: #fff;
    width:16.66%;
    height: 94px;

    border-left: 1px solid #e3e3e3;
}
.index .slidebox .btng li .gdiv
{
    position: relative;

    height: 84px;
    padding-top: 10px;
}
.index .slidebox .btng li .cdiv
{
    font-size: 16px;

    position: absolute;
    bottom: 0;

    width: 100%;

    text-align: center;
}
.index .slidebox .btng li .w
{
    display: none;
}
.index .slidebox .btng li:first-child .gdiv .b{display: none;}
.index .slidebox .btng li:first-child .gdiv .w{display: inline;}
.index .slidebox .btng li.act
{
    color: #fff;
    border-bottom: 6px solid #9B59B6;
    background: #3498DB;
}
.index .slidebox #box2,
.index .slidebox #box3,
.index .slidebox #box4,
.index .slidebox #box5,
.index .slidebox #box2m,
.index .slidebox #box3m,
.index .slidebox #box4m,
.index .slidebox #box5m
{
    z-index: -10;

    opacity: 0;
}
.index .slidebox .lslide
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    padding-top: 50px;
    padding-bottom: 45px;
}
.index .slidebox .tempWrap
{
    width: 100% !important;
}
.index .slidebox .lslide .bd li
{
    position: relative;
    overflow:hidden;
    float: left;
    width: 25%;
    height: 240px;
}
.index .slidebox .lslide .bd li a{display: block;padding: 0 15px;}
.index .slidebox .lslide .bd li a>div{background: #fff;border: 1px solid #ddd;}
.index .slidebox .lslide .bd li img{max-height: 180px;max-width: 100%;}
.index .slidebox .lslide .btnd
{
    font-size: 16px;
    line-height: 48px;
    width: 100%;
    background: #eee;
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
}
.index .slidebox .lslide .btnd:hover
{
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #fff;
    background: #00355b;
}
.index .slidebox .lslide span
{
    position: absolute;
    top: 50%;

    margin-top: -22.5px;

    cursor: pointer;
}
.index .slidebox .lslide .prev
{
    left: -55px;
}
.index .slidebox .lslide .next
{
    right: -55px;
}
.index #focush .gdiv
{
    top: 50%;
    right: 15px;

    width: 237px;
    height: 162px;
    margin-top: -81px;
    padding: 0;
    padding-top: 23px;
    padding-left: 28px;

    border-radius: 5px;
}
.index #focush .gdiv h1
{
    font-size: 20px;
}
.index #focush .gdiv h3
{
    font-size: 14px;

    width: auto;
    margin-bottom: 25px;
}
.index #focush .gdiv h1
{
    font-size: 20px;

    width: auto;
}
.index #focush .gdiv a
{
    font-size: 12px;
    line-height: 26px;

    width: 134px;
    height: 26px;
}
.index #focush .hd
{
    bottom: 30px;
}
.index .banner2
{
    height: 205px;
    margin-top: 335px;

    
}
.index .banner2 h2
{
    font-family: 'SiB','微软雅黑';

    margin-top: 40px;
    margin-bottom: 0;
}
.index .banner2 h4
{
    font-family: 'SiN','微软雅黑';
    font-size: 16px;

    margin-top: 16px;
    margin-bottom: 20px;
}
.index .content .contentm .gdiv
{
    margin-right: 0;
}
.index .content .contentm .th3
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.index .content .contentm .lcon
{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.index .content .contentm .condiv h4
{
    font-size: 16px;

    margin-top: 20px;
}
.index .content .contentm .condiv h6 span
{
    font-size: 18px;
    font-weight: bold;

    color: #02497f;
}
.index .content
{
    background: #f7f7f7;
    padding: 0 0 60px;
}
.index .content .gdiv
{
    display: inline-block;

    margin-right: 38px;
}
.index .content .gdiv:hover img
{
    -webkit-transition: all 2.2s ease-out 0s;
       -moz-transition: all 2.2s ease-out 0s;
        -ms-transition: all 2.2s ease-out 0s;
         -o-transition: all 2.2s ease-out 0s;
            transition: all 2.2s ease-out 0s;
    transform: scale(1.2,1.2);
}
.index .content .gdiv:hover h4
{
    font-weight: bold;
}
.index .content .lastg
{
    margin-right: 0 !important;
}
.index .content .lcon
{
    float: left;

    width: 362px;
    height: 460px;

    word-break: break-all;

    box-shadow: 0 0 15px rgba(0,0,0,.08);
}
.index .content .imgdiv
{
    max-height:199px;
    overflow: hidden;
}
.index .content .lcon img
{
    width: 100%;

    -webkit-transition: all 2.2s ease-out 0s;
       -moz-transition: all 2.2s ease-out 0s;
        -ms-transition: all 2.2s ease-out 0s;
         -o-transition: all 2.2s ease-out 0s;
            transition: all 2.2s ease-out 0s;
}
.index .content .col-md-12 h3
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.index .content .condiv
{
    font-family: '微软雅黑';

    padding-right: 16px;
    padding-left: 16px;
}
.index .content .condiv h4
{
    margin-top: 35px;
    margin-bottom: 20px;

    letter-spacing: 1px;
}
.index .content .condiv h4 a{color: #3498DB;}
.index .content .condiv h6
{
    margin-bottom: 20px;

    letter-spacing: 1.3px;
}
.index .content .condiv p
{
    line-height: 1.428;
letter-spacing: .75px;
    color: #666;
    overflow: hidden;
    font-size:14px;
    height: 80px;
    margin-bottom: 15px;
}
.index .content .condiv a
{
    font-size:14px;
    letter-spacing: 1px;
}
.index .content .lastg .condiv h4
{
    margin-bottom: 10px;
}
.index .content .lastg .condiv h4.sh4
{
    margin-top: 0;
}
.index .content .lastg .condiv p
{
    height: auto;
    margin-top: 10px;
}
.index .content .lastg .condiv p span
{
    font-family: '微软雅黑';
    font-size: 24px;
    font-weight: bold;

    color: #02497f;
}
.index .content .lastg .condiv p.fp
{
    margin-top: 23px;
}
.index .content .lastg .condiv a
{
    display: inline-block;

    margin-top: 26px;
}
.index .lappm #focush3
{
    position: relative;
}
.index .lappm #focush3 .prev img,
.index .lappm #focush3 .next img
{
    width: 19px;
    height: 36px;
}
.index .lappm #focush3 .prev,
.index .lappm #focush3 .next
{
    position: absolute;
    top: 50%;

    margin-top: -18px;
}
.index .lappm #focush3 .next
{
    right: 0;
}
.index .lappm #focush3 .bd li .appcon
{
    overflow: hidden;
    overflow: hidden;

    width: 80%;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;

    text-align: left;
}
.index .lappm h3
{
    margin-top: 20px;
    margin-bottom: 20px;

    color: #02497f;
}
.index .lappm #focush3 .appcon p
{
    width: auto;
}
.index .lapp
{
    padding-bottom: 67px;

    background: #fff;
}
.index .lapp .row1 h2
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.index .lapp .pl
{
    padding-left: 9px;
}
.index .lapp .pr
{
    padding-right: 9px;
}
.index .lapp .appcon
{
    position: relative;

    overflow: hidden;

    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 50px;
}
.index .lapp .appcon h3
{
    font-weight: bold;

    position: relative;
    z-index: 20;

    margin-top: 0;
    margin-bottom: 20px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #3757ab;
}

.index .lapp .appcon p
{
    line-height: 2.14;
    font-size:14px;
    position: relative;
    z-index: 20;

    width: 260px;
    height: 50px;
    height: 76px;
    margin-bottom: 30px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #8997bb;
}
.index .lapp .appcon.bg2 p
{
    width: 375px;
}
.index .lapp .appcon.bg8 p
{
    width: 282px;
}
.index .lapp .appcon.bg9 p
{
    width: 382px;
}
.index .lapp .appcon div[bai]
{
    font-size: 14px;

    position: relative;
    z-index: 20;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    letter-spacing: .75px;

    color: #96a1be;
}
.index .lapp .appcon div[bai].cw{
    color: #fff;
}
.index .lapp .appcon img
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.index .lapp .appcon .cw
{
    color: #fff;
    z-index:20; position:relative;
}
.index .lapp .appcon img.app2
{
    right: 20px;
}
.index .lapp .appcon .mask
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: 0;
    background: #2494ff;
}
.index .lapppc .appcon:hover .mask
{
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: .39;
}
.index .lapppc .appcon:hover p
{
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #fff;
}
.index .lapppc .appcon:hover h3
{
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #fff;
}
.index .lapppc .appcon:hover div[bai]
{
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #fff;
}
.index .lapp .row4
{
    margin-top: 18px;
}
.index .lapp .row3 .appcon
{
    margin-top: 18px;
}
.index .lapp .row3 .col315
{
    float: left;

    width: 31.5%;
    padding-right: 9px;
}
.index .lapp .row3 .col685
{
    float: left;

    width: 68.5%;
    padding-left: 9px;
}
.index .lapp .row3 .col685 .appcon p
{
    width: 230px;
}
.index .lapp .row3 .appcon.long
{
    overflow: hidden;

    height: 487px;
    padding-right: 30px;
    padding-left: 30px;
}
.index .lapp .row3 .appcon.long p
{
    width: auto;
}
.bg1
{
    background: #c8c2c1;
}
.bg2
{
    background: #e6f0f3;
}
.bg3
{
    background: #d1e6ee;
}
.bg4
{
    background: #e6f0f3;
}
.bg5
{
    background: #eaf0f5;
}
.bg6
{
    background: #4799ab;
}
.bg7
{
    background: #d1e6ee;
}
.bg8
{
    background: #eaf0f5;
}
.bg9
{
    background: #3c699e;
}
.index .lp
{
    padding-top: 35px;
    padding-bottom: 55px;
    background: #fff;
    
}
.index .lp h2
{
    margin-top: 0;
    margin-bottom: 20px;
}
.index .lp .slideTxtBox8
{
    position: relative;
    margin:0 12px;
    margin-top: 37px;
}
.index .lp .slideTxtBox8 .bd li
{
    float: left;

    width: 25%;
}
.index #focush4 .bd li
{
    width: 33.333333%;
}
.index .lp .slideTxtBox8 .prev,
.index .lp .slideTxtBox8 .next
{
    position: absolute;
    top: 50%;

    margin-top: -27.5px;

    cursor: pointer;
}
.index .lp .slideTxtBox8 .prev
{
    left: -68px;
}
.index .lp .slideTxtBox8 .next
{
    right: -68px;
}
.index .footer
{
    padding-top: 66px;

    background: #101e36;
}
.index .footer .foot
{
    display: inline-block;

    vertical-align: top;
}
.index .footer .footz h5
{
    margin-top: 20px;

    color: #9cbed8;
}
.index .footer .erweima
{
    margin-top: 20px;
}
.index .footer .foot1
{
    margin-left: 56px;
}
.index .footer dl
{
    margin-right: 69px;

    letter-spacing: .5px;
}
.index .footer dt
{
    font-size: 18px;
    font-weight: normal;

    margin-bottom: 40px;

    color: #a3d5fa;
}
.index .footer dd
{
    font-size: 14px;
    line-height: 2.14;
}
.index .footer dd a
{
    color: #9cbed8;
}
.index .footer .foot6 h4
{
    margin-top: 0;

    letter-spacing: .5px;

    color: #a3d5fa;
}
.index .footer .foot6 h4.phone
{
    font-family: '微软雅黑';
    font-weight: bold;
    letter-spacing: 1.3px;
    font-size: 22px;
    color: #3498DB;
    margin: 0;
    line-height: 1;
	position:absolute;
}
.index .footer .foot6 h4.phone p{color: #296aa2;}
.index .footer .foot6 p
{
    color: #9cbed8;
}
.index .footer .foot6 ul
{
    font-size: 14px;

    margin-top: 10px;
    margin-bottom: 48px;
	padding:50px 0 0;

    color: #9cbed8;
}
.index .footer .foot6 ul li
{
    line-height: 2.14;
}
.index .footer .foot6 .txt
{
    font-size: 14px;

    width: 100%;
    height: 45px;
    margin-bottom: 15px;
    padding-left: 10px;

    color: #666;
    border: none;
    outline: none;
    background: #e9e9e9;
    box-shadow: none;
}
.index .footer .fdiv
{
    position: relative;
}
.index .footer .fdiv .lb
{
    font-size: 14px;
    font-weight: normal;

    position: absolute;
    top: 13px;
    left: 10px;

    margin-bottom: 0;

    color: #b5b5b5;
}
.index .footer .fdiv .lb img
{
    margin-right: 5px;
}
.index .footer .foot6 .sub
{
    font-size: 14px;
    line-height: 35px;

    width: 144px;
    height: 35px;

    border-radius: 3px;
    background: #0c3c60;
}
.index .footer .copyright
{
    font-size: 14px;

    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;

    letter-spacing: .5px;

    color: #48667c;
    background: #2C3E50;
}
.index .footer .copyright a
{
    color: #1f425b;
}

/*关于我们-我们的故事*/
.lau
{
    padding-bottom: 60px;

    background: #f7f7f7;
}
.lau h4
{
    margin-top: 0;
    margin-bottom: 33px;

    color: #014076;
}
.lau p
{
    line-height: 2.14;

    margin-bottom: 33px;
}
.lau img.fl
{
    margin-right: 40px;
}
.lmore{cursor:pointer; margin-top:37px;}
.lmore a
{
    font-size: 14px;
    line-height: 2;
}
/*/*关于我们-我们的历史*/
.lhis
{
    padding-bottom: 60px;
}
.lhis .center-block
{
    margin-bottom: 30px;
}
/*关于我们-认证和奖项*/
.lawa
{
    padding-bottom: 60px;
}
.lawa .lcon
{
    padding: 30px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.lawa .lcon .ll,
.lawa .lcon .lr
{
    float: left;

    width: 50%;
}
.lawa .lcon h4
{
    font-size: 16px;
    font-weight: bold;
}
.lawa .lcon li
{
    font-family: '微软雅黑';
    font-size: 14px;

    margin-top: 35px;

    letter-spacing: 1px;
}
/*关于我们-品牌合作*/
.lpar
{
    padding-bottom: 50px;
}
.lpar .lcon
{
    width: 100%;
    padding-bottom: 38px;

    box-shadow: 0 0 10px rgba(0,0,0,.1);

    padding-top: 9px;
    margin-top: 43px;
}
.lpar .lcon ul
{
    width: 100%;
    margin-bottom: 50px;
}
.lpar .lcon ul li
{
    float: left;
    overflow:hidden;
    width: 25%;
    height: 110px;
    margin-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
}
.lpar .lcon ul li a{display:block; width:100%;}
/*关于我们-工作机会*/
.lwork
{
    padding-bottom: 50px;

    background: #f7f7f7;
}
.lwork .row1 div
{
    float: left;
}
.lwork .row1 .imgdiv
{
    width: 61%;
}
.lwork .row1 .condiv
{
    width: 39%;
    height: 285.867px;
    padding: 45px;

    background: #3498DB;
}
.lwork .row1 .condiv h4
{
    margin-top: 0;
}
.lwork .row1 .condiv p
{
    margin-top: 40px;

    color: #fff;
}
.lwork .row2
{
    margin-top: 20px;
}
.lwork .wrokul li .ttdiv
{
    font-size: 16px;

    margin-top: 30px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;

    cursor: pointer;

    border-left: 5px solid #3498DB;
    background: #fff;
}
.lwork .wrokul .ua
{
    display: none;
}
.lwork .wrokul .drop
{
    display: none;

    padding-left: 30px;
}
.lwork .wrokul li ul
{
    padding-left: 40px;
}
.lwork .wrokul h4
{
    font-size: 16px;
    line-height: 2;

    margin-top: 35px;

    letter-spacing: .75px;
}
.lwork .wrokul li ul li
{
    font-size: 14px;
    line-height: 1.71;

    letter-spacing: .3px;
}
.lwork .wrokul a
{
    line-height: 35px;

    display: block;

    width: 110px;
    height: 35px;
    margin-top: 30px;

    border: 1px solid #3498DB;
}
.lwork .wrokul a:hover
{
    color: #fff;
    background: #3498DB;
}
/*关于我们-环境政策声明*/
.len
{
    padding-bottom: 78px;
}
.len p
{
    line-height: 2.14;

    margin-bottom: 20px;

    color: #333;
}
.len a
{
    line-height: 35px;

    display: block;

    width: 110px;
    height: 35px;

    border: 1px solid #3498DB;
}
.len a:hover
{
    color: #fff;
    background: #3498DB;
}
/*技术与支持-售后支持*/
.lsur
{
    padding-bottom: 97px;

    background: #f7f7f7;
}
.lsur .lcon1
{
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}
.lsur .row2
{
    margin-top: 44px;
}
.lsur .row2 .lcon2
{
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}
.lsur .row2 .condiv
{
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
}
.lsur .row2 .condiv h4
{
    margin-top: 0;
    margin-bottom: 0;
}
.lsur .row2 .condiv ul
{
    margin-top: 25px;
}
.lsur .row2 .condiv li a
{
    font-size: 16px;
    line-height: 2.5;
}
.slideTxtBox7 .bd li img{
    max-height: 76px;
    width: auto;
}
#focush4 .bd li img{
    max-height: 41px;
    width: auto;
}

/*媒体查询*/
@media (max-width: 1400px)
{
    .index .slideTxtBox .bd li .gdiv
    {
        transform: translateX(130%);
    }
}
@media (max-width: 1360px)
{
    .index .slidebox .lslide .prev
    {
        left: -25px;height: 240px;background: #f8f8f8;padding: 0 10px 0 0;line-height: 240px;top: 70px;
    }
    .index .slidebox .lslide .next
    {
        right: -25px;height: 240px;background: #f8f8f8;padding: 0 0 0 10px;line-height: 240px;top: 70px;
    }
    .index .lp .slideTxtBox7 .prev
    {
        left: -5px;
    }
    .index .lp .slideTxtBox7 .next
    {
        right: -5px;
    }
}
@media (max-width: 1229px)
{
    .index .lnav .ldd,
    .index .slidebox .btng
    {
        width: 1140px;
    }
    .index .lnav .ldd
    {
        padding-left: 35px;
    }
    .index .lnav .ldd dl
    {
        padding-right: 35px;
        padding-left: 35px;
    }
    .index .content .gdiv
    {
        margin-right: 24px;
    }
    .index .footer dl
    {
        margin-right: 68px;
    }
    .lwork .row1 .condiv
    {
        height: 271.567px;
    }
}
@media (max-width: 1199px)
{
    .index .lnav .navul li
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .index .lnav .ldd,
    .index .slidebox .btng
    {
        width: 940px;
    }
    .index .lnav .ldd
    {
        padding-left: 25px;
    }
    .index .lnav .ldd dl
    {
        padding-right: 20px;
        padding-left: 20px;
    }
    .index .lnav .ldd.ldd2
    {
        left: 217px;
    }
    .index .lnav .ldd.ldd3
    {
        left: 70px;

        padding-right: 20px;
    }
    .index .lnav .ldd.ldd3.ldd4
    {
        left: 398px;
    }
    .index .lnav .ldd.ldd3.ldd5
    {
        left: 296px;
    }
    .index .lnav .ldd.ldd3 .imgdl
    {
        padding-right: 20px;
        padding-left: 20px;
    }
    .index .content .gdiv
    {
        margin-right: 47px;
    }
    .index .content .lcon
    {
        width: 280px;
    }
    .index .content .condiv p
    {
        height: 100px;
    }
    .index .lapp .row3 .appcon.long p
    {
        margin-bottom: 60px;
    }
    .index .footer .foot2
    {
        margin-left: 30px;
    }
    .index .footer dl
    {
        margin-right: 24px;
    }
    .index .slidebox .lslide .prev,
    .index .lp .slideTxtBox7 .prev
    {
        left: -25px;
    }
    .index .slidebox .lslide .next,
    .index .lp .slideTxtBox7 .next
    {
        right: -25px;
    }
    .index .slideTxtBox .bd li .gdiv
    {
        transform: translateX(100%);
    }
    .lwork .row1 .condiv
    {
        height: 223.933px;
        padding: 25px;
    }
    .lwork .row1 .condiv p
    {
        margin-top: 25px;
    }
}
@media (max-width: 1040px)
{
    .index .slidebox .lslide .prev,
    .index .lp .slideTxtBox7 .prev
    {
        left: 0;
    }
    .index .slidebox .lslide .next,
    .index .lp .slideTxtBox7 .next
    {
        right: 0;
    }
}
@media (max-width: 991px)
{
    .right_pf{display:none;}


    .index .lnav
    {
        border-bottom: 1px solid #ddd;
        box-shadow: none;
    }
    .index .banner2
    {
        margin-top: 330px;
    }
    .index .banner2 h2
    {
        margin-top: 30px;
    }
    .index .slideTxtBox .tempWrap
    {
        width: 100%;
    }
    .index .lp .slideTxtBox8 .next
    {
        right: -5px;
    }
    .index .lp .slideTxtBox8 .prev
    {
        left: -5px;
    }
    .index .slidebox .lslide .bd li
    {
        width: 100%;
    }
    .index .lp .slideTxtBox8 .next img,
    .index .lp .slideTxtBox8 .prev img,
    .index .slidebox .lslide .next img,
    .index .slidebox .lslide .prev img
    {
        width: 19px;
        height: 36px;
    }
    .index .lp .slideTxtBox8 .next,
    .index .lp .slideTxtBox8 .prev,
    .index .slidebox .lslide .next,
    .index .slidebox .lslide .prev
    {
        margin-top: -18px;
    }
    .index .slidebox .lslide .next
    {
        right: 15px;
    }
    .index .slidebox .lslide .prev
    {
        left: 15px;
    }
    .index .footer
    {
        padding-top: 30px;
    }
    .index .footer .foot6
    {
        display: block;

        width: 300px;
        margin: auto;

        text-align: center;
    }
    .index .footer .foot6 ul
    {
        margin-bottom: 10px;
    }
    .index .footer .copyright
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .index .footer .copyright span
    {
        display: block;
    }
    .lawa .lcon .ll,
    .lawa .lcon .lr
    {
        width: 100%;
    }
    .lawa .lcon .lr
    {
        margin-top: 40px;
    }
    .lpar .lcon ul li
    {
        width: 50%;
    }
    .len a
    {
        margin: auto;
    }
    .lhis
    {
        text-align: center;
    }
    .index .banner
    {
        height: auto;

        background: none;
    }
    .lwork .row1 .condiv,
    .lwork .row1 .imgdiv
    {
        float: none;

        width: 100%;
    }
    .lwork .wrokul .drop
    {
        padding-left: 10px;
    }
    .lwork .wrokul li ul
    {
        padding-left: 20px;
    }
}
@media (max-width: 767px)
{

    .index #focush4 .bd li{padding:0 8px;}

    .index .banner2 h2
    {
        font-family: 'SiM','微软雅黑';
        font-size: 24px;

        margin-top: 35px;
    }
    .index .banner2 h4
    {
        font-family: 'SiN','微软雅黑';
        font-size: 12px;
    }
    .index .slideTxtBox .bd li .gdiv a,
    .index .banner2 a
    {
        font-size: 12px;
        line-height: 26px;

        width: 134px;
        height: 26px;
    }

    .index .lp .slideTxtBox8 .next
    {
        right: -22px;
    }
    .index .lp .slideTxtBox8 .prev
    {
        left: -22px;
    }
    .lau img.fl
    {
        display: block;
        float: none;

        max-width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }
    .lhis p
    {
        overflow: hidden;

        height: 60px;
    }
}
@media (max-width: 640px)
{
    .index .banner2
    {
        height: auto;
        padding-bottom: 20px;

        background: url(../images/longm.jpg) center top;
    }
	.index .header .logoa img{width:260px;height:auto;margin:0;}
	.index .navdiv p{margin:0;}
	.index .navdiv{height:64px}
	.index .header .dm{top:64px}
	.index #focush .hd{bottom:10px}
	.index .slideboxm .proul{text-align:left;padding:10px;font-size:0;}
	.index .slideboxm .proul li{display:inline-block;width:46%;margin:5px 2%;border:1px solid #ddd;text-align:center;font-size:14px;}
	.index .slidebox .lslide .bd li a{}
	.index .slidebox .lslide .prev,.index .slidebox .lslide .next{background:transparent;top:20px}
	.index .slidebox .lslide{padding:15px 0 10px;background:#fff;margin:15px 0}
	.index .banner2{margin-top:295px}
	.index .content .gdiv{width:100%;margin:0;}
	.index .content .lcon{width:100%}
	.wap_block{display:none!important;}
	.zpf_right{display:none;}
	#myform{width:100%!important;}
	.index .header .dm a{display:block;/* padding:10px; */}
	.index .header .dm .mul ul li{padding:0;}
	.index .header .dm .mul ul li a{padding:10px 0;}
	.h_ying a.casepica{height:110px!important;}
	.index .footer .foot6 h4.phone{position:initial;}
	.index .footer .foot6 ul{padding:0;}
}

@media (max-width: 470px)
{
    .index .lnav .mform
    {
        margin-right: 5px;
    }
    .index .lnav .mform .mtxt
    {
        width: 115px;
    }
    .lhis p
    {
        overflow: hidden;

        height: 100px;
    }
}
@media screen and (max-width: 360px) {
    footer .col-lg-12{
        padding-right: 0;
        padding-left: 0;
    }
}



.zpf_right{ position:fixed; right:0; width:40px; bottom:10%; z-index:99;}
.zpf_right li{ float:right; margin-top:2px; width:40px; background:#3498DB; position:relative; cursor:pointer;
border-radius: 3px 0 0 3px;}
.zpf_right li .zbox{ text-align:center; width:40px; height:40px; float:left;}
.zpf_right li .zbox .ico{ width:100%; height:33px; float:left; margin-top:6px;}
.zpf_right li .zbox .ico img{ height:100%;}
.zpf_right li .zbox h5{ width:100%; float:left; font-size:14px; color:white; line-height:21px; margin:0;}
.zpf_right li.last .zbox{ height:85px;}
.zpf_right li.last .zbox .ico{ margin-top:14px;}
.zpf_right li:hover{ background:#3498DB;}
.zpf_right li .zbox_179{ width:140px; height:40px; line-height:40px; text-align:center; font-size:18px; color:white; letter-spacing:1px; float:left; display:none;}
.zpf_right li .zbox_179 p{line-height:40px;}
.zpf_right li.last .zbox_179{ height:85px; line-height:27px;}
.zpf_right li:hover .zbox_179{ display:block;}
.zpf_right li:hover .zbox_179 .txk{ display:inline-block; *zoom:1; *display:inline; width:153px; height:27px; background:white; line-height:27px; font-size:14px; color:#333; margin-top:11px; text-align:center;}
.zpf_right li:hover .zbox_179 .submit{ display:inline-block; *zoom:1; *display:inline; width:153px; height:27px; background:white; line-height:27px; font-size:14px; color:#fff; background:#e4a808; margin-top:8px; cursor:pointer;}
.zpf_right li:hover .zbox_179 .submit:hover{
-moz-border-radius:14px; 
-webkit-border-radius:14px; 
-khtml-border-radius:14px;
border-radius:14px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.zpf_right li.l1:hover{ width:267px;}
.zrightewm{ width:120px; height:120px; position:absolute; right:50px; top:-40px; display:none;}
.zrightewm img{max-width: 100%;}
.zpf_right li:hover .zrightewm{ display:block;}


.wap_block{ display:none;}

@media screen and (max-width: 992px) {
   .wap_block{ display:block; height:68px;} 

   .zpf_right{right:auto; left:0; bottom:0; top:auto; margin-top:0; width:100%;}
   .zpf_right li{width:20%; float:left; margin-top:0;}
   .zpf_right li.last .zbox{ height:68px;}
   .zpf_right li.last .zbox .ico{ margin-top:6px;}
   .zpf_right li .zbox{width:100%;}
   .zrightewm{left:50%; right:auto; margin-left:-72px; bottom:68px; top:auto;}
   .zpf_right li.l1:hover{ width:20%;}
   .zpf_right li.last .zbox_179{position:absolute; right:0; bottom:68px;  background:#3498DB;}
}