/**
 * style.less
 * 层叠样式表
 */
 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #000;
}

@media (min-width: 1200px)
{
    .container
    {
        width: 1200px;
    }
}
@media (min-width: 1320px)
{
    .container
    {
        width: 1320px;
    }
}
@media (max-width: 767px)
{
    .col-xs-6:nth-child(2n+1)
    {
        padding-right: 7.5px;
    }
    .col-xs-6:nth-child(2n)
    {
        padding-left: 7.5px;
    }
}
body
{
   

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	   overflow-x: hidden !important;
}
a
{
    text-decoration: none;

    color: inherit;
}
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
{
    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;
}
@font-face
{
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');
}
@font-face
{
    font-family: 'avenirnext';

    src: url('../fonts/avenirnextregular.eot');
    src: url('../fonts/avenirnextregular.eot') format('embedded-opentype'), url('../fonts/avenirnextregular.woff2') format('woff2'), url('../fonts/avenirnextregular.woff') format('woff'), url('../fonts/avenirnextregular.ttf') format('truetype'), url('../fonts/avenirnextregular.svg#avenirnextregular') format('svg');
}
@font-face
{
    font-family: 'AvenirNextDemiBold';

    src: url('../fonts/avenirnextdemibold.eot');
    src: url('../fonts/avenirnextdemibold.eot') format('embedded-opentype'), url('../fonts/avenirnextdemibold.woff2') format('woff2'), url('../fonts/avenirnextdemibold.woff') format('woff'), url('../fonts/avenirnextdemibold.ttf') format('truetype'), url('../fonts/avenirnextdemibold.svg#avenirnextdemibold') format('svg');
}
@font-face
{
    font-family: 'avenirnextbold';

    src: url('../fonts/avenirnextbold.eot');
    src: url('../fonts/avenirnextbold.eot') format('embedded-opentype'), url('../fonts/avenirnextbold.woff2') format('woff2'), url('../fonts/avenirnextbold.woff') format('woff'), url('../fonts/avenirnextbold.ttf') format('truetype'), url('../fonts/avenirnextbold.svg#avenirnextbold') format('svg');
}
@font-face
{
    font-family: 'AvenirNextMedium';

    src: url('../fonts/avenirnextmedium.eot');
    src: url('../fonts/avenirnextmedium.eot') format('embedded-opentype'), url('../fonts/avenirnextmedium.woff2') format('woff2'), url('../fonts/avenirnextmedium.woff') format('woff'), url('../fonts/avenirnextmedium.ttf') format('truetype'), url('../fonts/avenirnextmedium.svg#avenirnextmedium') format('svg');
}
.header
{
    z-index: 99;

    width: 100%;
    height: 85px;

    background-color: none;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
@media (max-width: 1000px)
{
    .header
    {
        height: 75px;
		background-color: rgba(255,255,255,1);
		position: fixed;
		top: 0px;    box-shadow: 0px 10px 10px -10px #c7c2c2;
    }
}
.header .logo
{
    float: left;

    height: 75px;
	overflow: hidden;
    margin-top: 0px;
}
@media (max-width: 991px)
{
    .header .logo
    {
        margin-top: 0px;margin-left: 10px;
    }
}
.header .logo img
{
    height: auto;
}
.header .search
{
    line-height: 85px;

    float: right;

    padding-left: 40px;

    color: #999;
    border-left: 1px solid #e5e5e5;
}
@media (max-width: 991px)
{
    .header .search
    {
        line-height: 75px;

        position: absolute;
        top: 0;
        right: 60px;

        padding: 0;

        border: none;
    }
    .header .search span
    {
        display: none;
    }
}
.header .search a
{
    display: block;
}
.header .search a::before
{
    font-family: 'iconfont';
    font-size: 18px;

    float: left;

    margin-top: -1px;
    margin-right: 8px;

    content: '\e660';

    color: #c0c0c0;
}
@media (max-width: 991px)
{
    .header .search a::before
    {
        font-size: 20px;

        margin-top: 0;
    }
}
.header .search:hover
{
    color: #024ca3;
}
.header .search:hover a::before
{
    color: #024ca3;
}
.header .searchbox
{
    line-height: 48px;

    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    max-width: 1320px;
    height: 85px;
    margin: auto;
    padding: 0 15px;

    vertical-align: middle;

    background: #fff;
}
@media (max-width: 991px)
{
    .header .searchbox
    {
        height: 75px;
    }
}
.header .searchbox input:focus
{
    border-color: #ccc;
    outline: none;
}
.header .searchbox .logo
{
    margin-top: 17px;
}
@media (max-width: 991px)
{
    .header .searchbox .logo
    {
        margin-top: 12px;
    }
}
@media (max-width: 767px)
{
    .header .searchbox .logo
    {
        display: none;
    }
}
.header .searchbox .search-pc
{
    position: relative;

    overflow: hidden;

    height: 85px;
}
@media (max-width: 991px)
{
    .header .searchbox .search-pc
    {
        height: 75px;
    }
}
.header .searchbox .search-pc form
{
    position: relative;

    float: left;

    width: 71%;
    padding-top: 14px;
    padding-left: 10%;
}
@media (max-width: 991px)
{
    .header .searchbox .search-pc form
    {
        padding-top: 9px;
    }
}
@media (max-width: 767px)
{
    .header .searchbox .search-pc form
    {
        width: 90%;
        padding-left: 50px;
    }
}
@media (max-width: 480px)
{
    .header .searchbox .search-pc form
    {
        width: 92%;
    }
}
.header .searchbox .sclose
{
    line-height: 40px;

    position: absolute;
    top: 22px;
    right: 15px;

    float: right;

    width: 40px;
    padding-left: 10px;

    cursor: pointer;
}
@media (max-width: 991px)
{
    .header .searchbox .sclose
    {
        top: 17px;
    }
}
@media (max-width: 480px)
{
    .header .searchbox .sclose
    {
        float: right;
    }
}
.header .searchbox .sclose::after
{
    font-family: 'iconfont';
    font-size: 18px;

    content: '\e697';
}
.header .searchbox .sclose:hover::after
{
    color: #024ca3;
}
.header .searchbox input
{
    font-size: 15px;

    width: 90%;
    margin: 4px 0 0 0;

    color: #999;
    border: none;
    border-radius: 3px;
    background: none;
}
.header .searchbox ::-webkit-input-placeholder
{
    color: #999;
}
.header .searchbox a.sbtn
{
    position: absolute;
    top: 20px;
    left: 10%;

    display: inline-block;
}
@media (max-width: 767px)
{
    .header .searchbox a.sbtn
    {
        top: 15px;
        left: 15px;
    }
}
.header .searchbox a.sbtn::before
{
    font-family: 'iconfont';
    font-size: 18px;

    margin-top: -2px;
    margin-right: 8px;

    content: '\e660';

    color: #c0c0c0;
}
.header .nav
{
    float: right;

    margin-right: 20px;
}
@media (max-width: 1440px)
{
    .header .nav
    {
        margin-right: 10px;
    }
}
@media (max-width: 991px)
{
    .header .nav
    {
        display: none;
    }
}
.header .nav > .item
{
    font-size: 16px;
    font-weight: normal;
    line-height: 85px;

    float: left;

    margin: 0 2px;
}
@media (max-width: 991px)
{
    .header .nav > .item
    {
        line-height: 70px;
    }
}
.header .nav > .item:hover > a,
.header .nav > .item.active > a
{
    color: #ff8400;;
    background: none;
}
.header .nav > .item > a
{
    position: relative;

    display: block;

    padding: 0 20px;
	color: white;
	font-family: "Microsoft YaHei","微软雅黑","微軟雅黑"!important;
}
@media (max-width: 1199px)
{
    .header .nav > .item > a
    {
        padding: 0 5px;
    }
}
.header .nav .level-2,
.header .nav .level-3
{
    position: absolute;
    z-index: 10;

    display: none;

    background-color: #fff;
}
.header .nav .level-2 a,
.header .nav .level-3 a
{
    display: block;
    overflow: hidden;

    padding: 0 30px;

    white-space: nowrap;
    text-overflow: ellipsis;

    border-bottom: none;
	
}
.header .nav .level-2
{
    line-height: 2.4;

    z-index: 99;
    top: 85px;

    min-width: 430px;
    padding: 0;
    padding: 30px 0;

    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
}
.header .nav .level-2 a
{
    font-family: 'AvenirNextMedium';
	
}
.header .nav .level-2 a::after
{
    font-family: 'iconfont';

    position: absolute;
    top: 1px;
    right: 10px;

    content: '\e605';

    color: #006ae0;
	display: none;
}
.header .nav .level-2 > li
{
    position: relative;
	width: 200px;
	float: left;
	list-style-type: none;
}
.header .nav .level-2 > li img{
	width: 100%;
}
.header .nav .level-2 > li:hover
{
   /* background-color: #006ae0;*/
}
.header .nav .level-2 > li > a:hover
{
    color: #006ae0;
}
.header .nav .level-2 > li:hover > a::after
{
    color: #fff;
}
.header .nav .level-3
{
    line-height: 2.14285714;

    z-index: 99;
    top: 0;
    left: 100%;

    overflow: hidden;

    min-width: 280px;
    padding: 20px 0;

    background-color: rgba(194, 217, 110, .85);
}
.header .nav .level-3 > li:last-child
{
    border: none;
}
.header .nav .level-3 > li a
{
    font-family: 'avenirnext';
    font-size: 14px;

    color: #fff;
}
.header .nav .level-3 > li a::after
{
    display: none;
}
.header .nav .level-3 > li:hover a
{
    text-decoration: underline;
}
.header .navigation
{
    line-height: 48px;

    position: absolute;
    z-index: 99;
    top: 75px;
    left: 0;

    display: none;
    overflow: visible;

    width: 100%;

    border-top: solid 2px #ff8400;
    background-color:#fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .23);
}
.header .navigation .level-1 > li.more::after,
.header .navigation .level-2 > li::before,
.header .navigation .level-2 > li.more::after
{
    position: absolute;
    top: 18px;
    right: 15px;

    width: 12px;
    height: 12px;

    content: '';

    background: url(../images/menu.png) no-repeat;
    background-size: cover;
}
.header .navigation .level-1
{
    padding: 0;

    color: #000;
}
.header .navigation .level-1 a
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    color: inherit;
}
.header .navigation .level-1 li
{
    position: relative;
}
.header .navigation .level-1 > li > a
{
    padding: 0 2em 0 1em;
}
.header .navigation .level-1 > li::after
{
    background-position: -36px 0;
}
.header .navigation .level-1 > li.active::after,
.header .navigation .level-1 > li:hover::after
{
    background-position: -96px 0;
}
.header .navigation .level-1 > li.more::after
{
    background-position: -12px 0;
}
.header .navigation .level-1 > li.more:hover::after
{
    background-position: -72px 0;
}
.header .navigation .level-1 > li.more.active::after
{
    background-position: -84px 0;
}
.header .navigation .level-1 > li.active > a,
.header .navigation .level-1 > li:hover > a
{
    background-color:rgba(100,100,100,.1);
}
.header .navigation .level-2
{
    display: none;

    padding: 0;
}
.header .navigation .level-2 a
{
    padding: 0 2em 0 3em;
}
.header .navigation .level-2 li:last-child
{
    border-bottom: none;
}
.header .navigation .level-2 > li::before
{
    right: auto;
    left: 1.5em;

    background-position: 0 0;
}
.header .navigation .level-2 > li::after
{
    background-position: -48px 0;
}
.header .navigation .level-2 > li.more.active::after
{
    background-position: -84px 0;
}
.header .navigation .level-2 > li.more::after
{
    background-position: -12px 0;
}
.header .navigation .level-3
{
    line-height: 40px;

    display: none;

    padding: 0;
}
.header .navigation .level-3 a
{
    font-size: .8em;

    padding-left: 4em;
}
.header .navigation .level-3 > li::before
{
    right: auto;
    left: 2em;

    background-position: 0 0;
}
.header .navigation .level-3 > li::after
{
    background-position: -48px 0;
}
.header .navigation .level-3 > li.more.active::after
{
    background-position: -84px 0;
}
.header .navigation .level-3 > li.more::after
{
    background-position: -12px 0;
}
.header .toggle
{
    position: absolute;
    top: 17px;
    right: 15px;

    display: none;

    width: 40px;
    height: 40px;

    cursor: pointer;

    border-radius: 50%;
}
@media (max-width: 991px)
{
    .header .toggle
    {
        top: 14px;

        display: block;
    }
}
.header .toggle .icon,
.header .toggle .icon::before,
.header .toggle .icon::after
{
    position: absolute;

    width: 25px;
    height: 2px;

    -webkit-transition-duration: .5s;
            transition-duration: .5s;

    background: #024ca3;;
}
.header .toggle .icon
{
    top: 21.75px;
    left: 9px;
}
.header .toggle .icon::before,
.header .toggle .icon::after
{
    left: 0;

    content: '';

    background: inherit;
}
.header .toggle .icon::before
{
    top: -7px;
}
.header .toggle .icon::after
{
    top: 7px;
}
.header.nav-open .toggle .icon
{
    width: 0;
}
.header.nav-open .toggle .icon::before
{
    -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
            transform: translateY(7px) rotate(45deg);
}
.header.nav-open .toggle .icon::after
{
    -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
            transform: translateY(-7px) rotate(-45deg);
}
.online
{
    position: fixed;
    z-index: 99;
    right: 15px;

    width: 46px;

    -webkit-transition: all .6s ease;
            transition: all .6s ease;
}
@media (max-width: 1440px)
{
    .online
    {
        right: 5px;
    }
}
@media (min-width: 992px)
{
    .online
    {
        top: 40%;
    }
}
@media (max-width: 991px)
{
    .online
    {
        bottom: -300px;
    }
}
.online.active
{
    right: 5px;
    bottom: 80px;
}
.online a
{
    position: relative;

    display: block;

    width: 46px;
    height: 46px;
    margin-top: 5px;

    cursor: pointer;

    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: url(../images/online.png) no-repeat #fff;
}
.online a.online-skype
{
    background-position: 0 0;
}
.online a.online-skype:hover
{
    border-color: #00adf1;
    background-color: #00adf1;
    background-position: 0 -230px;
}
.online a.online-email
{
    background-position: 0 -46px;
}
.online a.online-email:hover
{
    border-color: #b4961a;
    background-color: #b4961a;
    background-position: 0 -276px;
}
.online a.online-tel
{
    background-position: 0 -92px;
}
.online a.online-tel:hover
{
    border-color: #024ca3;
    background-color: #024ca3;
    background-position: 0 -322px;
}
.online a.online-wechat
{
    background-position: 0 -138px;
}
.online a.online-wechat:hover
{
    border-color: #33d055;
    background-color: #33d055;
    background-position: 0 -368px;
}
.online a.online-qq
{
    background-position: 0 -460px;
}
.online a.online-qq:hover
{
    border-color: #e92a02;
    background-color: #e92a02;
    background-position: 0 -506px;
}
.online a.online-top
{
    background-position: 0 -184px;
}
.online a.online-top:hover
{
    border-color: #000;
    background-color: #000;
    background-position: 0 -414px;
}
.online a.online-wechat img
{
    position: absolute;
    z-index: 999;
    top: 0;
    right: 54px;

    display: block;
    display: none;

    width: 110px;
    height: 110px;

    border: 2px solid #33d055;
}
.online a.online-tel p
{
    font-family: 'seravek';
    font-size: 16px;
    line-height: 45px;

    position: absolute;
    top: 0;
    right: 54px;

    display: block;
    display: none;

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

    text-align: center;

    color: #fff;
    border-radius: 20px;
    background-color: #024ca3;
}
.icon-online
{
    font-size: 30px;
    line-height: 46px;

    position: fixed;
    z-index: 100;
    right: 5px;
    bottom: 20px;

    display: none;

    width: 46px;
    height: 46px;

    -webkit-transition: all .4s ease;
            transition: all .4s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #024ca3;
}
@media (max-width: 991px)
{
    .icon-online
    {
        display: block;
    }
}
.icon-online.icon
{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.banner
{
    position: relative;

    overflow: hidden;

    width: 100%;
	margin-top: 74px;
}
.banner img
{
    display: block;

    width: 100%;
}
@media (max-width: 1199px)
{
    .banner .owl-theme
    {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
}
@media (max-width: 991px)
{
    .banner .owl-theme
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    }
}
.banner .owl-theme .owl-controls
{
    margin: 0;
}
.banner .owl-theme .owl-controls .owl-pagination
{
    position: absolute;
    bottom: 24px;

    width: 100%;
}
@media (max-width: 1199px)
{
    .banner .owl-theme .owl-controls .owl-pagination
    {
        bottom: 14px;

        text-align: center;
    }
}
.banner .owl-theme .owl-controls .owl-pagination .owl-page span
{
    display: inline-block;

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

    opacity: 1;
    border-radius: 10px;
    background-color: #fff;
}
.banner .owl-theme .owl-controls .owl-pagination .owl-page.active span
{
    display: inline-block;

    width: 30px;
    height: 6px;

    background-color:  #024ca3;
}
.banner .owl-theme .owl-controls .owl-buttons
{
    display: none;
}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev,
.banner .owl-theme .owl-controls .owl-buttons .owl-next
{
    position: absolute;
    z-index: 9;
    top: 43%;

    opacity: 1;
    border-radius: 0;
    background: none;
}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev::after,
.banner .owl-theme .owl-controls .owl-buttons .owl-next::after
{
    font-family: 'iconfont';
    font-size: 28px;
    line-height: 60px;

    display: block;

    width: 60px;
    height: 60px;

    content: '\e608';

    background-color: rgba(0, 0, 0, .8);
}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev
{
    left: 5%;
}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev:hover
{
    opacity: .8;
}
@media (max-width: 1199px)
{
    .banner .owl-theme .owl-controls .owl-buttons .owl-prev
    {
        left: 10%;
    }
}
.banner .owl-theme .owl-controls .owl-buttons .owl-next
{
    right: 5%;
}
.banner .owl-theme .owl-controls .owl-buttons .owl-next::after
{
    content: '\e609';
}
.banner .owl-theme .owl-controls .owl-buttons .owl-next:hover
{
    opacity: .8;
}
@media (max-width: 1199px)
{
    .banner .owl-theme .owl-controls .owl-buttons .owl-next
    {
        right: 10%;
    }
}
.banner .text
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    max-width: 1320px;
    margin: auto;

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

    color: #fff;
}
.box
{
    padding:0px;
}
@media (max-width: 767px)
{
    .box
    {
        padding: 30px 0;
    }
}
.title
{
    position: relative;

    text-align: center;
}
.title h2
{
    font-family: "微软雅黑";
    font-size: 30px;

    margin: 0;
	margin-top: 30px;
	font-weight: bold;
}
@media (max-width: 480px)
{
    .title h2
    {
        font-size: 26px;
    }
}
.title p
{
    font-size: 15px;
    line-height: 1.6;

    margin: 10px 0 0 0;

    color: #666;
}
.box-sort
{
    padding: 50px 0;
    padding-right: 60px;
    padding-left: 60px;
}
@media (max-width: 1440px)
{
    .box-sort
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (max-width: 991px)
{
    .box-sort
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 767px)
{
    .box-sort
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.box-sort .info
{
    overflow: hidden;
}
.box-sort .list
{
    padding: 0 23px;
}
@media (max-width: 991px)
{
    .box-sort .list
    {
        margin-top: 30px;
    }
    .box-sort .list:first-child
    {
        margin-top: 0;
    }
}
.box-sort .item
{
    display: table;
    overflow: hidden;

    width: 100%;
    padding: 10px 40px;

    background-color: #bfddff;
	 
}

@media (max-width: 1440px)
{
    .box-sort .item
    {
        padding: 10px 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1440px)
{
    .box-sort .item
    {
        margin-bottom: -989px;
        padding-bottom: 999px;
    }
}
@media (min-width: 1441px)
{
    .box-sort .item
    {
        margin-bottom: -979px;
        padding-bottom: 999px;
    }
}
@media (max-width: 767px)
{
    .box-sort .item
    {
        padding: 10px 15px;
    }
}
.box-sort .item .pic
{
    float: left;

    width: 38%;

    vertical-align: middle;
}
@media (max-width: 1440px)
{
    .box-sort .item .pic
    {
        width: 45%;
        padding-top: 2%;
    }
}
@media (max-width: 991px)
{
    .box-sort .item .pic
    {
        width: 38%;
    }
}
.box-sort .item .note
{
    float: left;

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

    vertical-align: top;

    color: #000;
}
@media (max-width: 1440px)
{
    .box-sort .item .note
    {
        width: 55%;
    }
}
@media (max-width: 991px)
{
    .box-sort .item .note
    {
        width: 62%;
    }
}
@media (max-width: 767px)
{
    .box-sort .item .note
    {
        padding-left: 15px;
    }
}
.box-sort .item .note h3
{
  font-family: "微软雅黑";
    font-size: 20px;

    max-width: 125px;
    margin: 30px 0 20px;
}
@media (max-width: 1440px)
{
    .box-sort .item .note h3
    {
        margin: 26px 0 20px;
    }
}
@media (max-width: 767px)
{
    .box-sort .item .note h3
    {
        font-size: 18px;

        margin: 15px 0;
    }
}
.box-sort .item .note p
{
    font-size: 15px;
    line-height: 1.33333333;

    margin: 0;
    margin-bottom: 6px;
}
.box-sort .item .note p:hover
{
    text-decoration: underline;
}
.box-sort .item-2
{
    background-color: #ffe3a8;
}
.box-sort .item-3
{
    background-color: #CBFFDD;
}
.box-product
{
    background-color: #f4f4f4;
}
.box-product .pro-sort ul.sort
{
    margin: 30px 0 0 0;
    padding: 0;

    text-align: center;
}
.box-product .pro-sort ul.sort li
{
    line-height: 22px;

    display: inline-block;

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

    list-style: none;

    text-align: center;

    border-right: 1px solid #ccc;
}
.box-product .pro-sort ul.sort li:last-child
{
    border: none;
}
.box-product .pro-sort ul.sort li a
{
    font-size: 16px;

    display: block;

    padding: 0 40px;

    color: #666;
}

@media (max-width: 767px)
{
    .box-product .pro-sort ul.sort li a
    {
        padding: 0 10px;
    }
}
/*.box-product .pro-sort ul.sort li a::after
{
    display: block;

    width: 40px;
    height: 1px;
    margin: 0 auto;
    margin-top: 8px;

    content: '';

    background-color: #f6f6f6;
}*/
.box-product .pro-sort ul.sort li.active a
{
    color: #666;
}
.box-product .pro-sort ul.sort li.active a::after
{
    background-color: #024ca3;
}
.box-product .info .item
{
    overflow: hidden;

    margin-top: 50px;
    padding: 30px 30px 60px 30px;

    background-color: #fff;
}
@media (max-width: 767px)
{
    .box-product .info .item
    {
        margin-top: 30px;
        padding: 30px 15px;
    }
}
.box-product .info .item:hover
{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}
.box-product .info .item .p-title
{
    text-align: center;
}
.box-product .info .item .p-title h3
{
    font-family: "微软雅黑";
	font-weight: bold;
    font-size: 18px;

    position: relative;

    overflow: hidden;

    padding-top: 10px;
padding-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-product .info .item .p-title h3::after
{
    font-family: 'iconfont';
    font-size: 24px;

    position: absolute;
    top: 0;

    content: '\e637';

    color: #f90606;
	display: none;
}
.box-product .info .item .p-title p
{
    font-size: 12px;

    overflow: hidden;

    margin: 0;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #999;
}
.box-product .info .item .link
{
    position: absolute;
    z-index: 99;
    right: 40px;
    bottom: 30px;

    opacity: 0;
}
.box-product .info .item .link a
{
    line-height: 35px;

    display: block;

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

    text-align: center;

    border-radius: 50%;
    background-color:  #ff8400;
}
.box-product .info .item .link a::after
{
    font-family: 'iconfont';
    font-size: 16px;

    content: '\e61d';

    color: #fff;
}
.box-product .info .item .link a.link-2
{
    background-color: #e4b573;
}
.box-product .info .item .link a.link-2::after
{
    font-size: 20px;

    content: '\e60c';
}
.box-product .info .item:hover .link
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.box-product .flexslider ul
{
    margin: 0;
    padding: 0;
}
.box-product .flexslider ul li
{
    position: relative;

    overflow: hidden;

    list-style: none;
}
.box-product .flexslider .flex-control-nav
{
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: 0;

    width: 100%;
    margin-top: 18px;
    padding: 0;

    text-align: center;
}
.box-product .flexslider .flex-control-nav li
{
    display: inline-block;

    list-style: none;
}
.box-product .flexslider .flex-control-nav li a
{
    font-size: 12px;
    line-height: 12px;

    display: inline-block;

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

    list-style: none;

    cursor: pointer;

    color: #d8d8d8;
    border-radius: 50%;
    background-color: #d8d8d8;
}
.box-product .flexslider .flex-control-nav li a.flex-active
{
    background-color: #024ca3;
}
.box-about
{
    position: relative;

    background: url(../images/about-bg.jpg) no-repeat center fixed;
}
.box-about02
{
    position: relative;

    background: url(../images/about-bg02.png) no-repeat center fixed;
	margin-top: 60px;
}
.box-about03
{
    position: relative;

    background: url(../images/about-bg03.png) no-repeat center fixed;
}
.box-about::after
{
    position: absolute;
    bottom: 0;

    display: block;

    width: 100%;
    height:30%;

    content: '';

    background-color: #fff;
}
.box-about .about
{
    position: relative;
    z-index: 9;

    overflow: hidden;

    margin-top: 200px;
    padding: 0px 0 0 0;

    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}
.biaoti h2{
	text-align: center;
	font-weight: bold;
	margin-bottom: 80px;
}
@media (max-width: 991px)
{
    .box-about .about
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.box-about .about .pic
{
    display: inline-block;

    width:35%;

    vertical-align: bottom;
}
@media (max-width: 991px)
{
    .box-about .about .pic
    {
        display: none;
    }
}
.box-about .about .pic img
{
    max-width: 100%;
}
.box-about .about .text
{
    display: inline-block;

    width: 65%;
    margin-right: -4px;
    padding: 0 40px 0 60px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .box-about .about .text
    {
        display: block;

        width: 100%;
        padding: 0 20px;
    }
}
.box-about .about .text .title
{
    text-align: left;
}
.box-about .about .text .note
{
    margin-top: 25px;
}
.box-about .about .text .note p
{
    font-size: 18px;
    line-height: 1.6;

    color: #666;
}
.box-about .about .text a
{
    color: #024ca3;
}
.box-about .about .text a:hover
{
    text-decoration: underline;
}
.box-about .about .num
{
    margin-top: 40px;
    padding-bottom: 10px;

    background-color:  #ff8400;
}
.box-about .about .num ul
{
    margin: 0;
    padding: 0 25px;
}
@media (max-width: 1199px)
{
    .box-about .about .num ul
    {
        padding: 0 15px;
    }
}
.box-about .about .num ul li
{
    display: inline-block;

    margin-right: -4px;
    padding: 0 35px;

    list-style: none;

    vertical-align: top;

    color: #fff;
}
@media (max-width: 1199px)
{
    .box-about .about .num ul li
    {
        padding: 0 10px;
    }
}
.box-about .about .num ul li h3
{
    font-family: "微软雅黑";
    font-size: 36px;
	text-align: center;
	font-weight: bold;
}
@media (max-width: 1199px)
{
    .box-about .about .num ul li h3
    {
        font-size: 30px;
    }
}
.box-xin
{
    padding-top: 0;
    padding-bottom: 50px;
}
@media (max-width: 767px)
{
    .box-xin
    {
        padding-bottom: 30px;
    }
}
@media (min-width: 992px)
{
    .box-xin .info
    {
        margin-right: -25px;
        margin-left: -25px;
    }
}
@media (min-width: 992px)
{
    .box-xin .info .item
    {
        padding: 0 25px;
    }
}
.box-xin .xin
{
    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    text-align: center;

    background-color: #000;
}
.box-xin .xin .img-box
{
    z-index: 0;

    padding-bottom: 58.06451613%;
}
.box-xin .xin .img-box img
{
    -webkit-transition: all .6s ease;
            transition: all .6s ease;

    opacity: .9;
}
.box-xin .xin .xin-box
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0);
}
.box-xin .xin .xin-box
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0);
}

.box-xin .xin .iframe
{
    display: none;

    width: 100%;
}
.box-xin .xin .play
{
    font-size: 18px;

    display: inline-block;
	margin-left: calc((100% - 60px) / 2);
    margin-top: 20%;
    margin-bottom: 0%;
	position: absolute;
	top: 0;
	left: 0;

    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;

    color: #fff;
}
@media (max-width: 991px)
{
    .box-xin .xin .play
    {
        margin-top: 18%;
    }
}
.box-xin .xin .play::before
{
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 24px;

    content: '';

    background: url(../images/play.png) no-repeat;
    background-size: cover;
}
@media (max-width: 991px)
{
    .box-xin .xin .play::before
    {
        width: 50px;
        height: 50px;
    }
}
.box-xin .xin h3
{
    font-size: 16px;
    line-height: 50px;

    position: absolute;
    bottom: 0;

    overflow: hidden;

    width: 100%;
    height: 50px;
    margin: 0;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #fff;
    background-color: rgba(0, 0, 0, .57);
}
.box-xin .xin:hover .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);

    opacity: .5;
}
.box-xin .xin:hover .play
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.box-text
{
    padding: 50px 0;

    background-color: #e4b573;
}
.box-text p
{
    font-family: 'AvenirNextDemiBold';
    font-size: 20px;
    line-height: 1.6;

    margin: 0;

    text-align: center;

    color: #fff;
}
@media (max-width: 767px)
{
    .box-text p
    {
        font-size: 18px;
    }
}
.box-news
{
    padding: 0px;
}
@media (max-width: 991px)
{
    .box-news
    {
        padding: 0px;
    }
}
@media (max-width: 767px)
{
    .box-news
    {
        padding: 0px 0;
    }
}
.box-news .item
{
   margin: 0 auto;
	width: 100%;
	margin: auto;
	float: left;
}
	.box-news .item .pic img{width: 100%;}
