.title-p-c h2.size-30 {
	    color: #000;
	}

	.title-p-c .size-14 {
	    color: #666;
	}

	.title-p-c .size-16 {
	    color: #666;
	    font-size: 1.6rem;
	}

	.title-p-c .sub {
	    margin-top: 17px;
	    margin-bottom: 10px;
	    line-height: 1.7;
	}

	@media (max-width:767px) {
	    .title-p-c .sub {
	        margin-top: 10px;
	    }
	    .title-p-c .cont {
	        font-size: 1.6rem !important;
	    }
	}

	.runout:hover {
	    -webkit-animation: title_p_c 1s;
	    animation: title_p_c 1s;
	    cursor: pointer;
	}

	@keyframes title_p_c {
	    0% {
	        transform: translateY(0);
	    }
	    50% {
	        transform: translateY(10px);
	    }
	    100% {
	        transform: translateY(0);
	    }
	}

	/*头部*/

	/*全局设置*/

	/*logo*/

	/*header.header a>img.header_logo{vertical-align: middle;}*/

	/*下拉菜单动效*/

	/* 	header.header ul.nav>li::after{content: "";display: block;width: 0;height: 2px;position: relative;bottom: 2px;left: 50%;transform: translateX(-50%);background-color: #0a8;transition: all 0.36s;} */

	header.header ul.nav>li {
	    height: 100px;
	    overflow: hidden;
	}

	header.header2 ul.nav>li,
	header.header4 ul.nav>li {
	    height: unset;
	}

	header.header ul.nav>li::after {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    position: relative;
	    bottom: 2px;
	    left: 50%;
	    transform: translateX(-50%);
	    border: 1px solid rgba(0, 0, 0, 0);
	    transition: all 0.36s;
	}

	header.header ul.nav>li:hover::after {
	    width: 80%;
	    border-color: #0a8;
	}

	header.header ul.nav>li>a {
	    padding: 0 20px;
	}

	/*header.header ul.nav>li>div{position: fixed;top: 100px;left: 0;overflow: hidden;}*/

	/*--修改--*/

	header.header {
	    position: relative;
	    z-index: 100;
	}

	header.header ul.nav {
	    position: unset;
	}

	header.header ul.nav>li>div {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 100%;
	    overflow: hidden;
	}

	/*--修改--*/

	/*模型3的nav样式*/

	header.header ul.nav.demo-nav3>li:hover::after,
	header.header3 ul.nav.demo-nav3>li.active::after {
	    width: 100%;
	    background-color: #0a8;
	}

	header.header ul.nav.demo-nav3>li>a {
	    padding: 0 25px;
	    transform: all 0.3s;
	}

	/*模型4的nav样式*/

	/*header.header.header4{position: absolute;top: 0;left: 0;}*/

	header.header ul.nav.demo-nav4>li::after {
	    display: none;
	}

	/*.header ul.nav.demo-nav4>li>a{opacity: 0.6}*/

	header.header ul.nav.demo-nav4>li>a::before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 2px;
	    position: relative;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%);
	    background-color: #ff0;
	    transition: all 0.36s;
	}

	header.header ul.nav.demo-nav4>li.active>a,
	.header ul.nav.demo-nav4>li:hover>a {
	    opacity: 1;
	}

	header.header ul.nav.demo-nav4>li.active>a::before,
	.header ul.nav.demo-nav4>li:hover>a::before {
	    width: 100%;
	}

	/*右侧*/

	.header .header_right div.xl3>span.pd-left-b {
	    padding-left: 15px;
	}

	.header .header_right div.xl3>span.pd-right-b {
	    padding-right: 15px;
	}

	/*搜索框*/

	header.header .header_right .header_search1 {
	    height: 20px;
	}

	header.header .header_right .header_search1>i {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 100;
	}

	header.header .header_right .header_search1>form {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	    z-index: 0;
	}

	header.header .header_right .header_search1>form>input {
	    width: 0;
	    opacity: 0
	}

	header.header .header_right .header_search1>form>i {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    transform: translateY(-50%);
	}

	header.header .header_right .header_search1:hover>form>input {
	    width: 210px;
	    opacity: 1;
	}

	/*语言*/

	header.header .header_right>li>div {
	    position: absolute;
	    top: 30px;
	    right: 10px;
	    padding: 10px 0;
	    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .15);
	    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
	    opacity: 0;
	    display: none;
	    z-index: 5
	}

	header.header .header_right>li>div::before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    border-width: 6px 8px;
	    border-color: transparent transparent #fff;
	    border-style: solid;
	    position: absolute;
	    top: -12px;
	    right: 32px;
	}

	header.header .header_right>li>div li:hover {
	    background-color: #f5f5f5;
	}

	header.header .header_right>li>div li a {
	    display: block;
	    padding: 10px 20px;
	    white-space: nowrap;
	    line-height: 1;
	}

	/*下拉菜单————样式一*/

	header.header .drop-down.menu1 {
	    background-color: #fff;
	}

	header.header .drop-down.menu1 section:first-child {
	    background-color: #f5f5f5;
	}

	header.header .drop-down.menu1 ul>li:hover {
	    background-color: #fff;
	}

	header.header .drop-down.menu1 ul>li>a {
	    color: #000;
	}

	header.header .drop-down.menu1 ul>li:hover>a {
	    color: #000;
	}

	/*下拉菜单——样式二*/

	header.header .drop-down.menu1 {
	    display: none;
	    z-index: 10
	}

	header.header .drop-down.menu1 section {
	    min-height: 306.5px;
	}

	header.header .drop-down.menu1 ul {
	    max-width: 450px;
	}

	header.header .drop-down.menu1 ul>li>a {
	    display: block;
	}

	header.header .drop-down.menu1 ul>li:hover {
	    background-color: #0a8;
	}

	header.header .drop-down.menu1 ul>li>a {
	    color: #555;
	    transition: all 0.5s;
	}

	header.header .drop-down.menu1 ul>li:hover>a {
	    color: #fff;
	}

	/*---------------- 小屏笔记本————width>1220 && width<1400 ----------------*/

	@media (max-width: 1220px) {
	    /*header.header ul.nav>li>a{padding: 0 10px;}*/
	}

	/*下拉菜单——版本三*/

	header.header .drop-down.menu2 {
	    position: relative;
	    overflow: unset;
	}

	header.header .drop-down.menu2>ul {
	    padding: 0;
	    margin: 0;
	    position: absolute;
	    top: 110%;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 210px;
	    opacity: 0;
	    visibility: hidden;
	    transition: all 0.4s;
	}

	header.header .drop-down.menu2:hover>ul {
	    top: 98%;
	    opacity: 1;
	    visibility: visible;
	    z-index: 1;
	}

	header.header .drop-down.menu2>ul>li>a {
	    display: block;
	    padding: 14px 30px;
	    color: #959595;
	    border-top: 1px solid #E6E6E6;
	}

	header.header .drop-down.menu2>ul>li:first-child>a {
	    border: 0;
	}

	header.header .drop-down.menu2>ul>li>a:hover {
	    background-color: #f2f2f2;
	    padding-left: 40px;
	    color: #666;
	}

	header.header .drop-down.menu2>ul>li>a>i {
	    opacity: 0;
	}

	header.header .drop-down.menu2>ul>li>a:hover>i {
	    opacity: 1;
	}

	/*模版一*/

	header.header1 {
	    height: 100px;
	    line-height: 100px;
	}

	header.header1 ul.nav>li::after {
	    width: 100%;
	}

	/*模版二*/

	header.header2>.container {
	    height: 100px;
	    line-height: 100px;
	}

	header.header2 ul.nav.naver>li>a {
	    padding: 15px 30px;
	}

	header.header2 ul.nav.naver>li::before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 2px;
	    position: relative;
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
	    background-color: #0a8;
	    transition: all 0.36s;
	}

	header.header2 ul.nav.naver>li:hover::before {
	    width: 80%;
	}

	header.header2 ul.nav.naver>li::after {
	    display: none;
	    visibility: hidden;
	}

	/*模版三*/

	header.header3 {
	    height: 100px;
	    line-height: 100px;
	}

	header.header3 ul.nav.demo-nav3>li:hover,
	header.header3 ul.nav.demo-nav3>li.active {
	    background-color: #F5F5F5;
	}

	/*模版四*/

	header.header4 {
	    height: 70px;
	    line-height: 70px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	header.header4 .header_right>.a-txt-white:hover {
	    opacity: 1
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1220px) {
	    header.header2 ul.nav.naver>li>a {
	        padding: 15px 19px;
	    }
	}

	@media (max-width: 1023px) {
	    header.header {
	        position: absolute;
	    }
	    header.header1,
	    header.header2,
	    header.header2>.container,
	    header.header3,
	    header.header4 {
	        height: 60px;
	        line-height: 60px;
	        z-index: 9;
	    }
	    header.test-demo {
	        position: fixed;
	        top: 0;
	        left: 0;
	    }
	}

	/* 头部七 */

	.ipusher #header #headSHBtn i {
	    font-size: 18px;
	    margin-top: 12px;
	}

	.ipusher.open #header {
	    transform: translate3d(350px, 0, 0);
	    -webkit-transform: translate3d(350px, 0, 0);
	    -moz-transform: translate3d(350px, 0, 0);
	    -o-transform: translate3d(350px, 0, 0);
	}

	.ipusher #header .content {
	    padding: 0
	}

	.ipusher #header ul li.navitem ul.subnav li a:hover {
	    text-indent: 0px;
	}

	#header.index_nav ul li.navitem ul.subnav {
	    transition: all 0.3s ease-out 0s;
	    position: absolute;
	    width: 210px;
	    border-top: #838383 3px solid;
	    opacity: 0;
	    visibility: hidden;
	    transform: translate3d(0px, 10px, 0px);
	    -moz-transform: translate3d(0px, 10px, 0px);
	    -webkit-transform: translate3d(0px, 10px, 0px);
	}

	#header.index_nav ul li.navitem:hover ul.subnav {
	    opacity: 1;
	    visibility: visible;
	    transform: translate3d(0px, 0px, 0px);
	    -moz-transform: translate3d(0px, 0px, 0px);
	    -webkit-transform: translate3d(0px, 0px, 0px);
	}

	#header.index_nav ul li.navitem a.active,
	#header ul li.navitem:hover a {
	    color: #838383
	}

	#header.index_nav ul li.navitem ul.subnav li a {
	    padding: 14px 30px;
	    line-height: 20px;
	    display: block;
	    font-size: 12px;
	}

	#header.index_nav ul li.navitem ul.subnav li a i {
	    float: right;
	    margin-top: 5px;
	    transition: all ease-out .2s;
	    opacity: 0
	}

	#header.index_nav ul li.navitem ul.subnav li a:hover {
	    text-indent: 10px;
	    background: rgba(0, 0, 0, 1);
	    color: #fff
	}

	#header.index_nav ul li.navitem ul.subnav li a:hover i {
	    opacity: 1
	}

	#headSHBtn {
	    display: none;
	    width: 40px;
	    height: 40px;
	    background: #000;
	    line-height: 40px;
	    text-align: center;
	    color: #fff;
	    position: absolute;
	    top: 0;
	    right: -40px
	}

	/* 导航 */

	.ipusher.open #header #headSHBtn {
	    margin-left: 400px;
	}

	.ipusher.open #header #headSHBtn:hover {
	    background-color: #262626;
	}

	.ipusher.open #header #headSHBtn i::before {
	    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.ipusher #header #headSHBtn i {
	    font-size: 17px;
	    margin-top: 17px;
	    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.ipusher #header #headSHBtn:hover i {
	    color: #fff;
	    transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	}

	.ipusher.open #header #headSHBtn:hover i {
	    color: #fff;
	    transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	}

	#headSHBtn {
	    display: block;
	    left: -70px;
	    top: 20px;
	    color: #dedede;
	    background: transparent;
	    width: 50px;
	    height: 50px;
	    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	#headSHBtn:hover {
	    background-color: #4b4b4b;
	}

	.ipusher #header ul li.navitem ul.subnav {
	    margin: -648px 0px 0px;
	    height: 2000px;
	    background-color: #fff;
	    overflow: hidden;
	    padding-top: 645px;
	    right: 100%;
	    left: auto;
	    z-index: -99;
	    box-shadow: -4px 2px 6px rgba(0, 0, 0, 0.03);
	    top: 0;
	}

	.ipusher #header .content {
	    padding-top: 100px;
	    background-color: #fff;
	    padding-bottom: 1000px;
	    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
	}

	#logoClone {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 98;
	    width: 100%;
	    height: 40px;
	}

	#logoClone .p_img {
	    margin: 20px 30px;
	    float: none
	}

	.ipusher #header {
	    width: 400px;
	    left: auto;
	    right: -400px;
	    position: fixed;
	    z-index: 999999;
	    height: 100%;
	    padding: 0;
	    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	    font-size: 14px;
	}

	.ipusher.open #header {
	    transform: translate3d(-400px, 0, 0);
	    -webkit-transform: translate3d(-400px, 0, 0);
	    -moz-transform: translate3d(-400px, 0, 0);
	    -o-transform: translate3d(-400px, 0, 0);
	}

	.ipusher #header #logo {
	    margin: 30px 0;
	    display: none;
	    width: 100%;
	    float: none;
	    height: 40px;
	}

	.ipusher #header #logo img {
	    margin-left: 60px;
	    height: 34px;
	    float: none;
	    margin: 0 auto;
	    display: block;
	}

	.ipusher #header ul li.navitem {
	    text-align: left;
	    border-top: 1px solid #F5F5F5;
	    padding: 0 50px 0;
	    line-height: 60px;
	    width: 100%;
	    height: 60px;
	    float: left;
	    position: relative;
	}

	.ipusher #header ul li.navitem:hover {
	    background: #f8f8f8;
	    cursor: pointer;
	}

	.ipusher #header ul li.navitem:hover a {
	    color: #000;
	}

	#header.index_nav ul li.navitem a {
	    color: #666;
	    font-size: 13px;
	    display: block;
	    transition: none ease-out .3s;
	    transition-property: color, background, text-indent, opacity;
	}

	#header.index_nav ul li.navitem a.active,
	#header ul li.navitem:hover a {
	    color: #666;
	}

	.ipusher #header ul li.navitem ul.subnav li a {
	    color: #777;
	    background: #fff;
	}

	.ipusher #header ul li.navitem ul.subnav li a:hover {
	    background: #fff;
	    color: #333;
	    text-indent: 10px;
	}

	#header.index_nav ul li.navitem ul.subnav li {
	    border-bottom: 1px solid rgba(0, 0, 0, .05);
	    text-align: unset;
	    border-top: none;
	    padding: 0;
	    line-height: unset;
	    height: auto;
	}

	#header.index_nav ul li.navitem ul.subnav li:last-child {
	    border-bottom: none;
	}

	.navitem-has-children>a {
	    display: inline-block !important;
	}

	.navitem-has-children:after {
	    display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    transform: translate(0, 0);
	    margin-left: 10px;
	    content: "\f107";
	}

	/* 首页头部导航 */

	#headSHBtn i {
	    display: none;
	}

	#headSHBtn:after {
	    content: '';
	    display: block;
	    width: 20px;
	    height: 2px;
	    background: #999;
	    position: absolute;
	    top: 28px;
	    left: 15px;
	    transition: all 0.3s ease-out 0s;
	}

	#headSHBtn:before {
	    content: '';
	    display: block;
	    width: 20px;
	    height: 2px;
	    background: #999;
	    position: absolute;
	    top: 18px;
	    left: 15px;
	    transition: all 0.3s ease-out 0s;
	}

	.ipusher.open #headSHBtn {
	    background-color: #4a4a4a;
	}

	.ipusher.open #headSHBtn:after {
	    transform: rotate(45deg);
	    top: 25px;
	    background: #fff;
	}

	.ipusher.open #headSHBtn:before {
	    transform: rotate(-45deg);
	    top: 25px;
	    background: #fff;
	}

	ul {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}

	.clear {
	    clear: both;
	}

	/* 修改 */

	/* .ipusher #header .dis-n{ display:none; }
		.ipusher #header ul li.navitem-has-children:hover .dis-n{ display:block; }
		.ipusher #header ul li .nav2{float: left;position: relative;}
		.ipusher #header ul li.navitem-has-children:hover{height: auto;}
		.ipusher #header ul li.navitem2 {text-align: left;border-top: 1px solid #F5F5F5;padding:0 50px 0 50px;width: 100%;float: left;position: relative;} */

	@media (min-width:768px) {
	    #headSHBtn:hover::after {
	        transform: rotate(45deg);
	        top: 25px;
	        background: #fff;
	    }
	    #headSHBtn:hover::before {
	        transform: rotate(-45deg);
	        top: 25px;
	        background: #fff;
	    }
	}

	@media only screen and (max-width: 767px) {
	    .ipusher.open #header {
	        transform: translateX(-160px);
	    }
	    .ipusher.open #header #headSHBtn {
	        margin-left: 160px;
	        background: none;
	    }
	    .ipusher.open #header #headSHBtn:hover {
	        background: none;
	    }
	    #headSHBtn {
	        top: 0;
	        left: -50px;
	    }
	    #headSHBtn:hover {
	        background: none;
	    }
	    .ipusher.open #headSHBtn:before,
	    .ipusher.open #headSHBtn:after {
	        background: #999;
	    }
	    .ipusher #header ul li.navitem ul.subnav {
	        width: 140px;
	    }
	    #headSHBtn:hover:before,
	    #headSHBtn:hover:after {
	        background: #999;
	    }
	    #logoClone {
	        background: #fff;
	        height: 50px;
	        padding-left: 15px;
	        box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px;
	    }
	    #logoClone .m_img {
	        height: 23px;
	        margin: 0;
	        margin-top: 12px;
	    }
	}

	/*移动端导航页面（隐藏）*/

	/*导航*/

	.menuBtn {
	    position: absolute;
	    right: 0;
	    top: 18px;
	    padding-top: 5px;
	    margin-right: 5px;
	    z-index: 99;
	    width: 24px;
	    height: 24px;
	    cursor: pointer;
	    transition: .3s;
	    -ms-transition: .3s;
	    -moz-transition: .3s;
	    -webkit-transition: .3s;
	    -o-transition: .3s;
	    /*overflow: hidden;*/
	}

	.menuBtn b {
	    display: block;
	    /*margin: 6px 0;*/
	    height: 1px;
	    border-radius: 3px;
	    background-color: #1e1e1e;
	    transition: transform 1s ease;
	    -ms-transition: transform 1s ease;
	    -moz-transition: transform 1s ease;
	    -webkit-transition: transform 1s ease;
	    -o-transition: transform 1s ease
	}

	header.header4 .menuBtn b {
	    background-color: #fff;
	}

	.menuBtn b:nth-child(2) {
	    margin: 6px 0;
	}

	.menuBtn.on b {
	    display: none;
	    margin: 0;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    width: 24px;
	    /*background-color:#fff*/
	}

	.menuBtn.on b:first-child {
	    display: block;
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg)
	}

	.menuBtn.on b:last-child {
	    display: block;
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg)
	}

	/*面板*/

	#m-nav {
	    position: fixed;
	    bottom: 0;
	    right: 0;
	    width: 80%;
	    height: 100%;
	    z-index: -1;
	    -webkit-transition: transform 0.4s ease;
	    -o-transition: transform 0.4s ease;
	    transition: transform 0.4s ease;
	    overflow: hidden;
	    -webkit-transform: translate3d(50%, 0, 0);
	    -ms-transform: translate3d(50%, 0, 0);
	    -o-transform: translate3d(50%, 0, 0);
	    transform: translate3d(50%, 0, 0);
	}

	#m-nav::before {
	    content: "";
	    display: block;
	    width: 20px;
	    height: 100%;
	    position: relative;
	    left: -20px;
	    top: 0;
	    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.a4);
	    z-index: 3;
	}

	#m-nav.m-open {
	    -webkit-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    -o-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    z-index: 99;
	}

	#m-nav section {
	    -webkit-transform: translate3d(100%, 0, 0);
	    -ms-transform: translate3d(100%, 0, 0);
	    -o-transform: translate3d(100%, 0, 0);
	    transform: translate3d(100%, 0, 0);
	    -webkit-transition: transform .6s ease;
	    -o-transition: transform .6s ease;
	    transition: transform .6s ease;
	}

	#m-nav section.mm-page {
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 0px;
	    background: inherit;
	    -webkit-overflow-scrolling: touch;
	    overflow: scroll;
	    overflow-x: hidden;
	    overflow-y: auto;
	    box-sizing: border-box;
	    padding-top: 40px;
	    z-index: 0;
	}

	#m-nav section.mm-page.mm-opened {
	    -webkit-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    -o-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    z-index: 1;
	}

	#m-nav section.mm-page ul.list-group>li {
	    padding: 0;
	}

	#m-nav section.mm-page ul.list-group>li>a {
	    display: block;
	    padding: 14px 30px;
	    color: #555;
	    -webkit-transform: all 0.3s;
	    -ms-transform: all 0.3s;
	    -o-transform: all 0.3s;
	    transform: all 0.3s;
	}

	#m-nav section.mm-page.mm-opened ul.list-group>li.active,
	#m-nav section.mm-page.mm-opened ul.list-group>li:hover,
	#m-nav section.mm-page.mm-opened ul.list-group>li:focus,
	#m-nav section.mm-page.mm-opened ul.list-group>li.active>a,
	#m-nav section.mm-page.mm-opened ul.list-group>li:hover>a,
	#m-nav section.mm-page.mm-opened ul.list-group>li:focus>a {
	    background-color: #f9f9f9;
	    color: #0a8;
	}

	/* 手机端语言下拉的样式 */

	.lang_moblie {
	    position: absolute;
	    right: 4rem;
	    top: 18px;
	    padding-top: 5px;
	    margin-right: 5px;
	    z-index: 99;
	}

	.lang_moblie .lang-none {
	    display: none !important;
	    opacity: 0 !important;
	}

	.lang_moblie .lang-box {
	    right: 10px;
	    margin-top: 10px;
	    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
	}

	.lang_moblie .lang-box:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    border-width: 6px 6px;
	    border-color: transparent transparent #fff;
	    border-style: solid;
	    position: absolute;
	    top: -12px;
	}

	.lang_moblie .lang-list {
	    border-radius: 10px;
	}

	.lang_moblie .lang-list li {
	    padding: 8px 10px;
	}

	.lang_moblie .lang-list li:hover {
	    background-color: #f5f5f5;
	}

	.lang_moblie .lang-list li:last-child:hover {
	    border-radius: 0 0 10px 10px;
	}

	/* 箭头旋转角度 */

	.i-down {
	    transform: rotate(0deg) !important;
	    -ms-transform: rotate(0deg) !important;
	    -moz-transform: rotate(0deg) !important;
	    -webkit-transform: rotate(0deg) !important;
	    -o-transform: rotate(0deg) !important;
	}

	.i-up {
	    transform: rotate(180deg) !important;
	    -ms-transform: rotate(180deg) !important;
	    -moz-transform: rotate(180deg) !important;
	    -webkit-transform: rotate(180deg) !important;
	    -o-transform: rotate(180deg) !important;
	}

	/*网站主体页面*/

	.m-body {
	    z-index: 2000;
	    -webkit-transition: transform 0.4s ease;
	    -o-transition: transform 0.4s ease;
	    transition: transform 0.4s ease;
	}

	.m-body.m-move {
	    -webkit-transform: translateX(-80%);
	    -ms-transform: translateX(-80%);
	    -o-transform: translateX(-80%);
	    transform: translateX(-80%);
	    z-index: 1;
	    overflow: hidden;
	}

	/*移动端蒙版*/

	.m-body .mol-mask {
	    display: block;
	    visibility: hidden;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.2);
	    -webkit-transition: all 0.36s;
	    -o-transition: all 0.36s;
	    transition: all 0.36s;
	    z-index: 8;
	}

	/*顶部导航不设置溢出隐藏*/

	header.header.m-body.m-move {
	    overflow: visible;
	}

	/*首页轮播*/

	.index_banner {
	    overflow: hidden;
	}

	.index_banner .swiper-container .swiper-pagination-bullets>.swiper-pagination-bullet {
	    background-color: rgba(255, 255, 255, 0);
	    border: 2px solid #fff;
	    width: 14px;
	    height: 14px;
	    opacity: 1;
	}

	.index_banner .swiper-container .swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
	    background-color: #fff;
	}

	/*前进后退按钮*/

	.index_banner .swiper-button-prev {
	    left: 40px;
	}

	.index_banner .swiper-button-next {
	    right: 40px;
	}

	.index_banner .opacity-m-large {
	    opacity: 0.3;
	}

	.index_banner .opacity-m-large:hover {
	    opacity: 1;
	}

	/*缩小动画*/

	.index_banner .swiper-container.zoom .swiper-slide.swiper-slide-active .banner_scale {
	    height: 100%;
	    -webkit-animation: mymove 7s;
	    -o-animation: mymove 7s;
	    animation: mymove 7s;
	}

	@keyframes mymove {
	    from {
	        transform: scale(1.08);
	    }
	    to {
	        transform: scale(1.0);
	    }
	}

	@-o-keyframes mymove {
	    /*Safari and Chrome*/
	    from {
	        transform: scale(1.08);
	    }
	    to {
	        transform: scale(1.0);
	    }
	}

	@-webkit-keyframes mymove {
	    /*Safari and Chrome*/
	    from {
	        transform: scale(1.08);
	    }
	    to {
	        transform: scale(1.0);
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {}

	/* banner五 */

	/* banner五—二 */

	@media(min-width:768px) {
	    .old-num {
	        width: 350px;
	        height: 350px;
	    }
	}

	.old-num .title {
	    width: 100%;
	    display: table;
	    height: 50px;
	    line-height: 50px;
	}

	.old-num .title a {
	    width: 50%;
	    float: left;
	    text-align: center;
	    color: #333;
	    font-size: 18px;
	}

	.old-num {
	    z-index: 2;
	    left: 10%;
	    background: #FFF;
	}

	.old-num .con-txt {
	    width: 90%;
	    margin: 0 auto;
	    display: table;
	    margin-top: 15px;
	}

	.old-num .con-txt textarea.input {
	    border: 1px solid #333333;
	}

	.old-num .con-txt .row5:first-child {
	    padding-right: 15px;
	}

	.old-num .con-txt .row5:last-child {
	    padding-left: 15px;
	}

	.old-num .con-txt a {
	    cursor: pointer;
	}

	.old-num .con-txt .row5 a:hover {
	    color: #fff;
	}

	.old-num a:hover {
	    color: none;
	}

	.numhover {
	    background: #1d2088;
	    color: #ffffff !important;
	}

	.zkbutton {
	    width: 100%;
	    height: 45px;
	    margin: 0 auto;
	    display: table;
	    margin-bottom: 15px;
	    background: #1d2088;
	    text-align: center;
	    color: #ffffff;
	    font-size: 16px;
	    line-height: 45px;
	    margin-top: 20px;
	}

	@media(max-width:767px) {
	    .old-num {
	        width: 65%;
	    }
	    .old-num.pos-tc {
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        transform: translate(-50%, -50%);
	        -webkit-transform: translate(-50%, -50%);
	        -moz-transform: translate(-50%, -50%);
	        -ms-transform: translate(-50%, -50%);
	    }
	    textarea.input {
	        height: 80px;
	    }
	    .old-num .title {
	        height: 40px;
	        line-height: 40px;
	    }
	    .zkbutton {
	        height: 35px;
	        line-height: 35px;
	    }
	}

	/* banner六 */

	.bn6 {
	    position: relative;
	    display: block;
	}

	.flex_mid {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.flex_mid::after {
	    content: "";
	    width: 0;
	    height: 100%;
	}

	.ui_hbfb {
	    position: relative;
	    height: 100%;
	}

	.ui_hbfb:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	}

	.ui_bg {
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    overflow: hidden;
	}

	.banner .ui_bg:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 3;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, .2);
	}

	.wrp1 {
	    width: 100%;
	    padding-left: 50px;
	    padding-right: 50px;
	    position: relative;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    margin-bottom: 30px;
	}

	.bn6 .banner,
	.bn6 .banner .ui_bg {
	    height: 100vh;
	    position: relative;
	}

	.bn6 .banner .ui_txt {
	    position: relative;
	    z-index: 5;
	    text-align: center;
	}

	.bn6 .p1 {
	    font-size: 5rem;
	    font-weight: bold;
	}

	.bn6 .p2 {
	    font-size: 2rem;
	    text-transform: uppercase;
	    letter-spacing: 4px;
	    margin-top: 10px;
	}

	.bannerVideo {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 100%;
	    height: auto;
	    min-width: 100%;
	    min-height: 100%;
	    margin-top: -50vh;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    object-fit: cover;
	}

	.mobanner {
	    position: absolute !important;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    display: none;
	}

	.downRoll {
	    position: absolute;
	    bottom: 58px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 3;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 1.4rem;
	}

	.nextPage_bg {
	    bottom: 0;
	    opacity: 0;
	}

	.downRoll .ui_icon {
	    position: absolute;
	    top: 28px;
	    left: 0;
	    right: 0;
	    width: 19px;
	    height: 10px;
	    margin: auto;
	    -webkit-animation: downRoll 1.2s linear infinite;
	    -moz-animation: downRoll 1.2s linear infinite;
	    -o-animation: downRoll 1.2s linear infinite;
	    animation: downRoll 1.2s linear infinite;
	}

	.downRoll .ui_icon:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: -6px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	    -webkit-transform: rotate(135deg);
	    -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    -o-transform: rotate(135deg);
	    transform: rotate(135deg);
	}

	@-webkit-keyframes downRoll {
	    0% {
	        top: 28px;
	    }
	    50% {
	        top: 36px;
	    }
	    100% {
	        top: 28px;
	    }
	}

	@-moz-keyframes downRoll {
	    0% {
	        top: 28px;
	    }
	    50% {
	        top: 36px;
	    }
	    100% {
	        top: 28px;
	    }
	}

	@-o-keyframes downRoll {
	    0% {
	        top: 28px;
	    }
	    50% {
	        top: 36px;
	    }
	    100% {
	        top: 28px;
	    }
	}

	@keyframes downRoll {
	    0% {
	        top: 28px;
	    }
	    50% {
	        top: 36px;
	    }
	    100% {
	        top: 28px;
	    }
	}

	@media (max-width:767px) {
	    .bn6 .banner,
	    .bn6 .banner .ui_bg {
	        height: calc(100vh - 60px);
	    }
	    .bannerVideo {
	        display: none;
	    }
	    .mobanner {
	        display: block;
	    }
	    .bn6 .p1 {
	        font-size: 2.8rem;
	    }
	    .bn6 .p2 {
	        font-size: 2rem;
	    }
	    .wrp1:not(.honor) {
	        padding-left: 30px;
	        padding-right: 30px;
	    }
	}

	/* banner八 */

	/* .bn_e8 .video_h{position: relative;height: 100vh;} */

	.bn_e8 .p1 {
	    font-size: 5rem;
	    font-weight: 500;
	}

	.bn_e8 .p2 {
	    font-size: 6rem;
	    text-transform: uppercase;
	    letter-spacing: 4px;
	    margin-top: 10px;
	}

	.bannerVideo8 {
	    position: absolute;
	    top: 0;
	    left: 50%;
	    width: 100%;
	    height: auto;
	    min-width: 100%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    object-fit: cover;
	}

	.bn_e8 .btn_more {
	    font-size: 1.6rem;
	    padding: 15px 60px;
	    background-color: rgb(255 255 255 / 69%);
	    display: inline-block;
	    margin-top: 30px;
	}

	.bn_e8 .next {
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: 50px;
	    left: 0;
	    z-index: 3;
	    -webkit-animation: line-scale 3s infinite linear;
	    animation: line-scale 3s infinite linear;
	}

	.bn_e8 .next i {
	    font-size: 6rem;
	    color: #fff;
	    cursor: pointer;
	}

	@media (max-width:1023px) {
	    .bn_e8 .p1 {
	        font-size: 2.8rem;
	    }
	    .bn_e8 .p2 {
	        font-size: 2rem;
	    }
	    .bannerVideo8 {
	        display: none;
	    }
	}

	@media screen and (max-width: 1200px) {
	    .bn_e8 .next {
	        display: none;
	    }
	}

	@media (min-width:1220px) {
	    .flex_mid .btn_more {
	        margin-top: 30px;
	    }
	}

	@media (min-width:1420px) {
	    .flex_mid .btn_more {
	        margin-top: 30px;
	    }
	}

	@-webkit-keyframes line-scale {
	    0%,
	    100% {
	        bottom: 50px;
	    }
	    50% {
	        bottom: 35px;
	    }
	}

	@-moz-keyframes line-scale {
	    0%,
	    100% {
	        bottom: 50px;
	    }
	    50% {
	        bottom: 35px;
	    }
	}

	@-o-keyframes line-scale {
	    0%,
	    100% {
	        bottom: 50px;
	    }
	    50% {
	        bottom: 35px;
	    }
	}

	@keyframes line-scale {
	    0%,
	    100% {
	        bottom: 50px;
	    }
	    50% {
	        bottom: 35px;
	    }
	}

	/*内页banner*/

	.pabg_banner {
	    overflow: hidden;
	}

	.pabg_banner .txt-box {
	    padding-left: 90px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	    width: 100%;
	}

	/*.pabg_banner .txt-box>main{}*/

	/*动画图片*/

	.pabg_banner img {
	    width: 100%;
	    height: auto;
	    /*position: absolute;*/
	    top: 0%;
	    left: 0;
	    /*transform: translateY(-50%);*/
	    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	    -webkit-animation: minus 5s 0s ease both infinite;
	    -moz-animation: minus 5s 0s ease both infinite;
	    animation: minus 5s 0s ease both infinite;
	    animation-iteration-count: 1;
	    -webkit-animation-iteration-count: 1;
	}

	@-webkit-keyframes minus {
	    from {
	        -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	        transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	    }
	    to {
	        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	        transform: matrix(1, 0, 0, 1, 0, 0);
	    }
	}

	@keyframes minus {
	    from {
	        -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	        transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	    }
	    to {
	        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	        transform: matrix(1, 0, 0, 1, 0, 0);
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .pabg_banner {
	        height: 200px;
	        overflow: auto;
	    }
	    .pabg_banner img {
	        height: 100%;
	        width: auto;
	    }
	    .pabg_banner .txt-box {
	        padding-left: unset;
	        left: 0;
	        transform: translate(10%, -50%);
	        z-index: 1;
	    }
	    .pabg_banner .txt-box>main {
	        padding-left: 4%;
	    }
	}

	/*内页 左侧导航"+右侧文章*/

	/*全局*/

	.side-nav>.side-nav-list {
	    min-height: 400px;
	}

	.side-nav>.side-nav-list>li {
	    border-bottom: 1px solid #c8c8c8;
	}

	.side-nav>.side-nav-list>li:last-child {
	    border-bottom: none;
	}

	.side-nav>.side-nav-list>li>.header,
	.side-nav.nav3>.side-nav-list>li {
	    border-color: none;
	    border-top: 1px solid rgba(255, 255, 255, 0);
	    border-left: 6px solid rgba(255, 255, 255, 0);
	    border-bottom: 1px solid rgba(255, 255, 255, 0);
	    padding: 0 0 0 44px;
	}

	.side-nav>.side-nav-list>li>.bodyer {
	    display: none;
	    overflow: hidden;
	}

	.side-nav>.side-nav-list>li:hover>.header,
	.side-nav.nav3>.side-nav-list>li:hover {
	    background-color: #e3e3e5;
	    cursor: pointer;
	}

	.side-nav>.side-nav-list>li.active>.header,
	.side-nav.nav3>.side-nav-list>li.active {
	    border-top: 1px solid #c8c8c8;
	    border-bottom: 1px solid #c8c8c8;
	    border-left: 6px solid #0a8;
	    background-color: #e3e3e5;
	    position: relative;
	    color: #0a8;
	    margin-top: -1px;
	}

	.side-nav>.side-nav-list>li.active>.bodyer {
	    display: block;
	}

	/*版本一*/

	.side-nav.nav1 li>.bodyer>li {
	    background: url()no-repeat 15% center;
	}

	.side-nav.nav1 li>.bodyer>li>a {
	    display: block;
	    clear: both;
	    color: #555;
	    padding-left: 78px;
	    position: relative;
	}

	.side-nav.nav1 li>.bodyer>li:hover>a,
	.side-nav.nav1>.side-nav-list>li>.bodyer>li.active>a {
	    padding-left: 80px;
	}

	.side-nav.nav1 li>.bodyer>li>a>.point {
	    display: block;
	    position: absolute;
	    width: 6px;
	    height: 6px;
	    background-color: rgba(0, 170, 136, 1);
	    top: 50%;
	    left: 14%;
	    transform: translateY(-50%);
	    border-radius: 100%;
	    opacity: 0;
	}

	.side-nav.nav1 li>.bodyer>li:hover>a>.point,
	.side-nav.nav1 li>.bodyer>li.active>a>.point {
	    left: 16%;
	    opacity: 1;
	    background-color: rgba(0, 170, 136, 1);
	}

	.side-nav.nav1 li.active>.bodyer>li:hover,
	.side-nav.nav1 li.active>.bodyer>li.active,
	.side-nav.nav1 li.active>.bodyer>li.active2 {
	    background-color: #e9e9e9;
	}

	.side-nav.nav1 li.active>.bodyer>li:hover>a,
	.side-nav.nav1 li.active>.bodyer>li.active>a {
	    color: #0a8;
	}

	.side-nav.nav1 li.active>.bodyer>li:hover>a>i,
	.side-nav.nav1 li.active>.bodyer>li.active>a>i,
	.side-nav.nav1 li.active>.bodyer>li.active2>a>i {
	    opacity: 1
	}

	/*三级菜单*/

	.side-nav.nav1 li>.bodyer2 {
	    display: none;
	    overflow: hidden;
	}

	.side-nav.nav1 li.active>.bodyer2 {
	    display: block;
	}

	.side-nav.nav1 li>.bodyer2>li>a {
	    display: block;
	    padding-left: 70px;
	}

	.side-nav.nav1 li.active>.bodyer2>li:hover,
	.side-nav.nav1 li.active>.bodyer2>li.active {
	    background-color: #fafafa;
	}

	.side-nav.nav1 li.active>.bodyer2>li:hover a,
	.side-nav.nav1 li.active>.bodyer2>li.active a {
	    color: #0a8;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .side-nav+main {
	        padding: 0;
	        margin: 0;
	    }
	    .side-nav+main>main {
	        padding: 0;
	        margin-bottom: 30px;
	    }
	}

	/*移动端二级菜单or三级菜单的选项框*/

	/*内页子菜单*/

	#m-pagenav {
	    position: fixed;
	    top: 100%;
	    z-index: 10;
	    opacity: 0;
	    -webkit-transition: 0.4s ease;
	    -o-transition: 0.4s ease;
	    transition: 0.4s ease;
	}

	#m-pagenav header {
	    padding: 15px 10px;
	}

	#m-pagenav header>span {
	    vertical-align: middle;
	}

	#m-pagenav>ul>li {
	    padding: 0;
	}

	#m-pagenav>ul>li>a {
	    color: #969595;
	    padding: 0 15px;
	    border-bottom: #f0f0f0 1px solid;
	    display: block;
	}

	#m-pagenav>ul>li>a:hover,
	#m-pagenav>ul>li.active>a {
	    color: #0a8;
	    background-color: #f1f1f1;
	}

	/*上下结构二级菜单*/

	/*多图版本一*/

	.side-nav.nav4>.container>.nav>li>a {
	    padding: 5px 20px;
	    text-align: center;
	}

	.side-nav.nav4>.container>.nav>li>a::after {
	    content: "";
	    display: block;
	    width: 0%;
	    height: 2px;
	    position: relative;
	    top: 4px;
	    left: 50%;
	    transform: translateX(-50%);
	    background-color: #0a8;
	    transition: all 0.36s;
	}

	.side-nav.nav4>.container>.nav>li>a:hover::after {
	    width: 90%;
	}

	.side-nav.nav4>.container>.nav>li.active>a::after {
	    width: 100%;
	}

	/*版本二*/

	.side-nav.nav5 {
	    position: absolute;
	    bottom: 0;
	    background: url()no-repeat center center/cover rgba(0, 0, 0, 0.3);
	}

	.side-nav.nav5>div.mask {
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.5);
	}

	.side-nav.nav5>div.container {
	    z-index: 20;
	}

	.side-nav.nav5 .nav>li>a {
	    min-width: 170px;
	    padding: 5px 10px;
	    text-align: center;
	}

	.side-nav.nav5 .nav>li:hover>a,
	.side-nav.nav5 .nav>li.active>a {
	    background-color: #0a8;
	    color: #fff;
	}

	/*文章列表*/

	/*全局*/

	.list-demo .list-div {
	    padding: 18px;
	}

	.list-demo .list-div>a {
	    color: #555;
	}

	.list-demo .list-div>a>.img-box {
	    overflow: hidden;
	}

	.list-demo .list-div>a>main {
	    padding: 16px 25px 20px 25px;
	}

	.list-demo .list-div>a>main h2 {
	    height: 56px;
	    font-size: 1.8rem;
	}

	.list-demo .list-div>a>main p {
	    height: 40px;
	}

	.list-demo .list-div i.i-clock-o {
	    vertical-align: -6%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .list-demo.demo1 .list-div {
	        padding: 10px 0;
	    }
	    .list-demo .list-div>a {
	        margin: 8px 0;
	    }
	    .list-demo .list-div>a>.img-box {
	        /*height: 230px;*/
	        overflow: hidden;
	    }
	}

	/*一行多列*/

	/*动效一*/

	.list-demo.demo1 .list-div>a>main h2 {
	    height: 50px;
	}

	.list-demo.demo1>ul {
	    margin: 0 -18px;
	}

	@media (max-width: 1023px) {
	    .list-demo.demo1>ul {
	        margin: 0;
	    }
	    ;
	}

	.list-demo.demo1 .list-div.anima1>a:hover>main {
	    background-color: #0a8;
	    color: #fff;
	}

	.list-demo.demo1 .list-div.anima1>a>main span {
	    color: #999;
	}

	.list-demo.demo1 .list-div.anima1>a:hover>main span {
	    opacity: 0;
	}

	.list-demo.demo1 .list-div.anima1>a>main i.i-long-arrow-right {
	    color: #fff;
	    position: absolute;
	    left: 0;
	}

	.list-demo.demo1 .list-div.anima1>a:hover>main i.i-long-arrow-right {
	    left: 25px;
	    opacity: 1;
	}

	.list-demo.demo1 .list-div.anima1>a:hover>main h2,
	.list-demo.demo1 .list-div.anima1>a:hover>main p {
	    color: #fff;
	}

	/*动效二*/

	.list-demo.demo1 .list-div.anima2>a:hover>main {
	    box-shadow: 2px 0 1px -2px #aaa inset, -2px 0 1px -2px #aaa inset;
	}

	.list-demo.demo1 .list-div.anima2>a>main i.i-long-arrow-right {
	    position: absolute;
	    left: 0;
	    color: #999
	}

	.list-demo.demo1 .list-div.anima2>a:hover>main h2 {
	    color: #0a8;
	}

	.list-demo.demo1 .list-div.anima2>a>main span {
	    color: #999;
	}

	.list-demo.demo1 .list-div.anima2>a:hover>main span {
	    opacity: 0;
	}

	.list-demo.demo1 .list-div.anima2>a:hover>main i.i-long-arrow-right {
	    left: 25px;
	    opacity: 1;
	}

	.list-demo.demo1 .list-div.anima2>a .move-line1 {
	    position: relative;
	    width: 0;
	    height: 2px;
	    top: -2px;
	    background-color: #0a8;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.list-demo.demo1 .list-div.anima2>a:hover .move-line1,
	.list-demo.demo1 .list-div.anima2>a:hover .move-line2 {
	    width: 100%;
	}

	.list-demo.demo1 .list-div.anima2>a .move-line2 {
	    position: relative;
	    width: 0;
	    height: 2px;
	    top: -2px;
	    background-color: #0a8;
	}

	/*整行*/

	.list-demo.demo2 .list-div:hover {
	    background-color: #f5f5f5;
	}

	.list-demo.demo2 .list-div>a {
	    display: block;
	    color: #555;
	    margin: 0;
	}

	.list-demo.demo2 .list-div>a>.img-box {
	    /*height: 230px;*/
	    background: url()no-repeat center center/cover #fff;
	    overflow: hidden;
	    margin-right: 30px;
	}

	.list-demo.demo2 .list-div:hover>a>h2 {
	    color: #0a8;
	}

	.list-demo.demo2 .list-div>a>p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    height: 115px;
	    overflow: hidden;
	    color: #999;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .list-demo.demo2 .list-div {
	        padding: 0;
	        margin-bottom: 20px;
	        /*border: 1px solid #d5d5d5;*/
	    }
	    .list-demo.demo2 .list-div>a>.img-box {
	        margin-right: 0;
	    }
	    .list-demo.demo2 .list-div>a>h2.mg-bottom-b {
	        margin-bottom: 6px;
	    }
	    .list-demo.demo2 .list-div>a>p {
	        line-height: 24px;
	        height: 100px;
	    }
	}

	/*一图多列*/

	.list-demo.demo3 .top-div>a>.img-box {
	    height: 330px;
	    overflow: hidden;
	    margin-right: 50px;
	}

	.list-demo.demo3 .top-div>a>.img-box>div>img {
	    width: 100%;
	}

	.list-demo.demo3 .top-div:hover>a>.img-box>div>img {
	    transform: scale(1.08);
	    vertical-align: middle;
	}

	.list-demo.demo3 .top-div>a>h1 {
	    padding-top: 50px;
	}

	.list-demo.demo3 .top-div>a>p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	    height: 115px;
	    overflow: hidden;
	    text-align: justify;
	}

	.list-demo.demo3 .top-div:hover>a>h1 {
	    color: #0a8;
	}

	.list-demo.demo3 ul.list>li {
	    border-bottom: 1px dashed #acacac;
	}

	.list-demo.demo3 ul.list>li:last-child {
	    border-bottom: none;
	}

	.list-demo.demo3 ul.list>li>a {
	    color: #555;
	    display: block;
	}

	.list-demo.demo3 ul.list>li:hover {
	    background-color: #f5f5f5;
	}

	.list-demo.demo3 ul.list>li:hover>a span {
	    color: #0a8;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .list-demo.demo3 .top-div {
	        padding: 10px;
	    }
	    .list-demo.demo3 .top-div>a>.img-box {
	        margin: 0;
	        padding: 0;
	        height: auto;
	    }
	    .list-demo.demo3 .top-div>a>h1 {
	        padding-top: 10px;
	        font-size: 2rem;
	    }
	    .list-demo.demo3 .top-div>a>p {
	        padding: 0;
	        height: 80px;
	    }
	    .list-demo.demo3 .top-div>a>span {
	        padding: 10px 0;
	    }
	    .list-demo.demo3 ul.list {
	        padding: 5px 15px;
	    }
	    .list-demo.demo3 ul.list>li {
	        padding: 0;
	    }
	    .list-demo.demo3 ul.list>li div.i-angle-right {
	        padding-right: 10px;
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .list-demo.demo3 .top-div {
	        padding: 10px;
	    }
	    .list-demo.demo3 .top-div>a>.img-box {
	        margin: 0;
	        padding: 0;
	        /*height: 240px;*/
	    }
	    .list-demo.demo3 .top-div>a>h1 {
	        padding-top: 10px;
	        font-size: 2rem;
	    }
	    .list-demo.demo3 .top-div>a>p {
	        padding: 0;
	        height: 80px;
	    }
	    .list-demo.demo3 .top-div>a>span {
	        padding: 10px 0;
	    }
	    .list-demo.demo3 ul.list {
	        padding: 5px 15px;
	    }
	    .list-demo.demo3 ul.list>li {
	        padding: 0;
	    }
	    .list-demo.demo3 ul.list>li div.i-angle-right {
	        padding-right: 10px;
	    }
	}

	/* 新闻L06XW */

	.list-demo.demo6 .txt {
	    color: #000000;
	}

	.list-demo.demo6 .txt time {
	    font-size: 1.4rem;
	}

	.list-demo.demo6 .txt h2 {
	    font-size: 1.8rem;
	}

	.list-demo.demo6 .txt .more_btn {
	    display: flex;
	    align-items: center;
	}

	.list-demo.demo6 .txt .more_btn>span {
	    padding-right: 8px;
	}

	@media (min-width:1024px) {
	    .list-demo.demo6 .txt {
	        padding-bottom: 80px;
	    }
	    .list-demo.demo6 .txt>span {
	        padding: 30px 0 20px 0;
	    }
	    .list-demo.demo6 .txt h2 {
	        font-size: 2.4rem;
	    }
	}

	/*分页*/

	.pagedemo.pagination ul {
	    margin-right: 3px;
	}

	.pagedemo.pagination ul:last-child {
	    margin-right: 0;
	}

	.pagedemo.pagination li>a {
	    border: 1px solid #f7f7f7;
	    border-radius: 0;
	    padding: 10px 15px;
	    background-color: #f7f7f7;
	    min-width: 40px;
	}

	.pagedemo.pagination li:hover>a,
	.pagedemo.pagination li.active>a {
	    background-color: #073d69;
	    color: #fff;
	}

	.pagedemo.pagination li>a.select-input {
	    background: #fff;
	    width: 70px;
	    border: 1px solid #eeeeee;
	}

	.pagedemo.pagination li:hover>a.select-input {
	    color: #999;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .pagedemo.pagination li>a {
	        padding: 5px;
	        min-width: 32px;
	    }
	}

	/*文章详情*/

	.text-demo.demo1 i.i-angle {
	    vertical-align: -8%;
	}

	.text-demo.demo1 .xb20 h2 {
	    font-size: 1.6rem;
	    margin-bottom: 8px;
	}

	.text-demo.demo1 .xb20>ul>li {
	    line-height: 26px;
	}

	.text-demo.demo1 .xb20>ul>li>a {
	    color: #999;
	    display: inline-block;
	    width: 100%
	}

	.text-demo.demo1 .xb20>ul>li:hover>a {
	    color: #0a8;
	}

	.text-demo.demo1 .xb20>ul>li div {
	    width: 6px;
	    height: 6px;
	    background: #999;
	}

	.text-demo.demo1 .xb20>ul>li:hover div {
	    background-color: #0a8;
	}

	.pagination>.nav a {
	    font-size: 1.6rem;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .text-demo.demo1 .xb80 {
	        padding: 0;
	    }
	    .text-demo.demo1 .xb80>h1 {
	        font-size: 2rem;
	    }
	    .text-demo.demo1 .xb80>p {
	        margin: 10px 0;
	        padding-bottom: 10px;
	    }
	    .text-demo.demo1 .xb80>div {
	        padding: 10px;
	    }
	    .text-demo.demo1 .xb20 {
	        margin: 0;
	        padding: 30px 0 0 0;
	    }
	}

	/*文章详情三*/

	.text-demo.demo3 .left_one,
	.text-demo.demo3 .left_two,
	.text-demo.demo3 .left_three,
	.text-demo.demo3 .left_four {
	    width: 100%;
	    display: block;
	    border-bottom: 1px #dddddd solid;
	    color: #555;
	    padding: 0 0 4px 0;
	}

	.text-demo.demo3 .left_one h1 {
	    font-size: 24px;
	    margin: 0;
	    color: #000;
	    line-height: 28px;
	}

	.text-demo.demo3 .left_one p {
	    font-size: 16px;
	    margin: 8px 0 15px;
	}

	.text-demo.demo3 .left_two p {
	    margin: 20px 0 20px 0;
	    font-size: 12px;
	    line-height: 22px;
	}

	.text-demo.demo3 .left_three p {
	    font-size: 16px;
	    margin: 0;
	    padding: 20px 0 20px 0;
	}

	.text-demo.demo3 .left_four .share {
	    float: left;
	    text-align: left;
	    vertical-align: middle;
	    font-size: 16px;
	    padding: 20px 0 20px 0;
	}

	.left_four .share_list {
	    position: relative;
	    margin: 0;
	}

	.left_four .share_list i {
	    font-size: 18px;
	    color: #bbb;
	}

	.left_four .share_list i:hover {
	    color: #777;
	}

	.left_four .share_list li {
	    float: left;
	    margin: 0 10px;
	    padding-top: 20px;
	}

	.left_four .share_list .wx_ewm {
	    width: 160px;
	    height: 160px;
	    position: absolute;
	    z-index: 9999;
	    background: #000;
	    display: none;
	    top: -164px;
	    left: 0px;
	}

	.left_four .share_list .code_img {
	    position: absolute;
	    width: 150px;
	    height: 150px;
	    left: 6px;
	    top: 5px;
	}

	.left_four .share_list .wx_ewm em {
	    display: block;
	    width: 0;
	    height: 0;
	    border-width: 15px 15px 0 0;
	    border-style: solid;
	    border-color: #fff transparent transparent #fff;
	    margin: 160px 70px 0;
	    border-color: #000 transparent transparent #000;
	}

	.text-demo.demo3 img {
	    width: 100%;
	}

	.text-demo.demo3 .left_five {
	    width: 174px;
	    height: 42px;
	    margin: 15px 0 0 2px;
	    cursor: pointer;
	    line-height: 42px;
	    font-size: 18px;
	}

	.text-demo.demo3 .bg-clr {
	    width: 174px;
	    height: 43px;
	    display: block;
	    position: absolute;
	    z-index: 0;
	    margin-left: 1px;
	}

	.text-demo.demo3 .david-roll-wrap:hover .bg-clr {
	    background: #888888;
	    -webkit-animation: pulse 0.5s;
	    -moz-animation: pulse 0.5s;
	    -ms-animation: pulse 0.5s;
	    transition: opacity 500ms linear;
	}

	.david-roll-surface {
	    position: absolute;
	    width: 174px;
	    left: 0;
	    height: 42px;
	    border: 1px solid #888888;
	    text-align: center;
	}

	.text-demo.demo3 .david-roll-wrap:hover .david-roll-surface a {
	    color: #fff;
	}

	@-webkit-keyframes pulse {
	    0% {
	        width: 0;
	    }
	    100% {
	        width: 100%;
	    }
	}

	@-moz-keyframes pulse {
	    0% {
	        width: 0;
	    }
	    100% {
	        width: 100%;
	    }
	}

	@-ms-keyframes pulse {
	    0% {
	        width: 0;
	    }
	    100% {
	        width: 100%;
	    }
	}

	@keyframes pulse {
	    0% {
	        width: 0;
	    }
	    100% {
	        width: 100%;
	    }
	}

	/*产品模型+产品及服务*/

	/*一行多列*/

	.product-demo.demo1>ul {
	    margin: 0 -18px;
	}

	.product-demo.demo1 .list-div>a {
	    margin: 18px;
	}

	.product-demo.demo1 .list-div i.i-clock-o {
	    vertical-align: -6%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo1>ul {
	        margin: 0;
	    }
	    .product-demo.demo1 .list-div>a {
	        margin: 0;
	    }
	    .product-demo.demo1 .list-div>a>.img-box {
	        /*height: 240px;*/
	        margin-top: 20px;
	    }
	    .product-demo.demo1 .list-div:first-child>a>.img-box {
	        margin: 0;
	    }
	}

	/*整行*/

	.product-demo.demo2 .list-div:first-child {
	    margin-top: 0;
	}

	.product-demo.demo2 .list-div:hover {
	    background-color: #f5f5f5;
	}

	.product-demo.demo2 .list-div>a p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    height: 130px;
	    overflow: hidden;
	    color: #999;
	}

	.product-demo.demo2 .list-div>a span>button {
	    padding: 7px 30px;
	}

	.product-demo.demo2 .list-div:hover>a h1 {
	    color: #0a8;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo2 .list-div {
	        padding: 0;
	        margin-bottom: 50px;
	    }
	    .product-demo.demo2 .list-div>a>.img-box {
	        margin: 0;
	        height: 250px;
	    }
	    .product-demo.demo2 .list-div>a>p {
	        font-size: 1.4rem;
	        height: 100px;
	        margin-top: 0;
	    }
	}

	/* 产品及服务一——图片集 */

	.product-demo.demo3 .xb4::after {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    content: "";
	    transition: .36s ease;
	    opacity: 0;
	    background-color: rgba(0, 0, 0, .54);
	    cursor: pointer;
	}

	.product-demo.demo3 .xb4:hover::after {
	    opacity: 1;
	}

	.product-demo.demo3 .xb4>span {
	    width: 44px;
	    height: 44px;
	    top: 20%;
	}

	.product-demo.demo3 .xb4>h3,
	.product-demo.demo3 .xb4>p {
	    top: 65%;
	}

	.product-demo.demo3 .xb4>h3,
	.product-demo.demo3 .xb4>p {
	    top: 65%;
	}

	.product-demo.demo3 .xb4>span,
	.product-demo.demo3 .xb4>h3,
	.product-demo.demo3 .xb4>p {
	    left: 50%;
	    transform: translateX(-50%);
	}

	.product-demo.demo3 .xb4>span::before {
	    width: 2px;
	    height: 16px;
	}

	.product-demo.demo3 .xb4>span::after {
	    height: 2px;
	    width: 16px;
	}

	.product-demo.demo3 .xb4>span::before,
	.product-demo.demo3 .xb4>span::after {
	    display: block;
	    position: absolute;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    left: 50%;
	    content: "";
	    transition: all .36s ease;
	    background-color: #fff;
	}

	.product-demo.demo3 .xb4:hover>span {
	    top: 25%;
	}

	.product-demo.demo3 .xb4:hover>h3 {
	    top: 58%;
	    color: #0a8;
	}

	.product-demo.demo3 .xb4:hover>p {
	    top: 70%;
	}

	.product-demo.demo3 .xb4:hover>span,
	.product-demo.demo3 .xb4:hover>h3,
	.product-demo.demo3 .xb4:hover>p {
	    z-index: 2;
	    opacity: 1;
	}

	.product-demo.demo3 .xb4>span:hover {
	    opacity: 0.8;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo3 main {
	        margin-left: -1%;
	        margin-right: -1%;
	        overflow: none;
	    }
	    .product-demo.demo3 .xb4 {
	        padding: 0 1% 4% 1%;
	    }
	    .product-demo.demo3 .xb4>img {
	        margin-bottom: 6%;
	    }
	    .product-demo.demo3 .xb4:hover>img {
	        -ms-transform: scale(1);
	        -moz-transform: scale(1);
	        -webkit-transform: scale(1);
	        -o-transform: scale(1);
	        transform: scale(1);
	    }
	    .product-demo.demo3 .xb4:hover::after {
	        opacity: 0;
	    }
	    .product-demo.demo3 .xb4>h3,
	    .product-demo.demo3 .xb4>p {
	        position: static;
	        transform: translateX(0);
	        text-align: left;
	        margin: 0;
	        line-height: 2rem;
	        opacity: 1;
	    }
	}

	/* 产品及服务二——产品轮播 */

	.product-demo.demo4 .img-box::before {
	    cursor: pointer;
	    border: 0px solid #0ae;
	    z-index: 1
	}

	.product-demo.demo4 .swiper-slide:hover .img-box::before {
	    border-width: 10px;
	}

	.product-demo.demo4 main {
	    height: 30%;
	    top: 0;
	    z-index: 2;
	}

	.product-demo.demo4 .swiper-slide:hover main {
	    top: 50%;
	    transform: translateY(-50%);
	    opacity: 1;
	}

	.product-demo.demo4 main>span {
	    width: 0%;
	    height: 2px;
	    top: 50%;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.product-demo.demo4 .swiper-slide:hover main>span {
	    width: 6%;
	}

	.product-demo.demo4 .nav-demo.demo2 a>i {
	    background-color: rgba(255, 255, 255, .3);
	    background-image: url(../images/icon.png);
	    border-bottom: 1px solid #3d3d3d;
	}

	.product-demo.demo4 .nav-demo a>i.prev {
	    background-position: 10px -243px;
	}

	.product-demo.demo4 .nav-demo a>i.prev:hover {
	    background-position: 10px -278px;
	    background-color: #3d3d3d;
	}

	.product-demo.demo4 .nav-demo a>i.next {
	    background-position: -37px -243px;
	}

	.product-demo.demo4 .nav-demo a>i.next:hover {
	    background-position: -37px -278px;
	    background-color: #3d3d3d;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo4 .img-box::before {
	        display: none;
	    }
	    .product-demo.demo4 main {
	        position: static;
	        opacity: 1;
	    }
	    .product-demo.demo4 .swiper-slide:hover main {
	        top: 0%;
	        transform: translateY(0%);
	    }
	    .product-demo.demo4 .swiper-slide:hover main>h3 {
	        color: #0a8;
	    }
	    .product-demo.demo4 a {
	        color: #555;
	    }
	}

	/* 产品及服务三 */

	/*.product-demo.demo5 .xb6:hover .absolute>h2{color: #4c4c4c;}*/

	.product-demo.demo5 .absolute.xb5 {
	    bottom: 30%;
	    left: 6%;
	}

	.product-demo.demo5 .absolute.xb40:nth-child(1) {
	    top: 50%;
	    left: 5%;
	    transform: translateY(-50%);
	}

	.product-demo.demo5 .absolute.xb40:nth-child(2) {
	    top: 50%;
	    right: 5%;
	    transform: translateY(-50%);
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo5 img {
	        width: 100%;
	    }
	    .product-demo.demo5 .absolute.xb5 {
	        bottom: 20%;
	        left: 4%;
	        border-left: 1px solid #999;
	    }
	    .product-demo.demo5 .absolute.xb40:nth-child(1) {
	        top: 50%;
	        left: 4%;
	        transform: translateY(-50%);
	    }
	    .product-demo.demo5 .absolute.xb40:nth-child(2) {
	        top: 50%;
	        right: 4%;
	        transform: translateY(-50%);
	    }
	    .product-demo.demo5 .xb6 .absolute>h2 {
	        text-overflow: ellipsis;
	        white-space: nowrap;
	        overflow: hidden;
	        font-size: 1.6rem;
	    }
	    .product-demo.demo5 .xb6 .absolute>p {
	        height: 4rem;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2;
	        -webkit-box-orient: vertical;
	        font-size: 1.3rem;
	    }
	}

	/*产品及服务四--轮播二*/

	/*右侧导航*/

	.product-demo.demo6 .nav>li>a {
	    padding: 8px 18px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    border-bottom: 1px solid rgba(0, 0, 0, 0)
	}

	.product-demo.demo6 .nav>li:hover>a,
	.product-demo.demo6 .nav>li.active>a {
	    border-bottom: 1px solid #464646;
	    color: #464646;
	}

	/*轮播*/

	.product-demo.demo6 .swiper-box {
	    padding: 0 60px;
	}

	.product-demo.demo6 .swiper-slide:hover {
	    transform: translateY(-2%);
	    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	    box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	}

	.product-demo.demo6 .swiper-slide::after {
	    content: "";
	    display: block;
	    position: absolute;
	    bottom: 0;
	    height: 1px;
	    width: 10%;
	    background-color: #b2b2b2;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transition: all 0.6s;
	    -o-transition: all 0.6s;
	    transition: all 0.6s;
	    opacity: 0;
	}

	.product-demo.demo6 .swiper-slide:hover::after {
	    width: 100%;
	    opacity: 1
	}

	.product-demo.demo6 .swiper-slide span {
	    width: 10%;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.product-demo.demo6 .swiper-slide:hover a.btn {
	    opacity: 1;
	    color: #555;
	}

	.product-demo.demo6 .swiper-pagination-bullet {
	    background-color: #a5a5a5;
	    width: 5px;
	    height: 5px;
	}

	.product-demo.demo6 .swiper-pagination-bullet-active {
	    background-color: #464646;
	}

	/*按钮*/

	.product-demo.demo6 .nav-demo {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}

	.product-demo.demo6 .nav-demo.demo2 a>i {
	    background-color: rgba(255, 255, 255, .3);
	    background-image: url(../images/icon.png);
	    border-radius: 100
	}

	.product-demo.demo6 .nav-demo a>i.prev {
	    background-position: 10px -243px;
	    z-index: 2;
	}

	.product-demo.demo6 .nav-demo a>i.prev:hover {
	    background-position: 10px -278px;
	    background-color: #4c4c4c;
	}

	.product-demo.demo6 .nav-demo a>i.next {
	    background-position: -37px -243px;
	    z-index: 2;
	}

	.product-demo.demo6 .nav-demo a>i.next:hover {
	    background-position: -37px -278px;
	    background-color: #4c4c4c;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo6 .swiper-box {
	        padding: 0;
	    }
	    .product-demo.demo6 .swiper-slide::after {
	        display: none;
	        visibility: hidden;
	    }
	    .product-demo.demo6 .swiper-slide:hover {
	        transform: translateY(0);
	        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
	    }
	    .product-demo.demo6 .swiper-slide a.btn {
	        display: none;
	    }
	}

	/* 产品及服务五 */

	/* .product-demo.demo7 .container{padding: 120px 5px;} */

	.product-demo.demo7 .img-scale-box {
	    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px;
	    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px;
	}

	.product-demo.demo7 .bd-after::after {
	    border-color: #e40807;
	}

	.product-demo.demo7 .x6 .absolute {
	    bottom: 0;
	    left: 0;
	}

	.product-demo.demo7 .x6 .absolute h3 {
	    opacity: 0;
	}

	.product-demo.demo7 .x6:hover .absolute h3 {
	    opacity: 1;
	}

	.product-demo.demo7 .x6:hover .absolute {
	    padding-bottom: 10%;
	    /* padding-top: 16%; */
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    /* .product-demo.demo7 .container{padding: 0 0 20px 0;} */
	    .product-demo.demo7 .x6:hover .absolute {
	        padding-bottom: 20px;
	    }
	}

	/* 产品及服务六 */

	.product-demo.demo8 li {
	    margin: 120px 0;
	}

	.product-demo.demo8 li::before {
	    content: "";
	    display: block;
	    width: 34%;
	    height: 56%;
	    border: #adadad 1px solid;
	    position: absolute;
	    top: -30px;
	    left: -30px;
	}

	.product-demo.demo8 li::after {
	    background-color: #bca267;
	    display: block;
	    position: absolute;
	    width: 34%;
	    height: 64%;
	    content: "";
	    left: -30px;
	    bottom: -30px;
	    visibility: visible;
	}

	.product-demo.demo8 li:hover main {
	    padding: 20px 0 10px 0;
	}

	.product-demo.demo8 li h2 {
	    text-overflow: ellipsis;
	    verflow: hidden;
	    white-space: nowrap;
	    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	}

	.product-demo.demo8 li:hover h2 {
	    color: #bca267;
	}

	.product-demo.demo8 li main>span::after {
	    display: block;
	    width: 20px;
	    height: 3px;
	    position: absolute;
	    content: "";
	    left: 0;
	    top: 55px;
	    background-color: #4c4c4c;
	    opacity: 0;
	    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.product-demo.demo8 li:hover main>span::after {
	    top: 40px;
	    opacity: 1;
	}

	.product-demo.demo8 li .absolute {
	    bottom: -38%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo8 ul {
	        margin: 0 -2px;
	    }
	    .product-demo.demo8 li {
	        padding: 0 2px;
	        margin: 5px 0;
	    }
	    .product-demo.demo8 li::before,
	    .product-demo.demo8 li::after {
	        display: none;
	        visibility: hidden;
	    }
	    .product-demo.demo8 li img {
	        width: 100%;
	    }
	    .product-demo.demo8 li main {
	        padding: 10px 8px;
	    }
	    .product-demo.demo8 li:hover main {
	        padding: 10px 8px;
	    }
	    .product-demo.demo8 li main>h2 {
	        font-size: 1.4rem;
	        text-overflow: ellipsis;
	        white-space: nowrap;
	        overflow: hidden;
	    }
	    .product-demo.demo8 li main>span::after {
	        display: none;
	        visibility: hidden;
	    }
	    .product-demo.demo8 li .xb7 {
	        clear: both;
	    }
	}

	/*产品及服务七--轮播三*/

	/*轮播*/

	.product-demo.demo9 .swiper-slide:hover main {
	    padding: 20px 25px;
	}

	.product-demo.demo9 .swiper-slide main::before {
	    content: "";
	    display: block;
	    height: 1px;
	    width: 10%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background-color: #dedede;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    opacity: 0;
	}

	.product-demo.demo9 .swiper-slide:hover main::before {
	    width: 100%;
	    opacity: 1;
	}

	.product-demo.demo9 .swiper-slide:hover main h4 {
	    color: #333;
	}

	.product-demo.demo9 .swiper-slide main p {
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	}

	/*按钮*/

	.product-demo.demo9 .nav-demo.demo2 a>i {
	    background-color: rgba(255, 255, 255, .3);
	    background-image: url(../images/icon.png);
	}

	.product-demo.demo9 .nav-demo a>i.prev {
	    background-position: 10px -243px;
	    z-index: 2;
	}

	.product-demo.demo9 .nav-demo a>i.prev:hover {
	    background-position: 10px -278px;
	    background-color: #4c4c4c;
	}

	.product-demo.demo9 .nav-demo a>i.next {
	    background-position: -37px -243px;
	    z-index: 2;
	}

	.product-demo.demo9 .nav-demo a>i.next:hover {
	    background-position: -37px -278px;
	    background-color: #4c4c4c;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo9 .swiper-slide main {
	        padding: 20px 0;
	        background: none;
	    }
	    .product-demo.demo9 .swiper-slide:hover main {
	        padding: 20px 0;
	    }
	    .product-demo.demo9 .swiper-slide main p {
	        width: 100%;
	        height: 45px;
	        line-height: 22px;
	        color: #6a6a6a;
	        overflow: hidden;
	        margin-top: 10px;
	        text-overflow: ellipsis;
	        white-space: normal;
	    }
	}

	/* 产品及服务八——轮播四 */

	/*轮播*/

	.product-demo.demo10 .swiper-container {
	    overflow: visible;
	    padding-bottom: 50px;
	}

	.product-demo.demo10 .swiper-slide {
	    width: 420px;
	    transition: all .8s cubic-bezier(.19, 1, .22, 1);
	    -webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1);
	}

	.product-demo.demo10 .swiper-slide::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    -webkit-transition: all 0.15s;
	    -o-transition: all 0.15s;
	    transition: all 0.15s;
	}

	.product-demo.demo10 .swiper-slide:hover::before {
	    background-color: rgba(0, 0, 0, 0.3);
	}

	.product-demo.demo10 .swiper-slide-prev::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(255, 255, 255, 0.3);
	}

	.product-demo.demo10 .swiper-slide main {
	    top: 64%;
	    padding: 70px 50px;
	    color: #fff;
	}

	.product-demo.demo10 .swiper-slide:hover main {
	    top: 0%;
	    color: #fff;
	}

	.product-demo.demo10 .swiper-slide main span {
	    width: 40px;
	    height: 40px;
	    line-height: 36px;
	}

	/*前进后退按钮*/

	.product-demo.demo10 .nav-demo.demo2 {
	    position: absolute;
	    top: 45%;
	    left: 50%;
	    transform: translateX(-50%);
	    z-index: 1;
	    padding: 0 130px;
	    height: 0;
	}

	.product-demo.demo10 .nav-demo.demo2 a>i {
	    background-color: rgba(0, 0, 0, .5);
	    border-bottom: 1px solid #3d3d3d;
	    width: 60px;
	    height: 77px;
	    line-height: 73px;
	}

	.product-demo.demo10 .nav-demo.demo2 a>i:hover {
	    background-color: #da2418;
	    color: #fff;
	}

	/*分页器*/

	/*.product-demo.demo10 .swiper-pagination-bullet{}*/

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .product-demo.demo10 .swiper-container {
	        padding: 0 10px 50px 10px;
	    }
	    .product-demo.demo10 .swiper-slide {
	        width: 100%;
	    }
	    .product-demo.demo10 .swiper-slide main {
	        top: 0%;
	        padding: 80px 50px;
	    }
	    .product-demo.demo10 .nav-demo.demo2 {
	        padding: 0 11px;
	    }
	    .product-demo.demo10 .nav-demo.demo2 a>i {
	        width: 40px;
	        height: 50px;
	        line-height: 48px;
	        font-size: 2rem;
	    }
	}

	/* 产品及服务十*/

	.cp10-h {
	    width: 100%;
	    height: 829px;
	    display: flex;
	    justify-content: space-between;
	}

	.cp10 .cp10-l {
	    width: 58.3%;
	    background-color: #aecddf;
	}

	.hovertxt {
	    position: relative;
	    overflow: hidden;
	}

	@media (max-width: 767px) {
	    .cp10 .cp10-l {
	        width: 100%;
	        margin-bottom: 10px;
	        height: 500px;
	    }
	    .cp10 .cp10-r .item {
	        width: 100%;
	        height: 380px;
	        margin-bottom: 10px;
	    }
	}

	.cp10 a {
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: relative;
	    z-index: 2;
	}

	.cp10 a:after {
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    background-color: #000;
	    opacity: 0;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp10 a:hover:after {
	    opacity: 0.5;
	}

	.cp10 img {
	    width: 110%;
	    height: 110%;
	    object-fit: cover;
	    transform: translateX(-5%) translateY(-5%);
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp10 .cp10-l img {
	    transform: translateX(-5%) translateY(-2%);
	}

	.cp10 .cp10-l:hover img {
	    transform: translateX(-5%) translateY(-3%);
	}

	.cp10 .cp-txt10 {
	    position: absolute;
	    top: 11%;
	    left: 9%;
	    z-index: 2;
	    opacity: 1;
	    padding-right: 5%;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp10 .cp10-l .cp-txt10 {
	    top: 6%
	}

	.cp10-r {
	    width: 41%;
	}

	.cp10-r .item {
	    width: 100%;
	    height: 49.5%;
	    margin-bottom: 1.3%;
	    background-color: #aecddf;
	}

	.cp10-r .item:hover img {
	    transform: translateX(-5%) translateY(-6%);
	}

	.cp10-l a:hover h2 {
	    color: #fff;
	}

	.cp10-l a:hover p {
	    color: #fff;
	}

	.cp10-r a:hover h2 {
	    color: #fff;
	}

	.cp10-r a:hover p {
	    color: #fff;
	}

	.cp10 h2 {
	    font-size: 30px;
	    color: #000;
	    -webkit-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp10 p {
	    font-size: 18px;
	    color: #22252e;
	    -webkit-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp10 .cp-txt10 i {
	    margin-left: 24px;
	}

	@media (max-width: 767px) {
	    .cp10 .cp10-l {
	        width: 100%;
	        margin-bottom: 10px;
	        height: 500px;
	    }
	    .cp10 .cp10-r {
	        width: 100%;
	    }
	    .cp10-h {
	        flex-wrap: wrap;
	        height: auto;
	    }
	    .cp10 h2 {
	        font-size: 24px;
	    }
	    .cp10 i {
	        font-size: 20px;
	    }
	    .cp10 p {
	        font-size: 16px;
	    }
	}

	/* 产品及服务十一*/

	.pro_led_wrap2 {
	    margin: 0px auto;
	}

	.pro_led_wrap2:after {
	    content: ".";
	    display: block;
	    height: 0;
	    visibility: hidden;
	    clear: both;
	}

	.pro_led_wrap2 .row {
	    border-top: 1px solid #e4e4e4;
	    border-left: 1px solid #e4e4e4;
	}

	.pro_led_wrap2 .row>div {
	    background: #fff;
	    float: left;
	}

	.pro_wrap2_con {
	    padding-top: 10%;
	    padding-bottom: 15%;
	    position: relative;
	    top: 0;
	    height: 100%;
	    border-right: 1px solid #e4e4e4;
	    border-bottom: 1px solid #e4e4e4;
	}

	.pro_wrap2_con a {
	    position: relative;
	    top: 0;
	    transition: top 1s;
	    -moz-transition: top 1s;
	    -webkit-transition: top 1s;
	    -o-transition: top 1s;
	}

	.pro_wrap2_con a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}

	.pro_wrap2_con h2 {
	    color: #666;
	    text-align: center;
	    text-transform: uppercase;
	    padding: 0 15px;
	}

	.pro_wrap2_con .line {
	    width: 56px;
	    height: 1px;
	    background-color: #666;
	    margin: 25px auto 40px;
	}

	.pro_wrap2_con p {
	    max-width: 80%;
	    color: #858585;
	    margin: 0 auto;
	    line-height: 26px;
	    text-align: center;
	}

	.pro_wrap2_con .more_btn {
	    position: relative;
	    margin: 20px auto;
	    width: 44px;
	    height: 44px;
	    border-radius: 50%;
	    background-color: #ffffff;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    border: 2px solid #666;
	}

	.pro_wrap2_con .more_btn:before,
	.pro_wrap2_con .more_btn:after {
	    content: ' ';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    background-color: #666;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    -o-transform: translate3d(-50%, -50%, 0);
	    -moz-transform: translate3d(-50%, -50%, 0);
	    -webkit-transform: translate3d(-50%, -50%, 0);
	    transform: translate3d(-50%, -50%, 0);
	}

	.pro_wrap2_con .more_btn:before {
	    width: 2px;
	    height: 14px;
	}

	.pro_wrap2_con .more_btn:after {
	    width: 14px;
	    height: 2px;
	}

	.pro_wrap2_con:hover .more_btn:before,
	.pro_wrap2_con:hover .more_btn:after {
	    background-color: #fff;
	}

	.switch_img {
	    margin: 0 auto;
	    width: 70%;
	}

	.pro_wrap2_con:hover {
	    background-color: #fafafa;
	}

	.pro_wrap2_con:hover a {
	    top: -30px;
	}

	.pro_wrap2_con:hover .more_btn {}

	@media (min-width: 1024px) {
	    .pro_wrap2_con {
	        padding-top: 16.5%;
	        padding-bottom: 30%;
	    }
	    .pro_wrap2_con h2 {
	        font-size: 28px;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        white-space: nowrap;
	    }
	    .pro_wrap2_con p {
	        font-size: 16px;
	    }
	    .pro_wrap2_con .more_btn {
	        margin: 50px auto 100px;
	    }
	}

	/* 产品及服务十二*/

	.cp12 li {
	    -webkit-animation: mk_bottom_to_top_scale 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	    animation: mk_bottom_to_top_scale 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	    visibility: visible;
	    padding: 5px;
	}

	.cp12 li:hover {
	    z-index: 1;
	}

	.cp12 li:hover .thumbnail {
	    -webkit-transform: translate(0px, -3px);
	    transform: translate(0px, -3px);
	    box-shadow: 0px 10px 60px -10px rgb(0 0 0 / 30%);
	}

	.cp12 li .thumbnail {
	    display: block;
	    padding: 0;
	    margin-bottom: 20px;
	    line-height: 1.42857143;
	    background-color: #fff;
	    border: 1px solid #ddd;
	    border-radius: 0;
	    -webkit-transition: border 0.2s ease-in-out;
	    transition: border 0.2s ease-in-out;
	    margin-bottom: 0;
	    border: 0;
	    color: #666;
	    text-decoration: none;
	    -webkit-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.cp12 li .thumbnail img {
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	}

	.cp12 li .thumbnail .caption {
	    position: relative;
	    padding: 15px;
	    -webkit-transition: background .3s linear;
	    transition: background .3s linear;
	    text-align: center;
	    color: #4a4a4a;
	    text-align: center;
	}

	.cp12 li .thumbnail .caption:before {
	    display: block;
	    position: absolute;
	    content: "";
	    width: 0;
	    height: 0;
	    border: 8px solid transparent;
	    border-bottom-color: #fff;
	    left: 50%;
	    margin-left: -8px;
	    bottom: 100%;
	    -webkit-transition: border .3s linear;
	    transition: border .3s linear;
	}

	.cp12 .thumbnail .caption h5 {
	    position: relative;
	    display: inline-block;
	    text-align: center;
	    margin: .2em 0;
	    font-size: 16px;
	    font-family: inherit;
	    font-weight: 400;
	    line-height: 1.2;
	    color: #222;
	}

	.cp12 .page-title h5::before,
	.page-title h5::after {
	    content: "";
	    position: absolute;
	    width: 30px;
	    height: 1px;
	    top: 50%;
	    margin-top: -1px;
	    background-color: #dfa752;
	}

	.cp12 .page-title h5::before {
	    left: 100%;
	    margin-left: 10px;
	}

	.cp12 .page-title h5::after {
	    right: 100%;
	    margin-right: 10px;
	}

	.cp12 .page-title .p3 {
	    line-height: 1.8;
	}

	@media (max-width:767px) {
	    .cp12 li .thumbnail .caption {
	        padding: 5px
	    }
	}

	@keyframes mk_bottom_to_top_scale {
	    0% {
	        -webkit-transform: translate(0, 50px) scale(.8);
	        transform: translate(0, 50px) scale(.8);
	        opacity: 0
	    }
	    100% {
	        -webkit-transform: translate(0, 0) scale(1);
	        transform: translate(0, 0) scale(1);
	        opacity: 1
	    }
	}

	/* 产品及服务十三*/

	.index-product13 .swiper-container {
	    position: relative;
	}

	.index-product13 .swiper-button-next,
	.index-product13 .swiper-button-prev {
	    background-image: none;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	}

	.product-aside13 i {
	    font-size: 3rem;
	}

	.product-aside13 .figure {
	    position: relative;
	    text-align: center;
	}

	.product-aside13 .figure img {
	    max-width: 100%;
	}

	.product-aside13 .swiper-container {
	    padding-bottom: 30px;
	}

	.product-aside13 .swiper-container .title {
	    text-align: center;
	    padding: 7px 10px;
	    display: block;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    font-weight: bold;
	    line-height: 1.5;
	    font-size: 2rem;
	}

	.product-aside13 .idxproduct-more {
	    text-align: center;
	    padding-top: 20px;
	}

	.product-aside13 .learn-more {
	    display: inline-block;
	    vertical-align: top;
	    color: #fff;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    position: relative;
	    font-size: 16px;
	    padding: 10px 30px;
	    line-height: 1.5;
	}

	.product-aside13 .learn-more i {
	    color: #fff;
	    padding-left: 10px;
	    font-size: 2rem;
	}

	.product-section13 a {
	    padding: 40px 60px 45px;
	}

	.product-section13 ul li .icons {
	    margin-bottom: 25px;
	    width: 80px;
	    display: block;
	    overflow: hidden;
	    position: relative;
	}

	.product-section13 ul li .icons:after {
	    content: '';
	    display: block;
	    width: 100%;
	    padding-bottom: 100%;
	}

	.product-section13 ul li .icons img {
	    display: block;
	    position: absolute;
	    width: 100%;
	    top: 0;
	    left: 0;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.product-section13 ul li .icons .normal {
	    z-index: 1;
	    opacity: 1;
	}

	.product-section13 ul li .icons .hover {
	    z-index: 2;
	    opacity: 0;
	}

	.product-section13 ul li:hover .icons .normal {
	    opacity: 0;
	}

	.product-section13 ul li:hover .icons .hover {
	    opacity: 1;
	}

	.product-section13 li {
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    background-color: #edf2f3;
	}

	.product-section13 li .title {
	    font-size: 2rem;
	    font-weight: bold;
	}

	.product-section13 li:hover .title {
	    color: #fff;
	}

	.product-section13 li.cur .title {
	    color: #fff;
	}

	.product-section13 li .look-more {
	    font-size: 1.6rem;
	    padding: 20px 0;
	}

	.product-section13 li:hover .look-more {
	    color: #fff;
	}

	.product-section13 li.cur .look-more {
	    color: #fff;
	}

	.product-section13 li .look-more i {
	    font-size: 2rem;
	}

	.index-product13 .swiper-button-next,
	.index-product13 .swiper-button-prev {
	    border-radius: 50%;
	    background: #edf2f3;
	    width: 50px;
	    height: 50px;
	    text-align: center;
	    line-height: 45px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.index-product13 .swiper-button-next:hover i,
	.index-product13 .swiper-button-prev:hover i {
	    color: #fff;
	}

	@media (min-width:768px) {
	    .product-aside13 .swiper-container {
	        margin-right: 50px;
	        padding: 0 50px;
	    }
	    .product-aside13 .idxproduct-more {
	        padding-top: 10px;
	    }
	    .product-section13 li .title {
	        margin-bottom: 30px;
	    }
	}

	@media(max-width:767px) {
	    .product-aside13 .learn-more {
	        display: block;
	        padding-top: 0;
	    }
	}

	/* 产品及服务十四*/

	.index-product14 .pad-lr {
	    padding-left: 5px;
	    padding-right: 5px;
	}

	.index-product14 .con_wrap {
	    margin: 0 10px;
	    position: relative;
	}

	.index-product14 .wrap {
	    display: block;
	    text-align: center;
	    position: relative;
	}

	.index-product14 .wrap:hover {
	    opacity: .8;
	}

	.index-product14 .wrap .txt {
	    color: #fff;
	    padding-top: 30px;
	}

	.index-product14 .wrap .txt * {
	    margin: 0;
	}

	.index-product14 .wrap .txt h4 {
	    font-size: 2rem;
	}

	.index-product14 .wrap .more-btn {
	    position: relative;
	    margin: 45px auto;
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    border: 2px solid #fff;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	}

	.index-product14 .wrap .more-btn:before,
	.index-product14 .wrap .more-btn:after {
	    content: ' ';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    background-color: #fff;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    -o-transform: translate3d(-50%, -50%, 0);
	    -moz-transform: translate3d(-50%, -50%, 0);
	    -webkit-transform: translate3d(-50%, -50%, 0);
	    transform: translate3d(-50%, -50%, 0);
	}

	.index-product14 .wrap .more-btn:before {
	    width: 2px;
	    height: 18px;
	}

	.index-product14 .wrap .more-btn:after {
	    width: 18px;
	    height: 2px;
	}

	.index-product14 .wrap .pic_img {
	    position: relative;
	}

	.index-product14 .wrap img {
	    border-radius: 50%;
	    max-width: 100%;
	}

	@media (max-width:767px) {
	    .index-product14 .wrap {
	        padding-bottom: 15px;
	    }
	    .index-product14 .wrap .more-btn {
	        margin: 15px auto;
	    }
	}

	/* 产品及服务十五*/

	.index-product15 .pic_img {
	    height: 473px;
	    position: relative;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.index-product15 li .pic_img:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    opacity: .3;
	}

	.index-product15 li.act .pic_img:after {
	    display: none;
	}

	.index-product15 .pic_img>img {
	    visibility: hidden;
	}

	.index-product15 .mo-img {
	    max-width: 100%;
	}

	.index-product15 li {
	    float: left;
	    position: relative;
	    width: 14%;
	    overflow: hidden;
	}

	.index-product15 li a {
	    padding: 0 2.5px;
	}

	.index-product15 li .txt {
	    position: absolute;
	    top: 0;
	    padding: 0 50px 0 30px;
	    color: #fff;
	}

	.index-product15 li .txt .jtitle {
	    padding-top: 265px;
	    -webkit-transition: all ease-out .5s;
	    -o-transition: all ease-out .5s;
	    transition: all ease-out .5s;
	}

	.index-product15 li.act .txt .jtitle {
	    padding-top: 100px;
	}

	.index-product15 li .txt .title {
	    font-size: 2.4rem;
	    margin: 10px 0;
	}

	.index-product15 li .txt .sub {
	    font-size: 1.2rem;
	    margin: 0;
	    -webkit-transform: translateY(10px);
	    transform: translateY(10px);
	    -webkit-transition: 600ms;
	    transition: 600ms;
	}

	.index-product15 li.act .txt .sub {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	    -webkit-transition-delay: 400ms;
	    transition-delay: 400ms;
	}

	.index-product15 li .txt .cont {
	    line-height: 24px;
	    font-size: 1.4rem;
	    -webkit-transform: translateX(50%);
	    transform: translateX(50%);
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: 1200ms;
	    transition: 1200ms;
	    margin-top: 30px;
	}

	.index-product15 li.act .txt .cont {
	    opacity: 1;
	    visibility: visible;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	    -webkit-transition-delay: 400ms;
	    transition-delay: 400ms;
	}

	.index-product15 li .line {
	    display: inline-block;
	    vertical-align: bottom;
	    position: relative;
	    width: 50%;
	    height: 24px;
	    overflow: hidden;
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: 1200ms;
	    transition: 1200ms;
	    text-align: center;
	}

	.index-product15 li .line>i {
	    position: absolute;
	    top: 0;
	    right: 0;
	    border: 2px solid #fff;
	    font-size: 1.6rem;
	    width: 20px;
	    height: 20px;
	    line-height: 0;
	}

	.index-product15 li .line>span {
	    height: 1px;
	    margin: 10px 38px 0 0;
	    background: #fff;
	    background: rgba(255, 255, 255, .6);
	    display: block;
	}

	.index-product15 li.act .line {
	    width: 100%;
	    opacity: 1;
	    visibility: visible;
	    -webkit-transition-delay: 400ms;
	    transition-delay: 400ms;
	}

	@media (min-width:768px) {
	    .index-product15 .pad-tb {
	        padding: 0 5px;
	    }
	}

	@media (max-width:767px) {
	    .index-product15 li {
	        width: 100%;
	    }
	    .index-product15 li .txt .cont {
	        opacity: 1;
	        visibility: visible;
	        -webkit-transform: translateY(0);
	        transform: translateY(0);
	        -webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
	        margin-top: 75px;
	    }
	    .index-product15 li .line {
	        width: 100%;
	        opacity: 1;
	        visibility: visible;
	        -webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
	    }
	    .index-product15 li .txt {
	        padding: 50px 30px 0 30px;
	    }
	    .index-product15 li .txt .jtitle {
	        padding: 0;
	    }
	    .index-product15 li.act .txt .jtitle {
	        padding: 0;
	    }
	}

	/* 产品及服务十六*/

	.index-product16 .list-item {
	    flex: 0 0 100%;
	    width: 100%;
	    display: block;
	    position: relative;
	}

	.index-product16 .list-item:before {
	    position: absolute;
	    content: "";
	    width: 0;
	    height: 3px;
	    background: #f7b500;
	    transition-duration: .3s;
	    top: 0;
	    left: 50%;
	}

	.index-product16 .list-item:hover:before {
	    width: 100%;
	    left: 0;
	}

	.index-product16 .gird_l:hover .pic_img {
	    transform: translateX(10px);
	}

	.index-product16 .txt h2 {
	    font-size: 2.8rem;
	    color: #000;
	}

	.index-product16 .txt p {
	    font-size: 1.6rem;
	    color: #888;
	}

	.index-product16 .gird_r:hover .pic_img {
	    transform: translateX(-10px);
	}

	@media(min-width:1024px) {
	    .index-product16 .list-left {
	        display: inline-flex;
	        justify-content: space-between;
	        flex-wrap: wrap;
	    }
	    .index-product16 .gird_l {
	        flex: 0 0 55%;
	        width: 55%;
	    }
	    .index-product16 .gird_r {
	        flex: 0 0 45%;
	        width: 45%;
	    }
	    .index-product16 .gird_l .list-item:last-child {
	        margin-top: 40px;
	    }
	    .index-product16 .item-contents {
	        height: 290px;
	        width: calc(100% - 50px);
	        margin: auto;
	        flex-wrap: nowrap;
	        /* justify-content: flex-end; */
	        align-items: center;
	    }
	    .index-product16 .pic_img {
	        flex: 0 0 370px;
	        width: 370px;
	        display: inline-block;
	        transition-duration: .3s;
	    }
	    .index-product16 .gird_r .list-item2 {
	        height: 620px;
	        padding: 70px 50px;
	    }
	    .index-product16 .txt {
	        /* flex: 0 0 auto; */
	        margin-bottom: 70px;
	    }
	}

	@media(max-width:1023px) {
	    .index-product16 .list-item {
	        padding: 20px 10px;
	    }
	    .index-product16 .flexBox {
	        display: block;
	    }
	    .index-product16 .pic_img {
	        width: 100%;
	    }
	    .index-product16 .txt {
	        padding: 20px 0;
	    }
	    .index-product16 .txt h2 {
	        font-size: 2rem;
	    }
	}

	/* 产品及服务十七*/

	.index-product17 .gird_l {
	    display: inline-block;
	    color: #fff;
	    padding-right: 30px;
	}

	.index-product17 .gird_l .txt h2 {
	    font-size: 4.2rem;
	}

	.index-product17 .gird_l .txt p {
	    font-size: 1.8rem;
	    line-height: 1.8;
	}

	.index-product17 .gird_r {
	    display: inline-block;
	    background-color: #fff;
	}

	.index-product17 .pro_top {
	    line-height: 60px;
	    padding-left: 20px;
	    position: relative;
	    font-size: 30px;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    justify-content: space-between;
	}

	.index-product17 .pro_top i {
	    width: 89px;
	    display: inline-block;
	    text-align: center;
	    border-left: 1px solid #d0d0d0;
	    position: relative;
	}

	.index-product17 .pro_top i:before {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    z-index: 1;
	}

	.index-product17 .pro_top i:after {
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 100%;
	    right: 0;
	    transition-duration: .3s;
	}

	.index-product17 .pro:hover .pro_top i:after {
	    width: 100%;
	}

	.index-product17 .pro_middle {
	    line-height: 1.1;
	    padding: 70px 20px;
	}

	.index-product17 .pro_middle .p1 {
	    font-size: 5.2rem;
	}

	.index-product17 .pro_middle .p2 {
	    font-size: 2.4rem;
	}

	.index-product17 .pro_bottom {
	    position: relative;
	}

	.index-product17 .pro_bottom img {
	    display: block;
	    width: 100%;
	    transition-duration: .3s;
	}

	.index-product17 .pro:hover .pro_bottom img {
	    transform: translateY(-10px);
	}

	@media(min-width:1024px) {
	    .index-product17 .gird_l {
	        width: 33%;
	        flex: 0 0 33%;
	    }
	    .index-product17 .gird_r {
	        width: 67%;
	        flex: 0 0 67%;
	    }
	}

	@media(max-width:1023px) {
	    .index-product17 {
	        background-size: auto !important;
	    }
	    .index-product17 .gird_l .txt h2 {
	        font-size: 2.1rem;
	    }
	    .index-product17 .gird_l .txt p {
	        font-size: 1.6rem;
	    }
	    .index-product17 .pro_top {
	        border-top: 1px solid rgba(0, 0, 0, 0.1);
	        line-height: 50px;
	    }
	    .index-product17 .pro_middle {
	        padding: 20px;
	    }
	    .index-product17 .pro_middle .p1 {
	        font-size: 2rem;
	    }
	    .index-product17 .pro_middle .p2 {
	        font-size: 1.6rem;
	    }
	    .index-product17 .pro_bottom {
	        padding-bottom: 20px;
	    }
	}

	/*产品详情页——放大镜*/

	.product-demo.page1 .breadcrumb>li {
	    color: #555;
	}

	.product-demo.page1 .breadcrumb>li>a {
	    color: #999;
	}

	.product-demo.page1 .breadcrumb>li:hover>a,
	.product-demo.page1 .breadcrumb>li.active>a {
	    color: #555;
	}

	.product-demo.page1 .text-div>div.pd-b {
	    min-height: 120px;
	}

	/*产品图片列表--放大镜*/

	.product-demo.page1 .imgdet .imglist {
	    padding: 30px 0 30px 20px;
	}

	.product-demo.page1 .imgdet .imglist ul li.active {
	    border: 2px solid red
	}

	.product-demo.page1 .imgdet .imglist ul li img {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.product-demo.page1 .imgdet .imglist .prev {
	    top: 0;
	    z-index: 1
	}

	.product-demo.page1 .imgdet .imglist .next {
	    bottom: 0;
	    z-index: 1
	}

	/*图片列表*/

	.product-demo.page1 .imgdet .imgpart {
	    vertical-align: top;
	    position: relative;
	}

	.product-demo.page1 .imgdet .imgpart .pic {
	    position: relative;
	    width: 100%;
	    height: 100%;
	}

	.product-demo.page1 .imgdet .imgpart .pic .magnify {
	    display: none;
	    position: absolute;
	    top: 0;
	    left: 0;
	    cursor: move;
	    background-color: #fff;
	    opacity: .3;
	    filter: alpha(opacity=30);
	}

	.product-demo.page1 .imgdet .imgpart .pic img {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.product-demo.page1 .imgdet .imgpart .bigpic {
	    display: none;
	    position: absolute;
	    top: 0;
	    z-index: 2;
	    overflow: hidden;
	}

	.product-demo.page1 .imgdet .imgpart .bigpic>img {
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	/*移动端*/

	.product-demo.page1 .product-imgs .swiper-slide {
	    height: 300px;
	}

	/*选项卡*/

	.product-demo.page1 .tab ul {
	    height: 60px;
	    line-height: 60px;
	    border: 0;
	    background-color: #f2f2f2;
	}

	.product-demo.page1 .tab ul>li {
	    width: 150px;
	    text-align: center;
	    border-left: 1px solid #f2f2f2;
	    margin-left: -1px;
	    cursor: pointer;
	}

	.product-demo.page1 .tab ul>li.active::before {
	    content: "";
	    display: block;
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    border-top: 2px solid #00A14B;
	}

	.product-demo.page1 .tab ul>li.active {
	    color: #0a8;
	}

	.product-demo.page1 .tab>main {
	    padding: 50px 15px;
	}

	/*相关产品*/

	.product-demo.page1 .more-product .swiper-slide:hover>a>span {
	    color: #fff;
	    background-color: #0a8;
	    border-color: #0a8;
	}

	.product-demo.page1 .more-product .swiper-pagination {
	    bottom: 0;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    /*选项卡*/
	    .product-demo.page1 .tab ul {
	        height: 40px;
	        line-height: 40px;
	        border: 0;
	        background-color: #f2f2f2;
	    }
	    .product-demo.page1 .tab ul>li {
	        width: 90px;
	    }
	    .product-demo.page1 .xb6 {
	        padding: 0;
	    }
	    /*资讯按钮*/
	    .product-demo.page1 button.btn-large {
	        font-size: 1.6rem;
	        padding: 8px 15px;
	    }
	    .product-demo.page1 button.btn-large i {
	        font-size: 1.8rem;
	    }
	    /*相关产品*/
	    .product-demo.page1 .more-product .swiper-pagination {
	        bottom: 0;
	    }
	    .product-demo.page1 .more-product .swiper-slide>a>.img-box {
	        height: auto;
	    }
	    .product-demo.page1 .more-product .swiper-slide>a>span {
	        line-height: 36px;
	    }
	    .product-demo.page1 .more-product .swiper-button-next,
	    .product-demo.page1 .more-product .swiper-button-prev {
	        height: 25px;
	    }
	}

	/*新闻模型*/

	/*模型一——左图右列*/

	.news-demo.demo1 .mg-top-l {
	    margin-top: 10px;
	}

	.news-demo.demo1 .gird_left {
	    padding-right: 35px;
	}

	.news-demo.demo1 .gird_left .pad-tb {
	    padding: 44px 60px;
	    height: 600px;
	}

	.news-demo.demo1 .gird_left h3 {
	    margin: 27px 0 34px 0;
	}

	.news-demo.demo1 .gird_left time {
	    color: inherit;
	    font-family: helveticaneuethn, Arial;
	}

	.news-demo.demo1 .gird_left p {
	    line-height: 24px;
	}

	.news-demo.demo1 .gird_left:hover p {
	    padding-left: 30px;
	    border-left: 1px solid #a9a9a9;
	}

	.news-demo.demo1 .gird_left a.btn {
	    width: 120px;
	    height: 32px;
	    background: #233876;
	    margin-top: 40px;
	}

	.news-demo.demo1 .gird_left a.btn::before,
	.news-demo.demo1 .gird_left a.btn::after {
	    content: "";
	    display: block;
	    height: 15px;
	    border-left: 1px solid #fff;
	    background-color: #fff;
	    position: absolute;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    transition: all .36s ease;
	}

	.news-demo.demo1 .gird_left a.btn::before {
	    height: 15px;
	    width: 0;
	    border-left: 1px solid #fff;
	    left: 50%;
	    top: -50%;
	}

	.news-demo.demo1 .gird_left:hover a.btn::before {
	    top: 50%;
	}

	.news-demo.demo1 .gird_left a.btn::after {
	    height: 0;
	    width: 15px;
	    border-top: 1px solid #fff;
	    top: 50%;
	    left: -50%;
	}

	.news-demo.demo1 .gird_left:hover a.btn::after {
	    left: 50%;
	}

	.news-demo.demo1 .gird_left:hover a.btn {
	    opacity: 1;
	    margin-top: 20px;
	}

	.news-demo.demo1 .gird_right {
	    padding-left: 35px;
	}

	.news-demo.demo1 .gird_right.size-15 {
	    font-size: 1.5rem;
	}

	.news-demo.demo1 .gird_right li {
	    padding: 0;
	    height: 200px;
	}

	.news-demo.demo1 .gird_right li:hover {
	    -webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, .12);
	    box-shadow: 0 11px 43px rgba(0, 0, 0, .12);
	}

	.news-demo.demo1 .gird_right li>a {
	    padding: 38px 20px 53px 38px;
	}

	.news-demo.demo1 .gird_right li:hover>a {
	    padding-left: 50px;
	}

	.news-demo.demo1 .gird_right li h3::before {
	    content: "";
	    display: block;
	    width: 6px;
	    height: 6px;
	    background-color: #555;
	    border-radius: 100%;
	    position: absolute;
	    left: -20px;
	    top: 8px;
	}

	.news-demo.demo1 .gird_right li:hover h3::before {
	    background-color: #0a8;
	}

	.news-demo.demo1 .gird_right li:hover h3 {
	    color: #0a8;
	}

	.news-demo.demo1 .gird_right li p {
	    line-height: 24px;
	}

	.news-demo.demo1 .gird_right li span {
	    width: 50px;
	    height: 20px;
	}

	.news-demo.demo1 .gird_right li span>i:first-child {
	    left: 0;
	}

	.news-demo.demo1 .gird_right li span>i:last-child {
	    left: 20px;
	}

	.news-demo.demo1 .gird_right li:hover span>i:first-child {
	    left: 20px;
	    opacity: 1;
	}

	.news-demo.demo1 .gird_right li:hover span>i:last-child {
	    left: 50px;
	    opacity: 0;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo1 .gird_right {
	        padding-left: 0;
	    }
	    .news-demo.demo1 .gird_right li {
	        height: auto;
	    }
	    .news-demo.demo1 .gird_right li:hover {
	        -webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, 0);
	        box-shadow: 0 11px 43px rgba(0, 0, 0, 0);
	    }
	    .news-demo.demo1 .gird_right li>a,
	    .news-demo.demo1 .gird_right li:hover>a {
	        padding: 26px 0;
	    }
	    .news-demo.demo1 .gird_right li:first-child {
	        border-top: 0;
	    }
	    .news-demo.demo1 .gird_right li h3::before {
	        display: none;
	    }
	}

	/*模型二——多列*/

	.news-demo.demo2 ul.list-unstyle {
	    margin-left: -30px;
	    margin-right: -30px;
	}

	.news-demo.demo2 a .i-plus {
	    top: 24%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    line-height: 0;
	}

	.news-demo.demo2 a:hover .i-plus {
	    opacity: 1;
	    top: 50%;
	    z-index: 2
	}

	.news-demo.demo2 a main>p {
	    line-height: 24px;
	}

	.news-demo.demo2 a:hover {
	    -webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, .12);
	    box-shadow: 0 11px 43px rgba(0, 0, 0, .12);
	}

	.news-demo.demo2 a:hover h3 {
	    color: #0a8;
	}

	.news-demo.demo2 a.btn {
	    width: 182px;
	    height: 48px;
	    line-height: 48px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo2 ul.list-unstyle {
	        margin: 0;
	    }
	    .news-demo.demo2 li>a {
	        /* border-top: 1px solid #ddd; */
	        padding: 10px 0;
	        display: block;
	    }
	    .news-demo.demo2 li:first-child>a {
	        border-top: 0;
	    }
	    .news-demo.demo2 a main>p {
	        line-height: 20px;
	        height: 8rem;
	        -webkit-line-clamp: 4;
	        line-clamp: 4;
	    }
	    .news-demo.demo2 a:hover {
	        -webkit-box-shadow: 0 11px 43px rgba(0, 0, 0, 0);
	        box-shadow: 0 11px 43px rgba(0, 0, 0, 0);
	    }
	}

	/*模型三——一行四列*/

	.news-demo.demo3 a main {
	    padding: 28px 30px;
	    height: 230px;
	}

	.news-demo.demo3 a:hover main {
	    padding: 38px 30px 18px 30px;
	    color: #868585;
	}

	.news-demo.demo3 a main::after {
	    content: "";
	    position: absolute;
	    display: block;
	    width: 50%;
	    height: 3px;
	    transition: 0.66s ease;
	    bottom: 0;
	    left: 0;
	    background-color: #ee1c25;
	    opacity: 0;
	}

	.news-demo.demo3 a:hover main::after {
	    width: 100%;
	    opacity: 1;
	}

	.news-demo.demo3 a main>p {
	    line-height: 24px;
	}

	.news-demo.demo3 a main>button {
	    bottom: 30px;
	}

	.news-demo.demo3 a:hover main>button {
	    opacity: .8;
	}

	.news-demo.demo3 a:hover i.i-angle-right {
	    padding-left: 10px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo3 a main {
	        padding: 20px 0;
	        height: auto;
	        -webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        box-sizing: border-box;
	        border-bottom: 1px solid #ddd;
	    }
	    .news-demo.demo3 li:nth-last-child(-n+2)>a main {
	        border: 0;
	    }
	    .news-demo.demo3 a:hover main {
	        padding: 20px 0;
	    }
	    .news-demo.demo3 a main::after {
	        display: none;
	        visibility: hidden;
	    }
	}

	/*模型四——一行两列*/

	/*.news-demo.demo4 li>a{margin-bottom: 100px;}*/

	.news-demo.demo4 li:nth-child(even) {
	    padding-left: 20px;
	}

	.news-demo.demo4 li:nth-child(odd) {
	    padding-right: 20px;
	}

	.news-demo.demo4 a::before {
	    content: "";
	    position: absolute;
	    top: 20%;
	    left: 92px;
	    display: block;
	    width: 0;
	    border-top: 1px solid #787878;
	    opacity: 0;
	    -webkit-transition: all 0.36s ease;
	    -o-transition: all 0.36s ease;
	    transition: all 0.36s ease;
	    z-index: 3;
	}

	.news-demo.demo4 a:hover::before {
	    width: 55px;
	    opacity: 1;
	}

	.news-demo.demo4 a main {
	    padding: 0 10px 0 40px;
	}

	.news-demo.demo4 a:hover main {
	    padding: 0 0 0 50px;
	}

	.news-demo.demo4 a main p {
	    line-height: 24px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo4 .container {
	        padding: 0;
	    }
	    .news-demo.demo4 li:nth-child(even) {
	        padding-left: 0;
	    }
	    .news-demo.demo4 li:nth-child(odd) {
	        padding-right: 0;
	    }
	    .news-demo.demo4 li>a {
	        padding: 0 20px;
	        margin: 0;
	    }
	    .news-demo.demo4 a::before {
	        display: none;
	        visibility: hidden;
	    }
	    .news-demo.demo4 a:hover main,
	    .news-demo.demo4 a main {
	        padding: 30px 0;
	    }
	    .news-demo.demo4 a {
	        border-bottom: 1px solid #ddd;
	    }
	    .news-demo.demo4 a time {
	        color: #8a8a8a;
	    }
	    .news-demo.demo4 a time span {
	        color: #bdbdbd;
	    }
	}

	/*模型五——轮播*/

	.news-demo.demo5 .swiper-box {
	    padding: 0 80px;
	}

	.news-demo.demo5 .swiper-slide::after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    right: -40px;
	    height: 100%;
	    width: 0;
	    border-left: 1px solid #E6E6E6;
	}

	.news-demo.demo5 .swiper-slide p {
	    line-height: 24px;
	    height: 44px;
	}

	.news-demo.demo5 a.btn {
	    width: 152px;
	    height: 34px;
	}

	.news-demo.demo5 .swiper-slide:hover a.btn {
	    border-color: #0a8;
	}

	.news-demo.demo5 a.btn>i {
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.news-demo.demo5 a.btn>i:nth-child(1) {
	    top: 50%;
	}

	.news-demo.demo5 a.btn>i:nth-child(2) {
	    top: 150%;
	}

	.news-demo.demo5 .swiper-slide:hover a.btn>i:nth-child(1),
	.news-demo.demo5 a.btn:hover>i:nth-child(1) {
	    top: -50%;
	}

	.news-demo.demo5 .swiper-slide:hover a.btn>i:nth-child(2),
	.news-demo.demo5 a.btn:hover>i:nth-child(2) {
	    top: 50%;
	}

	/*前进后退*/

	.news-demo.demo5 .nav-demo {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}

	.news-demo.demo5 .nav-demo.demo2 a {
	    width: 40px;
	    height: 40px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo5 .swiper-box {
	        padding: 0;
	    }
	    .news-demo.demo5 .swiper-slide {
	        border-bottom: 1px solid #f5f5f5;
	    }
	    .news-demo.demo5 .swiper-slide:last-child {
	        border-bottom: 0;
	    }
	    .news-demo.demo5 .swiper-slide a.bg-p-v {
	        height: 121px;
	    }
	    .news-demo.demo5 a.btn:hover {
	        border-color: #0a8;
	        background-color: #0a8;
	    }
	}

	/*模型六——一行两列2*/

	/*.news-demo.demo6 li a.xb6{height: 272px;}*/

	.news-demo.demo6 li a.xb6>div {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border-width: 0;
	    z-index: 2;
	}

	.news-demo.demo6 li>div:hover a.xb6>div {
	    opacity: 1;
	    border-width: 10px;
	}

	.news-demo.demo6 li>div:hover a.xb6>div::after {
	    opacity: 1;
	    visibility: visible;
	}

	.news-demo.demo6 li main {
	    padding: 25px 20px;
	}

	.news-demo.demo6 li main>p {
	    height: 80px;
	}

	.news-demo.demo6 li main>a {
	    width: 120px;
	}

	.news-demo.demo6 li main>a::after {
	    content: "MORE";
	    opacity: 0;
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	.news-demo.demo6 li:hover main>a::after {
	    opacity: 1;
	    left: 40%;
	}

	.news-demo.demo6 li:hover main>a>i {
	    padding-left: 50%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo6 li {
	        padding: 0;
	        margin-bottom: 20px;
	    }
	    .news-demo.demo6 li:last-child {
	        margin: 0;
	    }
	    .news-demo.demo6 li main {
	        padding: 10px;
	    }
	    .news-demo.demo6 li main>p {
	        height: 32px;
	        line-height: 16px;
	    }
	    .news-demo.demo6 li main>a {
	        padding: 0;
	        width: 80px;
	    }
	    .news-demo.demo6 li main>a::after {
	        display: none;
	    }
	    .news-demo.demo6 li:hover main>a>i {
	        padding-left: 0;
	    }
	}

	/*模型七——上图下标题*/

	.news-demo.demo7 h2.bd-mini::after {
	    content: "";
	    display: block;
	    width: 4em;
	    height: 2px;
	    position: absolute;
	    bottom: -2px;
	    left: 0;
	    background-color: #0a8;
	}

	.news-demo.demo7 div>p {
	    height: 54px;
	}

	.news-demo.demo7 li>a {
	    position: relative;
	    color: #333;
	    display: block;
	}

	.news-demo.demo7 li>a>span {
	    display: block;
	    width: 4px;
	    height: 4px;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    background-color: #0ae;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .news-demo.demo7 h2.bd-mini {
	        border: 0;
	        line-height: 10px;
	        font-size: 2.2rem;
	        color: #000;
	    }
	    .news-demo.demo7 h2.bd-mini::after {
	        display: none;
	    }
	    .news-demo.demo7 a.xb6 {
	        height: 100px;
	    }
	    .news-demo.demo7 div.x7>p {
	        height: 40px;
	        line-height: 20px;
	    }
	    .news-demo.demo7 div.x7>a {
	        font-size: 12px;
	        padding: 4px 15px;
	        margin-top: 2px;
	    }
	    .news-demo.demo7 ul a {
	        border-bottom: 1px solid #ddd;
	    }
	}

	/* 新闻十 */

	.new10 .new-section10 p {
	    margin: 0;
	}

	.new10 .new-section10 {
	    padding-bottom: 30px;
	}

	.new10 .swiper-slide .item {
	    width: 100%;
	}

	.new10 .new-section10 .item .img-n10 {
	    width: 100%;
	    position: relative;
	    padding-bottom: 71%;
	    overflow: hidden;
	}

	.new10 .new-section10 .item .img-n10 img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    position: absolute;
	    top: 0;
	    left: 0;
	    -webkit-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.new10 .new-section10 .item:hover .img-n10 img {
	    -ms-transform: scale(1.08, 1.08);
	    -moz-transform: scale(1.08, 1.08);
	    -webkit-transform: scale(1.08, 1.08);
	    -o-transform: scale(1.08, 1.08);
	    transform: scale(1.08, 1.08);
	}

	.new10 .new-section10 .item .txt-n10 {
	    padding: 0 15px;
	    margin-top: -43px;
	    position: relative;
	    z-index: 1;
	}

	.new10 .new-section10 .item .txt-n10 .jut {
	    width: 100%;
	    height: 281px;
	    background-color: #fff;
	    box-shadow: 0 0 29px rgba(0, 0, 0, 0.07);
	    padding: 40px 23px 33px;
	}

	.new10 .new-section10 .item .txt-n10 .jut .font {
	    display: flex;
	    justify-content: space-between;
	    margin-bottom: 35px;
	}

	.new10 .new-section10 .item .txt-n10 .jut .font .lt {
	    width: 70%;
	}

	.new10 .new-section10 .item .txt-n10 .jut .font .lt .tit {
	    font-size: 18px;
	    color: #666666;
	    font-weight: bold;
	    white-space: nowrap;
	    overflow: hidden;
	    width: 100%;
	    text-overflow: ellipsis;
	    margin-bottom: 20px;
	    font-family: "AvantGardeITCbyBT-Book";
	}

	.new10 .new-section10 .item .txt-n10 .jut .font .lt p {
	    width: 100%;
	    overflow: hidden;
	    font-size: 14px;
	    color: #999;
	    height: 91px;
	    line-height: 23px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
	    font-family: "AvantGardeITCbyBT-Book";
	}

	.new10 .new-section10 .item .txt-n10 .jut .font .gt {
	    width: 80px;
	    height: 75px;
	    border: 2px solid #ddd;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    color: #666;
	}

	.new10 .new-section10 .item .txt-n10 .jut .font .gt span {
	    font-size: 24px;
	    font-weight: bold;
	    font-family: "AvantGardeITCbyBT-Book";
	}

	.new10 .new-section10 .item .txt-n10 .jut .but {
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	}

	.new10 .new-section10 .item .txt-n10 .jut .but .ho-but {
	    display: flex;
	    justify-content: space-between;
	    font-size: 14px;
	    color: #666;
	    width: 130px;
	    padding-bottom: 10px;
	}

	.new10 .ho-but {
	    display: flex;
	    justify-content: space-between;
	    width: 141px;
	    color: #666;
	    font-size: 18px;
	    padding-bottom: 10px;
	    text-transform: uppercase;
	    position: relative;
	    padding-top: 10px;
	    margin-top: -10px;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.new10 .ho-but:hover {
	    padding-bottom: 10px !important;
	    color: #fff !important;
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.ho-but span,
	.ho-but i {
	    position: relative;
	    z-index: 2;
	}

	.new10 .bt-bd {
	    display: block;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    height: 4px;
	    z-index: 1;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	    border-radius: 3px;
	}

	.new10 .ho-but:hover .bt-bd {
	    height: 100%;
	}

	.but .txt-hui {
	    color: #666;
	}

	@media (max-width:767px) {
	    .new10 .new-section10 .item .txt-n10 .jut {
	        padding: 25px 15px 20px;
	    }
	    .new10 .new-section10 .item .txt-n10 .jut .font .lt .tit {
	        font-size: 16px;
	    }
	    .new10 .new-section10 .item .txt-n10 .jut .font .gt span {
	        font-size: 20px;
	    }
	    .new10 .new-section10 .item .txt-n10 .jut .font .gt p {
	        font-size: 14px;
	    }
	    .new10 .ho-but span {
	        font-size: 16px;
	    }
	}

	/* 新闻十一 */

	.new11 .new-section11 .new-li {
	    padding-bottom: 10px;
	}

	.new11 .new-section11 ul span {
	    padding: 5px 0;
	    margin: 10px 0;
	    font-size: 18px;
	}

	.new11 .new-section11 ul li {
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	    float: left;
	    margin: 0 10px;
	    cursor: pointer;
	}

	.new11 .new-section11 .nav-box .right {
	    right: 0;
	}

	.new11 .new-section11 .nav-box .img a {
	    overflow: hidden;
	    display: block;
	}

	.new11 .new-section11 .nav-box .img:hover a img {
	    transform: scale(1.03);
	    -webkit-transform: scale(1.03);
	    -o-transform: scale(1.03);
	}

	.new11 .new-section11 .nav-box img {
	    width: 100%;
	}

	.new11 .new-section11 .nav-box .txt-box {
	    padding: 0;
	}

	.new11 .new-section11 .nav-box .txt-box .text {
	    font-size: 14px;
	    vertical-align: middle;
	}

	.new11 .new-section11 .nav-box .txt-box .text i {
	    font-size: 28px;
	    vertical-align: middle;
	}

	.new11 .new-section11 .nav-box .txt-box .text span {
	    vertical-align: middle;
	}

	.new11 .new-section11 .nav-box .txt-box h1 {
	    padding-bottom: 20px;
	    margin-bottom: 10px;
	    position: relative;
	    padding-top: 10px;
	    -webkit-transition: all ease-out .36s;
	    -o-transition: all ease-out .36s;
	    transition: all ease-out .36s;
	    font-size: 2rem;
	}

	.new11 .new-section11 .nav-box .txt-box h1:after {
	    content: "";
	    display: block;
	    border-bottom: 2px solid #999;
	    width: 20px;
	    position: absolute;
	    bottom: 0;
	    -webkit-transition: all ease-out .36s;
	    -o-transition: all ease-out .36s;
	    transition: all ease-out .36s;
	}

	.new11 .new-section11 .nav-box:hover .pos-tc11 h1:after {
	    width: 100%;
	}

	@media (min-width:768px) {
	    .new11 .new-section11 .nav-box:hover .pos-tc11 .txt-box h1 {
	        padding-bottom: 50px;
	    }
	    .new11 .new-section11 .new-li {
	        padding-bottom: 30px;
	    }
	    .new11 .new-section11 .new-li ul li {
	        font-size: 18px;
	        margin: 0 35px;
	    }
	    .new11 .new-section11 .nav-box .txt-box {
	        padding-left: 30px;
	        padding-right: 40px;
	    }
	    .new11 .new-section11 .nav-box .txt-box .text {
	        font-size: 16px;
	    }
	    .new11 .new-section11 .nav-box .txt-box h1 {
	        padding-bottom: 30px;
	        margin-bottom: 20px;
	        padding-top: 0;
	        font-size: 3rem;
	    }
	    .new11 .new-section11 .nav-box .img {
	        text-align: right;
	        padding-left: 30px;
	        padding-bottom: 40px;
	    }
	    .new11 .new-section11 .nav-box .pos-tc11 {
	        position: absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        -webkit-transform: translateY(-50%);
	        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	    }
	}

	/* 新闻模板——新闻十四 */

	.new14 p {
	    margin: 0;
	}

	.new14 img {
	    max-width: 100%;
	}

	.new14 .txt {
	    padding: 15px 0;
	}

	.new14 .txt h1 {
	    float: left;
	    font-size: 2rem;
	    margin: 0;
	    color: #000;
	}

	.new14 .txt a {
	    float: right;
	    font-size: 1.4rem;
	}

	.new14 .txt .more {
	    right: 0;
	    padding-right: 10px;
	}

	.new14 .txt .more:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 50%;
	    right: 0;
	    margin: auto;
	    width: 6px;
	    height: 6px;
	    border-top: 1px solid #000;
	    border-right: 1px solid #000;
	    -webkit-transform: rotate(45deg) translateY(-50%);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg) translateY(-50%);
	}

	.new14 .new_left .swiper-container {
	    padding-bottom: 5px;
	}

	.new14 .new_left li:hover {
	    border-color: transparent;
	}

	.new14 .new_left .swiper-slide:after,
	.new14 .new_right .swiper-container:after {
	    content: "";
	    display: block;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 0;
	    border: 1px dashed #a1a1a1;
	    margin: auto;
	}

	.new14 .new_right .swiper-container:after {
	    border: 0;
	    border-bottom: 1px dashed #a1a1a1;
	}

	.new14 .new_left .swiper-slide:hover:after,
	.new14 .new_right .swiper-container:hover:after {
	    display: none;
	}

	.new14 .ui_mid3 {
	    display: flex;
	    align-items: center;
	    padding: 0 80px 0 15px;
	    width: 100%;
	    transition: all .5s ease;
	}

	.new14 .ui_mid3:hover {
	    box-shadow: 0 0 10px 0 rgb(0 0 0 / 19%);
	    background-color: #fff;
	    top: -5px;
	}

	.new14 .new_left li {
	    display: flex;
	}

	.new14 .new_left li a:before,
	.new14 .new_left li a:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 50%;
	    right: 30px;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -ms-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	}

	.new14 .new_left li a:before {
	    width: 20px;
	    height: 2px;
	    margin-top: -1px;
	    margin-right: 0;
	}

	.new14 .new_left li a:after {
	    width: 2px;
	    height: 20px;
	    margin-top: -10px;
	    margin-right: 9px;
	}

	.new14 .new_left li:hover a:before,
	.new14 .new_left li:hover a:after {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    );
	}

	.new14 .new_left li .news_date {
	    color: #333;
	}

	.new14 .new_left li:hover .news_date {
	    color: #333;
	}

	.new14 .new_left li .p2 {
	    margin: 15px 0;
	    color: #000;
	}

	.new14 .new_left li:hover .p2 {
	    color: #000;
	}

	.new14 .txt {
	    margin-bottom: 20px;
	}

	.new14 .new_right .swiper-container:hover {
	    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	    box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	}

	.new14 .new_right .pic_img {
	    overflow: hidden;
	}

	.new14 .new_right .pic_img img {
	    width: 100%;
	}

	.new14 .new_right .pic_img:hover img {
	    -ms-transform: scale(1.08, 1.08);
	    -moz-transform: scale(1.08, 1.08);
	    -webkit-transform: scale(1.08, 1.08);
	    -o-transform: scale(1.08, 1.08);
	    transform: scale(1.08, 1.08);
	}

	.new14 .new_right a {
	    padding: 20px;
	}

	.new14 .new_right a:hover {
	    color: #000;
	}

	.new14 .new_right .title h4 {
	    padding: 20px 0;
	}

	.new14 .swiper-pagination {
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    bottom: 0;
	}

	.new14 .swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    border: none;
	    opacity: 0.2;
	    margin: 0 4px !important;
	}

	.new14 .swiper-pagination-bullet-active {
	    opacity: 1;
	}

	.new14 .pad_l {
	    padding: 25px 25px 30px 0;
	}

	.new14 .pad_r {
	    padding: 25px 0 30px 25px;
	}

	@media (min-width:768px) {
	    .new14 .ui_mid3 {
	        position: absolute;
	        top: 0;
	        height: 100%;
	    }
	}

	@media (max-width:767px) {
	    .new14 .txt {
	        margin: 0;
	    }
	    .new14 .ui_mid3 {
	        display: block;
	        width: 80%;
	        padding: 0;
	    }
	    .new14 .pad_l {
	        padding: 25px 0 30px 0;
	    }
	    .new14 .pad_r {
	        padding: 25px 0 30px 0;
	    }
	    .new14 .new_left li {
	        padding: 15px 0;
	    }
	}

	/* 新闻模板——新闻十六 */

	.new16 .new-section16 .new-li ul {
	    display: flex;
	    height: 120px;
	}

	.new16 .new-section16 .new-li li {
	    flex: 1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100px;
	    position: relative;
	    background-color: #eee;
	}

	.new16 .new-section16 .new-li li.active:after {
	    content: "";
	    position: absolute;
	    bottom: -40px;
	    border-style: solid;
	    border-width: 20px;
	    display: block;
	    height: 0;
	    width: 0;
	}

	.new16 .new-section16 .new-li li h3 {
	    font-size: 2.4rem;
	    font-weight: bold;
	    margin: 0;
	}

	.new16 .new-section16 .new-li li.active h3 {
	    color: #fff;
	    margin: 0;
	}

	.new16 .new-section16 .nav-box img {
	    width: 100%;
	}

	.new16 .new-section16 .nav-box .txt-box h1 {
	    font-size: 2.4rem;
	    font-weight: bold;
	    padding-bottom: 30px;
	    padding-top: 0;
	    padding-top: 30px;
	    margin-bottom: 0;
	}

	.new16 .new-section16 .nav-box:hover h1:after {
	    width: 100%;
	}

	.new16 .new-section16 .nav-box .txt-box .text {
	    font-size: 1.6rem;
	}

	@media (max-width:767px) {
	    .new16 .new-section16 {
	        padding: 0;
	    }
	    .new16 .new-section16 .new-li ul {
	        height: 60px;
	    }
	    .new16 .new-section16 .new-li li {
	        height: 50px;
	    }
	    .new16 .new-section16 .new-li li h3 {
	        font-size: 1.4rem;
	    }
	    .new16 .new-section16 .new-li li.active:after {
	        bottom: -20px;
	        border-width: 10px;
	    }
	    .new16 .new-section16 .nav-box .txt-box {
	        padding-bottom: 20px;
	    }
	    .new16 .new-section16 .nav-box .txt-box h1 {
	        font-size: 1.8rem;
	        padding: 20px 0;
	    }
	}

	@media (min-width:768px) {
	    .new16 .new-section16 .nav-box .txt-box {
	        position: absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        -webkit-transform: translateY(-50%);
	        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	        height: 70%;
	        right: 6%;
	        width: 350px;
	        background-color: rgb(0 0 0 / 50%);
	        color: #fff;
	        cursor: default;
	    }
	    .new16 .new-section16 .nav-box .txt-box .txt {
	        padding: 20px;
	    }
	}

	/* 新闻模板——新闻十七 */

	.new17 .swiper-box img {
	    width: 100%;
	}

	.new17 .swiper-box .pic_img:hover img {
	    -ms-transform: scale(1.05);
	    -moz-transform: scale(1.05);
	    -webkit-transform: scale(1.05);
	    -o-transform: scale(1.05);
	    transform: scale(1.05);
	}

	.new17 .swiper-box .txt {
	    text-align: center;
	    background-color: #f2f2f2;
	    padding: 25px 0;
	}

	.new17 .swiper-box h2 {
	    font-size: 2rem;
	    color: #000;
	}

	.new17 .swiper-box p {
	    font-size: 1.2rem;
	    color: #999;
	}

	@media (min-width:1024px) {
	    .new17 .swiper-box {
	        padding: 0 40px;
	    }
	    .new17 .swiper-box .pic_img {
	        padding: 20px 10px 0px 10px;
	    }
	    .new17 .swiper-box .txt {
	        margin: 0 10px;
	    }
	    .new17 .nav-demo {
	        position: absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        -webkit-transform: translateY(-50%);
	        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	        left: 0;
	    }
	    .new17 .nav-demo li {
	        font-size: 4rem;
	        width: 40px;
	        text-align: center;
	    }
	    .new17 .nav-demo li:nth-child(odd) {
	        padding-left: 10px;
	    }
	    .new17 .nav-demo li:nth-child(even) {
	        padding-right: 10px;
	    }
	    .new17 .nav-demo li:nth-child(odd):hover {
	        padding-left: 0;
	    }
	    .new17 .nav-demo li:nth-child(even):hover {
	        padding-right: 0;
	    }
	}

	/*简介模型*/

	/*模型一*/

	.intro-demo.demo1 main.xb9>a {
	    padding: 75px 300px 95px 74px;
	}

	.intro-demo.demo1 main.xb9>a::after {
	    content: "";
	    position: relative;
	    bottom: 0;
	    left: 0;
	    display: block;
	    height: 1px;
	    width: 0;
	    background-color: rgba(255, 255, 255, .5);
	    -webkit-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.intro-demo.demo1 main.xb9>a:hover::after {
	    width: 36px;
	}

	.intro-demo.demo1 main.xb9>a>h3 {
	    color: rgba(255, 255, 255, .3);
	}

	.intro-demo.demo1 main.xb9>a>p {
	    color: rgba(255, 255, 255, .5);
	}

	.intro-demo.demo1 div.xb5 {
	    position: absolute;
	    top: 50%;
	    right: 0;
	    transform: translateY(-50%);
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .intro-demo.demo1 .container {
	        padding: 0;
	    }
	    .intro-demo.demo1 main.xb9>a {
	        padding: 50px 15px 40px 15px;
	        color: #444;
	    }
	    .intro-demo.demo1 main.xb9>a>h3 {
	        color: #c1c1c1;
	    }
	    .intro-demo.demo1 main.xb9>a>p {
	        color: #929292;
	        font-size: 1.2rem;
	        line-height: 24px;
	    }
	    .intro-demo.demo1 main.xb9>a>button {
	        width: 70%;
	        margin: auto;
	    }
	    .intro-demo.demo1 div.xb5 {
	        position: static;
	        transform: translateY(0);
	    }
	}

	/*模型二*/

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .intro-demo.demo2 span {
	        font-size: 1.2rem;
	    }
	    .intro-demo.demo2 h1 {
	        font-size: 2.4rem;
	    }
	    .intro-demo.demo2 p {
	        line-height: 24px;
	    }
	}

	/*模型三*/

	.intro-demo.demo3 main.xb6 {
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.intro-demo.demo3 .btn {
	    width: 158px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .intro-demo.demo3 main.xb6 {
	        position: sticky;
	        transform: translateY(0);
	        padding: 60px 20px;
	    }
	    .intro-demo.demo3 main.xb6 p {
	        width: 100%;
	        margin-left: 0;
	    }
	    .intro-demo.demo3 .btn {
	        width: 118px;
	        line-height: 24px;
	    }
	}

	/*模型四*/

	/* .intro-demo.demo4{padding: 80px 0 110px 0;} */

	.intro-demo.demo4 {
	    background-size: cover;
	    background-attachment: fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	}

	.intro-demo.demo4 h1 {
	    font-weight: bold;
	}

	/* .intro-demo.demo4 main.xb6{right: 0;top: 50%;transform: translateY(-50%);} */

	.intro-demo.demo4 .btn {
	    width: 158px;
	}

	.intro-demo.demo4 a.btn {
	    width: 162px;
	    height: 40px;
	}

	.intro-demo.demo4 a.btn:hover {
	    border-color: #0a8;
	}

	.intro-demo.demo4 a.btn>i {
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.intro-demo.demo4 a.btn>i:nth-child(1) {
	    top: 50%;
	}

	.intro-demo.demo4 a.btn>i:nth-child(2) {
	    top: 150%;
	}

	.intro-demo.demo4 a.btn:hover>i:nth-child(1),
	.news-demo.demo5 a.btn:hover>i:nth-child(1) {
	    top: -50%;
	}

	.intro-demo.demo4 a.btn:hover>i:nth-child(2),
	.news-demo.demo5 a.btn:hover>i:nth-child(2) {
	    top: 50%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .intro-demo.demo4 {
	        padding: 30px 0 0 0;
	    }
	    .intro-demo.demo4 h1 {
	        font-size: 2rem;
	        font-weight: normal;
	    }
	    .intro-demo.demo4 p {
	        line-height: 24px;
	        text-align: left;
	        text-indent: 2rem;
	    }
	    .intro-demo.demo4 a.btn {
	        width: 150px;
	        height: 32px;
	    }
	}

	/*模型五*/

	.intro-demo.demo5 .layout {
	    height: 900px;
	}

	.intro-demo.demo5 .absolute {
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.intro-demo.demo5 a.btn {
	    width: 120px;
	    margin: 30px auto 0 auto;
	}

	.intro-demo.demo5 a.btn::after {
	    content: "MORE";
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	.intro-demo.demo5 a.btn:hover::after {
	    color: #f60;
	    left: 40%;
	}

	.intro-demo.demo5 a.btn:hover>i {
	    padding-left: 50%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .intro-demo.demo5 {
	        padding: 30px 0 0 0;
	    }
	    .intro-demo.demo5 .layout {
	        height: auto;
	    }
	    .intro-demo.demo5 .container {
	        padding: 0;
	    }
	    .intro-demo.demo5 h1 {
	        font-size: 1.8rem;
	        font-weight: normal;
	    }
	    .intro-demo.demo5 p {
	        line-height: 24px;
	        margin: 0;
	    }
	    .intro-demo.demo5 a.btn {
	        width: 162px;
	        height: 37px;
	    }
	    .intro-demo.demo5 a.btn::after {
	        display: none;
	    }
	    .intro-demo.demo5 .absolute {
	        position: static;
	        transform: translate(0);
	    }
	    .intro-demo.demo5 .absolute .bd-bottom,
	    .intro-demo.demo5 .absolute .bd {
	        border: 0;
	    }
	    .intro-demo.demo5 .absolute .img-box {
	        margin: 20px -20px 0 -20px;
	    }
	}

	/* 模型八 */

	.product {
	    position: relative;
	    background: #f0f0f0;
	}

	.product ul {
	    position: relative;
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}

	.product ul li {
	    margin-bottom: 30px;
	}

	.product ul li a {
	    position: relative;
	    display: block;
	    width: 100%;
	    background-color: #fff;
	    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	    overflow: hidden;
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    color: inherit;
	    text-decoration: none;
	    cursor: pointer;
	    display: table;
	}

	.product ul li a:hover {
	    box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
	}

	.product ul li a .info .title {
	    line-height: 1.2;
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    white-space: nowrap;
	    margin: 0 0 10px 0;
	    font-size: 36px;
	    color: #000;
	    padding: 0;
	}

	.product ul li a .info .cn {
	    margin: 0 0 20px 0;
	    color: #999;
	    padding: 0;
	}

	.product ul li a .info .view {
	    display: inline-block;
	    ;
	    font-size: 12px;
	}

	.product ul li a .info .view i {
	    margin-left: 2px;
	    font-size: 16px;
	}

	.product ul li a .pic img {
	    width: 100%;
	    margin-right: -1px;
	    vertical-align: middle;
	}

	.product .anim_emt {
	    visibility: hidden;
	}

	.product .anim_emt.start-animation.b_to_t {
	    -webkit-animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    visibility: visible;
	}

	.product .anim_emt.start-animation.l_to_r {
	    -webkit-animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    visibility: visible;
	}

	.product .anim_emt.start-animation.r_to_l {
	    -webkit-animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
	    visibility: visible;
	}

	@keyframes mk_right_to_left {
	    0% {
	        -webkit-transform: translate(30px, 0);
	        transform: translate(30px, 0);
	        opacity: 0
	    }
	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	        opacity: 1
	    }
	}

	@keyframes mk_left_to_right {
	    0% {
	        -webkit-transform: translate(-30px, 0);
	        transform: translate(-30px, 0);
	        opacity: 0
	    }
	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	        opacity: 1
	    }
	}

	@keyframes mk_bottom_to_top {
	    0% {
	        -webkit-transform: translate(0, 50px);
	        transform: translate(0, 50px);
	        opacity: 0;
	    }
	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	        opacity: 1;
	    }
	}

	.product ul li a .info {
	    text-align: left;
	    vertical-align: middle;
	    padding: 30px;
	    float: none;
	}

	.product ul li a .pic {
	    vertical-align: middle;
	    float: none;
	}

	@media (min-width:768px) {
	    .product ul li a .info {
	        display: table-cell;
	    }
	    .product ul li a .info {
	        padding: 40px;
	    }
	    .product ul li a .pic {
	        display: table-cell;
	    }
	}

	/* 模型九 */

	.introduce9 .conts {
	    width: 100%;
	    display: block;
	}

	.introduce9 .conts .title {
	    line-height: 1;
	    position: relative;
	}

	.introduce9 .conts .num {
	    font-size: 4.4rem;
	}

	.introduce9 .conts .type {
	    font-size: 14px;
	    margin-left: 10px;
	}

	.introduce9 .conts .info {
	    font-size: 16px;
	}

	.introduce9 ul li {
	    display: inline-block;
	    vertical-align: top;
	    width: 50%;
	    color: #fff;
	    text-align: center;
	    position: relative;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

	.introduce9 ul li:nth-child(1) .conts:after {
	    display: none;
	}

	.introduce9 ul li:nth-child(1)::before,
	.introduce9 ul li:nth-child(2)::before {
	    display: none;
	}

	.introduce9 ul li:nth-child(5),
	.introduce9 ul li:nth-child(6) {
	    padding-bottom: 5px;
	}

	.introduce9 ul li:nth-child(even):after {
	    display: none;
	}

	.introduce9 ul li:nth-child(odd) .conts:after {
	    content: '';
	    position: absolute;
	    width: 9px;
	    height: 9px;
	    background-color: #fff;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    right: -4px;
	    top: -4px;
	}

	.introduce9 ul li::before {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 1px;
	    top: 0;
	    left: 0;
	    background-color: rgba(255, 255, 255, 0.2);
	}

	.introduce9 ul li:after {
	    content: '';
	    position: absolute;
	    width: 1px;
	    height: 100%;
	    top: 0;
	    right: 0;
	    background-color: rgba(255, 255, 255, 0.2);
	}

	.introduce9 .pic_img {
	    position: relative;
	}

	.introduce9 .txt {
	    position: absolute;
	    z-index: 22;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 9.31373% 7.84314% 0;
	}

	.introduce9 .txt h4,
	.introduce9 .txt p {
	    color: #fff;
	}

	.introduce9 .txt h4 {
	    font-size: 44px;
	}

	.introduce9 .txt p {
	    font-size: 20px;
	}

	.introduce9 .txt .more {
	    position: absolute;
	    bottom: 0;
	}

	.introduce9 .btn-more {
	    display: inline-block;
	    vertical-align: top;
	    color: #fff;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    position: relative;
	    font-size: 18px;
	    padding: 13px 30px;
	    line-height: 1.5;
	}

	.introduce9 .btn-more i {
	    font-size: 2rem;
	    color: #fff;
	    margin-left: 20px;
	}

	/* .introduce9 .title-p-c .size-16{text-align: left;} */

	.introduce9 .pad-r {
	    padding-right: 60px;
	}

	@media (max-width:767px) {
	    .introduce9 .conts .num {
	        font-size: 3rem;
	    }
	    .introduce9 .conts .type {
	        font-size: 1.2rem;
	        display: block;
	        padding-top: 10px;
	    }
	    .introduce9 .conts .info {
	        font-size: 1.4rem;
	    }
	    .introduce9 .txt {
	        position: initial;
	    }
	    .introduce9 .txt h4 {
	        font-size: 2.4rem;
	    }
	    .introduce9 .txt p {
	        font-size: 1.4rem;
	    }
	    .introduce9 .btn-more {
	        font-size: 1.4rem;
	        padding: 6px 15px;
	        margin-top: 15px;
	    }
	    .introduce9 .txt .more {
	        position: initial;
	    }
	    .introduce9 .pad-r {
	        padding: 0;
	    }
	}

	/* 简介十 */

	.introduce10 .txt {
	    color: #fff;
	}

	.introduce10 .txt h4 {
	    font-size: 3.6rem;
	    position: relative;
	    padding: 40px 0;
	}

	.introduce10 .txt h4:after {
	    content: "";
	    display: block;
	    position: absolute;
	    bottom: 0;
	    width: 100px;
	    height: 3px;
	}

	.introduce10 .txt .content {
	    font-size: 1.4rem;
	    margin: 40px 0;
	}

	.introduce10 .more-btn {
	    border: 2px solid #fff;
	    text-align: center;
	    color: #fff;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.introduce10 .more-btn a {
	    color: #fff;
	    padding: 20px 10px;
	    display: block;
	}

	.introduce10 .mod_right {
	    width: calc(100% - 300px);
	    position: relative;
	}

	.introduce10 .mod_right dl {
	    color: #fff;
	}

	.introduce10 .store_total {
	    position: absolute;
	    top: 0.75rem;
	    right: 0;
	    z-index: 3;
	}

	.introduce10 .flex_w {
	    display: flex;
	    flex-wrap: wrap;
	}

	.introduce10 .store_total dd:not(:first-of-type) {
	    margin-left: 4rem;
	}

	.introduce10 .store_total .s2 {
	    display: block;
	    font-size: 6rem;
	    line-height: 1;
	    margin-top: 10px;
	}

	.introduce10 .store_layout {
	    min-width: 54.98%;
	    width: 574px;
	    max-width: 81%;
	    margin-left: 9.5%;
	}

	.introduce10 .mod_right dl em {
	    font-style: normal;
	}

	@media (min-width:768px) {
	    .introduce10 {
	        background-size: cover;
	        background-attachment: fixed;
	        background-position: center;
	        background-repeat: no-repeat;
	    }
	    .introduce10 .mod_left {
	        width: 300px;
	    }
	}

	@media (max-width:767px) {
	    .introduce10 .mod_left {
	        text-align: center;
	    }
	    .introduce10 .txt h4 {
	        padding: 20px;
	    }
	    .introduce10 .txt h4:after {
	        left: 50%;
	        transform: translateX(-50%);
	        -webkit-transform: translateX(-50%);
	        -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	    }
	    .introduce10 .txt .content {
	        margin: 20px 0;
	    }
	    .introduce10 .more-btn {
	        width: 150px;
	        margin: 0 auto;
	    }
	    .introduce10 .more-btn a {
	        padding: 10px;
	    }
	    .introduce10 .mod_right {
	        width: 100%;
	        margin-top: 20px;
	    }
	    .introduce10 .store_total {
	        position: static;
	        justify-content: center;
	    }
	    .introduce10 .store_total .s2 {
	        font-size: 26px;
	    }
	    .introduce10 .store_total dd:not(:first-of-type) {
	        margin-left: 15px;
	    }
	}

	/*团队模型*/

	/*模型一*/

	.team-demo.demo1 li {
	    /*height: 517px;*/
	    list-style: none;
	}

	/*.team-demo.demo1 li .img-box{height: 385px;}*/

	.team-demo.demo1 li .img-box::before {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    /*border: 5px solid #383838;*/
	    border-top: 0px;
	    opacity: 0;
	    transition: all 0.3s ease-out 0s;
	    z-index: 10
	}

	.team-demo.demo1 li:hover .img-box::before {
	    opacity: 1;
	    z-index: 2
	}

	.team-demo.demo1 li:hover .img-box>img {
	    margin-top: -20px;
	}

	.team-demo.demo1 li main {
	    padding: 33px 40px 22px 20px;
	    transition: all 0.3s ease-out 0s;
	    margin-top: 0;
	    z-index: 2;
	}

	.team-demo.demo1 li:hover main {
	    margin-top: -60px;
	}

	.team-demo.demo1 li:nth-of-type(odd) .img-box::before {
	    border-left: 5px solid #383838;
	    border-top: 5px solid #383838;
	    border-right: 5px solid #383838;
	}

	.team-demo.demo1 li:nth-of-type(even) .img-box::before {
	    border-left: 5px solid #383838;
	    border-bottom: 5px solid #383838;
	    border-right: 5px solid #383838;
	}

	.team-demo.demo1 li:nth-of-type(even) .img-box {
	    margin-top: 52%;
	}

	.team-demo.demo1 li:nth-of-type(even):hover .img-box>img {
	    margin-top: 5%;
	}

	/*.team-demo.demo1 li:nth-of-type(even):hover .img-box::before{margin-top: 0%;}*/

	.team-demo.demo1 li:nth-of-type(even) main {
	    margin-top: -119%;
	}

	.team-demo.demo1 li:nth-of-type(even):hover main {
	    margin-top: -125%;
	}

	.team-demo.demo1 li main>p {
	    height: 0;
	}

	.team-demo.demo1 li:hover main>p {
	    height: 60px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .team-demo.demo1 li,
	    .team-demo.demo1 li .img-box {
	        height: auto;
	    }
	    .team-demo.demo1 li {
	        border-bottom: 1px solid #e4e4e4;
	    }
	    .team-demo.demo1 .relative {
	        position: sticky;
	    }
	    .team-demo.demo1 li .img-box::before {
	        display: none;
	    }
	    .team-demo.demo1 li:hover .img-box>img {
	        margin-top: 0;
	    }
	    .team-demo.demo1 li main {
	        padding: 0 0 0 15px;
	    }
	    .team-demo.demo1 li:nth-of-type(even) main {
	        padding: 0 15px 0 0;
	    }
	    .team-demo.demo1 li:hover main {
	        margin-top: 0;
	    }
	    .team-demo.demo1 li main>p,
	    .team-demo.demo1 li:hover main>p {
	        height: auto;
	    }
	    .team-demo.demo1 li main,
	    .team-demo.demo1 li:nth-of-type(even) .img-box {
	        float: right;
	    }
	    .team-demo.demo1 li main,
	    .team-demo.demo1 li:nth-of-type(even) .img-box,
	    .team-demo.demo1 li:nth-of-type(even):hover .img-box>img,
	    .team-demo.demo1 li:nth-of-type(even) main,
	    .team-demo.demo1 li:nth-of-type(even):hover main {
	        margin-top: 0;
	    }
	}

	/*模型二——轮播*/

	.team-demo.demo2 .swiper-box {
	    padding: 0 80px;
	}

	.team-demo.demo2 main {
	    padding: 30px 48px;
	}

	.team-demo.demo2 .radius-none {
	    right: 0;
	    bottom: 0;
	    width: 140px;
	    z-index: 2;
	}

	/*前进后退*/

	.team-demo.demo2 .nav-demo {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}

	.team-demo.demo2 .nav-demo.demo2 li>a {
	    width: 50px;
	    height: 50px;
	    background: url(../images/icon2.png)no-repeat;
	}

	.team-demo.demo2 .nav-demo.demo2 li:first-child>a {
	    background-position: -10px -16px;
	}

	.team-demo.demo2 .nav-demo.demo2 li:first-child:hover>a {
	    background-position: -10px -78px;
	}

	.team-demo.demo2 .nav-demo.demo2 li:last-child>a {
	    background-position: -58px -16px;
	}

	.team-demo.demo2 .nav-demo.demo2 li:last-child:hover>a {
	    background-position: -58px -78px;
	}

	/*分页*/

	.team-demo.demo2 .swiper-pagination {
	    width: auto;
	    left: 29%;
	    bottom: 10%
	}

	.team-demo.demo2 .swiper-pagination-bullet {
	    position: relative;
	    width: 12px;
	    height: 12px;
	    border-radius: 0;
	    background-color: rgba(92, 92, 92, 0);
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    opacity: 1;
	    border: 1px solid rgba(56, 56, 56, 0)
	}

	.team-demo.demo2 .swiper-pagination-bullet::after {
	    content: "";
	    display: block;
	    width: 4px;
	    height: 4px;
	    background-color: rgba(82, 82, 82, 0.19);
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}

	.team-demo.demo2 .swiper-pagination-bullet-active,
	.team-demo.demo2 .swiper-pagination-bullet:hover {
	    border: 1px solid rgba(56, 56, 56, 0.26);
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .team-demo.demo2 .swiper-box {
	        padding: 0;
	    }
	    .team-demo.demo2 .swiper-slide {
	        background-color: #fff;
	        padding: 20px 0;
	        border-bottom: 1px solid #EAEAEA;
	    }
	    .team-demo.demo2 main {
	        padding: 0 0 0 15px;
	    }
	}

	/*模型三——一行四列*/

	.team-demo.demo3 main {
	    padding: 30px 20px 36px;
	}

	.team-demo.demo3 .swiper-slide:hover main {
	    padding-top: 40px;
	    padding-bottom: 46px;
	    margin-top: -20px;
	    z-index: 2;
	    position: relative;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .team-demo.demo3 .swiper-slide {
	        border-bottom: #e4e4e4 1px dotted;
	    }
	    .team-demo.demo3 main {
	        padding: 0 0 0 15px;
	        background: rgba(255, 255, 255, 0);
	    }
	    .team-demo.demo3 .swiper-slide:hover main {
	        padding: 0 0 0 15px;
	        margin: 0;
	        position: static;
	    }
	}

	/*模型四——继承模型三，但是可用于内页列表*/

	.team-demo.demo4 section {
	    margin: -15px;
	}

	.team-demo.demo4 .x12 {
	    padding-left: 15px;
	    padding-right: 15px;
	    margin: 10px 0;
	}

	.team-demo.demo4 .x12>li main {
	    margin: 0;
	    padding: 30px 20px 36px;
	}

	.team-demo.demo4 .x12>li main {
	    height: 184px;
	}

	.team-demo.demo4 .x12>li:hover main {
	    height: 204px;
	    padding-top: 40px;
	    margin-top: -20px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .team-demo.demo4 section {
	        margin: unset;
	    }
	    .team-demo.demo4 .x12 {
	        border-bottom: #e4e4e4 1px dotted;
	        margin: unset;
	    }
	    .team-demo.demo4 .x12>li main {
	        padding: 0 0 0 15px;
	        background: rgba(255, 255, 255, 0);
	        height: unset;
	    }
	    .team-demo.demo4 .x12>li:hover main {
	        padding: 0 0 0 15px;
	        margin: 0;
	        position: unset;
	        height: unset;
	    }
	}

	/*模型五——继承模型三，但是可用于内页列表*/

	.team-demo.demo5 section {
	    margin: -15px;
	}

	.team-demo.demo5 .x12 {
	    padding-left: 15px;
	    padding-right: 15px;
	    margin: 10px 0;
	}

	.team-demo.demo5 .x12>li main {
	    margin: 0;
	    padding: 30px 20px 36px;
	}

	.team-demo.demo5 .x12>li main {
	    height: 184px;
	}

	.team-demo.demo5 .x12>li:hover main {
	    height: 140px;
	    padding-top: 40px;
	    margin-top: -40px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .team-demo.demo5 section {
	        margin: unset;
	    }
	    .team-demo.demo5 .x12 {
	        border-bottom: #e4e4e4 1px dotted;
	        margin: unset;
	    }
	    .team-demo.demo5 .x12>li main {
	        padding: 0 0 0 15px;
	        background: rgba(255, 255, 255, 0);
	        height: unset;
	    }
	    .team-demo.demo5 .x12>li:hover main {
	        padding: 0 0 0 15px;
	        margin: 0;
	        position: unset;
	        height: unset;
	    }
	}

	/*基础文字模板*/

	/*模版一*/

	.basictext-demo.demo1 {
	    height: 400px;
	}

	.basictext-demo.demo1 .xb40 {
	    padding: 60px;
	}

	.basictext-demo.demo1 .xb40 .line {
	    width: 35px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .basictext-demo.demo1 {
	        height: 110px;
	    }
	    .basictext-demo.demo1 .xb40 {
	        padding: 5px 14px;
	    }
	    .basictext-demo.demo1 .xb40 h1 {
	        font-size: 2rem;
	    }
	    .basictext-demo.demo1 .xb40 .line {
	        width: 20px;
	    }
	    .basictext-demo.demo1 .xb40 p {
	        line-height: 22px;
	        font-size: 1.2rem;
	    }
	}

	/*模型二*/

	.basictext-demo.demo2 ul.container {
	    height: 400px;
	}

	.basictext-demo.demo2 .show-b li {
	    padding: 50px 0;
	}

	.basictext-demo.demo2 .show-b li:hover {
	    margin-top: -50px;
	}

	.basictext-demo.demo2 .show-b li>a {
	    padding: 50px;
	}

	.basictext-demo.demo2 .show-b li>a>span {
	    width: 25px;
	    margin: auto;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .basictext-demo.demo2 {
	        height: auto;
	    }
	    .basictext-demo.demo2 h1 {
	        font-size: 1.4rem;
	    }
	    /*选项卡*/
	    .basictext-demo.demo2 #basictext-tab li {
	        display: inline-block;
	        margin-left: 20px;
	        padding: 4px 20px;
	        border-radius: 3rem;
	        background-color: #F2F2F2;
	    }
	    .basictext-demo.demo2 #basictext-tab li:first-child {
	        margin-left: 0;
	    }
	    .basictext-demo.demo2 #basictext-tab li.active {
	        background-color: #E6001F;
	        color: #fff;
	    }
	    .basictext-demo.demo2 #basictext-tab section {
	        display: none;
	    }
	    .basictext-demo.demo2 #basictext-tab section.active {
	        display: block;
	    }
	}

	/*模型三*/

	.basictext-demo.demo3 h1 {
	    margin: 55px 0;
	}

	.basictext-demo.demo3 .btn {
	    padding: 10px 40px;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .basictext-demo.demo3 h1 {
	        font-size: 1.8rem;
	        margin: 30px;
	    }
	    .basictext-demo.demo3 .btn {
	        font-size: 1.2rem;
	        padding: 5px 20px;
	    }
	}

	/*基础文字六*/

	.basictext6 .xb4 .txt {
	    padding-bottom: 20px;
	}

	.basictext6 .txt h4 {
	    position: relative;
	    font-size: 2rem;
	    padding-left: 20px;
	}

	.basictext6 .txt h4:after {
	    content: "";
	    display: block;
	    position: absolute;
	    height: 100%;
	    left: 0;
	    top: 0;
	    border-left: 2px solid #000;
	}

	.basictext6 .txt p {
	    font-size: 1.4rem;
	    padding-left: 20px;
	    line-height: 1.8;
	    height: 105px;
	}

	.basictext6 .txt .more-btn {
	    width: 25px;
	    height: 25px;
	    overflow: hidden;
	    position: relative;
	    margin-left: 20px;
	    display: block;
	    transition: all .5s ease;
	}

	.basictext6 .txt .more-btn span {
	    position: absolute;
	    display: inline-block;
	    width: 25px;
	    height: 25px;
	    border: 1px solid #000;
	    border-radius: 50%;
	    cursor: pointer;
	}

	.basictext6 .txt .more-btn span:after {
	    left: 0;
	    right: 7px;
	    border-right: 1px solid #000;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.basictext6 .txt .more-btn span:after {
	    content: "";
	    display: block;
	    margin: auto;
	    width: 10px;
	    height: 10px;
	    border-top: 1px solid #000;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	}

	.basictext6 .txt .more-btn .a1 {
	    transition: all .5s ease;
	    left: 0;
	}

	.basictext6 .txt .more-btn .a2 {
	    left: -25px;
	    transition: all .5s ease;
	}

	.space-nowrap4 {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
	}

	.basictext6 .txt .more-btn:hover .a1 {
	    left: 25px;
	}

	.basictext6 .txt .more-btn:hover .a2 {
	    left: 0;
	}

	@media (min-width:768px) {
	    .basictext6 .container {
	        padding: 0;
	    }
	    .basictext6 .wrap .txt {
	        padding: 0 15px;
	    }
	}

	/*基础文字八*/

	.basictext8 {
	    height: 210px;
	}

	.basictext8 img {
	    width: auto;
	}

	.basictext8 ul {
	    position: absolute;
	    width: 100%;
	    z-index: 11;
	    left: 0;
	}

	.basictext8 ul .item {
	    background-color: #fff;
	    height: 300px;
	    padding: 50px 30px;
	}

	.basictext8 ul .item .img_auto {
	    margin-bottom: 20px;
	}

	.basictext8 ul .item .txt .sub {
	    font-size: 2rem;
	    font-weight: bold;
	}

	.basictext8 ul .item .txt .cont {
	    font-size: 1.4rem;
	    line-height: 1.8;
	}

	@media (max-width:767px) {
	    .basictext8 {
	        height: auto;
	    }
	    .basictext8 ul {
	        position: initial;
	    }
	    .basictext8 ul li {
	        padding: 10px 0;
	    }
	    .basictext8 ul .item .txt {
	        text-align: center;
	    }
	    .basictext8 ul .item .txt .sub {
	        font-size: 1.4rem;
	    }
	    .basictext8 ul .item {
	        height: auto;
	        padding: 10px;
	    }
	}

	@media (min-width:768px) {
	    .basictext8 ul {
	        top: -120px;
	    }
	}

	@media (min-width:1420px) {
	    .basictext8 ul {
	        top: -150px;
	    }
	}

	/*基础文字九*/

	.basictext9 .txt {
	    position: relative;
	    padding-left: 20px;
	}

	.basictext9 .txt:before {
	    content: "";
	    position: absolute;
	    height: 30%;
	    left: 0;
	    top: 0;
	    width: 5px;
	    background-color: #ccc;
	}

	.basictext9 .txt:after {
	    content: "";
	    position: absolute;
	    height: 60%;
	    left: 0;
	    bottom: 0;
	    width: 5px;
	}

	.basictext9 .txt * {
	    margin: 0;
	    color: #333;
	}

	.basictext9 .txt h1 {
	    font-size: 2.6rem;
	    font-weight: bold;
	}

	.basictext9 .txt .mod_icon {
	    display: inline-block;
	    vertical-align: middle;
	    position: relative;
	    font-size: 0;
	    width: 100px;
	    height: 3px;
	    margin-top: 25px;
	}

	.basictext9 .txt p {
	    display: block;
	    text-transform: uppercase;
	    margin-top: 10px;
	    color: #999;
	    font-size: 18px;
	}

	.basictext9 .pos-l9 {
	    position: absolute;
	    top: 50%;
	    right: 0;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	}

	.basictext9 .more-btn {
	    display: block;
	    width: 45px;
	    height: 55px;
	    background-color: #E3E3E3;
	    text-align: center;
	    line-height: 0;
	}

	.basictext9 .more-btn i {
	    font-size: 5rem;
	    color: #f4f4f4;
	}

	@media (max-width:767px) {
	    .basictext9 .txt h1 {
	        font-size: 2.2rem;
	    }
	    .basictext9 .txt p {
	        font-size: 16px;
	    }
	    .basictext9 .txt .mod_icon,
	    .basictext9 .txt p {
	        margin-top: 12.5px;
	    }
	}

	/*基础文字十*/

	.basictext10 {
	    height: 180px;
	}

	.basictext10 img {
	    width: auto;
	}

	.basictext10 ul {
	    position: absolute;
	    width: 100%;
	    z-index: 1;
	    left: 0;
	    border-radius: 5px;
	}

	.basictext10 ul .item {
	    height: 200px;
	    padding: 20px 40px;
	    text-align: center;
	}

	.basictext10 .item .img_auto .img_cont {
	    height: 100%;
	    width: 100%;
	    position: relative;
	}

	.basictext10 ul .item .sub {
	    font-size: 1.6rem;
	    font-weight: bold;
	    color: #333;
	    margin: 15px 0 20px 0;
	}

	.basictext10 ul .item .cont {
	    font-size: 1.4rem;
	    line-height: 1.8;
	}

	.basictext10 ul .item .p1 {
	    height: 2px;
	    width: 30px;
	    margin: 0 auto 10px auto;
	}

	@media (max-width:767px) {
	    .basictext10 {
	        height: auto;
	    }
	    .basictext10 ul {
	        position: initial;
	    }
	    .basictext10 ul li {
	        padding: 10px 0;
	    }
	    .basictext10 ul .item {
	        text-align: center;
	    }
	    .basictext10 ul .item .sub {
	        font-size: 1.4rem;
	    }
	    .basictext10 ul .item {
	        height: auto;
	        padding: 10px;
	    }
	}

	@media (min-width:768px) {
	    .basictext10 ul {
	        top: -100px;
	        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	        background: #fff;
	    }
	    .basictext10 .item .img_auto {
	        width: 150px;
	        height: 150px;
	        background: #fff;
	        border-radius: 50%;
	        margin: 0 auto;
	        position: absolute;
	        top: -50px;
	        left: 50%;
	        transform: translateX(-50%);
	        -webkit-transform: translateX(-50%);
	        -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	    }
	    .basictext10 ul .item .cont {
	        margin-top: 90px;
	    }
	    .basictext10 .item .img_auto .img_cont .img_over {
	        position: absolute;
	        left: 50%;
	        bottom: 0;
	        transform: translateX(-50%);
	        -webkit-transform: translateX(-50%);
	        -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	    }
	}

	/*基础文字十一*/

	.basictext11 h1 {
	    font-size: 2.4rem;
	    font-weight: normal;
	    color: #999;
	}

	.basictext11 i {
	    width: 80px;
	    height: 1px;
	    background-color: #cccccc;
	    display: inline-block;
	    vertical-align: middle;
	    margin: 0 20px;
	}

	.basictext11 span {
	    font-size: 3rem;
	    font-weight: bold;
	    color: #000;
	    vertical-align: middle;
	}

	.basictext11 p {
	    font-size: 1.4rem;
	    margin: 10px;
	}

	@media(max-width:1023px) {
	    .basictext11 h1 {
	        font-size: 1.6rem;
	    }
	    .basictext11 i {
	        width: 50px;
	    }
	    .basictext11 span {
	        font-size: 2.1rem;
	    }
	}

	/*基础文字十二*/

	.banner_img2 .addon-arrow {
	    background-attachment: fixed;
	    background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    position: relative;
	    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
	}

	.banner_img2 .addon-arrow::before {
	    border-width: 10px;
	    margin-left: -10px;
	}

	.banner_img2 .addon-arrow::before {
	    content: "";
	    display: block;
	    position: absolute;
	    z-index: 200;
	    left: 50%;
	    margin-left: -20px;
	    top: 0;
	    border: 20px solid transparent;
	    border-top-color: #fff;
	}

	.banner_img2 .bg-danger {
	    padding: 30px;
	}

	.banner_img2 .bg-danger * {
	    margin: 0;
	    padding: 0;
	    font-size: 14px;
	    line-height: 1.8;
	}

	.banner_img2 .btn-danger {
	    background-color: transparet;
	    -webkit-transition: background 0.2s linear;
	    transition: background 0.2s linear;
	    display: inline-block;
	    margin-bottom: 0;
	    font-weight: 400;
	    text-align: center;
	    vertical-align: middle;
	    -ms-touch-action: manipulation;
	    touch-action: manipulation;
	    cursor: pointer;
	    background-image: none;
	    white-space: nowrap;
	    padding: 10px 20px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    border-radius: 6px;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	.banner_img2 .btn-danger:hover {
	    color: #fff;
	}

	.banner_img2 h3 {
	    font-family: inherit;
	    font-weight: 400;
	    line-height: 1.2;
	    color: #222;
	    font-size: 24px;
	    margin: 0;
	}

	.banner_img2 h1 {
	    font-weight: 400;
	    color: #222;
	    font-size: 72px;
	    margin-bottom: 0;
	    line-height: 1.1;
	}

	.banner_img2 .text-box {
	    padding-left: 20%;
	    padding-right: 20%;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    color: #fff;
	}

	.banner_img2 .decorate {
	    position: absolute;
	    pointer-events: none;
	    z-index: 1;
	}

	.banner_img2 .decorate img {
	    margin-top: -50%;
	    vertical-align: top;
	}

	@media (max-width: 768px) {
	    .banner_img2 .addon-arrow {
	        background-attachment: initial;
	    }
	    .banner_img2 .text-box {
	        padding: 0;
	    }
	    .banner_img2 .bg-danger {
	        padding: 15px;
	    }
	    .banner_img2 .bg-danger * {
	        margin: 0;
	        padding: 0;
	        font-size: 12px;
	    }
	    .banner_img2 .addon-arrow {
	        padding-top: 60px;
	        padding-bottom: 60px;
	    }
	    .banner_img2 .decorate {
	        display: none;
	    }
	    .banner_img2 .container {
	        padding-left: 20px;
	        padding-right: 20px;
	    }
	    .banner_img2 h3 {
	        font-size: 1.9rem;
	    }
	    .banner_img2 .addon-arrow::before {
	        border-width: 10px;
	        margin-left: -10px;
	    }
	}

	.banner_img2 .anim_emt {
	    visibility: hidden;
	}

	.banner_img2 .anim_emt.start-animation.b_to_t {
	    -webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	    animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	    visibility: visible;
	}

	.banner_img2 .anim_emt.start-animation.scale_up {
	    -webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    visibility: visible;
	}

	@keyframes mk_bottom_to_top_scale {
	    0% {
	        -webkit-transform: translate(0, 50px) scale(.8);
	        transform: translate(0, 50px) scale(.8);
	        opacity: 0
	    }
	    100% {
	        -webkit-transform: translate(0, 0) scale(1);
	        transform: translate(0, 0) scale(1);
	        opacity: 1
	    }
	}

	@keyframes mk_scale {
	    0% {
	        -webkit-transform: scale(0.3);
	        transform: scale(0.3);
	        opacity: 0.1;
	    }
	    100% {
	        -webkit-transform: scale(1);
	        transform: scale(1);
	        opacity: 1;
	    }
	}

	/*基础文字十三*/

	.basictext13 h1 {
	    margin: 0;
	    position: relative;
	    font-size: 36px;
	}

	.basictext13 h1:after {
	    content: "";
	    position: absolute;
	    width: 100%;
	    left: 0;
	    height: 2px;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	}

	.basictext13 h1 span {
	    position: relative;
	    z-index: 1;
	    display: inline-block;
	    padding: 0 35px;
	    font-weight: 600;
	}

	@media (max-width:767px) {
	    .basictext13 h1 {
	        font-size: 22px;
	    }
	}

	/*多图模型*/

	/*模型一*/

	/* .images-demo.demo1 li{height: 400px;}
		.images-demo.demo1 li main{top: 0;left: 0;}
		.images-demo.demo1 li::after{content: "";display: block;width: 100%;height: 100%;opacity: 0;background-color: #0ae;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 1;}
		.images-demo.demo1 li:hover::after{opacity: 0.8;} */

	.images-demo.demo1 li .service_dt:before {
	    position: absolute;
	    background: rgba(0, 0, 0, .7);
	    width: 100%;
	    height: 100%;
	    content: '';
	    left: 0;
	    top: 0;
	    opacity: 0;
	    transition: all 0.3s ease-out 0s;
	}

	.images-demo.demo1 li:hover .service_dt:before {
	    opacity: .8;
	}

	.images-demo.demo1 li>div {
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 2
	}

	.images-demo.demo1 li:hover>div {
	    top: 42%;
	}

	.images-demo.demo1 li>div>h1::after {
	    position: relative;
	    display: block;
	    width: 0;
	    height: 0;
	    border-top: 2px solid #fff;
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: -25px;
	    content: "";
	    -webkit-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	    visibility: hidden;
	}

	.images-demo.demo1 li:hover>div>h1::after {
	    width: 100px;
	    visibility: visible;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .images-demo.demo1 ul {
	        padding: 15px 5px !important;
	    }
	    .images-demo.demo1 li {
	        height: auto;
	        background-image: none;
	        position: relative;
	        overflow: hidden;
	        padding: 10px;
	    }
	    .images-demo.demo1 li::after {
	        display: none;
	    }
	    .images-demo.demo1 li>div {
	        position: absolute;
	        width: 100%;
	    }
	    .images-demo.demo1 li>div>h1 {
	        font-size: 1.8rem;
	        color: #fff;
	        text-align: center;
	    }
	    /* .images-demo.demo1 li .service_dt img{height: auto !important;} */
	    .images-demo.demo1 li .service_dt:before {
	        position: inherit;
	    }
	}

	/*模型二*/

	.images-demo.demo2 main {
	    left: 0;
	    top: 0;
	    margin: 50px 60px;
	}

	.images-demo.demo2 main .img-box {
	    max-width: 58px;
	}

	.images-demo.demo2 main p {
	    height: 66px;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .images-demo.demo2 main {
	        margin: 0 20px;
	        top: 50%;
	        transform: translateY(-50%);
	    }
	    .images-demo.demo2 main .img-box {
	        max-width: 30px;
	    }
	    .images-demo.demo2 main h1 {
	        font-size: 2rem;
	        line-height: 20px;
	    }
	    .images-demo.demo2 main p {
	        font-size: 1.4rem;
	        height: 40px;
	    }
	    .images-demo.demo2 main .btn {
	        padding: 5px 30px;
	        width: auto;
	    }
	}

	/*模型三*/

	.images-demo.demo3 .xb80 {
	    max-width: 1440px;
	    margin: 0 auto;
	    float: none;
	}

	.images-demo.demo3 .xb80 .swiper-container {
	    overflow: visible;
	}

	/*利用伪类遮挡左边溢出显示的轮播图*/

	.images-demo.demo3 .xb80 .swiper-container::after {
	    position: absolute;
	    top: 0;
	    right: 100%;
	    width: 100%;
	    height: 100%;
	    content: "";
	    background-color: #fff;
	    z-index: 1;
	}

	.images-demo.demo3 .swiper-slide::after {
	    content: "";
	    display: block;
	    width: 100%;
	    top: 0;
	    left: 0;
	    height: 0;
	    position: absolute;
	    background-color: rgba(0, 0, 0, 0.25);
	    z-index: 1;
	    -webkit-transition: all 0.36s ease;
	    -o-transition: all 0.36s ease;
	    transition: all 0.36s ease;
	}

	.images-demo.demo3 .swiper-slide:hover::after {
	    height: 100%;
	}

	.images-demo.demo3 .swiper-slide main {
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.images-demo.demo3 .swiper-slide:hover main {
	    opacity: 1;
	    width: 100%;
	    height: 100%;
	    padding-top: 12%;
	    z-index: 2;
	}

	.images-demo.demo3 .swiper-slide main .line {
	    top: 10px;
	    width: 1px;
	    height: 0;
	    margin: 0 auto;
	    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	    background-color: rgba(244, 244, 244, .2);
	}

	.images-demo.demo3 .swiper-slide:hover main .line {
	    height: 100px;
	}

	.images-demo.demo3 .swiper-slide .i-plus {
	    width: 48px;
	    height: 48px;
	    margin-top: 10%;
	    top: 38%;
	    left: 50%;
	    margin-left: -24px;
	    z-index: 3;
	}

	.images-demo.demo3 .swiper-slide:hover .i-plus {
	    opacity: 1;
	}

	.images-demo.demo3 .swiper-slide .i-plus:hover {
	    transform: rotate(90deg);
	    background-color: #8ec43d;
	}

	/*前进后退*/

	.images-demo.demo3 .nav-demo {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	    height: 0;
	    z-index: 3;
	}

	.images-demo.demo3 .nav-demo a {
	    background-color: rgba(0, 0, 0, 0.2);
	}

	.images-demo.demo3:hover .nav-demo a {
	    opacity: 1;
	}

	.images-demo.demo3:hover .nav-demo .float-left a {
	    margin-left: -70px;
	}

	.images-demo.demo3:hover .nav-demo .float-right a {
	    margin-right: -70px;
	}

	.images-demo.demo3 .nav-demo.demo2 a {
	    width: 50px;
	    height: 50px;
	    line-height: 48px;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .images-demo.demo3 .swiper-slide::after {
	        display: none;
	    }
	    .images-demo.demo3 .swiper-slide main {
	        position: static;
	        color: #999;
	        opacity: 1;
	        transform: translate(0);
	    }
	    .images-demo.demo3 .swiper-slide:hover main {
	        padding: 0;
	    }
	    .images-demo.demo3 .swiper-slide main h1 {
	        font-size: 1.6rem;
	        line-height: 30px;
	        color: #555;
	    }
	    .images-demo.demo3 .img-scale-box:hover .scale-img {
	        transform: scale(1);
	    }
	    .images-demo.demo3 .swiper-slide .i-plus {
	        display: none;
	    }
	    .images-demo.demo3 .swiper-pagination {
	        bottom: 0;
	    }
	    .images-demo.demo3 .swiper-pagination-bullet {
	        width: 5px;
	        height: 5px;
	    }
	}

	/*模型四*/

	/* .images-demo.demo4{padding: 100px 0;} */

	.images-demo.demo4 .swiper-container {
	    padding: 10px;
	}

	.images-demo.demo4 .line {
	    width: 30px;
	}

	.images-demo.demo4 .swiper-slide:hover {
	    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .175);
	    box-shadow: 0 0 15px rgba(0, 0, 0, .175);
	}

	.images-demo.demo4 .swiper-slide>a {
	    padding: 20px 20px 20px;
	}

	.images-demo.demo4 .swiper-slide .line {
	    border-color: #000;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    /* .images-demo.demo4{padding: 0;} */
	    .images-demo.demo4 .swiper-slide>a {
	        padding: 10px 30px 50px 30px;
	    }
	    .images-demo.demo4 .swiper-slide:hover {
	        -webkit-box-shadow: none;
	        box-shadow: none;
	    }
	    .images-demo.demo4 .swiper-pagination {
	        bottom: 12%;
	    }
	    .images-demo.demo4 .swiper-pagination-bullet {
	        width: 5px;
	        height: 5px;
	    }
	}

	/*模型五*/

	.images-demo.demo5 .swiper-slide::before {
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-color: #000;
	    opacity: 0.6;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.images-demo.demo5 .swiper-slide:hover::before {
	    background-color: #0a8;
	    opacity: 0.9;
	}

	.images-demo.demo5 .swiper-slide main {
	    top: 0;
	    left: 0;
	    z-index: 2;
	    padding-top: 40%;
	}

	.images-demo.demo5 .swiper-slide:hover main {
	    padding-top: 15%;
	}

	.images-demo.demo5 .swiper-slide main .line {
	    width: 20px;
	}

	.images-demo.demo5 .swiper-slide main .btn {
	    width: 120px;
	    height: 36px;
	    line-height: 36px;
	    padding: 0;
	}

	.images-demo.demo5 .swiper-slide main:hover div,
	.images-demo.demo5 .swiper-slide main:hover .btn {
	    opacity: 1;
	}

	.images-demo.demo5 .swiper-slide main:hover .line {
	    opacity: 0;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .images-demo.demo5 li:hover main i {
	        color: #fff;
	    }
	}

	/*模型六*/

	.images-demo.demo6 .swiper-container {
	    padding: 0 100px 60px 100px;
	}

	.images-demo.demo6 .bg-p-v {
	    width: 600px;
	    height: 448px;
	}

	.images-demo.demo6 .swiper-slide::after {
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background-color: rgba(0, 0, 0, 0.2);
	    -webkit-transition: all 0.36s ease;
	    -o-transition: all 0.36s ease;
	    transition: all 0.36s ease;
	    opacity: 1;
	}

	.images-demo.demo6 .swiper-slide-active::after {
	    opacity: 0;
	}

	.images-demo.demo6 .swiper-slide p {
	    line-height: 46px;
	    background-color: rgba(0, 0, 0, 0.5);
	    bottom: 0;
	    left: 0;
	}

	.images-demo.demo6 .swiper-pagination {
	    bottom: 20px;
	}

	.images-demo.demo6 .swiper-pagination-bullet {
	    margin: 0 5px;
	    border: 3px solid #fff;
	    background-color: #d5d5d5;
	    width: 10px;
	    height: 10px;
	    opacity: 1;
	}

	.images-demo.demo6 .swiper-pagination-bullet-active {
	    border: 3px solid #00aadc;
	    background-color: #fff;
	}

	.images-demo.demo6 .swiper-button-prev,
	.images-demo.demo6 .swiper-button-next {
	    width: 45px;
	    height: 45px;
	    line-height: 38px;
	    z-index: 1;
	}

	/*----------------移动端响应----------------*/

	@media( max-width:1023px) {
	    .images-demo.demo6 .swiper-container {
	        padding: 0;
	    }
	    .images-demo.demo6 .bg-p-v {
	        width: 200px;
	        height: 150px;
	    }
	    .images-demo.demo6 .swiper-slide p {
	        font-size: 1.2rem;
	        line-height: 30px;
	    }
	    .images-demo.demo6 .swiper-button-prev,
	    .images-demo.demo6 .swiper-button-next {
	        width: 35px;
	        height: 35px;
	        line-height: 28px;
	    }
	    .images-demo.demo6 #mol-images-demo6 a {
	        z-index: 1;
	    }
	}

	/*模型七*/

	#dt07 {
	    margin: 30px 0;
	}

	#dt07 .grid li {
	    display: table;
	    list-style-type: none;
	    visibility: visible;
	    text-align: center;
	    float: left;
	    min-height: 218px;
	    border-left: 1px solid #eee;
	    border-top: 1px solid #eee;
	    font-size: 20px;
	    color: rgb(18, 18, 50);
	    transition: all .5s;
	    -webkit-transition: all .5s;
	    position: relative;
	    background: #fff;
	}

	#dt07 .grid li p {
	    color: rgb(18, 18, 50);
	}

	#dt07 .grid li:hover {
	    z-index: 2;
	}

	#dt07 .grid li .box {
	    padding: 0px 30px;
	    display: table-cell;
	    vertical-align: middle;
	}

	#dt07 .grid li .title {
	    line-height: 1.5;
	}

	#dt07 .grid li .p2 {
	    margin: 0;
	    padding: 0;
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    max-height: 80px;
	}

	@media (min-width: 768px) {
	    #dt07 .grid li .p2 {
	        word-break: break-all;
	        display: -webkit-box;
	        -webkit-line-clamp: 4;
	        -webkit-box-orient: vertical;
	        overflow: hidden;
	    }
	}

	#dt07 .grid .dt7-img {
	    margin-bottom: 10px;
	    max-width: 100%;
	}

	@media (max-width: 767px) {
	    #dt07 .grid {
	        border-top: 1px solid #eee;
	    }
	    #dt07 .grid li:nth-of-type(2n) {
	        border-right: 1px solid #eee;
	    }
	    #dt07 .grid li {
	        border-bottom: 1px solid #eee;
	        border-top: none;
	    }
	    #dt07 .grid li:last-child {
	        border-right: 1px solid #eee;
	    }
	    #dt07 .grid li .p2 {
	        height: auto;
	        font-size: 12px;
	        margin: 10px;
	    }
	    #dt07 .grid li .p1 {
	        font-size: 14px;
	    }
	    #dt07 .grid li .box {
	        padding: 5px;
	    }
	    /* #dt07 .grid li{min-height:160px;} */
	}

	/*模型八*/

	.products3 .anim_emt {
	    visibility: hidden;
	}

	.products3 .anim_emt.start-animation.b_to_t {
	    -webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1);
	    animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1);
	    visibility: visible;
	}

	@keyframes mk_bottom_to_top {
	    0% {
	        -webkit-transform: translate(0, 50px);
	        transform: translate(0, 50px);
	        opacity: 0;
	    }
	    100% {
	        -webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	        opacity: 1;
	    }
	}

	.products3 .thumbs li {
	    float: left;
	    border-left: 1px solid #dcdcdc;
	    border-right: 1px solid #dcdcdc;
	    border-bottom: 1px solid #dcdcdc;
	    margin-left: -1px;
	    list-style-type: none;
	}

	.products3 .photo-gallery-list {
	    padding: 0;
	}

	.products3 .photo-gallery-list li {
	    border: none;
	    margin-left: 0;
	    padding: 2px 2px 0 0;
	}

	.products3 li a {
	    float: left;
	    width: 100%;
	    font-size: 0;
	    text-align: center;
	    overflow: hidden;
	    cursor: pointer;
	}

	.products3 .trans {
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	}

	.products3 .thumbs li a img {
	    width: 100%;
	    height: auto;
	}

	.products3 .photo-gallery-list i {
	    position: absolute;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    margin: -30px 0 0 -30px;
	    top: 50%;
	    left: 50%;
	    font-size: 24px;
	    background-color: #fff;
	    color: #0495a6;
	    visibility: hidden;
	    opacity: 0;
	    -webkit-transform: scale(0);
	    -ms-transform: scale(0);
	    transform: scale(0);
	}

	/* .products3 .photo-gallery-list a:hover img {opacity: .8;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} */

	/* .products3 .photo-gallery-list a:hover i {visibility: visible;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} */

	.icon-plus:before {
	    content: "\e90c";
	}

	/*多图十*/

	.mult-demo10 .wrapper li .service_img {
	    margin: 0;
	}

	.mult-demo10 .wrapper li a {
	    display: block;
	    width: 100%;
	    height: 100%;
	}

	.mult-demo10 .wrapper li .service_img:before {
	    position: absolute;
	    background: rgba(0, 0, 0, .7);
	    width: 100%;
	    height: 100%;
	    content: '';
	    left: 0;
	    top: 0;
	    opacity: 0;
	    transition: all 0.3s ease-out 0s;
	}

	.mult-demo10 .wrapper li .service_img img {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    display: block;
	}

	.mult-demo10 .wrapper li:hover .service_img:before {
	    opacity: 1;
	}

	.mult-demo10 .wrapper li .service_info {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    background: transparent;
	    position: absolute;
	    bottom: 50%;
	    text-align: center;
	    margin-bottom: -40px;
	}

	.mult-demo10 .wrapper li .service_info h1 {
	    height: 40px;
	    line-height: 40px;
	    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	    position: relative;
	    top: 35px;
	    opacity: 0;
	    padding-top: 0;
	    margin-bottom: 0;
	    font-size: 18px;
	}

	.mult-demo10 .wrapper li .service_info p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    color: rgba(111, 111, 111, 0.55);
	    white-space: nowrap;
	    height: 40px;
	    line-height: 40px;
	    margin-left: 0;
	    margin: 0 auto;
	    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.mult-demo10 .wrapper li .service_info h1:before {
	    content: '';
	    position: absolute;
	    width: 0%;
	    background: rgba(255, 255, 255, .3);
	    height: 1px;
	    left: 50%;
	    bottom: 0;
	    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.mult-demo10 .wrapper li:hover .service_info h1:before {
	    width: 80%;
	    margin-left: -40%;
	    left: 50%;
	}

	.mult-demo10 li .service_info p {
	    opacity: 0;
	    position: relative;
	    top: -10px;
	}

	.mult-demo10 li:hover .service_info p {
	    color: rgba(255, 255, 255, .75);
	    top: 0;
	    opacity: 1;
	}

	.mult-demo10 li:hover .service_info h1 {
	    color: #fff;
	    top: 0;
	    opacity: 1;
	}

	@media (max-width:767px) {
	    .mult-demo10 .wrapper li .service_info {
	        text-align: left;
	        padding: 5px 0;
	        position: static;
	        margin: 0;
	    }
	    .mult-demo10 .wrapper li .service_info h1 {
	        opacity: 1;
	        line-height: inherit;
	        height: auto;
	        position: static;
	        font-size: 14px;
	    }
	    .mult-demo10 .wrapper li .service_info p {
	        height: auto;
	        line-height: inherit;
	        position: static;
	        opacity: 1;
	        text-align: inherit;
	    }
	}

	/*多图十四*/

	.mult-demo14 img {
	    max-width: 100%;
	    max-height: 100%;
	}

	.mult-demo14 .txt {
	    color: #fff;
	}

	.mult-demo14 .txt .title {
	    font-size: 18px;
	    padding: 25px 0;
	    position: relative;
	    margin-bottom: 25px;
	}

	.mult-demo14 .txt .title:after {
	    content: '';
	    display: block;
	    width: 21px;
	    height: 3px;
	    background: #fff;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	}

	.mult-demo14 .txt .content {
	    font-size: 16px;
	    overflow: hidden;
	    display: -webkit-box;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    line-height: 1.8;
	    max-height: 110px;
	    min-height: 110px;
	}

	.mult-demo14 .txt i {
	    font-size: 2rem;
	}

	.mult-demo14 a {
	    padding-left: 30px;
	    padding-right: 30px;
	    height: 600px;
	}

	.center1400 {
	    width: 1400px;
	    margin: 0 auto;
	}

	.mult-demo14 .swiper-button-prev {
	    left: -87px;
	}

	.mult-demo14 .swiper-button-next {
	    right: -87px;
	}

	.mult-demo14 .swiper-button-prev,
	.mult-demo14 .swiper-button-next {
	    background-image: none;
	    font-size: 3rem;
	    color: #aeaeae;
	    opacity: 1;
	    width: auto;
	    height: auto;
	    margin-top: 0;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    transform: translateY(-50%);
	}

	@media screen and (max-width: 1600px) {
	    .mult-demo14 .swiper-button-prev {
	        left: 0px;
	    }
	    .mult-demo14 .swiper-button-next {
	        right: 0px;
	    }
	}

	@media screen and (max-width: 1400px) {
	    .center1400 {
	        width: 100%;
	        padding: 0 15px;
	    }
	}

	@media screen and (max-width: 768px) {
	    .mult-demo14 a {
	        height: 350px;
	    }
	}

	/*多图十五*/

	.mult-demo15 .wrap {
	    position: relative;
	    overflow: hidden;
	}

	.mult-demo15 .wrap img {
	    width: 100%;
	}

	.mult-demo15 .wrap .pic_img {
	    position: relative;
	}

	.mult-demo15 .wrap:hover .pic_img:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 100%;
	}

	.mult-demo15 .wrap img {
	    width: 100%;
	}

	.mult-demo15 .wrap .txt {
	    position: absolute;
	    top: 70%;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    text-align: center;
	    color: #fff;
	    width: 100%;
	}

	.mult-demo15 .wrap .txt>p {
	    padding: 8px 30px;
	    background-color: #222;
	    border-radius: 40px;
	    display: inline-block;
	    font-size: 18px;
	}

	@media (max-width:767px) {
	    .mult-demo15 {
	        padding-top: 15px;
	    }
	    .mult-demo15 .wrap {
	        padding-bottom: 15px;
	    }
	}

	/*多图十七*/

	.mult-demo17 .txt-l span {
	    font-size: 2rem;
	    padding-left: 20px;
	    vertical-align: middle;
	}

	.mult-demo17 .line {
	    width: 60px;
	    margin: 25px 0;
	    height: 1px;
	    background-color: #fff;
	}

	.mult-demo17 .cont {
	    font-size: 1.4rem;
	}

	.mult-demo17 ul li a {
	    display: inline-block;
	    position: relative;
	    width: 100%;
	    z-index: 1;
	}

	.mult-demo17 ul li a:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    -webkit-transition: all ease-out .5s;
	    -o-transition: all ease-out .5s;
	    transition: all ease-out .5s;
	    transform: scale(1);
	}

	.mult-demo17 ul li:hover a:after {
	    transform: scale(1.08);
	    z-index: -1;
	}

	@media (min-width:768px) {
	    .mult-demo17 ul li:nth-child(3n-1) {
	        border-left: 1px solid #666;
	        border-right: 1px solid #666;
	    }
	    .mult-demo17 ul li .pad {
	        padding: 30px 40px;
	    }
	}

	@media (max-width:767px) {
	    .mult-demo17 ul li {
	        border-bottom: 1px solid #666;
	    }
	    .mult-demo17 ul li .pad {
	        padding: 20px 0 10px 0;
	    }
	}

	/*多图十八*/

	.mult-demo18 img {
	    width: 100%;
	}

	.mult-demo18 .float_r {
	    float: right;
	}

	.mult-demo18 .item_left {
	    border: 1px solid #ddd;
	    height: 400px;
	}

	.mult-demo18 .item_left .pad {
	    padding: 40px;
	}

	.mult-demo18 .item_left .txt {
	    padding-top: 40px;
	}

	.mult-demo18 .item_left .txt h3 {
	    font-size: 2.8rem;
	}

	.mult-demo18 .item_left .txt .sub {
	    font-family: 'Times New Roman';
	    font-size: 2.2rem;
	}

	.mult-demo18 .item_left .txt .cont {
	    font-size: 1.4rem;
	}

	.mult-demo18 .item_right {
	    border-top: 1px solid #ddd;
	    border-left: 1px solid #ddd;
	}

	.mult-demo18 .item_right .gird {
	    text-align: center;
	    border-right: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	}

	.mult-demo18 .item_right .gird a {
	    padding: 10px;
	    display: inline-block;
	    color: #5a5a5a;
	}

	.mult-demo18 .item_right .gird p {
	    font-size: 1.4rem;
	}

	@media (min-width:768px) {
	    .mult-demo18 .item_left {
	        height: 700px;
	    }
	    .mult-demo18 .item_right {
	        height: 700px;
	        border-left: none;
	    }
	    .mult-demo18 .item_right .gird {
	        height: 350px;
	    }
	    .mult-demo18 .item_right .gird a {
	        padding: 30px;
	    }
	    .mult-demo18 .item_right img {
	        height: 260px;
	    }
	}

	/*多图十九*/

	.mult-demo19 img {
	    width: auto;
	}

	.mult-demo19 ul {
	    text-align: center;
	}

	.mult-demo19 ul li .txt h3 {
	    font-size: 2.2rem;
	    color: #000;
	    padding-top: 20px;
	}

	.mult-demo19 ul li .txt .sub {
	    font-size: 2.2rem;
	    font-family: 'Times New Roman';
	    color: #b1b1b1;
	}

	.mult-demo19 ul li .txt .cont {
	    font-size: 1.4rem;
	    color: #848383;
	    line-height: 1.8;
	}

	.mult-demo19 ul li .item {
	    display: inline-block;
	    border: 1px solid #f1f1f1;
	    padding: 60px 50px;
	    width: 100%;
	}

	.mult-demo19 ul li .pad {
	    padding: 60px 0 0 0;
	}

	.mult-demo19 ul li .btn_more {
	    display: inline-block;
	    border: 1px solid #000;
	    width: 35px;
	    height: 35px;
	    position: relative;
	}

	.mult-demo19 ul li .btn_more span {
	    position: absolute;
	    top: 50%;
	    left: 45%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transition: all .5s ease;
	}

	.mult-demo19 ul li .btn_more span:after {
	    border-right: 1px solid #000;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.mult-demo19 ul li .btn_more span:after {
	    content: "";
	    display: block;
	    width: 10px;
	    height: 10px;
	    border-top: 1px solid #000;
	}

	.mult-demo19 .swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: 20px;
	}

	@media (min-width:768px) {
	    .mult-demo19 ul li:not(:first-child) .item {
	        border-left: none;
	    }
	}

	@media (max-width:767px) {
	    .mult-demo19 ul li {
	        padding: 10px 15px;
	    }
	    .mult-demo19 ul li .item {
	        border-left: 1px solid #f1f1f1;
	        padding: 10px 15px 30px 15px;
	    }
	    .mult-demo19 ul li .pad {
	        padding: 20px 0;
	    }
	}

	/*多图二十*/

	.mult-demo21 li {
	    padding: 10px 20px;
	}

	.mult-demo21 a {
	    display: block;
	    font-size: 2.4rem;
	    color: #fff;
	}

	.mult-demo21 a:hover {
	    -ms-transform: scale(1.08, 1.08);
	    -moz-transform: scale(1.08, 1.08);
	    -webkit-transform: scale(1.08, 1.08);
	    -o-transform: scale(1.08, 1.08);
	    transform: scale(1.08, 1.08);
	}

	.mult-demo21 img {
	    width: 100%;
	    border-radius: 10px;
	}

	.mult-demo21 .txt .p1 {
	    font-weight: bold;
	}

	.mult-demo21 .txt .p2 {
	    font-size: 1.4rem;
	}

	@media (max-width:767px) {
	    .mult-demo21 li {
	        padding: 10px 5px;
	    }
	    .mult-demo21 a {
	        font-size: 1.8rem;
	    }
	    .mult-demo21 .pos-tl {
	        width: 100%;
	        padding: 0 10px;
	    }
	}

	/*多图二十四*/

	.mult-demo24 img {
	    width: 100%;
	}

	.mult-demo24 .item {
	    position: relative;
	}

	.mult-demo24 .item .txt {
	    position: absolute;
	    background-color: rgba(67, 67, 67, 0.3);
	    opacity: 0;
	    color: #fff;
	    width: 100%;
	    height: 100%;
	    top: 0;
	}

	.mult-demo24 .item .txt .box {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    text-align: center;
	    width: 100%;
	}

	.mult-demo24 .item:hover .txt {
	    opacity: 1;
	}

	.mult-demo24 .item2 {
	    padding: 20px 50px;
	    text-align: center;
	}

	.mult-demo24 .item2 .sub {
	    font-size: 8rem;
	}

	.mult-demo24 .item2 .cont {
	    padding: 20px;
	    border-top: 1px dashed #878787;
	    border-bottom: 1px dashed #878787;
	    color: #878787;
	    line-height: 1.8;
	}

	@media (min-width:768px) {
	    .mult-demo24 ul .gird:last-child {
	        width: 100%;
	    }
	    .mult-demo24 ul .gird:last-child .item {
	        width: 33.33333333%;
	        margin: 0 auto;
	    }
	}

	@media (max-width:767px) {
	    .mult-demo24 .item .txt {
	        opacity: 1;
	    }
	    .mult-demo24 .item2 .sub {
	        font-size: 2.4rem;
	    }
	}

	/*多图二十五*/

	.mult-demo25 .item:nth-child(3n-2) {
	    margin-bottom: 20px;
	}

	.mult-demo25 .item img {
	    width: 100%;
	    height: 280px;
	}

	.mult-demo25 .item a {
	    position: relative;
	    display: block;
	}

	.mult-demo25 .item a:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    transition: all 0.36s;
	}

	.mult-demo25 .item a:hover:after {
	    opacity: .3;
	}

	.mult-demo25 .item a .txt {
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	    color: #fff;
	    width: 100%;
	    z-index: 1;
	}

	.mult-demo25 .item h2 {
	    font-size: 1.8rem;
	}

	.mult-demo25 .item2 {
	    height: 580px;
	    margin: 0 20px;
	    color: #fff;
	    padding: 30px;
	}

	.mult-demo25 .item2 .title_cont {
	    position: relative;
	    width: 100%;
	    height: 100%;
	}

	.mult-demo25 .item2 h2 {
	    font-size: 2.4rem;
	}

	.mult-demo25 .item2 p {
	    font-size: 1.4rem;
	}

	.mult-demo25 .item2 .img_over {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    text-align: center;
	}

	@media (max-width:767px) {
	    .mult-demo25 .item img {
	        height: auto;
	    }
	    .mult-demo25 .item2 {
	        height: auto;
	        margin: 0;
	    }
	    .mult-demo25 .item2 h2 {
	        font-size: 2.2rem;
	    }
	    .mult-demo25 .item2 .img_over {
	        position: initial;
	    }
	}

	/*伙伴模型*/

	/*模型一*/

	.partner-demo.demo1 .text-box::after {
	    content: "";
	    position: absolute;
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-bottom: 20px solid #f5f5f5;
	    -webkit-transform: translateX(-50%) rotate(-180deg);
	    -moz-transform: translateX(-50%) rotate(-180deg);
	    -ms-transform: translateX(-50%) rotate(-180deg);
	    -o-transform: translateX(-50%) rotate(-180deg);
	    transform: translateX(-50%) rotate(-180deg);
	    top: auto;
	    left: 50%;
	    z-index: 2;
	}

	.partner-demo.demo1 li:nth-child(odd) .text-box::after {
	    bottom: -20px;
	}

	.partner-demo.demo1 li:nth-child(even) .text-box::after {
	    -webkit-transform: translateX(-50%) rotate(0);
	    -moz-transform: translateX(-50%) rotate(0);
	    -ms-transform: translateX(-50%) rotate(0);
	    -o-transform: translateX(-50%) rotate(0);
	    transform: translateX(-50%) rotate(0);
	    top: -20px;
	    bottom: unset;
	}

	.partner-demo.demo1 .text-box img.absolute {
	    bottom: 10%;
	    right: 5%;
	}

	.partner-demo.demo1 .text-box div.absolute {
	    top: 16%;
	    left: 0;
	}

	.partner-demo.demo1 .text-box .line {
	    width: 60px;
	}

	.partner-demo.demo1 .img-box::before {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(4, 80, 163, .5);
	    opacity: 1;
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	    z-index: 1;
	    opacity: 1;
	}

	/* .partner-demo.demo1 li:nth-child(even) .text-box{margin-top: 75%;} */

	/* .partner-demo.demo1 li:nth-child(even) .text-box{margin-top: 353px;} */

	/* .partner-demo.demo1 li:nth-child(even) .img-box{position: absolute;top: 0;} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .partner-demo.demo1 .img-box::before {
	        display: none;
	    }
	    .partner-demo.demo1 li:nth-child(even) .text-box {
	        margin-top: 0;
	    }
	    .partner-demo.demo1 li:nth-child(even) .img-box {
	        position: static;
	    }
	    .partner-demo.demo1 .text-box::after {
	        border-left: 16px solid transparent;
	        border-right: 16px solid transparent;
	        border-bottom: 16px solid #f5f5f5;
	    }
	    .partner-demo.demo1 li:nth-child(odd) .text-box::after {
	        bottom: unset;
	    }
	    .partner-demo.demo1 li:nth-child(even) .text-box::after {
	        -webkit-transform: translateX(-50%) rotate(-180deg);
	        -moz-transform: translateX(-50%) rotate(-180deg);
	        -ms-transform: translateX(-50%) rotate(-180deg);
	        -o-transform: translateX(-50%) rotate(-180deg);
	        transform: translateX(-50%) rotate(-180deg);
	        top: unset;
	    }
	}

	/*模型二*/

	.partner-demo.demo2 ul {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}

	.partner-demo.demo2 li {
	    box-sizing: border-box;
	}

	.partner-demo.demo2 li>div {
	    padding: 30px 16%;
	}

	/* .partner-demo.demo2 li>div>main{padding: 38px 80px 0 0;} */

	.partner-demo.demo2 li .line {
	    width: 68%;
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.partner-demo.demo2 li:first-child .line {
	    visibility: hidden;
	}

	/*-----小屏笔记本响应-----*/

	@media screen and (min-width: 1024px) and (max-width: 1420px) {
	    .partner-demo.demo2 li>div>main {
	        padding: 12px 0 0 0;
	    }
	    .partner-demo.demo2 li main a {
	        top: 14%;
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .partner-demo.demo2 section,
	    .partner-demo.demo2 ul {
	        position: static;
	    }
	    .partner-demo.demo2 ul {
	        transform: translate(0);
	        padding-bottom: 50px;
	    }
	    .partner-demo.demo2 li>div {
	        padding: 30px 20px;
	    }
	    .partner-demo.demo2 li>div>main {
	        padding: 10px 0 0 0;
	    }
	    .partner-demo.demo2 li .line {
	        width: 90%;
	    }
	}

	/*模型三*/

	.partner-demo.demo3 li.show-b::after {
	    content: "";
	    display: block;
	    border: 1px solid rgba(255, 255, 255, 0.12);
	    height: 95%;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 90%;
	}

	.partner-demo.demo3 li.show-b main {
	    top: 60px;
	    width: 100%;
	}

	.partner-demo.demo3 li.show-b .btn {
	    bottom: 60px;
	    width: 150px;
	    left: 50%;
	    transform: translateX(-50%);
	    border-color: rgba(204, 204, 204, 0.35);
	    z-index: 1
	}

	.partner-demo.demo3 li.show-b .btn:hover {
	    border-color: rgba(204, 204, 204, 1);
	    background: none;
	    color: #fff;
	}

	.partner-demo.demo3 li .text-box div.absolute {
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	}

	.partner-demo.demo3 li:hover .text-box div.absolute {
	    top: 40%;
	}

	.partner-demo.demo3 li .text-box a.btn {
	    width: 150px;
	    top: 75%;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.partner-demo.demo3 li:hover .text-box a.btn {
	    top: 60%;
	    opacity: 1;
	    background: none;
	    color: #fff;
	}

	.partner-demo.demo3 li:nth-child(even) .text-box {
	    margin-top: 0;
	}

	.partner-demo.demo3 li:nth-child(even) .img-box {
	    position: absolute;
	    top: 100%;
	}

	.partner-demo.demo3 li .text-box a.btn:hover {
	    padding-left: 0px;
	    padding-right: 20px;
	}

	.partner-demo.demo3 li .text-box a.btn::before {
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    opacity: 0;
	    -webkit-transition: all 0.36s ease;
	    -o-transition: all 0.36s ease;
	    transition: all 0.36s ease;
	    font-size: 1.4rem;
	}

	.partner-demo.demo3 li .text-box a.btn:hover::before {
	    opacity: 1;
	    left: 70%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .partner-demo.demo3 li {
	        padding: 0 68px;
	    }
	    .partner-demo.demo3 li .text-box {
	        position: unset;
	        padding: 15px;
	    }
	    .partner-demo.demo3 li .text-box div.absolute {
	        position: unset;
	        transform: translate(0);
	    }
	    .partner-demo.demo3 li:hover .text-box div.absolute>h2 {
	        color: #0ae;
	    }
	    .partner-demo.demo3 li:nth-child(even) .text-box {
	        margin-top: 0;
	    }
	    .partner-demo.demo3 li:nth-child(even) .img-box {
	        position: static;
	    }
	    .partner-demo.demo3 ul+.btn {
	        width: 150px;
	        margin: auto;
	        box-sizing: border-box;
	    }
	    .partner-demo.demo3 .swiper-button-prev,
	    .partner-demo.demo3 .swiper-button-next {
	        top: 25%;
	    }
	}

	/*视频模板*/

	/*模版一*/

	.video-demo.demo1 section:first-child::after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(/templates/Tpl/images/video-demo1-btn.png)no-repeat center center rgba(0, 0, 0, 0);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	.video-demo.demo1 section:first-child:hover::after {
	    background-color: rgba(0, 0, 0, 0.3);
	}

	.video-demo.demo1 section.bg::before {
	    content: "";
	    position: absolute;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	    border-bottom: 15px solid #f5f5f5;
	    -webkit-transform: translateX(-50%) rotate(-90deg);
	    -moz-transform: translateX(-50%) rotate(-90deg);
	    -ms-transform: translateX(-50%) rotate(-90deg);
	    -o-transform: translateX(-50%) rotate(-90deg);
	    transform: translateX(-50%) rotate(-90deg);
	    top: 20%;
	    left: -7px;
	    z-index: 2;
	}

	.video-demo.demo1 section>main {
	    top: 10%;
	    left: 10%;
	}

	.video-demo.demo1 section iframe {
	    height: 392px;
	}

	/*----------------移动端响应----------------*/

	@media screen and (min-width: 1220px) and (max-width: 1400px) {
	    .video-demo.demo1 section iframe {
	        height: 336px;
	    }
	}

	@media (max-width: 1023px) {
	    .module-demo .module-title::before {
	        display: none;
	        visibility: hidden;
	    }
	    .video-demo.demo1 section iframe {
	        height: 199.69px;
	    }
	}

	/*模版二*/

	/* 视频——sp02 */

	@media (min-width:1200px) {
	    .sp2-half1 {
	        float: left;
	        width: 45%;
	        padding-top: 64px;
	    }
	    .sp2-half1 h2 {
	        font-size: 32px;
	        margin-bottom: 34px;
	    }
	    .sp2-half1 p {
	        font-size: 16px;
	        line-height: 30px;
	        width: 96%;
	    }
	    .sp2-half1 .sub {
	        margin-top: 14px;
	    }
	    .video-demo.demo2 .pos-tb {
	        position: absolute;
	        bottom: 0;
	        left: 0;
	    }
	    .video-demo.demo2 .ho-but {
	        display: flex;
	        justify-content: space-between;
	        width: 141px;
	        color: #666;
	        font-size: 18px;
	        padding-bottom: 10px;
	        text-transform: uppercase;
	        position: relative;
	        padding-top: 10px;
	        margin-top: -10px;
	        -webkit-transition: all 0.3s linear;
	        -moz-transition: all 0.3s linear;
	        -ms-transition: all 0.3s linear;
	        -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
	    }
	    .video-demo.demo2 .ho-but:hover {
	        padding-bottom: 10px !important;
	        color: #fff !important;
	        padding-left: 10px;
	        padding-right: 10px;
	    }
	    .ho-but span,
	    .ho-but i {
	        position: relative;
	        z-index: 2;
	    }
	    .video-demo.demo2 .bt-bd {
	        display: block;
	        width: 100%;
	        position: absolute;
	        bottom: 0;
	        left: 0;
	        height: 4px;
	        z-index: 1;
	        -webkit-transition: all 0.3s linear;
	        -moz-transition: all 0.3s linear;
	        -ms-transition: all 0.3s linear;
	        -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
	        border-radius: 3px;
	    }
	    .video-demo.demo2 .ho-but:hover .bt-bd {
	        height: 100%;
	    }
	    .sp2-half2 {
	        float: left;
	        width: 55%;
	        height: 500px;
	    }
	    .sp2-half2 img {
	        height: 500px;
	    }
	    .video-demo.demo2 .bag {
	        position: absolute;
	        top: 0;
	        left: 0;
	        width: 100%;
	        height: 400px;
	        background-color: #f7f7f7;
	    }
	    .video-demo.demo2 .pad-r3 {
	        padding-right: 3%;
	    }
	    .video-demo.demo2 .space-nowrap-t6 {
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-box-orient: vertical;
	        /* -webkit-line-clamp:6; */
	    }
	}

	#video-demo1::after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(/templates/Tpl/images/video-demo1-btn.png)no-repeat center center rgba(0, 0, 0, 0);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	#video-demo1:hover::after {
	    background-color: rgba(0, 0, 0, 0.3);
	}

	/* .video-demo.demo2 iframe{height: 507px;} */

	@media (max-width:767px) {
	    .sp2-half1 h2 {
	        margin-bottom: 20px;
	    }
	    #video-demo2::after {
	        background-size: 45px !important;
	    }
	    .video-demo.demo2 .pos-tb {
	        padding-bottom: 20px;
	    }
	}

	#video-demo2::after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(/templates/Tpl/images/sp02-btn.png)no-repeat center center rgba(0, 0, 0, 0.4);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	#video-demo2:hover::after {
	    background-color: rgba(0, 0, 0, 1);
	}

	.video-de1::after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(/templates/Tpl/images/sp02-btn.png)no-repeat center center rgba(0, 0, 0, 0);
	    -webkit-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	    background-size: 45px;
	}

	.video-de1:hover::after {
	    background-color: rgba(0, 0, 0, 0.3);
	}

	/*----------------移动端响应----------------*/

	/* @media screen and (min-width: 1220px) and (max-width: 1400px){
				.video-demo.demo2 iframe{height: 336px;}
			}
			@media (max-width: 1023px){
				.video-demo.demo2 iframe{height: 199.69px;}
			} */

	/*模版三——轮播*/

	/* .video-demo.demo3 main{padding-right: 64px;} */

	.video-demo.demo3 main>i {
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}

	/*图片展示列表*/

	/* .video-demo.demo3 #video-demo3-imglist .swiper-slide-active{border: 5px solid #00aaaa ;} */

	.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover .svg-play {
	    top: 50%;
	}

	.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main {
	    padding-left: 20px;
	}

	.video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main>i {
	    right: 5%;
	    opacity: 1;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .video-demo.demo3 main {
	        padding-right: 5px;
	    }
	    .video-demo.demo3 section iframe {
	        height: 199.69px;
	    }
	    .video-demo.demo3 .swiper-slide:hover main {
	        padding-left: 5px;
	    }
	    .video-demo.demo3 .swiper-slide main .title {
	        color: #464646;
	        font-size: 1.6rem;
	    }
	    .video-demo.demo3 #video-demo3-imglist .swiper-slide:hover main>i {
	        opacity: 0;
	    }
	}

	/*模版四*/

	.video-demo.demo4 .swiper-slide:hover .svg-play {
	    top: -30%;
	    opacity: 0;
	}

	.video-demo.demo4 .swiper-slide main {
	    top: 50%;
	    transform: translateY(0%);
	}

	.video-demo.demo4 .swiper-slide:hover main {
	    opacity: 1;
	    transform: translateY(-50%);
	}

	.video-demo.demo4 .swiper-button-prev,
	.video-demo.demo4 .swiper-button-next {
	    width: 40px;
	    height: 40px;
	    background-image: url();
	}

	.video-demo.demo4 .swiper-button-prev>i,
	.video-demo.demo4 .swiper-button-next>i {
	    vertical-align: middle;
	    height: 100%;
	    line-height: 38px;
	    background-color: rgba(0, 0, 0, 0.5);
	}

	.video-demo.demo4 .swiper-button-prev {
	    left: -40px;
	}

	.video-demo.demo4 .container:hover .swiper-button-prev {
	    left: 0;
	}

	.video-demo.demo4 .swiper-button-next {
	    right: -40px;
	}

	.video-demo.demo4 .container:hover .swiper-button-next {
	    right: 0;
	}

	/*大视频面板*/

	.video-demo.demo4 #video-demo4-play {
	    padding: 0 50px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .video-demo.demo4 .swiper-slide>a {
	        display: block;
	    }
	    .video-demo.demo4 .swiper-slide:hover .svg-play {
	        top: 50%;
	        opacity: 1;
	    }
	    .video-demo.demo4 .swiper-slide main {
	        position: unset;
	        color: #555;
	        opacity: 1;
	    }
	    .video-demo.demo4 .swiper-slide:hover main {
	        transform: unset;
	    }
	    .video-demo.demo4 .swiper-slide .mask-b {
	        position: relative;
	    }
	    .video-demo.demo4 .swiper-slide .mask-b::after {
	        display: none;
	    }
	    .video-demo.demo4 .swiper-button-prev,
	    .video-demo.demo4 .container:hover .swiper-button-prev {
	        left: 0;
	        top: 40%;
	    }
	    .video-demo.demo4 .swiper-button-next,
	    .video-demo.demo4 .container:hover .swiper-button-next {
	        right: 0;
	        top: 40%;
	    }
	    .video-demo.demo4 .container li:hover>i {
	        background-color: #db030b;
	    }
	}

	/*模版五——轮播*/

	.video-demo.demo5 .swiper-slide .svg-play {
	    top: 40%;
	}

	.video-demo.demo5 .swiper-slide:hover .svg-play {
	    top: 50%;
	    opacity: 1;
	}

	/* .video-demo.demo5 .swiper-slide:hover main{padding-left: 30px;} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .video-demo.demo5 .swiper-slide:hover main {
	        padding-left: 15px;
	    }
	    .video-demo.demo5 .swiper-slide main .title {
	        color: #464646;
	        font-size: 1.6rem;
	    }
	}

	/*模版六——轮播(视频模板)*/

	.video-demo.demo6 .swiper-slide .svg-play {
	    top: 40%;
	}

	.video-demo.demo6 .swiper-slide:hover .svg-play {
	    top: 50%;
	    opacity: 1;
	}

	/* .video-demo.demo6 .swiper-slide:hover main{padding-left: 30px;} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .video-demo.demo6 .swiper-slide:hover main {
	        padding-left: 15px;
	    }
	    .video-demo.demo6 .swiper-slide main .title {
	        color: #464646;
	        font-size: 1.6rem;
	    }
	}

	/* 
		模版六 + 模型七
		————继承模型五样式，两个版本都是内容页列表，其中版本七是【第三方视频】
	*/

	.video-demo.demo6 li,
	.video-demo.demo7 li {
	    list-style: unset;
	}

	.video-demo.demo6 section,
	.video-demo.demo7 section {
	    margin: -7.5px;
	}

	.video-demo.demo6 section>div,
	.video-demo.demo7 section>div {
	    padding: 0 7.5px;
	    margin: 7.5px 0;
	}

	.video-demo.demo6 section>div .svg-play,
	.video-demo.demo7 section>div .svg-play {
	    top: 40%;
	}

	.video-demo.demo6 section>div>li:hover .svg-play,
	.video-demo.demo7 section>div>li:hover .svg-play {
	    top: 50%;
	    opacity: 1;
	}

	.video-demo.demo6 section>div>li:hover main,
	.video-demo.demo7 section>div>li:hover main {
	    padding-left: 30px;
	}

	/* L16sp */

	#video-demo6-imglist .txt {
	    color: #000000;
	}

	@media (min-width:1024px) {
	    #video-demo6-imglist .video_list {
	        padding: 0 15px;
	        margin: 0;
	    }
	    #video-demo6-imglist .video_list li {
	        padding-bottom: 90px;
	    }
	    #video-demo6-imglist .txt h3 {
	        font-size: 2.4rem;
	        padding: 40px 0;
	        margin: 0;
	    }
	    #video-demo6-imglist .txt h6 {
	        font-size: 1.6rem;
	        line-height: 3.5rem;
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .video-demo.demo7 section,
	    .video-demo.demo6 section {
	        margin: -2.5px;
	    }
	    .video-demo.demo7 section>div,
	    .video-demo.demo6 section>div {
	        padding: 0 2.5px;
	        margin: 2.5px 0;
	    }
	    .video-demo.demo7 section>div>li:hover main,
	    .video-demo.demo6 section>div>li:hover main {
	        padding-left: 15px;
	    }
	    .video-demo.demo7 section>div>li main .title,
	    .video-demo.demo6 section>div>li main .title {
	        color: #464646;
	        font-size: 1.6rem;
	    }
	}

	/* 视频sp08 */

	.video8 img {
	    width: 100%;
	}

	#video-demo8 {
	    box-shadow: 2px 2px 20px #888888;
	    position: relative;
	}

	.video8 .pic_img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	}

	.video8 .pic_img img {
	    max-width: 100%;
	}

	.video8 .txt {
	    padding: 38px 30px 28px 30px;
	    background-color: #fff;
	    box-shadow: 2px 2px 20px #888888;
	}

	.video8 .txt .title {
	    font-size: 1.8rem;
	    position: relative;
	    padding-bottom: 10px;
	    margin-bottom: 25px;
	}

	.video8 .txt .title:after {
	    content: '';
	    position: absolute;
	    height: 2px;
	    left: 0px;
	    bottom: 0;
	    width: 36px;
	}

	.video8 .txt .sub {
	    font-size: 1.6rem;
	    line-height: 28px;
	    margin-bottom: 10px;
	}

	.video8 .txt .more-btn {
	    text-align: right;
	}

	.video8 .txt .more-btn a {
	    font-size: 1.4rem;
	    padding: 6px 25px;
	    color: #fff;
	    border-radius: 30px;
	    cursor: pointer;
	    display: inline-block;
	}

	@media (min-width:768px) {
	    .video8 .jtxt {
	        position: absolute;
	        right: 0;
	        top: 50%;
	        transform: translateY(-50%);
	        -webkit-transform: translateY(-50%);
	        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	        width: 704px;
	    }
	    .video8 .pic_h {
	        height: 374px;
	    }
	}

	/* 视频sp09 */

	.video9 .txt .title {
	    font-size: 4rem;
	    position: relative;
	    padding-bottom: 25px;
	}

	.video9 .txt .title:after {
	    content: "";
	    position: absolute;
	    width: 80px;
	    height: 3px;
	    bottom: 0;
	    left: 0;
	}

	.video9 .txt .cont {
	    font-size: 1.5rem;
	    line-height: 30px;
	    padding-top: 20px;
	}

	.video9 .more-btn {
	    margin: 30px 0 30px 0;
	}

	.video9 .more-btn a {
	    padding: 6px 25px;
	    border-radius: 30px;
	    font-size: 14px;
	    display: inline-block;
	}

	.video9 .more-btn a:hover {
	    color: #fff;
	}

	.video9 .img_over {
	    text-align: left;
	    width: 100%;
	    bottom: 20px;
	}

	.video9 .img_over .img_auto {
	    display: inline-block;
	    padding: 5px;
	}

	.video9 .img_over .img_auto:hover {
	    padding-bottom: 10px;
	    padding-top: 0;
	}

	.video9 .img_over img {
	    width: 56px;
	}

	.video9 .img_over a {
	    color: #666666;
	    font-size: 1.4rem;
	    border-radius: 30px;
	    display: inline-block;
	    width: 70px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	}

	.video9 .img_over a:hover {
	    color: #fff;
	}

	.video9 .h_content {
	    height: 444px;
	    position: relative;
	}

	.video9 .gird_right img {
	    width: 100%;
	    height: 404px;
	}

	.video9 .gird_right .mask::after {
	    position: absolute;
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: url(/templates/Tpl/images/video.png)no-repeat center center rgba(0, 0, 0, 0);
	    -webkit-animation: Opacitys 1.2s linear infinite;
	    -moz-animation: Opacitys 1.2s linear infinite;
	    -o-animation: Opacitys 1.2s linear infinite;
	    animation: Opacitys 1.2s linear infinite;
	}

	.video9 .gird_right .line {
	    position: absolute;
	    width: 70%;
	    height: 100%;
	    top: 0;
	    right: 0;
	}

	@media (min-width:768px) {
	    @-webkit-keyframes Opacitys {
	        0% {
	            opacity: 1;
	        }
	        50% {
	            opacity: 0;
	        }
	        100% {
	            opacity: 1;
	        }
	    }
	    @-moz-keyframes Opacitys {
	        0% {
	            opacity: 1;
	        }
	        50% {
	            opacity: 0;
	        }
	        100% {
	            opacity: 1;
	        }
	    }
	    @-o-keyframes Opacitys {
	        0% {
	            opacity: 1;
	        }
	        50% {
	            opacity: 0;
	        }
	        100% {
	            opacity: 1;
	        }
	    }
	    @keyframes Opacitys {
	        0% {
	            opacity: 1;
	        }
	        50% {
	            opacity: 0;
	        }
	        100% {
	            opacity: 1;
	        }
	    }
	    .video9 .txt .title {
	        padding-top: 20px;
	    }
	    .video9 .gird_left {
	        padding-right: 30px;
	    }
	    .video9 .img_over {
	        position: absolute;
	    }
	    .video9 .gird_right {
	        padding-left: 30px;
	    }
	    .video9 .gird_right .mask {
	        position: relative;
	        padding: 20px;
	        z-index: 1;
	    }
	}

	@media (max-width:767px) {
	    .video9 .txt .title {
	        font-size: 2.5rem;
	    }
	    .video9 .more-btn {
	        margin: 15px 0 15px 0;
	    }
	    .video9 .img_over li {
	        display: flex;
	        justify-content: center;
	    }
	    .video9 .h_content,
	    .video9 .gird_right img {
	        height: auto;
	    }
	}

	/*----轮播展示的视频列表----*/

	[data-video-big] .swiper-container {
	    top: 50%;
	    transform: translateY(-50%);
	}

	[data-video-demo] .close {
	    right: -4%;
	    top: -2%;
	}

	[data-video-demo] .bg-p-v {
	    width: 50px;
	    height: 50px;
	    background-color: #fff;
	    line-height: 50px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    [data-video-demo] .swiper-slide .svg-play {
	        display: none;
	    }
	}

	/*其他——模版*/

	/*模板一*/

	.others-demo.demo1 .btn {
	    width: 142px;
	}

	/* .others-demo.demo1 main{top: 50%;left: 0;transform: translateY(-50%);} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo1 .float-right {
	        clear: both;
	    }
	    .others-demo.demo1 main {
	        position: unset;
	        transform: translateY(0);
	    }
	    .others-demo.demo1 .btn {
	        width: 100px;
	        color: #fff;
	        background-color: #0ae;
	        padding: 5px 20px;
	    }
	}

	/*模板二*/

	.others-demo.demo2 nav li {
	    margin-top: -1px;
	}

	.others-demo.demo2 nav li:first-child {
	    margin-top: 0;
	}

	.others-demo.demo2 nav li>a {
	    box-sizing: borfer-box;
	}

	.others-demo.demo2 nav li.active>a {
	    border-left: 2px solid #517bfc;
	    color: #517bfc;
	    z-index: 1;
	}

	.others-demo.demo2 .xb80>ul {
	    display: none;
	}

	.others-demo.demo2 .xb80>ul.active {
	    display: block;
	}

	.others-demo.demo2 .xb80>ul>li img {
	    margin: 40px 0;
	}

	.others-demo.demo2 .xb80>ul>li main {
	    top: 0;
	    left: 0;
	    transform: scale(0.3);
	}

	.others-demo.demo2 .xb80>ul>li:hover main {
	    transform: scale(0.95);
	    opacity: 1;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo2 nav li {
	        margin: 0;
	    }
	    .others-demo.demo2 nav li>a {
	        line-height: 20px;
	        margin: -1px 0 0 -1px;
	    }
	    .others-demo.demo2 nav li.active>a {
	        background-color: #517bfc;
	        color: #fff;
	        border-color: #517bfc
	    }
	    .others-demo.demo2 .xb80>ul>li:nth-child(odd) {
	        padding-right: 5px;
	    }
	    .others-demo.demo2 .xb80>ul>li:nth-child(even) {
	        padding-left: 5px;
	    }
	    .others-demo.demo2 .xb80>ul>li img {
	        margin-top: 40%;
	    }
	}

	/*模板三*/

	.others-demo.demo3 .counter {
	    font-family: HELVETICANEUELTPRO-THEX, Arial
	}

	.others-demo.demo3 li {
	    box-sizing: border-box;
	}

	.others-demo.demo3 li a {
	    cursor: default;
	}

	.others-demo.demo3 li:hover>a {
	    color: inherit;
	}

	.others-demo.demo3 li>a>small {
	    top: -30px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo3 li>a>span {
	        font-size: 2rem;
	    }
	    .others-demo.demo3 li>a>small {
	        top: -5px;
	    }
	}

	/*模板四*/

	.others-demo.demo4 .swiper-box {
	    padding: 0 50px;
	}

	.others-demo.demo4 .swiper-box>.swiper-container {
	    padding: 10px 0;
	}

	.others-demo.demo4 .swiper-slide:hover {
	    box-shadow: -10px 5px 40px rgba(0, 0, 0, 0.06);
	}

	.others-demo.demo4 .nav-demo {
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0;
	    height: 0;
	    z-index: 10
	}

	.others-demo.demo4 .nav-demo>li {
	    top: 50%;
	    transform: translateY(-50%);
	    width: 50px;
	    height: 50px;
	    line-height: 46px;
	}

	.others-demo.demo4 .nav-demo>li:nth-child(odd) {
	    padding-left: 20px;
	}

	.others-demo.demo4 .nav-demo>li:nth-child(odd):hover {
	    padding-left: 10px;
	}

	.others-demo.demo4 .nav-demo>li:nth-child(even) {
	    padding-right: 20px;
	}

	.others-demo.demo4 .nav-demo>li:nth-child(even):hover {
	    padding-right: 10px;
	}

	.others-demo.demo4 .nav-demo>li:hover {
	    opacity: 1;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo4 .swiper-box {
	        padding: 0;
	    }
	}

	/*模板五*/

	.others-demo.demo5 .bg-p-v {
	    height: 758px;
	    padding-top: 222px;
	}

	/*四个内容框*/

	.others-demo.demo5 li {
	    width: 320px;
	}

	.others-demo.demo5 li:hover {
	    box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12);
	}

	.others-demo.demo5 li.textbox-1 {
	    top: 20px;
	    left: 9%;
	}

	.others-demo.demo5 li.textbox-2 {
	    top: 240px;
	    left: 9%;
	}

	.others-demo.demo5 li.textbox-3 {
	    top: 20px;
	    right: 9%;
	}

	.others-demo.demo5 li.textbox-4 {
	    top: 240px;
	    right: 9%;
	}

	.others-demo.demo5 li::before {
	    content: "";
	    opacity: 0;
	    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
	    font-family: Gotham-Black;
	    font-size: 6.8rem;
	    color: #00468c;
	    z-index: 1;
	    position: absolute;
	    right: 10%;
	    font-weight: bolder;
	    top: -20%;
	}

	.others-demo.demo5 li.textbox-1::before {
	    content: "01";
	    right: 65%;
	}

	.others-demo.demo5 li.textbox-2::before {
	    content: "03";
	    right: 65%;
	}

	.others-demo.demo5 li.textbox-3::before {
	    content: "02";
	}

	.others-demo.demo5 li.textbox-4::before {
	    content: "04";
	}

	.others-demo.demo5 li:hover::before {
	    opacity: 1;
	}

	.others-demo.demo5 li .line {
	    width: 0;
	}

	.others-demo.demo5 li:hover .line {
	    width: 100%;
	    opacity: 1;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo5 .bg-p-v {
	        height: auto;
	        padding: 0;
	        background-image: unset;
	    }
	    .others-demo.demo5 li.textbox-1,
	    .others-demo.demo5 li.textbox-2,
	    .others-demo.demo5 li.textbox-3,
	    .others-demo.demo5 li.textbox-4 {
	        width: auto;
	        position: unset;
	        text-align: left;
	    }
	    .others-demo.demo5 li:hover {
	        box-shadow: unset;
	    }
	    .others-demo.demo5 li::before {
	        display: none;
	    }
	    .others-demo.demo5 li h3 {
	        color: #00468c;
	        position: relative;
	        display: inline-block;
	    }
	    .others-demo.demo5 li h3::after {
	        content: "";
	        position: absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        right: -14%;
	        display: block;
	        width: 10px;
	        border-top: 1px solid #bdbcbc;
	        z-index: 10;
	    }
	    .others-demo.demo5 li p {
	        color: #898989;
	    }
	    .others-demo.demo5 li .line {
	        display: none;
	    }
	}

	/*模板六*/

	.others-demo.demo6 {
	    background-image: url(../images/others-demo6-bg.jpg);
	}

	.others-demo.demo6 section>main {
	    margin-top: 14%;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo6 {
	        background-image: unset;
	    }
	    .others-demo.demo6 .container {
	        padding: 0;
	    }
	    .others-demo.demo6 section>main {
	        margin-top: 0;
	    }
	    .others-demo.demo6 section img {
	        width: 100%;
	    }
	}

	/*模板七*/

	/* .others-demo.demo7 main{top: 50%;left: 50%;transform: translate(-50%,-50%);} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo7 main>h1 {
	        font-size: 20px;
	    }
	}

	/*模板八*/

	.others-demo.demo8 main {
	    height: 521px;
	}

	.others-demo.demo8 h1 {
	    line-height: 6rem;
	}

	@media (min-width:1024px) {
	    .others-demo.demo8 main .jtitle {
	        position: absolute;
	        top: 50%;
	        transform: translateY(-50%);
	        -webkit-transform: translateY(-50%);
	        -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo8 main {
	        padding: 60px 15px;
	        height: auto;
	    }
	    .others-demo.demo8 h1 {
	        font-size: 3rem;
	        line-height: 5rem;
	    }
	}

	/*模板九*/

	/*右侧导航*/

	.others-demo.demo9 .nav>li>a {
	    padding: 0 20px;
	    line-height: 30px;
	}

	/*轮播*/

	.others-demo.demo9 .swiper-container,
	.others-demo.demo9 .swiper-wrapper {
	    overflow: unset;
	}

	.others-demo.demo9 .swiper-slide>a {
	    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12);
	    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12);
	}

	/*通过阴影模拟描边*/

	.others-demo.demo9 .swiper-slide:hover>a {
	    -webkit-box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12);
	    box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12);
	}

	.others-demo.demo9 .swiper-slide:hover main {
	    transform: translateY(-80%);
	}

	.others-demo.demo9 .swiper-slide main>p {
	    left: 50%;
	    transform: translateX(-50%);
	    margin-bottom: 0;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .others-demo.demo9 .swiper-container,
	    .others-demo.demo9 .swiper-wrapper {
	        overflow: hidden;
	    }
	    .others-demo.demo9 .swiper-slide::after {
	        display: none;
	        visibility: hidden;
	    }
	    .others-demo.demo9 .swiper-slide {
	        transform: translateY(0);
	        -webkit-box-shadow: unset;
	        box-shadow: unset;
	    }
	    .others-demo.demo9 .swiper-slide main {
	        background-color: #f8f8f8;
	    }
	    .others-demo.demo9 .swiper-slide:hover main {
	        background-color: #00468c;
	        color: #fff;
	        transform: translateY(0);
	    }
	    .others-demo.demo9 .swiper-slide:hover main h3 {
	        color: #fff;
	    }
	    .others-demo.demo9 .swiper-slide main p {
	        display: none;
	    }
	    .others-demo.demo9 .btn {
	        margin: 0 auto;
	        padding: 10px 80px;
	    }
	}

	/*模块头部动效模板*/

	.module-demo .module-title::before {
	    content: "";
	    display: block;
	    width: 22px;
	    height: 3px;
	    position: absolute;
	    top: 22%;
	    left: -3%;
	    background-color: #595959;
	    visibility: visible;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.module-demo .module-title.ani1::before {
	    width: 0;
	}

	.module-demo .module-title:hover::before {
	    width: 22px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .module-demo .module-title::before {
	        display: none;
	        visibility: hidden;
	    }
	}

	/*联系方式*/

	.contact-demo section>main>div>img {
	    width: 200px;
	    height: auto;
	}

	.contact-demo main>#map-box {
	    height: 580px;
	}

	.contact-demo main>#map-box .amap-overlays {
	    z-index: 1
	}

	.contact-demo main>#map-box .amap-info-outer,
	.contact-demo main>#map-box .amap-menu-outer {
	    box-shadow: none;
	}

	/*地图列表*/

	.contact-demo main>#map-list {
	    position: absolute;
	    width: 320px;
	    height: 400px;
	    top: 50%;
	    right: 5%;
	    transform: translateY(-50%);
	    z-index: 2;
	}

	.contact-demo main>#map-list .list-group>li {
	    padding: 0;
	}

	.contact-demo main>#map-list .list-group>li:hover>a>h3 {
	    color: #0a8;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .contact-demo section {
	        border-top: 1px solid #ddd;
	        padding-top: 20px;
	    }
	    .contact-demo section:first-child {
	        border: 0;
	    }
	    .contact-demo section>main {
	        text-align: center;
	    }
	    .contact-demo section>main>div {
	        margin: 0 15px;
	    }
	    .contact-demo section>main>div>img {
	        width: 140px
	    }
	    .contact-demo>div.pd-bottom-l {
	        padding: 0;
	    }
	    .contact-demo main>#map-box {
	        height: 300px;
	    }
	    .contact-demo main.relative,
	    .contact-demo main>#map-list {
	        position: static;
	    }
	    .contact-demo main.relative {
	        padding: 10px;
	        background-color: #f9f9f9;
	    }
	    .contact-demo main>#map-list {
	        transform: translate(0);
	        width: 100%;
	    }
	}

	/*解决方案or案例展示*/

	/*全局*/

	.solution-demo>ul {
	    margin: -10px -18px;
	}

	.solution-demo>ul>li>a {
	    display: block;
	    margin: 10px 18px;
	    overflow: hidden;
	}

	/*效果一*/

	.solution-demo.demo1 li>a>div {
	    /*height: 350px;*/
	    background-color: #444;
	}

	.solution-demo.demo1 li>a>div>.mask {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0);
	    top: 0;
	    left: 0;
	}

	.solution-demo.demo1 li>a:hover>div>.mask {
	    background-color: rgba(0, 0, 0, 0.5);
	}

	.solution-demo.demo1 li>a>div>main {
	    position: absolute;
	    bottom: -24%;
	    background: url(../images/solution-demo1-bg.png);
	    width: 100%;
	}

	.solution-demo.demo1 li>a:hover>div>main {
	    bottom: 0;
	}

	.solution-demo.demo1 li>a>div>main>span {
	    height: 46px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	.solution-demo.demo1 li>a>div>i.i-angle-right {
	    position: absolute;
	    right: 15px;
	    bottom: 15px;
	}

	.solution-demo.demo1 li>a:hover>div>i.i-angle-right {
	    opacity: 0;
	}

	/*效果二*/

	/*.solution-demo.demo2 li .xb5{padding-top: 8%;}*/

	.solution-demo.demo2 li .line-p-2 {
	    height: 60px;
	}

	.solution-demo.demo2 li button {
	    padding: 8px 30px;
	    color: #999;
	}

	.solution-demo.demo2 li:hover button {
	    color: #fff;
	    background-color: #0a8;
	    border-color: #0a8;
	}

	/*----------------移动端响应----------------*/

	@media screen and (min-width: 1220px) and (max-width: 1400px) {
	    .solution-demo.demo1 li>a>div>main {
	        bottom: -32%;
	    }
	    .solution-demo.demo2 li .xb5 {
	        padding-top: 5%;
	    }
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .solution-demo>ul,
	    .solution-demo>ul>li>a {
	        margin: 10px 0;
	    }
	    .solution-demo.demo1 li>a>div>main>span {
	        height: 36px;
	    }
	    .solution-demo.demo1 li>a>div {
	        height: 280px;
	    }
	    .solution-demo.demo1 li>a>div>main {
	        bottom: -30%;
	    }
	    .solution-demo.demo2 li>a>.size-b-big {
	        font-size: 1.6rem;
	        padding-left: 0;
	        line-height: 30px;
	        margin-top: 0;
	        height: 120px;
	    }
	    .solution-demo.demo2 li>a>main {
	        padding: 0;
	    }
	    .solution-demo.demo2 li>a>main>button {
	        padding: 5px 20px;
	    }
	}

	/*客户评价*/

	/*全局*/

	.evaluate-demo>ul {
	    margin: -10px -18px;
	}

	.evaluate-demo>ul>li>a {
	    display: block;
	    margin: 10px 18px;
	    overflow: hidden;
	}

	.evaluate-demo>ul>li:hover>a img {
	    transform: scale(1.08);
	    width: 100%;
	    vertical-align: middle;
	}

	/*效果*/

	.evaluate-demo.demo1 li>a>.img-box {
	    overflow: hidden;
	}

	.evaluate-demo.demo1 li:hover>a h3 {
	    color: #0a8;
	}

	.evaluate-demo.demo1 li>a p {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    height: 40px;
	    overflow: hidden;
	}

	.evaluate-demo.demo1 li:hover>a p {
	    color: #999;
	}

	.evaluate-demo.demo1 li:hover>a span {
	    color: #555;
	}

	.evaluate-demo.demo1 li>a span>button {
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.evaluate-demo.demo1 li:hover i.i-angle-right {
	    padding-left: 15px;
	    opacity: 1;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .evaluate-demo>ul,
	    .evaluate-demo>ul>li>a {
	        margin: 10px 0;
	    }
	    .evaluate-demo.demo1 li>a p {
	        -webkit-line-clamp: 3;
	        padding-right: 20px;
	        height: 60px;
	    }
	    .evaluate-demo.demo1 li>a p {
	        height: 3.5rem;
	    }
	    .evaluate-demo.demo1 li>a span>button {
	        padding: 0;
	    }
	}

	/*荣誉证书、图片列表*/

	/*全局*/

	.imagelist-demo>ul {
	    margin: -10px -18px;
	}

	.imagelist-demo>ul>li>a {
	    display: block;
	    margin: 10px 18px;
	    overflow: hidden;
	}

	.imagelist-demo>ul>li>a img {
	    width: 100%;
	    transition: all 0.5s;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.imagelist-demo>ul>li:hover>a img {
	    transform: translateY(-50%) scale(1.05);
	}

	/*效果*/

	.imagelist-demo.demo1 li .relative {
	    height: 440px;
	}

	.imagelist-demo.demo1 li main {
	    position: absolute;
	    bottom: -70%;
	    width: 100%;
	}

	.imagelist-demo.demo1 li>a:hover main {
	    bottom: 0;
	    opacity: 1;
	}

	.imagelist-demo.demo1 li main>i.i-search {
	    width: 44px;
	    height: 44px;
	    line-height: 40px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    .imagelist-demo>ul {
	        margin: 0;
	    }
	    .imagelist-demo>ul>li>a {
	        margin: 10px 10px 0 0;
	    }
	    .imagelist-demo>ul>li:nth-child(even)>a {
	        margin-right: 0;
	    }
	    .imagelist-demo.demo1 li .relative {
	        height: 216px;
	    }
	}

	/*下载+问答*/

	/*下载*/

	.fold-demo .item:hover>.header,
	.fold-demo .item.active>.header {
	    color: #d9271b;
	    font-weight: normal;
	    cursor: pointer;
	    background-color: #f5f5f5;
	}

	.fold-demo .item .btn {
	    padding: 10px 30px;
	}

	/*问答*/

	.recruit-demo .item>.header,
	.recruit-demo .item>.bodyer {
	    padding: 10px 0;
	}

	.recruit-demo .item.active>.header {
	    font-weight: normal;
	}

	.recruit-demo .item:hover>.header {
	    background-color: #f5f5f5;
	}

	.recruit-demo .item.active>.header i.i-angle-down,
	.recruit-demo .item:hover>.header i.i-angle-down {
	    opacity: 1;
	    display: inline-block;
	    -webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

	.recruit-demo .item>.bodyer {
	    padding: 50px 100px;
	}

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    /*全局*/
	    .fold-demo .item>.height-huge {
	        line-height: 30px;
	    }
	    .fold-demo .item .pd-top-m {
	        padding: 0;
	    }
	    .fold-demo i.i-angle-down {
	        display: none
	    }
	    /*招聘*/
	    .fold-demo.demo3 .item>.header {
	        padding: 10px 0;
	    }
	    .fold-demo.demo3 .btn {
	        padding: 5px 10px;
	    }
	}

	/* qt34 */

	@media (min-width:1024px) {
	    .qt-demo34 .pos-lt2 {
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        transform: translate(-50%, -50%);
	        -webkit-transform: translate(-50%, -50%);
	        -moz-transform: translate(-50%, -50%);
	        -ms-transform: translate(-50%, -50%);
	        z-index: 2;
	    }
	}

	.qt-demo34 .calc {
	    position: relative;
	}

	.qt-demo34 .calc .con-left .t1 {
	    font-size: 22px;
	}

	.qt-demo34 .calc .con-left {
	    padding-right: 0;
	}

	.qt-demo34 .calc .con-left .offer {
	    padding: 30px 0 30px 30px;
	    background-color: #F5F5F5;
	}

	.qt-demo34 .calc .con-left span {
	    font-size: 14px;
	}

	.qt-demo34 .con-table {
	    margin-top: 10px;
	}

	.qt-demo34 .con-table .field {
	    padding: 5px;
	    line-height: 40px;
	}

	.qt-demo34 .con-table .field .txt {
	    width: 90px;
	    display: inline-block;
	}

	.qt-demo34 .con-table .field .bldick {
	    display: inline-block;
	    border: 1px solid #e0e0e0;
	    background-color: #fff;
	    width: 370px;
	}

	.qt-demo34 .con-table .field .bldick input {
	    outline: none;
	    border: 0px;
	    width: 90%;
	}

	.qt-demo34 .con-table .field .bldick span {
	    padding-right: 5px;
	    display: inline-block;
	}

	.maleft15 {
	    margin-left: 15px;
	}

	.qt-demo34 .con-table .field label {
	    font-size: 14px;
	}

	.qt-demo34 .con-table .field #RadioGroup2 {
	    margin-left: 15px;
	}

	.qt-demo34 .con-table .field input {
	    height: 40px;
	    border: 1px solid #e0e0e0;
	    font-size: 14px;
	}

	.qt-demo34 .con-table .field input[type=radio] {
	    height: auto;
	    font-size: 14px;
	}

	.qt-demo34 .con-table .field .binput {
	    width: 110px;
	    height: 40px;
	    border: 1px solid #e0e0e0;
	    padding: 0 5px;
	    color: #333333;
	}

	.qt-demo34 .con-table .field .binput.put {
	    width: 370px;
	}

	.qt-demo34 .con-table .field .btn {
	    padding: 6px 12px;
	    float: left;
	    color: #fff;
	    background-color: #337ab7;
	    border-color: #2e6da4;
	    border-radius: 0;
	    height: 40px;
	    line-height: 20px;
	    font-size: 14px;
	}

	.qt-demo34 .con-table .field .input-group {
	    display: inline-block;
	    float: left;
	}

	.qt-demo34 .con-table .field .form-control {
	    width: 100px !important;
	    height: 40px;
	    border: #e0e0e0 1px solid;
	    padding: 0 5px;
	    color: #333333;
	    border-radius: 0;
	    display: block;
	    float: left;
	}

	.qt-demo34 .con-table .field .mobile3 {
	    width: 160px;
	    margin-left: 3px;
	}

	.qt-demo34 .calc h3 {
	    font-size: 24px;
	    margin: 0;
	    font-weight: bold;
	    line-height: 25px;
	    color: #333;
	}

	.qt-demo34 .calc .con-right .offer2 {
	    padding: 0 0 0 21%;
	}

	.qt-demo34 .calc .con-right .offer2 li {
	    padding: 15px;
	}

	.qt-demo34 .calc .con-right h3 {
	    padding: 30px 0 60px 0;
	}

	.qt-demo34 .calc .con-right .txt1 {
	    color: #333;
	    font-size: 18px;
	}

	.qt-demo34 .calc .con-right .txt2 {
	    color: #787878;
	    font-size: 14px;
	}

	.qt-demo34 .calc h3 i {
	    height: 25px;
	    width: 4px;
	    background: #1d2088;
	    margin-right: 10px;
	    float: left;
	}

	.qt-demo34 .calc h3 span {
	    color: #e60012;
	}

	.qt-demo34 .container .calc .con-right img {
	    height: 50px;
	}

	.offercent {
	    width: 140px;
	    height: 140px;
	    border-radius: 500px;
	    border: #eeeeee 1px solid;
	    background: #ffffff;
	}

	.offercent a {
	    width: 90px;
	    height: 90px;
	    border-radius: 100%;
	    background: #1d2088;
	    color: #ffffff;
	    font-size: 18px;
	}

	.offercent a:hover {
	    color: #fff;
	}

	.offercent a span {
	    margin: 0 auto;
	    display: table;
	    margin-top: 20px;
	}

	.offercent a span i {
	    width: 100%;
	    display: block;
	    font-style: normal;
	}

	@media (max-width:1420px) {
	    .qt-demo34 .con-table .field .binput {
	        width: 90px;
	    }
	    .qt-demo34 .con-table .field .binput.put {
	        width: 310px;
	    }
	    .qt-demo34 .con-table .field .bldick {
	        width: 310px;
	    }
	    .qt-demo34 .con-table .field .mobile3 {
	        width: 120px;
	    }
	    .qt-demo34 .con-table .field .form-control {
	        width: 95px !important;
	    }
	    .qt-demo34 .con-table .field .btn {
	        padding: 6px 4px;
	    }
	    .qt-demo34 .calc .con-right h3 {
	        padding: 30px 0;
	    }
	}

	@media (max-width:1023px) {
	    .offercent {
	        width: 300px;
	        float: none;
	        margin: 0 auto;
	        display: table;
	        height: 60px;
	        border-radius: 4px;
	        border: #eeeeee 1px solid;
	        background: #ffffff;
	        margin-top: 40px;
	    }
	    .offercent a {
	        width: 95%;
	        height: 50px;
	        line-height: 50px;
	        margin: 0 auto;
	        border-radius: 0;
	        background: #1d2088;
	        color: #ffffff;
	        font-size: 18px;
	        text-align: center;
	        display: table;
	        vertical-align: middle;
	    }
	    .offercent a span {
	        margin: 0 auto;
	        display: table;
	        margin-top: 0px;
	    }
	    .offercent a span i {
	        display: inline;
	    }
	}

	@media (max-width:767px) {
	    .qt-demo34 .calc h3 {
	        font-size: 18px;
	    }
	    .qt-demo34 .con-table .field label {
	        line-height: 1px;
	    }
	    .qt-demo34 .calc .con-left .offer {
	        padding: 20px 10px;
	        margin-bottom: 20px;
	    }
	    .qt-demo34 .calc .con-right .offer2 {
	        padding: 0;
	    }
	    .qt-demo34 .con-table .field .binput {
	        width: 100%;
	    }
	    .qt-demo34 .con-table .field .binput.put {
	        width: 100%;
	    }
	    .qt-demo34 .con-table .field .binput.mo-p {
	        width: 90px;
	    }
	    .qt-demo34 .con-table .field .txt {
	        display: block;
	    }
	    .qt-demo34 .con-table .field .bldick {
	        width: 100%;
	    }
	    .qt-demo34 .con-table .field .input-group {
	        padding-left: 75px;
	        padding-top: 10px;
	    }
	    .qt-demo34 .calc .con-right h3 {
	        padding: 20px 0 20px 0;
	        font-size: 21px;
	    }
	    .offercent a {
	        margin: 5px auto;
	    }
	    .qt-demo34 .con-table .field .mobile3 {
	        width: 176px;
	        margin-left: 3px;
	    }
	    .qt-demo34 .con-table .field .btn {
	        padding: 6px 6px;
	    }
	}

	/* qt35 */

	.qt35 .txt {
	    padding: 32px 35px 35px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	}

	.qt35 .txt:hover {
	    -webkit-box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);
	    box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);
	}

	.qt35 .txt h4 {
	    font-size: 3.5rem;
	}

	.qt35 .txt>div {
	    color: #000;
	}

	.qt35 .txt h4 span {
	    font-size: 1.6rem;
	    margin-left: 5px;
	}

	.qt35 .txt .content {
	    font-size: 1.8rem;
	    height: 60px;
	    margin-bottom: 15px;
	}

	.qt35 .txt .sub {
	    font-size: 1.4rem;
	    height: 140px;
	    line-height: 24px;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 6;
	}

	.qt35 .btn-more {
	    font-size: 1.6rem;
	    padding-top: 10px;
	}

	.qt35 .btn-more i {
	    font-size: 2rem;
	    padding-left: 10px;
	}

	@media (max-width:767px) {
	    .qt35 .txt .content {
	        font-size: 1.6rem;
	    }
	    .qt35 .swiper-container {
	        margin-left: 15px;
	        margin-right: 15px;
	    }
	}

	/* qt36 */

	.qt36 {
	    position: relative;
	}

	.qt36 .history {
	    font-size: 16px;
	    color: #fff;
	    line-height: 1.8;
	    position: relative;
	    width: 100%;
	    padding-left: 50px;
	    padding-right: 50px;
	    position: relative;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    margin-bottom: 30px;
	}

	.history p {
	    margin: 0;
	}

	.qt36 .intro_swp1 {
	    background: url(/templates/Tpl/images/line.jpg) repeat-x left center;
	}

	.history .swiper-slide:nth-of-type(2n) {
	    width: 12.5%;
	}

	.qt36 .history .swiper-slide:nth-of-type(2n-1) {
	    width: 25%;
	}

	.qt36 .history .swiper-slide:not(.first-last) .ui_txt {
	    width: 200%;
	    position: relative;
	    left: -50%;
	}

	.qt36 .history .swiper-slide>div:first-of-type {
	    padding: 0 0 40px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-end;
	}

	.qt36 .history .swiper-slide>div:first-of-type .ui_block0 {
	    display: flex;
	    justify-content: center;
	    align-items: flex-end;
	}

	.qt36 .history .swiper-slide>div:first-of-type::after {
	    content: "";
	    width: 0;
	    height: 100%;
	}

	.qt36 .history .swiper-slide .ui_txt>div {
	    width: 100%;
	}

	.qt36 .history .swiper-slide>div:last-of-type {
	    padding: 40px 0 0;
	}

	.qt36 .history .textarea {
	    width: 100%;
	    position: relative;
	    background-color: #f8f8f8;
	}

	.qt36 .history .swiper-slide .textarea:before {
	    content: "";
	    display: block;
	    width: 8px;
	    height: 8px;
	    background-color: #d1d1d1;
	    border: 3px solid #d1d1d1;
	    border-radius: 50%;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 2;
	    box-sizing: content-box;
	}

	.qt36 .history .swiper-slide:nth-of-type(2n) .textarea:before {
	    bottom: -47px;
	}

	.qt36 .history .swiper-slide:nth-of-type(2n-1) .textarea:before {
	    top: -47px;
	}

	.qt36 .history .swiper-slide .textarea:after {
	    content: "";
	    width: 0;
	    height: 0;
	    border-style: solid;
	    left: 0;
	    right: 0;
	    margin: auto;
	    position: absolute;
	}

	.qt36 .history .swiper-slide:nth-of-type(2n) .textarea:after {
	    border-width: 7px 7px 0;
	    bottom: -7px;
	    border-color: #e8e8e8 transparent transparent;
	}

	.qt36 .history .swiper-slide:nth-of-type(2n-1) .textarea:after {
	    border-width: 0 7px 7px;
	    top: -7px;
	    border-color: transparent transparent #e8e8e8;
	}

	.qt36 .history .history_date {
	    line-height: 40px;
	    font-size: 18px;
	    color: #666;
	    background-color: #e8e8e8;
	    text-align: center;
	}

	.qt36 .history .history_cont {
	    padding: 20px;
	    min-height: 40px;
	    color: #000;
	}

	.qt36 .swpBtnWrp {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    height: 0;
	    z-index: 3;
	}

	.qt36 .swp-prev-style1,
	.qt36 .swp-next-style1 {
	    width: 40px;
	    height: 40px;
	    border: 2px solid #9d9d9d;
	    position: absolute;
	    top: 50%;
	    margin-top: -22px;
	    border-radius: 50%;
	    cursor: pointer;
	}

	.qt36 .swp-prev-style1 {
	    left: 0;
	}

	.qt36 .swp-prev-style1:after {
	    left: 7px;
	    right: 0;
	    border-left: 2px solid #9d9d9d;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.qt36 .swp-next-style1 {
	    right: 0;
	}

	.qt36 .swp-next-style1:after {
	    left: 0;
	    right: 7px;
	    border-right: 2px solid #9d9d9d;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	@media only screen and (max-width: 767px) {
	    .qt36 .history {
	        padding-left: 0;
	        padding-right: 0;
	        margin-bottom: 0;
	    }
	    .qt36 .history .swiper-slide:not(.first-last) .ui_txt {
	        width: 100%;
	        left: 0;
	    }
	    .qt36 .history_cont {
	        font-size: 14px;
	    }
	    .qt36 .swp-prev-style1,
	    .qt36 .swp-next-style1 {
	        display: none;
	    }
	}

	.qt36 .swp-prev-style1:after,
	.qt36 .swp-next-style1:after {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    width: 12px;
	    height: 12px;
	    border-top: 2px solid #9d9d9d;
	}

	/* qt38 */

	.qt38 .gird {
	    overflow-wrap: break-word;
	    border-color: #ddd transparent;
	    border-width: 1px 0px;
	    border-style: solid;
	    text-align: center;
	}

	.qt38 .gird .gird-item .sub {
	    display: inline-block;
	    font-size: 1.6rem;
	    position: relative;
	    line-height: 54px;
	    height: 54px;
	    width: 194px;
	}

	.qt38 .gird .gird-item ul {
	    font-size: 1.4rem;
	    text-align: center;
	    display: none;
	}

	.qt38 .gird .gird-item ul li {
	    padding: 10px 0;
	}

	@media (min-width:768px) {
	    .qt38 .gird .gird-item ul {
	        position: absolute;
	        top: 54px;
	        left: 50%;
	        transform: translateX(-50%);
	        -webkit-transform: translateX(-50%);
	        -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	        width: 194px;
	        z-index: 10;
	    }
	    .qt38 .gird .gird-item:hover .sub {
	        color: #fff;
	        /* font-size: 1.8rem; */
	    }
	    .qt38 .gird .gird-item:hover ul {
	        display: block;
	    }
	    .qt38 .gird .gird-item:hover ul li a {
	        color: #fff;
	    }
	}

	/* moblie */

	@media (max-width:767px) {
	    .qt38 .gird .gird-item:not(:last-child) {
	        border-bottom: 1px solid #ddd;
	    }
	    .qt38 .gird .gird-item .sub {
	        float: left;
	        width: auto;
	    }
	    .qt38 .submenu-toggle {
	        display: inline-block;
	        float: right;
	        font-size: 1.6rem;
	    }
	    .qt38 .submenu-toggle i {
	        font-size: 2.4rem;
	        font-style: inherit;
	        height: 54px;
	        line-height: 54px;
	    }
	    .qt38 .menu-l {
	        display: none !important;
	    }
	    .qt38 .gird .gird-item ul {
	        text-align: left;
	        width: 100%;
	        float: left;
	    }
	    .qt38 .gird .gird-item ul li:not(:last-child) {
	        border-bottom: 1px dashed #ddd;
	    }
	}

	/* qt40 */

	.qt40 {
	    border-bottom: 1px solid #eee;
	}

	.qt40 .word-l {
	    font-size: 1.6rem;
	    margin: 0;
	}

	.qt40 .word-l .txt {
	    font-weight: bold;
	    color: #000;
	}

	.qt40 .word-l font {
	    word-spacing: 20px;
	    color: #999;
	}

	.qt40 .input-search input::-webkit-input-placeholder {
	    color: #999;
	}

	.qt40 .input-search input::-moz-placeholder {
	    color: #999;
	}

	.qt40 .input-search input:-ms-input-placeholder {
	    color: #999;
	}

	.qt40 .input-search-btn {
	    position: absolute;
	    top: 0;
	    right: 0;
	    height: 100%;
	    padding: 0 10px;
	    border: none;
	    border-radius: 0 50px 50px 0;
	    background: #eeeeee;
	}

	.qt40 .input-search-btn .icon {
	    margin: 0 3px;
	    color: #474747;
	    font-size: 1.5rem;
	}

	.qt40 .input-search .form-control {
	    padding-right: 42px;
	}

	.qt40 .form-control {
	    font-size: 1.4rem;
	    display: block;
	    width: 250px;
	    padding: .429rem .929rem;
	    border: 1px solid transparent;
	    background-image: none;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    height: 4.2rem;
	    -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	    -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    border-radius: 50px;
	    background: #eeeeee;
	    color: #666;
	}

	@media (min-width:768px) {
	    .qt40 .full_width {
	        display: flex;
	        justify-content: space-between;
	        width: 100%;
	        align-items: center;
	        height: 80px;
	    }
	}

	@media (max-width:767px) {
	    .qt40 .form-control {
	        font-size: 1.2rem;
	        width: 100%;
	        height: 4rem;
	    }
	    .qt40 .word-l {
	        font-size: 1.4rem;
	        padding: 10px 0;
	    }
	    .qt40 .input-search-btn {
	        padding: 0 5px;
	    }
	    .qt40 .full-r {
	        margin-bottom: 10px;
	    }
	}

	/* qt41 */

	.qt41 img {
	    width: 100%;
	}

	.qt41 .item_right {
	    background-color: #233951;
	    padding: 30px;
	}

	.qt41 .item_right .form-group {
	    padding-bottom: 20px;
	}

	.qt41 .item_right .label {
	    color: #fff;
	}

	.qt41 .item_right select,
	.qt41 .item_right input[type="date"] {
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	.qt41 .item_right input,
	.qt41 .item_right select {
	    height: 34px;
	    line-height: 34px;
	    background: #fff;
	    border: 1px solid #dedede;
	}

	.qt41 .item_right .more-btn {
	    border: none;
	    display: block;
	    width: 100%;
	    padding: 12px 0;
	    color: #fff;
	    border-radius: 5px;
	}

	.qt41 .navigator-content {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    background-color: rgb(0 0 0 / 50%);
	    z-index: 1;
	}

	.qt41 .navigator-wrapper {
	    position: relative;
	    padding: 10px 20px;
	}

	.qt41 .navigator-wrapper .images2-qt41 {
	    width: 120px !important;
	}

	.qt41 .wrap-inner .gird li {
	    height: 560px;
	}

	.qt41 .wrap-inner .gird li img {
	    height: 100%;
	}

	.qt41 .wrap-inner .nav-demo {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    width: 100%;
	    z-index: 1;
	}

	.qt41 .item-l,
	.qt41 .item-r {
	    color: #fff;
	    font-size: 3rem;
	}

	.qt41 .pad-l {
	    padding-left: 30px;
	}

	@media (max-width:767px) {
	    .qt41 .item_right {
	        padding: 20px;
	    }
	    .qt41 .wrap-inner .gird li {
	        height: auto;
	    }
	    .qt41 .pad-l {
	        padding-left: 0;
	    }
	}

	/* qt43 */

	.qt43 img {
	    width: 100%;
	}

	.qt43 .txt {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    text-align: center;
	    z-index: 2;
	}

	.qt43 .txt h2 {
	    font-size: 3rem;
	}

	.qt43 .txt .line-box {
	    width: 40px;
	    height: 2px;
	    background-color: #666;
	    margin: 0 auto 15px auto;
	}

	.qt43 .txt .p1 {
	    font-size: 3.1rem;
	}

	.qt43 .txt .p2 {
	    font-size: 1.4rem;
	    line-height: 2;
	}

	.qt43 .txt .line {
	    margin: 10px auto;
	}

	.qt43 .txt .more_btn {
	    position: relative;
	    width: 48px;
	    height: 48px;
	    border-radius: 50%;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	}

	.qt43 .txt .more_btn:before,
	.qt43 .txt .more_btn:after {
	    content: ' ';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -o-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    -o-transform: translate3d(-50%, -50%, 0);
	    -moz-transform: translate3d(-50%, -50%, 0);
	    -webkit-transform: translate3d(-50%, -50%, 0);
	    transform: translate3d(-50%, -50%, 0);
	}

	.qt43 .txt .more_btn:before {
	    width: 1px;
	    height: 14px;
	}

	.qt43 .txt .more_btn:after {
	    width: 14px;
	    height: 1px;
	}

	@media (min-width:768px) {
	    .qt43 .txt {
	        left: 30%;
	        width: 345px;
	    }
	    .qt43 .swiper-pagination-bullet {
	        width: 16px;
	        height: 16px;
	    }
	}

	@media (max-width:1420px) {
	    .qt43 .txt {
	        left: 20%;
	    }
	}

	@media (max-width:767px) {
	    .qt43 .txt {
	        left: auto;
	    }
	    .qt43 .txt h2 {
	        font-size: 2.1rem;
	    }
	    .qt43 .txt .p1 {
	        font-size: 1.6rem;
	    }
	    .qt43 .txt {
	        width: 100%;
	        margin: 0 auto;
	    }
	    .qt43 .images-qt43:after {
	        content: "";
	        position: absolute;
	        top: 0px;
	        width: 100%;
	        height: 100%;
	        background-color: rgb(255 255 255 / 50%);
	        z-index: 1;
	    }
	    .qt43 .txt .more_btn {
	        width: 40px;
	        height: 40px;
	    }
	}

	/* qt45 */

	.qt45 img {
	    width: 100%;
	}

	.qt45 ul li {
	    height: 437px;
	}

	.qt45 ul li:nth-child(1) {
	    padding-right: 20px;
	}

	.qt45 ul li:nth-child(2) {
	    padding: 0 10px;
	}

	.qt45 ul li:nth-child(3) {
	    padding-left: 20px;
	}

	.qt45 .item1 img {
	    height: 437px;
	}

	.qt45 .item2 {
	    background-color: #fff;
	    height: 100%;
	}

	.qt45 .item2 .txt {
	    padding: 30px 25px;
	}

	.qt45 .item2 p {
	    font-size: 1.6rem;
	    margin: 0;
	}

	.qt45 .item2 h2 {
	    font-size: 3rem;
	}

	.qt45 .item3 {
	    height: 100%;
	    padding: 50px;
	    color: #fff;
	}

	.qt45 .item3 .title_cont {
	    position: relative;
	    height: 100%;
	    width: 100%;
	}

	.qt45 .item3 .pic_img {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    text-align: center;
	}

	.qt45 .item3 .conts {
	    font-size: 1.4rem;
	    line-height: 1.8;
	}

	.qt45 .item3 img {
	    width: auto;
	    max-width: 100%;
	}

	@media (max-width:767px) {
	    .qt45 ul li {
	        height: auto;
	        padding: 0 0 15px 0 !important;
	    }
	    .qt45 .item3 .pic_img {
	        position: initial;
	    }
	}

	/*底部模板*/

	/*全局*/

	/*版本一*/

	footer.footer-demo.demo1 {
	    padding: 25px 0;
	}

	/*版本二*/

	footer.footer-demo.demo2 {
	    padding: 100px 0;
	}

	footer.footer-demo.demo2 ul.nav>li {
	    border-color: #555;
	}

	footer.footer-demo.demo2 ul.nav>li>a {
	    padding: 0 25px;
	}

	footer.footer-demo.demo2 ul.nav>li:hover>a {
	    color: #0a8;
	}

	/*版本三*/

	footer.footer-demo.demo3 {
	    padding-top: 60px;
	}

	footer.footer-demo.demo3 .xb4 img {
	    width: 130px;
	}

	footer.footer-demo.demo3 i.i-phone {
	    width: 34px;
	    height: 34px;
	    line-height: 36px;
	    font-size: 24px;
	}

	/* footer.footer-demo.demo3 ul.x3:nth-of-type(5n){clear: both;} */

	/*----------------移动端响应----------------*/

	@media (max-width: 1023px) {
	    footer.footer-demo.demo1 {
	        padding: 10px 0;
	    }
	    footer.footer-demo.demo2 {
	        padding: 50px 0;
	    }
	    footer.footer-demo.demo3 {
	        padding-top: 30px;
	    }
	    footer.footer-demo.demo3 .xb4 img {
	        width: 84px;
	        height: auto;
	    }
	    footer.footer-demo.demo3 i.i-phone {
	        width: 30px;
	        height: 30px;
	        line-height: 30px;
	        font-size: 2rem;
	    }
	    footer.footer-demo.demo3 .xb4 p {
	        line-height: 20px;
	        font-size: 1rem;
	    }
	    /*footer.footer-demo.demo3 .x12{padding: 10px 0;margin-top: 20px;}*/
	    footer.footer-demo.demo3 .btn {
	        display: none;
	    }
	}

	/* 更多按钮的样式 */

	.lx_btn a.btn:hover {
	    padding-left: 0px;
	    padding-right: 20px;
	    background: none;
	}

	.lx_btn a.btn {
	    width: 130px;
	    height: 38px;
	    color: #999;
	    line-height: 26px;
	    color: #999;
	    position: relative;
	}

	.lx_btn a.btn::before {
	    color: #999;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    opacity: 0;
	    -webkit-transition: all 0.36s ease;
	    -o-transition: all 0.36s ease;
	    transition: all 0.36s ease;
	    font-size: 1.4rem;
	}

	.lx_btn a.btn:hover::before {
	    opacity: 1;
	    left: 70%;
	}

	/* 轮播5 */

	.swiper5 .swiper-slide {
	    text-align: center;
	    font-size: 18px;
	    background: #fff;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}

	/* 其它-新闻13 */

	.new-section13 ul {
	    margin: 0 -10px;
	}

	.new-section13 li .txt {
	    border-radius: 4px;
	    margin: 20px;
	    background-color: #fff;
	    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .07);
	}

	.new-section13 li .txt img {
	    width: 100%;
	    border-radius: 4px 4px 0 0;
	}

	.new-section13 li .txt a {
	    display: block;
	    color: #000;
	}

	.new-section13 li .txt .t1 {
	    padding: 15px 10px;
	}

	.new-section13 li .txt .t1 h3 {
	    font-size: 18px;
	}

	.new-section13 li .txt .t1 h3 i {
	    font-size: 24px;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    right: 0;
	}

	.new-section13 li .txt .t1 p {
	    font-size: 14px;
	    color: #808080;
	}

	/* 首页分屏 */

	.logo_points {
	    display: none;
	}

	@media (min-width:1024px) {
	    .logo_points {
	        display: flex;
	        justify-content: space-between;
	    }
	    .logo_points .more_points {
	        display: flex;
	        align-items: center;
	        flex: 1;
	        justify-content: right;
	    }
	    .logo_points b {
	        width: 8px;
	        height: 8px;
	        background-color: #000;
	        border-radius: 50%;
	        margin-left: 5px;
	    }
	    .splitpage_center {
	        display: flex;
	        align-items: center;
	        height: 100%;
	    }
	    .Splitpage .splitpage_center .images-demo4 .swiper-slide>a {
	        padding: 72px 20px;
	    }
	}