@charset "utf-8";
body{
	font-size: 14px;
	color:#000;	
	/*-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "Noto Sans SC"; vertical-align:middle;}
*{margin: 0;padding: 0;list-style: none;font-family: 'Noto Sans SC', sans-serif}
a{color: #000;text-decoration: none;}
.clear{clear: both;}
img{max-width: 100%;}
#dituContent img{max-width: none;}


/* visual */
#visual{
	overflow:hidden;
	position:relative;
	width:100%;
}
#visual ul{}
#visual ul li{
	position:relative;
	height:620px;
}
#visual ul li.v1{
	background:url(../images/main/visual1.jpg) no-repeat center;
	background-size:cover;
}
#visual ul li.v2{
	background:url(../images/main/visual2.jpg) no-repeat center;
	background-size:cover;
}
#visual ul li.v3{
	background:url(../images/main/visual3.jpg) no-repeat center;
	background-size:cover;
}
#visual .bx-wrapper .bx-controls-direction a{width:22px;height:55px;}
#visual .bx-wrapper .bx-prev{
	left:40px;top:50%;margin-top:-27px;
	background: url(../images/main/vprev.png) no-repeat;	
}
#visual .bx-wrapper .bx-next{
	right:40px;top:50%;margin-top:-27px;
	background: url(../images/main/vnext.png) no-repeat;	
}


#visual ul li .textbox{display:table;width:100%;height:100%;text-align:center;}
#visual ul li .textbox h2{
	position:relative;
	margin:5px 0 10px;
	font-family:'Montserrat';
	font-size:56px;color:#fff;font-weight:600;line-height:110%;
	text-shadow:0 3px 2px rgba(0,0,0,0.6);
	text-align:center;
}
#visual ul li.v2 .textbox h2{margin-bottom:7px;}
#visual ul li .textbox h2 img{display:inline-block;}
#visual ul li .textbox h2:before{
	display:none;
	content:"";
	width:50px;height:1px;
	background:#fff;
	margin-bottom:20px;
}
#visual ul li .textbox p{font-size:25px;color:rgba(255,255,255,1);font-weight:300;text-shadow:0 3px 0 rgba(0,0,0,0.3)}
/* v1 text shadow none */
#visual ul li.v1 .textbox p{text-shadow:none}



/* main_common */
.main_title{
	font-weight: 300;
	font-size:26px;font-weight:600;color:#222;
	text-align:center;
}
.main_title_btm{
	font-size:15px;color:#666;
	text-align:center;
	margin:5px 0 25px;
	font-weight: 300;
}