.box-news .item .pic p{
	color: black;
	width: 100%;
	padding: 10px;
	background-color: white;
}
@media (max-width: 991px)
{
    .box-news .item
    {
        margin: 0 auto;
        margin-top: 30px;
    }
}
.box-news .item .pic
{
    position: relative;

    padding: 30px 15px;padding-bottom: 0px;

   
}
.box-news .item .img-box
{
    padding-bottom: 60.37735849%;

    background-color: #000;
}
.box-news .item .img-box img
{
    -webkit-transition: all .2s ease;
            transition: all .2s ease;
}
.box-news .item .note
{
   

    padding: 10px;

    color: black;
}
.box-news .item .note h3
{
    font-size: 18px;
    line-height: 1.55555556;

    display: -webkit-box;
    overflow: hidden;

    max-width: 350px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.box-news .item .note span
{
    font-size: 13px;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    padding: 0 12px;

    background-color: rgba(194, 217, 110, .85);
}
.box-news .item .note span::before
{
    font-family: 'iconfont';

    margin-right: 4px;

    content: '\e63c';
}
.box-news .item .note p
{
    font-size: 15px;
    line-height: 1.6;

    display: -webkit-box;
    overflow: hidden;

    height: 72px;
    margin: 40px 0 0 0;

    opacity: 0;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 1440px)
{
    .box-news .item .note p
    {
        margin-top: 10px;
    }
}
.box-news .item .note a
{
    display: block;
}
.box-news .item:hover .img-box img
{
    opacity: .7;
}
.box-news .item:hover .note h3,
.box-news .item:hover .note span
{
    -webkit-animation: fadeInDown 1s 0s ease both;
            animation: fadeInDown 1s 0s ease both;
}
.box-news .item:hover .note p
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.box-news .owl-controls
{
    margin: 0;
}
.box-news .owl-controls .owl-pagination
{
    width: 100%;
    margin-top: 30px;margin-bottom: 60px;
}
.box-news .owl-controls .owl-pagination .owl-page span
{
    display: inline-block;

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

    opacity: 1;
    border-radius: 10px;
    background-color: #ccc;
}
.box-news .owl-controls .owl-pagination .owl-page.active span
{
    display: inline-block;

    width: 30px;
    height: 6px;

    background-color: #024ca3;
}
.box-news .owl-controls .owl-buttons
{
    display: none;
}

.wrap
{
    padding: 0px 0;
}
@media (max-width: 767px)
{
    .wrap
    {
        padding: 60px 0;
    }
}
.wrap .title-in h2
{
    font-family: 'avenirnextbold';
    font-size: 30px;

    margin: 0;
}
.wrap .title-in p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 30px 0 0 0;

    color: #666;
}
.wrap-about .text
{
    margin-top: 30px;
}
.wrap-about .text p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    color: #666;
}
.wrap-about .text img
{
    max-width: 100%;
}
.wrap-factory .item
{
    margin-top: 40px;
}
.wrap-factory .item .img-box
{
    padding-bottom: 68.29268293%;
}
.wrap-factory .item .img-box img
{
    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;
}
.wrap-factory .item p
{
    font-family: 'AvenirNextMedium';
    font-size: 16px;

    overflow: hidden;

    margin: 25px 0 0 0;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wrap-factory .item:hover .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
@media (min-width: 992px)
{
    .wrap-xin .info
    {
        margin-right: -25px;
        margin-left: -25px;
    }
}
@media (min-width: 992px)
{
    .wrap-xin .info .item
    {
        padding: 0 25px;
    }
}
.wrap-xin .info .item h3
{
    font-family: 'AvenirNextMedium';
    font-size: 16px;

    overflow: hidden;

    margin: 25px 0 0 0;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wrap-xin .xin
{
    position: relative;

    overflow: hidden;

    margin-top: 40px;

    text-align: center;

    background-color: #000;
}
.wrap-xin .xin .img-box
{
    z-index: 0;

    padding-bottom: 58.06451613%;
}
.wrap-xin .xin .img-box img
{
    -webkit-transition: all .6s ease;
            transition: all .6s ease;

    opacity: .9;
}
.wrap-xin .xin .xin-box
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0);
}
.wrap-xin .xin .iframe
{
    display: none;

    width: 100%;
}
.wrap-xin .xin .play
{
    font-size: 18px;

    display: inline-block;

    margin-top: 22%;
    margin-bottom: 100%;

    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;

    color: #fff;
}
@media (max-width: 991px)
{
    .wrap-xin .xin .play
    {
        margin-top: 23%;
    }
}
.wrap-xin .xin .play::before
{
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 24px;

    content: '';

    background: url(../images/play.png) no-repeat;
    background-size: cover;
}
@media (max-width: 991px)
{
    .wrap-xin .xin .play::before
    {
        width: 50px;
        height: 50px;
    }
}
.wrap-xin .xin:hover .img-box img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);

    opacity: .5;
}
.wrap-xin .xin:hover .play
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
/**
 * page
 */
