@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(https://fonts.googleapis.com/css?family=Noto+Serif);

@charset "utf-8";

/* CSS Document */




input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 
input[type="number"] {
    -moz-appearance: textfield;

}
/* CSS Document */

@font-face {

    font-family: 'Noto';

    font-style: normal;

    font-weight: 300;

    src:  url(../fonts/NotoSansKR-Light.woff) format('woff');

}

@font-face {

    font-family: 'Noto';

    font-style: normal;

    font-weight: 400;

    src:url(../fonts/NotoSansKR-Regular.woff) format('woff');

}

@font-face {

    font-family: 'Noto';

    font-style: normal;

    font-weight: 500;

    src: url(../fonts/NotoSansKR-Medium.woff) format('woff');

}

body {

	font-family: "Noto Sans KR","Noto","맑은 고딕","Malgun Gothic",Dotum,돋움,Gulim,굴림,Helvetica,Arial,sans-serif;

	color: #000;

	background: #fff;

	font-size: 12px;

}

*,p,ul,li{margin:0px;padding:0px;} 

a, a:hover, afocus, a:active, a:link, a:visited {

	text-decoration: none;

}

a, input {

	transition: all 0.3s ease-in-out 0s;

}

a{color:#000;}

a:hover {

	color: #ccc;

}

ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.white{

	background-color: #fff;

}

.gold{

    color:#7b5d43!important;

}

.gray{

	color: #8e8d8c;

}

.fleft {

	float: left;

}

.fright {

	float: right;

}

p.has-error-input {

    color: red;

    font-size: 12px;

    margin-top: 5px;

    display: block;

    text-align: right;

    right: 15px;

}

.fixed-bottom {

    position: fixed!important;

    bottom: 0;

    width: 100%!important;

}



/* loader3 */



.loader3_content{

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.5);

	top: 0;

	left:0;

}

.loader3 {

  position: relative;

  text-align: center;

  top: 40%;

}

.loader3 > span {

  width: 12px;

  height: 12px;

  margin: 0 3px;

  background-color: #b71534;

  border-radius: 100%;

  display: inline-block;

  -webkit-animation: bouncedelay 1.6s infinite ease-in-out;

  animation: bouncedelay 1.6s infinite ease-in-out;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.loader3 span:nth-child(1) {

  -webkit-animation-delay: -0.64s;

  animation-delay: -0.64s;

}

.loader3 span:nth-child(2) {

  -webkit-animation-delay: -0.48s;

  animation-delay: -0.48s;

}

.loader3 span:nth-child(3) {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}

.loader3 span:nth-child(4) {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}

@-webkit-keyframes bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0.0) }

  40% { -webkit-transform: scale(1.0) }

}

@keyframes bouncedelay {

  0%, 80%, 100% {

    transform: scale(0.0);

    -webkit-transform: scale(0.0);

  } 40% {

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}

.loader3 p{

	font-size: 20px;

	color:#fff;

} 





/*.loader3_content{

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.5);

	top: 0;

	left:0;

}

.loader3 {

  position: fixed;

    top: 40%;

    left: 50%;

    margin-left: -80px;

   display:inline-block;

   font-size:0px;

   padding:0px;

}

.loader3 p{

	font-size: 25px;

	text-align: center;

	color:#fff;

}

.loader3 span {

   vertical-align:middle;

   border-radius:100%;

   

   display:inline-block;

   width:20px;

   height:20px;

   margin:3px 6px;

   -webkit-animation:loader3 0.8s linear infinite alternate;

   animation:loader3 0.8s linear infinite alternate;

}

.loader3 span:nth-child(1) {

   -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}

.loader3 span:nth-child(2) {

   -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}

.loader3 span:nth-child(3) {

   -webkit-animation-delay:-0.26666s;

   animation-delay:-0.26666s;

  background:rgba(245, 103, 115,1);

}

.loader3 span:nth-child(4) {

   -webkit-animation-delay:-0.8s;

   animation-delay:-0.8s;

  background:rgba(245, 103, 115,0.8);

  

}

.loader3 span:nth-child(5) {

   -webkit-animation-delay:-1s;

   animation-delay:-1s;

  background:rgba(245, 103, 115,0.4);

}



@keyframes loader3 {

   from {transform: scale(0, 0);}

   to {transform: scale(1, 1);}

}

@-webkit-keyframes loader3 {

   from {-webkit-transform: scale(0, 0);}

   to {-webkit-transform: scale(1, 1);}

}*/

.fancybox-slide img{

	width: 100%;

}

/************************************index start****************************/

.container{

	width:1396px;

}

.header_top{

    height:33px;

    background:rgba(183,21,52,1);

}

.header_bottom{

    height:77px;

}

.header_bottom img{

    margin-top: 16px;

    float: left;

}

.header_nav{

	float:right;

	font-size:18px;

	color:rgba(0,0,0,1);

	line-height:16px;

	letter-spacing: -0.85px;

}

.header_nav li{

	float:left;

    display: inline-block;

    line-height: 77px;

    

}

.header_nav li:not(:last-child){

	margin-right: 49px;

}

.header_nav li a:hover{

	color:rgba(0,0,0,1);

}

.right_bar{

	color:#fff;

	position: fixed;

	top:410px;

	right: 0px;

	background: #fff;

	z-index:888;

	text-align: center;

}

.home .right_bar{

	top:110px!important;

}

.right_bar li{

	width:100px;

	line-height: 30px;

	font-size: 11px;

	cursor: pointer;

}

.right_bar li a{

	color:#fff;

}

.right_bar li:first-child{

	color:#000;

	font-size: 13px;

}

.right_bar li:last-child{

	font-size: 13px;

	background: #4D4D58;

}

.right_bar li:not(:first-child){

	border-top: solid 1px #fff;

}

.right_bar li img{

	display: block;

    margin: 0 auto;

}

.right_bar li:nth-child(2){

	padding-top: 15px;

	height:80px;

	font-weight: 300;

	background: #2CBE10;

}

.right_bar li:nth-child(3){

	padding-top: 9px;

	height:80px;

	font-weight: 300;

	background: #FBE902;

}

.right_bar li:nth-child(4){

	padding-top: 16px;

	height:80px;

	font-weight: 300;

	background: #2CBE10;

}

.index_slide{

	position: relative;

	text-align: center;

	background-image: url(../images/bg_flag.jpg);

	background-position:center;

	height:620px;

	color:#fff;

}

.index_slide .item1 p{

	text-shadow: 0px -2px 30px #000;

}

.index_slide .item1 .text1{

	font-size:50px;

	line-height: 47px;

	font-weight: 400;

	padding-top: 140px;

}

.index_slide .item1 .text2{

	font-size:80px;

	font-weight: 500;

	line-height: 73px;

	padding-top: 15px;

}

.index_slide .item1 .text3{

	font-size:25px;

	font-weight: 500;

	line-height: 23px;

	padding-top: 59px;

}

.index_slide .item1 .text4{

	font-size:23px;

	font-weight: 300;

	line-height: 33px;

	padding-top: 32px;

}



.index_slide  .text1{

	font-size:23px;

	line-height: 20px;

	font-weight: 500;

	padding-top: 130px;

}

.index_slide  .text2{

	font-size:60px;

	line-height: 55px;

	font-weight: 500;

	padding-top: 30px;

}

.index_slide  .text3{

	font-size:23px;

	line-height: 34px;

	font-weight: 300;

	padding-top: 55px;

}

#myCarousel{

	height: 620px;

}



