.in_beautiful { padding: 40px 0;}
.in_beautiful .in_beautT { text-align: center; font-size: 40px; color: #03a3ab;}
.in_beautiful .in_beautM { margin-top: 20px; overflow: hidden;}
.in_beautiful .in_beautM li { float: left; margin: 0 1px; width: calc((100% - 150px) / 6); text-align: center;}
.in_beautiful .in_beautM li a.pic { position: relative; width: 80%; padding: 40% 0; display: block; margin: 0 auto;}
.in_beautiful .in_beautM li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_beautiful .in_beautM li a.txt { font-size: 15px;}

.tit { text-align: center; position: relative;}
.tit h3 { font-size: 40px; font-weight: bold; color: #03a3ab;}
.tit p { margin: 30px 0; font-size: 16px; font-weight: bold; color: #333; background: #fff; z-index: 99; background: url(../img/in_product.png) no-repeat center;}
.in_proList { width: 18%; background: #03a3ab;}
.in_proList h3 { text-align: center; font-size: 24px; color: #fff; padding: 36px 0; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.in_proList h3 i { font-size: 18px; opacity: .9; font-weight: normal;}
.in_proList li { position: relative; background: url(../img/in_proD.png) no-repeat 28px center; width: 100%; line-height: 50px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);}
.in_proList li:after { position: absolute; content: '>'; right: 40px; font-size: 12px; color: rgba(255, 255, 255, .5); opacity: 0;}
.in_proList li a { font-size: 16px; color: #fff; padding-left: 50px; font-weight: bold; transition: all .5s;}
.in_proList li:hover { background: #FC9900; background: url(../img/in_proDh.png) no-repeat 38px center;}
.in_proList li:hover:after { opacity: 1;}
.in_proList li:hover a { padding-left: 60px; transition: all .5s;}
.phone { border-top: 1px dashed #fff; background: #03a3ab; padding: 10px 0;}
.phone p { font-size: 15px; line-height: 29px; color: #fff; padding: 0 0 0 10px;}
.in_proMs { width: calc(100% - 18% - 10px);}
.in_proMs li { float: left; width: calc((100% - 42px) / 4); margin: 0 10px 14px 0; background: #21B4B3; position: relative; padding: 1px;}
.in_proMs li:nth-child(4n) { margin-right: 0;}
.in_proMs li h3 { position: absolute; left: 0; top: 0; z-index: 99; font-size: 15px; background: url() no-repeat; color: #fff; height: 30px; line-height: 30px;
	font-weight: 600; width: 106px; padding-left: 15px;}
.in_proMs li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; border-radius: 0 5px 0 1px; overflow: hidden;}
.in_proMs li a.pic img { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s;}
.in_proMs li:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_proMs li a.txt { font-size: 15px; text-align: center; width: 100%; padding: 7px 0 3px 0; display: block; color: #fff; font-weight: 600;}

.tit01 { text-align: center; padding: 40px 0;}
.tit01 h3 { font-size: 40px; font-weight: bold; color: #333333;}
.tit01 h3 span { color: #03a3ab;}
.tit01 p { font-size: 22px; font-weight: bold; color: #333333; line-height: 40px;}
.in_adv { background: url(../img/bggggg.png); padding-bottom: 50px;}
.in_adv .in_advM { background: #fff;}
.in_adv .in_advM li { float: left; margin-left: 20px; width: calc((100% - 100px) / 4);}
.in_adv .in_advM li .txt { padding: 28px 10px 66px 25px;}
.in_adv .in_advM li .txt h4 { color: #03a3ab; font-size: 40px;}
.in_adv .in_advM li .txt h3 { color: #333; font-size: 30px; line-height: 144.118%;}
.in_adv .in_advM li .txt p { color: rgb(127, 127, 127); font-size: 16px; line-height: 150%;}
.in_adv .in_advM li .pic { position: relative; width: 94%; padding: 44.5% 0; display: block; margin: 0 auto;}
.in_adv .in_advM li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_adv .in_advM li:nth-child(3) .txt { padding-bottom: 42px;}

.tit02 { text-align: center; padding: 40px 0;}
.tit02 h3 { font-size: 40px; font-weight: normal; color: #333;}
.tit02 h3 span { font-size: 40px; font-weight: bold; color: #03a3ab; text-shadow: 1px 1px #333;}
.tit02 p { font-size: 16px; color: #e9e9e9; text-transform: uppercase; margin-top: 5px;}
.in_about { background-image: url(../img/aboutbg.jpg); background-repeat: no-repeat; background-size: cover;}
.in_about .in_abM { padding-top: 80px; position: relative;}
.in_about .in_abM .in_abMbg { position: absolute; left: 0; top: 0; background: #03a3ab; width: 20%; height: 100%; z-index: 0;}
.in_about .in_abM .container { position: relative; z-index: 99;}
.in_about .in_abM .in_abMimg { position: relative; width: 46%; padding: 16.5% 0; display: block; margin: 0 30px 80px 0;}
.in_about .in_abM .in_abMimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_about .in_abM .in_abMtxt { width: calc(100% - 46% - 30px); margin-top: 25px;}
.in_about .in_abM .in_abMtxt .in_abMtxtT { margin-bottom: 30px;}
.in_about .in_abM .in_abMtxt .in_abMtxtT h3 { font-size: 30px; color: #03a3ab; display: inline; border-bottom: 3px solid #03a3ab; padding-bottom: 5px;}
.in_about .in_abM .in_abMtxt .in_abMtxtT h5 { font-size: 16px; font-weight: bold; margin-top: 10px;}
.in_about .in_abM .in_abMtxt p { font-size: 18px; line-height: 30px;}
.in_about .in_abM .in_abMtxt a.more { margin-top: 50px; display: block;}
.in_about .in_abM .in_abMtxt a.more h6 { float: left; font-size: 16px; height: 30px; line-height: 30px; background: #fff; display: inline-block; color: #03a3ab; font-weight: bold; padding: 0 20px;}
.in_about .in_abM .in_abMtxt a.more i { float: left; background: url(../img/news_jt.png) no-repeat #03a3ab center; display: inline-block; width: 30px; height: 30px;}

.tit03 { font-size: 40px; font-weight: normal; color: #03a3ab; font-weight: bold; text-align: center; padding: 40px 0;}
.in_case .container { padding: 0 0 40px 0;}
.in_case li { float: left; width: calc((100% - 60px) / 3); margin: 0 30px 30px 0; background: #03a3ab;}
.in_case li:nth-child(3n) { margin-right: 0;}
.in_case li a.pic { position: relative; width: 100%; padding: 31.5% 0; display: block; overflow: hidden;}
.in_case li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s;}
.in_case li:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_case li a.txt { padding: 24px 40px; display: block;}
.in_case li a.txt h4 { font-size: 20px; color: #fff; margin-bottom: 12px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_case li a.txt h6 { font-size: 14px; color: #fff; background: url(../img/ico_tag.png) left center no-repeat; padding-left: 24px; background-size: 14px;
	font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.in_case a.more { position: relative; z-index: 1; transition: all .5s; background: #FC9900; color: #fff; text-align: center; border-radius: 28px; line-height: 56px; width: 205px;
	height: 56px; display: block; overflow: hidden;  margin: 0 auto; font-size: 16px; margin-top: 10px;}
.in_case a.more:before { content: ""; display:block; width:0; height: 100%; background: #e67015; position: absolute; z-index:-1; right: 0; top: 0; transition: .38s cubic-bezier(.4,0,.2,1);
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);}
.in_case a.more:hover:before { width: 100%; right: auto; left: 0;}

.j_tab { display: table; width: 100%; height: 100%;}
.j_tab_cel { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
#s_video { width: 100%; height: 22.5rem; overflow: hidden; background: url(../img/s_video_bg.jpg) center no-repeat; text-align: center;}
#s_video h3 { font-size: 2.25rem; font-family: arial; font-weight: bold; text-transform: uppercase; color: #fff;}
#s_video h4 { font-size: 1.125rem; color: #fff; margin-top: 1rem; margin-bottom: 2.25rem;}
#s_video #bnt_show_video img { width: 4.875rem;}
/*视频弹窗*/
.tc { transition: all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index: 9999999999; pointer-events: none; opacity: 0; transition: .5s;}
.tc .j_tab { table-layout: fixed;}
.tc[name=tc_search] { opacity: 1;}
.tc.act { display: block; pointer-events: auto; opacity: 1;}
.tc-box { box-sizing: border-box; z-index: 999; display: block; position: relative; transform: translateY(-2rem); transition: all 0.5s ease-out; opacity: 0;}
.tc.act .tc-box { transform: translateY(0); opacity: 1;}
.tc_close { position: absolute; cursor: pointer; color: #e13a39; font-size: 30px; right: 15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: .5s;}
.tc_shipin { width: 44rem; max-width: 90%; margin: 0 auto; background: none; position: relative;}
.tc_shipin video { width: 100%; height: 100%;}
.tc_shipin .tc_close { display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: -2rem; right: -3rem; border-radius: 50%;}
.tc_shipin .tc_close img { display: block; position: absolute; width: 1rem; height: 1rem; left: 50%; top: 50%; margin-top: -.5rem; margin-left: -.5rem;}
.tc_shipin .tc_close:hover img { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.video-js { width: 100% !important; height: 100% !important; padding-top: 60% !important;}
.video-js .vjs-tech { position: absolute !important; top: 0; left: 0;}
.video-js .vjs-big-play-button { left: 50% !important; top: 50% !important; margin-left: calc(-1.6rem - 5px); margin-top: calc(-1.6rem - 5px);
	background-color: rgba(0, 0, 0, 0) !important;}
video { object-fit: fill;}
.vjs-poster { background-size: cover !important;}

.in_news { margin-bottom: 40px;}
.in_news li { float: left; width: calc((100% - 60px) / 3); margin-right: 30px;}
.in_news li:nth-child(3n) { margin-right: 0;}
.in_news li a.pic { position: relative; width: 100%; padding: 31.5% 0; display: block; overflow: hidden;}
.in_news li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s;}
.in_news li:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_news li a.txt { color: #666; display: block; text-align: center; font-size: 20px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_news li a.more { width: 60%; height: 60px; line-height: 60px; text-align: center; display: block; margin: 0 auto; font-size: 16px; border: 2px #777 solid; color: #333; font-weight: bold;}
.in_news li:hover a.more { background: #FC9900; color: #fff; border: 2px #FC9900 solid;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1697px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1660px ) {}
@media screen and ( max-width: 1600px )  and ( min-width: 1280px ) {}
@media screen and ( max-width: 1518px ) {}
@media screen and ( max-width: 1440px ) and ( min-width: 1280px ) {}
@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1377px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1323px ) {}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
	.in_beautiful { padding: 1em 0;}
	.in_beautiful .in_beautT { font-size: 30px;}
	.in_beautiful .in_beautM { margin-top: 1em;}
	.in_beautiful .in_beautM li { margin: 0 .5em; width: calc((100% - 3em) / 3);}
	.in_beautiful .in_beautM li a.pic { width: 100%; padding: 50% 0;}

	.tit h3 { font-size: 30px;}
	.tit p { margin: .5em 0;}
	.in_proList { width: 100%; display: block; background: none;}
	.in_proList li { float: left; width: calc((100% - 2px) / 2); line-height: 35px; background: #03a3ab; border-bottom: none; margin: 0 1px 1px 0;}
	.in_proMs { width: 100%; display: block; margin-top: .5em;}
	.in_proMs li { width: calc((100% - .5em - 16px) / 2); margin: 0 .5em .5em 0;}
	.in_proMs li:nth-child(2n) { margin-right: 0;}

	.tit01 { padding: 1em 0;}
	.tit01 h3 { font-size: 30px;}
	.tit01 p { font-size: 16px; line-height: 30px;}
	.in_adv { padding-bottom: 1em;}
	.in_adv .in_advM li { margin-left: 0; width: 100%;}
	.in_adv .in_advM li .txt { width: calc(50% - 2em); padding: 1em;}
	.in_adv .in_advM li .txt h4 { font-size: 30px;}
	.in_adv .in_advM li .txt h3 { font-size: 22px; display: inline-block;}
	.in_adv .in_advM li .pic { width: 50%; padding: 23.4% 0;}
	.in_adv .in_advM li:nth-child(3) .txt { padding-bottom: 0;}
	.left { float: left;}
	.right { float: right;}

	.tit02 { padding: 1em 0;}
	.tit02 h3 { font-size: 30px;}
	.tit02 h3 span { font-size: 30px;}
	.in_about .in_abM { padding: 1em 0;}
	.in_about .in_abM .in_abMimg { width: 100%; padding: 35.9% 0; margin: 0 0 1em 0;}
	.in_about .in_abM .in_abMtxt { width: 100%; margin-top: 0;}
	.in_about .in_abM .in_abMtxt .in_abMtxtT { margin-bottom: 1em;}
	.in_about .in_abM .in_abMtxt .in_abMtxtT h3 { font-size: 22px; border-bottom: 2px solid #03a3ab;}
	.in_about .in_abM .in_abMtxt p { font-size: 16px; line-height: 28px;}
	.in_about .in_abM .in_abMtxt a.more { margin: 1em 0 0 2em;}

	.tit03 { font-size: 30px; padding: .5em 0;}
	.in_case .container { padding: 0 0 1em 0;}
	.in_case li { width: calc((100% - .5em) / 2); margin: 0 .5em .5em 0;}
	.in_case li:nth-child(3n) { margin-right: .5em;}
	.in_case li:nth-child(2n) { margin-right: 0;}
	.in_case li a.txt { padding: 1em;}
	.in_case li a.txt h4 { font-size: 18px; margin-bottom: .5em;}

	#s_video { height: 16rem;}
	.tc_shipin .tc_close { right: -1rem;}

	.in_news { margin-bottom: .5em;}
	.in_news li { width: 100%; margin: 0 0 2em 0;}
	.in_news li a.txt { line-height: 50px;}
	.in_news li a.more { width: 60%; height: 40px; line-height: 40px;}

	.in_proList h3, .in_about .in_abM .in_abMbg, .phone { display: none;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 393px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}