@charset "utf-8";

.index_content{max-width:2560px; }
/* section标题 */
.main_title{text-align:center; color:#FFF;  height:160px; margin-bottom:200px; margin-top:80px}
.main_title h2{font-size:36px; font-weight:550;  margin-bottom:0px; }
.main_title h2 b{font-weight:bold; color:#034694; margin-left:8px }
.main_title h3{font-size:20px;  font-weight:500;  margin-bottom:10px; }
.main_title .intro{font-size:12px; letter-spacing:-0.045em; font-weight:200;}
.main_title .hr { width:500px; display:block; position:relative; height:10px; margin:15px auto;}
.main_title .hr hr { width:100%; border:1px solid #FFF; display:block; position:relative; top:4px; z-index:1 }
.main_title .hr .hr_block { width:30px; height:10px; background-color:#FFF; position:absolute; left:235px; top:0px; z-index:2;}
.main_title .hr .round {position:absolute; left:100px; top:-150px; z-index:2;width:300px; height:300px; border:2px solid #FFF; border-radius:160px; display:block; }
.main_title .hr .round:hover{ background:rgba(3,70,148,0.1); }

.main_title .black { color:#333}
.main_title .black .hr hr {border:1px solid #333; }
.main_title .black .hr .hr_block { background-color:#034694;}
.main_title .black .hr .round { border-color:#333}
/* section标题 - 双边框特效 */
.main_title .hr .round:hover::before{ transform: scale(1.1,1.1);}
.main_title .hr .round::before{ border: 2px solid #000; border-color:inherit;content: '';position: absolute;border-radius: inherit;width: 100%;height: 100%;left: -1px;bottom: -1px;z-index: 4;transition: all .25s ease}
/* END - section标题 */

/* 头部动画 */
.main_visual{width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden; }
.main_visual .main_slider:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_visual .main_slider {height:100%;  position:relative; height:800px}
.main_visual .item{overflow:hidden;  text-align:center; position:relative ; height:100%; background-position:bottom center;display:none}
.main_visual .item video { height:100%}
.main_visual .item .text{z-index:20; width:93.75%; max-width:1200px; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_visual .item .text .center{width:480px; text-align:center;}
.main_visual .item .text h3{font-size:39px; color:#fff; letter-spacing:0em; font-weight:400;}
.main_visual .item .text h3 b{font-size:24px; font-weight:normal}
.main_visual .item .text img{margin:0 auto; padding:10px 0 30px;}
.main_visual .item .text  .center > h6{display:block; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:normal}
@media all and (max-width:1000px){
	.main_visual .item .text h3{font-size:32px; }
	.main_visual .item .text h3 b{font-size:16px; }
	.main_visual .item .text  .center > h6{display:block; font-size:16px; }
	.main_visual .item .text img{margin:0 auto; padding:10px 0 15px; width:240px}
	.main_visual .item .text{text-align:center; left:35%}
	.main_visual .item .text .center{margin:0 auto;}
}

@media all and (max-width:768px){
	.main_visual { min-height:400px}
	.main_visual .item video { position:relative; left:-20%}
	.main_visual .item .text{left:30%}
	.main_visual .item .text h3{font-size:24px; }
	.main_visual .item .text h3 b{font-size:14px; }
	.main_visual .item .text img{margin:0 auto; padding:10px 0 15px; width:160px}
	.main_visual .item .text  .center > h6{display:block; font-size:14px; }
}
/* loading 特效 */
.main_visual .loading{ width:150px;height: 65px;margin: 0 auto;position:absolute;margin-top:200px; z-index:100; left:50%}
.main_visual .loading span{position: absolute; width: 50px;height:50px; border-radius: 50%; background: #034694;-webkit-animation: load 1.04s ease-in infinite alternate;}
 @-webkit-keyframes load{
 0%{opacity: 1;-webkit-transform: translate(-300px);}
100%{opacity: 0.2;-webkit-transform: translate(300px);}
	}
.loading span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading span:nth-child(5){-webkit-animation-delay:0.65s;}

/*轮播*/
.main_slider .slider_prev, .main_slider .slider_next{position: absolute;z-index:90; top:50%; width:40px; height: 40px;border:8px solid #FFF;text-indent: -90000px;margin-top: -20px;    cursor: pointer; background: transparent;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);    transform: rotate(45deg); transition:all 0.5s; z-index:20}
.main_slider .slider_prev{left:2%;border-right: none;	border-top: none;}
.main_slider .slider_next{right:2%;	border-left: none;	border-bottom: none}
.main_slider .slider_prev:hover,.main_slider .slider_next:hover{border-color: #034694; opacity:0.5; filter: drop-shadow(2px 2px 5px #FFF);  }
.main_slider .slider_dots_box { position:absolute; bottom:30px; width:100%; text-align:center; z-index:20}
.main_slider .slider_dots_box .slider_dots { width:60px; height:8px; background-color:#ccc; display:inline-block; margin:0px 5px; border-radius:4px; cursor:pointer; border:1px solid rgba(255,255,255,0.2); z-index:20}
.main_slider .slider_dots_box .slider_dots:hover { background-color:#115bc0}
.main_slider .slider_dots_box li.on { background-color:#034694}	

@media all and (max-width:800px){
.main_slider .slider_prev, .main_slider .slider_next{width:25px; height: 25px;}
.main_slider .slider_dots_box .slider_dots { width:12px; height:12px;  border-radius:100%; }
}

/* 公司介绍 */
.main_aboutUs{ background:url(../img/index/bg_aboutus.jpg) no-repeat left bottom; min-height:600px; background-size:cover; padding:100px 0px; text-align:center; color: rgba(32,32,32,1)}
.main_aboutUs .container{ width:1000px; text-align:center; margin:0px auto; }
.main_aboutUs .container .logo_img{height:200px; width:100%; position:relative; margin-bottom:80px; display:block}
.main_aboutUs .container .logo_img img{ margin:0px auto; width:200px; height:200px; position:relative ; transition: transform 0.5s;}
.main_aboutUs .container .logo_img img:hover {transform:scale(1.2,1.2);}
.main_aboutUs .container .title h2 { font-weight:550; font-size:30px}
.main_aboutUs .container .title h3 { font-weight:400; font-size:24px; margin-bottom:30px}
.main_aboutUs .container .text{ text-align:left;  text-indent: 2em;     line-height: 1.75em; font-size:15px}
.main_aboutUs .container .text p{ margin-bottom:10px}
@media all and (max-width:1000px){
	.main_aboutUs .container{width:calc(100% - 40px)}
}

/* main_product */
.main_product{padding:120px 0 0; background:#2b2c30; padding-bottom:0px }
.main_product ul{margin-top:150px; }
.main_product ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_product ul li{cursor:pointer; position:relative; width:calc(25% - 10px); float:left; margin:5px; padding:0px ;margin-bottom:10px; min-height:450px }
.main_product ul li:nth-of-type(2n){margin-right:0;}
.main_product ul li .img_box{position:relative; border-radius:15px; text-align:center; z-index:1}
.main_product ul li .img_box > img{width:90%; position:relative; top:5%; left:0%; transition:all 0.5s; display:block }
.main_product ul li .img_box > img:hover {filter: drop-shadow(2px 2px 5px #FFF); transform:scale(1.1,1.1)}
.main_product ul li .img_box .text{ text-align:center; padding:0px 10px; border-bottom:1px solid #FFF; margin:0px auto; display:inline-block;font-size:16px; color:#FFF; letter-spacing:-0.045em; position:relative;top:-20px ; overflow:hidden; letter-spacing:0.2em}
.main_product ul li .round{ width:64px; height:64px; border-radius:64px; border:4px solid #FFF; position:absolute; left:calc(50% - 32px);top:15%; color:#FFF; font-size:12px; line-height:60px; text-align:center; background:rgba(0,0,0,0.4); z-index:2; opacity:0}

@media all and (max-width:1400px){
	.main_product ul li{width:45%; }
	.main_product ul li{ margin-right:5% }
	.main_product ul li:nth-of-type(2n){margin-right:0;}
	.main_product ul li{ min-height:550px}
}

@media all and (max-width:1200px){
	.main_product ul li{width:calc(50% - 10px); }
	.main_product ul li{ margin-right:5px }
}

@media all and (max-width:1000px){
	.main_product ul li{ min-height:450px}
}

@media all and (max-width:800px){
	.main_product ul li{width:100%; margin:20px auto; float:none;min-height:550px}
	.main_product ul li .img_box > img{width:70%; margin:0px 15%;  }
}

/* 宣传1 */
.main_propaganda {	background-attachment: fixed !important;	background-position: center center;	background-repeat: no-repeat;	background-size: cover;}
#main_propaganda1{	background-image: url("../img/banner/cmm.jpg");	padding-bottom: 160px;	padding-top: 160px;}
.main_propaganda .text{ max-width:1200px; margin:0px auto; color:#fff; }
.main_propaganda .text h2{ font-size:32px}
.main_propaganda .text h3{ font-size:14px; font-weight:500}
@media all and (max-width:1000px){
	.main_propaganda .text h2{ font-size:24px}
	.main_propaganda .text { width:92%}
}

/* 新闻中心 */
.main_news { padding:150px 0px; background-color:#FFF}
.main_news .container { max-width:1500px; margin:0px auto; }
.main_news .news_block { margin-top:100px; text-align:center }

.main_news li { width:calc(33% - 22px); margin:10px 5px; border:1px solid #f9f9f9; border-radius:5px;  display:inline-block; text-align:center; overflow: hidden; box-sizing:border-box; border-radius:5px; background-color:#f9f9f9; }
.main_news li a {color:#222;}
.main_news li .img_box{width:100%; height:100%; overflow:hidden; border-radius:5px 5px 0px 0px;}
.main_news li .text { padding:30px 20px;}
.main_news li .text .title{  font-size:18px;  overflow:hidden; font-weight:500; text-align:left;text-overflow: ellipsis; white-space:nowrap; transition:all .3s }
.main_news li .text .title:hover{ transform:translateY(-3px)}
.main_news li .text .date { color: #ccc; font-size:14px; text-align:left; margin-top:20px;}
.main_news li:hover { background-color:#f9f9f9;}
.main_news li:hover a{color:#034694}
.main_news li img{ width:100%; transition: all 1s; }
.main_news li img:hover {transform:scale(1.05,1.05);}

@media all and (max-width:1000px){
	.main_news ul li{width:70%; margin:20px auto;}
}

/* 视频中心 */
.main_video { padding:150px 0px;  background:url(../img/index/bg_video_center.jpg); background-size: cover; background-attachment: fixed !important;background-position: center center;}
.main_video .container { max-width:1500px; margin:0px auto; }
.main_video .video_block { margin-top:100px; text-align:center }
.main_video ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}

.main_video li { width:calc(50% - 16px); margin:10px 5px;  display:inline-block; text-align:center; border:1px solid #FFF ;transition: transform 0.5s; overflow:hidden}
.main_video li video{ width:100%; min-height:412px; background-color:#000}
.main_video li .video_title{ color:#333; font-size:15px;  overflow:hidden; width:100%; height:80px; margin:0px auto;background:#FFF; border-top:1px solid rgba(32,32,32,0.5);  line-height:80px}
.main_video li:hover {transform:scale(1.03,1.03);}
@media all and (max-width:1200px){
	.main_video ul li{width:70%; margin:20px auto;min-height:auto; }
}

@media all and (max-width:1000px){
	.main_video ul li{width:98%; margin:20px auto; float:none;}
}

/* main_con04 */
.main_contact{position:relative; width:100%; max-width:1920px; margin:0 auto; margin-bottom:150px; top:20px}
.main_contact ul.map_text{width:100%; max-width:100%;  font-size:0; text-align:left;position:absolute; left:0; bottom:-60px; z-index:3;filter: drop-shadow(2px 2px 12px #FFF);}
.main_contact ul.map_text li.on{display:block;}
.main_contact ul.map_text li dl{display:table; width:100%; height:100%;}
.main_contact ul.map_text li dl dt{display:table-cell; vertical-align:middle; background:#2e353d; width:50%; height:100%; padding:40px 0;}
.main_contact ul.map_text li dl dt a{display:block; padding:0 40px; box-sizing:border-box;}
.main_contact ul.map_text li dl dt span{line-height:39px; width:180px; display:table-cell; vertical-align:middle; font-size:32px; color:#545a61; font-weight:bold; position:relative;}
.main_contact ul.map_text li dl dt span:before{content:""; display:block; width:26px; height:4px; background:#545a61; position:absolute; left:0; top:-5px;}
.main_contact ul.map_text li dl dt span:after{content:""; display:block; width:1px; height:39px; background:#545a61; position:absolute; right:0; top:4px;}
.main_contact ul.map_text li dl dt p{padding-left:30px; box-sizing:border-box; width:calc(100% - 180px); display:table-cell; vertical-align:middle; font-size:16px; color:#b9bdc1; font-weight:300; position:relative;}

.main_contact ul.map_text li dl dd{display:table-cell; vertical-align:middle; background:#034694; width:50%; height:100%;}
.main_contact ul.map_text li dl dd a{display:block; padding:0 40px; box-sizing:border-box;}
.main_contact ul.map_text li dl dd span{line-height:39px; width:210px; display:table-cell; vertical-align:middle; font-size:30px; color:#4d86d2; font-weight:bold; position:relative;}
.main_contact ul.map_text li dl dd span:before{content:""; display:block; width:26px; height:4px; background:#4d86d2; position:absolute; left:0; top:-5px;}
.main_contact ul.map_text li dl dd span:after{content:""; display:block; width:1px; height:39px; background:#4d86d2; position:absolute; right:0; top:4px;}
.main_contact ul.map_text li dl dd p{padding-left:30px; box-sizing:border-box; width:calc(100% - 210px); display:table-cell; vertical-align:middle; font-size:32px; color:#fff; font-weight:500; position:relative;}

@media all and (max-width:1200px){
	.main_contact ul.map_text {height:140px}
	.main_contact ul.map_text li dl dt a{padding:0 20px;}
	.main_contact ul.map_text li dl dt span{font-size:28px; width:160px;}
	.main_contact ul.map_text li dl dt p{font-size:16px;padding-left:20px; width:calc(100% - 160px)}

	.main_contact ul.map_text li dl dd a{padding:0 20px;}
	.main_contact ul.map_text li dl dd span{font-size:28px; width:160px;}
	.main_contact ul.map_text li dl dd p{font-size:16px;padding-left:20px; width:calc(100% - 160px)}
	.main_contact ul.map_text li dl dd p{font-size:28px;}
}

@media all and (max-width:1000px){
	.main_contact{margin-bottom:240px;}
	.main_contact ul.map_text{position:relative; bottom:0; max-width:100%;}
	.main_contact ul.map_text li{position:static;}
	.main_contact ul.map_text li dl{display:block;}
	.main_contact ul.map_text li dl dt{display:block; width:100%;  padding:60px 0;}
	.main_contact ul.map_text li dl dt span{width:200px;}
	.main_contact ul.map_text li dl dt p{width:calc(100% - 200px);}
	.main_contact ul.map_text li dl dd{display:block; width:100%;  padding:60px 0;}
	.main_contact ul.map_text li dl dd span{width:200px;}
	.main_contact ul.map_text li dl dd p{width:calc(100% - 200px);}
	.main_contact ul.map_tab li a{font-size:18px; padding:2px 0 10px;}

}


/* sub_footer */
#sub_footer{padding:40px 0; overflow-x:hidden}
#sub_footer ul{font-size:0; text-align:center; letter-spacing:-4px;}
#sub_footer ul li{display:inline-block; vertical-align:top; width:12.5%; padding:4px;  box-sizing:border-box;transition: transform 0.5s;}
#sub_footer ul li img { -webkit-filter: grayscale(100%);    filter: grayscale(100%); opacity:0.6;display:inline-block; max-height:40px; }
#sub_footer ul li a{display:block;border:1px solid #dadada; border-radius:8px; padding:15px 0; box-sizing:border-box; width:100%; height:100%;}
#sub_footer ul li a i{width:100%; height:52px; display:block; margin:0 auto; text-align:center;}
#sub_footer ul li a p{font-size:14px; letter-spacing:0em; color:#666;}
#sub_footer ul li:hover a	{ background-color:#f9f9f9 }
#sub_footer ul li:hover p	{ color:  #034694; }
#sub_footer ul li:hover img { -webkit-filter: grayscale(0%);    filter: grayscale(0%); opacity:1}
#sub_footer ul li:hover {transform:scale(1.05,1.05);}
@media all and (max-width:1000px){
	#sub_footer ul li{width:25%;}
	#sub_footer ul li a p{font-size:14px;}
}