@charset "UTF-8";

*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html, body, form, fieldset, legend{margin:0;padding:0;}
body, input, select, textarea{font-family:"思源黑体";font-size:16px;line-height: 1.8;color: #333;}
body {color:#555;margin:0px;padding:0;overflow-x:hidden;position:relative;background-color:#b5b5b5 !important;}
* {padding: 0;margin: 0; font-family:"思源黑体 CN" !important;}
input, select, textarea {border-radius:0;outline:none; }
a{color:#333;text-decoration:none !important; }
a:hover{color:#f08519;}
p{margin: 0 0 0.16rem;}
p img{display:inline-block;}
ul, dl, dl dt, dl dd{ margin:0; padding:0;}
ul, li {list-style:none;}
img {border:none;}

/* 限制行数省略号 */
.e1{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.e2{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.e3{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.e4{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.e5{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

/*分页*/
/*.page_list{margin:0 auto;margin-top:20px;}
.page_list ul{list-style:none;margin:0;padding:0;font-size:0;text-align:center;}
.page_list ul li{display:inline-block;font-size:15px;margin:0 0.5rem;line-height:28px !important;border-bottom: none !important;}
.page_list ul li a{display:block;padding:2px 5px;background-color:#f5f5f5; color:#555;border:1px solid #ddd;}
.page_list ul li a:hover{background-color:#555;color:#fff;}
.page_list ul li a.on{color:#fff !important;background-color:#555;}*/

.page {text-align: center;margin: 20px 0 20px 0;width:100%;font-size:1.2em;}
.page a {background-color:#f5f5f5; color:#555;margin:0 5px;padding:4px 10px;font-size:16px;}
.page a.dq, .page a:hover {background:#555;color:#fff;}

.container{background:#fff;padding: 0 !important;}

/*头部*/
header{}
header .top_right{float:right;width:225px;height:70px;color:#bebebe;text-align:left;background:url(../images/tel.png) no-repeat left;padding-left:60px;margin-top:5px;margin-right:20px;}
header .top_right h3{font-size:14px;line-height:1;font-weight:normal;color:#fff; margin-top:13px;margin-bottom:0;}
header .top_right h4{font-family:Impact  !important;font-size:28px;line-height:1;color:#fce902;margin-top:4px;}
header .top_right p{ margin-left:10px; font-size:14px; color:#333; line-height:20px; text-align:right; text-transform:uppercase;}
header .top_right p strong{ color:#fd010c; font-size:18px;}
header .h_top{background-image:linear-gradient(to top,#6d6e6e,#464646);color:#fff;height:85px;padding:5px 0;}
header .h_top .logo{float:left;padding:0 15px;}
header .h_top .logo img{max-width:100%;display:inline-block;}

/*菜单*/
.nav{display:block;width:100%;background: url("../images/nav_bj.jpg") repeat-x left;padding:15px 0;}
.nav ul{}
.nav ul li{ float:left;position:relative;}
.nav ul li a{ display:block;color:#fff;text-align:center;font-size:16px;line-height:20px;position:relative;padding:0 107px;border-left:1px solid #676767;border-right:1px solid #2e2e2e;}
.nav ul li a.last{border-right:none;}
.nav ul li a.on{color:#fff;font-weight:bold;}
.nav ul li a:hover,.nav ul li a.on{color:#fce902;}

/*二级菜单*/
#menu ul ul {display:none;position:absolute;top:25px;left:0px;z-index:99999;width:280px;background:#555;box-shadow:0 3px -8px #b3b3b3;}
#menu ul ul li{background:none;float:none;margin:0;}
#menu ul ul li a{color:#fff;font-size:15px;line-height:28px;border-bottom:solid 1px #ccc;padding:10px 10px;display:block;text-align:center;border-left:none;border-right:none;}
#menu ul ul li a:hover{color:#555; background:#fff;}
#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;}

.banner{width:100%;}
.banner .swiper-wrapper{height:auto !important;}
.banner .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.banner .swiper-slide {text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */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; width:100% !important;}
.banner .swiper-slide img{width:100% !important;}
.banner .swiper-slide .pc{display:block;}
.banner .swiper-slide .phone{display:none;}

/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:-38px;right:15px; display:none;}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;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:#666;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:60px}
.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;width: 85%;text-align: right;}
.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 #aaa solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #aaa solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.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}

.sy_title{margin-bottom:50px;text-align:center;}
.sy_title .cn{font-size:36px;font-weight:bold;text-align:center;color:#222;}
.sy_title .en{margin-top:0;font-family:Impact !important;font-size:22px;font-weight:400; color:#888;}
.sy_title .line{margin-top:10px;}
.sy_title .line img{display:block;max-width:100%;margin:0 auto;}

.ny_title{margin-bottom:40px;text-align:center;}
.ny_title .cn{font-size:28px;font-weight:bold;text-align:center;color:#222;}
.ny_title .en{margin-top:0;font-family:Impact !important;font-size:22px;font-weight:400; color:#888;}
.ny_title .line{margin-top:10px;}
.ny_title .line img{display:block;max-width:100%;margin:0 auto;}

.main{padding:20px 15px;}
.main_left1{display:block;}
.main_left2{display:none;}
.main_left{padding-left:5px;}
.main_left .title{background:#2e2e2e;height:42px;line-height:42px;color:#fff;font-size:18px;padding:0 10px;border-left:5px solid #fce902;}
.main_left .title span{font-size:12px;padding-left:5px;}
.main_left .box1{margin-bottom:20px;background-image:linear-gradient(to top,#2f2f2f,#4c4b4b);padding:10px;}
.main_left .box1 img{display:block;max-width:100%;margin:0 auto;border-radius:5px;border:5px solid #fff;}
.main_left .box2{margin-bottom:8px;/*background-image:linear-gradient(to top,#565656,#696969);*/ background:#eee; padding:25px;color:#222;font-size:16px;}
.main_left .box2 ul{margin-bottom:0;}
.main_left .box2 ul li{line-height:41px;text-align:left;}
.main_left .box2 ul li i{display:inline-block;padding-right:10px;color:#aaa;}
.main_left .box2 ul li p{display:inline-block;margin-bottom:0;}
.main_left .box5{padding:15px;font-size:16px;border: 1px solid #ddd;}
.main_left .box5 .l{border:1px solid #ddd;text-align:center;padding:15px 15px;color:#333;}
.main_left .box5 .l a{color:#555;}
.main_left .box5 .l a i{padding-right:10px; color:#fce902;}
.main_left .box5 .l:hover{background:#ddd;}

.main_left .box6{margin-bottom:15px;background-image:linear-gradient(to top,#565656,#696969);padding:15px;color:#fff;font-size:15px;}
.main_left .box6 ul{margin-bottom:0;}
.main_left .box6 ul li{/*border:1px solid #fff;*/text-align:left;margin-bottom:10px;color:#fff;}
.main_left .box6 ul li:last-child{margin-bottom:0;}
.main_left .box6 ul li a{color:#fff;font-size:16px;display:block;padding: 10px 15px;border-radius:5px;background-image:linear-gradient(to left,#999,#777);}
.main_left .box6 ul li i{padding-right:5px; color:#fce902;}
.main_left .box6 ul li a:hover{background:#016aab;}
.main_left .box6 ul li a.on{background:#016aab;}

.main_center{}
.main_center .title{height:42px;line-height:42px;border-left:5px solid #fce902;color:#fff;font-size:18px;padding:0 10px;background-image:linear-gradient(to top,#696969,#383838);}
.main_center .title i{font-size:12px;padding-left:5px;font-style:normal;}
.main_center .title span{float:right;font-size:13px;}
.main_center .title span a{color: #fff;}
.main_center .box3{padding:15px 0;}
.main_center .box3 .b1{letter-spacing:0.5px;color:#5d5d5d;text-indent:2em;font-size:16px;line-height:26px;padding:15px 30px;}
.main_center .box3 .b2 .swiper-container{border:5px solid #ddd;}
.main_center .box3 .b2{overflow: hidden;margin-top:0;}
.main_center .box3 .b2 img{display:block;max-width:100%;margin:0 auto;}
.main_center .box4{margin-top:15px;margin-bottom: 20px;}
.main_center .box4 .pic{overflow:hidden;}
.main_center .box4 .pic img{display:block;max-width:100%;margin:0 auto;transition:all .8s ease 0s;}
.main_center .box4 .pic:hover img{transform:scale(1.1,1.1);}
.main_center .box4 .tit{text-align:center;font-size:16px;color:#222;line-height:30px;background:#f2f2f2;padding:5px;}

.main_center .sy_hezuo{padding:15px 0;}
.main_center .sy_hezuo .item{line-height:46px;font-size:16px;border-bottom: 1px dashed #ddd;padding:0 8px;}
.main_center .sy_hezuo .item i{color:#016aab;padding-right:7px;}
.main_center .sy_hezuo .item span{float:right;font-size:14px;color:#999;}
.main_center .sy_hezuo .item span i{color:#999;}
.main_center .sy_hezuo .item:hover{color:#016aab;}

@-webkit-keyframes rowup {
	0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	100%{-webkit-transform: translate3d(0, -307px, 0);transform: translate3d(0, -307px, 0);}
}
@keyframes rowup {
	0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	100%{-webkit-transform: translate3d(0, -307px, 0);transform: translate3d(0, -307px, 0);}
}

.demo-list{position:relative;height:197px;overflow: hidden;border-radius:5px;background:#fff;padding:5px;}
.demo-list .rowup{-webkit-animation: 10s rowup linear infinite normal;animation:10s rowup linear infinite normal;position:relative;}
.demo-list .item{line-height:26px;font-size:16px;}
.demo-list .item span{color:#016aab;padding-right:5px;}

.main_about{padding-left:0 !important;}
.main_about .title{height:42px;line-height:42px;border-left:5px solid #fce902;color:#fff;font-size:18px;padding:0 10px;background-image:linear-gradient(to top,#696969,#383838);}
.main_about .title i{font-size:12px;padding-left:5px;font-style:normal;}
.main_about .nr{padding:20px;font-size:15px; line-height:26px;background:#E6E6E6;min-height:418px;}
.main_about .nr p{text-indent:2em;}
.main_about .nr .zz_list{ padding:10px; background:#f6f7fa;box-shadow: 5px 5px 10px #ddd;margin:10px 0;}
.main_about .nr .zz_list .img1{overflow:hidden;}
.main_about .nr .zz_list .img1 img{ max-width:100%; display:block; margin:0 auto;transition: all 0.6s ease-out;border-bottom:1px solid #e8e8e8; padding-bottom:25px;}
.main_about .nr .zz_list .img1 img:hover{transition: all 0.6s;transform: scale(1.1);}
.main_about .nr .zz_list .tit{ margin-top:15px;background:url(../images/fd.png) no-repeat right; color:#333; font-size:18px;}
.main_about .hezuo{padding:20px;background:#E6E6E6;min-height:706px;;}
.main_about .hezuo ul li{line-height:42px;border-bottom: 1px dashed #aaa;font-size:15px;}
.main_about .hezuo ul li a{color:#333;}
.main_about .hezuo ul li i{color:#016aab;padding-right:5px;font-style:normal;}
.main_about .hezuo ul li span{float:right;color:#888;}
.main_about .hezuo ul li span i{padding-right: 10px; color:#888;}
.main_about .hezuo ul li:hover{color:#016aab;}
.main_about .hezuo ul li a:hover{color:#016aab;}

.ny_product .l{margin-bottom:20px;}
.ny_product .link{display:block;width:100%;background:#fff;padding:20px 20px 0;}
.ny_product .link .img{width:100%;/*height:363px;*/display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative;padding-top:0;}
.ny_product .link .img::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:rgba(255, 255, 255, .5);transition:all .4s ease;opacity:0;}
.ny_product .link .img img{max-width:100%;max-height:100%;}
.ny_product .link .img i{position:absolute;z-index:2;width:50px;height:50px;border-radius:50%;background: #0056b8 url('../images/brand3ic.png') no-repeat center;top:50%;left: 50%;margin:-25px 0 0 -25px;transform: scale(0);opacity:0;transition:all .6s ease;}
.ny_product .link .name{display:flex;align-items:center;justify-content:center;transition:all .4s ease;border-top:1px solid #ebebeb;width:100%;height:42px;color:#555555;font-size:18px;}
.ny_product .link:hover .img::after{opacity:1;}
.ny_product .link:hover .img i{opacity:1;transform:scale(1);}
.ny_product .link:hover .name{color:#0056b8;}

.news_show{}
.news_show .title1{padding-bottom:10px;border-bottom:1px dashed #aaa;font-size:20px; color:#222;text-align:center;margin-bottom:20px;}
.news_show .title1 span{display:block;color:#888;font-size:15px;padding-top:10px;}
.news_show .title1 span i{padding-right: 10px;}
.news_show .nr{line-height: 26px; font-size: 15px;}
.news_show .nr p{text-indent:2em;}
.news_show .nr img{display:block;max-width:100%;margin:0 auto;}
.news_show .nr .back{margin:0 auto;margin-top:20px;width:120px; height:42px; line-height:42px;}
.news_show .nr .back a{ display:block; margin:0 auto; width:100%;border-radius:21px;background:#016aab;color:#fff;font-size:16px;text-align:center;}
.news_show .nr .back a i{ padding-right:10px;}
.news_show .nr .back a:hover{background:#fff; color:#016aab; border:2px solid #016aab;}

.contact{padding:30px;}
.contact .tit{font-size:20px;margin-bottom:20px;}
.contact ul{margin-bottom:0;}
.contact ul li{line-height:26px;text-align:left;}
.contact ul li i{display:inline-block;padding-right:10px;}
.contact ul li p{display:inline-block;text-indent: 0 !important;}

.footer{background-image:linear-gradient(to top,#696969,#333233); color:#fff;height:68px;line-height:68px;text-align:center;}
.footer a{color:#fff;}
#tel{display:none;}

@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){
	.nav ul li a{font-size:16px;padding: 0 85px;}
}
@media screen and (max-width:1400px){
	.main_center .sy_hezuo .item span{display: none;}
}
@media screen and (max-width:1200px){
	.nav ul li a{padding: 0 65px;}
	.main_center .sy_hezuo .item span{display: none;}
}
@media screen and (max-width:1200px){
	.nav ul li a{padding: 0 65px;}
}
@media screen and (max-width:768px){
  header{ height:60px;}
  header .logo img{max-width:60%;}
  header .logo .top-zi{display:none;}
  header .top_right{display:none;}
  .nav{display:none;}
  .sp_nav{display:block;}
  .sjj_nav ul li a.zhuce{background:#1968d3;border-radius:15px;padding:0 15px;}
  .banner .swiper-slide .pc{display:none;}
  .banner .swiper-slide .phone{display:block;}
  .main_center .box3 .b2{display:none;}
  .main_center .box3 .b1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;padding:0 15px;}
  .main_center .box4{margin-top:20px;border:1px solid #eee;}
  .main_center .sy_hezuo{height:300px;overflow:hidden;margin-bottom:20px;}
  .main_center .sy_hezuo .item span{display:none;}
  .main_left .box5 .l{text-align:left;margin-bottom:10px;}
  .footer{height: auto;line-height: 26px;padding:10px;}
  .main_about{padding-left:15px !important;}
  .main_about .nr{min-height:auto;}
  .main_left1{display:none;}
  .main_left2{display:block;margin-top:15px;}
  .main_about .hezuo ul li span{display:none;}
  .main_left .box2{padding:15px;}
  .main_left .box6{margin-bottom:0;}
  .contact{padding:0;}
   #tel{position:fixed;right:10px;bottom:140px;background:#016aab;text-align:center;border-radius:22px;width:41px;font-size:16px;color:#fff;padding:3px 10px 5px 10px;z-index:9999;display:block;}
  #tel i{display:block;color:#fff;font-size:24px;}
}