.page
{
    clear: both;
    overflow: hidden;

    margin-top: 70px;

    text-align: center;
}
.page a
{
    font-family: 'AvenirNextMedium';
    line-height: 40px;

    display: inline-block;
    overflow: hidden;

    width: 40px;
    height: 40px;
    margin: 0 3px;

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

    border-radius: 50%;
    background-color: #f6f6f6;
}
@media (max-width: 767px)
{
    .page a
    {
        font-size: 14px;
    }
}
.page a.omit
{
    font-family: Arial;
    font-weight: bold;

    background-color: #fff;
}
.page a.omit:hover
{
    color: #7c7c7c;
    background-color: #fff;
}
.page a:first-child,
.page a:last-child
{
    margin: 0 20px;

    border: none;
    background-color: #fff;
}
.page a:first-child::before,
.page a:last-child::before
{
    font-family: 'iconfont';
    font-weight: bold;

    position: relative;
    top: -1px;

    content: '\e672';

    color: #aeaeae;
}
.page a:first-child:hover,
.page a:last-child:hover
{
    background: none;
}
.page a:first-child:hover::before,
.page a:last-child:hover::before
{
    color: #024ca3;
}
.page a:first-child::before
{
    content: '\e9d7';
}
.page a.active,
.page a:hover
{
    color: #fff;
    border-color: #024ca3;
    background-color: #024ca3;
}
@media (max-width: 767px)
{
    .page a
    {
        line-height: 34px;

        width: 34px;
        height: 34px;
    }
    .page a:first-child,
    .page a:last-child
    {
        margin: 0 2px;
    }
}
.sidebar
{
    background-color: #024ca3;
}
@media (max-width: 991px)
{
    .sidebar
    {
        display: none;
    }
}
.sidebar ul
{
    margin: 0;
    padding: 0;
}
.sidebar ul li
{
    line-height: 20px;

    display: inline-block;

    list-style: none;
}
.sidebar ul li a
{
    font-family: 'AvenirNextDemiBold';
    font-size: 16px;

    display: block;

    padding: 20px 25px;

    color: #fff;
}
.sidebar ul li.active,
.sidebar ul li:hover
{
    background-color: #e4b573;
}
.wrap-product .item
{
    overflow: hidden;

    margin: 40px 0 15px 0;
    padding: 20px 30px 60px 30px;

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

    border: 1px solid #e6e6e6;
    background-color: #fff;
}
@media (max-width: 767px)
{
    .wrap-product .item
    {
        margin-top: 30px;
        padding: 30px 15px;
    }
}
.wrap-product .item:hover
{
    border-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}
