img
{
    border: 0;

}
@font-face
{
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot?t=1481266234445');
    src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg');
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 19, 2017 3:41 AM */
/* This stylesheet generated by Transfonter (https://transfonter.org) on March 2, 2018 1:06 AM */
/* This stylesheet generated by Transfonter (https://transfonter.org) on March 2, 2018 1:16 AM */
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AvantGardeITCbyBT-Book.eot');
    src: url('../fonts/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvantGardeITCbyBT-Book.woff2') format('woff2'), url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Book.ttf') format('truetype'), url('../fonts/AvantGardeITCbyBT-Book.svg#AvantGardeITCbyBT-Book') format('svg');
}
@font-face
{
    font-family: 'Agency FB';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AgencyFB-Reg.eot');
    src: url('../fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'), url('../fonts/AgencyFB-Reg.woff2') format('woff2'), url('../fonts/AgencyFB-Reg.woff') format('woff'), url('../fonts/AgencyFB-Reg.ttf') format('truetype'), url('../fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
}



@font-face {
  font-family: "hk";
  src: url('../fonts/iconfont1.eot?t=1563263911013'); /* IE9 */
  src: url('../fonts/iconfont1.eot?t=1563263911013#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont1.woff?t=1563263911013') format('woff'),
  url('../fonts/iconfont1.ttf?t=1563263911013') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont1.svg?t=1563263911013#hk') format('svg'); /* iOS 4.1- */
}

.hk {
  font-family: "hk" !important;
  /*font-size: 16px;*/
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



*
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
*:before,
*:after
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
body
{
    font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 14px;

    min-width: 1340px;
    margin: 0 auto;

    color: #333;
    background-color: #f9f9f9;
}
body.fixed
{
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus
{
    outline: none !important;
}
.container
{
    width: 100%;
    padding: 0 100px;
}
@media (max-width: 1690px)
{
    .container
    {
        padding: 0 60px;
    }
}
li,
ol,
ul
{
    list-style: none;
}
a
{
    color: inherit;
}
a:hover,
a:link,
a:visited
{
    text-decoration: none;

    color: inherit;
}
input[type=number]
{
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}
ul
{
    margin: 0;
    padding: 0;
}
button,
input,
textarea
{
    resize: none;

    border: none;
    outline: none;
}
a
{
    text-decoration: none;

    color: inherit;
    outline: none;
}
a:hover
{
    text-decoration: none;

    color: inherit;
}
a:visited,
a:link
{
    text-decoration: none;

    color: inherit;
}
.img-box
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 0;
    padding-bottom: 100%;
}
.img-box img,
.img-box iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}
.img-box img[src=''],
.img-box img:not([src])
{
    opacity: 0;
    border: 0;
}
.header
{
    position: fixed;
    z-index: 99;
    top: 0;

    width: 100%;
    min-width: 1340px;
    height: 80px;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
}
.header .logo
{
    position: relative;

    float: left;
    overflow: hidden;

    height: 60px;
    margin-top: 10px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1860px)
{
    .header .logo
    {
        height: 60px;
        margin-top: 10px;
    }
}
@media (max-width: 1400px)
{
    .header .logo
    {
        height: 50px;
        margin-top: 15px;
    }
}
.header .logo img
{
    float: left;

    height: 100%;

    background-color: #fff;
}
.header .logo p
{
    font-size: 16px;
    line-height: 70px;

    float: left;

    margin: 0;
    margin-left: 26px;
}
@media (max-width: 1860px)
{
    .header .logo p
    {
        line-height: 60px;

        margin-left: 10px;
    }
}
@media (max-width: 1400px)
{
    .header .logo p
    {
        line-height: 50px;
    }
}
.header .language
{
    float: right;

    margin-top: 25px;
    margin-left: 24px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1560px)
{
    .header .language
    {
        margin-left: 10px;
    }
}
.header .language a
{
	line-height: 30px;
	display: inline-block;
	width: 150px;
	height: 30px;
	margin-left: 4px;



    -webkit-transition: all .2s;
            transition: all .2s;
	text-align: center;
	border-radius: 50%;
}
.header .language a.active,
.header .language a:hover
{
	color: #F00;
}
.header .container
{
    position: relative;
}
.header .nav
{
    float: left;
}
.header .nav .nav-list1 > li
{
    float: left;

    margin: 0 3px;
}
.header .nav .nav-list1 > li > a
{
    font-size: 16px;
    line-height: 80px;

    position: relative;

    display: block;

    padding: 0 22px;

    -webkit-transition: all .6s;
            transition: all .6s;
}
.header .nav .nav-list1 > li > a:after
{
    position: absolute;
    z-index: 60;
    right: 0;
    bottom: -5px;
    left: 0;

    display: inline-block;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    opacity: 0;
    border-top: 5px solid #477cac;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
@media (max-width: 1620px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 18px;
    }
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 12px;
    }
}
@media (max-width: 1440px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 10px;
    }
}
.header .nav .nav-list1 > li:hover > a,
.header .nav .nav-list1 > li.active > a
{
    color: #fff;
    background-color: #447cac;
}
.header .nav .nav-list1 > li.more:hover > a:after
{
    opacity: 1;
}
.header .nav .nav-list1 .nav-list2
{
    position: absolute;
    z-index: 50;
    top: 80px;
    right: 99px;

    display: none;
    overflow: hidden;

    padding: 0!important;

    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .11);
}
@media (max-width: 1690px)
{
    .header .nav .nav-list1 .nav-list2
    {
        right: 59px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-1
{
    float: left;

    width: 154px;

    text-align: center;
}
.header .nav .nav-list1 .nav-list2 .item-1 ul
{
    padding: 20px 0;
}
.header .nav .nav-list1 .nav-list2 .item-1 ul li
{
    display: block;

    border-bottom: 1px solid #ddd;
}
.header .nav .nav-list1 .nav-list2 .item-1 ul li a
{
    font-size: 16px;
    line-height: 3;

    display: inline-block;
}
.header .nav .nav-list1 .nav-list2 .item-1 ul li a:after
{
    display: inline-block;
    float: right;

    width: 0;
    height: 0;
    margin-top: 20px;
    margin-left: 12px;

    content: '';

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #477cac;
}
.header .nav .nav-list1 .nav-list2 .item-1 ul li:hover a
{
    color: #477cac;
}
.header .nav .nav-list1 .nav-list2 .item-2
{
    float: left;

    width: 470px;
    padding: 50px 42px 74px 42px;

    background-color: #447cac;
}
@media (max-width: 1690px)
{
    .header .nav .nav-list1 .nav-list2 .item-2
    {
        width: 400px;
        padding: 50px 40px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-2 .img-box
{
    padding-bottom: 34.71502591%;
}
.header .nav .nav-list1 .nav-list2 .item-2 p
{
    font-size: 16px;
    line-height: 2;

    display: -webkit-box;
    overflow: hidden;

    margin: 14px 0 0 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.header .nav .nav-list1 .nav-list2 .item-3
{
    float: left;

    width: 320px;
}
@media (max-width: 1690px)
{
    .header .nav .nav-list1 .nav-list2 .item-3
    {
        width: 270px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-3 .img-box
{
    padding-bottom: 125%;
}
.header .nav .nav-list1 .nav-list2 .item-4
{
    float: left;

    width: 690px;
    padding: 30px 30px 60px 30px;

    background-color: #d44417;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-4
    {
        width: 560px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-4 ul
{
    padding-bottom: 10px;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li
{
    position: relative;

    margin-top: 30px;
    padding-left: 100px;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-4 ul li
    {
        margin-top: 40px;
    }
}
@media (max-width: 1440px)
{
    .header .nav .nav-list1 .nav-list2 .item-4 ul li
    {
        margin-top: 30px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li:first-child
{
    margin-top: 0;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .date
{
    position: absolute;
    left: 0;

    width: 90px;
    height: 90px;
    padding: 10px 0;

    text-align: center;

    border: 1px dashed #fff;
    border-radius: 50%;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .date h3
{
    font-family: 'impact';
    font-size: 45px;

    margin: 0;

    color: #fff;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .date p
{
    font-family: 'Agency FB';
    font-size: 14px;
    font-weight: normal;

    margin: 0;

    color: #fff;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .text h3
{
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .text p
{
    font-size: 14px;
    line-height: 1.71428571;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 10px 0 0 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.header .nav .nav-list1 .nav-list2 .item-4 ul li .text a
{
    display: block;
}
.header .nav .nav-list1 .nav-list2 .item-5
{
    float: left;

    width: 570px;
    padding: 40px;

    background-color: #477cac;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-5
    {
        width: 460px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-5 ul
{
    overflow: hidden;

    margin: -10px;
}
.header .nav .nav-list1 .nav-list2 .item-5 ul li
{
    float: left;

    width: 50%;
    padding: 10px;
}
.header .nav .nav-list1 .nav-list2 .item-5 ul li .img-box
{
    padding-bottom: 61.60714286%;
}
.header .nav .nav-list1 .nav-list2 .item-6
{
    float: left;

    width: 440px;
    padding: 30px;

    background-color: #d44417;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-6
    {
        width: 360px;
        padding: 30px 20px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-6 .img-box
{
    margin-bottom: 14px;
    padding-bottom: 51.04712042%;
}
.header .nav .nav-list1 .nav-list2 .item-6 p
{
    font-size: 20px;
    line-height: 1.6;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.header .nav .nav-list1 .nav-list2 .item-6 p span
{
    font-size: 16px;
}
.header .nav .nav-list1 .nav-list2 .item-7
{
    float: left;

    width: 440px;
    padding: 30px;

    background-color: #d44417;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-7
    {
        width: 400px;
        padding: 50px 40px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-7 .img-box
{
    margin-bottom: 14px;
    padding-bottom: 36.11111111%;
}
.header .nav .nav-list1 .nav-list2 .item-7 p
{
    font-size: 16px;
    line-height: 2;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.header .nav .nav-list1 .nav-list2 .item-8
{
    display: table;
    float: left;

    width: 690px;
    padding: 30px;

    background-color: #447cac;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-8
    {
        width: 560px;
        padding: 30px 10px;
    }
}
.header .nav .nav-list1 .nav-list2 .item-8 .pic
{
    display: table-cell;

    width: 60%;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-8 .pic
    {
        width: 50%;
    }
}
.header .nav .nav-list1 .nav-list2 .item-8 .pic .img-box
{
    padding-bottom: 46%;
}
.header .nav .nav-list1 .nav-list2 .item-8 .text
{
    display: table-cell;

    width: 40%;
    padding-left: 30px;

    vertical-align: middle;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .nav-list2 .item-8 .text
    {
        width: 50%;
    }
}
.header .nav .nav-list1 .nav-list2 .item-8 .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #fff;
}
.header .nav .nav-list1 .menu-5 .nav-list2,
.header .nav .nav-list1 .menu-6 .nav-list2,
.header .nav .nav-list1 .menu-7 .nav-list2
{
    right: auto;
}
.header .nav .nav-list1 .menu-8 .nav-list2
{
    right: 8%;
}
@media (max-width: 1560px)
{
    .header .nav .nav-list1 .menu-8 .nav-list2
    {
        right: 5%;
    }
}
.header .right
{
    float: right;
}
.header.fixed-header
{
    height: 80px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);
}
.header.fixed-header .logo
{
    height: 60px;
    margin-top: 10px;
}
@media (max-width: 1400px)
{
    .header.fixed-header .logo
    {
        height: 50px;
        margin-top: 15px;
    }
}
@media (max-width: 1400px)
{
    .header.fixed-header .logo p
    {
        line-height: 50px;
    }
}
.header.fixed-header .nav .nav-list1 > li > a
{
    line-height: 80px;
}
.header.fixed-header .nav .nav-list2
{
    top: 80px;
}
.header.fixed-header .language
{
    margin-top: 25px;
}
.banner
{
    position: relative;
    z-index: 9;

    overflow: hidden;

    width: 100%;
    margin-top: 80px;
}
.banner .owl-theme img
{
    width: 100%;
}
.banner .owl-theme .owl-pagination
{
    position: absolute;
    top: 50%;
    right: -100px;

    width: 100px;
    margin: auto;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}
@media (max-width: 1690px)
{
    .banner .owl-theme .owl-pagination
    {
        right: -60px;

        width: 60px;
    }
}
.banner .owl-theme .owl-pagination .owl-page
{
    display: block;
}
.banner .owl-theme .owl-pagination .owl-page span
{
    display: block;

    width: 6px;
    height: 6px;
    margin: 14px auto;

    opacity: 1;
    background-color: #5c5c5c;
}
.banner .owl-theme .owl-pagination .owl-page.active span
{
    width: 16px;
    height: 16px;

    background: url(../images/dot.png) no-repeat;
}
.banner .owl-theme .owl-buttons
{
    display: none;
}
.banner .online
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
@media (max-width: 1690px)
{
    .banner .online
    {
        width: 60px;
    }
}
.banner .online ul li
{
    text-align: center;
}
.banner .online ul li:after
{
    display: inline-block;
    color: #a2a2a2;
}
.banner .online ul li:first-child:after
{
    content: '邮箱';
}
.banner .online ul li:first-child+li:after
{
    content: 'QQ';
}
.banner .online ul li:first-child+li+li:after
{
    content: '微信';
}
.banner .online ul li:first-child+li+li+li:after
{
    content: '动态';
}
.banner .online ul li a
{
    display: block;

    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.banner .online ul li a:after
{
    font-family: 'iconfont';
    font-size: 24px;

    display: block;

    margin: 10px auto;

    content: '\e618';

    color: #666;
}
.banner .online ul li.email a:after
{
    font-size: 20px;
}
.banner .online ul li.qq a:after
{
    font-size: 22px;

    content: '\e611';
}
.banner .online ul li.wechat a:after
{
    content: '\e636';
}
.banner .online ul li.link a:after
{
    content: '\e620';
}
.banner .online ul li:hover a:after
{
    color: #d44417;
}
.box
{
    padding: 80px 0;
}
@media (max-width: 991px)
{
    .box
    {
        padding: 60px 0;
    }
}
.title
{
    text-align: center;
}
.title h2
{
    font-size: 36px;
    font-weight: bold;

    margin: 0;

    letter-spacing: 1px;
}
@media (max-width: 991px)
{
    .title h2
    {
        font-size: 24px;
    }
}
.title p
{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;

    max-width: 740px;
    margin: 0 auto;
    margin-top: 20px;

    color: #999;
}
@media (max-width: 991px)
{
    .title p
    {
        font-size: 14px;
    }
}
.content
{
    position: relative;
    z-index: 9;
}
.box-news
{
    overflow: hidden;
}
.box-news .news
{
    overflow: hidden;
}
.box-news .news .left,
.box-news .news .right
{
    float: left;

    width: 50%;
}
.box-news .news .left
{
    padding: 100px 0;

    background-color: #f9f9f9;
}
@media (max-width: 1560px)
{
    .box-news .news .left
    {
        padding: 80px 0;
    }
}
.box-news .news .left .pic
{
    float: left;

    width: 47%;
}
.box-news .news .left .pic .img-box
{
    padding-bottom: 65%;
}
.box-news .news .left .text
{
    font-size: 16px;
    line-height: 1.875;

    float: left;

    width: 53%;
    padding: 0 40px;

    color: #666;
}
.box-news .news .left .text h3
{
    font-size: 22px;
    line-height: 1.36363636;

    margin: 0;

    color: #111;
}
@media (max-width: 1560px)
{
    .box-news .news .left .text h3
    {
        font-size: 20px;
    }
}
.box-news .news .left .text a
{
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.box-news .news .left .text span
{
    font-size: 16px;

    display: block;

    margin: 4px 0 0 0;

    color: #666;
}
.box-news .news .left .text p
{
    font-size: 16px;
    line-height: 1.875;

    display: -webkit-box;
    overflow: hidden;

    margin: 12px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (max-width: 1560px)
{
    .box-news .news .left .text p
    {
        margin: 20px 0 0 0;
    }
}
.box-news .news .left .text a.more
{
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;

    position: relative;
    z-index: 3;

    display: inline-block;
    overflow: hidden;

    height: 50px;
    margin-top: 30px;
    padding: 0 24px;

    color: #111;
    border: 1px dashed #535253;
    border-radius: 30px;
}
.box-news .news .left .text a.more:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 150%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s, background-color .3s;
            transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -8em, 0);
            transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -8em, 0);

    background-color: #d44417;
}
.box-news .news .left .text a.more:hover
{
    color: #fff;
    border-color: #d44417;
}
.box-news .news .left .text a.more:hover:before
{
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
            transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
@media (max-width: 1560px)
{
    .box-news .news .left .text a.more
    {
        line-height: 40px;

        height: 40px;
        margin-top: 20px;
    }
}
.box-news .news .right
{
    margin-bottom: -999px;
    padding: 100px 80px 0 80px;
    padding-bottom: 999px;

    background-color: #fff;
}
@media (max-width: 1560px)
{
    .box-news .news .right
    {
        margin-bottom: -929px;
        padding: 80px 40px 0 40px;
        padding-bottom: 999px;
    }
}
.box-news .news .right .title-news
{
    overflow: hidden;
}
.box-news .news .right .title-news h2
{
    font-size: 24px;

    display: inline-block;

    margin: 0;

    text-decoration: underline;
}
@media (max-width: 1560px)
{
    .box-news .news .right .title-news h2
    {
        font-size: 20px;
    }
}
.box-news .news .right .title-news a.more
{
    font-size: 16px;
    line-height: 36px;

    position: relative;
    z-index: 3;

    display: inline-block;
    float: right;
    overflow: hidden;

    height: 36px;
    padding: 0 20px;

    color: #111;
    border: 1px dashed #535253;
    border-radius: 20px;
}
.box-news .news .right .title-news a.more:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 150%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s, background-color .3s;
            transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -8em, 0);
            transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -8em, 0);

    background-color: #477cac;
}
.box-news .news .right .title-news a.more:hover
{
    color: #fff;
    border-color: #477cac;
}
.box-news .news .right .title-news a.more:hover:before
{
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
            transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
.box-news .news .right ul
{
    margin-top: 30px;
}
.box-news .news .right ul li
{
    position: relative;

    overflow: hidden;

    padding-left: 20px;
}
.box-news .news .right ul li:before
{
    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    content: '';

    background-color: #477cac;
}
.box-news .news .right ul li a
{
    display: block;
}
.box-news .news .right ul li p
{
    font-size: 20px;
    line-height: 2;

    display: -webkit-box;

    float: left;
    overflow: hidden;

    width: 70%;
    height: 40px;
    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1560px)
{
    .box-news .news .right ul li p
    {
        font-size: 18px;
    }
}
.box-news .news .right ul li span
{
    font-size: 16px;
    font-weight: bold;
    line-height: 2.5;

    display: block;
    float: left;

    width: 30%;

    text-align: right;

    color: #477cac;
}
.box-about .about
{
    display: table;
    overflow: hidden;

    width: 100%;

    background-color: #fff;
}
.box-about .about .text
{
    display: table-cell;

    width: 50%;
    padding: 40px 80px;

    vertical-align: middle;
}
@media (max-width: 1560px)
{
    .box-about .about .text
    {
        padding: 30px 50px;
    }
}
.box-about .about .text .title-about
{
    text-align: center;
}
.box-about .about .text .title-about h2
{
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 48px;
    font-weight: bold;

    margin: 0;
}
@media (max-width: 1560px)
{
    .box-about .about .text .title-about h2
    {
        font-size: 36px;
    }
}
.box-about .about .text .title-about h2:after
{
    display: block;

    width: 36px;
    height: 36px;
    margin: 10px auto;

    content: '';

    background: url(../images/icon.png) no-repeat;
    background-size: cover;
}
.box-about .about .text .title-about p
{
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 16px;
    line-height: 1.75;

    margin: 0;

    color: #666;
}
.box-about .about .text .note
{
    margin-top: 50px;
}
.box-about .about .text .note p
{
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 16px;
    line-height: 1.875;

    display: -webkit-box;
    overflow: hidden;

    max-height: 120px;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.box-about .about .text .more
{
    margin-top: 60px;

    text-align: center;
}
.box-about .about .text .more a
{
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 20px;
    line-height: 70px;

    position: relative;
    z-index: 3;

    display: inline-block;
    overflow: hidden;

    height: 70px;
    padding: 0 56px;

    color: #666;
    border: 1px dashed #535253;
    border-radius: 50px;
}
.box-about .about .text .more a:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 150%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: opacity .3s, background-color .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s, background-color .3s;
            transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -9em, 0);
            transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -9em, 0);

    background-color: #d44417;
}
.box-about .about .text .more a:hover
{
    color: #fff;
    border-color: #d44417;
}
.box-about .about .text .more a:hover:before
{
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
            transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
@media (max-width: 1560px)
{
    .box-about .about .text .more a
    {
        font-size: 18px;
        line-height: 60px;

        height: 60px;
        margin-top: 20px;
        padding: 0 40px;
    }
}
.box-about .about .pic
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;
}
.box-about .about .pic .img-box
{
    padding-bottom: 63.95348837%;
}
.box-video
{
    position: relative;

    overflow: hidden;

    height: 100%;
    padding: 100px 0;

    background-color: #fff;
}
.box-video:before
{
    position: absolute;
    top: 0;

    display: block;

    width: 100%;
    height: 50%;

    content: '';

    background-color: #f9f9f9;
}
.box-video .container
{
    overflow: hidden;
}
.box-video .left
{
    float: left;

    width: 42.5%;
}
.box-video .left .video
{
    position: relative;

    overflow: hidden;

    text-align: center;

    background-color: #000;
}
@media (max-width: 991px)
{
    .box-video .left .video
    {
        margin-top: 40px;
    }
}
.box-video .left .video .img-box
{
    padding-bottom: 73.42465753%;
}
.box-video .left .video img
{
    display: block;

    width: 100%;
    margin: 0;

    -webkit-transition: all .4s;
            transition: all .4s;
}
.box-video .left .video .video-box
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    text-align: center;
}
.box-video .left .video .iframe
{
    display: none;

    width: 100%!important;
    height: 100%!important;
}
.box-video .left .video .play
{
    display: inline-block;

    margin-bottom: 100%;

    -webkit-transition: all .4s;
            transition: all .4s;

    color: #fff;
}
.box-video .left .video .play:before
{
    font-family: 'iconfont';
    font-size: 130px;

    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;

    content: '\e609';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}
@media (max-width: 1560px)
{
    .box-video .left .video .play:before
    {
        font-size: 80px;
    }
}
.box-video .left .video:hover img
{
    opacity: .6;
}
.box-video .right
{
    position: relative;
    z-index: 9;

    float: left;

    width: 57.5%;
}
.box-video .right .item
{
    display: table;
    overflow: hidden;
}
.box-video .right .item .text
{
    display: table-cell;

    width: 50%;
    padding: 0 40px;

    vertical-align: middle;

    background-color: #fff;
}
.box-video .right .item .text h3
{
    font-size: 26px;
    line-height: 1.15384615;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0 0 20px 0;

    color: #111;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1560px)
{
    .box-video .right .item .text h3
    {
        font-size: 22px;

        margin: 0 0 10px 0;
    }
}
.box-video .right .item .text p
{
    font-size: 16px;
    line-height: 1.75;

    display: -webkit-box;
    overflow: hidden;

    max-height: 84px;
    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.box-video .right .item .pic
{
    position: relative;

    display: table-cell;

    width: 50%;
}
.box-video .right .item .pic .img-box
{
    padding-bottom: 54.25101215%;
}
.box-video .right .item-1 .pic:before
{
    position: absolute;
    z-index: 9;
    top: 50%;

    display: inline-block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff;
}
.box-video .right .item-2 .text
{
    background-color: #2f558f;
}
.box-video .right .item-2 .text h3,
.box-video .right .item-2 .text p
{
    color: #fff;
}
.box-video .right .item-2 .pic:before
{
    position: absolute;
    z-index: 9;
    top: 50%;
    right: 0;

    display: inline-block;

    width: 0;
    height: 0;

    content: '';

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 11px solid transparent;
    border-right: 11px solid #2f558f;
    border-bottom: 11px solid transparent;
}
.footer
{
    background-color: #292929;
}
.footer .foot
{
	overflow: hidden;
	border-bottom: 1px solid #464646;
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.footer .foot .foot-nav
{
    float: left;

    width: 76%;
    padding-right: 80px;
}
.footer .foot .foot-nav ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.footer .foot .foot-nav ul li
{
    float: left;
}
.footer .foot .foot-nav ul li h3
{
    font-size: 24px;
    line-height: 1.33333333;

    margin: 0 0 30px 0;

    color: #fff;
}
@media (max-width: 1560px)
{
    .footer .foot .foot-nav ul li h3
    {
        font-size: 20px;
    }
}
.footer .foot .foot-nav ul li a
{
    font-size: 16px;
    line-height: 2;

    display: block;

    color: #fff;
}
.footer .foot .foot-nav ul li a:hover
{
    text-decoration: underline;

    color: #d44417;
}
.footer .foot .erweima
{
    float: left;

    width: 24%;
}
.footer .foot .erweima ul
{
    margin: 0 -30px;
}
.footer .foot .erweima ul li
{
    float: left;

    width: 50%;
    padding: 0 30px;

    text-align: center;
}
.footer .foot .erweima ul li p
{
    font-size: 16px;

    color: #fff;
}
.footer .copyright
{
    overflow: hidden;

    padding: 50px 0;

    border-top: 1px solid #1f1f1f;
}
.footer .copyright p
{
    font-size: 16px;
    line-height: 40px;

    display: inline-block;

    margin: 0;

    color: #adadad;
}
.footer .copyright p a
{
    margin-left: 20px;
}
.footer .copyright p a:hover
{
    color: #d44417;
}
.footer .copyright .link
{
    float: right;

    color: #adadad;
}
.footer .copyright .link a
{
    font-size: 16px;
    line-height: 40px;

    display: inline-block;

    color: #adadad;
}
.footer .copyright .link a:hover
{
    color: #d44417;
}
.wrapper
{
    overflow: hidden;
}
.wrap
{
    padding: 80px 0 130px;
}
.title-in h3
{
    font-size: 42px;
    font-weight: bold;

    display: inline-block;

    margin: 0 0 15px 0;
    margin-right: 20px;
    padding-bottom: 10px;

    text-transform: uppercase;

    color: #000;
    border-bottom: 3px solid #2f558f;
}
@media (max-width: 1560px)
{
    .title-in h3
    {
        font-size: 36px;
    }
}
.sidenav
{
    margin-top: 30px;
}
.sidenav ul
{
    overflow: hidden;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff;
}
.sidenav ul li
{
    float: left;

    border-right: 1px solid #ccc;
}
.sidenav ul li a
{
    font-size: 18px;
    line-height: 30px;

    display: block;

    padding: 10px 36px;

    -webkit-transition: all .4s;
            transition: all .4s;

    color: #000;
}
.sidenav ul li.active a,
.sidenav ul li:hover a
{
    color: #fff;
    background-color: #d44417;
}
.wrap-about .about
{
    overflow: hidden;

    margin-top: 30px;
}
.wrap-about .about .text
{
    float: left;

    width: 60%;
    padding-right: 90px;
}
@media (max-width: 1560px)
{
    .wrap-about .about .text
    {
        padding-right: 80px;
    }
}
.wrap-about .about .text p
{
    font-size: 16px;
    line-height: 2.125;

    margin: 0;

    color: #666;
}
.wrap-about .about .pic
{
    float: left;

    width: 40%;
}
.wrap-about .about .pic img
{
    max-width: 100%;
}
.wrap-story .story ul li
{
    overflow: hidden;

    margin-top: 40px;

    background-color: #fff;
}
.wrap-story .story ul li .pic
{
    float: left;

    width: 50%;
}
.wrap-story .story ul li .pic .img-box
{
    padding-bottom: 46.51162791%;
}
.wrap-story .story ul li .text
{
    float: left;

    width: 50%;
    margin-bottom: -999px;
    padding: 40px;
    padding-bottom: 999px;

    background-color: #fff;
}
@media (max-width: 1560px)
{
    .wrap-story .story ul li .text
    {
        padding-top: 20px;
    }
}
.wrap-story .story ul li .text h3
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 40px;
    font-weight: normal;

    display: inline-block;

    margin: 0 0 30px 0;

    color: #d44417;
    border-bottom: 1px solid #d44417;
}
@media (max-width: 1560px)
{
    .wrap-story .story ul li .text h3
    {
        font-size: 30px;

        margin: 0 0 10px 0;
    }
}
@media (max-width: 1440px)
{
    .wrap-story .story ul li .text h3
    {
        font-size: 24px;
    }
}
.wrap-story .story ul li .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;
}
.wrap-story .story ul li:nth-child(2n) .pic
{
    float: right;
}
.wrap-honor .honor
{
    overflow: hidden;

    margin-top: 40px;
}
.wrap-honor .honor .list
{
    float: left;

    width: 82%;
    padding-right: 30px;
}
@media (max-width: 1560px)
{
    .wrap-honor .honor .list
    {
        width: 76%;
    }
}
.wrap-honor .honor .list ul li
{
    margin-top: 20px;
}
.wrap-honor .honor .list ul li:first-child
{
    margin-top: 0;
}
.wrap-honor .honor .list ul li .item
{
    line-height: 72px;

    position: relative;

    height: 72px;
    padding-left: 180px;

    background-color: #fff;
}
.wrap-honor .honor .list ul li .item span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 28px;
    line-height: 72px;

    position: absolute;
    left: 0;

    display: block;

    width: 180px;

    text-align: center;

    color: #fff;
    background-color: #d44417;
}
.wrap-honor .honor .list ul li .item p
{
    font-size: 16px;
    line-height: 72px;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;
    padding: 0 20px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wrap-honor .honor .pic
{
	float: left;
	width: 100%;
}
@media (max-width: 1560px)
{
    .wrap-honor .honor .pic
    {
        width: 24%;
    }
}
.wrap-honor .honor .pic ul li
{
	overflow: hidden;
	margin-top: 16px;
}
.wrap-honor .honor .pic ul li:first-child
{
	margin-top: 0;
	float: left;
}
.wrap-honor .honor .pic ul li .img-box
{
    padding-bottom: 66.66666667%;
}
.wrap-honor .honor .pic ul li .img-box img
{
    -webkit-transition: all 1.2s;
            transition: all 1.2s;
}
.wrap-honor .honor .pic ul li:hover .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.wrap-company .company ul
{
    margin-top: 40px;
}
.wrap-company .company ul li
{
    margin-top: 20px;
    padding: 0 50px;

    background-color: #fff;
}
.wrap-company .company ul li h3
{
    font-size: 28px;
    line-height: 44px;

    position: relative;

    margin: 0;
    padding: 20px 0;

    cursor: pointer;

    color: #d44417;
}
@media (max-width: 1560px)
{
    .wrap-company .company ul li h3
    {
        font-size: 24px;
    }
}
.wrap-company .company ul li h3:after
{
    position: absolute;
    top: 39px;
    right: 0;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-top: 10px solid #d44417;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.wrap-company .company ul li .text
{
    display: none;
    overflow: hidden;

    padding: 30px 0 60px;

    border-top: 1px solid #eee;
}
.wrap-company .company ul li .text .note
{
    float: left;

    width: 60%;
    padding-right: 40px;
}
.wrap-company .company ul li .text .note p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-company .company ul li .text .pic
{
    float: left;

    width: 40%;
}
.wrap-culture .culture ul
{
    overflow: hidden;

    margin: 0 -15px;
    margin-top: 30px;
}
.wrap-culture .culture ul li
{
    float: left;

    width: 50%;
    margin-top: 30px;
    padding: 0 15px;
}
.wrap-culture .culture ul li .item
{
    display: table;

    width: 100%;

    border: 1px dashed #d2d2d2;
}
.wrap-culture .culture ul li .pic
{
    display: table-cell;
    overflow: hidden;

    width: 50%;

    vertical-align: middle;

    border-radius: 10px;
}
.wrap-culture .culture ul li .pic .img-box
{
    padding-bottom: 47.72727273%;
}
.wrap-culture .culture ul li .text
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;
}
.wrap-culture .culture ul li .text h3
{
    font-size: 34px;

    position: relative;

    display: inline-block;

    margin: 0;
    padding-bottom: 14px;

    border-bottom: 1px solid #eee;
}
@media (max-width: 1560px)
{
    .wrap-culture .culture ul li .text h3
    {
        font-size: 30px;
    }
}
@media (max-width: 1440px)
{
    .wrap-culture .culture ul li .text h3
    {
        font-size: 26px;
    }
}
.wrap-culture .culture ul li .text h3:after
{
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;

    display: block;

    width: 32px;
    height: 3px;
    margin: auto;

    content: '';

    background-color: #d44417;
}
.wrap-culture .culture ul li .text p
{
    font-size: 16px;
    line-height: 1.75;

    margin: 10px 0 0 0;

    color: #666;
}
.wrap-culture .culture ul li:nth-child(4n+1) .item,
.wrap-culture .culture ul li:nth-child(4n+2) .item
{
    border-radius: 10px 0 0 10px;
}
.wrap-culture .culture ul li:nth-child(4n+1) .text,
.wrap-culture .culture ul li:nth-child(4n+2) .text
{
    padding: 0 20px 0 50px;
}
@media (max-width: 1560px)
{
    .wrap-culture .culture ul li:nth-child(4n+1) .text,
    .wrap-culture .culture ul li:nth-child(4n+2) .text
    {
        padding: 0 20px;
    }
}
.wrap-culture .culture ul li:nth-child(4n+3) .item,
.wrap-culture .culture ul li:nth-child(4n+4) .item
{
    border-radius: 0 10px 10px 0;
}
.wrap-culture .culture ul li:nth-child(4n+3) .text,
.wrap-culture .culture ul li:nth-child(4n+4) .text
{
    padding: 0 50px 0 20px;
}
@media (max-width: 1560px)
{
    .wrap-culture .culture ul li:nth-child(4n+3) .text,
    .wrap-culture .culture ul li:nth-child(4n+4) .text
    {
        padding: 0 20px;
    }
}
.wrap-lnvestor-info .title-in h3 span
{
    margin-right: 0;
}
.wrap-lnvestor-info .lnvestor-info
{
    margin-top: 50px;
}
.wrap-lnvestor-info .lnvestor-info table
{
    width: 100%;

    border-collapse: collapse;
}
.wrap-lnvestor-info .lnvestor-info table td
{
    font-size: 16px;
    line-height: 1.77777778;

    width: 25%;
    padding: 10px 30px;

    text-align: center;

    color: #666;
    border: 1px solid #ddd;
}
.wrap-lnvestor-info .lnvestor-info table td:nth-child(2n+1)
{
    background-color: #efefef;
}
.wrap-lnvestor-info .lnvestor-info table .text
{
    padding: 20px 30px;

    text-align: left;
}
.wrap-lnvestor-download .title-in h3 span
{
    margin-right: 0;
}
.wrap-lnvestor-download .lnvestor-download
{
    margin-top: 30px;
}
.wrap-lnvestor-download .lnvestor-download ul li
{
    position: relative;

    margin-top: 12px;
    padding: 14px 100px 14px 190px;

    border: 1px solid #ddd;
}
.wrap-lnvestor-download .lnvestor-download ul li span
{
    font-size: 16px;
    line-height: 38px;

    position: absolute;
    left: 20px;

    display: block;

    width: 140px;
    height: 38px;

    text-align: center;

    color: #fff;
    border-radius: 50px;
    background-color: #1a3f8f;
}
.wrap-lnvestor-download .lnvestor-download ul li p
{
    font-size: 18px;
    line-height: 2.11111111;

    display: -webkit-box;
    overflow: hidden;

    height: 38px;
    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wrap-lnvestor-download .lnvestor-download ul li a.down
{
    position: absolute;
    top: 14px;
    right: 20px;
}
.wrap-lnvestor-download .lnvestor-download ul li a.down:after
{
    font-family: 'iconfont';
    font-size: 40px;
    line-height: 38px;

    display: block;

    width: 50px;
    height: 38px;

    content: '\e617';

    color: #1a3f8f;
}
.wrap-lnvestor-message .title-in h3 span
{
    margin-right: 0;
}
.wrap-lnvestor-message .lnvestor-message
{
    display: table;

    width: 100%;
    margin-top: 50px;
}
.wrap-lnvestor-message .lnvestor-message .message
{
    display: table-cell;

    width: 50%;
    padding: 30px 50px;

    vertical-align: middle;

    background-color: #fff;
}
.wrap-lnvestor-message .lnvestor-message .message ul li
{
    overflow: hidden;

    margin-top: 18px;
}
.wrap-lnvestor-message .lnvestor-message .message ul li:first-child
{
    margin-top: 0;
}
.wrap-lnvestor-message .lnvestor-message .message ul li:first-child input
{
    float: left;

    width: 60%;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li:first-child input
    {
        width: 50%;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li input,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea
{
    font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 20px;
    line-height: 30px;

    width: 100%;
    min-height: 60px;
    padding: 15px 20px;

    border: 1px solid #a0a0a0;
    border-radius: 20px;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li input,
    .wrap-lnvestor-message .lnvestor-message .message ul li textarea
    {
        line-height: 30px;

        min-height: 50px;
        padding: 10px 20px;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li input::-webkit-input-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea::-webkit-input-placeholder
{
    color: #999;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:-o-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:-o-placeholder
{
    color: #999;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input::-moz-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea::-moz-placeholder
{
    color: #999;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:-ms-input-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:-ms-input-placeholder
{
    color: #999;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:focus::-webkit-input-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:focus::-webkit-input-placeholder
{
    color: #ccc;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:focus::-o-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:focus::-o-placeholder
{
    color: #ccc;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:focus::-moz-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:focus::-moz-placeholder
{
    color: #ccc;
}
.wrap-lnvestor-message .lnvestor-message .message ul li input:focus::-ms-input-placeholder,
.wrap-lnvestor-message .lnvestor-message .message ul li textarea:focus::-ms-input-placeholder
{
    color: #ccc;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .btn
{
    font-size: 24px;
    line-height: 60px;

    width: 49%;
    height: 60px;

    cursor: pointer;

    color: #fff;
    border-radius: 20px;
    background-color: #1a3f8f;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li .btn
    {
        line-height: 50px;

        height: 50px;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li .btn.reset
{
    float: right;

    background-color: #d44417;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .btn:hover
{
    text-decoration: underline;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check
{
    font-size: 20px;
    line-height: 60px;

    float: left;

    width: 40%;

    text-align: center;

    color: #666;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li .js-check
    {
        line-height: 50px;

        width: 50%;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check i
{
    display: inline-block;

    margin: 0 10px;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check label
{
    position: relative;

    display: inline-block;

    margin: 0 10px;

    cursor: pointer;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check label input
{
    width: auto;

    cursor: pointer;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check label:after
{
    position: relative;
    position: absolute;
    top: 16px;
    left: 0;

    display: inline-block;
    float: left;

    width: 30px;
    height: 30px;

    content: '';
    cursor: pointer;

    border: 1px solid #ebebeb;
    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li .js-check label:after
    {
        top: 12px;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check label i
{
    position: absolute;
    z-index: 9;
    top: 26px;
    left: 0;

    display: inline-block;

    width: 11px;
    height: 11px;

    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-lnvestor-message .lnvestor-message .message ul li .js-check label i
    {
        top: 22px;
    }
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check label.checked i
{
    background-color: #000;
}
.wrap-lnvestor-message .lnvestor-message .message ul li .js-check input[type=radio]
{
    width: 30px;
    height: 30px;

    opacity: 0;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background: #fff;
}
.wrap-lnvestor-message .lnvestor-message .pic
{
    display: table-cell;

    width: 50%;
}
.wrap-lnvestor-message .lnvestor-message .pic img
{
    width: 100%;
}
.wrap-human-talent .title-in h3 span
{
    margin-right: 0;
}
.wrap-human-talent .human-talent
{
    display: table;

    width: 100%;
    margin-top: 50px;
}
.wrap-human-talent .human-talent .text
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;
}
.wrap-human-talent .human-talent .text .note
{
    padding: 70px 40px;

    border: 1px dashed #1a3f8f;
    border-right: none;
    border-radius: 50px 0 0 50px;
}
@media (max-width: 1620px)
{
    .wrap-human-talent .human-talent .text .note
    {
        padding: 40px 20px;
    }
}
@media (max-width: 1560px)
{
    .wrap-human-talent .human-talent .text .note
    {
        padding: 20px;
    }
}
.wrap-human-talent .human-talent .text .note p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
@media (max-width: 1400px)
{
    .wrap-human-talent .human-talent .text .note p
    {
        font-size: 15px;
    }
}
.wrap-human-talent .human-talent .pic img
{
    width: 100%;
}
.wrap-human-salary .title-in h3 span
{
    margin-right: 0;
}
.wrap-human-salary .human-salary
{
    margin-top: 40px;
}
.wrap-human-salary .human-salary ul li
{
    display: table;

    width: 100%;
    margin-top: 24px;
}
.wrap-human-salary .human-salary ul li .text
{
    display: table-cell;

    width: 50%;
    padding: 40px;

    vertical-align: middle;

    background-color: #fff;
}
.wrap-human-salary .human-salary ul li .text h3
{
    font-size: 26px;

    position: relative;

    display: inline-block;

    margin: 0 0 12px 0;
    padding-bottom: 12px;

    color: #d44417;
    border-bottom: 1px solid #eee;
}
.wrap-human-salary .human-salary ul li .text h3:after
{
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;

    display: block;

    width: 20px;
    height: 5px;
    margin: auto;

    content: '';

    background-color: #eee;
}
.wrap-human-salary .human-salary ul li .text p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-human-salary .human-salary ul li .pic
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;

    background-color: #fff;
}
.wrap-human-salary .human-salary ul li .pic img
{
    width: 100%;
}
.wrap-human-job .title-in h3 span
{
    margin-right: 0;
}
.wrap-human-job .human-job .title-job
{
    position: relative;

    margin-top: 50px;
}
.wrap-human-job .human-job .title-job > div
{
    position: relative;
    z-index: 9;

    width: 380px;
    margin: 0 auto;

    text-align: center;

    background-color: #f9f9f9;
}
.wrap-human-job .human-job .title-job > div h2
{
    font-size: 40px;

    margin: 0;

    color: #1a3f8f;
}
.wrap-human-job .human-job .title-job > div p
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 36px;

    margin: 0;

    color: #1a3f8f;
}
.wrap-human-job .human-job .title-job .div_bg
{
    position: absolute;
    z-index: 0;
    top: 0;

    width: 100%;
    height: 99px;

    border-top: 20px solid #1a3f8f;
    border-bottom: 20px solid #1a3f8f;
}
.wrap-human-job .human-job .job
{
    margin-top: 70px;
}
.wrap-human-job .human-job .job ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    width: 100%;
    margin-bottom: 100px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.wrap-human-job .human-job .job ul li
{
    overflow: hidden;

    vertical-align: middle;
}
.wrap-human-job .human-job .job ul li .item
{
    width: 200px;
    padding: 14px;

    border: 1px dashed #1a3f8f;
    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-human-job .human-job .job ul li .item
    {
        width: 180px;
    }
}
@media (max-width: 1400px)
{
    .wrap-human-job .human-job .job ul li .item
    {
        width: 160px;
    }
}
.wrap-human-job .human-job .job ul li .img-box
{
    border-radius: 50%;
    background-color: #1a3f8f;
}
.wrap-human-job .human-job .job ul li .img-box p
{
    font-size: 24px;
    font-size: normal;
    line-height: 1.5;

    position: absolute;
    top: 50%;

    width: 100%;
    margin: 0;
    padding: 23px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 1560px)
{
    .wrap-human-job .human-job .job ul li .img-box p
    {
        padding: 14px;
    }
}
@media (max-width: 1400px)
{
    .wrap-human-job .human-job .job ul li .img-box p
    {
        padding: 4px;
    }
}
.wrap-human-job .job-list table
{
    width: 100%;
    margin-top: 30px;

    border-collapse: collapse;
}
.wrap-human-job .job-list table th
{
    font-weight: normal;

    background-color: #eee;
}
.wrap-human-job .job-list table td,
.wrap-human-job .job-list table th
{
    font-size: 16px;
    line-height: 1.77777778;

    width: 14.28571429%;
    padding: 5px 30px;

    text-align: center;

    color: #666;
    border: 1px solid #ddd;
}
.wrap-human-job .job-list table .text
{
    padding: 20px 30px;

    text-align: left;
}
/**
 * page
 */
.page
{
    clear: both;
    overflow: hidden;

    margin-top: 70px;

    text-align: center;
}
@media (max-width: 991px)
{
    .page
    {
        margin-top: 50px;
    }
}
.page a
{
    font-size: 18px;
    line-height: 45px;

    display: inline-block;
    overflow: hidden;

    width: 45px;
    height: 45px;
    margin: 0 5px;

    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;

    color: #1a3f8f;
    border-radius: 50%;
    background-color: #fff;
}
.page a.omit
{
    background-color: #fff;
}
.page a.omit:hover
{
    color: #7c7c7c;
    background-color: #fff;
}
.page a.first-child,
.page a.last-child
{
    font-size: 24px;

    margin-right: 30px;
}
.page a.first-child::after,
.page a.last-child::after
{
    font-family: 'iconfont';

    content: '\e9b5';

    color: #bebebe;
}
.page a.last-child
{
    margin-right: 0;
    margin-left: 30px;
}
.page a.last-child::after
{
    font-family: 'iconfont';

    content: '\e72f';
}
.page a.active,
.page a:hover
{
    color: #fff;
    background-color: #1a3f8f;
}
@media (max-width: 767px)
{
    .page a
    {
        line-height: 34px;

        width: 34px;
        height: 34px;
    }
}
.wrap-product .title-in h3 span
{
    margin-right: 0;
}
.wrap-product .product ul li
{
    overflow: hidden;

    margin-top: 20px;
    padding: 40px;

    background-color: #fff;
}
.wrap-product .product ul li .pic
{
	float: left;
	width: 44%;
	border: 6px solid #ddd;
}
@media (max-width: 1560px)
{
    .wrap-product .product ul li .pic
    {
        width: 30%;
    }
}
.wrap-product .product ul li .pic .img-box
{
    padding-bottom: 60%;
}
.wrap-product .product ul li .pic .img-box img
{
    -webkit-transition: all 1.2s;
            transition: all 1.2s;
}
.wrap-product .product ul li .text
{
	float: left;
	width: 56%;
	padding-left: 50px;
}
@media (max-width: 1560px)
{
    .wrap-product .product ul li .text
    {
        width: 70%;
    }
}
.wrap-product .product ul li .text h3
{
    font-size: 40px;
    line-height: 64px;

    display: inline-block;

    height: 64px;
    margin: 0 0 30px 0;
    padding: 0 20px;

    border: 1px dashed #1a3f8f;
    border-radius: 50px;
}
@media (max-width: 1560px)
{
    .wrap-product .product ul li .text h3
    {
        font-size: 34px;
    }
}
.wrap-product .product ul li .text p
{
    font-size: 16px;
    line-height: 2;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-product .product ul li .text a
{
    display: block;
}
.wrap-product .product ul li:hover .text h3
{
    color: #1a3f8f;
}
.wrap-product-show
{
    padding-top: 130px;
}
.wrap-product-show .title-product
{
    position: relative;

    padding: 50px 60px;

    background-color: #1f2a65;
}
.wrap-product-show .title-product h3
{
    font-size: 36px;
    font-weight: normal;
    line-height: 50px;

    margin: 0;

    color: #fff;
}
.wrap-product-show .title-product h3 span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin-left: 20px;

    text-transform: uppercase;
}
.wrap-product-show .title-product .bdsharebuttonbox
{
    position: absolute;
    top: 50px;
    right: 40px;
}
.wrap-product-show .title-product .bdsharebuttonbox a
{
    padding-left: 4px;

    background: none;
}
.wrap-product-show .title-product .bdsharebuttonbox a:before
{
    font-family: 'iconfont';
    font-size: 30px;
    line-height: 42px;

    display: block;

    width: 42px;
    height: 42px;

    content: '\e636';
    text-align: center;

    color: #1f2a65;
    border-radius: 50%;
    background-color: #fff;
}
.wrap-product-show .title-product .bdsharebuttonbox .bds_sqq:before
{
    content: '\e611';

}
.wrap-product-show .title-product .bdsharebuttonbox .bds_tsina:before
{
    content: '\e632';
}
.wrap-product-show .sidenav
{
    margin-top: 0;
}
.wrap-product-show .product-show .info-1
{
    overflow: hidden;

    margin-top: 24px;
    padding: 40px;

    background-color: #fff;
}
.wrap-product-show .product-show .info-1 .right
{
    position: relative;

    width: 100%;
}
.wrap-product-show .product-show .info-1 .right .text h3
{
    font-size: 36px;
    line-height: 60px;

    display: inline-block;

    height: 60px;
    margin: 0;
    padding: 0 20px;

    color: #666;
    border: 1px dashed #1a3f8f;
    border-radius: 50px;
}
@media (max-width: 1560px)
{
    .wrap-product-show .product-show .info-1 .right .text h3
    {
        font-size: 30px;
    }
}
.wrap-product-show .product-show .info-1 .right .text .note
{
    margin-top: 40px;
}
.wrap-product-show .product-show .info-1 .right .text .note h4
{
    font-size: 24px;
    font-weight: normal;

    color: #666;
}
.wrap-product-show .product-show .info-1 .right .text .note p
{
    font-size: 14px;
    line-height: 2;
}
.wrap-product-show .product-show .info-1 .right .relate ul
{
    margin: 0 -15px;
}
.wrap-product-show .product-show .info-1 .right .relate ul li
{
    float: left;

    width: 50%;
    margin-top: 10px;
    padding: 0 15px;
}
.wrap-product-show .product-show .info-1 .right .relate ul li a
{
    font-size: 18px;
    line-height: 46px;

    display: block;

    height: 46px;
    padding: 0 20px;

    color: #666;
    border: 1px dashed #1a3f8f;
    border-radius: 50px;
}
.wrap-product-show .product-show .info-1 .right .relate ul li:hover a
{
    color: #1a3f8f;
}
.wrap-product-show .product-show .info-2 .relate-title
{
    margin-top: 46px;
}
.wrap-product-show .product-show .info-2 .relate-title h2
{
    font-size: 46px;

    margin: 0;

    color: #1a3f8f;
}
@media (max-width: 1560px)
{
    .wrap-product-show .product-show .info-2 .relate-title h2
    {
        font-size: 36px;
    }
}
.wrap-product-show .product-show .info-2 ul
{
    overflow: hidden;

    margin: 0 -14px;
    margin-top: 18px;
}
.wrap-product-show .product-show .info-2 ul li
{
    float: left;

    width: 50%;
    margin-top: 28px;
    padding: 0 14px;
}
.wrap-product-show .product-show .info-2 ul li .item
{
    overflow: hidden;

    padding: 20px;

    background-color: #fff;
}
.wrap-product-show .product-show .info-2 ul li .item .pic
{
    float: left;

    width: 37%;
}
@media (max-width: 1560px)
{
    .wrap-product-show .product-show .info-2 ul li .item .pic
    {
        width: 44%;
    }
}
.wrap-product-show .product-show .info-2 ul li .item .pic .img-box
{
    padding-bottom: 65.45454545%;
}
.wrap-product-show .product-show .info-2 ul li .item .pic .img-box img
{
    -webkit-transition: all 1.2s;
            transition: all 1.2s;
}
.wrap-product-show .product-show .info-2 ul li .item .text
{
    float: left;

    width: 63%;
    padding: 0 20px 0 30px;
}
@media (max-width: 1560px)
{
    .wrap-product-show .product-show .info-2 ul li .item .text
    {
        width: 56%;
    }
}
.wrap-product-show .product-show .info-2 ul li .item .text h3
{
    font-size: 20px;
    line-height: 1.5;

    display: -webkit-box;
    overflow: hidden;

    max-height: 60px;
    margin: 0;

    color: #1a3f8f;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-product-show .product-show .info-2 ul li .item .text span
{
    line-height: 2.14285714;

    display: block;

    height: 30px;

    color: #999;
}
.wrap-product-show .product-show .info-2 ul li .item .text p
{
    font-size: 16px;
    line-height: 1.75;

    display: -webkit-box;
    overflow: hidden;

    height: 84px;
    margin: 14px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.wrap-product-show .product-show .info-2 ul li .item .text a
{
    display: block;
}
.wrap-product-show .product-show .info-2 ul li .item:hover .pic .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.wrap-news
{
    padding-top: 130px;
}
.wrap-news .title-news
{
    padding: 50px 60px;

    background-color: #1f2a65;
}
.wrap-news .title-news h3
{
    font-size: 40px;
    font-weight: normal;
    line-height: 50px;

    margin: 0;

    color: #fff;
}
.wrap-news .title-news h3 span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin-left: 20px;

    text-transform: uppercase;
}
.wrap-news .sidenav
{
    margin-top: 0;
}
.wrap-news .news .i-title
{
    margin-top: 50px;
}
.wrap-news .news .i-title h2
{
    font-size: 42px;

    margin: 0;
}
.wrap-news .news .info-1
{
    overflow: hidden;

    margin-top: 40px;
}
.wrap-news .news .info-1 .left
{
    float: left;

    width: 50%;

    background-color: #1a3f8f;
}
.wrap-news .news .info-1 .left .item .img-box
{
    padding-bottom: 51.1627907%;
}
.wrap-news .news .info-1 .left .item .text
{
    padding: 25px;

    background-color: #1a3f8f;
}
.wrap-news .news .info-1 .left .item .text p
{
    font-size: 24px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wrap-news .news .info-1 .left .item .text span
{
    line-height: 30px;

    display: block;

    color: #fff;
}
.wrap-news .news .info-1 .left .owl-pagination
{
    padding: 0 20px 20px 0;

    text-align: right;

    background-color: #1a3f8f;
}
.wrap-news .news .info-1 .left .owl-pagination .owl-page
{
    display: inline-block;
}
.wrap-news .news .info-1 .left .owl-pagination .owl-page span
{
    display: inline-block;

    width: 20px;
    height: 6px;
    margin: 0 5px;

    opacity: 1;
    border-radius: 0;
    background-color: #fff;
}
.wrap-news .news .info-1 .left .owl-pagination .owl-page.active span
{
    background-color: #d44417;
}
.wrap-news .news .info-1 .left .owl-buttons
{
    display: none;
}
.wrap-news .news .info-1 .right
{
    float: left;

    width: 50%;
    padding-left: 40px;
}
.wrap-news .news .info-1 .right ul
{
    padding-bottom: 10px;
}
.wrap-news .news .info-1 .right ul li
{
    position: relative;

    margin-top: 60px;
    padding-left: 120px;
}
@media (max-width: 1560px)
{
    .wrap-news .news .info-1 .right ul li
    {
        margin-top: 40px;
    }
}
@media (max-width: 1440px)
{
    .wrap-news .news .info-1 .right ul li
    {
        margin-top: 30px;
    }
}
.wrap-news .news .info-1 .right ul li:first-child
{
    margin-top: 0;
}
.wrap-news .news .info-1 .right ul li .date
{
    position: absolute;
    left: 0;

    width: 100px;
    height: 100px;
    padding: 10px 0;

    text-align: center;

    border: 1px dashed #1a3f8f;
    border-radius: 50%;
}
.wrap-news .news .info-1 .right ul li .date h3
{
    font-family: 'impact';
    font-size: 45px;

    margin: 0;

    color: #1a3f8f;
}
.wrap-news .news .info-1 .right ul li .date p
{
    font-family: 'Agency FB';
    font-size: 18px;
    font-weight: normal;

    margin: 0;

    color: #1a3f8f;
}
.wrap-news .news .info-1 .right ul li .text h3
{
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    color: #1a3f8f;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wrap-news .news .info-1 .right ul li .text p
{
    font-size: 16px;
    line-height: 1.5;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 20px 0 0 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-news .news .info-1 .right ul li .text a
{
    display: block;
}
.wrap-news .news .info-2 ul
{
    overflow: hidden;

    margin: 0 -14px;
    margin-top: 60px;
}
.wrap-news .news .info-2 ul li
{
    float: left;

    width: 50%;
    margin-top: 28px;
    padding: 0 14px;
}
.wrap-news .news .info-2 ul li .item
{
    position: relative;

    overflow: hidden;

    padding: 20px;
    padding-left: 220px;

    background-color: #fff;
}
.wrap-news .news .info-2 ul li .item .date
{
    position: absolute;
    left: 20px;

    width: 170px;
    padding: 14px 0;

    text-align: center;

    background-color: #1a3f8f;
}
.wrap-news .news .info-2 ul li .item .date h3,
.wrap-news .news .info-2 ul li .item .date p
{
    font-family: 'ITC Avant Garde Gothic';

    margin: 0;

    color: #fff;
}
.wrap-news .news .info-2 ul li .item .date h3
{
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;

    height: 40px;
}
.wrap-news .news .info-2 ul li .item .date p
{
    font-size: 34px;
    font-weight: bold;
}
.wrap-news .news .info-2 ul li .item .text
{
    width: 100%;
    padding: 0 20px 0 0;
}
.wrap-news .news .info-2 ul li .item .text h3
{
    font-size: 20px;
    line-height: 1.5;

    display: -webkit-box;
    overflow: hidden;

    max-height: 60px;
    margin: 0;

    color: #1a3f8f;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-news .news .info-2 ul li .item .text span
{
    line-height: 2.14285714;

    display: block;

    height: 30px;

    color: #999;
}
.wrap-news .news .info-2 ul li .item .text p
{
    font-size: 16px;
    line-height: 1.75;

    display: -webkit-box;
    overflow: hidden;

    height: 56px;
    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-news .news .info-2 ul li .item .text a
{
    display: block;
}
.wrap-news .news .info-2 ul li .item:hover .pic .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.wrap-news-show
{
    padding-top: 130px;
}
.wrap-news-show .title-news
{
    position: relative;

    padding: 50px 60px;

    background-color: #1f2a65;
}
.wrap-news-show .title-news h3
{
    font-size: 36px;
    font-weight: normal;
    line-height: 50px;

    margin: 0;

    color: #fff;
}
.wrap-news-show .title-news h3 span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin-left: 20px;

    text-transform: uppercase;
}
.wrap-news-show .title-news .bdsharebuttonbox
{
    position: absolute;
    top: 50px;
    right: 40px;
}
.wrap-news-show .title-news .bdsharebuttonbox a
{
    padding-left: 4px;

    background: none;
}
.wrap-news-show .title-news .bdsharebuttonbox a:before
{
    font-family: 'iconfont';
    font-size: 30px;
    line-height: 42px;

    display: block;

    width: 42px;
    height: 42px;

    content: '\e636';
    text-align: center;

    color: #1f2a65;
    border-radius: 50%;
    background-color: #fff;
}
.wrap-news-show .title-news .bdsharebuttonbox .bds_sqq:before
{
    content: '\e611';
}
.wrap-news-show .title-news .bdsharebuttonbox .bds_tsina:before
{
    content: '\e632';
}
.wrap-news-show .sidenav
{
    margin-top: 0;
}
.wrap-news-show .news-show .text
{
    overflow: hidden;

    margin-top: 70px;
}
.wrap-news-show .news-show .text .note
{
	float: left;
	width: 100%;
}
@media (max-width: 1560px)
{
    .wrap-news-show .news-show .text .note
    {
        width: 56%;
    }
}
.wrap-news-show .news-show .text .note p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-news-show .news-show .text .pic
{
    float: left;

    width: 40%;
    padding-left: 80px;
}
@media (max-width: 1560px)
{
    .wrap-news-show .news-show .text .pic
    {
        display: none;
    }
}
.wrap-news-show .news-show .text .pic img
{
    width: 100%;
}
.wrap-news-show .news-show .relate
{
    margin: 130px 0 50px;
}
.wrap-news-show .news-show .relate ul
{
    overflow: hidden;


    margin: 0 -12px;
}
.wrap-news-show .news-show .relate ul li
{
    float: left;

    width: 50%;
    padding: 0 12px;
}
.wrap-news-show .news-show .relate ul li a
{
    font-size: 20px;
    line-height: 50px;

    display: block;

    height: 50px;
    padding: 0 26px;

    -webkit-transition: all .4s;
            transition: all .4s;

    color: #666;
    border: 1px dashed #1a3f8f;
    border-radius: 50px;
}
.wrap-news-show .news-show .relate ul li a:hover
{
    color: #1a3f8f;
}
.wrap-party .title-in h3 span
{
    margin-right: 0;
}
.wrap-party .party ul
{
    overflow: hidden;

    margin: 0 -14px;
    margin-top: 10px;
}
.wrap-party .party ul li
{
	float: left;
	width: 50%;
	margin-top: 28px;
	padding-top: 0;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
}
.wrap-party .party ul li .item
{
    overflow: hidden;

    padding: 20px;

    background-color: #fff;
}
.wrap-party .party ul li .item .pic
{
	float: left;
	width: 100%;
}
@media (max-width: 1560px)
{
    .wrap-party .party ul li .item .pic
    {
        width: 44%;
    }
}
.wrap-party .party ul li .item .pic .img-box
{
    padding-bottom: 65.45454545%;
}
.wrap-party .party ul li .item .pic .img-box img
{
    -webkit-transition: all 1.2s;
            transition: all 1.2s;
}
.wrap-party .party ul li .item .text
{
	float: left;
	width: 63%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 30px;
	margin-top: 20px;
}
@media (max-width: 1560px)
{
    .wrap-party .party ul li .item .text
    {
        width: 56%;
    }
}
.wrap-party .party ul li .item .text h3
{
    font-size: 20px;
    line-height: 1.5;

    display: -webkit-box;
    overflow: hidden;

    max-height: 60px;
    margin: 0;

    color: #1a3f8f;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wrap-party .party ul li .item .text span
{
    line-height: 2.14285714;

    display: block;

    height: 30px;

    color: #999;
}
.wrap-party .party ul li .item .text p
{
    font-size: 16px;
    line-height: 1.75;

    display: -webkit-box;
    overflow: hidden;

    height: 84px;
    margin: 14px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.wrap-party .party ul li .item .text a
{
    display: block;
}
.wrap-party .party ul li .item:hover .pic .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.wrap-party-show
{
    padding-top: 130px;
}
.wrap-party-show .title-news
{
    position: relative;

    padding: 50px 60px;

    background-color: #1f2a65;
}
.wrap-party-show .title-news h3
{
    font-size: 36px;
    font-weight: normal;
    line-height: 50px;

    margin: 0;

    color: #fff;
}
.wrap-party-show .title-news h3 span
{
    font-family: 'ITC Avant Garde Gothic';
    font-size: 32px;

    margin-left: 20px;

    text-transform: uppercase;
}
.wrap-party-show .title-news .bdsharebuttonbox
{
    position: absolute;
    top: 50px;
    right: 40px;
}
.wrap-party-show .title-news .bdsharebuttonbox a
{
    padding-left: 4px;

    background: none;
}
.wrap-party-show .title-news .bdsharebuttonbox a:before
{
    font-family: 'iconfont';
    font-size: 30px;
    line-height: 42px;

    display: block;

    width: 42px;
    height: 42px;

    content: '\e636';
    text-align: center;

    color: #1f2a65;
    border-radius: 50%;
    background-color: #fff;
}
.wrap-party-show .title-news .bdsharebuttonbox .bds_sqq:before
{
    content: '\e611';
}
.wrap-party-show .title-news .bdsharebuttonbox .bds_tsina:before
{
    content: '\e632';
}
.wrap-party-show .sidenav
{
    margin-top: 0;
}
.wrap-party-show .party-show .text
{
    overflow: hidden;

    margin-top: 70px;
}
.wrap-party-show .party-show .text .note
{
    float: left;

    width: 60%;
}
@media (max-width: 1560px)
{
    .wrap-party-show .party-show .text .note
    {
        width: 56%;
    }
}
.wrap-party-show .party-show .text .note p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-party-show .party-show .text .pic
{
    float: left;

    width: 40%;
    padding-left: 80px;
}
@media (max-width: 1560px)
{
    .wrap-party-show .party-show .text .pic
    {
        width: 44%;
        padding-left: 60px;
    }
}
.wrap-party-show .party-show .text .pic img
{
    width: 100%;
}
.wrap-party-show .party-show .text .pic .down
{
    font-size: 16px;

    margin-top: 60px;

    -webkit-transition: all .4s;
            transition: all .4s;

    color: #fff;
    border-radius: 30px;
    background-color: #1a3f8f;
}
.wrap-party-show .party-show .text .pic .down a
{
    line-height: 60px;

    display: block;

    height: 60px;
    padding: 0 30px;
}
.wrap-party-show .party-show .text .pic .down a:before
{
    font-family: 'iconfont';
    font-size: 30px;

    float: left;

    margin-right: 10px;

    content: '\e617';
}
.wrap-party-show .party-show .text .pic .down:hover
{
    background-color: #d44417;
}
.wrap-party-show .party-show .relate
{
    margin: 130px 0 50px;
}
.wrap-party-show .party-show .relate ul
{
    overflow: hidden;

    margin: 0 -12px;
}
.wrap-party-show .party-show .relate ul li
{
    float: left;

    width: 50%;
    padding: 0 12px;
}
.wrap-party-show .party-show .relate ul li a
{
    font-size: 20px;
    line-height: 50px;

    display: block;

    height: 50px;
    padding: 0 26px;

    -webkit-transition: all .4s;
            transition: all .4s;

    color: #666;
    border: 1px dashed #1a3f8f;
    border-radius: 50px;
}
.wrap-party-show .party-show .relate ul li a:hover
{
    color: #1a3f8f;
}
.wrap-contact .title-in h3 span
{
    margin-right: 0;
}
.wrap-contact .contact
{
    margin-top: 50px;
}
.wrap-contact .contact h3
{
    font-size: 34px;

    margin: 0 0 20px 0;

    color: #0269ac;
}
.wrap-contact .contact h4
{
    font-size: 16px;
    line-height: 36px;

    display: inline-block;

    height: 36px;
    margin-top: 18px;
    padding: 0 18px;

    color: #0269ac;
    border: 1px dashed #0269ac;
    border-radius: 20px;
}
.wrap-contact .contact p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-contact .contact .info-1
{
    display: table;

    width: 100%;
}
.wrap-contact .contact .info-1 .text
{
    display: table-cell;

    width: 50%;
    padding: 36px;

    vertical-align: middle;

    background-color: #fff;
}
.wrap-contact .contact .info-1 .pic
{
    display: table-cell;

    width: 50%;
}
.wrap-contact .contact .info-1 .pic img
{
    width: 100%;
}
.wrap-contact .contact .info-2
{
    overflow: hidden;

    margin-top: 40px;
}
.wrap-contact .contact .info-2 .left
{
    float: left;

    width: 49%;
}
.wrap-contact .contact .info-2 .left .item-1
{
    padding: 36px;

    background-color: #fff;
}
.wrap-contact .contact .info-2 .left .item-1 ul
{
    overflow: hidden;
}
.wrap-contact .contact .info-2 .left .item-1 ul li
{
    float: left;

    width: 50%;
}
.wrap-contact .contact .info-2 .left .item-2
{
    display: table;

    width: 100%;
    margin-top: 40px;

    background-color: #fff;
}
.wrap-contact .contact .info-2 .left .item-2 .text
{
    display: table-cell;

    width: 50%;
    padding: 36px;

    vertical-align: middle;
}
.wrap-contact .contact .info-2 .left .item-2 .pic
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;
}
.wrap-contact .contact .info-2 .left .item-2 .pic img
{
    width: 100%;
}
.wrap-contact .contact .info-2 .right
{
    float: right;

    width: 49%;
    padding: 36px;

    background-color: #fff;
}




.accordion {
  height: 817px;
  overflow: hidden;
  position: relative
}

.accordion:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff
}

.accordion._create:after {
  display: none
}

.accordion__ul {
  height: 817px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 9999px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0
}

.accordion__li {
  height: 817px;
  display: block;
  list-style: none;
  margin: 0;
  height: 100%;
  float: left;
  overflow: hidden;
  transition: all .3s ease-out
}

.accordion__img {
  height: 817px;
  display: block;
  cursor: pointer;
  padding: 50px 20px 20px;
  color: #fff;
  position: relative
}

.accordion__img h2 a, .accordion__img h2 {
  color: #fff;
  font-size: 40px;
  letter-spacing: 2px;
  text-align: center
}

.accordion__img p {
  max-width: 400px;
  font-size: 22px;
  fonletter-spacing: .5px;
  opacity: 0
}

.accordion__img .icon {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0
}

.accordion__img .acc-site {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.accordion__li:hover p {
  opacity: 1
}

.accordion__li:hover img {
  opacity: 0
}

.accordion__li:hover h2 {
  text-align: left
}
.accordion__li:hover .icon{
	opacity: 0;
}
.accordion .icon .hk {
  font-size: 58px
}

.bg-color-1 {
  background-color: #da791f;
  background: url(../images/acc01.jpg) no-repeat;
  background-size: cover
}

.bg-color-2 {
  background-color: #47b3c2;
  background: url(../images/acc02.jpg) no-repeat;
  background-size: cover
}

.bg-color-3 {
  background-color: #5673c9;
  background: url(../images/acc03.png) no-repeat;
  background-size: cover
}

.bg-color-4 {
  background-color: #a3823a;
  background: url(../images/acc04.png) no-repeat;
  background-size: cover
}

.bg-color-5 {
  background-color: #8d75ca;
  background: url(../images/acc05.jpg) no-repeat;
  background-size: cover
}

.accordion__li:hover .accordion__img {
  background-image: none;
  background-color: #234093
}



@media (min-width: 992px) {
  .accordion, .accordion__ul, .accordion__li, .accordion__img {
    height: 282px
  }

  .accordion__img h2 a, .accordion__img h2 {
    font-size: 20px
  }

  .accordion__img p {
    font-size: 13px
  }
}
@media (min-width: 1200px) {
  .accordion, .accordion__ul, .accordion__li, .accordion__img {
    height: 388px
  }

  .accordion__img h2 a, .accordion__img h2 {
    font-size: 22px
  }

  .accordion__img p {
    font-size: 14px
  }
}
@media (min-width: 1400px) {
  .accordion, .accordion__ul, .accordion__li, .accordion__img {
    height: 494px
  }

  .accordion__img h2 a, .accordion__img h2 {
    font-size: 26px
  }

  .accordion__img p {
    font-size: 16px
  }
}
@media (min-width: 1700px) {
  .accordion, .accordion__ul, .accordion__li, .accordion__img {
    height: 600px
  }

  .accordion__img h2 a, .accordion__img h2 {
    font-size: 30px
  }

  .accordion__img p {
    font-size: 18px
  }
}