.in_case { background: #f6eed9; padding-bottom: 50px;}
.in_case h3 { width: 100%; height: 94px; background: url(../img/proti.png) no-repeat top center; text-align: center; font-size: 32px;
	padding-top: 30px; color: #000;}
.in_case h3 span { color: #ff6800;}
.in_case .in_pro_in { position: relative; margin: 20px 0;}
.in_case .in_pro_in .bd { width: 94%; margin: 0 auto; overflow: hidden;}
.in_case .in_pro_in .bd li { float: left; width: 256px; margin-left: 10px;}
.in_case .in_pro_in .bd li a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
.in_case .in_pro_in .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_case .in_pro_in .bd li a.txt { height: 60px; line-height: 60px; width: 100%; display: block; background: #342c2a; color: #fff;
	text-align: center;}
.in_case .in_pro_in .bd li:hover a.txt { background: #ff6800;}
.in_case .in_pro_in .prev, .in_case .in_pro_in .next { position: absolute; top: 50%; display: block; width: 30px; height: 60px;
	margin-top: -30px; filter: alpha(opacity=70); opacity: 0.7;}
.in_case .in_pro_in .prev { background:url("../img/prev.png") no-repeat; left: 0;}
.in_case .in_pro_in .next { background:url("../img/next.png") no-repeat; right: 0;}
.in_case .in_pro_in .prev:hover, .in_case .in_pro_in .next:hover { filter: alpha(opacity=100); opacity: 1;}

.in_product { margin: 30px auto;}
.in_product .in_pro_l { width: 21%; background: #242E37;}
.in_product .in_pro_l h3 { width: 100%; line-height: 64px; text-align: center; background: #ff6800; color: #fff;}
.in_product .in_pro_l ul { padding: 15px 0;}
.in_product .in_pro_l li { padding: 0 20px;}
.in_product .in_pro_l li a { background: url(../img/ico27.gif) no-repeat left center; height: 55px; color: #fff;
	line-height: 55px; padding-left: 17px;}
.in_product .in_pro_l li:hover { background: #ff6800;}
.in_product .in_pro_l .phone { border-top: 1px dashed #fff; padding: 20px 0;}
.in_product .in_pro_l .phone p { font-size: 14px; line-height: 30px; color: #fff; margin: 0; text-align: left; 
    padding: 0 0 0 1em;}
.in_product .in_pro_l .phone a { background: #E98314; display: block; width: 90%; height: 40px; line-height: 40px; 
    margin: 0 auto; color: #fff; text-align: center; margin-top: 0.7em;}
.in_product .in_pro_r { width: 78%;}
.in_product .in_pro_r li { float: left; width: 24%; margin-left: 10px;}
.in_product .in_pro_r li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_product .in_pro_r li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_product .in_pro_r li a.txt { height: 25px; line-height: 25px; width: 100%; display: block; text-align: center;
	margin-bottom: 5px;}
.in_product .in_pro_r li a.pic img:hover { transform: scale(1.2, 1.2); transition: .5s transform;}

.in_advant { background: url(../img/ad_bg.jpg) no-repeat top center;}
.in_advant h3 { width: 100%; text-align: center; padding-top: 60px; font-weight: normal; font-size: 28px;
	color: #fff;}
.in_advant h3 span { display: block; font-size: 30px; line-height: 45px;}
.in_advant h3 span i, .in_advant h3 span b { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff;
	display: inline-block; margin: 0 3px;}
.in_advant h3 span b { background: #fff;}
.in_advant .in_ad_m { position: relative; color: #fff; height: 640px;}
.in_advant .in_ad_m .in_ad_m_l { width: 405px; position: absolute;}
.in_advant .in_ad_m .in_ad_m_r { width: 405px; position: absolute; right: 0;}
.in_advant .in_ad_m .adv1 { top: 85px;}
.in_advant .in_ad_m .adv2 { top: 255px;}
.in_advant .in_ad_m .adv3 { top: 432px;}
.in_advant .in_ad_m .adv4 { top: 85px;}
.in_advant .in_ad_m .adv5 { top: 255px;}
.in_advant .in_ad_m .adv6 { top: 432px;}
.in_advant .in_ad_m span { float: left; width: 57px; height: 57px; border: 2px solid #47484a; margin-right: 10px; font-size: 32px; text-align: center;
    line-height: 57px; color: #ffc600; font-weight: bold; display: inline-block;}
.in_advant .in_ad_m h4 { float: left; width: 80%; font-size: 18px; color: #ffc600; text-align: left; line-height: 1.5; margin-left: 10px;
	font-weight: normal;}
.in_advant .in_ad_m p { line-height: 1.5; color: #c3c3c3; font-size: 14px;}
.in_advant .bd { width: 362px; height: 362px; position: absolute; left: 50%; top: 130px; margin: 0 0 0 -181px;}
.in_advant .bd li img { width: 100%; height: 100%;}

.liyou { padding-bottom: 1em; display: none; background: #000; height: 360px;}
.tle { text-align: center; padding-top: 1.5em; padding-bottom: 0.8em; border-bottom: 1px solid #fff; position: relative;}
.tle h5 { font-size: 22px; color: #fff; margin-bottom: 0.2em; font-weight: bold;}
.tle p { font-size: 16px; color: #E98314; line-height: 24px;}
.tle em  { color: #fff; font-weight: bold;}
.tle i { display: block; position: absolute; width: 3em; height: 3px; background-color: #E98314; left: 50%; 
    margin-left: -1.5em; bottom: -2px;}
.liyou .bd { margin-top: .8em;}
.liyou .bd dt img { display: block; width: 80%; margin: 0 auto;}
.liyou .bd dt h5 { font-size: 16px; color: #E98314; margin-top: 1.5em; text-align: center;}
.liyou .bd dd { margin-top: 0.8em;}
.liyou .bd dd p { padding-left: 1em; background: url(../img/ys_ico.png) no-repeat left 0.5em; 
    background-size: 0.717em; font-size: 14px; color: #fff; line-height: 1.5em; margin-bottom: 0.5em;}
.liyou .hd { text-align: center;}
.liyou .hd li { display: inline-block; width: 0.6em; height: 0.6em; border-radius: 50%; margin: 0 0.3em;
    background-color: #c9c9c9;}
.liyou .hd li.on { background-color: #E98314;}

.in_about { overflow: hidden; background: url(../img/ab.jpg) no-repeat center top; padding-bottom: 80px; background-size: 122% auto;}
.in_about .in_ab_tit { width: 47%; margin: 100px 0 0 0; color: #fff;}
.in_about .in_ab_tit strong { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;
	font-size: 30px; display: block;}
.in_about .in_ab_tit span { font-size: 30px; font-weight: bold; margin: 26px 0 12px; display: block;}
.in_about .in_ab_tit b { font-size: 18px; margin-bottom: 40px; display: block;}
.in_about .in_ab_tit p { line-height: 24px;}
.in_about .in_ab_txt { width: 47%; padding-top: 90px; margin-right: 2.5%;}
.in_about .in_ab_txt a.in_ab_img { position: relative; width: 100%; padding: 16% 0; display: block;}
.in_about .in_ab_txt a.in_ab_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_about .in_ab_txt p { overflow: hidden; height: 106px; line-height: 22px; margin: 24px 0; color: #fff;}

.in_news { padding: 30px 0;}
.in_news .in_news_main { float: left; width: 32%; margin: 0 2% 0px 0; overflow: hidden; border-bottom: 0px solid rgba(0,0,0,0.1);
    transition: 0.5s;}
.in_news .in_news_main.mr0 { margin: 0;}
.in_news .in_news_main .in_news_tit { width: 100%; background: no-repeat center; background-size: 100%; opacity: 1;
    transform: scale(1) rotatey(0deg); transition: 0.5s; text-align: center; padding: 40px 0;}
.in_news .in_news_m1 .in_news_tit { background-image: url(../img/menu_skill1.jpg);}
.in_news .in_news_m1:hover .in_news_tit, .in_news .in_news_m2:hover .in_news_tit, 
.in_news .in_news_m3:hover .in_news_tit { background: #ff6800;}
.in_news .in_news_m2 .in_news_tit { background-image: url(../img/menu_skill2.jpg);}
.in_news .in_news_m3 .in_news_tit { background-image: url(../img/menu_skill3.jpg);}
.in_news .in_news_main .in_news_tit h2 { font-size: 22px; color: #fff; line-height: 2; font-weight: normal;}
.in_news .in_news_main .in_news_tit h2 span { color: #fff; font-size: 12px; text-transform: uppercase;
	opacity: 0.6; display: block; line-height: 1.2;}
.in_news .in_news_main ul { padding: 5px;}
.in_news .in_news_main ul li { line-height: 2.2em;}
.in_news .in_news_main ul li p { float: left; display: inline-block; width: 70%; line-height: 2.2em; color: #333;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; font-size: 14px;}
.in_news .in_news_main ul li span { font-size: 12px; float: right; opacity: 0.5;}
.in_news .in_news_main ul li:hover p, .in_news .in_news_main ul li:hover span { color: #f80;}

@media screen and ( max-width: 1920px ) {
	.in_product .in_pro_l li a { height: 80px; line-height: 80px;}

	.in_about .in_ab_tit { width: 40%; margin: 100px 0 0 7%;}
}
@media screen and ( max-width: 1680px ) {
	.in_about { background-size: 138% auto;}
	.in_about .in_ab_txt { margin-right: 2%;}
}
@media screen and ( max-width: 1600px ) {
	.in_advant .in_ad_m .in_ad_m_l, .in_advant .in_ad_m .in_ad_m_r { width: 360px;}
	.in_advant .in_ad_m h4 { width: 75%;}
	.in_about .in_ab_txt { width: 47.5%; padding-top: 80px; margin-right: 1.8%;}
}
@media screen and ( max-width: 1440px ) {
	.in_product .in_pro_l li a { height: 60px; line-height: 60px;}
	.in_product .in_pro_r li { width: 23.5%;}

	.in_advant .in_ad_m .in_ad_m_l, .in_advant .in_ad_m .in_ad_m_r { width: 300px;}
	.in_advant .in_ad_m h4 { width: 70%;}

	.in_about { padding-bottom: 55px;}
	.in_about .in_ab_txt { padding-top: 75px;}

	.in_advant .bd { top: 135px;}
}
@media screen and ( max-width: 1366px ) {
	.in_product .in_pro_l li a { height: 55px; line-height: 55px;}

	.in_advant .in_ad_m .in_ad_m_l, .in_advant .in_ad_m .in_ad_m_r { width: 320px;}

	.in_about { padding-bottom: 55px;}
	.in_about .in_ab_txt { padding-top: 72px;}
	.in_about .in_ab_txt p { margin: 14px 0;}

	.in_advant .bd { top: 135px;}
}
@media screen and ( max-width: 1280px ) {
	.in_product .in_pro_l li a { height: 50px; line-height: 50px;}

	.in_about { background-size: 154% auto;}
	.in_about { padding-bottom: 65px;}
}
@media screen and ( max-width: 1024px ) {
	.flinkbg { overflow: hidden;}

	.in_product .in_pro_l li a { height: 35px; line-height: 35px;}

	.in_advant .in_ad_m .in_ad_m_l, .in_advant .in_ad_m .in_ad_m_r { width: 250px;}
	.in_advant .in_ad_m h4 { width: 65%;}

	.in_about .in_ab_tit { margin: 60px 0 0 7%;}
	.in_about .in_ab_txt { padding-top: 62px;}
	.in_about .in_ab_txt p { height: 90px;}
	.in_about { padding-bottom: 45px;}
}
@media screen and ( max-width: 768px ) {
	.in_case { padding-bottom: 1em;}
	.in_case .in_pro_in .bd { width: 100%;}
	.in_case .in_pro_in .bd li { float: left; width: 156px;}
	.in_case .in_pro_in .bd li a.txt { height: 40px; line-height: 40px;}

	.in_product { margin: 1em auto;}
	.in_product .in_pro_l { width: 100%; background: none;}
	.in_product .in_pro_l ul { padding: 0;}
	.in_product .in_pro_l li { padding: 0; width: 25.1%; float: left; padding-left: 8%; margin: 1px 0 0 1px; background: #242E37;}
	.in_product .in_pro_l li a { height: 40px; line-height: 40px; padding-left: 20px;}
	.in_product .in_pro_r { width: 100%; margin-top: .5em;}
	.in_product .in_pro_r li { float: left; width: 48.2%; margin-left: 5px;}

	.in_about { padding: 1.5em 0; background: #ff6800;}
	.in_about .in_ab_tit { width: 100%; margin: 1em 0 0 0; color: #fff; text-align: center;}
	.in_about .in_ab_tit strong { font-size: 24px}
	.in_about .in_ab_tit span { margin: 10px 0;}
	.in_about .in_ab_tit b { margin-bottom: 10px;}
	.in_about .in_ab_txt { width: 100%; padding-top: 1em; margin-right: 0;}
	.in_about .in_ab_txt a.in_ab_img { width: 97.5%; border: 5px solid #fff;}
	.in_about .in_ab_txt p { margin: 14px 0; color: #fff;}

	.in_news { padding: 1em 0 0 0;}
    .in_news .in_news_main { float: none; width: 100%; margin: 0 0 1em 0;}

	.in_case .in_pro_in .prev, .in_case .in_pro_in .next, .in_product .in_pro_l h3, .in_product .in_pro_l .phone, .in_advant { display: none;}
	.liyou { display: block;}
}
@media screen and ( max-width: 414px ) {
	.in_product .in_pro_l li { width: 41.5%;}
}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}