* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1460px !important; margin:0 auto !important; padding:0px 10px;}
body,html { width:100%; height:100%;}

.H_head { height: 98px; }
.header { height: 98px; background: #fff; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; }
.header .back { background-image:linear-gradient(90deg, #6bc928 0%, #efcd2d 50%, #de6b29 100%); height: 8px; }
.header .had { height: 90px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.header .had .lang { display: inline-block; vertical-align: middle; margin-left: 20px; }
.header .had .lang a { font-size: 16px; display: inline-block; vertical-align: middle; color: #c9c9c9; }
.header .had .lang a.active { color: #4d4d4d; }
.header .had .lang span { display: inline-block; vertical-align: middle; width: 35px; height: 1px; background: #c9c9c9; margin: 0px 3px; }
.header .had .search { background: url('../images/icon1.png') no-repeat center center; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 30px; cursor: pointer; }
.header.active { box-shadow: 0px 0px 5px 5px rgb(0, 0, 0, 0.08);  }


/* 导航 */
.header .had .nav { display: inline-block; vertical-align: middle; }
.header .had .nav .nav-ul>li { display: inline-block; vertical-align: top; position: relative; }
.header .had .nav .nav-ul>li>a { display: block; line-height: 90px; font-size: 18px; margin: 0px 20px; }
.header .had .nav .nav-ul>li>a.active { color: #009ecf; }

@media screen and ( min-width: 992px ){

.header .had .nav .nav-ul2 { position: absolute; top: 88px; background: #fff; min-width: 100%; left: 0px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; overflow: hidden;
	border-top: 2px solid #009ecf; box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.05); display: none; }
.header .had .nav .nav-ul2 li a { text-align: center; font-size: 14px; padding: 14px 10px; transition: all 0.6s; -webkit-transition: all 0.6s; display: block; border-bottom: 1px solid #eaeaea; white-space: nowrap; cursor: pointer; }
.header .had .nav .nav-ul2 li a:hover { background: #009ecf; color: #fff; border-bottom: 1px solid #009ecf; }
.header .had .nav .nav-ul>li>a:hover { color: #009ecf; }
.header .had .nav .nav-ul>li:hover .nav-ul2 { display: block; }

}




.banner { height: calc(100vh - 98px) }
.banner .swiper-slide .text { color: #fff; margin-top: 10%; }
.banner .swiper-slide .text h3 { font-size: 48px;  position: relative;  }
.banner .swiper-slide .text p { font-size: 30px; letter-spacing: 5px; margin-top: 30px; }
.banner .swiper-slide .text .xt { background: #fff; width: 50px; height: 4px; display: block; margin-top: 10px;  }
.banner .swiper-slide .text i { display: block; margin-bottom: 10px; }


.m_link { background: #009ecf; color: #fff; font-size: 14px; padding: 13px 40px; display: inline-block; margin-top: 40px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link:after { content: ''; background: #fff; position: absolute; right: 0px; height: 1px; width: 25px; top: 50%;  }
.m_link:hover { background: #93cd34; }

.m_link1 { background: #009ecf; color: #fff; font-size: 14px; padding: 13px 40px; display: inline-block; margin-top: 40px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link1:after { content: ''; background: #fff; position: absolute; right: 0px; height: 1px; width: 25px; top: 50%;  }

.m_tit { font-size: 30px; color: #333333; }
.m_p p { font-size: 16px; color: #666666; margin-top: 20px; line-height: 26px; }
.m_p p strong { font-weight: bold; }

.m_tit_p { margin-top: 20px; font-size: 18px; line-height: 28px; }


.section1 { background: #f3f9f7; display: flex; flex-direction: row; position: relative; z-index: 9; margin-top: -130px; border-radius: 5px; overflow: hidden; }
.section1 .img { width: 38.2%; }
.section1 .img img { margin: 0 auto; }
.section1 .text { width: 61.8%; display: flex; flex-direction: column; justify-content: center; padding: 20px 50px; }
.section1 .text h3 { font-size: 24px; color: #333333; line-height: 40px; font-weight: 200; position: relative;
	padding-left: 80px; padding-top: 20px; }

.section1 .text h3:before { content: ''; background: url('../images/icon3.png') no-repeat left top; width: 50px; height: 41px; position: absolute; left: 0px; top: 0px; }
.section1 .text h3:after { content: ''; background: url('../images/icon4.png') no-repeat left center; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 40px; margin-top: 10px; }
.section1 .text p { padding-left: 80px; margin-top: 28px; line-height: 25px; font-size: 16px; color: #666; }

.in_about { display: flex; flex-direction: row; margin-top: 90px; background: #f2f8f6; }
.in_about .img { width: 50%; display: flex; align-items: center; }
.in_about .img img { width: 100%; }
.in_about .text { width: 50%; display: flex; justify-content: center; flex-direction: column; background: url('../images/icon5.png') no-repeat right top; padding: 80px; align-items: flex-start; }

.in_design { margin-top: 90px; margin-bottom: 80px;}
.in_design .list { margin-top: 30px; }
.in_design .list ul { display: flex; flex-direction: row; }
.in_design .list ul li { width: 50%; }
.in_design .list ul li .link { display: block; }
.in_design .list ul li .text { background: #f1f7fa url('../images/icon6.png') no-repeat 94% center; padding: 20px 30px;  transition: all 0.6s; -webkit-transition: all 0.6s; position: relative;  }
.in_design .list ul li .text:after { content: ''; background-image:linear-gradient(90deg, #6bc928 0%, #efcd2d 50%, #de6b29 100%); height: 4px; position: absolute; left: 0px; width: 0%; bottom: 0px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.in_design .list ul li .text h3 { font-size: 18px; color: #333333; }
.in_design .list ul li .text p { margin-top: 5px; color: #666666; font-size: 14px; }
.in_design .list ul li .link:hover .text { background: #fff url('../images/icon7.png') no-repeat 92% center; box-shadow: 0px 0px 10px 5px rgb(0, 0, 0,0.05); position: relative; z-index: 2; }
.in_design .list ul li .link:hover .text:after { width: 100%; }
.in_design .tit { font-size: 22px; font-weight: 200; }


.in_guide { background: url('../images/img4.jpg') no-repeat center center; padding: 4% 0px; background-size: cover; margin-top: 90px; text-align: center;height: 364px; }
.in_guide i img { margin: 0 auto; }
.in_guide h3 { font-size: 48px; color: #ffffff; font-weight: 200; margin-top: 20px; }

.footer_back { background: #f5f5f5; }
.footer .had { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 50px 0px;
	border-bottom: 1px solid #d8d8d8; }
.footer .nav a { font-size: 18px; color: #333333; margin-left: 60px; }
.footer .nav a:hover { color: #009ecf; }
.footer .share a { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-left: 10px; }
.footer .share .icon1 { background: url('../images/icon9.png') no-repeat left center; }
.footer .share .icon2 { background: url('../images/icon10.png') no-repeat left center; }
.footer .share .icon3 { background: url('../images/icon11.png') no-repeat left center; }
.footer .share .icon4 { background: url('../images/icon12.png') no-repeat left center; }

.footer .dow { display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0px; }
.footer .dow h3 a { color: #666666; margin-left: 20px; }

.banner-pag { bottom: 160px !important; }
.banner .swiper-pagination-bullet { width:9px; height:9px; background:#fff;  margin:0px 8px !important; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background:#009ecf; }

.banner-x { height: 440px; display: flex; justify-content: center; align-items: center; font-size: 40px; color: #fff; }

.g-nav { border-bottom: 1px solid #e6e6e6; height: 60px; }
.g-nav .item { display: flex; flex-direction: row; }
.g-nav .item a { flex: 1; font-size: 16px; color: #666666; line-height: 59px; text-align: center; cursor: pointer; border-right: 1px solid #e6e6e6; position: relative; }
.g-nav .item a:after { content: ''; background-image:linear-gradient(90deg, #6bc928 0%, #efcd2d 50%, #de6b29 100%); position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0%; transition: all 0.6s; -webkit-transition: all 0.6s; }

.g-nav .item a:last-child { border-right: none; }
.g-nav .item a:hover { color: #009ecf; }
.g-nav .item a:hover:after { width: 100%; }

.g-nav .item a.active { color: #009ecf; }
.g-nav .item a.active:after { width: 100% }



.about { margin-top: 60px; display: flex; flex-direction: row; justify-content: space-between; }
.about .text { width: 46%; position: relative; padding-bottom: 10px; }
.about .text h2 { font-size: 30px; color: #333333; }
.about .text h3 { font-size: 24px; color: #009ecf; margin-top: 20px; }
.about .text p { font-size: 16px; color: #666666; line-height: 28px; margin-top: 20px; }
.about .text ul { margin-top: 20px; }
.about .text ul li { min-width: 40%; background: url('../images/icon13.png') no-repeat left center; font-size: 16px; color: #333333;
padding-left: 35px;  display: inline-block; vertical-align: top; margin-top: 22px; padding-bottom: 5px; }
.about .text:after { content: ''; background-image:linear-gradient(90deg, #6bc928 0%, #efcd2d 50%, #de6b29 100%); height: 4px; width: 100%; position: absolute; bottom: 0px; left: 0px; }
.about .img { width: 48.4%; }


.about1 { margin-top: 60px; overflow: hidden;
	display: none !important;}
.about1 h3 { font-size: 22px; color: #333333; font-weight: 200; }
.about1 ul { display: flex; flex-direction: row; margin-top: 10px; margin-left: -15px; margin-right: -15px; }
.about1 ul li { flex: 1; padding: 0px 15px; margin-top: 20px; }
.about1 ul li .text { background: #f5f5f5; padding: 30px 70px; text-align: center; height: 100%; }
.about1 ul li .text .img img { margin: 0 auto; }
.about1 ul li .text p { margin-top: 15px; font-size: 16px; line-height: 26px; }


.about2 { margin-top: 60px; }
.about2 .tit h3 { font-size: 24px; color: #009ecf; }
.about2 .tit p { font-size: 16px; margin-top: 15px; line-height: 26px; font-weight: 200; }
.about2 .list { overflow: hidden; margin-top: 30px; }
.about2 .list ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; }
.about2 .list ul li { padding: 0px 15px; width: 25%; }
.about2 .list ul li .item { background: #f5f5f5; height: 100%; }
.about2 .list ul li .item .text { padding: 20px 26px; height: 100%; }
.about2 .list ul li .item .text strong { display: block; font-size: 18px; color: #666666; }
.about2 .list ul li .item .text p { font-size: 15px; line-height: 25px; color: #666666; margin-top: 10px; }


.about3 { margin-top: 60px; }
.about3 h3 { font-size: 30px; color: #333333; }
.about3 .form .list { overflow: hidden; }
.about3 .form .list ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; }
.about3 .form .list ul li { margin-top: 25px; width: 50%; padding: 0px 25px }
.about3 .form .list ul li strong { display: block; font-size: 16px; }
.about3 .form .list ul li strong span { color: #ff0000; }
.about3 .form .list ul li .txt { width: 100%;  border: 1px solid #ebebeb; padding: 14px; margin-top: 10px; padding-left: 45px; }
.about3 .form .list ul li .name { background:#f5f5f5 url('../images/icon17.png') no-repeat 8px center; }
.about3 .form .list ul li .phone { background:#f5f5f5 url('../images/icon18.png') no-repeat 8px center; }
.about3 .form .list ul li .email { background:#f5f5f5 url('../images/icon19.png') no-repeat 8px center; }
.about3 .form .list ul li .company { background:#f5f5f5 url('../images/icon20.png') no-repeat 8px center; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #b3b3b3; font-weight: normal; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b3b3b3; font-weight: normal; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { color: #b3b3b3; font-weight: normal; }

.about3 .checklist strong { font-size: 16px; display: block; margin-top: 25px; }
.about3 .checklist strong span { color: #ff0000; }
.about3 .checklist .text { margin-top: 15px; }
.about3 .checklist .text ul li { display: inline-block; vertical-align: middle; margin-right: 20px; }
.about3 .checklist .text ul li input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; cursor: pointer; }
.about3 .textbox { margin-top: 25px; }
.about3 .textbox strong { font-size: 16px; color: #666666; }
.about3 .textbox textarea { width: 100%; margin-top: 20px; border: 1px solid #e6e6e6; background: #f5f5f5 url('../images/icon21.png') no-repeat 8px 8px; height: 180px; padding: 10px; padding-left: 45px; line-height: 24px; }
.about3 .butlist { text-align: center; margin-top: 35px; }
.about3 .butlist .but1 { background: #b3b3b3 url('../images/icon23.png') no-repeat right center; padding: 13px 30px; color: #fff; min-width: 170px; margin: 0px 10px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.about3 .butlist .but1:hover { background: #3e3e3e url('../images/icon23.png') no-repeat right center; }
.about3 .butlist .but2 { background: #009ecf url('../images/icon23.png') no-repeat right center; padding: 13px 30px; color: #fff; min-width: 170px; margin: 0px 10px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.about3 .butlist .but2:hover { background: #006281 url('../images/icon23.png') no-repeat right center; }

.about3 .yzmimg { margin-top: 25px; }
.about3 .yzmimg .txt { background: #f5f5f5; border: 1px solid #e6e6e6; padding: 10px; line-height: 24px; }
.about3 .yzmimg img { display: inline-block; vertical-align: top; }


.about_box { padding-bottom: 80px; }

.product-ban { text-align: center; color: #fff; padding: 40px 0px 70px; }
.product-ban h3 { font-size: 26px; }
.product-ban strong { display: block; font-size: 20px; margin-top: 20px; color: #ffcd7f; }
.product-ban p { font-size: 14px; line-height: 24px; margin-top: 10px; }

.mbx { text-align: right; height: 50px; line-height: 50px; }
.mbx a { background: url('../images/icon24.png') no-repeat right center; padding-right: 15px; margin-right: 5px; }
.mbx a:last-child { background: none; margin-right: 0px; }
.mbx a:hover { color: #009ecf; }

.product_box { padding-bottom: 80px; }

.product { margin-top: 60px; }
.product .tit { font-size: 22px; font-weight: 200; }
.product .list { margin-top: 20px; }
.product .list ul li { cursor: pointer; }
.product .list ul li .text { display: none; }
.product .list ul li { border-bottom: 1px solid #e0e0e0; padding: 25px 0px 22px 0px; position: relative; padding-left: 70px; background: url('../images/icon25.png') no-repeat 98% 15px; padding-right: 60px; }
.product .list ul li .img { position: absolute; left: 20px; top: 20px; }
.product .list ul li .img .icon2 { display: none; }
.product .list ul li h3 { font-size: 18px; color: #333; }
.product .list ul li .text { margin-top: 15px; }
.product .list ul li .text p { position: relative; padding-left: 16px; margin-bottom: 10px; font-size: 16px; }
.product .list ul li .text p:after { content: ''; background: #009ecf; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -3px; }
.product .list ul li.active { border-bottom: 1px solid #fff; background: url('../images/icon25_m.png') no-repeat 98% 15px; box-shadow: 0px 0px 5px 5px rgb(0, 0, 0,0.05); }
.product .list ul li.active .img .icon1 { display: none; }
.product .list ul li.active .img .icon2 { display: block; }
.product .list ul li.active h3 { color: #009ecf; }


.product1 { margin-top: 60px; background: url('../images/img17.jpg') no-repeat center center; padding: 150px 0px; text-align: center; font-size: 30px; font-weight: 200; background-size: cover; color: #fff; }

.product2 { margin-top: 60px; display: flex; flex-direction: row; }
.product2 .tit { width: 25%; position: relative; }
.product2 .tit h3 { font-size: 30px; color: #333333; }
.product2 .tit strong { display: block; color: #009ecf; font-size: 20px; margin-top: 20px; }
.product2 .tit p { font-size:16px; color: #999; margin-top: 10px; line-height: 24px; }
.product2 .tit em { display: block; margin-top: 10px; color: #333333; }
.product2 .tit:after { content: ''; background-image:linear-gradient(90deg, #6bc928 0%, #efcd2d 50%, #de6b29 100%); height: 6px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.product2 .list { width: 75%; background: #f0f5f6; }
.product2 .list ul { display: flex; flex-direction: row; }
.product2 .list ul li { width: 33.43%; margin-left: -1px; background: #fff; }
.product2 .list ul li .img { background: #f5f5f5; }
.product2 .list ul li .text { background: #fff; border: 1px solid #d9d9d9; padding: 30px; padding-bottom: 80px; position: relative;
	min-height: 260px; }
.product2 .list ul li .text h3 { font-size: 18px; color: #333; }
.product2 .list ul li .text p { line-height: 26px; margin-top: 10px; font-size: 15px; color: #666666; }
.product2 .list ul li .text h6 { position: absolute; bottom: 20px; font-size: 16px; }


.product3 { margin-top: 60px; }
.product3 .dow { text-align: right; margin-top: 20px; color: #666666; }

.product4 { margin-top: 30px; }
.product4 h3 { font-size: 30px; color: #333333; }
.product4 .item { display: flex; flex-direction: row; margin-top: 30px; }
.product4 .item .img { width: 48.6%;  }
.product4 .item .text { display: flex; flex-direction: column; justify-content: center; width: 51.4%; padding-left: 4%; }
.product4 .item .text strong { font-size: 18px; display: block; color: #333; margin-top: 20px; }
.product4 .item .text p { font-size: 15px; color: #959595; line-height: 26px; margin-top: 10px; }

.news_box { padding-bottom: 80px; }

.news .tit { font-size: 30px; color: #333; }
.news .had { margin-top: 30px; }
.news .had .link { display: flex; flex-direction: row; background: #f5f5f5; }
.news .had .link .img { overflow: hidden; }
.news .had .link .img img { transition: all 0.6s; -webkit-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); height: 100%; object-fit: cover; width: 100% }
.news .had .img { width: 50%; }
.news .had .text { width: 50%;  display: flex; flex-direction: column; justify-content: center; padding: 20px 60px; align-items: flex-start; }
.news .had .text strong { display: block; font-size: 16px; color: #666666; }
.news .had .text h3 { font-size: 24px; color: #333; margin-top: 10px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.news .had .text h3 a { color: #333; transition: all 0.6s; -webkit-transition: all 0.6s; }
.news .had .text h3 a:hover { color: #009ecf; }
.news .had .text p { font-size: 15px;  line-height: 24px; margin-top: 20px; }
.news .had .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.news .had .link:hover .text h3 { color: #009ecf; }

.news .list { margin-top: 20px; }
.news .list ul li {  padding: 30px 0px; border-bottom: 1px solid #e6e6e6; }
.news .list ul li .link { display: flex; flex-direction: row; }
.news .list ul li .img { width: 340px; height: 200px; overflow: hidden; }
.news .list ul li .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); -webkit-transform: scale(1, 1);
	transition: all 0.6s; -webkit-transition: all 0.6s;  }
.news .list ul li .text { flex: 1; padding-left: 50px; padding-top: 10px; }
.news .list ul li .text strong { display: block; font-size: 14px; color: #666666; font-family: 'Arial'; }
.news .list ul li .text h3 { font-size: 18px; color: #333333; margin-top: 10px; }
.news .list ul li .text p { color: #666666; margin-top: 20px; }

.m_link2 { background: #ffffff; border: 1px solid #999999; color: #666; font-size: 14px; padding: 13px 40px; display: inline-block; margin-top: 40px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link2:after { content: ''; background: #999999; position: absolute; right: 0px; height: 1px; width: 25px; top: 50%;  }

.news .list ul li .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.news .list ul li .link:hover .m_link2 { background: #009ecf; border: 1px solid #009ecf; color: #fff; }
.news .list ul li .link:hover .m_link2:after { background: #fff; }


.pagebox { text-align:center;  position: relative;  }
.pagebox ul {  margin-top: 40px; }
.pagebox ul li { display:inline-block; vertical-align: middle;}
.pagebox ul li a {  margin:0px; font-size:14px; color: #000; position:relative; display:block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.pagebox ul .page a { height: 38px; width: 38px; border: 1px solid #e3e3e3;  line-height: 38px; margin: 0px 2px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.pagebox ul .previous a { border: 1px solid #d2d2d2; color: #666; height: 38px; line-height: 38px; overflow: hidden; margin-right: 10px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; padding: 0px 20px; }
.pagebox ul .next a { border: 1px solid #d2d2d2; color: #666; height: 38px; line-height: 38px; overflow: hidden; margin-left: 10px; padding: 0px 20px; }
.pagebox ul .previous a:hover { background:#009ecf; border: 1px solid #009ecf; color: #fff; }
.pagebox ul .next a:hover { background:#009ecf; border: 1px solid #009ecf; color: #fff; }
.pagebox ul li.first { display:none;}
.pagebox ul li.last { display:none;}
.pagebox ul li.page:hover a,.pagebox ul li.selected a { color:#fff; background: #009ecf; border: 1px solid #009ecf; }


.guide_box { background: #f9f9f9; padding: 40px 0px 80px 0px; }
.guide h3 { font-size: 30px; color: #333333; }
.guide .img { margin-top: 30px; }

.guide1 { display: flex; flex-direction: row; justify-content: space-between; margin-top: 60px; }
.guide1 .fl { width: 70%; }
.guide1 .fl h3 { font-size: 30px; color: #333; }
.guide1 .fl .text { background: #fff; padding: 40px; margin-top: 30px; }
.guide1 .fl .text p { font-size: 16px; line-height: 26px; position: relative; padding-left: 70px; margin: 12px 0px; }
.guide1 .fl .text p strong { position: absolute; left: 0px; top: 0px; line-height: 26px; }
.guide1 .fr { width: 25%; border: 1px solid #2994c1; background: #fff; height: 100%; padding: 30px; position: relative; }
.guide1 .fr h3 { font-size: 24px; color: #333; }
.guide1 .fr p { font-size: 16px; color: #4c4c4c; line-height: 30px; margin-top: 20px; }
.guide1 .fr:after { content: ''; background: url('../images/icon32.png') no-repeat left bottom; width: 20px; height: 33px; position: absolute; left: -20px; bottom: -1px; }

.guide2 { margin-top: 60px; }
.guide2 h3 { font-size: 16px; color: #333333; }
.guide2 .img { margin-top: 20px; }


.video_box { height: calc(100vh - 98px); position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; flex-direction: column; }
.video_box .icon { background: rgb(0, 0, 0, 0.5); width: 60px; height: 60px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: block; border-radius: 50%; }



/* 手机端隐藏 */

.close { display: none; }
.phone-back { display: none; }
.phone-nav { display: none; }

.news_con { padding-top: 60px; padding-bottom: 80px; }
.news_con .tit { font-size: 28px; color: #000; text-align: center; }
.news_con .time { color: #666; text-align: center; margin-top: 10px; }
.news_con .con { margin-top: 30px; border-top: 1px dashed #dcdcdc; }
.news_con .con p { margin-top: 20px; font-size: 16px; line-height: 25px; }
.news_con .con strong { font-weight: bold; color: #333; }
.news_con .con img { height: auto!important; display: inline-block; }


.return { text-align: center; margin-top: 60px; }
.return a { background: #009ecf; display: inline-block; text-align: center; padding: 10px 40px; color: #fff; transition: all 0.6s; -webkit-transition: all 0.6s; }
.return a:hover { background: #007ba1; }