@charset "utf-8";
@font-face{
	font-family:myFont;
	src:url('../fonts/Arial-Light.ttf');
}

.copyright{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
*{padding:0px;margin:0px;list-style:none;text-decoration:none;box-sizing:border-box;word-wrap:break-word;font-family:myFont;}
.pc1,.pc2,.pc3,.pc4,.pc5,.pc6,.pc7,.pc8,.pc9,.pc10,.pc11,.pc12{float:left}
.pc1{width:8.33333333%}
.pc2{width:16.66666667%}
.pc3{width:25%}
.pc4{width:33.33333333%}
.pc5{width:41.66666667%}
.pc6{width:50%}
.pc7{width:58.33333333%}
.pc8{width:66.66666667%}
.pc9{width:75%}
.pc10{width:83.33333333%}
.pc11{width:91.66666667%}
.pc12{width:100%}
.cr_pull_left{float:left}
.cr_pull_right{float:right}
.cr_clear{clear:both}
.cr_img_w{width:100%}
.cr_img_h{height:100%}
.cr_pc_hide{display:none;}
.cr_content{width:1350px;margin:auto}
.cr_top{height:68px;width:100%;border-bottom:1px solid #000;-moz-box-shadow:0px 3px 10px #CFCFCF;-webkit-box-shadow:0px 3px 10px #CFCFCF;box-shadow:0px 3px 10px #CFCFCF;position:fixed;top:0px;left:0px;z-index:99999;background:#fff}
.cr_top a{line-height:68px;display:inline-block;padding:0px 8px;color:#000;font-size:21px;font-weight:bold;color:#969696;transition:all 1s}
.cr_top a:hover{color:#000;}
.cr_top .cr_logo{width:200px; margin-top:20px;}
.cr_top .cr_pull_right{position:relative;}
.cr_top .cr_pull_right .cr_back_index{position:absolute; top:0px; right:-150px;}
.cr_top .cr_pull_right .active{color:#000;}
.tow_nav{text-align:center}
.tow_nav h2{width:980px;border-bottom:1px solid #BDBDBD;margin:auto;margin-top:100px;text-align:center;font-size:20px;line-height:40px;font-weight:normal;margin-bottom:10px}
.tow_nav ul{padding:0px;margin:0px}
.tow_nav ul li{display:inline-block}
.tow_nav ul li a{display:inline-block;font-size:19px;padding:10px 5px;color:#999;transition:all 1s;position:relative;top:0px}
.tow_nav ul li .active{color:#000;font-weight:bold}
.tow_nav ul li a:hover{color:#000;}
.tow_nav .cr_group{margin-top:20px}
.tow_nav .cr_group >div{text-align:center;cursor:pointer;padding:10px}
.tow_nav .cr_group >div img{display:inline-block;width:100%;transition:all 1s;position:relative;top:0px;left:0px}
.tow_nav .cr_group >div img:hover{filter:grayscale(1);border-radius:50px}
.footer_main{width:100%;height:70px;background:#fff}
.cr_footer{width:100%;height:70px;position:fixed;bottom:0px;left:0px;background:#414141;z-index:99999}
.cr_footer .pc4{text-align:center;line-height:70px}/*  */
.cr_footer .pc4 a{color:#fff;font-size:12px}
.cr_footer .pc4:nth-child(1) a:nth-child(2),.cr_footer .pc4:nth-child(1) a:nth-child(3){margin-left: 20px;}
.cr_footer .pc4:nth-child(2) img{width:200px;margin-top:21.5px}
.cr_footer .pc4:nth-child(3) a{display:inline-block;margin:0px 5px;position:relative;top:0px;left:0px;transition:all 0.5s}
.cr_footer .pc4:nth-child(3) a img{width:25px;margin-top:22px}
.about_cont{text-align:left; width:1200px;font-size:19px;margin-top:50px;}
.about_cont p{line-height:30px;}
.about_cont img{width:100%;}
.dt_video .pc3{border:10px solid #fff; line-height:250px; font-size:50px; font-weight:bold; color:#FFF; cursor:pointer; position:relative;}
.dt_video .pc3 .play_ico{width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5);transition:all 0.5s;}
.dt_video .pc3 .play_ico img{width:15%; margin-top:45%;transform: rotate(0deg); transition:all 1s;}
.dt_video .pc3 .pic{width:100%;transition:all 0.5s;}
.dt_video .pc3:hover .play_ico{border-radius:50px;z-index:99999;}
.dt_video .pc3:hover .play_ico img{transform: rotate(180deg);width:20%}
.dt_video .pc3:hover .pic{border-radius:50px; filter: grayscale(1);}
.dt_bg_green{background:#46D07B;}
.dt_bg_purple{background:#B660DB;}
.dt_bg_blue{background:#6587B7;}
.dt_bg_orange{background:#DCA061;}
.dt_bg_qing{background:#4C9138;}
.dt_video_m{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.8); z-index:99999; display:none;}
.dt_video_m .dt_video_main{width:50%; height:70%; background:#000; margin-top:5%; border:3px solid #fff; position:relative;}
.dt_video_m .dt_video_main video{width:100%; height:100%; outline:none;}
.dt_video_m .dt_video_main .dt_close_video{position:absolute;top:0px;right:0px;height:30px; width:30px; background:#dedada;; line-height:30px; text-align:center; z-index:99999!important; cursor:pointer;}
@media screen and (max-width:1800px){
.m1,.m2,m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12{float:left}
.m1{width:8.33333333%}
.m2{width:16.66666667%}
.m3{width:25%}
.m4{width:33.33333333%}
.m5{width:41.66666667%}
.m6{width:50%}
.m7{width:58.33333333%}
.m8{width:66.66666667%}
.m9{width:75%}
.m10{width:83.33333333%}
.m11{width:91.66666667%}
.m12{width:100%}
.cr_wap_hide{display:none;}
.cr_wap_show{display:block;}
.cr_top .cr_pull_right .cr_back_index{position:relative;top:0px; right:0px;}
.cr_content{width:100%;}
.cr_top{height:50px;border-bottom:0px;}
.cr_top .cr_content{width:100%;}
.cr_top .cr_content .cr_pull_left a{ line-height:50px;}
.cr_top .cr_content .cr_pull_right{width:100%; position:absolute; top:50px; left:0px; background:#fff;-moz-box-shadow:0px 3px 10px #CFCFCF;-webkit-box-shadow:0px 3px 10px #CFCFCF;box-shadow:0px 3px 10px #CFCFCF; display:none;}
.cr_top .cr_logo{width:200px; margin-top:14px;}
.cr_top .cr_content .cr_pull_right a{width:100%; display:block; font-size:12px; font-weight:normal; line-height:40px;}
.cr_top .wap_menu{position:absolute; right:10px; top:5px; height:40px; width:40px;}
.cr_top .wap_menu img{width:80%; display:block; margin:5px auto;}
.tow_nav{width:90%; margin:auto;}
.tow_nav ul li a{font-size:15px;}
.tow_nav h2{width:100%; margin-top:70px; font-size:20px; font-weight:bold;border-bottom: 1px solid #efeeee;}
.tow_nav .cr_group >div{padding:5px;}
.lb-nav a.lb-prev,.lb-nav a.lb-next{opacity:0;}
.cr_footer{padding:0px 10px;}
.cr_footer .pc4:nth-child(2) img{width:200px;margin-top:21.5px;}
.about_cont{font-size:15px;width:90%; margin:auto;}
}
@media screen and (max-width:980px){
	.dt_video .pc3{line-height:150px; font-size:30px;}
	.dt_video_m{ background:rgba(0,0,0,0.8);}
	.dt_video_m .dt_video_main{width:100%; height:auto;}
	.pc3{width:50%}
	.cr_footer .pc4:nth-child(2) img{width:80%;margin-top:25px;}
	.cr_footer .pc4:nth-child(1) a:nth-child(2),.cr_footer .pc4:nth-child(1) a:nth-child(3){display:none;}
}