.in_about { padding: 60px 0 80px 0; background: url(../img/about.jpg) no-repeat; background-size: cover;}
.in_about h3 { color: #fff; text-align: center; font-size: 40px;}
.in_about h3 p { font-size: 24px; font-weight: normal; margin-top: 10px;}
.in_about .in_ab { padding-top: 40px;}
.in_about .in_ab .in_abL { width: 48%; margin: 0 1%;}
.in_about .in_ab .in_abL img { width: 100%; height: auto;}
.in_about .in_ab .in_abR { width: 48%; margin: 0 1%; color: #fff; overflow-y: scroll; height: 421px; padding: 20px 0;}
.in_about .in_ab .in_abR p { font-size: 14px; margin-bottom: 20px;}
.in_about .in_ab .in_abR::-webkit-scrollbar {  width: 6px; height: 6px;}
.in_about .in_ab .in_abR::-webkit-scrollbar-thumb { width: 6px; border-radius: 10px; background: rgb(255,206,48);}
.in_about .in_ab .in_abR::-webkit-scrollbar-track { border-radius: 10px; background: rgba(255, 255, 255, 0.5);}

.in_se { padding: 40px 0 80px 0; overflow: hidden; position: relative; background: #fff;}
.in_se .in_se_tit { text-align: center; display: block; padding: 17px 0 65px 0; height: 28px;}
.in_se .in_se_tit h3 { display: block; font-size: 28px; color: #333; font-weight: bold; line-height: 1; letter-spacing: 2px;}
.in_se .in_se_tit h3 span { font-size: 32px; color: #F00;}
.in_se .in_se_tit p { padding-top: 8px; color: #333; font-size: 16px;}
.in_se .in_se_info { display: block; overflow: hidden;}
.in_se .in_se_info .in_se_in { position: relative; display: block; float: left; width: 16.69%; opacity: 0; filter: alpha(opacity=0);
	overflow: hidden;}
.in_se .in_se_info .in_se_in1 { left: 200px;
	-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.in_se .in_se_info .in_se_in2 { left: 300px;
	-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.in_se .in_se_info .in_se_in3 { left: 400px;
	-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.in_se .in_se_info .in_se_in4 { left: 500px;
	-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;
	transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.in_se .in_se_info .in_se_in5 { left: 600px;
	-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;
	-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;
	transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;}
.in_se .in_se_info .in_se_in.on { width: 33.2%;}
.in_se .in_se_info .in_se_in { left: 0; opacity: 1; filter: alpha(opacity=100);}
.in_se .in_se_info .in_se_in .in_se_ser { display: block; height: 358px; border: 1px solid #e8e8e8; border-width: 1px 0px 1px 1px;
	text-align: center; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.in_se .in_se_info .in_se_in.on .in_se_ser { width: 50%; background-color: #f00; border-color: #f00;}
.in_se .in_se_info .in_se_in5 .in_se_ser { border-width: 1px 1px 1px 1px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con { display: block; height: 240px; padding-top: 46px; line-height: 1;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con h4{ display: block; font-size: 18px; font-weight: bold;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con h4 a{ color: #333; -webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con h4 a { color: #fff;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con p{ display: block; margin-top: 11px; color: #4b4b4b; white-space: nowrap;
	-webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con p { color: #fff;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic { display: inline-block; margin-top: 56px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic1 { background: url(../img/icon.png) no-repeat 0px -822px; height: 72px;
	padding-left: 88px;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con .in_se_ic1 { background: url(../img/icon.png) no-repeat 0px -894px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic2 { background: url(../img/icon.png) no-repeat 0px -750px; height: 72px;
	padding-left: 42px;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con .in_se_ic2 { background: url(../img/icon.png) no-repeat 0px -678px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic3 { background: url(../img/icon.png) no-repeat 0px -1254px; height: 72px;
	padding-left: 54px;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con .in_se_ic3 { background: url(../img/icon.png) no-repeat 0px -1326px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic4 { background: url(../img/icon.png) no-repeat 0px -966px; height: 72px;
	padding-left: 75px;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con .in_se_ic4 { background: url(../img/icon.png) no-repeat 0px -1182px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_con .in_se_ic5 { background: url(../img/icon.png) no-repeat 0px -1038px; height: 72px;
	padding-left: 74px;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_con .in_se_ic5 { background: url(../img/icon.png) no-repeat 0px -1110px;}
.in_se .in_se_info .in_se_in .in_se_ser .in_se_inf { display: block; padding: 16px 20px 0 20px; border-top: 1px dashed #cdcdcd;
	font-size: 12px; line-height: 20px; color: #6c6c6c; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;}
.in_se .in_se_info .in_se_in.on .in_se_ser .in_se_inf { color: #fff; border-top: 1px dashed #fff;}
.in_se .in_se_info .in_se_in .in_se_list { position: absolute; display: block; width: 100%; height: 360px; left: 100%; top: 0;}
.in_se .in_se_info .in_se_in.on .in_se_list { width: 50%; left:50%;}
.in_se .in_se_info .in_se_in .in_se_list ul { display: block; position: relative; z-index: 5;}
.in_se .in_se_info .in_se_in .in_se_list ul li { display: block; height: 71px; line-height: 71px; *height: 69px; *line-height: 69px;
	border-bottom: 1px solid #565758; white-space: nowrap;}
.in_se .in_se_info .in_se_in .in_se_list ul li a { display: block; padding: 0 20px 0 10px; color: #999;
	background: url(../img/enter-icon.png) no-repeat right 10px center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear;
	transition: 0.3s linear;}
.in_se .in_se_info .in_se_in .in_se_list ul li a:hover { color: #fff; background: url(../img/enter-icon-on.png) no-repeat right 10px center;}
.in_se .in_se_info .in_se_in .in_se_list .in_se_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background-color: #000; opacity: 0.8; filter:alpha(opacity=80);}
.in_se .ph_se_info { width: 100%; display: none;}
.in_se .ph_se_info .ph_se_info_ser { padding: 24px 0px; display: block; width: calc(50% - 5px); text-align: center; background: #f4f4f4;
	float: left; border-bottom: 2px #f4f4f4 solid;}
.in_se .ph_se_info .ph_se_info_ser img { width: 65px; margin: 0 auto;}
.in_se .ph_se_info .ph_se_info_ser h3 { font-size: 21px; font-weight: bolder; width: 100%;}
.in_se .ph_se_info .ph_se_info_ser span { font-size: 14px; width: 100%; float: left;}
.in_se .ph_se_info .ph_se_info_ser:nth-child(1) { border-bottom: 2px #FFF solid; border-right: 2px #FFF solid; margin: 0 0 0 3px;}
.in_se .ph_se_info .ph_se_info_ser:nth-child(2) { border-bottom: 2px #FFF solid;}
.in_se .ph_se_info .ph_se_info_ser:nth-child(3) { border-right: 2px #FFF solid; margin: 0 0 0 3px;}
.in_se .ph_se_info .ph_se_info_ser a {color: #333;}

.in_case { clear: both; z-index: 222; margin-top: 30px;}
.in_case .in_casetit { background: #fff; padding: 56px 75px;}
.in_case .in_casetit img { float: left; display: block; max-width: 100%;}
.in_case .in_casetit .in_casetit_tr { float: right;}
.in_case .in_casetit .in_casetit_tr ul { float: left; background: url(../img/bg2.jpg) no-repeat left center; padding: 0 80px 0 95px;}
.in_case .in_casetit .in_casetit_tr ul li { float: left; line-height: 54px; background: url(../img/bg3.jpg) no-repeat right center;}
.in_case .in_casetit .in_casetit_tr ul li a { display: block; color: #666; font-size: 14px; padding: 0 21px;}
.in_case .in_casetit .in_casetit_tr a.more { float: right; display: block; width: 193px; height: 40px;
    background: -webkit-linear-gradient(right, rgba(216,216,216,1), rgba(9,9,11,1));
    background: -o-linear-gradient(to, rgba(216,216,216,1), rgba(9,9,11,1));
    background: -moz-linear-gradient(to, rgba(216,216,216,1), rgba(9,9,11,1));
    background: linear-gradient(right to, rgba(216,216,216,1), rgba(9,9,11,1)); border-radius: 50px;
    text-align: center; line-height: 40px; color: #fff; margin-top: 6px; position: relative; overflow: hidden;
    transition: all 0.5s ease;}
.in_case .in_casetit .in_casetit_tr a.more:hover { -moz-transform: translateX(10px); transform: translateX(-10px);
	-webkit-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px);}
.in_case .in_case_main { clear: both; height: auto; overflow: hidden;}
.in_case .in_case_main li, .case_main .case_main_list li { float: left; width: 25%; height: 253px; margin-right: 0px; overflow: hidden;
	margin-bottom: 0px; transition: all 0.5s ease; position: relative; min-height: auto;}
.in_case .in_case_main li img, .case_main .case_main_list li img { display: block; width: 100%; height: 253px;}
.in_case .in_case_main li h2, .case_main .case_main_list li h2 { display: block; width: 100%; height: 100%; position: absolute; left: 0;
    top: 0; background: rgba(255, 136, 0, 0.95); opacity: 0; transition: all 1s ease;}
.in_case .in_case_main li:hover h2, .case_main .case_main_list li:hover h2 { opacity: 1; z-index: 888;}
.in_case .in_case_main li h2 p, .case_main .case_main_list li h2 p { color: #fff; font-size: 32px; font-weight: normal; text-align: center;
    background: url(../img/xg_bg.jpg) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 20px; padding-top: 20%;
    line-height: 42px;}
.in_case .in_case_main li h2 span, .case_main .case_main_list li h2 span { text-align: center; color: #fff; font-size: 14px; display: block;}
.in_case .in_case_main li h2 span b, .case_main .case_main_list li h2 span b { display: inline-block; padding: 0 15px; border: 1px solid #fff;
	border-radius: 50px; line-height: 38px;}

.in_news { padding: 60px 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 { background-image: url(../img/menu_skill11.png);}
.in_news .in_news_m2 .in_news_tit { background-image: url(../img/menu_skill2.jpg);}
.in_news .in_news_m2:hover .in_news_tit { background-image: url(../img/menu_skill22.png);}
.in_news .in_news_m3 .in_news_tit { background-image: url(../img/menu_skill3.jpg);}
.in_news .in_news_m3:hover .in_news_tit { background-image: url(../img/menu_skill33.png);}
.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: 14px; text-transform: uppercase;
	opacity: 0.6; display: block; line-height: 1.2;}
.in_news .in_news_main ul { background: #FFF; padding: 25px;}
.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: 14px; 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;}

.in_contact { background: url(../img/box8Bg.jpg) no-repeat; padding: 60px 0;}
.in_contact .in_contact_main { max-width: 1060px; margin: 0 auto; transform-style: preserve-3d; perspective: 1000px;}
.in_contact .in_contact_main .in_contact_L { float: left; width: 30%; height: 370px; padding: 5%; background: rgba(255,136,0,.65);
    box-shadow: -20px 0 20px rgba(0,0,0,.2) inset; color: #FFF; transition: all 1s ease 0s; transform: rotateY(0); transform-style: preserve-3d;
    transform-origin: right center;}
.in_contact .in_contact_main .in_contact_L h2 { padding: 5px 0; color: #FFF; text-align: left; font-size: 30px; font-family: Arial;
	font-weight: normal;}
.in_contact .in_contact_main .in_contact_L h3 { text-align: left; font-size: 17px; font-weight: normal; margin-bottom: 50px;}
.in_contact .in_contact_main .in_contact_L p { width: auto; font-size: 16px; line-height: 40px; margin-top: 20px; border-bottom: 1px #fff solid;}
.in_contact .in_contact_main .in_contact_R { padding: 60px 15px 0; width: 57%; background: rgba(255,255,255,.95); color: #777;
	font-size: 12px; line-height: 26px; height: 415px;}
.in_contact .in_contact_main .in_contact_R h2 { padding: 5px 0; color: #f80; font-weight: 700; font-size: 20px; font-family: Arial;
	 text-transform: uppercase; line-height: 26px; text-align: center;}
.in_contact .in_contact_main .in_contact_R h3 { margin: 0 auto; max-width: 330px; color: #333; font-size: 16px; line-height: 30px;
	 text-align: center; font-weight: normal;}
.in_contact .in_contact_main .in_contact_R p { padding: 30px 0; color: #777; font-size: 14px; line-height: 26px; text-align: center;}
.in_contact .in_contact_main .in_contact_R ul { margin: 0 auto; max-width: 520px; font-size: 0;}
.in_contact .in_contact_main .in_contact_R ul li { float: left; padding: .5%; width: 32.333%; vertical-align: top; font-size: 14px;
	line-height: 20px;}
.in_contact .in_contact_main .in_contact_R ul li img { display: block; margin: 10px auto;}
.in_contact .in_contact_main .in_contact_R ul li p { padding: 0; color: #777; font-size: 14px; line-height: 26px; text-align: center;
	word-wrap: break-word;}

@media screen and ( max-width: 768px ) {
	.in_about, .in_se { padding: 1em 0;}
	.in_about h3 { font-size: 30px;}
	.in_about h3 p { font-size: 18px;}
	.in_about .in_ab { padding-top: 1.5em;}
	.in_about .in_ab .in_abL { width: 100%; margin: 0;}
	.in_about .in_ab .in_abR { width: 100%; margin: 0; height: auto; padding: .5em 0;}
	.in_about .in_ab .in_abR p { font-size: 16px; margin-bottom: .5em;}
	.in_about .in_ab .in_abR::-webkit-scrollbar {  width: 0;}

	.in_se .ph_se_info { display: block;}

    .in_section { padding: 2em 0;}
    .in_section .in_section_R { min-height: 511px;}
    .in_section .in_section_L, .in_section .in_section_R { width: 100%;}
    .in_section .in_section_L .in_section_LTit { margin-bottom: 1em; margin-left: 0; max-width: 100%; text-align: center;}
    .in_section .in_section_R li img { float: none; max-width: 100%;}
    .in_section .in_section_R li h4 { position: absolute; right: 0; bottom: 0; padding: 5%; width: 90%;}

    .in_case { clear: both; z-index: 222;}
    .in_case .in_casetit { padding: 1em 0; margin-top: 0;}
    .in_case .in_casetit img { float: none; display: block; max-width: 100%; width: auto; margin: 0 auto;}
    .in_case .in_casetit .in_casetit_tr { float: none; width: 100%;}
    .in_case .in_casetit .in_casetit_tr ul { float: none; background: none; padding: 0;}
    .in_case .in_casetit .in_casetit_tr ul li a { padding: 0 1.4em;}
    .in_case .in_casetit .in_casetit_tr a.more { float: none; margin: 0 auto;}

    .in_case .in_case_main li, .case_main .case_main_list li { width: 50%; height: 183px;}
    .in_case .in_case_main li img, .case_main .case_main_list li img { height: 183px;}

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

    .in_contact { padding: 2em 0;}
    .in_contact .in_contact_main { max-width: 98%;}
    .in_contact .in_contact_main .in_contact_L { float: none; width: 100%; height: auto; background: none; text-align: center;
    	box-shadow: none;}
    .in_contact .in_contact_main .in_contact_L h2, .in_contact .in_contact_main .in_contact_L h3 { text-align: center;}
    .in_contact .in_contact_main .in_contact_R { padding: 4% 2%; width: 96%; background: rgba(255,255,255,.95); color: #777;
    	font-size: 12px; line-height: 26px; height: auto;}

    .in_who .in_who_img, .in_section .in_section_L .hd, .in_se .in_se_info { display: none;}
}
@media screen and ( max-width: 1380px ) and ( min-width: 800px ){
    .in_who { max-height: 668px;}
	.in_who .in_who_img { width: 50%; max-height: ;}
	.in_who .in_who_txt { padding-top: 20px; width: 50%;}
	.in_who .in_who_txt .in_who_txt_s { margin: 50px 0;}
	.in_who .in_who_txt .in_who_txt_s li { margin-right: 60px;}
	.in_who .in_who_txt .in_who_txt_s li span { font-size: 38px; font-family: Arial;}
	.in_who .in_who_txt .in_who_txt_s li p { margin: 0;}
	.in_who .in_who_txt .in_who_txt_t { position: relative; margin: 0 -2px; padding: 35px 35px 25px; background: #FFF;}
	.in_who .in_who_txt .in_who_txt_t:after { position: absolute; top: 0; right: -130px; display: block; width: 130px; height: 100%;
	    background: #FFF; content: "";}
	.in_who .in_who_txt .in_who_txt_t li { float: left; width: 24%; padding: 2px; vertical-align: top; text-align: center;}
	.in_who .in_who_txt .in_who_txt_t li a { display: block;}
	.in_who .in_who_txt .in_who_txt_t li a img { margin-bottom: 10px; margin: 0 auto;}
	.in_who .in_who_txt .in_who_txt_t li a h3 { color: #333; font-size: 15px; line-height: 34px;}
	.in_who .in_who_txt .in_who_txt_t li a:hover img { animation: swing 1s infinite linear;}
	.in_who .in_who_txt .welcome { width: 220px; height: 54px; line-height: 54px; display: block; background: #da0502; color: #FFF;
	    font-size: 14px; font-family: Arial;}
	.in_who .in_who_txt .welcome span { width: 4px; height: 4px; border-radius: 50%; background: #FFF; display: inline-block;}
	.in_who .in_who_txt .welcome b { width: 46px; height: 1px; background: #FFF; transition: all .5s ease 0s; display: inline-block;}
	.in_who .in_who_txt .welcome i { 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; display: inline-block;}

}
@media screen and ( max-width: 768px ) and ( min-width: 600px ){}
@media screen and ( max-width: 410px ) and ( min-width: 375px ){
    .in_who .in_who_txt .in_who_txt_s li { margin-right: 1em;}
    .in_who .in_who_txt .in_who_txt_t li a h3 { font-size: 12px;}
    .in_case .in_casetit .in_casetit_tr ul li a { padding: 0 1em;}
    .in_case .in_case_main li, .case_main .case_main_list li, .in_case .in_case_main li img, .case_main .case_main_list li img { height: 163px;}
}
@media screen and ( max-width: 370px ) and ( min-width: 320px ) {
    .in_section .in_section_R { min-height: 460px;}
    .in_who .in_who_txt p { font-size: 14px;}
    .in_who .in_who_txt .in_who_txt_s li span { font-size: 30px;}
    .in_who .in_who_txt .in_who_txt_s li { margin-right: .5em;}
    .in_who .in_who_txt .in_who_txt_t li a h3 { font-size: 12px;}
    .in_case .in_casetit .in_casetit_tr ul li a { padding: 0 .5em;}
    .in_case .in_case_main li, .case_main .case_main_list li, .in_case .in_case_main li img, .case_main .case_main_list li img { height: 143px;}
}
@media screen and ( min-width: 1400px ){
	.in_case .in_case_main li, .case_main .case_main_list li, .in_case .in_case_main li img, .case_main .case_main_list li img { height: 332px;}
}