#myTab{

	text-align: center;

	position: absolute;

	bottom: 0px;

	display: inline-block;

	left: 50%;

    /*transform: translateX(-50%);*/

    width: 835px;

    margin-left: -415px;



}

#myTab li{

	float: left;

	background:rgba(89,0,15,1);

    opacity:0.8;

    color: #fff;

	width:165px;

	height:67px;

	border-radius: 0;

    font-size: 17px;

	line-height: 67px;

	padding: 0px;

	font-weight: 300;

	border:0;

	margin-right: 0px;

	text-indent: 0;

}

#myTab> li.active, #myTab > li:hover{

    background-color: #CA0C2B!important;

    border: 0!important;

    margin: 1px;

    margin-right: 0px;

}

.slide_btn{

	display: inline-block;

	border: solid 1px #fff;

	font-size: 15px;

	color:#fff;

	width:142px;

	height:47px;

	line-height: 47px;

	margin-top: 83px;

	cursor: pointer;

	font-weight: 500;

	left: 50%;

    bottom: 172px;

}





.red_tab{

	width:1165px;

	margin-left:-580px;

	text-align: center;

	display: block;

    margin:0 auto;

    position: relative;

    margin-bottom: 120px;

}

.red_tab li{

	float:left;

	background:rgba(89,0,15,1);

    opacity:0.8;

    color: #fff;

	width:165px;

	height:67px;

	border-radius: 0;

    font-size: 17px;

	line-height: 67px;

	padding: 0px;

	font-weight: 300;

	border:0;

	margin-left:1px;

	text-indent: 0;

}

.red_tab> li.active, .red_tab > li:hover{

    background-color: #CA0C2B!important;

    border: 0!important;

    margin-left: 1px;

}

.red_tab li a{

	color:#fff;

	width:100%;

	height:100%;

	display: inline-block;

}

.slide_btn{

	display: inline-block;

	border: solid 1px #fff;

	font-size: 15px;

	color:#fff;

	width:142px;

	height:47px;

	line-height: 47px;

	margin-top: 83px;

	cursor: pointer;

	font-weight: 500;

	left: 50%;

    bottom: 172px;

}



.slide_btn:hover{

	color:#fff;

}

.slide_btn span{

	position: relative;

    top: -2px;

}

.city{

	text-align: center;

	background-color: #fff;





}



.city .text1{

	font-size: 35px;

	font-weight: 500;

	color:#010101;

	line-height: 32px;

	margin-top: 88px;

}

.city .text2{

	font-size: 17px;

	font-weight: 400;

	color:#000;

	line-height: 18px;

	margin-top: 19px;

}

.city img{

	background:  url(../images/bg_city.jpg);

	background-attachment: fixed;

	background-position: center;

	margin-top: 47px;

}

.city_group{

	display: inline-block;

    text-align: center;

    left: 50%;

    margin-top: 51px;

    border-bottom: 0;

}

.city_group > li {



    display: inline-flex;

}

.city_group li a {

    color: #2D2D2D;

    width: 182px;

    height: 52px;

    border-radius: 0;

    font-size: 17px;

    line-height: 52px;

    padding: 0px;

    border: solid 1px #6A6A6A;

    margin-right: 10px;

}

.city_group> li.active > a, .city_group > li:hover a, .city_group > li.active > a:focus {

    background-color: #CA0C2B!important;

    color:#fff;

    border: solid 1px #CA0C2B;

}

.city .text3{

	font-size:17px;

	line-height: 23px;

	margin-top: 38px;

	font-weight: 300;

}

.city_btn{

	margin: 34px 0 43px 0;

	font-size:17px;

	border: solid 2px #6A6A6A;

	width:116px;

    height:52px; 

    line-height: 52px;

    display: inline-block;

    font-weight: bold;

}

.city_btn:hover{

	color:#000;

}

.server{

	float: left;

	width:656px;

	margin-top: 43px;

}

.server .text1{

	font-size:25px;

	font-weight: 600;

	line-height: 24px;

	text-align: left;

}