.wrap-product .item .p-title
{
    text-align: center;
    margin-bottom: 15px;
}
.wrap-product .item .p-title h3
{
    font-family: 'AvenirNextDemiBold';
    font-size: 18px;

    position: relative;

    overflow: hidden;

    margin-bottom: 3px;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.wrap-product .item .p-title p
{
    font-size: 12px;

    overflow: hidden;

    margin: 0;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #999;
}
.wrap-product .item .link
{
    position: absolute;
    z-index: 99;
    right: 40px;
    bottom: 70px;

    opacity: 0;
}
.wrap-product .item .link a
{
    line-height: 35px;

    display: block;

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

    text-align: center;

    border-radius: 50%;
    background-color: #024ca3;
}
.wrap-product .item .link a::after
{
    font-family: 'iconfont';
    font-size: 16px;

    content: '\e61d';

    color: #fff;
}
.wrap-product .item .link a.link-2
{
    background-color: #e4b573;
}
.wrap-product .item .link a.link-2::after
{
    font-size: 20px;

    content: '\e60c';
}
.wrap-product .item:hover .link
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.wrap-product .flexslider ul
{
    margin: 0;
    padding: 0;
}
.wrap-product .flexslider ul li
{
    position: relative;

    overflow: hidden;

    list-style: none;
}
.wrap-product .flexslider .flex-control-nav
{
    position: absolute;
    z-index: 99;
    bottom: 30px;
    left: 0;

    width: 100%;
    margin-top: 18px;
    padding: 0;

    text-align: center;
}
.wrap-product .flexslider .flex-control-nav li
{
    display: inline-block;

    list-style: none;
}
.wrap-product .flexslider .flex-control-nav li a
{
    font-size: 12px;
    line-height: 12px;

    display: inline-block;

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

    list-style: none;

    cursor: pointer;

    color: #d8d8d8;
    border-radius: 50%;
    background-color: #d8d8d8;
}
.wrap-product .flexslider .flex-control-nav li a.flex-active
{
    background-color: #024ca3;
}
.wrap-product .page
{
    margin-top: 55px;
}
.wrap-product-show .location a
{
    color: #666;
}
.wrap-product-show .location a::after
{
    margin: 0 10px;

    content: '/';

    color: #ccc;
}
.wrap-product-show .location a:last-child::after
{
    display: none;
}
.wrap-product-show .location a:hover
{
    color: #024ca3;
}
.wrap-product-show .pro-show
{
    margin-top: 25px;
}
.wrap-product-show .pro-show .album
{
    position: relative;

    width: 100%;
}
.wrap-product-show .pro-show .album .img-box img
{
    width: 100%;
}
.wrap-product-show .pro-show .album .sync
{
    margin: 0 -5px;
}
.wrap-product-show .pro-show .album .sync1
{
    width: 100%;

    border: 1px solid #e6e6e6;
}
.wrap-product-show .pro-show .album .sync1 .item
{
    width: 100%;

    text-align: center;

    background: #fff;
}
.wrap-product-show .pro-show .album .sync2
{
    width: 100%;
    margin-top: 15px;
}
.wrap-product-show .pro-show .album .sync2 .synced .item
{
    border: 2px solid #c2da6e;
}
.wrap-product-show .pro-show .album .sync2 .item
{
    margin: 6px;

    cursor: pointer;

    border: 1px solid #e6e6e6;
}
.wrap-product-show .pro-show .album .owl-theme .owl-controls .owl-buttons
{
    display: none;
}
.wrap-product-show .pro-show .text
{
    padding-top: 60px;
    padding-left: 20px;
}
@media (max-width: 1199px)
{
    .wrap-product-show .pro-show .text
    {
        padding: 60px 0 0 0;
    }
}
.wrap-product-show .pro-show .text .int-title
{
    padding-bottom: 24px;

    border-bottom: 1px dotted #cdcdcd;
}
.wrap-product-show .pro-show .text .int-title h3
{
    font-family: 'avenirnextbold';
    font-size: 30px;

    margin: 0;
}
.wrap-product-show .pro-show .text .int-title span
{
    font-family: 'AvenirNextMedium';
    font-size: 13px;

    margin-top: 12px;

    color: #e4b573;
}
.wrap-product-show .pro-show .text .info
{
    margin-top: 40px;
}
.wrap-product-show .pro-show .text .info p
{
    font-size: 16px;
    line-height: 1.75;

    margin: 0;

    color: #666;
}
.wrap-product-show .pro-show .text .link
{
    padding-bottom: 60px;

    border-bottom: 1px dotted #cdcdcd;
}
.wrap-product-show .pro-show .text .link a
{
    font-family: 'AvenirNextDemiBold';
    font-size: 16px;
    line-height: 55px;

    display: inline-block;

    height: 55px;
    margin-top: 40px;

    color: #fff;
}
.wrap-product-show .pro-show .text .link a::before
{
    font-family: 'iconfont';
    font-size: 20px;

    float: left;

    margin-right: 8px;

    content: '\e67e';
}
.wrap-product-show .pro-show .text .link a:hover::before
{
    -webkit-animation: fadeInLeft .6s 0s ease both;
            animation: fadeInLeft .6s 0s ease both;
}
.wrap-product-show .pro-show .text .link .inquire
{
    padding: 0 45px;

    background-color: #024ca3;
}
.wrap-product-show .pro-show .text .share
{
    margin-top: 55px;
}
.wrap-product-show .pro-show .text .share h4
{
    font-family: 'AvenirNextDemiBold';
    font-size: 16px;

    margin: 0 0 14px 0;
}
.wrap-product-show .pro-title
{
    height: 60px;
    padding: 0 30px;

    background-color: #024ca3;
}
.wrap-product-show .pro-title h3
{
    font-family: 'AvenirNextDemiBold';
    font-size: 24px;
    line-height: 60px;

    margin-top: 0;

    color: #fff;
}
.wrap-product-show .parameter
{
    margin-top: 60px;
}
.wrap-product-show .parameter .text
{
    padding-top: 4px;
}
.wrap-product-show .parameter .text table
{
    width: 100%;

    border-top: 1px dotted #ddd;
}
.wrap-product-show .parameter .text table tr
{
    border-bottom: 1px dotted #ddd;
}
.wrap-product-show .parameter .text table tr td
{
    font-size: 16px;
    line-height: 25px;

    padding: 15px 30px;

    word-break: break-all;
}
@media (max-width: 767px)
{
    .wrap-product-show .parameter .text table tr td
    {
        padding: 15px 10px;
    }
}
.wrap-product-show .parameter .text table tr td:nth-child(1),
.wrap-product-show .parameter .text table tr td:nth-child(3)
{
    width: 16%;

    background-color: #f7f7f7;
}
@media (max-width: 1199px)
{
    .wrap-product-show .parameter .text table tr td:nth-child(1),
    .wrap-product-show .parameter .text table tr td:nth-child(3)
    {
        width: 20%;
    }
}
.wrap-product-show .parameter .text table tr td:nth-child(2),
.wrap-product-show .parameter .text table tr td:nth-child(4)
{
    width: 34%;
}
@media (max-width: 1199px)
{
    .wrap-product-show .parameter .text table tr td:nth-child(2),
    .wrap-product-show .parameter .text table tr td:nth-child(4)
    {
        width: 30%;
    }
}
.wrap-product-show .inquiry
{
    margin-top: 65px;
}
.wrap-product-show .inquiry .note
{
    padding: 50px 60px 60px 60px;

    background-color: #fafcf2;
}
@media (max-width: 991px)
{
    .wrap-product-show .inquiry .note
    {
        padding: 30px 20px;
    }
}
.wrap-product-show .inquiry .note p
{
    font-size: 15px;
    line-height: 2;

    margin: 0;

    color: #666;
}
.wrap-product-show .inquiry form
{
    margin-top: 10px;
}
.wrap-product-show .inquiry input,
.wrap-product-show .inquiry textarea
{
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 16px;

    resize: vertical;

    color: #666;
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 0 4px 0 #eaefd9;
}
.wrap-product-show .inquiry input:focus,
.wrap-product-show .inquiry textarea:focus
{
    border-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
}
.wrap-product-show .inquiry input:focus::-webkit-input-placeholder
{
    color: rgba(153, 153, 153, .5);
}
.wrap-product-show .inquiry textarea:focus::-webkit-input-placeholder
{
    color: rgba(153, 153, 153, .5);
}
.wrap-product-show .inquiry .read input
{
    font-family: 'AvenirNextDemiBold';
}
.wrap-product-show .inquiry .read input:focus
{
    box-shadow: 0 0 4px 0 #eaefd9;
}
.wrap-product-show .inquiry .read input:focus::-webkit-input-placeholder
{
    color: #333;
}
.wrap-product-show .inquiry .read ::-webkit-input-placeholder
{
    color: #333;
}
.wrap-product-show .inquiry ::-webkit-input-placeholder
{
    color: #666;
}
.wrap-product-show .inquiry .send
{
    font-family: 'AvenirNextDemiBold';
    font-size: 15px;
    line-height: 50px;

    overflow: hidden;

    height: 50px;
    margin-top: 26px;
    padding: 0 62px;

    text-align: center;

    color: #fff;
    border: none;
    background-color: #024ca3;
}
.wrap-product-show .inquiry .send span
{
    display: block;

    color: #fff;
}
.wrap-product-show .inquiry .send:hover span
{
    -webkit-animation: fadeInUp .6s 0s ease both;
            animation: fadeInUp .6s 0s ease both;
}
.wrap-news .item
{
    margin-top: 50px;
    padding: 15px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
}
@media (max-width: 767px)
{
    .wrap-news .item
    {
        margin-top: 30px;
    }
}
.wrap-news .item .pic
{
    position: relative;

    overflow: hidden;

    min-height: 50px;
}
.wrap-news .item .pic img
{
    width: 100%;

    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;
}
.wrap-news .item .pic .date
{
    position: absolute;
    bottom: 15px;
    left: 15px;

    display: block;

    width: 100%;
    height: 50px;
}
.wrap-news .item .pic .date span
{
    font-size: 13px;
    line-height: 30px;

    position: absolute;
    bottom: 0;

    display: block;

    height: 30px;
    padding: 0 12px;

    color: #fff;
    background-color: rgba(194, 217, 110, .85);
}
.wrap-news .item .pic .date span::before
{
    font-family: 'iconfont';

    margin-right: 4px;

    content: '\e63c';
}
.wrap-news .item .note
{
    padding: 15px;
}
.wrap-news .item .note h3
{
    font-family: 'avenirnextbold';
    font-size: 18px;
    line-height: 1.44444444;

    margin: 15px 0 0 0;
}
.wrap-news .item .note p
{
    font-size: 15px;
    line-height: 1.46666667;

    margin: 20px 0 0 0;

    color: #666;
}
.wrap-news .item:hover
{
    -webkit-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
            transform: translateY(-16px);

    box-shadow: 0 0 6px 0 rgba(255, 255, 255, .1);
}
.wrap-news .item:hover .note h3
{
    color: #024ca3;
}
.wrap-news .page
{
    margin-top: 80px;
}
.wrap-news-show .news-title
{
    padding-bottom: 25px;

    border-bottom: 1px dotted #cdcdcd;
}
.wrap-news-show .news-title h3
{
    font-family: 'avenirnextbold';
    font-size: 30px;

    margin: 0;
}
@media (max-width: 991px)
{
    .wrap-news-show .news-title h3
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .wrap-news-show .news-title h3
    {
        font-size: 20px;
    }
}
.wrap-news-show .news-title span
{
    font-size: 13px;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    margin-top: 25px;
    padding: 0 12px;

    color: #fff;
    background-color: rgba(194, 217, 110, .85);
}
.wrap-news-show .news-title span::before
{
    font-family: 'iconfont';

    margin-right: 4px;

    content: '\e63c';
}
.wrap-news-show .text
{
    padding: 40px 0;

    border-bottom: 1px dotted #cdcdcd;
}
.wrap-news-show .text p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    color: #666;
}
.wrap-news-show .text img
{
    max-width: 100%;
}
.wrap-news-show .relate
{
    margin: 25px;
    margin-right: -25px;
    margin-bottom: 6px;
    margin-left: -25px;
}
@media (max-width: 767px)
{
    .wrap-news-show .relate
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}
.wrap-news-show .relate ul
{
    margin: 0;
    padding: 0;
}
.wrap-news-show .relate ul li
{
    display: inline-block;

    width: 50%;
    margin-right: -2px;
    padding: 25px;

    list-style: none;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .wrap-news-show .relate ul li
    {
        width: 100%;
        padding: 10px 15px;
    }
}
.wrap-news-show .relate a
{
    font-family: 'avenirnextbold';
    font-size: 16px;
    line-height: 1.625;

    display: block;
    float: left;

    padding: 30px;

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
}
@media (min-width: 1200px)
{
    .wrap-news-show .relate a
    {
        min-height: 112px;
    }
}
@media (max-width: 767px)
{
    .wrap-news-show .relate a
    {
        padding: 15px;
    }
}
.wrap-news-show .relate a span
{
    color: #024ca3;
}
.wrap-news-show .relate a.next::before
{
    font-weight: bold;

    position: relative;

    display: inline-block;

    margin-right: 10px;

    content: '→';

    color: #024ca3;
}
.wrap-news-show .relate a.next:hover::before
{
    -webkit-animation: fadeInLeft .6s 0s ease both;
            animation: fadeInLeft .6s 0s ease both;
}
.wrap-news-show .relate a.prev::before
{
    font-weight: bold;

    float: left;

    margin-right: 10px;

    content: '← ';

    color: #024ca3;
}
.wrap-news-show .relate a.prev:hover::before
{
    -webkit-animation: fadeInLeft .6s 0s ease both;
            animation: fadeInLeft .6s 0s ease both;
}
@media (max-width: 767px)
{
    .wrap-news-show .relate a
    {
        width: 100%;
    }
    .wrap-news-show .relate a.next
    {
        margin-top: 20px;

        text-align: left;
    }
    .wrap-news-show .relate a.next::before
    {
        float: left;
    }
}
.wrap-news-show .relate a:hover
{
    color: #024ca3;
}
.wrap-contact .title-in
{
    padding-bottom: 35px;

    border-bottom: 1px dotted #cdcdcd;
}
.wrap-contact .title-in p
{
    color: #e4b573;
}
.wrap-contact .c-title h3
{
    font-family: 'avenirnextbold';
    font-size: 20px;
    line-height: 1.3;

    margin: 0;
}
.wrap-contact .contact
{
    margin-top: 60px;
}
@media (max-width: 767px)
{
    .wrap-contact .contact
    {
        margin-top: 40px;
    }
}
.wrap-contact .contact .text
{
    max-width: 350px;
    margin-top: 25px;
}
.wrap-contact .contact .text p
{
    font-size: 15px;
    line-height: 2.4;

    margin: 0;

    color: #666;
}
.wrap-contact .message
{
    margin-top: 60px;
}
@media (max-width: 767px)
{
    .wrap-contact .message
    {
        margin-top: 40px;
    }
}
.wrap-contact .message .text
{
    margin-top: 25px;
}
.wrap-contact .message .text p
{
    font-size: 15px;
    line-height: 1.6;

    margin: 0;

    color: #666;
}
.wrap-contact .message form
{
    margin-top: 20px;
}
.wrap-contact .message form input,
.wrap-contact .message form textarea
{
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    resize: vertical;

    color: #999;
    border: 1px solid #ebebeb;
    outline: none;
}
.wrap-contact .message form input:focus,
.wrap-contact .message form textarea:focus
{
    border-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
}
.wrap-contact .message form input:focus::-webkit-input-placeholder
{
    color: rgba(153, 153, 153, .5);
}
.wrap-contact .message form textarea:focus::-webkit-input-placeholder
{
    color: rgba(153, 153, 153, .5);
}
.wrap-contact .message form .btn
{
    line-height: 50px;

    height: 50px;
    margin-top: 20px;
    padding: 0 62px;

    color: #fff;
    border-radius: 0;
    background-color: #024ca3;
}
.wrap-contact .message form .btn span
{
    display: inline-block;
}
.wrap-contact .message form .btn:hover span
{
    -webkit-animation: fadeInUp .6s 0s ease both;
            animation: fadeInUp .6s 0s ease both;
}
.wrap-contact .message form p
{
    font-size: 15px;
    line-height: 50px;

    display: inline-block;
    float: right;

    margin: 20px 0 0 0;

    color: #666;
}


