/*皮肤*/
.f01 {font-family: "AvenirNextLTPro Medium","微软雅黑"; }
.f02 {font-family: "AvenirNextLTPro Bold","微软雅黑"; }
.f03 {font-family: "AvenirNextLTPro Regular","微软雅黑"; }
body {font-family: "AvenirNextLTPro Regular","微软雅黑"; color: #333; }
.h-inh {height: inherit; }
.w-inh {width: inherit; }
.s-fc01 {color: white; }
.s-fc02 {color: #b0b0b0; }
.s-fc03 {color: #4d4d4d; }
.s-fc04 {color: #b3b3b3; }
.s-fc05 {color: #3e55a6; }
.s-fc06 {color: #666; }
.s-fc07 {color: #999; }
.s-fc08 {color: #5079cc; }
.s-fc09 {color: #747474; }
.s-fc10 {color: #333; }
.s-bgc01 {background-color: #a4362e; }
.s-bgc02 {background-color: #f5f5f5; }
.c01{color: #CCC; }
.c02{color: #000; }
.lh30{line-height: 30px;}
.fs20{font-size: 20px;}
.fs30{font-size: 30px;}
.b01{border:1px solid rgba(233,235,240,1);}
/*css sprite*/
.s-bgp01 {
    background-position: -25px -102px;
}
/*底部pinterest*/

/*模拟下拉框*/
.select {
    position: relative;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: '微软雅黑';
}

    .select:after {
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        display: block;
        width: 12px;
        height: 11px;
        margin-top: -6px;
        background: url(/Content/img/icons.png) no-repeat;
        background-position: -278px -275px;
    }

    .select.open:after {
        transform: rotate(180deg);
    }

.sel-show {
    padding: 0 20px 0 10px;
    color: #fefefe;
}
.sel-show a{
    color:#fefefe;
}

.sel-list {
    position: absolute;
    top: 34px;
    left: 0;
    display: none;
    width: 100%;
    max-height: 150px;
    line-height: 20px;
    background-color: white;
    z-index: 9;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px 1px #eaeaea;
    overflow-y: auto;
}

.select.open .sel-list {
    display: inline-block;
}

.sel-list li {
    padding: 5px 10px;
    color: gray;
    white-space: nowrap;
}

    .sel-list li:hover {
        color: black;
        background-color: #F0F0F0;
        cursor: pointer;
    }

.select.disable {
    border: none;
}

    .select.disable:after {
        background: none;
    }

.select img {
    height: 15px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

/*结构布局*/
.g-doc {
    min-width:1285px;
    background-color: white;
}

.g-wrap {
    width: 1285px;
    margin: 0 auto;
}
.mt120{margin-top:120px;}
.pt60{padding-top:60px;}
.g-hd {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    height: 120px;
    width: 100%;
    min-width: 1285px;
    color: #fefefe;
    background: rgba(48,48,48,0.2);
    border-bottom: solid 1px #4b5359;
}
.g-bd{
    width:1285px;
    margin:0 auto;
}

.g-main {
    /*-moz-box-shadow:0 6px 10px -8px #eaeaea inset;*/
    /*-webkit-box-shadow:0 6px 10px -8px #eaeaea inset;*/
    /*box-shadow:0 6px 10px -8px #eaeaea inset;*/
    /*background-color: #f5f5f5;*/
    /*padding:160px 0 50px 0;*/
    padding-bottom: 50px;
    min-width:1285px;
}

.g-ft {
    position: relative;
    height: 300px;
    min-width:1285px;
    background-color: #333333;
}
/*头部*/
.m-topbar {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #5c5c5c;
}

.u-logo {
    /*width: 150px;
    height: 50px;*/
}

.u-search {
    width: 400px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #929391;
    border-radius:3px;
}

    .u-search input[type='text'] {
        float: left;
        width: 360px;
        height: 100%;
        padding-left: 15px;
        background-color: #989b9e;
        border: none;
        box-sizing: border-box;
        /*border-radius:3px 0 0 3px;*/
    }

    .u-search input[type='button'] {
        float: left;
        width: 40px;
        height: 100%;
        border: none;
        background: #989b9e url(/Content/img/icons.png) no-repeat;
        background-position: -133px -262px;
        cursor: pointer;
        /*border-radius:0 3px 3px 0;*/
    }
.u-btn01 {
    width: 120px;
    height: 36px;
    padding-left:22px;
    background: #0876fd url('img/cart2.png') 20px center no-repeat;
    border: none;
    outline: none;
    color: white;
    border-radius: 3px;
}
.u-state {
    margin: 10px 0;
}
.u-state a{
    float:left;
    display:block;
    height:14px;
    line-height:14px;
    padding:0 10px;
    color:white;
    border-right:1px solid white;
}
.u-state a.z-curr{
    color:#e52417;
}
.u-state a.z-curr img{
    border:2px solid #e52417;
}
.u-state a:last-child{
    border-right:none;
}
.u-state a img{
    height:14px;
    vertical-align:middle;
    margin-right:5px;
}
.m-nav {
    float:right;
    height: 35px;
    line-height: 35px;
    font-family: '微软雅黑';
    box-sizing: border-box;
}

    .m-nav li {
        position: relative;
        float: left;
        margin-left: 55px;
    }

        .m-nav li > a {
            font-size: 16px;
            color: #fefefe;
        }

    .m-nav .z-crt > a, .g-hd-2 .m-nav .z-crt > a {
        color: #0876fd;
    }

    .m-nav .secnav {
        display: none;
        position: absolute;
        left: -20px;
        top: 37px;
        min-width: 150px;
        padding: 10px 0;
        /*margin-left: -70px;*/
        /*text-align: center;*/
        background: url(/Content/img/bac_03.png);
        border-top: 1px solid #0876fd;
    }

        .m-nav .secnav:before {
            content: '';
            position: absolute;
            top: -7px;
            left: 22px;
            display: block;
            width: 0;
            height: 0;
            border-width:0 10px 7px;
            border-style: solid;
            border-color: transparent transparent #0876fd; /*灰 透明 透明 */
            /*width: 10px;
            height: 6px;
            background: url(/Content/img/icons.png) no-repeat bottom center;
            background-position:-296px -297px;*/
        }

        .m-nav .secnav a {
            display: block;
            height: 30px;
            line-height: 30px;
            white-space: nowrap;
            color: white;
            padding: 0 20px;
            font-size: 14px;
        }

            .m-nav .secnav a:hover {
                background: #0876fd;
            }
/*头部2*/
.g-hd-2 {
    color: black;
    background: white;
    box-shadow:0px 5px 10px 0px rgba(38,48,67,0.08);
    border-bottom: none;
}

    .g-hd-2 .u-search {
        border-color: #ccc;
    }

        .g-hd-2 .u-search input[type='text'], .g-hd-2 .u-search input[type='button'] {
            background-color: white;
        }

    .g-hd-2 .m-nav li > a {
        color: black;
    }

    .g-hd-2 .sel-show {
        color: black;
    }

    .g-hd-2 .select:after {
        background-position: -295px -275px;
    }
    .g-hd-2 .sel-show a{
        color:black;
    }
    .g-hd-2 .m-topbar {
        border-color: #e9e9e9
    }

    .g-hd-2 .m-nav .secnav {
        background: white;
        border: 1px solid #e6e6e6;
        border-radius:0 0 5px 5px;
    }
    .g-hd-2 .m-nav .secnav:before{
        background-position:-279px -297px;
        top:-6px;
    }
        .g-hd-2 .m-nav .secnav a {
            color: #666;
        }

            .g-hd-2 .m-nav .secnav a:hover {
                background: #ffecec;
            }
.g-hd-2 .u-state a{
    color:#333;
    border-right-color:#333;
}
.g-hd-2 .u-state .z-curr{
    color:#c43a31;
}
/*底部*/
.linkline a{
    font-size: 14px;
    color: #999;
}
.linkline a:hover{
    color: white;
}
.u-ewm {
    width:130px;
    height:160px;
    border:1px solid #393c40;
    padding: 10px;
}
.u-ewm img{
    width: 130px;
    height: 130px;
}

.m-botbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    color: #666;
    border-top: 1px solid #5c5c5c;
}

    .m-botbar a {
        color: white;
    }
.g-wrap .m-cancel {
    display: inline-block;
    margin-top: 10px;   
    font-size: 12px;
    color: #747474;
    font-style:italic;
}
    .g-wrap .m-cancel:hover {
        color: #747474;
        text-decoration: underline;
    }
    /*下载按钮*/
    .u-download {
        width: 160px;
        height: 34px;
        padding-left: 25px;
        color: white;
        background: #c43a31 url(/Content/img/icons.png) no-repeat;
        background-position: -338px -77px;
        border: none;
        cursor: pointer;
    }
/*标题*/
.m-title {
    margin: 0 auto;
    padding-top: 55px;
    text-align: center;
    line-height: 30px;
    font-size: 36px;
    font-weight: 600;
    font-family: "PingFangSC-Semibold","微软雅黑";
}
.m-title>span{
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(153,153,153,1);
}

/*左边导航*/
.m-leftnav {
    float: left;
    width: 245px;
    color: #333;
}

    .m-leftnav > p {
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #e6e6e6;
        font-size: 24px;
        font-weight: bold;
    }

    .m-leftnav ul {
        width: 100%;
        padding: 20px 0;
        line-height: 35px;
        font-size: 16px;
    }

    .m-leftnav li:hover a {
        text-decoration: underline;
    }

    .m-leftnav ul li.z-crt a {
        color: #c43a31;
        font-style: italic;
    }

/*----视频----*/
.m-video-list {
    width: 100%;
    padding-bottom: 60px;
    margin-top: -18px;
}

    .m-video-list li .title {
        font-size: 18px;
        margin-top: 13px;
        text-align: center;
    }

    .m-video-list li {
        float: left;
        width: 416px;
        height: 270px;
        margin-right: 18px;
        margin-top: 40px;
    }

    .m-video-list video {
        object-fit: fill;
        width: 100%;
        height: 100%;
    }

    .m-video-list li:nth-child(3n) {
        margin-right: 0;
    }

    .m-video-list .item {
        position: relative;
        width: 100%;
        height: 234px;
    }

        .m-video-list .item .pp {
            display: none;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 50px;
            height: 50px;
            margin-top: -25px;
            margin-left: -25px;
            z-index: 11;
            background: url("/Content/img/icons.png") no-repeat;
            cursor: pointer;
        }

        .m-video-list .item:hover:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
        }

        .m-video-list .item:hover .pp {
            display: block;
        }

        .m-video-list .item .pp.play {
            background-position: -280px -26px;
        }

        .m-video-list .item .pp.pause {
            background-position: -280px -202px;
        }
/*----视频结束----*/
/*alert模拟*/
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; background-color: #ffffff; z-index: 2147000001; width: 360px; height: 200px; margin-left: -180px; margin-top: -140px; border-radius: 5px; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;font-weight: bold; }
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 13px; height: 13px; position: absolute; top: 22px; right: 30px; background:url(/Content/img/icons1.png) no-repeat; background-position: -12px -38px;}
.xcConfirm .popBox .txtBox{margin: 23px auto;width:295px; overflow: hidden;text-align:center;}
.xcConfirm .popBox .txtBox .bigIcon{position: absolute;left: 0;top: 0; display:block;width: 24px; height: 24px; background-image: url(/Content/img/icons1.png); background-repeat: no-repeat; background-position: -6px -3px;}
.xcConfirm .popBox .txtBox span{position:relative;display:inline-block;margin:0; line-height: 24px; overflow-x: hidden; overflow-y: auto;color:#333;}
.xcConfirm .popBox .txtBox label{display:inline-block;text-align:left;padding-left: 35px;}
.xcConfirm .popBox .txtBox span input{width: 364px; height: 30px; border: solid 1px #eef0f1; font-size: 18px; margin-top: 6px;}
.xcConfirm .popBox .btnArea{position: absolute;bottom: 10px;left:0;width: 100%;}
.xcConfirm .popBox .btnGroup{height:32px;text-align: center;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; }
.xcConfirm .popBox .sgBtn{cursor: pointer;padding: 5px 18px; text-align: center; color: #FFFFFF; border-radius: 3px;border: 1px solid #bf1b1d;}
.xcConfirm .popBox .sgBtn.ok{background-color: #bf1b1d; color: white;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #f0f0f0; color: #666666;border-color: #ddd;margin-left: 20px;}

/*分页内容*/
.mypage {
    position: relative;
    width: 100%;
    height: 30px;
}

.mypage .pagination {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.pagination li {
    float: left;
    width: auto;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    box-sizing: initial;
}

.pagination li a {
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 3px 5px;
    border-radius: 3px;
}
.pagination li.active a {
    /*color: #1978FA;
    font-weight: bold;
    text-decoration: underline;
    cursor:initial;*/
    background-color: #1978FA;
    color: white;
}
.pagination li.disabled a {
    text-decoration: none;
    color: #ddd;
    cursor: not-allowed;
}


/*our story and 新闻详情*/
.m-ourstory{
	width: 960px;
	margin:40px auto;
	font-size: 14px;
	line-height: 32px;
	color: #666;
}
.m-ourstory p{
	line-height: 35px;
}
/*.m-ourstory .tit{*/
	/*font-family:"AvenirNextLTPro Bold","微软雅黑";*/
	/*margin-top: 10px;*/
/*}*/
.m-imgbox{
	position: relative;
	width: 960px;
	padding:20px 160px;
	border:1px solid rgba(233,235,240,1);
	margin: 30px 0 30px -160px;
	text-align: center;
}
    .m-imgbox > span {
        position: absolute;
        top: 50%;
        margin-top: -100px;
        display: block;
        width: 45px;
        height: 80px;
        background: url(/Content/img/icons.png) no-repeat;
        cursor: pointer;
    }
.m-imgbox .prev{
	left: 57px;
	background-position: -250px -103px;
}
.m-imgbox .next{
	right: 57px;
	background-position: -250px -103px;
	transform:rotate(180deg);
	/*background-position: -302px -103px;*/
}
.m-imgbox .prev:hover{
	background-position: -305px -103px;
	/*transform:rotate(180deg);*/
}
.m-imgbox .next:hover{
	background-position: -305px -103px;
	transform:rotate(180deg);
}
.m-imgbox .bigimg{
	width: 960px;
	height: 620px;
	line-height: 620px;
}
.m-imgbox .bigimg img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.m-imgbox .imglist{
	display: inline-block;
	height: 80px;
	margin: 20px auto 0;
	text-align: center;
}
.m-imgbox .imglist li{
	position: relative;
	float: left;
	width: 122px;
	height: 82px;
	line-height: 76px;
	margin-left: 20px;
	border: 1px solid white;
	box-sizing: border-box;
    text-align:center;
}
    .m-imgbox .imglist li.video:after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: url(/Content/img/cover_03.png) no-repeat;
        background-size: 100% 100%;
        opacity: 0.8;
    }
.m-imgbox .imglist li:first-child{
	margin-left: 0;
}
.m-imgbox .imglist li.z-act{
	border-color:black;
}
.m-imgbox .imglist li img{
	max-width: 100%;
	max-height: 100%;
    vertical-align:middle;
}