.server .text2{

	float: right;

	font-size:15px;

	line-height: 14px;

	text-align: right;

	color:#3D3D3D;

}

.server table{

	text-align: center;

	color:#3D3D3D;

	margin-top: 18px;

	margin-bottom: 65px;

}

.server tbody tr{

	background: url(../images/line.png) 100% 100% no-repeat ;

	background-position-x: 0;

}

.server table th{



	height:34px;

	text-align: center;

	color:#2D2D2D;

	font-size: 15px;

	border-bottom: 1px solid #B71534!important;

}

.server table td{

	padding:0;

	height:34px;

	font-size: 12px;

	border-bottom: 1px solid #D8D8D8!important;

}

.server table td span{

	display: block;

	margin: 0 auto;

}

.server table td:first-child{

	width:22.4%;

	color: #535353;

}

.server table td:nth-child(2){

	max-width: 20%;

	min-width: 14%;

}

.server table td:nth-child(3){

	width:44%;

	text-align: left;

	padding-left: 22px;

	font-size: 13px;

}

.server table td:nth-child(4){

	width:13%;

	font-size: 13px;

}





.guidance{

	float: left;

	width:649px;

	margin-top: 43px;

	margin-left: 61px;

	margin-bottom: 65px;

}

.guidance .item{

	background: #B71534;

	color:#fff;

	padding: 71px 40px 20px 35px;

	width: 302px;

	height: 326px;

	letter-spacing: -0.5px;

}

.guidance .item .item_text1{

    font-size: 24px;

    font-weight: bold;

    line-height: 23px;

}

.guidance .item .item_line{

	width: 35px;

	height: 1px;

	margin-top: 29px;

	margin-bottom: 29px;

	display: inline-block;

	background: #D3D3D3;

}

.guidance .item .item_text2{

    font-size: 15px;

    font-weight: 300;

    line-height: 24px;

}

.guidance .text1{

	font-size:25px;

	font-weight: 600;

	line-height: 24px;

	text-align: left;

}

.index_slide2{

	float:left;

	margin-top: 19px;

	width:302px!important;

	height: 326px;

}

.index_slide2 > .owl-dots {

	top: 11px;

	width: 100%;

	position: absolute;

	right: 11px;

	z-index: 99;

	text-align: right;

}

.index_slide2 > .owl-dots > .owl-dot {

	width: 10px;

	height: 10px;

	margin: 0 2px;

	display: inline-block;

	background: #B71534;

	border: solid 1px #fff;

	opacity: 0.75;



}

.index_slide2 > .owl-dots > .owl-dot.active {

	background: #fff;

	opacity: 1;

}

.guidance_right{

	float:left;

	margin-top: 19px;

	

}

.guidance .text2{

	padding-top: 35px;

	font-size:13px;

	text-align: left;

	color:#3D3D3D;

	line-height:18px;

	position: relative;

	top:16px;

}

.guidance .text2 span{

	color:#B71544;

}

.hong{

	float:left;

	width:477px;

    height:255px; 

}

.hong img{

	max-width: 100%;

}

.hong iframe{

	width: 453px;

	height: 255px;

}

.notice{

	float: left;

	width:394px;

	margin-left: 60px;

	top: -14px;

    position: relative;

}

.notice .text1{

	font-size: 21px;

	font-weight: 600;

    text-align: left;

    color: #010101;

    padding-bottom: 10px;

    line-height: 48px;

    border-bottom: solid 2px #B71544;

}





.notice .text2{

	float: right;

	font-size:15px;

	line-height: 14px;

	text-align: right;

	color:#3D3D3D;

	margin-top: 22px;

}

.notice table{

	text-align: center;

	color:#3D3D3D;

	margin-top: 8px;

	margin-bottom: 0px;

	font-size: 15px;

	letter-spacing: -0.7px;

}

.notice >table> tbody > tr > td{

	padding-left:0px;

}

.notice table td{

	padding:0px;

	padding-left: 0px;

	padding-top: 7px!important;

    padding-bottom: 6.9px!important;

	height:34px;

	border-top :0!important;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	max-width: 316px;

}

.notice table td a{

	color:#2D2D2D;

}

.notice table td span{

    width:3px;

	height:3px; 

	background:rgba(141,141,141,1);

	border-radius: 50%;

	border-radius: 50%;

    display: inline-block;

    position: relative;

    top: -3px;

    margin-right: 8px;





}

.notice table td:first-child{

	width:80%;

	color: #2D2D2D;

	text-align: left;

}

.notice table td:nth-child(2){

	width:20%;

	color: #585858;

	text-align: right;

}

.notice table a:hover {

    color: #2D2D2D;

}

.notice .line{

	width: 371px;

	height: 1px;

	background: #d9d9d9;

	margin-left: 2px;

}

.phone{

	width: 376px;

	float: left;

	margin-left: 58px;

}

.phone .text1{

	font-size: 21px;

	font-weight: 600;

	line-height: 21px;

    text-align: left;

    color: #010101;

}

.phone_group{

    text-align: center;

    margin-top: 19px;

}

.phone_group > li {

    float: left;

    display: inline-flex;

    margin-bottom: 9px;

}

.phone_group > li:nth-of-type(odd){

	margin-right: 9px;

}

.phone_group li a {

	position: relative;

    color: #2D2D2D;

    width: 183px;

    height: 35px;

    border-radius: 0;

    font-size: 15px;

    line-height: 35px;

    padding: 0px;

    border: solid 1px #AEAEAE;

}

.phone_group> li.active > a, .phone_group > li:hover a, .phone_group > li.active > a:focus {

    background-color: #CA0C2B!important;

    color:#fff;

    border: solid 1px #CA0C2B;

}

.phone_group> li.active span, .phone_group > li:hover span, .phone_group > li.active > a:focus span{

	background: url(../images/download_white.png);

}

