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

/*rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个参考值，可以设计HTML为大小为10px，到时设置1.2rem就是12px.以此类推。*/
html{ font-size:10px;}

body{color:#333; font-family:"思源黑体"; font-size: 15px; line-height: 26px;}
*{margin:0; padding:0; font-family: "思源黑体" !important;}
ul li{list-style:none;}
.clearboth{clear:both;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.page{ text-align:center; margin:10px 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;}

.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{position: relative;border-top: solid 8px #029fe0;}
#header .lineBefore{position: absolute;bottom: 7px;left: 0;width: calc((100% - 1400px) / 2);height: 14px;background: #029fe0;background-color:#029fe0;z-index: 21;}
#header .lineAfter{position: absolute;bottom: 0px;left: 0;width: calc((100% - 1400px) / 2);height: 14px;background: #0059a5;background-color:#0059a5; z-index: 20;}
#header .container{ position:relative;}
#header .tile {width: 100%;padding-top:10px;justify-content: space-between;}
#header .logo{float:left; margin-right:3%; font-size:2rem; color:#fff;padding:10px 0; margin:5px 0; position:relative;}
#header .logo img{ max-height:80px;}
#header .tile .t_right{float:right; display: none;}
#header .tile .t_right .r1 a{padding: 0 20px;border-right: solid 2px rgb(0, 0, 0, 0.6);font-size: 16px;color: #000000;}
#header .tile .t_right .r2{font-size: 16px;color: #000000;text-align: right;margin-top: 12px;}
#header .tile .t_right .r2 i{padding-right:10px; color: #029fe0; font-size: 18px;}
.nav-box{width: 75%;position: relative;display:none;}
.nav-box .navBefore{width: 97%;position: absolute;top:19px;height: 64px;left: 0;background: #029fe0;transform: skewX(-20deg);z-index: 21;}
.nav-box .navAfter{width: 97%;height: 64px;bottom: 0;left: 9px;position: absolute;background: #0059a5;transform: skewX(-20deg);z-index: 20;}

.nav{height:90px;position:relative; z-index:40;padding-left: 20px;}
.nav-box2{display:block;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; transition:all 0.8s;}
/*.nav .nLi:after{ content:''; width:0%; height:2px; background:#147ac1; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0);}
.nav .on:after{width:60%;}*/
.nav .nLi h3{ float:left;margin:0;  }
.nav .nLi h3 a{ display:block; padding:0px 20px 0px 20px;margin-left:60px; font-size:1.8rem; font-weight:normal; padding-top: 45px !important;}
.nav .nLi h3 a i{padding-right: 10px; color: #0059a5;}
.nav .sub{ display:none; width:140px; left:0px; top:90px;  position:absolute; line-height:26px; padding:5px 0; background:rgba(20,122,193,0.8); 
border-bottom:2px solid #147ac1; box-shadow:0 0 6px #b3b3b3; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px;color:#fff;text-align:center;font-size:1.6rem; line-height:40px;}
.nav .sub a:hover{ color:#0059a5;}
.nav .on h3 a{/* background:#f5f5f5; color:#147ac1;*/ color:#0059a5; font-weight:bold;}
.nav-box2{float:right;display:block; position:relative; margin-top:0px;}
.nav-box2 h3{margin-top:14px;}
.nav-box2 ul{display:none;width:100px; position:absolute;top:60px; right:0; background:url(../images/bg.png) repeat;  z-index:9998 !important;padding:10px 10px;}
.nav-box2 ul li{text-align:center;line-height:2;}
.nav-box2 ul li a{color:#fff;display:block;}
.nav-box2 ul li a:hover{color:#147ac1;}

/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:15px; display:block;}
.sp_nav span{display:block;background:#047ceb;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:#029fe0;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:70px}
.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:70px;float:left;border-left:1px #ddd solid;text-align:center;color:#FFFFFF;}
.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 #046ac9 solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #046ac9 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}


.search-wrap {transform: skew(-20deg);border: 2px solid #C8D0E2;margin-right: 11px;position:absolute; right:0; top:10px; z-index:9999 !important; margin-top:15px; display: none;}
.search-input {width: 220px;height: 43px;transform: skew(20deg);display: flex;align-items: center;padding: 0 16px;}
.search-input input{border: none;font-size: 14px;color: #4A4A4A;outline: none;width: calc(100% - 23px);}
.search-input button {border: none;background: transparent;color: #EF7430;outline: none;cursor: pointer;}
.search-input button i{color: #dc5818;font-size: 20px;}

.wz{position:absolute; right:0; top:10px; z-index:9999 !important; display:none;}
.wz .wx{float:left; margin-left:10px; }
.menu{position:relative;}
.wz .wx .wx-tp{display:none; }
.wz .wx .wx-tp img{width:100px; position:absolute; top:30px; right:-40px;padding:5px; background:#fff;border:1px solid #ddd}

.slideBox {width: 100%;overflow: hidden;position: relative;}
.slideBox .hd {overflow: hidden;position: absolute;left:49%;width:190px;margin-left:-55px;bottom: 10px;z-index: 1;}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li {float: left;margin-right: 5px;width: 30px;height: 5px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on {background: #f00;color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle; margin:0; padding:0;}
.slideBox .bd img {width: 100%;display: block}

/*首页--关于我们*/
.sy_about{width:100%; background:url(../images/about_bj.jpg) no-repeat center; padding:40px 0;}
.sy_about .nr{position:relative;}
.sy_about .nr .n_left{position:none;top:60px;right:0;z-index:99;width:auto;background:#fff;padding:30px 40px;}
.sy_about .nr .n_left .tit{ font-size:36px; color: #e8ebf3; text-transform: uppercase;margin-bottom:50px; font-weight:bold; position: relative;}
.sy_about .nr .n_left .tit h3{font-size:30px;font-weight:Bold; /*position: absolute; left: 0; top:0;*/ height:36px; line-height: 36px; border-left: 3px solid #029fe0; padding-left: 10px; color: #184d72;}
.sy_about .nr .n_left .d{ color:#989898; font-size:18px; margin-bottom:20px;}
.sy_about .nr .n_left .con{ line-height:28px; font-size:16px; color:#555; overflow: hidden; height: 140px;}
.sy_about .nr .n_left .more{ width:150px; height:42px; line-height:42px; border-radius:21px; font-style:italic; font-size:16px; text-align:center;margin-top:30px; color:#0059a5; border:1px solid #0059a5;display:block;}
.sy_about .nr .n_left .more:hover{ background:#0059a5; color:#fff;}
.sy_about .nr .n_right{float:left; text-align:left; overflow:hidden;}
.sy_about .nr .n_right img{ max-width:100%; display:block; margin:0 auto;transform:scale(1,1);transition-duration:0.5s;}
.sy_about .nr .n_right img:hover{transform:scale(1.1,1.1); transition-duration:0.5s}

#about{margin:30px 0 50px 0;line-height:2;}

#about .about_zi{ position:relative; background:url(../images/ab_bg.png) no-repeat bottom left; background-size:100% auto;}
/*#about .about_zi h1{color:#fafafa; font-weight:bold; font-size:12rem; margin:0; text-transform:uppercase; 
position:absolute; top:50%; left:0%; transform:translate(-0%,-50%);}*/
/*#about h1 span{ display:inline-block; }*/
#about h2{color:#147ac1; font-size:2.8rem; line-height:40px; font-weight:normal; margin:0px 0; position:relative;}
/*#about h2:after{ position:absolute; left:0; bottom:-20px; content:''; width:50px; height:3px; background:#147ac1;}*/
#about .zi1{color:#7b7b7b; font-size:2.8rem; font-weight:normal; line-height:30px; margin:10px 0 16px 0;}
#about p.more{display:block; width:146px; height:40px; border:1px solid #ccc; border-radius:2px; line-height:40px;color:#ccc; 
text-align:center;font-size:1.1em; margin-top:60px; margin-bottom:20px; text-indent:0 !important;}
#about p.more i{ display:inline-block; margin-left:10px;}
#about p.more:hover{ background:#147ac1; color:#fff; border:1px solid #147ac1;}
#about p.more:hover i,#about p.more:hover a{ color:#fff;}
#about img{width:100%;}
#about .about_zi p{ text-indent:2em; font-size:1.6rem;}
#about .cp_more{ margin:20px 0 20px 0; text-indent:0 !important;}


#about .about2{ display:none; margin-top:10px}
#about .about2 ul li{ float:left; color:#666; position:relative; text-align:center;}
#about .about2 ul li .image{ display:block; width:28px; max-width:100%; margin:auto;}
#about .about2 ul li h3{ display:block; font-size:1.6rem; line-height:20px; margin:0; font-weight:normal; text-align:center; color:#9f9f9f; }
#about .about2 ul li .timer{ display:block; font-size:5.4rem; line-height:60px; margin:10px 0;  font-weight:bold; color:#147ac1; text-align:center;}

/*首页--产品中心*/
#product{padding:50px 0 50px 0;}
.product-title{text-align:left;margin-bottom:30px; font-size:26px; color: #e8ebf3; text-transform: uppercase; font-weight:bold; position: relative;}
.product-title h3{font-size:30px;font-weight:Bold; /*position: absolute; left: 0; top:0;*/ height:36px; line-height: 36px; border-left: 3px solid #029fe0; padding-left: 10px; color: #184d72; margin-top:0;}
.product-title .more{display: block; width: 150px; text-align: right; font-size: 16px; position: absolute;top:10px; right: 0; color: #666;}
.product-title .more i{padding-left: 10px;}
.swiper-product{width: 100%;height: 100%;}
.swiper-product .swiper-slide {text-align: center;font-size: 18px;/* 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; margin-bottom:50px;}

#product .pc{text-align:center;background:#ededed;margin-bottom:30px; position:relative; padding:40px 30px;}
#product .pc .more{height:46px;line-height:46px;width:150px;border-radius:23px; border: 1px solid #d8d8d8; margin: 10px auto; text-align: center; color: #7f7f7f; margin-bottom:25px;}
#product .pc:hover .more{border: 1px solid #0059a5;color: #fff; background: #0059a5;}
#product .pc:after{content:''; position:absolute; left:50%; bottom:-1px; transform:translate(-50%,0); width:0%; height:2px; background:#0059a5; transition:all 0.5s;}
#product .pc:hover:after{ width:100%;}
#product .pc a p{margin-bottom:20px; font-size:1.8rem; line-height:50px; color:#333; padding:0 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product .pc a{color:#147ac1;}
.pro-bg{width:100%; overflow:hidden;}
.pro-bg img{width:100%;transform:scale(1,1);transition-duration:0.5s;}
.pro-bg img:hover{ transform:scale(1.1,1.1); transition-duration:0.5s;}
#product img{width:100%;}

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

.cp_more{ width:146px; height:40px; line-height:40px; margin:0px auto; border-radius:40px; text-align:center; font-size:1.6rem; color:#333; overflow:hidden;
border:1px solid #ddd; transition:all 0.3s; position:relative;}
.cp_more a{ display:block; color:#333;}
.cp_more a i{ display:inline-block; position:relative; margin-left:10px; transition:all 0.3s; /*color:#ccc;*/}
.cp_more:hover{ background:#147ac1; border:1px solid #147ac1;}
.cp_more:hover a{ color:#fff;}
.cp_more:hover a i{ margin-left:2px;}
#product .product-title h3,#product .product-title p{ color:#184d72;}
#product .cp_more a{ color:#ccc;}
/*首页-新闻中心*/
#news{ }
#news .container{ background:#fff;padding-top:20px;}
.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.1em;padding:0px 0 50px 0;}
.news-content .col-sm-6{margin-bottom:15px;}
/*.news-content a{float:left; color:#333;padding-left:25px; background:url(../images/bg4.png) left no-repeat;}
.news-content span{float:right; color:#777; display:none;}*/
.news-content .xw{ display:block; border:1px solid #ddd; position:relative; margin-bottom:30px;}
.news-content .xw:hover{ box-shadow:0 0 10px #b3b3b3;}
.news-content .xw_tu{ overflow:hidden;}
.news-content .xw_tu img{ display:block; margin:auto; max-width:100%; transform:scale(1,1); transition-duration:0.5s;}
.news-content .xw:hover .xw_tu img{ transform:scale(1.1,1.1); transition-duration:0.5s;}
.xw_zi{padding:30px 20px;position:relative;}
.xw_zi h2{ margin:20px 0 10px 0; font-size:2.0rem; text-align:left; color:#333; line-height:40px;
/*white-space:nowrap; text-overflow:ellipsis;*/ height:80px; overflow:hidden;}
.xw_zi p{ text-indent:2em; text-align:left; font-size:1.6rem; line-height:30px; height:60px; overflow:hidden; margin-bottom:50px;}
.xw_zi span{ text-align:left; font-size:1.6rem; color:#999; line-height:20px; display:block; margin-bottom:10px;}
.xw_zi span i{ display:inline-block; margin-right:6px;}
.xw_zi .more{height:46px;line-height:46px;  width:150px; border-radius:23px; border: 1px solid #d8d8d8;text-align: center;color: #222;text-transform:uppercase;}
.news-content .xw:hover .xw_zi .more{border: 1px solid #0059a5;color: #fff; background: #0059a5;}
.news-content .xw:hover .xw_zi h2{ color:#147ac1;}
.xw_zi .xw_ic{ display:block; width:23px; height:23px; background:url(../images/xw1-.png) no-repeat center; background-size:100%; position:absolute; right:0px; bottom:16px;}
.news-content .xw:hover .xw_zi .xw_ic{ background:url(../images/xw1.png) no-repeat center;}
/*首页--联系我们*/
.sy_contact{background:#f1f1f1;padding:80px 0;}
.sy_contact .lxwm{position: relative;overflow: hidden;}
.sy_contact .lxwm .l{width:100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("../images/c_map.jpg");transition: all 0.3s; color: #fff;}
.sy_contact .lxwm .l1{width:100%;height: 100%;background:#fff; transition: all 0.3s;color: #222;}
.sy_contact .lxwm .add{padding:20px; margin: 10px 0;}
.sy_contact .lxwm .ad1{font-size: 26px;margin-bottom: 30px;}
.sy_contact .lxwm .ad1 i{font-size:36px; padding-right: 10px;}
.sy_contact .lxwm .con{ font-size:18px; line-height:30px;}

.lianxi h2{ text-align:left; font-size:3.5rem; line-height:60px; position:relative; font-weight:normal; margin:0 0 0 100px;}
.lianxi h2:after{ content:''; width:90px; height:2px; background:#333; position:absolute; top:50%; left:-100px; transform:translate(0,-50%);}
.lianxi h3{ font-size:4.5rem; line-height:60px; font-weight:bold; text-transform:uppercase; color:#000; margin:0 0 60px 100px;}
.lianxi_more{ display:block; width:174px; height:45px; line-height:45px; background:#262626; color:#fff; font-size:2rem; text-align:center; margin-left:100px; transition:all 0.3s;}
.lianxi_more i{ display:inline-block; margin-left:25px; transition:all 0.3s;}
.lianxi_more:hover{ color:#fff; background:#265ba8;}
.lianxi_more:hover i{ margin-left:10px;}

/*内页内容开始*/
.bb2{display:none;}
.bb2 img{width:100%;}
.bb2_phone{display:block;}
.bb2_phone img{width:100%;}
.sider-nav{ /*background:#f5f5f5;*/padding:0 0; font-size:15px; border-bottom: 1px solid #eaeaea;}
.sider-nav .container{}
.sider-nav .sn-left{float:left;}
.sider-nav .sn-left ul li{float:left; }
.sider-nav .sn-left ul li a{display:block;padding:12px 20px;}
.sider-nav .sn-left ul li a:hover, .sider-nav .sn-left ul li a.active{background:#147ac1; color:#fff;text-align:center;}
.sider-nav .sn-right{float:left; color:#888;padding:12px 0; display:none;}
.sider-nav .sn-right a{color:#888;}
.sider-nav .sn-right i{ display:inline-block; margin-right:6px;}

/*内页--关于我们*/
.ny_title{text-align:center; margin-bottom:30px;}
.ny_title .tit{font-size:28px;font-weight:bold;color:#2a2a2c;text-transform: uppercase;}
.ny_title .line{width:50px;height:5px;background-color:#147ac1; margin: 0 auto;margin-top:20px;}
.about_jieshao{ padding:30px 0;}
.about_jieshao .a_left{ margin:0 0;}
.about_jieshao .a_left .con{font-size:16px; line-height:32px; color:#54657f;}
.about_jieshao .a_left .con p{ text-indent:2em;}
.about_jieshao .a_right{overflow: hidden;}
.about_jieshao .a_right img{display: block; max-width: 100%; margin:0 auto;}

.about_licheng{background:url(../images/about04.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:30px 0;}
.about_licheng .ny_title .tit{color:#fff;}
.about_licheng .ny_title .line{background-color:#fff;}
.swiper-licheng{width: 100%;height: 100%;}
.swiper-licheng .swiper-slide{text-align: center;font-size: 18px;/* 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; margin-bottom:50px; background: #fff;}
.swiper-licheng .swiper-slide .l{padding: 40px 30px; background: #fff;box-shadow: 1px 2px 13px rgba(0, 0, 0, 0.1); text-align: left; height:335px;}
.swiper-licheng .swiper-slide .l .year{position: relative;font-size:50px; color: #999;font-weight: bold; line-height: 60px;}
.swiper-licheng .swiper-slide .l .line{width:50px; height: 2px;background: #222; margin-top: 25px; margin-bottom: 25px;}
.swiper-licheng .swiper-slide .l .text{color: #666; font-size: 16px; line-height: 28px;}
.swiper-licheng .swiper-slide .l:hover{background: #029fe0;}
.swiper-licheng .swiper-slide .l:hover .year{color:#fff;}
.swiper-licheng .swiper-slide .l:hover .line{background: #fff;}
.swiper-licheng .swiper-slide .l:hover .text{color:#fff;}

.about_rongyu{padding:30px 0;}
.swiper-rongyu{width: 100%;height: 100%;}
.swiper-rongyu .swiper-slide{text-align: center;font-size: 18px;/* 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; margin-bottom:50px;}
.swiper-rongyu .swiper-slide .list{overflow: hidden;}
.swiper-rongyu .swiper-slide .img1{background:url(../images/honor-bg1.png) no-repeat center bottom;padding-bottom:80px;}
.swiper-rongyu .swiper-slide .img1 img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1);transition-duration: 0.5s;}
.swiper-rongyu .swiper-slide .text{font-size:20px;margin-top:-20px;color:#333;}


.about{ margin:30px 0;}
.about1{ padding:0px 0 0 0; background:url(../images/jj.jpg) no-repeat bottom center; background-size:100% 100%;}
.about1 .container{ padding:30px 0 0 0; border-left:1px solid #ddd; position:relative;}
.about_tit{ position:absolute; left:0; top:6px; border-bottom:1px solid #ddd; width:100%;}
.about_tit h2{ text-align:left; font-size:2.5em; color:#147ac1; line-height:40px; padding-left:20px;}
.about_tit span{ display:block; line-height:20px; margin:10px auto; font-size:1.6rem; text-align:center; color:#888; text-transform:uppercase;}
.about .container{}
.sider-title{border-bottom:1px solid #ddd;}
.sider-title h3{font-size:2.5em; color:#147ac1;}
.sider-title p{font-size:1.3em; color:#000;}
.sider-content{margin:30px 0; line-height:2; font-size:1.1em; max-height:420px; overflow:auto; padding-right:3%;}
.sider-content::-webkit-scrollbar {/*滚动条整体样式*/
	width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.sider-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #147ac1;
}
.sider-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}


.sider-content p{ text-indent:2em;}
.sider-content img{max-width:100%; display:block; margin:auto;}
.fc p{line-height:36px;text-align:center;background:#f5f5f5;}

/* 本例子css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden;  height:40px; padding:0 0px; margin-bottom:10px; text-align:right; position:absolute; top:0; right:0;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block; text-align:center;  width:38px; height:38px; border-radius:50%; border:1px solid #147ac1; margin-left:5px;margin-right:5px; overflow:hidden;cursor:pointer; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ background:#147ac1; border:1px solid #147ac1;}
.picScroll-left .hd .prev:hover i,.picScroll-left .hd .next:hover i{ color:#fff;}
.picScroll-left .hd .prev i,.picScroll-left .hd .next i{ font-size:2rem; color:#147ac1; line-height:36px;}
.picScroll-left .hd .next{ }
.picScroll-left .bd{ padding:90px 0 0 0;  }
		
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:left;  padding:0px 10px;}
.picScroll-left .bd ul li .pic .jj1{ float: left; width:12px; margin-right: 26px; margin-top: 10px; margin-left: 6px;}
.picScroll-left .bd ul li .pic .jj1 i{ display: block; width: 12px; height: 12px; background: #147ac1; border-radius: 50%; position: relative;}
.picScroll-left .bd ul li .pic .jj1 i:before{content: ''; display: block; width: 12px;  height: 12px; border-radius: 50%;
opacity: .7; background-color: #147ac1; animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);}
@keyframes scaless {
    0% { transform: scale(1) }
    50%, 75% { transform: scale(2) }
    78%,100% { opacity: 0}
} 
.picScroll-left .bd ul li .pic .jj1 span{ display: block; width: 1px; height:225px; background: #aaaaaa; margin: 0 auto;}
.picScroll-left .bd ul li .pic .jj2{ float:left; width:calc(100% - 60px);}
.picScroll-left .bd ul li .pic .jj2 h1{ color:#147ac1; font-size:3rem; line-height:40px; text-align:left; margin:0 0 15px 0;}
.picScroll-left .bd ul li .pic .jj2 p{ font-size:1.6rem; color:#333; line-height:30px; text-align:left; margin-bottom:20px; height:150px; overflow:hidden;}
/*.picScroll-left .bd ul li .pic .jj2 b{ font-size:1.4rem; color:#999; line-height:24px; text-align:left; margin-bottom:20px;
 font-style:normal; font-weight:normal; height:72px; overflow:hidden; display:block;}*/
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic h1{ color:#147ac1; font-size:2.4rem; line-height:40px; text-align:left;}
.picScroll-left .bd ul li .pic p{ font-size:1.6rem; color:#555; line-height:20px; text-align:left;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

/*内页--新闻中心*/
.news_list{ display:none;}
.news-conetent h3{ font-size:2.4rem; line-height:30px; height:60px; overflow:hidden;}
#news_list{ margin:20px auto 40px;}
#news_list .page{margin-top:30px;}
#news_list .date{ text-align:center;padding:5px 0; overflow:hidden; transition:all 0.5s; position:relative; left:0;}
#news_list .ns .date img{ display:block; max-width:100%; overflow:hidden; margin:auto;}
#news_list .date h3{font-size:2.5em; color:#fa4c4c; margin-top:0;}
#news_list .date p{color:#999; font-size:1.3em;}
.news_zi{ position:relative; transition:all 0.5s; right:0; margin-top:20px;}
.news-title2{font-size:1.4em; margin-bottom:10px;}
.date2{margin:10px 0; color:#999; display:block;}
.date2 i{ display:inline-block; margin-right:10px;}
.news-content2{line-height:2;font-size:1.6rem;}
.ns{padding:20px 0; border-bottom:1px solid #eee; transition:all 0.5s; position:relative;}
.news_list{margin:50px 0 20px 0;}
/*.ns:after{ position:absolute; left:0; bottom:0; content:''; width:0; height:1px; background:#147ac1;}
.ns:hover:after{ width:100%;}*/
#news_list .ns:hover .date{ left:10px;}
#news_list .ns:hover .news_zi{ right:10px;}

.news_list img{width:100%;}
.news_list h3 a{font-size:0.8em; }
.news_list p{line-height:2; color:#777;}

#news3{ margin:20px auto 40px;}
.news_show{ padding: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; color:#999;}
.news_show .date i{ display:inline-block;}
.news_show .nr{ padding:10px 20px; font-size:1.6rem; line-height:2;}
.news_show .nr img{max-width:100%; display:block; margin:auto; width:auto !important; height:auto !important;}
.news_show .nr table{ border-collapse:collapse; width:100%;}
.news_show .nr table th,.news_show .nr table td{ border-collapse:collapse; border:1px solid #555;}
.news_show .nr p span{font-size: 15px !important;}
.news_show .back{margin:0 auto; margin-top:30px; width:200px; height:50px; line-height:50px;}
.news_show .back a{ display:block; margin:0 auto; width:100%; border-radius:25px; background:#147ac1; color:#fff; font-size:18px; text-align:center;}
.news_show .back a i{ padding-right:10px;}
.news_show .back a:hover{background:#fff; color:#147ac1; border:2px solid #147ac1;}
.news_nav{border:1px solid #eee;padding:0 20px; line-height:2; margin-top:20px; background:#fcfcfc;}
.news_nav li{padding:10px 0; /*border-bottom:1px solid #eee;*/ float:left; width:48%; margin-right:4%;}
.news_nav li:nth-child(2){ margin-right:0;}
.news_nav li.noborder{border:none;}
.news_nav h3{font-size:1.2em; font-weight:bold; margin:0 0 10px 0;}
.news_nav p.date3{color:#999; margin:0;}
.news_nav p.date3 i{ display:inline-block; margin-right:6px;}
.news_nav p{ margin:0;}

#product-list{padding:30px 0;background: #f6f6f6;}
#product-list .p_left1{ display:none;}
#product-list .p_left2{ display:block}
#product-list .p_left{}
#product-list .p_left .ss{padding:20px; background:#fff; margin-bottom:30px;}
#product-list .p_left .tit{ height:80px; line-height:80px; font-size:22px; font-weight:bold; color:#fff; padding:0 20px; background:#029fe0; text-align: center;}
#product-list .p_left .tit span{ font-weight:400; font-size:18px;}
#product-list .p_right{/*background:#fff; padding:10px;*/}
#product-list .p_right .weizhi{ line-height:50px; border-bottom:1px solid #ddd; margin-bottom:40px;}
#product-list .p_right .weizhi h2{ height:50px; line-height:48px; border-bottom:3px solid #029fe0; float:left; color:#222; font-size:22px; margin-bottom: 0;}
#product-list .p_right .weizhi span{ float:left; color:#666; font-size:15px;}
#product-list .p_right .weizhi span i{padding-right: 10px;}
#product-list .p_right .weizhi span a{ padding:0 10px; color:#666;}
#product-list .pro{margin-bottom:30px; position:relative;background:#fff; box-shadow:5px 10px 10px #ddd;}
#product-list .pro:after{content:''; width:0; height:2px; background:#029fe0; position:absolute; left:0; bottom:0; transition:all 0.8s ease;}
#product-list .pro .pic{overflow:hidden; padding: 15px;}
#product-list .pro .pic img{display:block; max-width:100%; margin:0 auto;transform:scale(1,1);transition-duration:0.5s;}
#product-list .pro .intro{border-top:1px solid #e9e9e9; text-align:center; background:#fff;}
#product-list .pro .intro .box{padding:18px 37px 22px;}
#product-list .pro .intro .box .t{font-size:17px; color:#646464; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#product-list .pro .intro .box .c{font-size:14px; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#868686; margin:13px 0 20px;}
#product-list .pro  .intro .box .more{text-align: center;}
#product-list .pro  .intro .box .more i{padding-left:10px;}
#product-list .pro:hover:after{width:100%;}
#product-list .pro:hover .pic img{transform:scale(1.1,1.1); transition-duration:0.5s;}


#product-show{margin:30px 0;}
.pro-top{}
.pro-top .pro-title{text-align:center;font-size:1.5em; margin-bottom:30px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.pro-top .pro-tp{text-align:center; margin-bottom:20px;}
.pro-top .pro-tp img{width:100%;}
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{width:100%; height:40px; line-height:40px; position:relative; }
.slideTxtBox .hd ul{width:100%; float:left;  position:absolute; left:0; top:0;    }
.slideTxtBox .hd ul li{ float:left; width:25%; text-align:center; cursor:pointer;background:#5e5e5e;color:#fff;border-right:1px solid #fff;  }
.slideTxtBox .hd ul li.on{ height:40px;  background:#147ac1; }
.slideTxtBox .bd ul{ padding:15px 0;line-height:1.8; font-size:1em;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul p{ text-indent:2em; font-size:1.6rem; margin-bottom: 15px;}
.slideTxtBox .bd ul img{display: block; max-width: 100%; margin: 0 auto;}

/*应用领域*/
.ny_case{padding:30px 0;}
.ny_case .proshow-scroll-item {overflow: hidden;background-color: transparent;box-sizing: border-box;transition: all .36s ease;width:100%;height:auto;position:relative;box-shadow: 0 0 0 rgba(0, 0, 0, .15);}
.ny_case .proshow-scroll-item:before{content: " ";margin: 0 auto;overflow: heidden;width: 1px;height: 1px;background-color: #fff;display: inline-block;position: absolute;top:50px;left: -75px;transition: all .4s ease;z-index: 20;}
.ny_case .proshow-scroll-item:hover:before {width: 150px;background-color: #fff;}
.ny_case .item_index{display: block;position: absolute;top:40px;left: -320px;font-size:22px;transition: all .4s ease;color: #fff;font-weight: 300;z-index: 20;}
.ny_case .item_index:after {content: "+";font-size: 20px;color: rgba(247, 247, 247, 0);margin-left: 6px;transition: all .4s ease;}
.ny_case .item_img{max-width:100%;border-radius:4px;position: relative;overflow: hidden; height:215px}
.ny_case .item_img img{position:absolute;top:50%;left:50%;width:100%;/*height:100%;*/-webkit-transform:translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transition: all .4s ease;max-width: initial;object-fit: cover;}
.ny_case .item_mask{display: block;background-color:#029fe0; width: 100%;position: absolute;top: 100%;border-radius: 4px;transition: all .4s ease;opacity: 0.85;}
.ny_case .title1{color:#181818;font-size: 18px;text-align: center;transition: all .36s ease;}
.ny_case .ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;outline: none;}
.ny_case .proshow-caption{padding:15px 15px;}
.ny_case .item_des{position:absolute;top:60%;transition:top .36s ease;margin:10px 60px;opacity:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #fff;word-break: break-word;}
.ny_case .description{transition:all .36s ease;font-size:15px;overflow: hidden;color: #fff;outline: none;}
.ny_case .proshow-scroll-item:hover{background-color: transparent;}
.ny_case .proshow-scroll-item:hover .item_index {left: 82px;color: #fff;}
.ny_case .proshow-scroll-item:hover .item_img img {width: 108%;height: 108%;}
.ny_case .proshow-scroll-item:hover .item_img .item_mask {height: 100%;transition: all .4s ease;top: 0;}
.ny_case .proshow-scroll-item:hover .item_des {top:25%;opacity: 0.75;}

/*联系我们*/
#contact2{margin:30px 0;}
#contact2 .c_left{padding:20px; background:#fff;border: 1px solid #ddd; margin: 10px 0;height:auto;}
#contact2 .c_left .tit {font-size:22px;color: #000; font-weight:bold;padding-bottom:10px;}
#contact2 .c_left ul{ margin-bottom:0;}
#contact2 .c_left ul li{line-height:26px;padding:10px 0;border-bottom: 1px solid #dcdde1;font-size:16px;color: #616161;}
#contact2 .c_left ul li i{ display:inline-block; width:30px; padding-right:10px; color:#147ac1; font-size:20px;}
#contact2 .c_left ul li:last-child{border-bottom:none;}

/*人才招聘*/

.job{padding:30px 0;}
.job .box{padding:40px;color:#333; display:block; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; border:4px solid #fff; background:#f4f4f4; margin-left:-1px; margin-top:-1px; margin-bottom:20px;}
.job .box:hover{background:url(../images/job_mask.png) right top no-repeat; color:#fff;}
.job .box .title{font-size:24px; color:#133b6f; padding-bottom:40px; position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.job .box .title:after{content:''; position:absolute; width:50px; height:1px; background:#c6c6c6; bottom:20px; left:0;} 
.job .box .info{font-size:14px; color:#555; line-height:32px; margin-bottom:30px;}
.job .box .info i{padding-right: 10px; font-size: 16px;}
.job .box:hover .title{color:#fff;}
.job .box:hover .info{color:#fff;}
.job .box:hover .title:after{background:#fff;}

.daili1{ border:1px solid #ddd; margin-bottom:20px;}
.daili1 img{ display:block; margin:auto; max-width:100%;}
.daili1:hover{ border:1px solid #147ac1;}

/*客户留言*/
.ke_tit{ text-align:center; margin:0 auto 50px auto; position:relative;}
.ke_tit h2{ font-size:3rem; line-height:40px; margin:0 auto 0px auto; color:#333;}
.ke_tit h3{ font-size:1.6rem; line-height:30px; margin:0; font-weight:normal; color:#888;}
.ke_tit:after{ content:''; width:50px; height:2px; background:#147ac1; position:absolute; bottom:-10px; left:50%; transform:translate(-50%,0);}
.kehu1{ margin-bottom:20px; position:relative; text-align:center;}
.kehu1 input,.kehu1 textarea{ border:1px solid #ddd; background:#fff; padding:0 36px 0 10px; 
font-size:1.5rem; color:#333; line-height:50px; height:50px; width:100%; text-align:left;}
.kehu1 textarea{ height:160px; line-height:26px;}
.kehu1 i{ display:block; position:absolute; right:0px; top:0px; width:40px; height:50px; line-height:50px; font-size:30px; color:#ddd; text-align:center;}
.kehu1 button{ display:inline-block; background:#848484; border:none; line-height:46px; height:46px; width:220px; margin:0 30px; color:#fff; font-size:1.8rem;}
.kehu1 button:hover{ background:#147ac1;}

.con{ position:relative;}
.con1{ position:absolute; top:0; right:0; width:36%; height:100%; background:rgba(20,122,193,0.8); padding:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.con1 h3{ text-align:left; color:#fff;}
.con1 p{ color:#fff;}
.con1 p em{ display:inline-block; margin-right:6px;}
/*内页内容结束*/

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

/*底部*/
#footer{color:#fff;background:#0a0b0c;border-bottom:solid 5px #029fe0;/*background:url(../images/sy.jpg) no-repeat center; background-size:100% 100%;*/}
#footer a{color:#fff;}
#footer .f1{padding-bottom:40px; border-bottom: 1px solid #2f3336; margin-bottom:40px;}
#footer .f1 img{display: block; max-width: 100%;}
#footer .f1 .f_mail{display:flex;align-items:center;position:relative;}
#footer .f1 .f_mail input{color: #fff;background-color: #343537;display: block;float: right;font-size: 13px;-webkit-appearance: none;border: none;outline: none;width: 100%;height: 50px;line-height: 50px;padding: 0 20px;border-radius: 0px !important;}
#footer .f1 .f_mail .submitBtn{color: #fff;height: 50px;width: 135px;background: #018bd6;background-color:#018bd6;text-align: center;line-height: 50px;font-size: 15px;/*padding: 0 40px;*/margin-left: 10px;position: relative;overflow: hidden;}
#footer .ft1{padding:60px 0;}
#footer .ft1 .container{}
#footer .ft1 dl dt{font-size:1.3em;font-weight:weight; margin-bottom:10px;}
#footer .ft1 dl dd{font-size:1.4rem; line-height:2;color:#aaa;}
#footer .ft1 dl dd a{color:#aaa;}
#footer .ft1 dl dd p{margin-bottom:0;}
#footer .ft1 dl dd p em{ display:inline-block; margin-right:6px;}
#footer .ft2{border-top:1px #434343 solid; text-align:center; color:#fff; padding:10px 0;font-size:0.9em; line-height:1.8;}
#footer .ft2 a{color:#fff;}
#footer .ewm img{ display:block; max-width:150px; margin:auto;}
#footer .ewm p{ font-size:1.4rem; line-height:30px; text-align:center; color:#fff;}
#footer .f2{line-height:24px;}

@media (max-width:767px) { 
.kehu1 button{ width:110px; margin:0 10px;}
#header .logo{ margin:4px 0; margin-bottom: 10px;}
#header .logo img{ max-height:38px;}
#about .about2 ul li .timer{ font-size:3.6rem; line-height:34px;}
#about .about2 ul li h3{ font-size:1.5rem;}

#contact{ padding:40px 0; background:url(../images/sy.jpg) no-repeat left center; background-size:auto 100%;}
.lianxi h2{ font-size:2.2rem; line-height:40px;}
.lianxi h3{ font-size:2.6rem; line-height:40px; margin-bottom:40px;}
#header{ border-bottom:2px solid #ff2200; background:none;}
#footer .ft1{ display:none;}
#product .pc a p{ font-size:1.5rem; line-height:30px; }
.product-title p{ font-size:1.8rem;}
.product-title h3{ font-size:2.4rem; margin-bottom:0;}
.sy_about .nr .n_left .tit h3{font-size:2.4rem;}
.sy_contact{padding: 30px 0;}
.sy_contact .lxwm .add{padding:20px;}
.sy_contact .lxwm .ad1{font-size:22px;margin-bottom:20px;}
.sy_contact .lxwm .ad1 i{font-size:30px;}
.sy_contact .lxwm .con{ font-size:16px; line-height:24px;}
.xw_zi h2{ font-size:1.6rem; line-height:28px; height:56px; margin:10px 0;}
.xw_zi p{ font-size:1.3rem; line-height:22px; height:44px; margin-bottom:20px;}
.xw_zi span{ font-size:1.2rem; line-height:20px; margin-bottom:10px;}
.xw_zi .xw_ic{  width:16px; height:16px; right:0px; bottom:20px;}
.news_zi{ margin-top:10px;}
.sider-title h3,.about_tit h2{ font-size:2.4rem;}
.con1{ position:relative; width:100%; padding:10px;}
#about h2{ font-size:2rem; line-height:24px;}
#about .zi1{ font-size:2rem; line-height:24px;}
#about .about_zi p{ font-size:1.4rem;}
#about p.more{ margin-top:20px;}
#product .pc{ margin-bottom:15px;}
#product,.news-content{ padding:20px 0 20px 0;}
#news .container{}
.product-title,.news-content .xw{ margin-bottom:30px;}
#about{ margin:0 0 20px 0;}
.cp_more{ font-size:1.4rem; line-height:34px; height:34px; width:120px;}
#footer .ft2{ padding:0 10px;}
.picScroll-left .bd ul li .pic .jj2 h1{ font-size:2rem; line-height:30px; margin-bottom:10px;}
.picScroll-left .bd ul li .pic .jj2 p{ font-size:1.4rem; line-height:24px; height:192px; margin-bottom:10px;}
.picScroll-left .bd{ padding-top:60px;}
.sider-content{ margin:20px 0;}
.sider-nav .sn-left ul li a{ padding:8px 10px;}
.news_show .name{ font-size:20px; line-height:30px; padding:5px 0; }
#news3{ margin:0;}
}
@media (min-width:768px) {
#header .tile{padding-top:20px;}
#header .container{padding:0; }
#header .logo{font-size:2.8em;}
#header .tile .t_right{display: block;}
.search-wrap{display: block;}
.nav-box{display:block;}
.nav .nLi h3 a{  padding:0px 8px 0px 8px;margin-left:0px; font-size:15px;  }
.nav .sub{  width:104px; left:0px; top:90px;    }
.nav-box2{display:none;}
.wz{display:block;}
.sy_about{padding:70px 0;}
.sy_about .nr .n_left{position:absolute; top:30px; right:0;width:420px;padding:50px 50px;}
.sy_about .nr .n_left .tit{ font-size:36px;margin-bottom:30px;}
.sy_about .nr .n_left .d{ color:#989898; font-size:18px; margin-bottom:30px;}
.sy_about .nr .n_left .con{ line-height:28px; font-size:16px; color:#555;}
.sy_about .nr .n_left .more{ width:200px; height:46px; line-height:46px; border-radius:25px; font-size:18px;margin-top:30px;}
#about{margin:40px 0 50px 0;}
#about .container{padding:0;}
#about h1{  font-size:3em; }
#about h2{ font-size:2.2em; }
#about .zi1{ font-size:1.4em;}
#product .container{padding:0;}
.product-title{margin-bottom:20px; font-size: 36px;}
#news .container{ padding:50px 0 0 0;}
#contact .container{padding:0;} 

.sider-nav .container{padding:0;}
.about .container{padding:0;}
.news_list .container{padding:0;}
#news_list .container{padding:0;}
#product-show .container{padding:0;}
.pro-top .pro-tp img{width:600px;}
	
.ny_case{padding:50px 0;}
.ny_case .proshow-scroll-item:before{top:130px;left:-75px;}
.ny_case .proshow-scroll-item:hover:before {width: 150px;}
.ny_case .item_index{top:120px;left:-320px;font-size:24px;}
.ny_case .item_index:after {font-size: 20px;}
.ny_case .item_img{height:260px}
.ny_case .title1{font-size: 18px;}
.ny_case .proshow-caption{padding:24px 20px;}
.ny_case .proshow-scroll-item:hover .item_des {top: 40%;}
	
#news3 .container{padding:0;}
#news_list .date{display:block;}
#contact2 .container{padding:0;}

#footer .ft1 .container{padding:0;}
#footer .f2{line-height: 50px;}
.xw_zi h2{ font-size:1.8rem; line-height:32px; height:64px;}
.xw_zi p{ font-size:1.4rem; line-height:24px; height:48px; margin-bottom:40px;}
.xw_zi span{ font-size:1.3rem; line-height:20px; margin-bottom:10px;}
.xw_zi .xw_ic{  width:16px; height:16px; right:0px; bottom:20px;}
#product .pc a p{ font-size:2rem;}
.product-title p{ font-size:2rem;}
.product-title h3{ font-size:30px;}
.tiaofu{ padding:50px 0;font-size:30px;}
#footer .ft1 dl dt{font-size:1.5rem; }
#footer .ft1 dl dd{font-size:1.3rem; }
#footer .ft1{ padding:20px 0;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
	#header .logo{font-size:3em;}
	#about{margin:30px 0 50px 0;line-height:2;}
	.nav .nLi h3 a{  padding:0px 15px 0px 15px;margin-left:0px; font-size:16px;  }
	.nav .sub{  width:104px; left:0px; top:90px;    }
	.nav-box{margin-top:0px;}
	.sp_nav{display: none;}
	#product-list .container{padding:0;}
	#product-list .p_left1{display:block;}
	#product-list .p_left2{display:none}
	.sider-nav{padding: 10px 0;}
	.sider-nav .sn-left{float:right;}
	.sider-nav .sn-right{display:block;}
	.xw_zi h2{ margin:0 0 10px 0; font-size:2.0rem; height:105px; }
	.xw_zi p{ font-size:1.6rem; line-height:30px; height:60px; margin-bottom:50px;}
	.xw_zi span{ font-size:1.4rem; line-height:20px; margin-bottom:10px;}
	.xw_zi .xw_ic{ width:23px; height:23px; position:absolute; right:0px; bottom:16px;}
	#footer .ft1 dl dt{font-size:1.3em; }
	#footer .ft1 dl dd{font-size:1.6rem; }
	#footer .ft1{padding-top: 60px;}
	.bb2{display:block;}
	.bb2_phone{display:none;}
	.ny_title{margin-bottom:30px;}
	.ny_title .tit{font-size:36px;}
	.ny_title .line{margin-top:30px;}
	.about_jieshao{padding:80px 0;}
	.about_licheng{padding:80px 0;}
	.about_rongyu {padding:80px 0;}
	#product-list{padding:50px 0;}
	#product-list .p_right .weizhi span{ /*float:right;*/}
	.pro-top .pro-title{font-size:2em; margin-bottom:30px;}
	.ny_case{padding:50px 0;}
	#contact2{margin:50px 0;}
	#contact2 .c_left{padding:30px;height:470px;}
	#contact2 .c_left .tit {font-size:26px;padding-bottom: 20px;}
	#contact2 .c_left ul li{padding:20px 0;font-size:16px;line-height:20px;}
	#contact2 .c_left ul li i{font-size:20px;}
	.job{padding: 50px 0;}
	.job .box{margin-bottom: 30px;}
}



/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
.nav .nLi h3 a{  padding:0px 30px 0px 30px;margin-left:0px; font-size:1.6rem;  }
.nav .sub{  width:170px; left:0px; top:84px;    }

}
@media (min-width:1700px) {
.container{ width:1400px;}

}