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

html, body {  position: relative; height: 100%; margin:0; padding:0; }
body { color: #555; margin:0px; padding:0;overflow-x:hidden;}
* {padding: 0;margin: 0; font-family:"思源黑体 CN" !important;}
a {color: #555; text-decoration:none !important;}
a:hover {color:#005cb9;text-decoration: none !important;}
ul, dl, dl dt, dl dd{ margin:0; padding:0;}
ul, li {list-style: none;}
img{border: none;}
.clearboth{clear: both;}
.page {text-align: center;margin: 0 0 80px 0;width: 100%;float: left; font-size:1.2em;}
.page a {background: #b3b3b3;color: #fff;margin: 0 2px;padding: 2px 8px; font-size:16px;}
.page a.dq, .page a:hover {background: #f00; color:#fff;}

header{ height:60px; /*background:#fff;*/background-color: rgba(17,17,17,0.8); position:fixed; top:0; left:0; z-index:9999; width:100%;}
header .logo{ float:left; margin-top:18px; width:80%;}
header .logo img{ /*display:inline-block;*/ float:left; margin-right:8px; vertical-align:middle; max-width:45%;}
header .logo h1{ font-weight:normal; /*display:inline-block;*/ float:left; border-left:1px solid #ccc; font-size:22px; line-height:22px;margin-top: 5px; padding-left:8px; margin:0; color:#fff;}
header .caidan{ float:right;}
header .yy{ /*border:1px solid #fff;*/ border-radius:20px; float:right; margin-left:10px; margin-top:17px; display:none;}
header .yy a{ display:inline-block; text-align:center; padding:0 10px; line-height:26px; font-size:13px; color:#fff;}
header .yy a.on{ background:#ff0000; border-radius:20px; color:#fff;}

/*菜单*/
.nav{ float:left; display:none;}
.nav ul{ margin-bottom:0 !important;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; color:#fff; text-align:center; font-size:18px; line-height:60px; position:relative; padding:0 20px;}
.nav ul li a.on{color:#ff0000; /*border-bottom:4px solid #ff0000;*/}
.nav ul li a:hover,.header .nav ul li a.on{color:#ff0000; /*border-bottom:4px solid #ff0000;*/}

/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:120px; left:-50px; z-index:99999; width:200px; background:#fff; box-shadow:0 3px -8px #b3b3b3;}
#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff; margin:0;}
#menu ul ul li a{ color:#555; font-size:17px; line-height:26px; padding:10px 10px; display:block;text-align: center;}
#menu ul ul li a:hover{ color:#124ad8; background:#f6f7f7;}
#menu ul ul li a:hover i{ color:#555;}
#menu ul ul li a:after,#menu ul ul li a:hover:after{ display:none;}
#menu ul ul li .on{ background:#f6f7f7;}
#menu ul ul li .tit{background:#f6f7f7; height:55px; line-height:55px; width:266px;text-align:left; padding:0 15px; border-radius:5px 5px 0 0; font-weight:bold;color: #485a64; font-size:20px;border-bottom:1px solid #ddd;}


/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:20px; display:block;}
.sp_nav span{display:block;background:#f00;width:30px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f00;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e20505 solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #e20505 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%; display:block;}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:0}

/*banner开始*/
.banner{ width:100%; overflow:hidden;}
.banner .swiper-container {width:100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img{ width:100% !important; height:100% !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{color:#f00;}
.swiper-button-next:after, .swiper-button-prev:after{ color:#f00;}
.swiper-pagination-bullet-active{ background:#f00 !important;color:#f00 !important;}
.banner .ph{ display:block;}
.banner .pc{display:none;}

/*内页banner*/
.ban{ width:100%;display:none;}
.ban img{ display:block; max-width:100%; margin:auto;}
.ban1{ width:100%;display:block;}
.ban1 img{ display:block; max-width:100%; margin:auto;}

.main{ margin:20px 0 100px 0;}
.ny_tit{ line-height:30px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.ny_tit h2{ text-align:left; margin:0; line-height:30px; display:block; float:left; font-size:20px; color:#555; font-weight:bold;}
.ny_tit h2 img{ display:inline-block; margin-right:6px; vertical-align:sub; max-width:30px;}
.weizhi{ float:right; font-size:14px; color:#555;}
.weizhi a{ color:#555;}
.weizhi span{ color:#ff0000;}

/*关于我们*/
.about{ background:#fff; margin-top:8%; /*padding:30px 20px 20px 20px;*/}
.about h2{ margin-bottom:30px;}
.about-title{height:40px; line-height:40px; width:320px; background:url(../images/bg2.png) center no-repeat;margin:0 auto; text-align:center;font-size:28px; margin-bottom:30px;}
.about .nr{}
.about .nr p{ text-indent:2em; font-size:16px; line-height:26px;}
.about .shebei{ margin-top:50px;}
.about .shebei .l{ overflow:hidden; padding:5px; box-shadow:2px 10px 10px #ddd; border:1px solid #ddd;}
.about .shebei .l img{max-width:100%;display:block;margin:0 auto;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.about .shebei .l:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

/*.about_left h2{ text-align:left; font-size:20px; color:#ff0000; line-height:18px; margin:0 0 20px 0; font-weight:normal;}
.about_left{}
.about_left p{ text-align:left; text-indent:2em; color:#555; font-size:14px; line-height:32px; margin:0;}
.adout_right{padding-top:44px;}
.adout_right img{ display:block; max-width:100%;}*/

.about2{ margin:30px auto; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:20px;background:#fff;}
.about2 .l{color:#666; margin-bottom:15px; padding:0 10px;}
.about2 .l h3{ font-size:12px; font-weight:normal; text-align:center;}
.about2 .l h2{ font-size:26px; line-height:26px; font-weight:bold; text-align:center; float:left; margin-left:30%;}
.about2 .l h2.f1{ margin-left:30%;}
.about2 .l h2.f2{ margin-left:15%;}
.about2 .l h2.f3{ margin-left:30%;}
.about2 .l h2.f4{ margin-left:15%;}
.about2 .l b{ font-size:20px; line-height:40px; display:inline-block; font-weight:normal;}

/*产品中心*/
.cp_tu{overflow: hidden; border: solid 1px #d9d9d9; box-shadow:0 0 8px #b3b3b3;}
.cp_tu img{display: block; max-width:100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;
backface-visibility: hidden;opacity: 1;}
.cp_list{ margin-bottom:25px;}
.cp_list:hover .cp_tu img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

/*联系我们*/
.contact{ margin:15% auto;}
.contact .c_left{border-right:none; margin-bottom:25px;}
.contact_left{}
.contact_left h2{ text-align:left; font-size:20px; color:#333; line-height:40px; margin-top:0;}
.con1{ border-top:2px solid #333; border-bottom:2px solid #333; padding:20px 0; margin:20px 0;}
.con1 h3{ font-size:16px; color:#666; text-align:left; line-height:20px; /*margin:0 0 18px 0;*/}
.con1 h3 img{ display:inline-block; vertical-align:middle; margin-right:4px;}
.con1 h3 p{display:inline-block;}
.ewm{ margin:20px 0;}
.ewm1{ float:left; margin-right:20px; width:130px; border:1px dashed #ddd; padding:9px;}
.ewm1 img{ display:block; max-width:100%; margin:auto;}
.ewm2{ float:left;}
.ewm2 img{ display:block; margin-top:30px;}
.ewm2 h2{ text-align:left; font-size:20px; line-height:30px; color:#292929; font-weight:normal; margin:20px 0 2px 0;}
.ewm2 p{ font-size:14px; color:#696969; margin:0;}


/* 底部开始*/
.footer{ background:#161010; height:auto; width:100%; position:fixed; bottom:0; left:0; z-index:999; padding:10px 0;}
.foo_l{ float:left; color:#fff; font-size:14px; line-height:25px; display:none;}
.foo_l p{ margin-bottom:0;}
.foo_l a{ color:#fff;}
.foo_l a:hover{ color:#ff0000;}
.foo_2{display:block !important;}
.foo_r{ float:left; display:none;}
.foo_r1{ width:38px; height:38px; border-radius:50%; background:#fff; margin:6px 60px 0 0; position:relative;}
.foo_r1 img{ display:block; width:38px; margin:auto;}
.foo_r1 .hover{ position:absolute; top:-132px; left:50%; margin-left:-60px; width:120px; height:137px; display:none;}
.foo_r1 .hover img{ width:120px; display:block; margin:auto;}
.foo_r1:hover .hover{ display:block;}

/*手机端电话*/
.slides{position:fixed;right:0;bottom:20%; display:block;}
.slides .slideul>li{position:relative;display:block;width:46px;height:46px;margin-bottom:10px;overflow:visible;}
.slides .slideul>li.kefu{width:56px;padding-left:10px;margin-left:-10px;}
.slides .slideul>li ul.kefulist{position:absolute;left:-112px;top:-65px;padding-right:10px;display:none;}
.slides .slideul>li ul.kefulist li{margin-bottom:10px;}
.slides .slideul>li ul.kefulist li a{display:block;width:90px;height:30px;line-height:30px;background:#a8defe;color:#fff;text-align:center;text-decoration:none;}
.slides .slideul>li ul.kefulist li a:hover{text-decoration:none;}


@media (min-width:768px) { 
	header{}
	header .logo{margin-top:20px; width:50%;}
	header .logo img{max-width:100%;}
	header .logo h1{ font-size:26px; line-height:26px;}
	.nav{display:none;}
	.sp_nav{display:block;}
	header .yy{ display:block;}
	.banner .ph{ display:block;}
	.banner .pc{display:none;}
	.ban{display:block;}
	.ban1{display:none;}
	.footer{height:50px;padding:0;}
	.foo_l{line-height:50px; display:block;}
	.foo_r{ float:right; display:block;}
	.main{ margin:40px 0 100px 0;}
	.ny_tit h2{font-size:24px;}
	.about2 .l{margin-bottom:0;}
	.about2 .l h3{ font-size:14px;}
	.about2 .l h2{ font-size:40px; line-height:40px; margin-left:30%;}
	.about2 .l h2.f1{ margin-left:36%;}
	.about2 .l h2.f2{ margin-left:28%;}
	.about2 .l h2.f3{ margin-left:38%;}
	.about2 .l h2.f4{ margin-left:30%;}
	.about2 .l b{ font-size:30px; line-height:40px;}
	.contact .c_left{border-right: 1px dashed #000000; margin-bottom:0;}
	.con1{padding:30px 0;}
	.foo_2{display:none !important;}
	.slides{ display:block;}
}

@media (min-width:992px) {
	header{}
	header .logo{margin-top:17px; width:30%;}
	header .logo img{max-width:100%;}
	header .logo h1{ font-size:26px; line-height:26px;}
	.nav{display:block;}
	.sp_nav{display:none;}
	.banner .ph{ display:none;}
	.banner .pc{display:block;}
	.slides{ display:block;}
}

@media (min-width:1200px) {
	header{}
	.nav{display:block;}
	.sp_nav{display:none;}
	.slides{ display:none;}
	.contact{ margin:8% auto;}
	
}
@media (min-width:1400px) {
.contact{ margin:8% auto;}
}
@media (min-width:1600px) {
.contact{ margin:15% auto;}
}