@charset "utf-8";
/* CSS Document */

/* =====================================================================头尾公共样式 */
/*头部*/
#mbheader { display:none}
#header { width:100%; height:68px; background:#fff; position:relative; padding:35px 0 40px 0}
#header .logo { margin-right:2%}
#header .nav { margin-top:38px}
#header .nav li { float:left; font-size:14px; color:#333; font-family:微软雅黑; margin:0 20px; line-height:30px; background:url(/Public/edit/img/nav_hover.png) no-repeat -50px bottom; cursor:pointer;}
#header .nav li:hover { color:#cc0000; background:url(/Public/edit/img/nav_hover.png) no-repeat center bottom; transition:all 0.2s linear; }
#header .nav li.on { color:#cc0000; background:url(/Public/edit/img/nav_hover.png) no-repeat center bottom}
#header .header_r { margin-top:10px}
#header .header_r .search { width:190px; height:26px; border:1px solid #ccc; border-radius:2px; background:#fff; position:relative;}
#header .header_r .search .input { width:80%; height:26px; line-height:20px; font-size:12px; color:#333; font-family:微软雅黑; text-indent:5px}
#header .header_r .search .submit { width:15%; position:absolute; right:0; background:url(/Public/edit/img/search_bg.png) no-repeat; height:26px; cursor:pointer}
#header .header_r hr { float:left; width:1px; border:0; background:#ccc; margin:5px 20px; height:15px}
#header .header_r .en_cn { line-height:26px; color:#333}
#header .header_r .en_cn a { display:inline-block; margin:0 5px; color:#333}
#header .header_r .en_cn a:hover {color:#cc0000;}
#header .header_r .en_cn a.on{color:#cc0000;}
.navbar { display:none;}
/*底部*/
#footer { background:#f5f5f5; width:100%;}
#footer .footer_top { padding:18px 0 16px 0; border-top:1px solid #ccc; width:100%; position:relative}
#footer .footer_top .bdsharebuttonbox { position:absolute; top:0; right:0; top:15px}
#footer .footer_top .fenbu { margin-bottom:30px}
#footer .footer_top .fenbu h3 {float:left; font-size:14px;}
#footer .footer_top .fenbu li {float:left;}
#footer .footer_top .fenbu li a {color:#333; display:inline-block; padding-left:15px;}
#footer .footer_top .fenbu li a:after {content:"|"; display:inline-block; font-size:12px; padding-left:15px; line-height:15px;}
#footer .footer_top .fenbu li:first-child { border:none; padding-left:0}
#footer .footer_top .footer_info p{ font-size:14px; line-height:28px; color:#333}
#footer .footer_bottom { border-top:1px solid #ccc; padding:18px 0 20px 0;}
#footer .footer_bottom .footer_bottom_l li { display:inline-block;font-size:14px; color:#333;}
#footer .footer_bottom .footer_bottom_l li:after {content:"|"; display:inline-block; font-size:12px; padding-left:15px;padding-right:15px; line-height:15px;}
#footer .footer_bottom .footer_bottom_l li:last-of-type:after {display:none;}
#footer .footer_bottom .footer_bottom_l li:last-of-type a {color:#cc0000;}
#footer .footer_bottom .footer_bottom_l li a { color:#333;}
#footer .footer_bottom .footer_bottom_l li a:hover{color:#cc0000;}
#footer .footer_bottom .footer_bottom_r p { font-size:14px; line-height:14px; color:#333; line-height:24px;}