.header02{

		width: 100%;

		position: fixed;
	top: 0px;

		background-color: white;

		z-index: 99;transition: .5s;
box-shadow: 0px 10px 10px -10px #c7c2c2;
	}
@media (max-width:1000px){
	.header02{

		display: none;

	}
	.header{
		display: block;
	}
}
.list li ul li:nth-child(1){
	background-color:rgba(0,0,0,0)!important;
}
.logo img{
	transition: .5s;
}

ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	

}

.nav02 {

	max-width: 1320px;

	margin: 0 auto;

}

	.logo{

		float: left;

	}

	.list ul{

		float: right;

		text-align: center;

	}

	.list li {

		float: left;


		font-size: 18px;

		font-weight: normal;

		line-height: 74px;

	}

.list li:hover{
background-color: #024ca3;
}
.list li:hover a {
border-color: #024ca3;color: white;
	}
	.list li ul{

		display: none;

		width: 100%;

		background-color:#f9f9f9;

		position: absolute;

		top: 74px;

		left:0;

		padding-left:  calc((100% - 1300px) / 2);

		padding-right:  calc((100% - 1300px) / 2);
		padding-top: 40px;
		padding-bottom: 40px;

	}

	.list li ul li{

		

		font-size: 16px;

		

		float: left;

		

		margin-top: 0px;

		line-height: 40px;

	}

.list li:nth-child(7){

	display: block;

}

	.list li ul li:nth-child(1){

		width: 40%;

		text-align: left;

		color: #4a4a4a;

		font-size: 14px;

		line-height: 30px;

	}

	.list li ul li:nth-child(1) h2{

		margin: 0px;

		

		margin-bottom: 10px;color: black;
		font-weight: normal;
		font-size: 26px;
		

	}

	.list li ul li:nth-child(2){

		width: 30%;

		background-color: rgba(0,0,0,0)!important;

		

	}

	.list li ul li:nth-child(2) a{

		display: block;

		border-bottom: 1px solid #919191;

		text-align: left;

		margin-left: 80px;padding: 0px;border-right: none;
		
color: #000;
		margin-right: 80px;

	}

	.list li ul li:nth-child(3){

		width: 30%;

	}

	.list li ul li a:hover{

		color: #024ca3;

		font-weight: bold;

	}

	.list a{
		
padding: 0px 20px;
		color: black;

		text-decoration: none;

		
		position: relative;
	
	}
.tit{
	width: 80%;
	margin: 0 auto;
	margin-top: 60px;
}
.tit h2{
	font-size: 36px;
	text-align: center;
	color: black;
}
.tit p{
	font-size: 15px;
	color: black;
	margin-top: 30px;

	text-align: center;
}
@media (max-width:650px){
	.tit{
	width: 95%;
	margin: 0 auto;
	margin-top: 30px;
}
.tit h2{
	font-size: 30px;
	text-align: center;
	color: black;
}
.tit p{
	font-size: 12px;
	color: black;
	margin-top: 10px;

	text-align: center;
}
}

.footer01{
	width: 100%;
	padding-top: 60px;padding-bottom: 60px;
}
.footer01 div{
	width: 19.5%;
	float: left;
}
.footer01 div:nth-child(4){
	width: 22%;
}
.footer01 div span{
	width: 60px;
	height: 2px;
	background-color: white;
	display: inline-block;margin-top: 30px;margin-bottom: 10px;
}
.footer01 div h2{
	color: white;font-size: 26px;
}
.footer01 div p{
	font-size: 16px;
	color: white;
	margin-top: 10px;
}
.footer01 div:nth-child(2){
	padding-left: 30px;
}
.footer01:after{
	 content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
@media (max-width:769px){
	.footer01{
	width: 100%;
	padding-top: 60px;padding-bottom: 60px;
}
.footer01 div{
	width: 96%;
	margin: 0 2%;
	float: left;display: none;
}
	.footer01 div span{display: none;}
	.footer01 div:nth-child(4){
	display: block;width: 96%;
	margin: 0 2%;
}
.footer01 div h2{
	color: white;font-size: 30px;margin-bottom: 30px;text-align: center;
}
.footer01 div p{
	font-size: 16px;
	color: white;
	margin-top: 10px;text-align: center;padding-left: 0px!important;
	background-image: none!important;
	background-color: rgba(255,255,255,.2)!important;
	padding: 10px;border-radius: 20px;
}
.footer01 div:nth-child(2){
	padding-left: 30px;
}
.footer01:after{
	 content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
}
.gy01{
	width: 400px;
	float: left;
	background-color: #024ca3;
	margin-top: 30px;
	padding: 50px;
}
.gy01 img{
	    transition: all 0.3s linear;
}
.gy01:hover img{
	transform: rotateY(180deg);
}
.gy01 h2{
	font-size: 26px;
	color: white;
	margin: 20px 0px;
}
.gy01 h4{
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
}
.gy01 p{
	color: white;
	text-align: justify;
	line-height: 24px;
}
.gy01 span{
	width: 160px;
	background-color: white;
	border-radius: 50px;
	padding: 10px 0px;
	font-size: 16px;color: black;
	display: inline-block;margin-top: 20px;
}
.gy02{
	width: calc(100% - 430px);
	float: right;
	margin-top: 30px;
}

.gy03 div{
	width: 50%;
	float: left;
	height: 204px;
	overflow: hidden;
}
.gy03 div img{
	float: right;
}
.gy03 div:nth-child(1){
	background-color: #b7aa8b;position: relative;
	
}
.gy3{
	position: absolute;
    left: 30px;
    top: 30px;
    right: calc(100% - 30px);
    bottom: 30px;
    border: 1px solid #fff;
    padding: 0;
	width: calc(100% - 60px)!important;
	height: calc(100% - 60px)!important;
}
.gy3 h2{
	font-size: 30px;
	color: white;
	margin-top: 30px;font-weight: bold;
}
.gy3 p{
	color: white;
	font-size: 16px;
	margin-top:24px;
}
.gy04{
	width: 100%;
}
.gy04 div:nth-child(1){
	width: calc(50% - 15px);
	float: left;
	background-color: #dadeef;
	height: 204px;margin-top: 30px;
}
.gy04 div:nth-child(2){
	width: calc(50% - 15px);
	float: right;
	background-color: #227850;height: 204px;margin-top: 30px;
}
.gy04 img{margin-top: 45px; transition: all 0.3s linear;}

.gy04 div:nth-child(1):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(2):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(1) h2{
	font-size: 26px;
    color: black;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) h2{
	font-size: 26px;
    color: white;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) p{
	color: white;
}
@media (max-width:991px){
	.gy01{
	width: 100%;
	float: left;
	background-color: #024ca3;
	margin-top: 30px;
	padding: 50px;
}
.gy01 img{
	    transition: all 0.3s linear;
}
.gy01:hover img{
	transform: rotateY(180deg);
}
.gy01 h2{
	font-size: 26px;
	color: white;
	margin: 20px 0px;
}
.gy01 h4{
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
}
.gy01 p{
	color: white;
	text-align: justify;
	line-height: 24px;
}
.gy01 span{
	width: 160px;
	background-color: white;
	border-radius: 50px;
	padding: 10px 0px;
	font-size: 16px;color: black;
	display: inline-block;margin-top: 20px;
}
.gy02{
	width: 100%;
	float: left;
	margin-top: 30px;
}

.gy03 div{
	width: 50%;
	float: left;
	height: 204px;
	overflow: hidden;
}
.gy03 div img{
	float: left;
}
.gy03 div:nth-child(1){
	background-color: #b7aa8b;position: relative;
	
}
.gy3{
	position: absolute;
    left: 30px;
    top: 30px;
    right: calc(100% - 30px);
    bottom: 30px;
    border: 1px solid #fff;
    padding: 0;
	width: calc(100% - 60px)!important;
	height: calc(100% - 60px)!important;
}
.gy3 h2{
	font-size: 30px;
	color: white;
	margin-top: 30px;font-weight: bold;
}
.gy3 p{
	color: white;
	font-size: 16px;
	margin-top:24px;
}
.gy04{
	width: 100%;
}
.gy04 div:nth-child(1){
	width: calc(50% - 15px);
	float: left;
	background-color: #dadeef;
	height: 204px;margin-top: 30px;
}
.gy04 div:nth-child(2){
	width: calc(50% - 15px);
	float: right;
	background-color: #227850;height: 204px;margin-top: 30px;
}
.gy04 img{margin-top: 45px; transition: all 0.3s linear;}

.gy04 div:nth-child(1):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(2):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(1) h2{
	font-size: 26px;
    color: black;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) h2{
	font-size: 26px;
    color: white;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) p{
	color: white;
}

}
@media (max-width:600px){
	.gy01{
	width: 100%;
	float: left;
	background-color: #024ca3;
	margin-top: 30px;
	padding: 30px;
}
.gy01 img{
	    transition: all 0.3s linear;
}
.gy01:hover img{
	transform: rotateY(180deg);
}
.gy01 h2{
	font-size: 26px;
	color: white;
	margin: 20px 0px;
}
.gy01 h4{
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
}
.gy01 p{
	color: white;
	text-align: center;
	line-height: 24px;
}
.gy01 span{
	width: 160px;
	background-color: white;
	border-radius: 50px;
	padding: 10px 0px;
	font-size: 16px;color: black;
	display: inline-block;margin-top: 20px;
}
.gy02{
	width: 100%;
	float: left;
	margin-top: 30px;
}

.gy03 div{
	width: 50%;
	float: left;
	height: 204px;
	overflow: hidden;
}
.gy03 div img{
	float: left;
}
.gy03 div:nth-child(1){
	background-color: #b7aa8b;position: relative;
	
}
.gy3{
	position: absolute;
    left: 15px;
    top: 15px;
    right: calc(100% - 15px);
    bottom: 15px;
    border: 1px solid #fff;
    padding: 0;
	width: calc(100% - 30px)!important;
	height: calc(100% - 30px)!important;
}
.gy3 h2{
	font-size: 30px;
	color: white;
	margin-top: 40px;font-weight: bold;
}
.gy3 p{
	color: white;
	font-size: 16px;
	margin-top:24px;
}
.gy04{
	width: 100%;
}
.gy04 div:nth-child(1){
	width: calc(50% - 15px);
	float: left;
	background-color: #dadeef;
	height: 204px;margin-top: 30px;
}
.gy04 div:nth-child(2){
	width: calc(50% - 15px);
	float: right;
	background-color: #227850;height: 204px;margin-top: 30px;
}
.gy04 img{margin-top: 45px; transition: all 0.3s linear;}

.gy04 div:nth-child(1):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(2):hover img{
	transform: rotateY(180deg);
}
.gy04 div:nth-child(1) h2{
	font-size: 26px;
    color: black;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) h2{
	font-size: 26px;
    color: white;
    margin: 10px 0px;
}
.gy04 div:nth-child(2) p{
	color: white;
}

}
.cp_bg{
	margin-top: 60px;
	background: url(/public/static/modules/cms/images/cp_bg.png) 0 0 no-repeat;
}
.cp_t a{
	color: white;
	font-size: 16px;
	padding: 5px 30px;
	display: inline-block;
	border: 1px solid white;
	margin: 0px 4px;
	margin-top: 30px;
	
}
.cp_t a:hover{
	border: 1px solid #024ca3;
	background-color: #024ca3;
}

.cp{
	margin-top: 30px;
	width: 100%;margin-bottom: 60px;
}
.cp h2{
	text-align: center;
	font-weight: normal;
	color: #2a96fa;
	margin: 0 auto;
	margin-bottom: 30px;
}

.cp img{
	width: 100%;
}
.cp01{
	width: 23.75%;
	margin: 0 0.6%;
	float: left;
	
	overflow: hidden;
}
.cp01 div{
	position: relative;
	transform: .5s;
}
.cp01 div img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	
}
.cp01 div p{
	position: absolute;
	top: 20px;
	left: 20px;
	opacity: 0;
	color: white;
	transition: .5s;
	font-size: 18px;
}
.cp01 div:nth-child(1):hover p{
	position: absolute;
	top: 20px;
	left: 20px;
	opacity: 1;
	color: white;
	
}
.cp01 div:nth-child(2) p{
	position: absolute;
	top: 20px;
	left: 20px;
	opacity: 0;
	color: white;
	
}
.cp01 div:nth-child(2):hover p{
	position: absolute;
	top: 20px;
	left: 20px;
	opacity: 1;
	color: white;
	
}
.cp01 div:nth-child(1) img:nth-child(2){
	transition: .5s;
}
.cp01 div:nth-child(1):hover img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
}
.cp01 div:nth-child(2) img:nth-child(2){
	transition: .5s;
}
.cp01 div:nth-child(2):hover img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
}
.cp02{
	width: 23.75%;
	float: left;
	margin: 0 0.6%;
	
}
.cp02 div{
	position: relative;
	transition: .5s;
}

