@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:none;outline:none;list-style:none;font-weight: normal;color:#555;font-family:"微软雅黑";font-size: 14px;line-height:24px;}
body{text-align:center;bakcground-color:#FFF;font-size:16px;}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {margin:0;padding:0;display:block;	}
a{text-decoration: none;}
.clear{clear: both;}
.nav_box{width:100%;}
.bg{background: linear-gradient(to bottom, #ffffff 0%,#F6F6F6 100%);opacity:1;}
.pd90{padding-bottom:90px;}
.pt30{padding-top:30px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}
.mn{width:95%;margin-left:auto;margin-right:auto;}
.topnav{position:fixed;z-index:99999;top:0px;left:0px;width:100%;}
.top{height:80px;width:95%;margin-left:auto;margin-right:auto;}
.logo{width:20%;height:100%;float:left;}
.logo img{height:75%;margin:6% auto;}
.tmenu{width:55%;float:left;height:100%;margin-left:15%;}
.tmenu ul{margin:4.8% auto;display:flex;}
.tmenu li{color:#222;font-size:16px;position:relative;width:16.666%;line-height:30px;}
.tmenu li a{font-size:16px;}
.tmenu li ul{display:none;}
.tsmenu{background-color:#F9F9F9;width:100%;height:90px;border-top:2px solid #1d5eae; opacity:1;display:none;z-index:99999;}

.tmenu li::after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #007BFF;transition: width 0.3s ease, left 0.3s ease;}
.tmenu li:hover::after {width:100%;left:0;}
		
.smenu{width:55%;margin-left:35%;}
.smenu div{float:left;width:16.66%;margin:20px 0;border-right:1px solid #e3e3e3;min-height:170px;}
.smenu div li a{line-height:28px;color:#555;font-size:14px;}
.engbtn{width:10%;float:left;margin:2.5% auto;float:right;}
.engbtn_btn{height:24px;line-height:36px;width:60%;color:#FFF;border-radius:3px;}
.engbtn_btn a{color:#245bab;font-weight:bolder;}
.engbtn_btn a:hover{color:#ff3b21;}
.mobilebtn{display:none;}

/*********底部css**********/
#bottomnav{padding-top:10px;background-color:#EAEAEA;-webkit-transition: all 1s;transition: all 1s;}
#bottomnav.scthide{margin-top:0px;}
.bottomtxt{width:95%;margin-left:auto;margin-right:auto;padding-top:20px;overflow:hidden;}
#bmenu{width:57%;float:left;}
#bmenu li{width:16%;font-weight:bolder;color:#EEE;float:left;text-align:left;}
#bmenu li a{color:#333;font-size:16px;}
#bmenu li b{font-weight:bolder;}
#bmenu li ul{margin-top:10px;}
#bmenu li li{width:100%;float:none;font-weight:100;line-height:24px;text-decoration:none;}
#bmenu li li a{text-decoration:none;color:#959595;font-size:14px;}
.bottom_contact{width:43%;float:left;text-align:left;}
.bottom_contact li{color:#959595; font-size:16px;line-height:30px;}
.bottom_contact li:first-child{font-size:24px;padding-bottom:10px;font-weight:bolder;color:#333;}

.copry_txt{background-color:#245bab;margin-top:15px;font-size:12px;line-height:20px;color:#e3eeff;padding-top:10px;padding-bottom:8px;}
.copry_txt span{padding-left:20px;color:#e3eeff;}
.copry_txt p{line-height:24px;color:#e3eeff;}
.copry_txt a{color:#e3eeff;}
#bottomMap{position:absolute;right:150px;top:0px;width:125px;height:145px;background:url(images/bottom_map.jpg) no-repeat top center;}
.bottom-wx{float:left;padding:5px;border-radius:5px;overflow:hidden;background-color:#FFF;margin-right:20px;width:22%;}
.bottom-wx img{width:100%;}

/****图片切换****/
 .slider {text-align:left;width:100%;position: relative;overflow: hidden;}
 .slider img {width: 100%;height: auto;position: absolute;opacity: 0;transition: opacity 1s ease-in-out;}

        .slider img.active {
            opacity: 1;
        }

        .slider .text {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 1s ease-in-out, transform 1s ease-in-out;
        }

        .slider .text.active {
            opacity: 1;
            transform: translateY(0);
        }

        .slider-nav {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
        }

        .slider-nav span {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: white;
            border-radius: 50%;
            margin: 0 5px;
            cursor: pointer;
        }

        .slider-nav span.active {
            background-color: gray;
        }

@media screen and (max-width:768px){
	.logo{width:15%;}
	.logo img{height:50%;margin:15% auto;}
	.tmenu{width:78%;}
	.engbtn{width:7%;margin:4% auto;}
	.bottom_contact img{display:none;}
}
@media screen and (max-width:640px){
	.pd90{padding-bottom:50px;}
	.mt100{margin-top:30px;}
	.logo{width:75%;}
	.logo img{width:95%;margin:5% auto;}
	.tmenu{display:none;width:45%;top:84px;height:360px;right:0;background-color:#444;position:absolute;z-index:99999;}
	.tmenu ul{display:block;}
	.tmenu li{width:50%;margin-left:25%;color:#FFF;font-size:1.3em;line-height:2.4em;border-bottom:1px solid #666;}
	.tmenu li a{color:#FFF;}
	.tsmenu{display:none;width:0;height:0;}
	.mobilebtn{display:block;width:12%;float:right;margin-top:7%;}
	.engbtn{width:10%;float:left;margin:8% auto;float:right;}
.engbtn_btn{height:22px;line-height:22px;width:100%;background-color:#dc3c46;color:#FFF;}
.engbtn_btn a{color:#FFF;}
	#bottomnav{width:100%;overflow:hidden;}
	.bottom_contact{width:90%;margin-left:5%;float:none;}
	.bottom_contact img{display:none;}
	
	.bottom-wx{display:none;}
	#bottom{height:150px;min-height:160px;padding:0px 10px;font-size:14px;}
#bottom span{display:block;margin-left:auto;margin-right:auto;line-height:18px;}
#bmenu{display:none;}
}