/* =====================================================================首页内容样式 */
.bdxg_banner {width:100%; height:auto;}
.bdxg_banner .loop1 .item { background-repeat:no-repeat; background-position:top center; background-size:cover;}
.bdxg_banner .loop_text { text-align:center;position:relative; top:60%; left:0;z-index:9;color:#fff;opacity:0;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);
-webkit-transition: all .6s;
   -moz-transition: all .6s;
    -ms-transition: all .6s;
     -o-transition: all .6s;
        transition: all .6s;
}
.bdxg_banner .active .loop_text {top:41%;opacity: 1;}
.bdxg_banner .loop_text h1 {font-size:42px; color:#fff; margin-bottom:28px;}
.bdxg_banner .loop_text h2 {font-size:18px; color:#fff}
.part1 {width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5; padding:80px 0 100px 0;}
.part1 .reg_zuo {width:32%; float:left; margin-right:1%; height:449px; background:#fff;}
.part1 .reg_zhong {width:40%; float:left; margin-right:1%;height:449px; position:relative;background:#fff;}
.part1 .reg_you {width:26%; float:left;height:449px;background:#fff;}
.part1 .reg_zuo span,.part1 .reg_you span {display:block;position:relative;}
.part1 .reg_zuo span img,.part1 .reg_you span img {width:100%;}

.part1 .reg_zuo span:after,.reg_you span:after {content:"";display:block;position:absolute;bottom:0; left:50px;z-index:2; border-left:11px solid transparent;border-right:11px solid transparent; border-bottom:14px solid #fff;}
.part1 .reg_zuo ul {padding:30px 3%;}
.part1 .reg_zuo ul ol { position:relative; padding-bottom:12px; border-bottom:1px solid #ccc; margin-bottom:15px;}
.part1 .reg_zuo ul ol h3  {color:#cc0000; font-size:18px; position:absolute;left:0;top:0;}
.part1 .reg_zuo ul ol i { display:block; text-align:right;}
.part1 .reg_zuo ul li {margin-bottom:15px;overflow:hidden;font-size:16px;}
.part1 .reg_zuo ul ol i:hover a,.part1 .reg_zuo ul li:hover a b,.part1 .reg_zuo ul li:hover a time {color:#cc0000;}
.part1 .reg_zuo ul li b {font-size:16px;width:calc(93% - 89px); float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.part1 .reg_zuo ul li b:before {content:"·";text-align:left; display:block; float:left; margin-right:2%;}
.part1 .reg_zuo ul li time {color:#666;width:89px; float:right; text-align:right;}
.part1 .reg_zhong ul {padding:30px 3% 20px 3%;}
.part1 .reg_zhong h3 { font-size:16px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.part1 .reg_zhong time {color:#666; font-size:12.56px;}
.part1 .reg_zhong .bdxg_video { margin-top:20px; position:absolute;bottom:0;left:0; position:relative;}
.part1 .reg_zhong .bdxg_video:before {content:"";display:block;position:absolute;top:0; left:50px;z-index:2; border-left:11px solid transparent;border-right:11px solid transparent; border-top:14px solid #fff;}
.part1 .reg_zhong .bdxg_video img {width:100%;}
.part1 .reg_zhong .bdxg_video img:nth-of-type(2) {position:absolute;top:0;left:0; opacity:0;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;
}
.part1 .reg_zhong .bdxg_video img:nth-of-type(2):hover {opacity:1;}
.part1 .reg_you ul {padding:30px 7% 20px 7%;}
.part1 .reg_you ul h3 {font-size:16px; margin-bottom:15px; text-align:center;}
.part1 .reg_you ul p {color:#666; line-height:25px; padding-bottom:10px;border-bottom:1px solid #ccc; margin-bottom:10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:6;
overflow: hidden;}
.part1 .reg_you ul time { text-align:right; display:block;}
.part1 .reg_you #about_l time { text-align:left; display:block;}
.part1 .movie_box {width:100%; height:100%; position:fixed;top:0; left:0; z-index:55; background-color:rgba(51,51,51,0.7); display:none;}
.part1 .movie_box ul {width:55%; margin:0 auto; position:relative;}
.part1 #video {width:100%; position:absolute;top:0; left:0; z-index:88;}
.part1 .play_box {cursor:pointer;}
.part1 .key_a {position:fixed; top:0; right:0; width:100%; height:100%; z-index:56;}
.part1 .key_b {position:absolute;top:2px; right:10px; z-index:89; color:#fff; font-size:30px;}
.part1 .key_c {position:absolute;top:0; left:0; width:100%; height:100%; z-index:88; cursor:pointer;}
.part2 {padding-bottom:90px; background:#f5f5f5;}
.part2 li { position:relative;}
.part2 li i { position:absolute; top:0; left:0; width:100%; bottom:0; right:0; margin:auto; height:100%; background:#cc0000; opacity:0.7; display:none}
.part2 li:hover i { display:block}
.part2 li .white_logo { position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:50%; display:none}
.part2 li:hover .white_logo { display:block}
.part2 img { vertical-align:middle}
.part2 .part2_l { width:38.835%;}
.part2 .part2_r { width:61.165%;}
.part2 .part2_l .part2_l_l { width:33.333%}
.part2 .part2_l .part2_l_r { width:100%}
.part2 .part2_l .part2_l_r .part2_l_r_top li:nth-of-type(1) { float:left; /*width:42.489%*/}
.part2 .part2_l .part2_l_r .part2_l_r_top li:nth-of-type(2) { float:left; width:57.511%}
.part2 .part2_r .part2_r_l {width:36.420%}
.part2 .part2_r .part2_r_r {width:63.580%}
.part2 .part2_r .part2_r_r .part2_r_r_bottom li:nth-of-type(1) { float:left; /*width:57.511%*/}
.part2 .part2_r .part2_r_r .part2_r_r_bottom li:nth-of-type(2) { float:left; width:42.489%}
.part3 {background:#f5f5f5; }
.part3 .wrap {border-top:1px solid #ccc;padding:36px 0 5px 0;}
.part3 h3 {font-size:18px; color:#000; margin-bottom:35px;}
.part3 ul li { margin-bottom:35px;}
.part3 ul li a {display:inline-block; margin-right:30px; position:relative; overflow: hidden;
 -webkit-transition: all 1s ease-in;
 transition: all 1s ease-in;}
.part3 ul li a:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 50px;
 top: 0;
 left: -45px;
 opacity: 0.4;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
}
.part3 ul li a:hover:before {
 width: 45px;
 left: 205px;
}














@media (max-width:1279px ) {
#header .wrap {position:relative;}	
#header .header_r {position:absolute;top:-30px;right:0; margin-top:0;}
#header .nav { float:right;}
#header .nav li:last-of-type { margin-right:0;}
.part3 ul li { margin-bottom:0;}
.part3 ul li a { margin-bottom:35px;}
.footer_bottom .fr {margin:35px 0 5px 0; float:none; text-align:center;}
}
@media (max-width:1024px ) {
#header .header_r {top:0}
#header .nav {position:absolute;bottom:-35px;right:0;}
.part1 .reg_zuo,.part1 .reg_zhong,.part1 .reg_you {height:400px;}
.part1 .movie_box ul {width:80%;}	
	/*右侧菜单栏*/
	.navbar{background:rgba(0,0,0,.8); width: 100%;height:100%; position: fixed;top: 0;left: 0; z-index: 999; padding-top: 50px; text-align: center; display: none; overflow-y: auto;}
	.navbar .logo{margin-bottom: 60px;float: none;}
	.navbar li{margin-bottom: 40px; width: 70%;margin-left: auto;margin-right: auto;position: relative;}
	.navbar li a,.header .navbar span{font-size: 16px; color:#fff}
	.navbar li:before{content:""; display: block;width: 35%;height: 1px;background-color:rgba(255,255,255,.2); position: absolute;top: 50%;left: 0;}
	.navbar li:after{content:""; display: block;width: 35%;height: 1px;background-color:rgba(255,255,255,.2); position: absolute;top: 50%;right: 0;}
	.navbar li:last-of-type:before,.header .navbar li:last-of-type:after{width: 25%;}
	/*part1*/
	.content .part1 .part1_l { width:60%}
	.content .part1 .part1_m { width:38%; margin:0 0 0 2%}
	.content .part1 .part1_r { width:100%; margin-top:10px}
	/*part1 END*/
}
@media (max-width:800px ) {
#header .header_r {top:-35px;}	
.part1 .reg_zuo,.part1 .reg_zhong,.part1 .reg_you {height:365px;}
#footer .footer_top .fenbu h3 {float:none; margin-bottom:10px;}
#footer .footer_top .fenbu li a { margin-bottom:15px;}
.part1 .movie_box ul {width:100%;}
	#footer .footer_bottom_l { float:none}
	#footer .footer_bottom_r { float:none}
	#footer .footer_bottom_r p { margin:10px 0}
}


@media (max-width:640px ) {
.part1 .reg_zuo,.part1 .reg_zhong,.part1 .reg_you {width:100%; height:auto; margin-bottom:40px;}	
.part2 .part2_l,.part2 .part2_r {width:100%;}	
.part2 .part2_r .part2_r_l,.part2 .part2_r .part2_r_r {width:100%}
.part2 .part2_l .part2_l_r .part2_l_r_top li:nth-of-type(n) {width:100%}
.part2 .part2_r .part2_r_r .part2_r_r_bottom li:nth-of-type(n) {width:100%}
.navbar li a:hover {color:#cc0000;}
	#header { display:none}
	#mbheader { display:block; padding:20px 0}
	#mbheader .logo { width:30%}
	#mbheader .menu { position:absolute; background:url(/Public/edit/img/menu.png) no-repeat left top; width:20px; height:30px; top:15px; right:30px; margin:auto; cursor:pointer;}
	#mbheader .mnav-close{background-position: right top;z-index: 1000;}
	.content .part2 .part2_l,.content .part2 .part2_r { width:100%;}
	/*part1*/
	.content .part1 .part1_l { width:100%; margin-bottom:15px}
	.content .part1 .part1_m { width:100%}
	.content .part1 .part1_m ul li { width:49%; float:left; margin-right:1%}
	.content .part1 .part1_r li .text_r h3 { font-size:14px; line-height:16px}
	.content .part1 .part1_r li .text_r p { font-size:12px; line-height:14px}
	/*part1 end*/
}