.cp02 div img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: .5s;
}
.cp02 div:hover img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
}
.cp02 div p{
	position: absolute;
	top: 20px;
	left: 20px;
	color: white;
	opacity: 0;
	transition: .5s;
	font-size: 18px;
}
.cp02 div:hover p{
	position: absolute;
	top: 20px;
	left: 20px;
	color: white;
	opacity: 1;
	transition: .5s;
}

@media (max-width:600px){
	.cp{
		width: 95%;
		margin: 0 2.5%;
		margin-top: 30px;margin-bottom: 30px;
	}
	.cp02{
		display: none;
	}
	.cp01{
		width: 50%;
		margin: 0 auto;
		
		float: left;
	}
	.cp01 div{
		width: 98%;
		margin: 0 1%;
		
	}
	.h-product {
    margin: 0px 0;
}
}

.new01{
	width: 49%;
	float: left;
	position: relative;
	margin-top: 30px;
	overflow: hidden;margin-bottom: 60px;
}
.new01 img{
	width: 100%;
	transition: .5s;
}
.new01:hover img{
	transform: scale(1.05);
}
.new01 div{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color:rgba(2,76,163,.8);
	padding: 20px;
	width: 300px;
}
.new01 div p{
	font-size: 16px;
	color: white;
}
.new01 div h6{
	font-size: 20px;
	color: white;
	line-height: 30px;
}
.new02{
	width: 49%;
	float: right;
	margin-top: 30px;
}
.new_l01{
	width: 100%;
	border-bottom: 1px dashed #000;
}
.new_l01 h4{
	font-size: 20px;
	font-weight: bold;
	transition: .5s;
}
.new_l01 p{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
	transition: .5s;
}
.new_l01:hover h4{
	font-size: 20px;
	font-weight: bold;
	color: #024ca3;
}
.new_l01:hover p{
	
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
}
.new_l02{
	width: 100%;
	margin-top: 20px;
}
.new_l02 img{
	width: 100%;
	padding-right: 10px;
}
.new_l02 div:nth-child(1){
	width: 25%;
	float: left;
}
.new_l02 div:nth-child(2){
	width: 65%;
	float: left;
}
.new_l02 div:nth-child(2) h2{
	font-size: 20px;
	font-weight: bold;
	color: black;
	transition: .5s;
}
.new_l02 div:nth-child(2):hover h2{
	
	color: #024ca3;
}
.new_l02 div:nth-child(2) p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 5px;
}
.new_l02 div:nth-child(3){
	width: 10%;
	float: left;
	position: relative;
	margin-top: 30px;
}
.new_l02 div:nth-child(3) p{
	
	font-size: 24px;
}
.new_l02 div:nth-child(3) i{
	position: absolute;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
}
@media(max-width:1500px){
	.new01{
	width: 54%;
	float: left;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
.new01 img{
	width: 100%;
	transition: .5s;
}
.new01:hover img{
	transform: scale(1.05);
}
.new01 div{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color:rgba(2,76,163,.8);
	padding: 20px;
	width: 300px;
}
.new01 div p{
	font-size: 16px;
	color: white;
}
.new01 div h6{
	font-size: 20px;
	color: white;
	line-height: 30px;
}
.new02{
	width: 44%;
	float: right;
	margin-top: 30px;
}
.new_l01{
	width: 100%;
	border-bottom: 1px dashed #000;
}
.new_l01 h4{
	font-size: 20px;
	font-weight: bold;
	transition: .5s;
}
.new_l01 p{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
	transition: .5s;
}
.new_l01:hover h4{
	font-size: 20px;
	font-weight: bold;
	color: #024ca3;
}
.new_l01:hover p{
	
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
}
.new_l02{
	width: 100%;
	margin-top: 20px;
}
.new_l02 img{
	width: 100%;
	padding-right: 10px;
}
.new_l02 div:nth-child(1){
	width: 25%;
	float: left;
}
.new_l02 div:nth-child(2){
	width: 65%;
	float: left;
}
.new_l02 div:nth-child(2) h2{
	font-size: 20px;
	font-weight: bold;
	color: black;
	transition: .5s;
}
.new_l02 div:nth-child(2):hover h2{
	
	color: #024ca3;
}
.new_l02 div:nth-child(2) p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}
.new_l02 div:nth-child(3){
	width: 10%;
	float: left;
	position: relative;
	margin-top: 30px;
}
.new_l02 div:nth-child(3) p{
	
	font-size: 24px;
}
.new_l02 div:nth-child(3) i{
	position: absolute;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
}
}
@media(max-width:1100px){
	.new01{
	width: 54%;
	float: left;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
.new01 img{
	width: 100%;
	transition: .5s;
}
.new01:hover img{
	transform: scale(1.05);
}
.new01 div{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color:rgba(2,76,163,.8);
	padding: 20px;
	width: 300px;
}
.new01 div p{
	font-size: 16px;
	color: white;
}
.new01 div h6{
	font-size: 20px;
	color: white;
	line-height: 30px;
}
.new02{
	width: 44%;
	float: right;
	margin-top: 30px;
}
.new_l01{
	width: 100%;
	border-bottom: 1px dashed #000;
}
.new_l01 h4{
	font-size: 20px;
	font-weight: bold;
	transition: .5s;
}
.new_l01 p{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
	transition: .5s;
}
.new_l01:hover h4{
	font-size: 20px;
	font-weight: bold;
	color: #024ca3;
}
.new_l01:hover p{
	
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
}
.new_l02{
	width: 100%;
	margin-top: 20px;
}
	.new_l02:nth-child(2){
	width: 100%;
	margin-top: 20px;
		display: none;
}
.new_l02 img{
	width: 100%;
	padding-right: 10px;
}
.new_l02 div:nth-child(1){
	width: 25%;
	float: left;
}
.new_l02 div:nth-child(2){
	width: 68%;
	float: left;
}
.new_l02 div:nth-child(2) h2{
	font-size: 20px;
	font-weight: bold;
	color: black;
	transition: .5s;
}
.new_l02 div:nth-child(2):hover h2{
	
	color: #024ca3;
}
.new_l02 div:nth-child(2) p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}
.new_l02 div:nth-child(3){
	width: 7%;
	float: left;
	position: relative;
	margin-top: 30px;
}
.new_l02 div:nth-child(3) p{
	text-align: right;
	font-size: 24px;
}
.new_l02 div:nth-child(3) i{
	position: absolute;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
}
}
@media(max-width:900px){
	.new01{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
.new01 img{
	width: 100%;
	transition: .5s;
}
.new01:hover img{
	transform: scale(1.05);
}
.new01 div{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color:rgba(2,76,163,.8);
	padding: 20px;
	width: 300px;
}
.new01 div p{
	font-size: 16px;
	color: white;
}
.new01 div h6{
	font-size: 20px;
	color: white;
	line-height: 30px;
}
.new02{
	width: 100%;
	float: right;
	margin-top: 30px;
}
.new_l01{
	width: 100%;
	border-bottom: 1px dashed #000;
}
.new_l01 h4{
	font-size: 20px;
	font-weight: bold;
	transition: .5s;
}
.new_l01 p{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
	transition: .5s;
}
.new_l01:hover h4{
	font-size: 20px;
	font-weight: bold;
	color: #024ca3;
}
.new_l01:hover p{
	
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
}
.new_l02{
	width: 100%;
	margin-top: 20px;
}
	.new_l02:nth-child(2){
	width: 100%;
	margin-top: 20px;
		display: block;
}
.new_l02 img{
	width: 100%;
	padding-right: 10px;
}
.new_l02 div:nth-child(1){
	width: 25%;
	float: left;
}
.new_l02 div:nth-child(2){
	width: 75%;
	float: left;
}
.new_l02 div:nth-child(2) h2{
	font-size: 20px;
	font-weight: bold;
	color: black;
	transition: .5s;
}
.new_l02 div:nth-child(2):hover h2{
	
	color: #024ca3;
}
.new_l02 div:nth-child(2) p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}
.new_l02 div:nth-child(3){
	width: 75%;
	float: left;
	position: relative;
	margin-top: 0px;
	display: none;
}
.new_l02 div:nth-child(3) p{
	text-align: left;
	font-size: 24px;
}
.new_l02 div:nth-child(3) i{
	position: absolute;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
}
}
@media(max-width:600px){
	.box-news {padding: 0px 0px;margin-bottom: 30px;}
	.new01{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 30px;margin-bottom: 0px;
	overflow: hidden;
}
.new01 img{
	width: 100%;
	transition: .5s;
}
.new01:hover img{
	transform: scale(1.05);
}
.new01 div{
	position: relative;
	bottom: 0px;
	right: 0px;
	background-color:rgba(2,76,163,.8);
	padding: 20px;
	width: 100%;
}
.new01 div p{
	font-size: 16px;
	color: white;
}
.new01 div h6{
	font-size: 20px;
	color: white;
	line-height: 24px;
}
.new02{
	width: 100%;
	float: right;
	margin-top: 30px;
}
.new_l01{
	width: 100%;
	border-bottom: 1px dashed #000;margin-bottom: 30px;
}
.new_l01 h4{
	font-size: 20px;
	font-weight: bold;
	transition: .5s;
}
.new_l01 p{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-left: 70px;
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
	transition: .5s;
}
.new_l01:hover h4{
	font-size: 20px;
	font-weight: bold;
	color: #024ca3;
}
.new_l01:hover p{
	
	background: url(/public/static/modules/cms/images/icon01.png)0 0 no-repeat;
}
.new_l02{
	width: 100%;
	margin-top: 20px;
	display: none;
}
	.new_l02:nth-child(2){
	width: 100%;
	margin-top: 20px;
		display:none;
}
.new_l02 img{
	width: 100%;
	padding-right: 10px;
}
.new_l02 div:nth-child(1){
	width: 25%;
	float: left;
}
.new_l02 div:nth-child(2){
	width: 75%;
	float: left;
}
.new_l02 div:nth-child(2) h2{
	font-size: 20px;
	font-weight: bold;
	color: black;
	transition: .5s;
}
.new_l02 div:nth-child(2):hover h2{
	
	color: #024ca3;
}
.new_l02 div:nth-child(2) p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}
.new_l02 div:nth-child(3){
	width: 75%;
	float: left;
	position: relative;
	margin-top: 0px;
	display: none;
}
.new_l02 div:nth-child(3) p{
	text-align: left;
	font-size: 24px;
}
.new_l02 div:nth-child(3) i{
	position: absolute;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
}
}
.banner02{
	width: 100%;
	margin-top: 75px;
}
.banner02 div{
	padding-bottom: 100px;
	text-shadow: 1px 1px 1px #000;
	margin-top: -224px;
}
.banner02 span{
	width: 50px;
	height: 50px;
	background: url(/public/static/modules/cms/images/icon02.png) 0 0 no-repeat;
	display: inline-block;
}
.banner02 h2{
	font-size: 36px;
	color: white;
	margin-bottom: 30px;
}
.banner02 img{
	max-width: 100%;
}
@media (max-width:991px){
	.banner02{
width: 100%;
		overflow: hidden;
}
.banner02 div{
	padding-bottom: 100px;
	text-shadow: 1px 1px 1px #000;
	margin-top: -219px;
}
.banner02 h2{
	font-size: 36px;
	color: white;
	margin-bottom: 30px;
}
	.banner02 img{
		max-width: 160%;
		margin-left: -30%;
	}
}
@media (max-width:600px){
	.banner02{
width: 100%;
		overflow: hidden;
}
.banner02 div{
	padding-bottom: 30px;
	text-shadow: 1px 1px 1px #000;
	margin-top: -128px;margin-left: 10px;
}
.banner02 h2{
	font-size: 30px;
	color: white;
	margin-bottom: 10px;
}
	.banner02 img{
		max-width: 160%;
		margin-left: -30%;
	}
}
.add01{
	float: left;
}
.add01 a{
	padding: 20px;
	color: white;
	display: inline-block;
	font-size: 16px;
}
.add01 a:hover{
	background-color: white;
	color: #024ca3;
}
.add02{
	float: right;
	color: white;
	font-size: 16px;
	padding: 20px 0px;
}
.gy5{
	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;
background-position:  bottom;
}
.gy05{
	margin-top: 60px;
	width: 75%;
}
.gy05 h2{
	font-size: 30px;
}
.gy05 h2 span{
	color: #024ca3;
	font-weight: bold;
	font-size: 36px;
}
.gy05 p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
	margin-top: 30px;
}
.num{
	width: 75%;
	margin-top: 30px;margin-bottom: 30px;
}
.num li{
	width: 31.6%;
	float: left;
}
.num li:nth-child(2){
	margin: 0 2.5%;
}
.num li h3{
	font-size: 60px;
	color: #024ca3;
}
.num li p{
	font-size: 16px;
    color: #787878;
margin-top: 10px;
}
.num:after {
content : '' ;
display : block ;
clear : both ;
}
@media (max-width:991px){
	.gy5{
	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;
background-position:  bottom;
}
.gy05{
	
	width: 98%;
	margin: 0 1%;
	margin-top: 60px;
}
.gy05 h2{
	font-size: 30px;
}
.gy05 h2 span{
	color: #024ca3;
	font-weight: bold;
	font-size: 36px;
}
.gy05 p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
	margin-top: 30px;
}
.num{
	width: 98%;
	margin: 0 1%;

	margin-top: 30px;margin-bottom: 30px;
}
.num li{
	width: 31.6%;
	float: left;
}
.num li:nth-child(2){
	margin: 0 2.5%;
}
.num li h3{
	font-size: 60px;
	color: #024ca3;
}
.num li p{
	font-size: 16px;
    color: #787878;
margin-top: 10px;
}
.num:after {
content : '' ;
display : block ;
clear : both ;
}
}
@media (max-width:600px){
	.add01{
		display: none;
	}
	.add02{
		display: none;
	}
	.gy5{
	background: url(/public/static/modules/cms/images/gy05.png) 0 0 no-repeat;
background-position:  bottom;
}
.gy05{
	
	width: 98%;
	margin: 0 1%;
	margin-top: 30px;
}
.gy05 h2{
	font-size: 30px;
}
.gy05 h2 span{
	color: #024ca3;
	font-weight: bold;
	font-size: 36px;
}
.gy05 p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
	margin-top: 30px;
}
.num{
	width: 98%;
	margin: 0 1%;

	margin-top: 30px;margin-bottom: 30px;
}
.num li{
	width: 31.6%;
	float: left;
}
.num li:nth-child(2){
	margin: 0 2.5%;
}
.num li h3{
	font-size: 40px;
	color: #024ca3;text-align: center;
}
.num li p{
	font-size: 16px;
    color: #787878;
margin-top: 10px;text-align: center;
}
.num:after {
content : '' ;
display : block ;
clear : both ;
}
}
.m6{
	margin-top: 60px;
}
.m3{
	margin-bottom: 30px;
}
.ry{
	width: 31.6%;
	float: left;
	margin-bottom: 30px;
}
.ry img{
	max-width: 100%;
}
.ry div:nth-child(1){
	width: 100%;
	background-color: #f2f2f2;
	position: relative;
	overflow: hidden;
}
.ry img:nth-child(1){
	transition: .5s;
}
.ry img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;opacity: 0;transition: .5s;
}
.ry div:nth-child(2){
	width: 100%;
	background-color: #d7e9ff;
	padding: 30px;
}.ry h2{
	font-size: 20px;
	text-align: center;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.ry:nth-child(2){
	margin: 0 2.5%;margin-bottom: 30px;
}
.ry:nth-child(5){
	margin: 0 2.5%;margin-bottom: 30px;
}
.ry:nth-child(8){
	margin: 0 2.5%;margin-bottom: 30px;
}
.ry:hover img:nth-child(2){
	opacity: 1;
}
.ry:hover img:nth-child(1){
	transform: scale(1.05);
}
@media (max-width:991px){
	.m6{
	margin-top: 60px;
}
.m3{
	margin-bottom: 30px;
}
.ry{
	width: 48%;
	float: left;
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry img{
	max-width: 100%;
}
.ry div:nth-child(1){
	width: 100%;
	background-color: #f2f2f2;
	position: relative;
	overflow: hidden;
}
.ry img:nth-child(1){
	transition: .5s;
}
.ry img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;opacity: 0;transition: .5s;
}
.ry div:nth-child(2){
	width: 100%;
	background-color: #d7e9ff;
	padding: 30px;
}.ry h2{
	font-size: 20px;
	text-align: center;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.ry:nth-child(2){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:nth-child(5){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:nth-child(8){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:hover img:nth-child(2){
	opacity: 1;
}
.ry:hover img:nth-child(1){
	transform: scale(1.05);
}
}
@media (max-width:600px){
	.m6{
	margin-top: 30px;
}
.m3{
	margin-bottom: 0px;
}
.ry{
	width: 48%;
	float: left;
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry img{
	max-width: 100%;
}
.ry div:nth-child(1){
	width: 100%;
	background-color: #f2f2f2;
	position: relative;
	overflow: hidden;
}
.ry img:nth-child(1){
	transition: .5s;
}
.ry img:nth-child(2){
	position: absolute;
	top: 0px;
	left: 0px;opacity: 0;transition: .5s;
}
.ry div:nth-child(2){
	width: 100%;
	background-color: #d7e9ff;
	padding: 20px 10px;
}.ry h2{
	font-size: 16px;
	text-align: center;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.ry:nth-child(2){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:nth-child(5){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:nth-child(8){
	margin: 0 1%;
	margin-bottom: 30px;
}
.ry:hover img:nth-child(2){
	opacity: 1;
}
.ry:hover img:nth-child(1){
	transform: scale(1.05);
}
}
.cp_b{
	background-color: white;
	margin-top: 60px;
	padding: 30px;
	margin-bottom: 60px;
}
.cp_b:after {
content : '' ;
display : block ;
clear : both ;
}
.cp04{
	width: 31.6%;
	float: left;
	margin-bottom: 30px;
box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.1);transition: .3s;
}
.cp04:hover{
	box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.5);
}
.cp04 img{
	max-width: 100%;transition: .3s;
}
.cp04 div:nth-child(1){
	width: 100%;
	overflow: hidden;
}
.cp04 div:nth-child(2){
	    background-image: linear-gradient(to top left, #024ca3, #4fa0ff);
}
.cp04 h2{
	font-size: 22px;
	text-align: center;
	padding: 20px 10px;
	color: white;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.cp04:nth-child(2){
	margin: 0 2.5%;
}
.cp04:nth-child(5){
	margin: 0 2.5%;
}
.cp04:nth-child(8){
	margin: 0 2.5%;
}
.cp04:hover img{
	transform: scale(1.1);
}
@media (max-width:991px){
	.cp_b{
	background-color: white;
	margin-top: 60px;
	padding: 30px;
	margin-bottom: 60px;
}
.cp_b:after {
content : '' ;
display : block ;
clear : both ;
}
.cp04{
	width: 48%;
	margin: 0 1%;
	float: left;
	margin-bottom: 30px;
box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.1);transition: .3s;
}
.cp04:hover{
	box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.5);
}
.cp04 img{
	max-width: 100%;transition: .3s;
}
.cp04 div:nth-child(1){
	width: 100%;
	overflow: hidden;
}
.cp04 div:nth-child(2){
	    background-image: linear-gradient(to top left, #024ca3, #4fa0ff);
}
.cp04 h2{
	font-size: 22px;
	text-align: center;
	padding: 20px 10px;
	color: white;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.cp04:nth-child(2){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:nth-child(5){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:nth-child(8){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:hover img{
	transform: scale(1.1);
}
}
@media (max-width:600px){
	.cp_b{
	background-color:rgba(0,0,0,0);
	margin-top: 30px;
	padding: 0px;
	margin-bottom: 30px;
}
.cp_b:after {
content : '' ;
display : block ;
clear : both ;
}
.cp04{
	width: 48%;
	margin: 0 1%;
	float: left;
	margin-bottom: 30px;
box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.1);transition: .3s;
}
.cp04:hover{
	box-shadow: 0 14px 60px -5px rgba(126, 134, 138, 0.5);
}
.cp04 img{
	max-width: 100%;transition: .3s;
}
.cp04 div:nth-child(1){
	width: 100%;
	overflow: hidden;
}
.cp04 div:nth-child(2){
	    background-image: linear-gradient(to top left, #024ca3, #4fa0ff);
}
.cp04 h2{
	font-size: 22px;
	text-align: center;
	padding: 20px 10px;
	color: white;
	width: 100%;
	overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.cp04:nth-child(2){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:nth-child(5){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:nth-child(8){
	margin: 0 1%;margin-bottom: 30px;
}
.cp04:hover img{
	transform: scale(1.1);
}
}
.cp_n{
	background-color: white;
	margin-top: 60px;
	padding: 30px;
}
.cp_n div{
	width: 50%;
	float: left;
}
.cp_n div:nth-child(1){
	border: 1px solid #ededed;
}
.cp_n div:nth-child(1) img{
	max-width: 100%;
}
.cp_n div:nth-child(2){padding: 30px;}
.cp_n h2{
	font-size: 30px;
	
}
.cp_n span{
	width: 100%;
	height: 4px;
	display: inline-block;
	 background: url(/public/static/modules/cms/images/cp_b.png) 0 0 no-repeat;
	background-position: right;
}
.cp_n h4{
	font-size: 24px;
	font-weight: bold;
	color: #024ca3;
	margin-top: 30px;
}
.cp_n p{
	font-size: 14px;
	margin-top: 30px;
	color: #666;
}
.cp_n a{
	display: inline-block;
	padding: 10px 20px;
	background-color: #024ca3;
	color: white;
	font-size: 18px;
	margin-top: 30px;
}
.cp_nav{
	background-color: white;
	margin-top: 30px;
	padding: 30px;margin-bottom: 60px;
}
.cp_nav h2{
	font-size: 26px;
margin-bottom: 30px;
}
.cp_nav p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 30px;
}
.cp_n:after {
content : '' ;
display : block ;
clear : both ;
}
@media (max-width:991px){
	.cp_n{
	background-color: white;
	margin-top: 60px;
	padding: 30px;
}
.cp_n div{
	width: 100%;
	float: left;
}
.cp_n div:nth-child(1){
	border: 1px solid #ededed;
}
.cp_n div:nth-child(1) img{
	max-width: 100%;
}
.cp_n div:nth-child(2){padding: 0px;padding-top: 30px;}
.cp_n h2{
	font-size: 30px;
	
}
.cp_n span{
	width: 100%;
	height: 4px;
	display: inline-block;
	 background: url(/public/static/modules/cms/images/cp_b.png) 0 0 no-repeat;
	background-position: right;
}
.cp_n h4{
	font-size: 24px;
	font-weight: bold;
	color: #024ca3;
	margin-top: 30px;
}
.cp_n p{
	font-size: 14px;
	margin-top: 30px;
	color: #666;
}
.cp_n a{
	display: inline-block;
	padding: 10px 20px;
	background-color: #024ca3;
	color: white;
	font-size: 18px;
	margin-top: 30px;
}
.cp_nav{
	background-color: white;
	margin-top: 30px;
	padding: 30px;margin-bottom: 60px;
}
.cp_nav h2{
	font-size: 26px;
margin-bottom: 30px;
}
.cp_nav p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 30px;
}
.cp_n:after {
content : '' ;
display : block ;
clear : both ;
}
}
@media (max-width:600px){
	.cp_n{
	background-color: white;
	margin-top: 30px;
	padding: 10px;
}
.cp_n div{
	width: 100%;
	float: left;
}
.cp_n div:nth-child(1){
	border: 1px solid #ededed;
}
.cp_n div:nth-child(1) img{
	max-width: 100%;
}
.cp_n div:nth-child(2){padding: 0px;padding-top: 30px;}
.cp_n h2{
	font-size: 30px;
	
}
.cp_n span{
	width: 100%;
	height: 4px;
	display: inline-block;
	 background: url(/public/static/modules/cms/images/cp_b.png) 0 0 no-repeat;
	background-position: right;
}
.cp_n h4{
	font-size: 24px;
	font-weight: bold;
	color: #024ca3;
	margin-top: 20px;
}
.cp_n p{
	font-size: 14px;
	margin-top: 20px;
	color: #666;
}
.cp_n a{
	display: inline-block;
	padding: 10px 20px;
	background-color: #024ca3;
	color: white;
	font-size: 18px;
	margin-top: 20px;
}
.cp_nav{
	background-color: white;
	margin-top: 0px;
	padding: 10px;margin-bottom: 30px;
}
.cp_nav h2{
	font-size: 26px;
margin-bottom: 20px;
	margin-top: 10px;
}
.cp_nav p{
	font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 10px;
}
.cp_n:after {
content : '' ;
display : block ;
clear : both ;
}
}
.new_b{
	background: url(/public/static/modules/cms/images/new_b.png) 0 0 no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 74px;
}
.new_b h2{
	font-size: 36px;
    color: white;
	margin-top: 60px;
}
.new03{
	width: 100%;
	margin-top: 30px;margin-bottom: 60px;
}
.new03 div{
	width: 31.6%;
	float: left;
	background-color: white;transition: .3s;
}
.new03 img{
	max-width: 100%;
}
.new03 div:nth-child(2){
	margin: 0 2.5%;
}
.new03 h3{
	padding: 30px;padding-bottom: 0px;
	font-size: 24px;
}
.new03 p{
	font-size: 16px;
	padding: 30px;padding-top: 10px;
}
.new03 div:hover{
	background-color: #024ca3;
	color: white;
}
.new03:after {
content : '' ;
display : block ;
clear : both ;
}
.new04{
	padding: 30px;
	border-bottom: 1px solid #c9c9c9;
}
.new04:hover{
	background-color: #f9f9f9;
}
.new04 div:nth-child(1){
	width: 160px;
	background-color: #e1e1e1;
	float: left;
	padding: 20px 0px;transition: .3s;
}
.new04:hover div:nth-child(1){
	background-color: #024ca3;
}
.new04:hover div:nth-child(1) h2{color: white;}
.new04:hover div:nth-child(1) p{color: white;}
.new04 div:nth-child(1) h2{
	font-size: 40px;
	color:#37474f;
	font-weight: bold;
}
.new04 div:nth-child(1) p{
	font-size: 16px;
	color:#37474f;
	margin-top: 5px;
}
.new04 div:nth-child(2){
	width: calc(100% - 190px);
	float: left;
	padding-left: 30px;
}
.new04 div:nth-child(2) h2{
	font-size: 28px;margin-bottom: 10px;
}
.new04:hover div:nth-child(2) h2{
	color: #024ca3;
}
.new04 div:nth-child(2) span{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.new04 div:nth-child(2) p{
	color: #666;margin-top: 5px;
}
.new04 div:nth-child(2) span:nth-child(3){
	display: none;
}
.new04:nth-child(1){
	margin-top: 30px;
}
.new04:last-child{
	margin-bottom: 60px;
}
.new04:after {
content : '' ;
display : block ;
clear : both ;
}
@media (max-width:991px){
	.new_b{
	background: url(/public/static/modules/cms/images/new_b.png) 0 0 no-repeat;
	background-position: center;
	width: 100%;padding: 0px 1%;
	margin-top: 74px;
}
.new_b h2{
	font-size: 36px;
    color: white;
	margin-top: 60px;
}
.new03{
	width: 100%;
	margin-top: 30px;margin-bottom: 60px;
}
.new03 div{
	width: 48%;
	margin: 0 1%;
	float: left;
	background-color: white;transition: .3s;
}
.new03 img{
	max-width: 100%;
}
.new03 div:nth-child(2){
	margin: 0 1%;
}
	.new03 div:nth-child(3){
		display: none;
	}
.new03 h3{
	padding: 30px;padding-bottom: 0px;
	font-size: 24px;
}
.new03 p{
	font-size: 16px;
	padding: 30px;padding-top: 10px;
}
.new03 div:hover{
	background-color: #024ca3;
	color: white;
}
.new03:after {
content : '' ;
display : block ;
clear : both ;
}
.new04{
	padding: 30px;
	border-bottom: 1px solid #c9c9c9;
}
.new04:hover{
	background-color: #f9f9f9;
}
.new04 div:nth-child(1){
	width: 160px;
	background-color: #e1e1e1;
	float: left;
	padding: 20px 0px;transition: .3s;
}
.new04:hover div:nth-child(1){
	background-color: #024ca3;
}
.new04:hover div:nth-child(1) h2{color: white;}
.new04:hover div:nth-child(1) p{color: white;}
.new04 div:nth-child(1) h2{
	font-size: 40px;
	color:#37474f;
	font-weight: bold;
}
.new04 div:nth-child(1) p{
	font-size: 16px;
	color:#37474f;
	margin-top: 5px;
}
.new04 div:nth-child(2){
	width: calc(100% - 190px);
	float: left;
	padding-left: 30px;
}
.new04 div:nth-child(2) h2{
	font-size: 28px;margin-bottom: 10px;
}
.new04:hover div:nth-child(2) h2{
	color: #024ca3;
}
.new04 div:nth-child(2) span{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.new04 div:nth-child(2) p{
	color: #666;margin-top: 5px;
}
.new04 div:nth-child(2) span:nth-child(3){
	display: none;
}
.new04:nth-child(1){
	margin-top: 30px;
}
.new04:last-child{
	margin-bottom: 60px;
}
.new04:after {
content : '' ;
display : block ;
clear : both ;
}
}
@media (max-width:600px){
	.new_b{
	background: url(/public/static/modules/cms/images/new_b.png) 0 0 no-repeat;
	background-position: center;
	width: 100%;padding: 0px 1%;
	margin-top: 74px;
}
.new_b h2{
	font-size: 30px;
    color: white;
	margin-top: 30px;
}
.new03{
	width: 100%;
	margin-top: 30px;margin-bottom: 60px;
}
.new03 div{
	width: 98%;
	margin: 0 1%;
	float: left;
	background-color: white;transition: .3s;
}
.new03 img{
	width: 100%;
}
.new03 div:nth-child(2){
	margin: 0 1%;
}
	.new03 div:nth-child(2){
		display: none;
	}
	.new03 div:nth-child(3){
		display: none;
	}
.new03 h3{
	padding: 15px;padding-bottom: 0px;
	font-size: 24px;
}
.new03 p{
	font-size: 16px;
	padding: 15px;padding-top: 10px;
}
.new03 div:hover{
	background-color: #024ca3;
	color: white;
}
.new03:after {
content : '' ;
display : block ;
clear : both ;
}
.new04{
	padding: 20px 10px;
	border-bottom: 1px solid #c9c9c9;
}
.new04:hover{
	background-color: #f9f9f9;
}
.new04 div:nth-child(1){
	width: 160px;
	background-color: #e1e1e1;
	float: left;
	padding: 20px 0px;transition: .3s;display: none;
}
.new04:hover div:nth-child(1){
	background-color: #024ca3;
}
.new04:hover div:nth-child(1) h2{color: white;}
.new04:hover div:nth-child(1) p{color: white;}
.new04 div:nth-child(1) h2{
	font-size: 40px;
	color:#37474f;
	font-weight: bold;
}
.new04 div:nth-child(1) p{
	font-size: 16px;
	color:#37474f;
	margin-top: 5px;
}
.new04 div:nth-child(2){
	width: 100%;
	float: left;
	padding-left: 0px;
}
.new04 div:nth-child(2) h2{
	font-size: 28px;margin-bottom: 10px;
}
.new04:hover div:nth-child(2) h2{
	color: #024ca3;
}
.new04 div:nth-child(2) span{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.new04 div:nth-child(2) p{
	color: #666;margin-top: 5px;
}
.new04 div:nth-child(2) span:nth-child(3){
	display: inline-block;margin-left: 20px;
}
.new04:nth-child(1){
	margin-top: 0px;
}
.new04:last-child{
	margin-bottom: 30px;
}
.new04:after {
content : '' ;
display : block ;
clear : both ;
}
}
.wh01{
	width: 300px;
	float: left;margin-top: 60px;
}
.wh02{
	width: calc(100% - 400px);
	float: right;margin-top: 60px;margin-bottom: 50px;
}
.wh02 h1{
	text-transform: uppercase;
	color: #024ca3;
	font-size: 36px;
	
}
.wh02 h2{
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	color: #666;margin-bottom: 30px;
}
.wh02 p{
	color: #555;
	font-size: 20px;
	margin-bottom: 10px;
}
.wh02 p span{
	font-size: 22px;color: #024ca3;
	padding-right: 60px;
}
@media (max-width:991px){
	.wh01{
	width: 300px;
	float: left;margin-top: 60px;display: none;
}
.wh02{
	width: 100% ;
	float: right;margin-top: 60px;margin-bottom: 50px;
}
.wh02 h1{
	text-transform: uppercase;
	color: #024ca3;
	font-size: 36px;
	
}
.wh02 h2{
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	color: #666;margin-bottom: 30px;
}
.wh02 p{
	color: #555;
	font-size: 20px;
	margin-bottom: 10px;
}
.wh02 p span{
	font-size: 22px;color: #024ca3;
	padding-right: 60px;
}
}
@media (max-width:600px){
	.wh01{
	width: 300px;
	float: left;margin-top: 30px;display: none;
}
.wh02{
	width: 98% ;
	margin: 0 1%;
	float: right;margin-top: 30px;margin-bottom: 20px;
}
.wh02 h1{
	text-transform: uppercase;
	color: #024ca3;
	font-size: 36px;
	
}
.wh02 h2{
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;font-size: 20px;
	color: #666;margin-bottom: 30px;
}
.wh02 p{
	color: #555;
	font-size: 16px;
	margin-bottom: 10px;
}
.wh02 p span{
	font-size: 20px;color: #024ca3;
	padding-right: 60px;
	display: block;margin-bottom: 5px;
}
}
.fw{
	width: 31.6%;
	float: left;
	margin-top: 60px;
}
.fw div{
	width: 100%;overflow: hidden;
}
.fw div:nth-child(2){
	padding: 30px;
	background: #f4f4f4;
}
.fw div:nth-child(2) h2{
	font-size: 20px;margin-bottom: 5px;
}
.fw div:nth-child(2) span{
	width: 40px;
	height: 4px;
	background-color: #024ca3;display: inline-block;
	
}
.fw div:nth-child(2) p{
	margin-top: 5px;
	color: #555;
}
.fw img{
	width: 100%;transition: .5s;
}
.fw:nth-child(2){
	margin: 0 2.5%;margin-top: 60px;
}
.fw:hover img{
	transform: scale(1.05);
}

.fw02{
	width: 25%;
	float: left;
	margin-top: 60px;margin-bottom: 60px;
}
.fw02 h2{
	font-size: 22px;
	margin-top: 20px;
}
.fw02 p{
	font-size: 16px;
	margin-top: 10px;
}
.fw02 img{
	transition: .5s;
}
.fw02:hover img{
	transform: rotateY(180deg);
}
@media (max-width:600px){
	.fw{
	width: 98%;
		margin: 0 1%;
	float: left;
	margin-top: 30px;
}
.fw div{
	width: 100%;overflow: hidden;
}
.fw div:nth-child(2){
	padding: 30px;
	background: #f4f4f4;
}
.fw div:nth-child(2) h2{
	font-size: 20px;margin-bottom: 5px;
}
.fw div:nth-child(2) span{
	width: 40px;
	height: 4px;
	background-color: #024ca3;display: inline-block;
	
}
.fw div:nth-child(2) p{
	margin-top: 5px;
	color: #555;
}
.fw img{
	width: 100%;transition: .5s;
}
.fw:nth-child(2){
	margin: 0 1%;margin-top: 30px;
}
.fw:hover img{
	transform: scale(1.05);
}

.fw02{
	width: 48%;
	margin: 0 1%;
	float: left;
	margin-top: 30px;margin-bottom: 30px;
}
.fw02 h2{
	font-size: 22px;
	margin-top: 20px;
}
.fw02 p{
	font-size: 16px;
	margin-top: 10px;
}
.fw02 img{
	transition: .5s;
}
.fw02:hover img{
	transform: rotateY(180deg);
}
}
.lx01{
	margin-top: 30px;
	width: 48%;
	background-color: white;
	height: 300px;
	padding: 60px;margin-bottom: 60px;
}
.lx01:nth-child(1){
	float: left;
}
.lx01:nth-child(2){
	float: right;
}
.lx h1{
	font-size: 36px;
	margin-top: 60px;
	padding-left: 100px;
	background: url(/public/static/modules/cms/images/icon05.png) 0 2px no-repeat;
}
.lx01 h2{
	margin-bottom: 10px;
}
.lx01 p{
	font-size: 16px;
	line-height: 30px;
}
.lx01:hover{
	color: white;
	background-image: linear-gradient(to top left, #024ca3, #4fa0ff);
}
@media (max-width:600px){
	.lx01{
	margin-top: 30px;
	width: 98%;
		margin: 0 1%;margin-top: 30px;
	background-color: white;
	height: auto;
	padding: 30px;
}
.lx01:nth-child(1){
	float: left;
}
.lx01:nth-child(2){
	float: right;margin-top: 30px;
}
.lx h1{
	font-size: 36px;
	margin-top: 30px;
	padding-left: 100px;
	background: url(/public/static/modules/cms/images/icon05.png) 0 2px no-repeat;
}
.lx01 h2{
	margin-bottom: 10px;
}
.lx01 p{
	font-size: 16px;
	line-height: 30px;
}
	.lx01:after {
content : '' ;
display : block ;
clear : both ;
}
.lx01:hover{
	color: white;
	background-image: linear-gradient(to top left, #024ca3, #4fa0ff);
	}}
.wz_t{
	width: 100%;
	background-color: white;
	padding: 60px 30px;
	margin-top: 60px;
}
.wz_t h2{
	font-size: 36px;
	text-align: center;
}
.wz{
	width: 100%;
	background-color: white;
	padding: 30px;
	margin-top: 30px;margin-bottom: 60px;
}
.wz img{
	max-width: 100%;
}
@media (max-width:600px){
	.wz_t{
	width: 100%;
	background-color: white;
	padding: 30px 10px;
	margin-top: 30px;
}
.wz_t h2{
	font-size: 26px;
	text-align: center;
}
.wz{
	width: 100%;
	background-color: white;
	padding: 30px 10px;
	margin-top: 10px;margin-bottom: 30px;
}
.wz img{
	max-width: 100%;
}
}