.phone_group span{

	display: inline-block;

    background: url(../images/download_gray.png);

    width: 13px;

    height: 15px;

    position: absolute;

    right: 15px;

    top: 10px;

}

.phone_group li a b{

	position:relative;

	left:-5px;

	font-weight:normal;

}

.phone .text2{

	font-size: 21px;

	font-weight: 500;

	line-height: 20px;

    text-align: left;

    color: #010101;

    position: relative;

    top: 5px;

}

.phone .text3{

	font-size: 29px;

	line-height: 31px;

    color: #B71534;

    display: inline-block;

    font-weight: bold;

    margin-top: 19px;

    letter-spacing: -1px;

}

.phone .text3 span{

	padding-left: 22px;

	padding-right: 8px;

	position: relative;

	top:-2px;

}

.phone .text4{

	font-size: 15px;

	line-height: 16px;

    color: #2D2D2D;

    display: inline-block;

    margin-top: 18px;

    letter-spacing: -0.5px;

}

.partner .text1{

    margin-top: 44px;

    margin-bottom: 20px;

    font-size: 21px;

	font-weight: 500;

	line-height: 21px;

    text-align: left;

    color: #010101;

}

.partner a{

	float: left;

	margin-bottom: 70px;

}

.partner a:not(:last-child){

	margin-right: 16px;

}

footer {

	background-color: #2D2D2D;

	min-height: 210px;

	position: relative;

}

.footer_logo {

	float: left;

	display: inline-block;

	margin-top: 38px;

}

.footer_nav {

	width:900px;

	float: left;

	margin-top: 25px;

	margin-left: 71px;

	box-sizing: border-box;

	margin-bottom: 20px;

	font-size: 15px;

}

.footer_nav span{

	float: left;

	width:1px;

	height: 12px;

	background: #C0C0C0;

	margin-right: 20px;

	position: relative;

    top: 1.5px;

}

.footer_nav > a {

	float: left;

	color: #fff;

	line-height: 15px;



}

.footer_nav > a:not(:last-child){

     padding-right: 20px;

}

.footer_nav > a:hover,.footer_nav > a:active{

	color: #B71534;

}

.footer_nav_text {

	float: left;

	display: block;

	margin-left: 66px;

	color: #919191;

	font-size: 13px;

	font-weight: 400;

	line-height: 21px;

	margin-bottom:24px;

}

.footer_nav_text span{

	display: inline-block;

	width:1px;

	height:8px; 

	background:rgba(90,90,90,1);

	margin-left: 10px;

	margin-right: 10px;

}

.footer_nav_text b{

	display: inline-block;

	font-weight: normal;

	border-bottom: solid 1px #6c6c6c;

	padding-bottom: 2px;

	margin-bottom: 2px;

}

/************************************index stop****************************/

/***********************************sub1_1 start****************************/

.bg_common{

	height: 300px;

	background-size: cover;

    background-position: center;

	position: relative;

}

.sub1{

	background-image: url(../images/sub1.jpg);

}

.bg_gray{

	height:50px!important;

	background: rgba(50,50,50,0.75);

}

.bg_gray ul li{

	min-width:190px;

	height: 50px;

	text-align:left;

	padding:0 21px;

	display: inline-block;

	float: left;

	font-size: 15px;

	font-weight: 300;

	color:#fff;

	border-right: solid 1px #3D3D3D;

	opacity: 1;

	line-height: 50px;

}

.bg_gray ul li:first-child{

	min-width: 60px;

	width:60px!important;

	border-left: solid 1px #3D3D3D;

}

.bg_gray ul li span{

	float: right;

}

.nav_menu{

	text-align: center;

    width: 100%;

}

.nav_menu li{

	float: left;

	display: inline-flex;

	background: #fff;

	width:227px;

	height:57px;

}

.sub1 .nav_menu li{

	width:227px;

}

.nav_menu li a{

	width:100%;

	color: #2D2D2D;

    height: 57px;

    border-radius: 0;

    font-size: 17px;

    font-weight: 500;

    line-height: 57px;

    padding: 0px;

    border: solid 1px #D7D7D7;

    border-left: 0;

    margin-right: 0px;

    margin:0 -1px -1px 0;

}

.nav_menu li:last-child a{

	border-right: 0;

}

.nav_menu> li.active > a, .nav_menu > li a:hover, .nav_menu > li.active > a:focus {

    background-color: #B71534!important;

    color:#fff;

    border-top: solid 1px #B71534;

}

.bg_common .text1{

	text-align: center;

	font-size: 40px;

	font-weight: 700;

	line-height: 38px;

	color:#fff;

	margin-top: 65px;

	margin-bottom: 91px;

}

.sub_content{

	width: 1166px;

	margin: 0 auto;

	text-align: center;

	margin-top: 48px;

	margin-bottom: 100px;

}

.sub_content .text1{

	float: left;

	font-size:37px;

	font-weight: 500;

	line-height: 35px;

	color:#010101;

	text-align: left;

	letter-spacing: -0.55px;

}

.sub1_btn{

	float:right;

	position: relative;

	top: -5px;

}

.sub_content .text2{

	clear:both;

	font-size:19px;

	color:#000;

	text-align: left;

	padding-top: 20px;

	letter-spacing: -1px;

}

.sub_content .text2 span{

	color:#B71534;

}

.sub_content .line{

	background-color: #cacaca;

	width: 100%;

	height: 1px;

	margin: 70px 0 50px 0;

}



#sub1_tab{

	text-align: center;

	bottom: 0;

	display: inline-block;

    width: 966px;

    border: 0;

}

#sub1_tab li a{

	display: inline-block;

	background-repeat: no-repeat;

	width: 100px;

    height: 128px;

    border :0;

}

#sub1_tab li:first-child a{

    background-image: url(../images/sub1_1_1.png);  

}

