@charset "utf-8";
/*html, body { opacity: 0}*/

body{color:#333; font-size:14px; font-family:"思源黑体";}
*{margin:0; padding:0; font-family:"思源黑体 CN" !important;}
ul,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul li{list-style:none;}
.clearboth{clear:both;}
a {text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color:#fc3516;}
.page{ text-align:center; margin:10px 0 30px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}
.boxsizing{box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}
.swiper-pagination-bullet-active{background:#0780f1 !important;}
.swiper-button-next, .swiper-button-prev{color:#0780f1 !important;}
.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;}


/*导航*/
#header{background:#fff;box-shadow:0 0 0.15rem rgba(0,0,0,.2);/*position:fixed; left:0; top:0; */width:100%; transition:all 0.5s ease; z-index:10;padding-top:0;}
#header .top1{width:100%; height:27px;line-height:27px;color:#9b9b9b;}
#header .top1 .top1-left{float:left; font-weight:normal;}
#header .top1 .top1-right{float:right;background:url(../images/tel.png) no-repeat left center;padding-left:20px;font-size:15px;color:#555;margin-right:30px;}
#header .top1 .top1-right b{font-size: 19px;color: #da251d;font-weight: bold;}
#header .top2 .logo{float:left;width:25%;font-size:26px;font-weight:bold;color:#0c6fb3;margin-top:3px;}
#header .top2 .logo img{ max-height:80px;/* max-width:100%;*/}
#header .top2 .nav-box{float:right; width:68%; padding:32px 0;display:none; line-height:62px;}
#header .top2 .nav-box ul li{float:left;font-size:20px; padding-left:56px; position:relative;}
#header .top2 .nav-box ul li a{ color:#444; position:relative;}
#header .top2 .nav-box .h_lan{position: relative;margin-left:0;padding:0;cursor: pointer;}
#header .top2 .nav-box .h_lan .icon{display: inline-block;width:21px;height:21px;-webkit-border-radius:100%;background:url("../images/tm.png") no-repeat center center;background-size: auto;background-size: cover;margin-right:5px;border-radius:100%;vertical-align:middle;}

#header .top2 .nav-box .sub{ z-index:999; display: none; width:200px; left:60px; top:70px; position: absolute; line-height: 30px; padding:0; background:#fff; box-shadow:0 0 6px #b3b3b3;}
#header .top2 .nav-box .sub li{zoom: 1; float:none; text-align: left; color: #333; font-size: 1.5rem; padding:10px 15px; line-height:1.5;}
#header .top2 .nav-box .sub li a{ color:#333; display:block;}
#header .top2 .nav-box .sub li a:after{top:30px;} 
#header .top2 .nav-box .sub li:hover a{ color:#0065b2;}

#header .top2 .nav-box ul li a:after {position: absolute; content: ''; bottom: 0; width: 0; left: 50%; height:2px; background: #0065b2; transition:all .3s ease; top:46px;}
#header .top2 .nav-box ul li .on:after{width: 100%; left: 0; color:#0065b2;}
#header .top2 .nav-box ul li a:hover:after{ width: 100%; left: 0; color:#0065b2;} 
#header .top2 .nav-box ul li a:hover,#header .top2 .nav-box ul li a.on{ color:#0065b2;}
#header .top2 .nav-box ul li.last{background:none;}
#header .top2 .nav-box2{float:right;display:block; position:relative;}
/*#header .top2 .nav-box2 ul{display:none;width:180px; position:absolute;top:50px; right:0; background:#12496b; z-index:9999 !important;}
#header .top2 .nav-box2 ul li{text-align:center;line-height:2.4; border-bottom:1px solid #aaa;}
#header .top2 .nav-box2 ul li a{color:#fff;display:block; font-size:16px;}
#header .top2 .nav-box2 ul li a:hover{background:#c50c22;}*/

/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:22px;}
.sp_nav span{display:block;background:#0065b2;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:#0065b2;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;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 #0a83df solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #0a83df 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}

#banner{ position:relative;/*margin-top:109px;*/}
#banner img{width:100%;}
#banner .link{width:300px;position:absolute; left:50%; bottom:25%; margin-left:-150px; display:none;}
#banner .link ul li{width:120px; text-align:center;float:left;}
#banner .link ul li a{display:block; padding:10px 0; border:1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}
#banner .link ul li a:hover{background:#fff; color:#333; transition:0.3s ease-in 0.1s;text-decoration:underline;}
#banner .link ul li.last2{float:right;}
#banner .link ul li a{color:#fff;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px !important;}

#menu-list{ padding:40px 0;}
#menu-list .container{padding:0;}
#menu-list ul li{width:50%; float:left; position:relative; overflow:hidden;}
#menu-list ul li.last3 img{border-right:none;}

#menu-list .ico{display:block;width:112px;height:112px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background: #f0f0f0;margin: 0 auto 20px;position: relative;overflow: hidden;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#menu-list .ico1{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#menu-list img{    display: block; margin: 30px auto;}
#menu-list .ico2{content:"";position: absolute;left: -100%;top: 0;width: 100%;height: 100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#menu-list h3{font-size: 20px; color: #333; margin-bottom: 8px; text-align:center;}
#menu-list p{font-size: 14px; color: #727272; text-align: justify; text-align-last: center;}
#menu-list ul li:hover .ico{background: #ee3c0b}
#menu-list ul li:hover .ico2 {left: 0;}
#menu-list ul li:hover  .ico1 {left: 100%;}

/*首页产品*/
.sy_product{background: url("../images/product_bj.jpg") no-repeat center;background-size:cover;overflow:hidden;}
.sy_product ul{display: flex;justify-content: space-between;position: relative;width: 100%;height:90%;}
.sy_product ul li{width:25%;height:49vh;border-right:1px solid rgba(0, 0, 0, 0.1);position: relative;/*top:200px;opacity:0;*/transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;padding-top:0;float:left;}
.sy_product ul li:last-child {border-right: none;}
.sy_product ul li .box{position:absolute;width:100%;left:0;bottom:20px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.sy_product ul li .box .tu{padding:0 14%;height:100px;display:flex;align-items:center;}
.sy_product ul li .box .tu a{display: block;margin: 0 auto;}
.sy_product ul li .box .tu .t-box{position:relative;top:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.sy_product ul li .box .tu .t-box img {width:100%;}
.sy_product ul li .box .tu .t-box img.color{position:absolute;left:0;top:10px;opacity:0;}
.sy_product ul li .box .text {padding: 20% 20% 0 20%;background: none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.sy_product ul li .box .text h3 {color:#666;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.sy_product ul li .box .text h2 {font-weight: bold;color: #000;margin: 4% 0 7%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;font-size:16px;}
.sy_product ul li .box .text .line {width:30px;height:2px;background:#000;opacity:0.5;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.sy_product ul li .box .text .ul {margin-top:10%;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;height:175px;
  overflow:hidden;display:none;}
.sy_product ul li .box .text .ul p {color: #fff;opacity:0.8;line-height:30px;font-size:16px;}
.sy_product ul li .box .text .more{width:40px;height:40px;background:#fff;text-align:center;line-height:40px;margin-top:30%;opacity:0;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition:all 0.5s;}
.sy_product ul li .box .text .more span{font-weight:bold;font-size:24px;color:#3ec992;}
.sy_product ul li .box:hover {bottom:0;}
.sy_product ul li .box:hover .tu {align-items:flex-end;}
.sy_product ul li .box:hover .tu .t-box {top:0;}
.sy_product ul li .box:hover .tu .t-box img.regular{opacity:0;}
.sy_product ul li .box:hover .tu .t-box img.color{opacity: 1;}
.sy_product ul li .box:hover .text {/*background: #c00000;*/background-image: linear-gradient(to top,#0e549a,#1681c6);padding:35% 15% 35% 15%;}
.sy_product ul li .box:hover .text h3 {color:#fff;}
.sy_product ul li .box:hover .text h2 {color:#fff;}
.sy_product ul li .box:hover .text .line {background:#fff;opacity: 1;}
.sy_product ul li .box:hover .text .ul {opacity:0;}
.sy_product ul li .box:hover .text .more {opacity: 1;}

/*首页关于我们*/
.sy_about{position:relative;background: url(../images/bg_line.jpg);}
.sy_about .a_left{padding-top:30px;/*position:relative;*/width:92%;z-index:2;float: left;margin-left:4%;}
.sy_about .a_left .a_tit{}
.sy_about .a_left .a_tit .tit_en{font-size:33px;color:#097fdd;font-weight:bold;text-transform:uppercase;line-height:1;}
.sy_about .a_left .a_tit .tit{position:relative;z-index:1;margin-bottom:10px;font-size:28px; color:#000;line-height:1.4;}
.sy_about .a_left .a_tit .tit:after{content:'';position:absolute;width:117px;height:13px;background-image: linear-gradient(to right,#0e549a,#3ec992);left:0;bottom:0;z-index:-1;} 
.sy_about .a_left .a_tit .con{font-size:24px; color:#000;}
.sy_about .a_left .text{margin:30px 0;font-size:16px;line-height:28px;color:#666;}
.sy_about .a_left .a_more{display:inline-block;height:40px;line-height:40px;padding:0 23px;border:1px solid #0780f1;border-radius:20px;transition:all 0.5s ease;color:#0780f1;}
.sy_about .a_left .a_more i{padding-left:10px;}
.sy_about .a_left .a_more:hover{background:#0780f1;color:#fff;}
.sy_about .a_left .tubiao{margin-top:10%;}
.sy_about .a_left .tubiao ul li{float:left;width:25%;text-align: center;}
.sy_about .a_left .tubiao ul li .li_box{padding:0 4px;}
.sy_about .a_left .tubiao ul li .li_box .pic{overflow:hidden;}
.sy_about .a_left .tubiao ul li .li_box .pic img{display:block;width:85%;margin:0 auto;transition:all 0.4s;}
.sy_about .a_left .tubiao ul li a:hover .li_box .pic img{transform:rotate(360deg);}
.sy_about .a_left .tubiao ul li .txt{font-size:14px;line-height:30px;color:#b1b1b1;margin-top:5px}
.sy_about .a_left .tubiao ul li .txt i{color:#52de91;padding-left:5px;font-size:16px;}

.sy_about .a_right{/*position:absolute;right:0;top:0;*/width:100%;float: right;}
.sy_about .a_right img{display:block;max-width:100%;margin:0 auto;}
.sy_about .content{background:#fff;width:68%;position:relative;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);margin:30px 0 120px;}
.sy_about .content ul{padding:50px 30px;text-align:center}
.sy_about .content ul li{float:left;width:25%;}
.sy_about .content ul li .li_box{padding:0 10px;}
.sy_about .content ul li .li_box .pic{overflow:hidden;}
.sy_about .content ul li .li_box .pic img{display:block;width:80px;margin:0 auto;transition:all 0.4s;}
.sy_about .content ul li a:hover .li_box .pic img{transform:rotate(360deg);}
.sy_about .content ul li .number{font-size:17px;color:#181e26;;}
.sy_about .content ul li .number span{font-size:65px;line-height:65px;display:inline-block;margin-right:5px;}
.sy_about .content ul li .txt{font-size:16px;line-height:30px;color:#b1b1b1;margin-top:15px}
.sy_about .content ul li .txt i{color:#52de91;padding-left:5px;font-size:18px;}

/*首页应用案例*/
.sy_case{background: url(../images/bg_line.jpg);position:relative;}
.sy_case .a_tit{position:relative;margin-top:30px;}
.sy_case .a_tit .tit_en{font-size:36px;color:#097fdd;font-weight:bold;text-transform:uppercase;line-height:1;}
.sy_case .a_tit .tit{position:relative;z-index:1;margin-bottom:10px;font-size:28px; color:#000;line-height:1.4;}
.sy_case .a_tit .tit:after{content:'';position:absolute;width:117px;height:13px;background-image: linear-gradient(to right,#0e549a,#3ec992);left:0;bottom:0;z-index:-1;} 
.sy_case .fl_menu {width:100%;margin: 0;padding:15px 15px 15px 15px;background-image: linear-gradient(to right,#0e549a,#3ec992);position:none;top: 13%;right: 0;z-index: 2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-height:120px;overflow:hidden;}
.sy_case .fl_menu p{ max-height:50px; overflow:hidden;}
.fl_menu a { display: block; width: 15%; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 18px;text-align: center;white-space:nowrap;text-overflow: ellipsis; margin: 0 1% 0 0; padding: 0 1%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.fl_menu a:hover, .fl_menu a.flMenu_on { color: #fff; font-weight: bold; border: 1px solid #fff; border-radius: 50px;}

.swiper-case{width:100%;height:100%;margin-top:30px;margin-bottom:30px;}
.sy_case .l{vertical-align:middle;position:relative;margin-bottom:50px;}
.sy_case .l a{position:relative;display:inline-block;width:100%;color:#fff;}
.sy_case .l .img{display:block;width: 100%;height:auto;padding:25px 10px;background-image: linear-gradient(to right,#e5e8ed,#eeeff3);}
.sy_case .l .img img{display:block; max-width:100%; margin:0 auto;}
.sy_case .l .txt{width:100%;padding:20px 0; background:rgba(0,0,0,.4); /*position:absolute; bottom:0; left:0;*/text-align:center;transition: 0.4s;}
.sy_case .l .txt .title{display:block;font-weight:600;font-size:1.3em;}
.sy_case .l .txt .social{list-style:none;padding:0 0 5px 0;margin:20px 0 40px;display:none;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);transition:all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;padding:0 20px;}
.sy_case .l .txt .social p{color:#fff;line-height: 28px; font-size: 16px;}
.sy_case .l .txt .social .more{margin:0 auto;margin-top:30px;width:80px;height:36px;line-height:36px; border:1px solid #fff; border-radius:18px; text-align:center; color:#fff;}
.sy_case .l a:hover .txt{/*height:50%;*/padding-top:8%;}
.sy_case .l a:hover .txt .social{display:block;transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.sy_case .l a:hover .txt .social .more{background:#0ba29a; color:#fff; border:none;}
.sy_case .l a .line {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:transform .4s ease-out .2s,opacity .4s ease-out;
 -ms-transition:-ms-transform .4s ease-out .2s,opacity .4s ease-out;}
.sy_case .l a .line1 {border-top:3px solid #3ec992; border-bottom:3px solid #3ec992; transform:scale(0,1); -ms-transform:scale(0,1)}
.sy_case .l a .line2 {border-left:3px solid #3ec992; border-right:3px solid #3ec992; transform:scale(1,0); -ms-transform:scale(1,0)}
.sy_case .l a:hover .line{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1}

/*首页新闻*/
.sy_news{position:relative;background:url("../images/news_bj.jpg")no-repeat center;padding:30px 0;}
.sy_news .a_tit{position:relative;}
.sy_news .a_tit .tit_en{font-size:36px;color:#097fdd;font-weight:bold;text-transform:uppercase;line-height:1;}
.sy_news .a_tit .tit{position:relative;z-index:1;margin-bottom:10px;font-size:28px;color:#000;line-height:1.4;}
.sy_news .a_tit .tit:after{content:'';position:absolute;width:117px;height:13px;background-image: linear-gradient(to right,#0e549a,#3ec992);left:0;bottom:0;z-index:-1;} 
.sy_news .a_tit .more{display:inline-block;position:absolute;bottom:0;right:0;font-size:16px;color:#333;z-index:11;}
.sy_news .a_tit .more i{padding-left:10px;color:#52de91;}
.swiper-news{width: 100%;height: 100%;margin-top: 50px;}
.sy_news .item{display: block;box-shadow:0 0 20px #ddd; border:1px solid #ddd; padding:70px 25px;transition:all 0.2s ease; position:relative;background:#fff;}
.sy_news .item:after{ content:''; position:absolute; bottom:0; left:0; width:0; height:4px; background:#52de91;transition:width 3s;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s; }
.sy_news .item:hover:after{ width:100%;}
.sy_news .item .sj{}
.sy_news .item .sj em{ display:block; font-style:normal; font-size:24px; line-height:20px; height: 20px; margin-bottom:5px; color:#a0a0a0;}
.sy_news .item .sj span{ display:block; width:70px; height:2px; background:#a0a0a0; margin-bottom:5px;}
.sy_news .item .sj i{ display:block; font-style:normal; font-size:18px; color:#afafaf;}
.sy_news .item h2{ font-size:19px; line-height:20px; color:#333; font-weight:bold; margin-bottom:30px; margin-top:0px;}
.sy_news .item p{ font-size:15px; line-height:30px; height:90px; overflow:hidden; margin-bottom:60px; color:#747474;}
.sy_news .item .gd{ display:block; width:56px; height:40px; border:2px solid #9fa0a3; text-align:center;background:url(../images/gd1.png) no-repeat center;}
.sy_news .item i{color:#097fdd;padding-right:5px; font-size:20px;}
.sy_news .item:hover h2{color:#097fdd;}
.sy_news .item:hover .gd{border:2px solid #097fdd; background:#097fdd;}
.sy_news .item:hover .gd,.sy_news .item.on .gd{ width:86px;background:url(../images/gd2.png) no-repeat center #097fdd;}

.sy_news .n_left{margin-top:3%;}
.sy_news .n_left .pic{overflow:hidden;}
.sy_news .n_left .pic img{display:block; max-width:100%; margin:0 auto;transform: scale(1,1);transition-duration: 0.5s;}
.sy_news .n_left .box{padding:30px 40px;background:#e30713;}
.sy_news .n_left .box .time{color:#fff;opacity:0.6;font-size:15px;}
.sy_news .n_left .box .time i{padding-right:10px;}
.sy_news .n_left .box .name{color:#fff;font-size:24px;font-weight:bold;}
.sy_news .n_left:hover .pic img{transform:scale(1.1,1.1);transition-duration:0.5s;}
.sy_news .n_right{}
.sy_news .n_right ul li{padding:3% 0;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.sy_news .n_right ul li:last-child{border-bottom:none;}
.sy_news .n_right ul li .pic{float:left;width:40.7%;overflow: hidden;}
.sy_news .n_right ul li .pic img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1);transition-duration: 0.5s;}
.sy_news .n_right ul li .text{float:right;width:54.5%;padding-top:1%;}
.sy_news .n_right ul li .text .time{color:#999;opacity:0.6;font-size:15px;}
.sy_news .n_right ul li .text .time i{padding-right:10px;}
.sy_news .n_right ul li .text .name{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;margin:4% 0 2%;font-size:24px;}
.sy_news .n_right ul li .text p{color:#666;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 1.6;height:4.8em;text-align:justify;font-size:16px;}
.sy_news .n_right ul li a:hover .pic img{transform:scale(1.1,1.1);transition-duration:0.5s;}
.sy_news .n_right ul li a:hover .name{color:#e30713;}
	
.product-list{background:#eeeeee;padding:10px 0 30px 0;  text-align:center;}
.pro-title{text-align:center;  position:relative; margin-bottom:30px;}
.pro-title h3{font-size:2em; font-weight:bold; color:#000;}
.pro-title p{ text-align:center; font-size:16px; line-height:12px; text-transform:uppercase; color:#878787; font-weight:200;}
.pro-title span{ display:block; width:52px; height:2px; background:#fc3516; margin:10px auto;}
.pro-title a{position:absolute; right:10px; top:10px;}
.product-list img{width:100%; }
.product-list p{margin-bottom:10px; line-height:2; font-size:1.2em;}
.product-list p a{color:#555;}
.pro-bg{width:100%; overflow:hidden;}
.pro-bg img{width:100%;transform:scale(1,1);transition-duration:0.5s; padding:4px;}
.cp_lj:hover .pro-bg img,.pro:hover .pro-bg img{ transform:scale(1.1,1.1); transition-duration:0.5s;}

.pro-bottom{background:#f6f6f6; border-left:3px solid #12486a;padding:10px 0; margin-top:20px;box-shadow:0 2px 4px #999;}
.pro-bottom h3{text-align:left;margin-top:0;text-indent:15px; font-size:18px; font-weight:bold;}
.pro-bottom ul li{display:inline-block; float:left; margin:0 15px;font-size:13px;line-height:1.8;}

.picMarquee-left{width:100%;overflow:hidden;position:relative;  /*border:1px solid #ccc;*/   }
.picMarquee-left .bd{padding:0px;}
.picMarquee-left .bd ul{overflow:hidden;zoom:1; }
.picMarquee-left .bd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;padding:0;}
.picMarquee-left .bd ul li .pic{text-align:center;}


.gengduo{width: 152px; margin: 30px auto; border-radius: 30px; overflow: hidden; position: relative}
.gengduo a em{ position: relative; font-style:normal; z-index: 9999; display: block; height: 40px; width: 152px; text-transform:uppercase; font-size:14px;}
.gengduo a{ display:block;color: #999; font-size: 15px; height: 40px; width: 152px; background: #eee; border:1px solid #ccc; text-align: center; line-height: 40px; border-radius: 50px;}
.gengduo:after{content: ''; display: block; width: 182px; background: #fc3516; height: 4px; position: absolute; bottom: 0; left: 0; transition: all .4s;}
.gengduo:hover:after{ height:40px;}
.gengduo a:hover{ color:#fff;}

.cp_lj{ display:block; width:100%; border:1px solid #ddd; background:#F5F5F5; margin-bottom:20px;}
.cp_lj p{ text-align:center; height:46px; line-height:46px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*内页服务与支持*/
.down_list{}
.down_list .l{background: #f1f2f6;padding: 20px; margin-bottom:30px;}
.down_list .l .pic{overflow:hidden;}
.down_list .l .pic img{display: block; max-width: 100%; margin: 0 auto; transform:scale(1,1); transition-duration:0.5s;}
.down_list .l .tit{font-size:18px; color: #000;margin:10px 0;}
.down_list .l .more{margin-top:15px;display:inline-block;padding:0 20px 0 15px;color:#fff;line-height:32px;height:32px;background:#0065b2; border-radius:30px;font-size:15px;}
.down_list .l .more i{padding-right:10px;}
.down_list .l a:hover .pic img{transform:scale(1.1,1.1);transition-duration:0.5s;}

/*新闻中心*/
#news{ }
#news .container{ background:#fff;padding:40px 0 0 0;}
.news-title{font-size:2.5em; text-align:center; margin-bottom:30px; font-weight:bold;margin-top:20px;}
.news-title a{color:#000;}
.news-tp img{width:100%;}
.news-content{font-size:1.2em;padding:10px 0 50px 0;}
.news-content .col-sm-6{margin-bottom:15px; padding:0 8px;}
.news-content .news_li{ background:#fafafa; padding:10px; border:1px solid #ddd;}
.news-content .lj{ color:#333;}
.news-content .lj .news_tu{ float:left; width:44%; margin-right:2%; overflow:hidden;}
.news-content .lj .news_tu img{ display:block; margin:auto; max-width:100%; transform:scale(1,1); transition-duration:0.5s;}
.news-content .lj .news_zi{ float:right; width:54%; padding:10px 10px 0px 0;}
.news-content .lj .news_zi h2{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-size:18px; margin-top:8px;}
.news-content .lj .news_zi span{ color:#777; display:block; font-size:14px; margin:16px 0 10px 0;}
.news-content .lj .news_zi p{ margin:0 0 16px 0; text-align:left; color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden;}
.news-content .lj .news_zi em{ font-style:normal; display:block; width:110px; height:30px; line-height:30px; font-size:14px; color:#666; 
background:#cccccc; text-align:center;}
.news-content .lj:hover .news_zi h2{ color:#fc3516;}
.news-content .lj:hover .news_zi em{ color:#fff; background:#fc3516;}
.news-content .news_li:hover{ background:#f5f5f5;}
.news-content .news_li:hover .lj .news_tu img{ transform:scale(1.1,1.1); transition-duration:0.5s;}

/* 内页--关于我们*/
.bb2{ background:#eee;padding:0;text-align:center;color:#fff;/*background:url(../images/ny_ban.jpg) no-repeat center; background-size:100%;*/}
.bb2 h3{font-size:2em;margin-top:0; color:#ee3c0b;}
.bb2 p{font-weight:Bold;font-size:1.2em; margin:20px 0 0 0; color:#fff;}
.bb2 a{color:#fff; margin:0 5px; font-weight:normal;}
.bb2 a.home{font-weight:Bold;}
.bb2 img{display: block;max-width: 100%;margin:0 auto;}
.bb2 .pc{display:none;}
.bb2 .phone{display:block;}

.weizhi{font-size:15px;line-height:30px;color: #555;border-bottom: 1px solid #ddd;}
.weizhi i{padding-right:10px;color:#0065b2;}

#main{margin:30px 0 0 0;}
#main .container{padding:0;}
.ny_tit{ font-size:15px; line-height:32px; color:#555; margin-bottom:25px;border-bottom: 1px solid #ddd;}
.ny_tit i{ display:inline-block; margin-right:10px;color:#0065b2;}
.main-left{display:none;}
.main-left2{display:block;margin-bottom:30px;}
.sider-menu{ border-bottom:none;}
.sider-menu h3{line-height:40px; margin:0;font-size:1.4em;border-left:5px solid #0065b2;padding-left:15px;}
.sider-menu h3 span{ display:block;font-size:20px;padding-bottom:5px;color:#0065b2;line-height:28px;text-transform:uppercase;}
.sider-menu ul{margin-bottom:0; margin-top:20px;}
.sider-menu ul li{height:60px; line-height:60px; font-size:1.2em; }
.sider-menu ul li:hover a span{border:1px solid #0065b2; }
.sider-menu ul li:hover a span i,.sider-menu ul li:hover a{ color:#0065b2;}
.sider-menu ul li a{color:#333; display:block;}
.sider-menu ul li a span{ display:inline-block; width:20px; height:20px; border-radius:20px; border:1px solid #333; 
color:#ddd; font-size:16px; line-height:20px; text-align:center; margin-right:10px;}
.sider-menu ul li a span i{ font-size:10px; color:#333;line-height: 16px; vertical-align: top;}
.sider-menu ul li a:hover{color:#0065b2;}
.sider-menu ul li a.active{color:#0065b2;}
.sider-tp{margin:20px 0;border:1px solid #ddd;}
.sider-tp img{width:100%;}
.sider-contact{border:1px solid #ddd; padding:15px; font-size:1.2em;line-height:36px;}
.sider-contact p{margin:0;}

.ny{border-left:1px solid #ddd;position:relative; padding-left:40px; min-height:300px; padding-bottom:30px;}
.ny:after{content:'';width:11px;height:11px; background:url(../images/ny.png) no-repeat center; position:absolute; top:20px; left:-6px;}

.about{font-size:1.2em; color:#555; line-height:2;}
.about p{text-indent:2em;}
.about img{max-width:100%; margin:0 auto 10px auto; width:auto !important; height:auto !important;}
.about p img{margin-left:-2em;}
.about_list{margin-top:30px;}
.about_list .l{overflow:hidden;margin-bottom:30px;box-shadow: 0 0 10px #b3b3b3;background:#fff;padding:5px;}
.about_list .l .pic{overflow:hidden;}
.about_list .l .pic img{display:block;max-width:100%;margin:0 auto;transform:scale(1,1);transition-duration:0.5s;}
.about_list .l .tit{line-height:42px;text-align:center;color:#222;font-size:16px;}
.about_list .l:hover .pic img{transform:scale(1.1,1.1);transition-duration:0.5s;}

/*内页--产品中心*/
.product-list2{text-align:center;}
.pro{padding:2%; border:1px solid #ddd;}
.product-list2 .mr{ margin-bottom:25px; padding:0 8px;}
.product-list2 .mr a p{font-size:1.2em; line-height:36px;background:#555; color:#fff;}
.product-list2 .mr p.more{background:#12496b;height:40px;line-height:40px;margin-bottom:0;font-size:1.2em; }
.product-list2 .mr p.more a{color:#fff;}
.product-list2 img{width:100%;}

.ny_product{}
.ny_product .list{padding:20px 0;}
.ny_product .list .pic{overflow:hidden;border: 1px solid #e6e6e6;}
.ny_product .list .pic img{display:block;max-width:100%; margin:0 auto;transform:scale(1,1);transition-duration:0.5s;}
.ny_product .list .intro{padding:20px;}
.ny_product .list .intro .tit{font-size:24px;line-height:28px;color:#000;margin-bottom:13px;}
.ny_product .list .intro .text{font-size:16px;color:#888; line-height:28px;}
.ny_product .list .intro .more{margin-top:40px;display:inline-block;padding:0 25px 0 20px;color:#333;line-height:38px;height:38px;border:1px solid #b8b8b8;border-radius:30px;font-size: 16px;}
.ny_product .list .intro .more i{padding-right: 10px;}
.ny_product .list a:hover .pic img{transform:scale(1.1,1.1);transition-duration: 0.5s;}
.ny_product .list a:hover .intro .tit{color:#0065b2;}
.ny_product .list a:hover .intro .more{background:#0065b2;color:#fff;}

.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;width:23%;text-align:center; margin:0 0.8%; }
.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
/*.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }*/
.picFocus .hd ul li.on img{ border-color:#0065b2;  }
.picFocus .bd{ border:1px solid #ddd;}
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:100%; display:block; margin:auto;  }

.pro-wz{}
.pro-wz ul li{line-height:50px;font-size:1.2em; border-bottom:1px solid #e5e5e5;color:#555;}
.pro-wz ul li i{color:#0065b2;padding-right:10px;font-size:18px;}
.pro-wz ul li p{display:inline-block;vertical-align:top;}
.pro-wz ul li b{font-size:24px;color:#da251d;}

.sm{ width:100%; float:left; margin-top:20px;}
.sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.sm .smbt span{ background:#52de91; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:18px; float:left;}
.sm .neirong{ padding:10px; line-height:2;font-size:1.2em;color:#555;margin-top: 25px;}
.sm .neirong h1{ font-size:18px;}
.sm .neirong table{width: 100% !important;}
.sm .neirong table tr td{border:1px solid #ddd;padding:5px;font-size:15px;}
.sm .neirong img{display:block;max-width:100%;margin:0 auto;height:auto !important;}

/*内页客户案例*/
.ny_case .list{margin-bottom:35px;}
.ny_case .list a{display:block;position:relative;overflow:hidden;border-radius:10px;}
.ny_case .list a img{transition:all 0.6s ease;max-width:100%; display:block;margin:0 auto;}
.ny_case .list a .text{width:100%;left:0;bottom:0;text-align: center;}
.ny_case .list a .text .cont{position:relative;padding:20px 10px;z-index:9;border-left:1px solid #eee;border-right:1px solid #eee;}
.ny_case .list a .text .cont:before{content:'';position: absolute;top:calc(100% - 3px);left:0;width:100%;height:100%;background:#0065b2;z-index:8;transition:all 0.3s ease-out;}
.ny_case .list a .text h3{font-size:18px;color:#333;position:relative;z-index: 9;}
.ny_case .list a .text .txt{font-size:14px;color: #999;position: relative;z-index: 9;}
.ny_case .list a:hover img{transform: scale(1.1);}
.ny_case .list a:hover .text h3{color:#fff;}
.ny_case .list a:hover .text .txt{color:#fff;}
.ny_case .list a:hover .text .cont:before{top:0;}

/*新闻中心*/
.news-list{}
.news-list img{width:100%;}
.news-list h3{font-size:1.3em; margin:10px 0;color:#000;}
.news-list .time{color: #999;margin: 15px 0;}
.news-list .time i{padding-right: 10px;}
.news-list p{color:#555; line-height:2; font-size:1.2em;}
.news-list .pd{padding:15px 0;/*background:#fafafa;*/}
.news-list .pd .xw_tu{ border:1px solid #ddd; position:relative; left:0; transition:all 0.5s;padding:8px;}
.news-list .pd:hover .xw_tu{ left:10px;}
.news-list .pd .xw_zi{ position:relative; right:0; transition:all 0.5s;}
.news-list .pd .xw_zi .more{margin-top:30px;display:inline-block;padding:0 25px 0 20px;color:#333;line-height:38px;height:38px;border:1px solid #b8b8b8;border-radius:30px;font-size:16px;}
.news-list .pd .xw_zi .more i{padding-right:10px;}
.news-list .pd:hover .xw_zi{ right:10px;}
.news-list .pd:hover .xw_zi h3{ color:#0065b2;}
.news-list .pd:hover .xw_zi .more{background:#0065b2;color:#fff;}

/*新闻详细页*/
.news_show{ padding:0 0 20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .date i{ display:inline-block; margin-right:6px;}
.news_show .nr{ padding:8px 18px; font-size:1.2em; line-height:2;color:#555;}
.news_show .nr img{max-width:100%; margin:auto; width:auto !important; height:auto !important;}
.news_show .nr .pic{overflow: hidden; max-width:100%; margin:20px auto;}
.news_show .back{ text-align:center;font-size:1.2em;}
.news_show .back a:hover{ color:#ec6100;}

 /*联系我们*/
.job_list{margin:50px 0 50px 0;}
.job-title{ margin-bottom:30px; text-align:center; line-height:2;}
.job-title h3{ font-size:30px;}
.job-title p{ font-size:15px; margin-top:15px; color:#777;width:100%; margin:15px auto;}
.contact{}
.ct-content2{font-size:1.2em; line-height:1.8;color:#555;padding:10px 0 0 20px; height:520px;}
.ct-content2 h3{font-size:1.6em; font-weight:bold; color:#da251d; margin-bottom:20px; margin-top:50px; padding-bottom:20px; border-bottom:1px dashed #da251d;}
.ct-content2 p{ font-size:16px; line-height:2; color:#333;}
.ct-content2 .erm{ margin-top:20px; width:120px; text-align:center;}
.ct-content2 .erm img{ display:block; max-width:100%;}

.lxwm .contact-l{overflow: hidden; background:#FFF;}
.lxwm .contact-l h3{font-size:26px;padding:20px 20px 20px 20px;}
.lxwm .contact-l h3 em{display: block; color: #9c9c9c; font-size:16px; text-transform: uppercase; margin: 15px 0;}
.lxwm .contact-l ul{margin: 0;}
.lxwm .contact-l ul li{padding:30px 20px;overflow: hidden;background: #f6f6f6;}
.lxwm .contact-l ul li span{/*float: left;*/margin-left: 70px;font-size: 16px;line-height: 25px;margin-bottom: 20px;display: inline-block;}
.lxwm .contact-l ul li:first-child{border-bottom: 1px solid #ddd;}
.lxwm .contact-l ul li i{/*float: left;*/ position: absolute; width:60px;height:60px;background-image: linear-gradient(to right,#0e549a,#3ec992);padding: 5px; line-height: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;}
.lxwm .contact-l ul li i img{max-width: 100%;transition: all 0.4s;}
.lxwm .contact-l ul li i img:hover{transform: rotate(360deg);}
.lxwm .contact-r{overflow: hidden; background: #FFF; text-align: center;  padding:3% 0;}
.lxwm .contact-r span{display: block; font-size: 22px; margin:10px 0;}
.lxwm .contact-r p{ font-size:16px;}
.lxwm .contact-r img{max-width:85%;}

.liuyan{ margin-top:40px;}
.liuyan .liuyan_tit h2{ text-align:center; font-size:30px; color:#333; line-height:30px; margin-bottom:20px;}
.liuyan .liuyan_tit p{ text-align:center; font-size:14px; line-height:1; color:#898989;}
.liuyan .liuyan_tit span{ display:block; margin:0 auto 20px; background:#c6c6c6; width:28px; height:1px;}
.liuyan .liuyan_con .liuyan_li{ position:relative; text-align:center;}
.liuyan .liuyan_con .liuyan_li input{ border:1px solid #d5d5d5; font-size:14px; text-align:left; width: 100%;
    height: 48px; line-height: 48px; padding: 0 46px 0 13px; margin-bottom:20px;
    float: left; background:url(../images/i_form_ico1.png) no-repeat right center;}
.liuyan .liuyan_con .liuyan_li textarea{ border:1px solid #d5d5d5; font-size:14px; text-align:left; padding: 10px 40px 10px 13px; height:150px;
 background:url(../images/i_form_ico4.png) no-repeat right 0px; width:100%; margin:0px 0 10px 0;}
.liuyan .liuyan_con .liuyan_li:nth-child(2) input{ background:url(../images/i_form_ico2.png) no-repeat right center;}
.liuyan .liuyan_con .liuyan_li:nth-child(3) input{ background:url(../images/i_form_ico3.png) no-repeat right center;}
.liuyan .liuyan_con .liuyan_li button{ display:inline-block; width:130px; height:36px; line-height:36px; text-align:center; background:#ee3c0b; color:#fff; font-size:14px; 
margin-right:30px; border:none; border-radius:4px;}
.liuyan .liuyan_con .liuyan_li button:nth-child(3){ background:#ddd; color:#333;}

/*底部条幅*/
.tiaofu{ padding:30px 0; text-align:center; font-size:20px; color:#fff; background:#da251d;}
.tiaofu a{ display:block; margin:0 auto; margin-top:20px; width:200px; height:43px; line-height:43px; font-size:18px; text-align:center; color:#da251d; border-radius:5px; background:#fff;}
.tiaofu a:hover{ background:#fff; color:#da251d;}

#tel{position:fixed; right:10px; bottom:140px; background:#097fdd;text-align:center; width:41px; font-size:16px;border-radius:50%; color:#fff; padding: 3px 10px 5px 10px;z-index:9999; display:block;}
#tel i{display:block; color:#fff; font-size:24px;}

#footer{background:#242424;color:#eee;padding:40px 0 0px 0;}
.ft-title{height:36px;line-height:36px;position:relative;display:none;margin-bottom:25px;}
.ft-title h3{font-size:22px;}
.ft-title::after{content:'';position:absolute;width:40px;height:4px;background-image:linear-gradient(to right,#0e549a,#3ec992);left:0;bottom:-15px;z-index:0;}
.ft-content{display:none;}
.ewm{ float:right; margin-top:20px;}
.ewm img{ max-width:118px; display:block; margin:auto;}
.ewm p{ text-align:center; font-size:15px; line-height:38px; color:#7e7e7e; margin:0;}

.ft-title2{height:36px; line-height:36px; border-bottom:1px solid #eee; position:relative; }
.ft-title2 span.jt{position:absolute; right:0; top:10px;width:21px; height:13px; display:block; background:url(../images/jt1.jpg) center no-repeat;}
.ft-nav{padding-top:0px;}
.ft-nav ul li{line-height:36px;/*border-bottom:1px dashed #7e7e7e;*/background:url(../images/jt2.jpg) left no-repeat;background-position:5px 13px;padding-left:25px; font-size:1.2em;}
.ft-nav ul li a{ color:#7e7e7e;}

.ft-title3{height:36px;line-height:36px;font-size:2em;margin-bottom:20px;position:relative;}
.ft-title3 h3{height:36px;line-height:36px;font-size:22px;}
.ft-title3::after{content:'';position:absolute;width:40px;height:4px;background-image:linear-gradient(to right,#0e549a,#3ec992);left:0;bottom:-15px;z-index:0;}
.ft-content3{padding-top:0px;color:#7e7e7e;font-size:14px;line-height:28px;margin-bottom:20px;}
.ft-content3 ul li{line-height:36px; display:inline-block;margin-right: 10px;font-size: 16px;}
.f2{ border-top:1px solid #3a3a3a; margin-top:15px;}
.f2 p{ text-align:center; line-height:49px; font-size:16px; color:#7e7e7e;}
.f2 p a{ color:#7e7e7e;}
.tb p{ padding-left:38px;font-size:16px;}
.tb p:nth-child(1){ background:url(../images/dz.png) no-repeat left center;}
.tb p:nth-child(2){ background:url(../images/lxr.png) no-repeat left center;}
.tb p:nth-child(3){ background:url(../images/dh.png) no-repeat left center;}
.tb p:nth-child(4){ background:url(../images/yx.png) no-repeat left center;}
.tb p:nth-child(5){ background:url(../images/wz.png) no-repeat left center;}

#banner{}
#banner .swiper-container{width:100%;height:100%;}
#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{max-width:100%; margin:0 auto;}
.container{width:89% !important;margin-right:auto;margin-left:auto;}
.pc{display:block;}
.phone{display:none;}
@media(max-width:1680px) {
	
}
@media(max-width:1440px) {
	
}
@media(max-width:1360px) {
	
}
@media(max-width:1200px) {
	
}
@media(max-width:1024px) {
	
}
@media(max-width:922px) {
	
}

@media(max-width:767px) {
.container{width:96% !important;}
.pc{display:none;}
.phone{display:block;}
#header .top1{ display:none;}
#header .top2 .logo{ padding:6px 0;}
#header .top2 .logo img{height:40px;}
#header .top2 .nav-box2{margin-top:4px;}
#menu-list{ padding:30px 0;}
#menu-list .ico{ width:70px; height:70px; margin-bottom:10px;}
#menu-list .ico1{ width:80%; height:80%; left:10%; top:0;}
#menu-list h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#menu-list ul li .list_con{ font-size:12px; line-height:20px; height:68px; overflow:hidden; padding:0 10px;}
#menu-list img{ margin:10px auto;}
.product-list{ padding:20px 0;}
.pro-title{ margin-bottom:10px;}
.pro-title h3{ font-size:22px;}
.product-list p,.pro-title p{ font-size:14px; line-height:20px;}
.cp_lj p{ height:20px;}

#news .container{ padding:20px 0; }
.news-content .lj .news_zi span{ margin:5px 0 0px 0;}
.news-content{ padding:0 0 20px 0;}
.news-content .lj .news_zi{ padding-top:0;}
/*.news-content .lj .news_tu{ width:100%; margin:0;}
.news-content .lj .news_zi{ width:100%;}*/
.news-content .lj .news_zi h2{ font-size:16px;}
.news-content .lj .news_zi p{ margin-bottom:6px;}
.news-content .lj .news_zi em{ height:20px; width:78px; line-height:20px; font-size:13px;}
.sj{ display:none;}
#footer{ padding:0;}
.f2{ margin:0; border:0; padding:5px 10px;}
.f2 p{ font-size:12px; line-height:20px;}
.gengduo{ width:122px; margin:0 auto;}
.gengduo a{ width:120px; height:36px; line-height:36px;}
.gengduo a em{ width:120px; height:36px; font-size:14px;}

.news-list .pd{ margin:0 0 15px 0;}

.ct-content2 h3{ margin:10px 0; padding-bottom:10px; font-size:20px;}
.ct-content2{ height:auto; padding:10px 0 10px 10px;}
.ct-content2 .erm{ margin-top:10px;}
.liuyan .liuyan_tit p{ line-height:20px;}
.liuyan .liuyan_con .liuyan_li input{ margin-bottom:10px;}
.liuyan .liuyan_con .liuyan_li textarea{ margin:0 0 10px 0;}
.product-list2 .mr a p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sider-menu{ margin-top:20px;}
#menu-list p{ height:40px; line-height:20px;}

.sider-menu h3{ padding:0 20px; background:#f5f5f5;}
.sider-menu h3 span{ font-size:14px; line-height:14px; padding-bottom:10px;}
.sider-menu ul{ margin-top:10px;}
.sider-menu ul li{height:40px; line-height:40px; font-size:1.2em; background:#fafafa; padding-left:30px; margin-bottom:2px;}
.sider-menu ul li a span{ display:inline-block; width:31px; height:31px; border-radius:31px; border:1px solid #333; color:#ddd; font-size:16px; line-height:28px; text-align:center; margin-right:10px;}
.sider-menu ul li a span i{ font-size:16px; color:#333;}
.sider-tp, .sider-contact, .ny:after{ display:none;}

.ny{ padding-left:0px; border:none;}

}
@media (min-width:768px) { 
#header .top2 .nav-box{display:block; padding:0;}
#header .top2 .nav-box ul li{ padding-left:28px; font-size:16px; }
#header .top2 .nav-box2{display:none;}
#banner .link{width:400px;margin-left:-200px; display:none;}
#menu-list ul li p{/*font-size:1.05em; line-height:1.8*/}
.sider-menu h3{ line-height:50px; font-size:1.7em;}
.product-list{padding:20px 0;  }
.product-list .container{padding:0;}
.pro-title h3{font-size:30px; line-height:30px; color:#363636; font-weight:normal;}
/*.bb2{ padding:30px 0; }
.bb2 h3{font-size:2.5em; }*/
.news-list h3{font-size:1.4em;margin-top:0;}
.news_show{ padding:10px 0 20px 0;}

#menu-list ul li{ width:25%;}
.ewm{ float:left;}
.gengduo{ margin:0 auto;}
.pro-title{ margin-bottom:10px;}
.news-content .lj .news_zi{ padding:0;}
.news-content .lj .news_zi h2{ margin-top:0;}
.news-content .lj .news_zi span{ margin:5px 0 0px 0;}
.news-content .lj .news_zi p{ margin-bottom:5px;}
.news-content .lj .news_zi em{ height:24px; line-height:24px;}
.liuyan .liuyan_con .liuyan_li input{ margin-bottom:10px;}
.tiaofu{ padding:50px 0;font-size:30px;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
#header .top2 .nav-box ul li{/*padding:0 48px;*/ font-size:18px; }
#banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px !important;}
#banner .link{display:none;}
#menu-list ul li{width:25%; float:left; position:relative; overflow:hidden;}
#menu-list ul li h3{ /*margin-top:20px;font-size:20px;*/}
.sider-menu h3{ line-height:40px; font-size:2em; /*padding:20px;*/}
.news-content span{display:block}
.news-list h3{margin-top:0;}
.main-left{display:block;}
.main-left2{display:none;}
.news-list .pd{padding:20px 0;}
/*.bb2{ padding:9% 0;}
.bb2 h3{font-size:3em;}*/
.news-list h3{font-size:1.5em;}
.news_show{ padding:0px 0 20px 0;}
.ft-title{display:block;}
.ft-content{display:block;}
.ft-title2{ display:none;}
.ft-content2{display:none;}

.sy_about .a_left{padding-top:90px;width:40%;margin-left:4%;}
.sy_about .a_left .a_tit .tit_en{font-size:60px;}
.sy_about .a_left .a_tit .tit{margin-bottom:10px;font-size:40px;}
.sy_about .a_left .a_tit .tit:after{width:117px;height:13px;} 
.sy_about .a_left .a_tit .con{font-size:24px;}
.sy_about .a_left .text{margin:30px 0;}
.sy_about .a_left .a_more{height:40px;line-height:40px;padding:0 23px;border-radius:20px;}
.sy_about .a_left .a_more i{padding-left:10px;}
.sy_about .a_left .tubiao{margin-top:10%;}
.sy_about .a_left .tubiao ul li{width:25%;}
.sy_about .a_left .tubiao ul li .li_box{padding:0 10px;}
.sy_about .a_left .tubiao ul li .li_box .pic img{width:80px;}
.sy_about .a_left .tubiao ul li .txt{font-size:16px;margin-top:15px}
.sy_about .a_left .tubiao ul li .txt i{font-size:18px;}
.sy_about .a_right{width:960px;}
	
.sy_product ul{height:90%;}
.sy_product ul li{width:25%;height:90vh;}
.sy_product ul li .box{position:absolute;bottom:-10%;}
.sy_product ul li .box .tu{padding: 0 14%;height: 280px;}
.sy_product ul li .box .tu .t-box img.color{top:10px;}
.sy_product ul li .box .text {padding: 20% 20% 0 20%;}
.sy_product ul li .box .text h2 {margin: 4% 0 7%;font-size:24px;}
.sy_product ul li .box .text .line {width:48px;height:2px;}
.sy_product ul li .box .text .ul {margin-top:10%;height:175px;display:block;}
.sy_product ul li .box .text .ul p {line-height:30px;font-size:16px;}
.sy_product ul li .box .text .more{width:60px;height:60px;line-height:60px;margin-top:10%;}
.sy_product ul li .box .text .more span{font-size:24px;}
.sy_product ul li .box:hover {bottom:0;}
.sy_product ul li .box:hover .text {padding:15% 15% 15% 15%;}
.sy_product ul li .box:hover .text .ul {opacity: 1;}
	
.sy_case .a_tit{margin-top:80px;}
.sy_case .a_tit .tit_en{font-size:60px;}
.sy_case .a_tit .tit{font-size:40px;}
	
.sy_case .fl_menu {width: 62.5%;padding: 36px 20px 36px 50px;position: absolute;max-height:120px;}
.swiper-case{margin-top:80px;margin-bottom:80px;}

.sy_news{padding:80px 0;}
.sy_news .a_tit .tit_en{font-size:60px;}
.sy_news .a_tit .tit{margin-bottom:10px;font-size:40px;}
.sy_news .item h2{ font-size:24px;margin-bottom:30px;margin-top:40px;}
.sy_news .item p{ font-size:16px;line-height:30px;height:90px;margin-bottom:60px;}

.bb2 .pc{display:block;}
.bb2 .phone{display:none;}
#main{margin:50px 0 0 0;}
.ny_tit{ font-size:18px;line-height:48px;margin-bottom:25px;}
.weizhi{font-size:16px;line-height:60px;}
.weizhi i{padding-right:10px;}
.pro-title h3{font-size:30px;line-height:30px;margin-bottom:8px;color:#363636;font-weight:normal;}
.pro-title p{text-align:center;font-size:16px;line-height:12px;text-transform:uppercase;color:#878787;}
.ewm{float:right;}
.pro-title{margin-bottom:30px;}
.news-content .lj .news_zi span{margin:16px 0 10px 0;}
.news-content .lj .news_zi p{margin-bottom:16px;}
.news-content .lj .news_zi em{height:30px;line-height:30px;}
.news_show .nr .pic{max-width:45%;}
.about_list .l{margin-bottom:30px;padding:15px;}
	
.down_list .l{padding:20px; margin-bottom:30px;}
.down_list .l .tit{font-size: 24px;margin:10px 0;}
.down_list .l .more{margin-top:20px;padding:0 25px 0 20px;line-height:38px;height:38px;border-radius:30px;font-size: 16px;}
	
#tel{display:none;}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
#header{padding-top: 10px;}
#header .top2 .nav-box ul li{padding-left:20px;font-size:17px;}
.news-list h3{ margin:10px 0;}
.sy_about .a_left{padding-top:50px;width:40%;margin-left:4%;padding-bottom:50px;}
.sy_about .a_left .text{margin:30px 0;height:147px;overflow: hidden;}
.sy_about .a_right{width:670px;}
}
@media (min-width:1300px) {
#header{padding-top: 10px;}
#header .top2 .nav-box ul li{padding-left:20px;font-size:17px;}
.news-list h3{ margin:10px 0;}
.sy_about .a_left{padding-top:50px;width:40%;margin-left:4%;padding-bottom:0;}
.sy_about .a_left .text{margin:30px 0;height:147px;overflow: hidden;}
.sy_about .a_right{width:680px;}
}
@media (min-width:1440px) {
#header .top2 .nav-box ul li{padding-left:25px;font-size:18px;}
.news-list h3{margin:10px 0;}
.sy_about .a_left{padding-top:90px;width:40%;margin-left:4%;}
.sy_about .a_left .text{margin:30px 0;height:auto;}
.sy_about .a_right{width:960px;}
}
/* 大屏幕（大桌面显示器，大于等于 1500px） */
@media (min-width:1500px) {
#header .top2 .nav-box ul li{padding-left:32px;font-size:18px;}
.news-list h3{margin:10px 0;}
}
/* 大屏幕（大桌面显示器，大于等于 1600px） */
@media (min-width:1600px) {
#header .top2 .nav-box{width:68%;}
#header .top2 .nav-box ul li{padding-left:47px;font-size:18px;}
.news-list h3{margin:10px 0;}
}
/* 大屏幕（大桌面显示器，大于等于 1700px） */
@media (min-width:1700px) {
#header .top2 .nav-box{width:65%;}
#header .top2 .nav-box ul li{padding-left:52px;font-size:18px;}
.news-list h3{margin:10px 0;}
}
/* 大屏幕（大桌面显示器，大于等于 1800px） */
@media (min-width:1800px) {
#header .top2 .nav-box{width:65%;}
#header .top2 .nav-box ul li{padding-left:52px;font-size:18px;}
.news-list h3{margin:10px 0;}
}

/* 大屏幕（大桌面显示器，大于等于 1900px） */
@media (min-width:1900px) {
#header .top2 .nav-box{width:62%;}
#header .top2 .nav-box ul li{padding-left:52px;font-size:18px;}
.news-list h3{margin:10px 0;}
}