*{
	margin: 0; padding: 0;font-family: "arial, 微软雅黑";
}
ul,ol{list-style: none;}
.clearfix{clear: both;}
a{ color:#333; text-decoration:none;}
em{ font-style: normal;}
.content{ max-width: 1600px; margin: auto; padding: 0 20px;}
.neiong{ margin-top: 86px;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}

.case_fl::-webkit-scrollbar {
            width: 5px; /*对垂直流动条有效*/
            height: 5px; /*对水平流动条有效*/
        }

        /*定义滚动条的轨道颜色、内阴影及圆角*/
      .case_fl::-webkit-scrollbar-track{
            background-color: #fff;
            border-radius: 3px;
        }


       /*定义滑块颜色、内阴影及圆角*/
       .case_fl::-webkit-scrollbar-thumb{
            border-radius: 7px;
            background-color: #fff;
        }



        /*定义右下角汇合处的样式*/
      .case_fl::-webkit-scrollbar-corner {
            background:khaki;
        }

.header{position: fixed; top: 0; width: 100%; left: 0; background: #fff; z-index: 50; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.logo_box{}
.logo{ float: left; margin-top: 18px;}
.logo img{ height: 48px;}
.top_nav{ float: right;}
.top_nav a{ color: #333; font-size: 15px; display: block;}
.top_nav a:hover{ border-bottom-color:#000;}
.top_nav li{ display: inline-block; margin:0 18px; line-height: 83px; border-bottom: 3px solid rgba(0,0,0,0); box-sizing: border-box;
 transition: all 1s; padding: 0 10px;}
.top_nav li:nth-child(6n){ margin: 0 0 0 18px;}
.top_nav li.on{ border-bottom-color:#000;}
.cl_icon{ float: right; display:none; margin-top: 27px;}
.cl_icon img{ width: 2rem;}
.shouji{display: none;}
.swiper-container,.swiper-wrapper,.swiper-slide{ height: 710px; width: 100%;}
.swiper-button-prev,.swiper-button-next{ display: none; transition: all 0.3s;}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{display: block;}

.logo_box1{background: #fff; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.3); width:100%; position: fixed; top: 0; z-index: 21; display: none;}
.top_nav_list1 li{ float: left; margin: 20px;}
.top_nav_list1 li a{ color: #333333;}

/*侧栏*/
.celan{ position: fixed; height: 100%; width: 100%; top: 0; left: 0;z-index:510; display: none;}
.kongbai{ position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0); top:0 ; left: 0; z-index: 511;}
.celan_list{ width: 50%; height: 100%; background: #000;box-shadow: -3px 0px 6px 0px rgba(0, 0, 0, 0.16); position: absolute; top: 0; right: 0; 
z-index: 512; padding-top: 20px;}
.celan_list li{ border-bottom: 1px solid #222; margin: 0 20px; line-height: 44px; font-size: 0.9rem;}
.celan_list li a{ color: #999;}

.foot{background: #000; color: #888;}
.foot_box{ padding: 60px 20px;}
.sanfang{ margin-top: 30px;}
.foot_box .db_js{ width: 390px; float: left;}
.db_js h3,.lxfs h3{ color: #fff; font-size: 18px; text-transform: uppercase; line-height: 48px;}
.db_js p,.lxfs p{ font-size: 14px; line-height: 30px;}
.db_js p b{ color: #fff !important;font-family: "arial"; font-size: 16px;}
.sanfang dd{ display: inline-block; margin-right: 10px; position: relative;}
.sanfang dd a>img{ width: 21px;filter: grayscale(100%);  filter: gray; transition: all 0.5s;}
.sanfang dd:hover img{filter: grayscale(0);}
.sanfang dd .erm{ position: absolute; width: 90px; height: 100px; display:none; left: 50%; top: 20px; margin-left: -45px; padding-top: 10px;}
.sanfang dd .erm img{ width: 90px; display: block;}
.sanfang dd:hover .erm{display: block;}

.foot_show{ position: relative;}
.lxfs{ width: 335px; float: right;}
.kjdh{ position: absolute; top: 0; left: 50%; margin-left: -230px;width: 510px; }
.kjdh dt{ color: #fff; font-size: 18px; text-transform: uppercase; line-height: 48px;}
.kjdh dd{ line-height: 30px; display: inline-block; margin-right: 23px; width: 100px; font-size: 14px;}
.kjdh dd a{color: #888;}
.kjdh dd a:hover{ color: #ffff00;}
.banquan{ line-height: 30px; font-size: 14px; min-height: 140px;}

.bddh{ position: fixed; bottom: 5%; right: 10px; display: none; z-index: 999;}
.bddh .bdh{position: relative; width: 50px; height: 50px;}
.bddh .bdh span{background: rgba(229,1,18,.5); width: 50px; height: 50px; position: absolute;top: 0; left: 0; transform: translate(-50%,-50%);
 z-index: 1000;border-radius: 50%; animation: mymove 1s infinite;}
.bddh .bdh img{width: 26px; height: 26px;background: #e50112; padding: 12px; display: block; position: relative; z-index: 1002; border-radius: 50%;}

.link{ margin-bottom: 50px;}
.link h2{
	color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 48px;
    font-weight: normal;
}
.link p a{
	line-height: 30px;
    display: inline-block;
    margin-right: 23px;
    width: 110px;
    font-size: 14px;
    color: #888;
}
.link p a:hover{
	 color: #ff0;
}

@keyframes mymove {
from {transform: scale(1);}
to {transform: scale(1.4);}
}
@media (max-width: 992px) {
	.top_nav{ display: none;}
	.cl_icon{ display: block; }
	}
@media (max-width: 1660px) {
	.lxfs{ width: 262px;}
	.kjdh{margin-left: -170px;}
	}
@media (max-width: 1200px) {
	.kjdh{margin-left: -170px; display: none;}
	.swiper-container,.swiper-wrapper,.swiper-slide{ height: 650px; width: 100%;}
	}
@media (max-width: 992px) {
	.header{ padding-bottom: 10px;}
	.top_nav{ display: none;}
	.cl_icon{ display: block; margin-top: 20px;}
	.neiong{ margin-top: 68px;}
	.swiper-container,.swiper-wrapper,.swiper-slide{ height:90vh; width: 100%;}
	
	}
@media (max-width: 800px) {
	.news_list{ padding: 50px 0 0 0;}
	.news li{width: 100% !important; margin-right: 0; }
	.news li:nth-child(1){margin-bottom: 50px;}
	.cl_icon{ display: block; }
	.link{ display: none;}
	}
@media (max-width: 720px) {
	.shouji{display: block;}
	.pcduan{display: none;}
	.foot_box .db_js{ width: 100%;}
	.lxfs{ width: 100%;}
	.banquan{height: 260px;}
	.bddh{ display: block;}
	}