#sub1_tab li:nth-child(2) a{

    background-image: url(../images/sub1_1_2.png);  

}

#sub1_tab li:nth-child(3) a{

    background-image: url(../images/sub1_1_3.png);  

}

#sub1_tab li:nth-child(4) a{

    background-image: url(../images/sub1_1_4.png);  

}

#sub1_tab li:nth-child(5) a{

    background-image: url(../images/sub1_1_5.png);  

}

#sub1_tab li:nth-child(6) a{

    background-image: url(../images/sub1_1_6.png);  

}

#sub1_tab li:nth-child(7) a{

    background-image: url(../images/sub1_1_7.png);  

}










#sub1_tab li:first-child.active  a{

    background-image: url(../images/sub1_1_1_on.png); 

} 

#sub1_tab li:nth-child(2).active a {

    background-image: url(../images/sub1_1_2_on.png); 

}

#sub1_tab li:nth-child(3).active a{

    background-image: url(../images/sub1_1_3_on.png); 

}

#sub1_tab li:nth-child(4).active a{

    background-image: url(../images/sub1_1_4_on.png); 

}

#sub1_tab li:nth-child(5).active a{

    background-image: url(../images/sub1_1_5_on.png); 

}



#sub1_tab li:nth-child(6).active a{

    background-image: url(../images/sub1_1_6_on.png); 

}

#sub1_tab li:nth-child(7).active a{

    background-image: url(../images/sub1_1_7_on.png); 

}

#sub1_tab li:hover a{

	background-color: #fff;

}

.sub_content #sub1_tab li:not(:last-child) a{

	margin-right: 40px;

}



.title_center{

	margin-top: 70px;

	margin-bottom: 27px;

	line-height: 22px;

	font-size: 21px;

	font-weight: 500;



}

.red_line_center{

	margin: 0 auto;

	width:30px;

	height: 2px;

	background-color: #b71534;

}

.midddle_ul{

	width:835px;

	left: 208px;

	position: relative;

	font-size: 0;

	margin-top: 20px;

	min-height: 150px;

	text-align: left;

}

.midddle_ul li{

    display: inline-block;

    width: 166px;

    text-align: left;

    font-size: 16px;

    line-height: 34px;

}

.midddle_ul li span{

	width: 4px;

	height: 4px;

	top: -4px;

    position: relative;

	display: inline-block;

	border-radius: 50%;

	background-color: #9a9a9a;

	margin-right: 9px;

}

/************************************sub1_1 stop****************************/

/************************************sub1_2 start****************************/

.sub1_2_content{

	margin-top: 77px;

}

/************************************sub1_2 stop****************************/

/************************************sub1_3 start****************************/

.title_left{

	margin-top: 10px;	

	line-height: 20px;

	font-size: 21px;

	text-align: left;

	margin-bottom: 30px;



}

.red_line_left{

	margin-top: 60px;

	width:34px;

	height: 2px;

	background-color: #b71534;

}

.first{

	margin-top: 0px;

}

.sub_content .text3{

	font-size:16px;

	line-height: 26px;

	color:#3D3D3D;

	text-align: left;

    letter-spacing: -0.5px;

}

.sub_content .text3 span{

	color:#B71534;

}

/************************************sub1_3 stop****************************/

/************************************sub1_4 start****************************/

.sub1_4 .title_left{

	margin-bottom: 46px;

}

/************************************sub1_4 stop****************************/

/************************************sub1_6 start****************************/

.form_contact{

	text-align: center;

	width: 973px;

	margin-left: 46px;

	color:#4B4B4B;

}

.form_contact .form-group{

	position: relative;

	display: inline-block;	

	margin-bottom: 5px;

	text-align: left;

	font-size: 0px;

	vertical-align: top;

}

.form_contact .form-group:nth-child(2),

.form_contact .form-group:nth-child(4),

.form_contact .form-group:nth-child(6){

	margin-left: 48px;

}

.file{

	margin-left: 0!important;

}

.form_contact label{

	width: 110px;

	font-size:16px;

	color:#4B4B4B;

	line-height: 40px;

	font-weight: 300;

	text-align: left;

	vertical-align: top;

}

.form_contact label span{

	width: 4px;

	height: 4px;

	top: -4px;

    position: relative;

	display: inline-block;

	border-radius: 50%;

	background-color: #9a9a9a;

	margin-right: 9px;

}

.form_contact input{

	width:350px;

	height: 40px;

	display: inline-block;

	border-radius: 0;

	font-family: sans-serif;

	border: 1px solid #a0a0a0;

}

input::-webkit-input-placeholder {

         color: #7D7D7D;

         font-size: 13px;

}



.form_contact .phone_input input{

    width: 106px;

}

.form_contact .phone_input b{

	width: 5px;

	height: 1px;

	margin-left: 5px;

	margin-right: 5px;

	background-color: #4B4B4B;

	display: inline-block;

	position: relative;

    top: -5px;



}



.year{

	display: none!important;

}

.form_contact select{

    border: solid 1px #a0a0a0;

}

.form_contact .data_input select{

    width: 170px;

    display: inline-block;

    border-radius: 0;

    height: 40px;

}



.form_contact .data_input .day1{

    margin-left: 10px;

}

.form_contact .language select{

	width: 165px;

    height: 40px;

    display: inline-block;

    border-radius: 0;

}

.form_contact .language input{

	width: 165px;

}

.form_contact .language .fa {

	width: 20px;

    color: #9B9B9B;

}

.form_contact .language i{

	width: 20px;

	height: 20px;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    

}

.form_contact textarea{

	width: 863px;

	height: 190px;

	display: inline-block;

	border-radius: 0;

	margin-bottom: 5px;

    border: solid 1px #a0a0a0;

}



.form_contact .file{

	display: block;

	text-align: left;

    font-size: 0;

}

