.checkbox_style_1 {border: 1px solid #363636;padding: 12px 20px;}
.checkbox_style_1 span {height:30px; line-height:30px;vertical-align:middle;font-size:12px;margin-left:3px;}
.checkbox_style_1 .option-input {
  -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none;appearance: none;position: relative;top:0;right:0;bottom:0;left:0; height: 14px;
  width: 14px;  transition: all 0.15s ease-out 0s;  background-color:transparent; border: 1px solid #ff214f;  color: #fff;  cursor: pointer;  display: inline-block; outline: none; z-index: 1000; margin-top:0;vertical-align: middle;
      }
.checkbox_style_1 input:-internal-autofill-selected {background-color: transparent !important;    background-image: none !important;    color: rgb(0, 0, 0) !important;}
/* .checkbox_style_1 .option-input:hover {  background: #9faab7;} */
.checkbox_style_1 .option-input:checked {  background: #ff214f;border:0;}
.checkbox_style_1 .option-input:checked::before {height:15px; width:15px;position: absolute;left: 0;top:0; content: '✔';display: inline-block;font-size: 13px;text-align: center;line-height: 15px;margin-top: 0; font-weight: 100;}
.checkbox_style_1 .option-input:checked::after {background: #40e0d0;  content: '';  display:block;position: relative;  z-index: 100;}
.checkbox_style_1 .option-input.radio {  border-radius: 50%;}
.checkbox_style_1 .option-input.radio::after {  border-radius: 50%;}
.checkbox_style_1 label {  line-height: 30px;margin-bottom:0;margin-right:10px;}
.checkbox_style_1 input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;}
.checkbox_style_2 {border: 0px;padding: 0;}
.checkbox_style_2 span {margin-left:5px;height:30px; line-height:30px;vertical-align:center;font-size:11px;}
.checkbox_style_2 .option-input {
  -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none;appearance: none;position: relative;top:0;right:0;bottom:0;left:0; height: 18px;
  width: 18px;  transition: all 0.15s ease-out 0s;  background-color:transparent; border: 1px solid #ff214f; color: #eaeaae; cursor: pointer;  display: inline-block; outline: none; z-index: 1000; margin-top:0;vertical-align: middle;
     }
/* .checkbox_style_2 .option-input:hover {  background: #9faab7;} */
.checkbox_style_2 .option-input:checked {  background: #ff214f;}
.checkbox_style_2 .option-input:checked::before {height:15px;width:15px;position: absolute;left: 0px; content: '✔';display: inline-block;font-size: 11px;text-align: center;line-height: 15px;margin-top: 0;}
.checkbox_style_2 .option-input:checked::after {background: #40e0d0;  content: '';  display:block;position: relative;  z-index: 100;}
.checkbox_style_2 .option-input.radio {  border-radius: 50%;}
.checkbox_style_2 .option-input.radio::after {  border-radius: 50%;}
.checkbox_style_2 label {  line-height: 30px;margin-bottom:0;margin-right:5px;}
.checkbox_style_2 input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;}

/* #project-contact-form input[type="text"]::placeholder { Firefox, Chrome, Opera     color: #fff; } 
#project-contact-form input[type="text"]:-ms-input-placeholder { Internet Explorer 10-11     color: #fff; }   
#project-contact-form input[type="text"]::-ms-input-placeholder { Microsoft Edge     color: #fff; } 
#project-contact-form2 input[type="text"]::placeholder { Firefox, Chrome, Opera     color: #fff; } 
#project-contact-form2 input[type="text"]:-ms-input-placeholder { Internet Explorer 10-11     color: #fff; }   
#project-contact-form2 input[type="text"]::-ms-input-placeholder { Microsoft Edge     color: #fff; } 
::-webkit-input-placeholder { Chrome  color: #fff;}
:-ms-input-placeholder { IE 10+  color: #fff;}
::-moz-placeholder { Firefox 19+  color: #fff;  opacity: 1;}
:-moz-placeholder { Firefox 4 - 18  color: #fff;  opacity: 1;} */

.file_btn_gray {background:#363636;color:#FFF;font-width:bolder;padding: 7px 15px 8px;cursor:pointer;float:left;margin-left:5px;letter-spacing:-1px;font-size:24px;}
.file_btn_pink {background:#ff214f;color:#FFF;font-width:bolder;padding: 7px 10px 8px;cursor:pointer;float:left;margin-left:5px;letter-spacing:-1px;font-size:11px;}
.file_btn_add {background:#969696;color:#FFF;font-width:bolder;padding: 7px 15px 8px;cursor:pointer;float:left;margin-left:5px;letter-spacing:-1px;font-size:24px;}

.provision {}
.provision_view {max-width:400px;height:400px;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;display:none;overflow: hidden;border-radius: 3px;background: #FFF;box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);z-index:9999;}
.provision_view .head {overflow: hidden;position: relative;height: 70px;background: #ff214f;}
.provision_view .head p {text-align: center;line-height: 70px;font-size: 20px;color: #FFF;letter-spacing: 0;font-weight: 700;}
.provision_view .head i {display: block;position: absolute;z-index: 10;top: 0;right: 0;width: 70px;height: 70px;text-align: center;line-height: 70px;font-size: 25px;color: #FFF;cursor: pointer;}
.provision_view .body {overflow-y: scroll;padding: 30px;height: 300px;}
.provision_view .body .txt5 {margin: 0 0 5px 0;line-height: 20px;font-size: 13px;color: #666;letter-spacing: -1px;}

.sub_indexn{ overflow:hidden; background:#FFF;   }
.sub_indexn .anchor{display:block;height:130px;margin-top:-130px;visibility:hidden;}


.sub_indexn .tab_box{}
@media(max-width:1025px){
	.sub_indexn .tab_box{ padding:60px 0 80px 0;}
}
@media(max-width:767px){
	.sub_indexn .tab_box{ padding:40px 0;}
}
.sub_indexn .tab_menu{ margin:0 0 50px 0;}
	.sub_indexn .tab_menu ul{ text-align:center;}
	.sub_indexn .tab_menu ul li{ display:inline-block; margin:0 5px; padding:0 10px; height:30px; border:1px solid #DDD; line-height:28px; font-size:12px; color:#666; cursor:pointer;}
	.sub_indexn .tab_menu ul li:hover{ border-color:#d01c24;}
@media(max-width:767px){
	.sub_indexn .tab_menu{ margin:0 0 30px 0;}
	.sub_indexn .tab_menu ul li{ margin:0 2px; padding:0 5px; font-size:11px;}
}

.sub_indexn .tab_bg_01{ overflow:hidden;}
	.sub_indexn .tab_bg_01 img{ display:block; width:100%;}
@media(max-width:1500px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -10%; width:120%;}
}
@media(max-width:1300px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -20%; width:140%;}
}
@media(max-width:1025px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -30%; width:160%;}
}
@media(max-width:767px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -50%; width:200%;}
}

.sub_indexn .tab_bg_02{ overflow:hidden; margin:0 0 50px 0; padding:50px 0; background:#f3f3f3;}
@media(max-width:767px){
	.sub_indexn .tab_bg_02{ margin:0 0 30px 0; padding:30px 0;}
}

.sub_indexn .tab_bg_03{ overflow:hidden; margin:0 0 -100px 0; padding:50px 0 80px 0; background:#f3f3f3;}
@media(max-width:1025px){
	.sub_indexn .tab_bg_03{ margin:0 0 -80px 0;}
}
@media(max-width:767px){
	.sub_indexn .tab_bg_03{ margin:0 0 -40px 0; padding:30px 0 40px 0;}
}
	
.sub_indexn .tab_tit_01{ margin:0 0 50px 0; text-align:center;}
	.sub_indexn .tab_tit_01 p{ line-height:50px; font-size:40px; color:#424242; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0;}
	.sub_indexn .tab_tit_01 span{ display:block; margin:15px auto; width:80px; height:2px; background:#929290;}
	.sub_indexn .tab_tit_01 font{ display:block; line-height:20px; font-size:15px; color:#666; letter-spacing:-1px;}
@media(max-width:767px){
	.sub_indexn .tab_tit_01{ margin:0 0 30px 0;}
	.sub_indexn .tab_tit_01 p{ line-height:30px; font-size:25px;}
	.sub_indexn .tab_tit_01 span{ margin:10px auto; width:40px; height:1px;}
	.sub_indexn .tab_tit_01 font{ line-height:16px; font-size:12px;}
}

.sub_indexn .tab_tit_02{ margin:0 auto 20px auto; max-width:1200px;}
	.sub_indexn .tab_tit_02 p{ line-height:40px; font-size:30px; color:#333; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0;}
	.sub_indexn .tab_tit_02 font{ display:block; line-height:20px; font-size:18px; color:#333; letter-spacing:-1px;}
	
@media(max-width:1025px){
	.sub_indexn .tab_tit_02{ margin:0 auto 15px auto;}
	.sub_indexn .tab_tit_02 p{ line-height:30px; font-size:25px;}
	.sub_indexn .tab_tit_02 font{ line-height:20px; font-size:15px;}
}
@media(max-width:767px){
	.sub_indexn .tab_tit_02{ margin:0 auto 10px auto;}
	.sub_indexn .tab_tit_02 p{ line-height:30px; font-size:20px;}
	.sub_indexn .tab_tit_02 font{ line-height:18px; font-size:13px;}
}

.sub_indexn .txt_01{ margin:0 0 50px 0; line-height:24px; font-size:14px; color:#666;}
@media(max-width:767px){
	.sub_indexn .txt_01{ margin:0 0 30px 0; line-height:18px; font-size:12px;}
}

.sub_indexn .box_01{ margin:0 auto; padding:100px; max-width:1200px; background:#FFF; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}

@media(max-width:1260px){
	.sub_indexn .box_01{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .box_01{ padding:50px;}
}
@media(max-width:767px){
	.sub_indexn .box_01{ margin:0 15px; padding:15px;}
}
	
.sub_indexn .graphic_01{ margin:0 0 50px 0;}
	.sub_indexn .graphic_01 ul{ overflow:hidden; margin:0 auto; max-width:500px;}
	.sub_indexn .graphic_01 ul li{ position:relative; float:left; width:33.33%;}
	.sub_indexn .graphic_01 ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #DDD; background:#FFF;}
	.sub_indexn .graphic_01 ul li a p{ line-height:50px; font-size:25px; color:#c9242a; letter-spacing:0; font-family:'Oswald', sans-serif; font-weight:700;}
	.sub_indexn .graphic_01 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_01 ul li:hover a{ border:5px solid #d01c24;}
@media(max-width:767px){
	.sub_indexn .graphic_01{ margin:0 0 30px 0;}
	.sub_indexn .graphic_01 ul{ max-width:280px;}
	.sub_indexn .graphic_01 ul li a p{ font-size:15px;}
}	

.sub_indexn .graphic_02{}
	.sub_indexn .graphic_02 ul{ overflow:hidden; margin:0 auto; max-width:1200px;}
	.sub_indexn .graphic_02 ul li{ position:relative; float:left; width:25%;}
	.sub_indexn .graphic_02 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_02 ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #DDD; background:#FFF;}
	.sub_indexn .graphic_02 ul li .tit{ margin:0 15%; line-height:40px; font-size:24px; color:#333; font-family:'Oswald', sans-serif; font-weight:700;}
	.sub_indexn .graphic_02 ul li .txt{ margin:0 15%; line-height:20px; font-size:14px; color:#666; letter-spacing:-1px;}
	
	.sub_indexn .graphic_02 ul li:hover a{ border:5px solid #d01c24;}
	.sub_indexn .graphic_02 ul li:hover .tit{ color:#d01c24;}
	.sub_indexn .graphic_02 ul li:hover .txt{ color:#000;}
@media(max-width:1300px){
	.sub_indexn .graphic_02 ul{ margin:0 30px; max-width:100%;}
}
@media(max-width:1000px){
	.sub_indexn .graphic_02 ul{ margin:0 auto; max-width:550px;}
	.sub_indexn .graphic_02 ul li{ width:50%;}
}
@media(max-width:767px){	
	.sub_indexn .graphic_02{}
	.sub_indexn .graphic_02 ul{ margin:0 10px;}
	.sub_indexn .graphic_02 ul li{}
	.sub_indexn .graphic_02 ul li a .tit{ margin:0 10%; line-height:30px; font-size:15px;}
	.sub_indexn .graphic_02 ul li a .txt{ margin:0 10%; line-height:14px; font-size:11px;}
}

.sub_indexn .graphic_03{ position:relative;}
	.sub_indexn .graphic_03 .line{ position:absolute; z-index:1; top:50%; right:0; left:0; height:1px; background:#DDD;}
	.sub_indexn .graphic_03 ul{ overflow:hidden; margin:0 auto; max-width:1200px;}
	.sub_indexn .graphic_03 ul li{ position:relative; float:left; width:16.666%;}
	.sub_indexn .graphic_03 ul li.t{}
	.sub_indexn .graphic_03 ul li.b{ margin:5% 0 0 0;}
	.sub_indexn .graphic_03 ul li a{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border-radius:50%; border:1px solid #DDD; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05);}
	.sub_indexn .graphic_03 ul li a p{ line-height:24px; font-size:20px; color:#666; font-family:'Oswald', sans-serif; font-weight:400; letter-spacing:0;}
	.sub_indexn .graphic_03 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_03 ul li:hover a{ border:1px solid #d01c24; background:#d01c24;}
	.sub_indexn .graphic_03 ul li:hover p{ color:#FFF;}
	
@media(max-width:1250px){
	.sub_indexn .graphic_03 ul{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .graphic_03 ul li a p{ line-height:18px; font-size:14px;}
}
@media(max-width:767px){
	.sub_indexn .graphic_03 .line{ top:46%; right:40%; left:40%;}
	.sub_indexn .graphic_03 ul{ margin:0 10px;}
	.sub_indexn .graphic_03 ul li{ margin-right:2%; margin-left:2%; width:29.33%;}
	.sub_indexn .graphic_03 ul li.t{ margin-top:6%; margin-bottom:6%;}
	.sub_indexn .graphic_03 ul li.b{ margin-top:0; margin-right:2%; margin-left:2%;}
	.sub_indexn .graphic_03 ul li a p{ line-height:15px; font-size:12px;}
}
.sub_indexn .graphic_04{ overflow:hidden; margin:0 auto; max-width:1200px; border-top:1px solid #DDD; border-left:1px solid #DDD;}
	.sub_indexn .graphic_04 li{ float:left; width:20%;}
	.sub_indexn .graphic_04 li .box{ margin:-1px 0 0 -1px; height:100px; border:1px solid #DDD;}
	.sub_indexn .graphic_04 li .box img{ -webkit-filter: grayscale(1); filter:gray; filter: grayscale(1);}
	.sub_indexn .graphic_04 li:hover{ background:#f5f5f5;}
	.sub_indexn .graphic_04 li:hover .box img{ -webkit-filter: grayscale(0); filter: grayscale(0);}
	
@media(max-width:1250px){
	.sub_indexn .graphic_04{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .graphic_04 li{ width:25%;}
}
@media(max-width:767px){
	.sub_indexn .graphic_04{ margin:0 15px;}
	.sub_indexn .graphic_04 li{ width:33.33%;}
	.sub_indexn .graphic_04 li .box{ height:60px;}
	.sub_indexn .graphic_04 li .box img{ height:25px;}
}
.sub_indexn .about_history_menu{ margin:0 auto; max-width:600px;}
	.sub_indexn .about_history_menu *{ transition:none;}
	.sub_indexn .about_history_menu .slide p{ margin:0 5px; height:40px; border:1px solid #DDD; background:#FFF; text-align:center; line-height:38px; font-size:14px; color:#666; cursor:pointer; transition:border 0.5s, background 0.5s, color 0.5s;}
	.sub_indexn .about_history_menu .slide.slick-center p{ border-color:#d01c24; background:#d01c24; color:#FFF;}
	.sub_indexn .about_history_page{ margin:40px auto 0 auto; max-width:1200px;}
	.sub_indexn .about_history_page *{ transition:none;}
	.sub_indexn .about_history_page .slide .tit{ text-align:center; line-height:50px; font-size:50px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:-1px;}
	.sub_indexn .about_history_page .slide ul{ overflow:hidden; margin:50px 0 0 0; list-style: none;padding:0;}
	.sub_indexn .about_history_page .slide ul li{ float:left; padding:5px 10px 5px 35px; width:33.33%; line-height:20px; font-size:14px; color:#666;}
	.sub_indexn .about_history_page .slide ul li i{ display:block; float:left; margin:0 0 0 -25px; width:25px; text-align:center; line-height:20px; font-size:14px; color:#d01c24;}	
	.sub_indexn .about_history_page button{ top:0; margin:0; width:50px; height:50px; border:1px solid #DDD; background:#FFF !important; transition:border 0.5s, background 0.5s;}
	.sub_indexn .about_history_page button:before{ content:none;}
	.sub_indexn .about_history_page button i{ text-align:center; line-height:48px; font-size:20px; color:#666; transition:color 0.5s;}
	.sub_indexn .about_history_page button:hover{ border-color:#333; background:#333 !important;}
	.sub_indexn .about_history_page button:hover i{ color:#FFF;}
	.sub_indexn .about_history_page .slick-prev{ left:50%; margin:0 0 0 -150px;}
	.sub_indexn .about_history_page .slick-next{ right:50%; margin:0 -150px 0 0;}
	
@media(max-width:1250px){
	.sub_indexn .about_history_page{ margin:40px 30px 0 30px;}
	.sub_indexn .about_history_page .slide ul li{ width:50%;}
}
@media(max-width:1025px){
	
}
@media(max-width:767px){
	.sub_indexn .about_history_page{ margin:30px 15px 0 15px;}
	.sub_indexn .about_history_page .slide .tit{ line-height:40px; font-size:30px;}
	.sub_indexn .about_history_page .slide ul{ overflow:hidden; margin:30px 0 0 0;}
	.sub_indexn .about_history_page .slide ul li{ width:100%;}	
	.sub_indexn .about_history_page button{ width:40px; height:40px;}
	.sub_indexn .about_history_page button i{ line-height:38px; font-size:16px;}
	.sub_indexn .about_history_page .slick-prev{ left:20%; margin:0;}
	.sub_indexn .about_history_page .slick-next{ right:20%; margin:0;}
}
.main_tit{ margin:0 0 50px 0; text-align:center;}
	.main_tit p{ display:block; line-height:15px; font-size:15px; color:#d01c24; letter-spacing:-1px;}
	.main_tit h1{ display:block; margin:5px 0 0 0; line-height:50px; font-size:40px; color:#424242 !important; font-family:'Oswald', sans-serif; font-weight:700; font-style:normal !important;}
	.main_tit h2{ display:block; margin:0px 0 0 0; line-height:20px; font-size:16px; color:#333; text-transform:none; letter-spacing:0;}
	.main_tit span{ display:block; margin:15px auto; width:50px; height:2px; background:#929290;}
	.main_tit font{ display:block; line-height:20px; font-size:15px; color:#666 !important; letter-spacing:-1px;}
	
@media (max-width:767px){
	.main_tit{ margin:0 0 20px 0;}
	.main_tit p{ line-height:12px; font-size:12px;}
	.main_tit h1{ margin:5px 0 0 0; line-height:30px; font-size:25px;}
	.main_tit h2{ margin:5px 0 0 0; line-height:15px; font-size:14px;}
	.main_tit span{ margin:10px auto; width:40px; height:1px;}
	.main_tit font{ line-height:16px; font-size:12px;}
}