/* main_area1 */
.main_area1{background:#eee;}
.main_slg{
	padding:60px 0 45px;
	background:url(../images/main/bg_ismedia.png) no-repeat center 28px;
	text-align:center;
}
.main_slg .main_slg_txt_wrap{position:relative;padding:60px 0 ;}
.main_slg .main_slg_txt_wrap:before{
	display:block;
	content:"";
	width:1px;height:46px;
	background:#898989;
	position:absolute;left:50%;top:0;
}
.main_slg .main_slg_txt_wrap:after{
	display:block;
	content:"";
	width:1px;height:46px;
	background:#898989;
	position:absolute;left:50%;bottom:0;
}
.main_slg .main_slg_txt_wrap h3{
	font-family:"Lato";
	font-size:42px;font-weight:600;color:#0c4da2;
	margin-bottom:10px;
}
.main_slg .main_slg_txt_wrap p{font-size:15px;color:#666;
	line-height: 150%;
    font-weight: 300;
}

.main_business{padding-bottom:90px;}
.main_business .conwrap{
	overflow:hidden;
	/*width:1200px;*/
	margin:0 auto;
	box-sizing:border-box;
}
.main_business .conwrap>div{
	float:left;
	width:24.5%; 
	height:425px;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
.main_business .conwrap>div+div{margin-left:4px;}
.main_business .conwrap>div:nth-child(1){background:url(../img/bu1.jpg) no-repeat;background-size: 100% 100%;}
.main_business .conwrap>div:nth-child(2){background:url(../img/bu2.jpg) no-repeat;background-size: 100% 100%;}
.main_business .conwrap>div:nth-child(3){background:url(../img/bu3.jpg) no-repeat;background-size: 100% 100%;}
.main_business .conwrap>div:nth-child(4){background:url(../img/bu4.jpg) no-repeat;background-size: 100% 100%;}
.main_business .conwrap>div .ondiv{
	position:relative;
	position:absolute;left:0;bottom:0;
	width:100%;height:256px;
	box-sizing:border-box;
}
.main_business .conwrap>div .ondiv a{display:table;width:100%;height:100%;}
.main_business .conwrap>div .ondiv .bg{
	position:absolute;left:0;bottom:0;z-index:1;
	width:100%;height:0%;
	background:#0c4da2;
}
.main_business .conwrap>div:hover .ondiv .bg{
	height:100%;
	transition:all 0.3s ease;
}
.main_business .conwrap>div .ondiv .txtmore{
	font-family:"Lato";font-size:12px;color:#fff;
	transform:translateY(15px);
	opacity:0;
	transition:all 0.4s;
	position:relative;z-index:3;
}
.main_business .conwrap>div:hover .ondiv .txtmore{
	transform:translateY(0px);
	opacity:1;
	transition:all 0.4s;
}
.main_business .conwrap>div .ondiv .ico{
	position:relative;width:33px;height:33px;
	margin:10px auto;
	position:relative;z-index:3;
}
.main_business .conwrap>div .ondiv .ico:before{
	display:block;
	content:"";
	position:absolute;left:0;top:50%;z-index:3;
	background:#cedbec;
	width:100%;height:1px;

}
.main_business .conwrap>div .ondiv .ico:after{
	display:block;
	content:"";
	position:absolute;left:0;top:50%;z-index:3;
	background:#cedbec;
	width:100%;height:1px;
	transform:rotate(0deg);
	transition:all 0.4s;
}
.main_business .conwrap>div:hover .ondiv .ico:after{
	transform:rotate(90deg);
	transition:all 0.4s;
}
.main_business .conwrap>div .ondiv .sbj{
	position:relative;z-index:3;
	font-family:"Lato";font-size:24px;color:#fff;margin-bottom:10px;
}
.main_business .conwrap>div .ondiv p{position:relative;z-index:3;color:rgba(255,255,255,0.5);font-size:15px; font-weight: 300;}







/* main_area2 */
.main_area2{padding:5% 0;background:#e3e3e3;}
.main_area2 .product_lists{
	position:relative;
	/*width:1200px;*/
	margin:0 auto;
}
.main_area2 .product_lists .pprev{position:absolute;left:-55px;top:50%;margin-top:-85px;}
.main_area2 .product_lists .pnext{position:absolute;right:-55px;top:50%;margin-top:-85px;}
.main_area2 .product_lists .product_wrap{
	overflow:hidden;
	width: 100%;
}
.main_area2 .product_lists .product_wrap>ul{
	overflow:hidden;
	width: 100%;
}
.main_area2 .product_lists .product_wrap>ul > li{
}
.main_area2 .product_lists .product_wrap>ul > li > ul{overflow:hidden;}
.main_area2 .product_lists .product_wrap>ul > li > ul > li{
	float:left;
	width:24.7%;
	text-align:center;
	margin-right: 4px;
	margin-bottom: 25px;
}
.main_area2 .product_lists .product_wrap>ul > li > ul > li:nth-child(4n){margin-right:0;}
.main_area2 .product_lists .product_wrap>ul > li > ul > li .thumb{overflow: hidden;}
.main_area2 .product_lists .product_wrap>ul > li > ul > li .sbj{
	margin: 10px 0 0px;
	font-size: 16px;
	letter-spacing: -.7px;
	color:#0d0d0d;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
	/* text-transform:uppercase; */
}
.main_area2 .product_lists .product_wrap>ul > li > ul > li .txt{display:none;color:#777;word-break:keep-all;}

.product_paging{
	margin-top:30px;
	text-align:center;
}
.product_paging span{font-family:"Lato";font-size:16px;font-weight:600;}
.product_paging span.this_page{color:#0c4da2;}


/* main_area3 */
.main_area3{
	position:relative;z-index:10;
	width:100%;height:471px;
	box-sizing:border-box;
	background:url(../images/main/main_area3_bg.gif) repeat;
	padding:85px 0 0;
}
.main_area3 .main_title{color:#fff;}
.main_area3 .main_title_btm{color:rgba(255,255,255,0.6);}
.main_area3 .linkbox{
	display:table;
	/*width:1100px;*/
	height:370px;
	margin:0 auto;
	box-sizing:border-box;
	background:url(../images/main/main_area3_bg1.jpg) no-repeat;
	text-align:center;
}
.main_area3 .linkbox .sbj{margin-bottom:20px;font-family:"Lato";font-size:29px;color:#fff;}
.main_area3 .linkbox a{
	font-weight: 300;
	display:inline-block;
	width:179px;height:40px;
	border:1px solid rgba(255,255,255,0.6);
	text-align:center;line-height:40px;
	font-size:17px;color:rgba(255,255,255,0.9);
	transition:all 0.4s;
}
.main_area3 .linkbox a:hover{
	background:rgba(0,0,0,0.4);
	box-shadow:0 3px 5px rgba(0,0,0,0.4);
	transform:translateY(-5px);
	transition:all 0.4s;
}
.main_area3 .linkbox a img{margin-right:5px;}





/* main_area4 */
.main_area4{padding:10% 0 6%;background:#eee;}
.main_area4 .cc_wrap{
	overflow:hidden;
	/*width:1200px;*/
	margin:0 auto;
}
.main_area4 .cc_wrap>div{
	float:left;
	box-sizing:border-box;
	width:33%;height:303px;
	background:#fff;
	text-align:center;
	margin-right:4px;
}
.main_area4 .cc_wrap .leftarea{
	padding:30px 24px;
}
.main_area4 .cc_wrap .midarea{padding:30px 24px;}
.main_area4 .cc_wrap .rightarea{
	margin-right:0;
}
.main_area4 .cc_wrap>div .tit{font-size:18px;color:#444;}
.main_area4 .cc_wrap>div .tit:after{
	display:block;
	content:"";
	width:20px;height:1px;
	background:#777;
	margin:4px auto;
}

.main_area4 .cc_wrap .pr{margin-bottom: 1em;zoom: 1;}
.main_area4 .cc_wrap .pr:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.main_area4 .cc_wrap .pr ul{margin:15px 0 0;text-align:left;}
.main_area4 .cc_wrap .pr ul li{position:relative;}
.main_area4 .cc_wrap .pr ul li a{color:#666;}
.main_area4 .cc_wrap .pr ul li .date{position:absolute;right:0;top:0;}

.main_area4 .cc_wrap .pr ul li.first{
	overflow:hidden;
	padding-bottom:22px;
	margin-bottom:22px;
	border-bottom:1px solid #ddd;
}
.main_area4 .cc_wrap .pr ul li.first .thumarea{float:left;}
.main_area4 .cc_wrap .pr ul li.first .txtarea{float:right;width:183px;word-break:keep-all;margin-top:-2px;}
.main_area4 .cc_wrap .pr ul li.first .txtarea .sbj{font-size:16px;color:#333;}
.main_area4 .cc_wrap .pr ul li.first .txtarea .txt{font-size:666;margin:3px 0;line-height:140%;}
.main_area4 .cc_wrap .pr ul li.first .date{position:static;}

.main_area4 .cc_wrap .movie{}
.main_area4 .cc_wrap .movie .thumarea{margin:15px 0 20px;}
.main_area4 .cc_wrap .movie p{}
.main_area4 .cc_wrap .movie p a{color:#555; }
.main_area4 .cc_wrap .movie p img{margin-top:10px;}

.main_area4 .cc_wrap .ir{
	box-sizing:border-box;
	width:100%;height:151px;
	margin:0 0 1px 0;
	padding:30px 23px;
	background:#555;
}
.main_area4 .cc_wrap .ir .tit{color:#fff;}
.main_area4 .cc_wrap .ir .tit:after{background:#fff;}
.main_area4 .cc_wrap .ir .ir_api{margin-top:10px;}
.main_area4 .cc_wrap .ir .ir_api table{width:100%;}
.main_area4 .cc_wrap .ir .ir_api table th{color:#fff;}
.main_area4 .cc_wrap .ir .ir_api table td{color:#fff;font-weight:300;}
.main_area4 .cc_wrap .ir .ir_api table td span.updown{display:inline-block;width:50px;}
.main_area4 .cc_wrap .ir .ir_api table td img{vertical-align:top;margin-top:6px;}
.main_area4 .cc_wrap .ir .ir_api table .tl{text-align:left;}
.main_area4 .cc_wrap .ir .ir_api table .tr{text-align:right;}
.main_area4 .cc_wrap .ir .ir_api table .today_p{
	font-size:30px;color:#fff;text-align:left;font-weight:500;
}
.main_area4 .cc_wrap .ir .ir_api table .today_p span{font-size:17px;font-weight:300;}

.main_area4 .cc_wrap .contactus{
	box-sizing:border-box;
	width:100%;
	height:100%;
	margin:0 0 1px 0;
	padding:30px 23px;
	background:#0c4da2;
}
.main_area4 .cc_wrap .contactus a{display:block;width:100%;height:100%;}
.main_area4 .cc_wrap .contactus .tit{color:#fff; font-family: "Lato", sans-serif;}
.main_area4 .cc_wrap .contactus .tit:after{background:#fff;}
.main_area4 .cc_wrap .contactus .txt{
    margin: 15px 0 0;
    color: #fff;
    text-align: left;
    line-height: 150%;
    font-family: "Lato", sans-serif;
    text-align: center;
	font-size:15px;
}
/*.main_area4 .cc_wrap .contactus .txt .img {padding: 35px 0 25px;}*/

.swiper-container {
    width: 100%;
    /*height: 620px;*/
}
.swiper-container .swiper-button-prev {
    background: url(../images/main/vprev.png) no-repeat;
    left: 40px;
    top: 50%;
    margin-top: -27px;
    width: 22px;
    height: 55px;
}
.swiper-container .swiper-button-next {
    background: url(../images/main/vnext.png) no-repeat;	
    right: 40px;
    top: 50%;
    margin-top: -27px;
    width: 22px;
    height: 55px;
}
/*.swiper-wrapper .swiper-slide.v1 {
	background:url(../images/main/visual1.jpg) no-repeat center;
	background-size:cover;
}
.swiper-wrapper .swiper-slide.v2{
	background:url(../images/main/visual2.jpg) no-repeat center;
	background-size:cover;
}
.swiper-wrapper .swiper-slide.v3{
	background:url(../images/main/visual3.jpg) no-repeat center;
	background-size:cover;
}*/
.swiper-wrapper .swiper-slide .textbox{display:table;width:100%;height:100%;text-align:center;}
.swiper-wrapper .swiper-slide .textbox h2{
	position:relative;
	margin:5px 0 10px;
	font-family:'Montserrat';
	font-size:56px;color:#fff;font-weight:600;line-height:110%;
	text-shadow:0 3px 2px rgba(0,0,0,0.6);
	text-align:center;
}
.swiper-wrapper .swiper-slide.v2 .textbox h2{margin-bottom:7px;}
.swiper-wrapper .swiper-slide h2 img{display:inline-block;}
.swiper-wrapper .swiper-slide h2:before{
	display:none;
	content:"";
	width:50px;height:1px;
	background:#fff;
	margin-bottom:20px;
}
.swiper-wrapper .swiper-slide .textbox p{font-size:25px;color:rgba(255,255,255,1);font-weight:300;text-shadow:0 3px 0 rgba(0,0,0,0.3);font-weight: 300;}
/* v1 text shadow none */
.swiper-wrapper .swiper-slide.v1 .textbox p{text-shadow:none}

.swiper-pagination-bullet {
	position:relative;
    width: 10px;
    height: 10px;
	border: 1px solid #fff;
	background:none;
}
.swiper-pagination-bullet-active {
    background: white;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 15px;
	opacity:1
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
    display: block;
    /*content: "";*/
    width: 21px;
    height: 1px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    left: 25px;
    top: 50%;
    margin-left: -10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):after {display:none;}