.form_contact .file input{

	width:244px;

	background-color: #fff;

}

.form_contact .liulan{

    width: 106px!important;  

    background: #E2E2E2!important;

    color: #4B4B4B;

    cursor: pointer;

    font-size: 13px;

    border-left: 0;

    vertical-align: top;

}    

.form_contact .files{position:absolute;left:-1000px;top:52px;heigth:26px;cursor:pointer;filter: Alpha(opacity=0);-moz-opacity:0;opacity:0;} 

.btn_submit{

	background-color: #B71534!important;

    color: #fff;

    width: 200px;

    height: 54px;

    border-radius: 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 54px;

    padding: 0px;

    border: 0;

    margin-top: 30px;

    outline:none;

}

.btn_submit:hover,

.btn_submit:focus

{

	color: #fff;

	outline:0;

}







.form_bg{

	background: url(../images/form_bg.jpg) no-repeat;

	background-attachment: center;

	min-height: 220px;

	text-align: center;

	padding-top: 73px;

}

.form_bg img{

	display: inline-block;

}

.form_bg img:not(:last-child){

	margin-right: 30px;

}







.form_modal .modal-body1{

	width: 400px;

	height: 384px;

	padding-right: 0px!important;

	background: #fff;

	border-left: 0;

	text-align: center;

    margin: auto;

    top: 20%;

    position: relative;

}

.form_modal .text1{

	font-size: 29px;

	color: #b71534;

	font-weight: bold;

	line-height: 28px;

	padding-top: 48px;



}

.form_modal .text2{

	font-size: 16px;

	color: #2d2d2d;

	margin-bottom: 25px;

}

.form_modal .text3{

	font-size: 19px;

	color: #2d2d2d;

}

.form_modal .text3 span{

	font-weight: 500;

}

.form_modal .text4{

	font-size: 16px;

	color: #2d2d2d;

	margin-bottom: 30px;

}

.form_modal .text4 span{

	font-size: 21px;

	color: #b71534;

}

.form_modal .redline{

	display: inline-block;

	width: 50px;

	height: 2px;

	background-color: #b71534;

	margin-top: 24px;

	margin-bottom: 24px;

}

.modal-body1 a{

	display: inline-block;

	width: 200px;

	height: 54px;

	line-height: 54px;

	color: #fff;

	background-color: #b71534;

	font-size: 17px;

	font-weight: 500;



}

.modal-body1 a:hover{

	color:#fff;

}

/************************************sub1_6 stop****************************/

/************************************sub2_1 start****************************/

.sub2{

	background-image: url(../images/sub2.jpg);

}

.sub2 .nav_menu li{

	width:227px;

}

#myTab2_1{

	text-align: center;

	position: relative;

	bottom: 0;

	display: inline-block;

    width: 495px;

    border: 0;

    float: left;



}

#myTab2_1 li a{

	color: #2D2D2D;

    width: 155px;

    height: 48px;

    border-radius: 4px;

    font-size: 15px;

    line-height: 48px;

    padding: 0px;

    margin-right: 10px;

    margin-bottom: 9px;

    border: solid 1px #6A1C2B;

}

#myTab2_1> li.active > a, #myTab2_1 li a:hover{

    background-color: #6A1C2B!important;

    color:#fff;

}

#sub2_1_tab div{

	width: 624px;

	min-height: 220px;

	border :solid 1px #BFBFBF;

	border-radius: 5px;

	float: left;

	margin-left: 16px;



}

#sub2_1_tab .text01{

	color: #2D2D2D;

	font-size: 16px;

	font-weight: 500;

	line-height: 50px;

	height: 50px;

	background-color: #EEEEEE;

}

#sub2_1_tab div table{

	width: 100%;

}

#sub2_1_tab div table td{

	padding-left: 20px;

    padding-top: 28px;

    text-align: left;

    font-size: 15px;

    color:#4B4B4B;

    letter-spacing: -1px;

}

#sub2_1_tab div table td:not(:last-child){

	width: 160px;

}

#sub2_1_tab div table td:not(:first-child){

	background-image:url(../images/table_line.png);

	background-repeat: no-repeat;

	background-position: left 89% ;



}

#sub2_1_tab div tr td:first-child

{

    padding-left: 32px;

    border-left: 0;

}

#sub2_1_tab div tr td:last-child{

    width: 140px;

}

/************************************sub2_1 stop****************************/

/************************************sub2_2 start****************************/

.title_left span{

	font-size: 16px;

}

/************************************sub2_2 stop****************************/

/************************************sub3_1 start****************************/

.sub3{

	background-image: url(../images/sub3.jpg);

}

.sub3 .nav_menu li{

	width:455px;

}

.sub3_1 .text2{

	color: #3D3D3D;

	font-size: 16px;

	letter-spacing: -0.5px;

	line-height: 24px;

}

.sub3_1 .text3{

	font-size: 17px;

	color: #000;

	letter-spacing: -0.3px;

	padding-top: 30px;

	line-height: 18px;

}

.sub3_1 .line {

    margin: 50px 0 50px 0;

}

/************************************sub3_1 stop****************************/

/************************************sub4_1 start****************************/

.sub4{

	background-image: url(../images/sub4.jpg);

}

.sub4 .nav_menu li{

	width:273px;

}

.sub4_1 .text2{

	color: #3D3D3D;

	font-size: 19px;

}

/*.sub4_1 .text3{

	font-size: 17px;

	font-weight: 300;

	color: #000;

	letter-spacing: -0.3px;

	padding-top: 30px;

	line-height: 18px;

}*/

.link_img div:not(:last-child){

    margin-right: 42px;

    width: 260px;

    float:left;

}

.link_img_p1{

	font-size: 16px;

	margin-top: 13px;

	height: 62px;

	display: inline-block;

}

.link_img{

	text-align: center;

}

/************************************sub4_1 stop****************************/

/************************************sub4_2 start****************************/

.sub4_2 .line {

    margin: 42px 0 50px 0;

}

.grid{

	width: 1192px!important;

	margin: 0 auto;

}

.grid .grid-item{

	width: 264px;

	height: 300px;

	margin-left: 17px;

	margin-right: 17px;

    float: left;

	margin-bottom: 32px;

	position: relative!important;

	left:0!important;

	top: 0!important;

}

.grid .grid-item:last-child{

	margin-bottom: 100px;

}

.grid .grid-item img{

	min-height: 100%;

}

.grid .grid-item:hover{

	background-color: #fff;

	z-index: 888;

}



.img-block{

    position: relative;

    color: #ffffff;

}



.img-block .img-mask{

    transition: all 0.5s;

    background: rgba(0,0,0,0.4);

    width: 100%;

    height: 100%;

    text-align: center;

    top: 0;

    position: absolute;

}



.img-block .img-mask .text{

    position: absolute;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

}

.img-block .img-mask{

    background: rgba(0,0,0,0.5);

    opacity: 0;

}



.img-block:hover .img-mask{

    opacity: 1;

}



/************************************sub4_2 stop****************************/

/************************************sub4_5 start****************************/

.size{

	font-size:13px;

	margin-left: 20px; 

}

/************************************sub4_5 stop****************************/

/************************************sub5_1 start****************************/

.sub5{

	background-image: url(../images/sub5.jpg);

}

.sub5 .nav_menu li{

	width:340px;

}

.sub5_1 .text2{

	color: #3D3D3D;

	margin-bottom: 80px;

}

/************************************sub5_1 stop****************************/

/************************************sub5_2_1 start****************************/

.sub5_2_1{

	color:#3D3D3D;

	text-align: left;

}

.sub5_2_1 .text2{

    font-size: 24px;

    color: #3D3D3D;

    text-align: left;

    padding-top: 0px;

    letter-spacing: -1px;

    font-weight: 500;

}

.sub5_2_1 .text3{

	font-weight: 300;

    font-size: 16px;

    color: #3D3D3D;

    text-align: left;

    padding-top: 12px;

    padding-bottom: 25px;

    

}

.sub5_2_1 .detail_button{

	display: inline-block;

	text-align: center;

    color: #B71534;

    width: 150px;

    height: 40px;

    border-radius: 0;

    font-size: 15px;

    line-height: 40px;

    padding: 0px;

    margin-right: 10px;

    margin-bottom: 40px;

    border: solid 1px #B71534;

    cursor: pointer;

}

.sub5_2_1 .detail_button span{

    position: relative;

    top: -1px;

    margin-right: 5px;

}

.sub5_2_1 .img_example{

	max-width: 100%;

}

/************************************sub5_2_1 stop****************************/

/************************************sub6_1 start****************************/

.sub6{

	background-image: url(../images/sub6.jpg);

}

.sub6 .nav_menu li{

	width:340px;

}

.sub6_1 .text1{

	float: none;

}

.sub6_1 .line {

    margin: 40px 0 50px 0;

}

/************************************sub6_1 stop****************************/

/************************************sub6_4 start****************************/

.sub6_4{

	text-align: left;

}

.sub6_4 .address1{

	margin-top: 11px;

}

.sub6_4 .address4{

	margin-bottom: 117px;

}

.sub6_4 .text2{

	display: inline-block;

	font-size: 16px;

	width: 157px;

	line-height: 35px;

	padding-top: 0px;

}

.sub6_4 .text2 span{

	margin-right: 11px;

	position: relative;

	top: -3px;

	width: 18px;

    display: inline-block;	

}

.sub6_4 .text3{

	display: inline-block;

	font-size: 16px;

	color: #3D3D3D;



}

/************************************sub6_4 stop****************************/

/************************************sub7_1 start****************************/

.sub7{

	background-image: url(../images/sub7.jpg);

}

.sub7 .nav_menu li{

	width:455px;

}

.sub7_common .text1{

	float: none;

}

.sub7_common .text2{

	padding-top: 25px;

}

.sub7_common table{  

    margin: 0 auto;

}

.sub7_common .fa{

	color:#9B9B9B;

}

.sub7_1 table{

    width: 980px;

    border-top: solid 2px #A2A2A2;

}

.sub7_1 th{

	text-align: center;

	vertical-align: middle!important;

	height: 50px;

	background-color: #F0F0F0;

	font-size: 16px;

	color: #595959;

	font-weight: normal;

	border-bottom: 1px solid #DADADA!important;

}

.sub7_1 td{

	text-align: center;

	vertical-align: middle!important;

	height: 50px;

	font-size: 16px;

	color: #595959;

	font-weight: normal;

	border-bottom: 1px solid #DADADA!important;

}

.sub7_1 a{

	color: #595959;

}

.sub7_1 a:hover{

	color:#B71534;

}

.sub7_1 td:nth-child(1){

    width: 105px;

}

.sub7_1 td:nth-child(2){

    width: 115px;

}

.sub7_1 td:nth-child(3){

    text-align: left;

    width: 535px;

    padding-left: 50px;

}

.sub7_1 td:nth-child(4){

    width: 225px;

}

.sub7_1 .pagination{

	margin-top: 26px;

	margin-bottom: 0px;

}

.pagination > li > a, .pagination > li > span {

    position: relative;

    float: left;

    padding: 0;

    width: 22px;

    height: 22px;

    margin-right: 5px;

    color: #595959;

    text-decoration: none;

    background-color: #fff;

    border: none;

    font-size: 15px;

    border: solid 1px transparent;



}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

    z-index: 3;

    color: #B71534;

    cursor: default;

    background-color: #fff;

    border:solid 1px #B71534;  

}



/************************************sub7_1 stop****************************/

/************************************sub7_1_1 start*************************/

.announcement{

	width: 980px;

	margin-left: 47px;

	border-top: solid 2px #A2A2A2;



}

.sub7_1_1 .text3{

	float: left;

	color: #2D2D2D;

	font-weight: 300;

	text-align: left;

	font-size: 17px;

	padding-left: 40px;

	margin-bottom: 25px;

	line-height: 69px;

}

.sub7_1_1 .text4{

	float: right;

	color: #595959;

	font-size: 16px;

	text-align: right;

	padding-right: 75px;

	line-height: 69px;

}

.sub7_1_1 .text5{

	font-weight: 300;

	text-align: left;

	font-size: 15px;

	padding: 44px 40px 40px 40px;

	min-height: 305px;

	border-bottom: solid 1px #DADADA;

}

.announcement .line {

    margin-bottom: 0px;

}

/*.sub7_1_1 .line{

	margin: 76px 0 48px 0;

}*/



.announcement .right{

	float: right;

	margin-top: 9px;

}

.announcement .right a{

    float: left;

    font-size: 16px;

    display: block;

    width: 75px;

    height: 39px;

    line-height: 35px;

    text-align: center;

    background: #B71534;

    color: #fff;

    cursor: pointer;

    margin-bottom: 120px;

}





/************************************sub7_1_1 stop**************************/

/************************************sub7_2 start***************************/

.sub7_2 .line {

    margin: 70px 0 48px 0;

}

.sub7_2 table{

	width: 1090px;

	text-align: center;

	color:#434343;

	letter-spacing: -0.5px;	

}

.sub7_2 table tr:first-child td{

	border-top: solid 1px #B71534;

}

.sub7_2 table td{

	padding:0;

	height:70px;

	vertical-align: middle!important;

	font-size: 16px;

	border-bottom: 1px solid #D8D8D8!important;

}

.sub7_2 table td:first-child{

	width:14%;

	color: #6B6B6B;

	padding-left: 56px;

	text-align: left;

}

.sub7_2 table td:nth-child(2){

	width:56%;

	text-align: left;

	padding-left: 25px;

	font-weight: 300;

}

.sub7_2 table td:nth-child(3){

	width:30%;

	text-align: center;

}

.sub7_2 table td:nth-child(3) span{ 

	background: url(../images/sub7_2_icon.png) 100% 100% no-repeat;

	display: inline-block;

	width: 17px;

	height: 17px;

	margin-right: 15px;

	position: relative;

	top: 2px;

}

.sub7_2 table a{

	color: #434343;

}

/************************************sub7_2 stop****************************/

/************************************sub7_3 start****************************/

.sub7_3 .line {

    margin: 70px 0 44px 0;

}

.sub7_3 table{

	width: 860px;

	text-align: center;

	color:#3D3D3D;

}

.sub7_3 tbody tr{

	background: url(../images/sun7_3_line.png) 100% 100% no-repeat ;

	background-position-x: 0;

}

.sub7_3 table th{



	height:70px;

	vertical-align: middle!important;

	text-align: center;

	color:#2D2D2D;

	font-size: 17px;

	border-bottom: 1px solid #B71534!important;

}

.sub7_3 table td{

	padding:0;

	height:50px;

	vertical-align: middle!important;

	font-size: 15px;

	font-weight: 300;

	border-bottom: 1px solid #D8D8D8!important;

}

.sub7_3 table td span{

	display: block;

	margin: 0 auto;

}

.sub7_3 table td:first-child{

	width:22.8%;

	color: #535353;

}

.sub7_3 table td:nth-child(2){

	width:15.8%;

}

.sub7_3 table td:nth-child(3){

	width:46.8%;

	text-align: left;

	padding-left: 28px;

	font-size: 16px;

}

.sub7_3 table td:nth-child(4){

	width:14.6%;

	font-size: 16px;

}

/************************************sub7_3 stop****************************/

/************************************sub8 start****************************/

.sub8{

	background-image: url(../images/sub8.jpg);

}

.sub8 .nav_menu li{

	width:455px;

}

/************************************sub8 stop****************************/

/************************************sub9 start****************************/

.sub9{

	background-image: url(../images/sub9.jpg);

}

.sub9 .nav_menu li{

	width:455px;

}

/************************************sub9 stop****************************/

/************************************index start****************************/

.loadmore{

	position: absolute;

	top: -80px;

	text-align: center;

	display: block;

	margin: 0 auto;

	font-size: 18px;

	color: #ccc;

	left: 50%;

	margin-left: -52px;

}

 @-webkit-keyframes rotate {

	0% {

		-webkit-transform:rotate(0deg);

		transform:rotate(0deg);

	}

	100% {

		-webkit-transform:rotate(360deg);

		transform:rotate(360deg);

	}

	}@keyframes rotate {

		0% {

		-webkit-transform:rotate(0deg);

		transform:rotate(0deg);

	}

	100% {

		-webkit-transform:rotate(360deg);

		transform:rotate(360deg);

	}

}

.loadmore .loading{

	height:20px;

	width:20px;

	border-radius:100%;

	display:inline-block;

	margin:10px;

	border:2px solid #7d6d9a;

	border-bottom-color:transparent;

	vertical-align:middle;

	-webkit-animation:rotate 1.1s infinite linear;

	animation:rotate 1.1s infinite linear;

}

.loadover{

	text-align: center;

	font-size: 18px;

	color: #ccc;

}





.info

{

	text-align: left;

	font-size: 15px;

	color: #3d3d3d;

	padding: 50px;

	border: solid 1px #CACACA;

}

.info h4{

	margin-top: 40px;

}

/************************************index stop****************************/



/*.dxVbpu {
    left:0px;
}*/