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

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

.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:#ffffff; position:fixed; top:0; left:0; z-index:9999; width:100%;box-shadow:2px 5px 10px #ccc;}
header .mail {/*background-color:#2099b4;*/width:180px;height:82px;line-height: 80px;text-align:center;color:#222222;font-size:20px;font-weight: bold;position:absolute;right:40px;top:0;display:none;}
header .mail a{color:#222222;}
header .mail i{color:#2099b4;padding-right:10px;}
header .container{width: 98%;}
header .logo{ float:left; margin-right:10px;width:86%; padding-right:10px; border-right:none;}
header .logo .l_left{ width:180px; float:left; margin-top:15px; margin-bottom:10px;}
header .logo .l_right{ width:225px; float:left; margin-top:16px; margin-left:5px;}
header .logo .l_right h2{ color:#2a2a2c; font-size:18px; letter-spacing:0; margin:0; font-weight:bold;}
header .logo .l_right h2 span{ color:#ee1d23;}
header .logo .l_right p{ color:#7d7d7f;font-size: 0.65em;}
header .logo .l_left img{ max-width:100%; display:block;}

/*菜单*/
.nav{ float:left; display:none;margin-left:50px;}
.nav ul{ margin-left:70px;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; color:#222; text-align:center; font-size:18px; line-height:80px; position:relative; padding:0 20px;}
.nav ul li a.on{color:#2099b4; border-bottom:2px solid #2099b4;}
.nav ul li a:hover,.header .nav ul li a.on{color:#2099b4; border-bottom:2px solid #2099b4;}

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


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

/*头部电话*/
header .dl{ float:right; height:120px; padding-left:20px; border-left:1px solid #e5e5e5; display:none;}
header .dl p{ color:#555; font-size:16px; margin-top:40px; margin-bottom:0;}
header .dl p i{ padding:2px 4px; border:2px solid #ee1d23;color:#ee1d23; border-radius:50%; margin-right:5px;}
header .dl .tel{ font-size:24px; color:#ee1d23; font-weight:bold;}
header .dl .tel a{color:#ee1d23;}


#tel{position:fixed; right:10px; bottom:140px; background:#e5212b;text-align:center; width:41px; font-size:16px; color:#fff; padding: 3px 10px 5px 10px;z-index:9999; display:block;}
#tel i{display:block; color:#fff; font-size:24px;}
#toubu{ position:fixed; right:10px; bottom:90px; background:#005cb9; display:inline-block; text-align:center; font-size:16px; color:#fff; padding: 3px 10px 5px 10px;z-index:9999;}
#toubu i{ display:block; color:#fff; font-size:24px;}
#toubu p{ display:none;}
/*banner开始*/
.banner{ width:100%;position:relative;margin-top:58px;}
.banner .swiper-wrapper{ height:auto !important;}
.banner .swiper-container {width:100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100% !important;}
.banner .swiper-slide img{ width:100% !important;}
.banner .swiper-slide .pc{ display:none;}
.banner .swiper-slide .phone{ display:block;}

/*搜索*/
.sy_ss{ height:auto; border-bottom:1px solid #bfbfbf; line-height:40px; padding:10px 0;}
.sy_ss .s_left{ color:#333333; font-size:16px;}
.sy_ss .s_left a{color:#333333;}
.sy_ss .s_left a:hover{ color:#f08200;}
.sy_ss .s_right{}
.sy_ss .s_right input{ float:left; width:90%; float:left; height:40px; line-height:40px; border:none; font-size:16px; color:#777777;outline:none;}
.sy_ss .s_right a{ display:block; width:10%; float:left;}
.sy_ss .s_right .tijiao{width:10%;height:37px;border:none; background:url(../images/ss.jpg) no-repeat center;padding:0;margin:0;margin-top:0;float:left;}

/*首页关于我们*/
.sy_about{ padding: 30px 0;}
.sy_about .text{/*width: calc(25% - 20px);*/float: left;margin-top:0px;margin-bottom:25px;padding: 0 10px;position: relative;}
.sy_about .text .subtitle {font-size: 18px;color: #212121;position: relative;margin-left:60px;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy_about .text .line {position: absolute;content: '';width:50px;height:2px;background: #2099b4;left: 9px;top: 11px;}
.sy_about .text .title1{font-size:32px;color: #212121; word-break: break-word;}
.sy_about .text .title2{font-size: 18px;color: #212121;word-break: break-word;}
.sy_about .text .arcitle{font-size:16px;color: #212121;margin:20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;text-overflow: ellipsis;}
.sy_about .text .more{display:block; width:200px; height:56px; line-height:56px; text-indent: 25px; color:#2099b4; font-size:16px; transition:all 0.8s ease 0.1s; margin:0 0;text-transform: uppercase; background:url(../images/more.png) no-repeat left; margin-top:20px;}

.sy_about .list{}
.sy_about .list .l{background-color: #EDECED;transition:all .3s; display:block; margin-bottom:20px;}
.sy_about .list .l .pic{overflow: hidden;}
.sy_about .list .l .pic img{max-width: 100%; display: block; margin: 0 auto;}
.sy_about .list .l .tit{ height:40px;line-height:40px;text-align:center;font-size:16px;color:#222;}
.sy_about .list .l:hover{margin-top: -10px;}

/*首页产品*/
.sy_product{ padding:30px 0; /*background:url("../images/sy_product.jpg") no-repeat center;*/ background: #f3f6f8;}
.sy_product .t{background: url('../images/line2.png') no-repeat left top;}
.sy_product .t h2{font-size:26px;color:#0a3360;font-weight:400;letter-spacing:0;line-height:1.8em;text-align:left;}
.sy_product .fl{float: right;}
.sy_product .fl ul{ margin-bottom: 0; margin-top:20px;}
.sy_product .fl ul li{ display:inline-block; margin:7px; height: 42px;line-height: 42px;text-align: center;}
.sy_product .fl ul li a{display:block; font-size:16px; background:#eef2f5; color:#6c6e74;padding:0 20px;} 
.sy_product .fl ul li a:hover{background:#2099b4; color:#fff;}

.sy_product .sy_list{margin-top:30px; padding:0 10px;}
.sy_product .sy_list .line{ padding:0 5px;}
/*.sy_product .sy_list .l{border:5px solid #fff; text-align:center; margin-bottom:30px;}
.sy_product .sy_list .l .pic{overflow:hidden;}
.sy_product .sy_list .l .pic img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1); transition-duration: 0.5s;}
.sy_product .sy_list .l .tit{line-height: 48px; font-size:16px; color:#222; background:#fff;}
.sy_product .sy_list .l:hover{border:5px solid #2099b4;}
.sy_product .sy_list .l:hover .pic img{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.sy_product .sy_list .l:hover .tit{color:#fff; background:#2099b4;}*/

.sy_product .sy_list .l{margin-bottom:40px;/*background:#fff;*/}
.sy_product .sy_list .l .img{overflow:hidden;border-radius:10px;}
.sy_product .sy_list .l .img img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1); transition-duration: 0.5s;}
.sy_product .sy_list .l .con { position: relative; padding:25px 10px 30px; border-bottom:1px solid #dddddd; }
.sy_product .sy_list .l .con .t { font-size:22px;color:#333333; height: 30px; line-height: 30px; overflow: hidden;background:none; }
.sy_product .sy_list .l .con .c { font-size:16px;color:#666666; height: 56px; margin: 10px 0 25px; line-height: 28px; overflow: hidden; }
.sy_product .sy_list .l .con span.more1 {font-size: 16px;color:#1f2c5c; line-height: 20px; display: inline-block; padding-right:15px; background: url(../images/jtblue.png) no-repeat right center; }
.sy_product .sy_list .l .con:after { content:'';width: 0;height: 2px;background:#2099b4; position:absolute;left:0; bottom:-1px; transition:all 0.8s;}
.sy_product .sy_list .l:hover .con:after {width:100%;}
.sy_product .sy_list .l:hover .con .t { font-weight:bold;color:#1f2c5c;}
.sy_product .sy_list .l:hover .img img{transform:scale(1.1,1.1); transition-duration:0.5s;}

.sy_product .more{display:block;width:130px;height:40px;line-height:40px;border-radius:25px;border:1px solid #2099b4;text-align:center;font-size:16px;color:#2099b4;margin:0 auto;margin-top:20px;}
.sy_product .more:hover{background:#2099b4;color:#fff;}


/*我们的行业*/
.sy_hangye{/*background:#0a3360;*/ background-image:url(../images/hangye_bj.jpg);background-size: cover;background-attachment:fixed;background-repeat:no-repeat;transition: all 0.6s; padding:50px 0;}
.sy_hangye .title{font-size:26px;color:#fff;font-weight:400;letter-spacing:0;line-height:1.8em;text-align:center; margin-bottom:20px;}
.sy_hangye .title img{display: block; max-width: 100%; margin: 15px auto;}
.sy_hangye .h_list{border:1px solid rgba(255,255,255,0.30);padding:20px 15px;transition: all 0.6s;margin-bottom:20px;border-radius:5px;position:relative;}
.sy_hangye .h_list a{display: flex;justify-content: space-between;flex-wrap: wrap;align-items:flex-start;}
.sy_hangye .h_list img{transition: all 0.4s;position: absolute;top:20px;right:20px;width:30px;}
.sy_hangye .h_list:hover{background: #2099b4;border:1px solid #2099b4;}
.sy_hangye .h_list:hover img{transform: rotate(360deg);}
.sy_hangye .h_list dl{margin-bottom:0;}
.sy_hangye .h_list dl dt{font-size:24px;color:#FFF;}
.sy_hangye .h_list dl dd{margin-top:10px;font-size:18px;line-height:24px;color:#FFF;}
.sy_hangye .more{ display:block; width:130px; height:40px; line-height:40px; border-radius:25px; border:1px solid #2099b4; text-align:center; font-size:16px;background:#2099b4; color:#fff; margin:0 auto;margin-top: 20px;}
.sy_hangye .more:hover{ background:#fff; color:#2099b4;}


/*首页我们的优势*/
.sy_youshi{background: url("../images/youshi.jpg") no-repeat center top;padding:50px 0; padding-bottom:0;}
.sy_youshi .title{font-size:26px;color:#fff;font-weight:400;letter-spacing:0;line-height:1.8em;text-align:center; margin-bottom:20px;}
.sy_youshi .title img{display: block; max-width: 100%; margin: 15px auto;}
.sy_youshi .list{ padding:30px 0;}
.sy_youshi .list .l{margin-bottom:20px;background:#fff;box-shadow: 0 0 10px 3px #cecece;width:48.5%; margin-right:1.5%; margin-bottom:20px;float: left;}
.sy_youshi .list .frist{width:100%;margin-right:0;}
.sy_youshi .list .last{margin-right:0;}
.sy_youshi .list .l .box{padding:30px 20px;text-align:center;}
.sy_youshi .list .l .box .pic{ width:60px; height:60px; margin:0 auto; margin-bottom:20px; text-align: center;}
.sy_youshi .list .l .box .pic img{max-width: 100%; display: block; margin: 0 auto;transition: all 0.4s;}
.sy_youshi .list .l p{ font-size:17px; color:#111c38; text-align:center;}
.sy_youshi .list .l span{ color:#a2a2a2; font-size:16px; text-align:left; display:block; text-indent:2em;}
.sy_youshi .list .l:hover .box .pic img{transform: rotate(360deg);}
.sy_youshi .list .l:hover p{ color:#2099b4;}

.sy_youshi .list .l1{margin-bottom:30px;background:#fff;box-shadow: 0 0 10px 3px #cecece;border-radius:5px;}
.sy_youshi .list .l1 .box{padding:30px 20px;text-align:center;}
.sy_youshi .list .l1 .box .pic{width:60px;height:60px;margin:0 auto;margin-bottom:20px;text-align:center;}
.sy_youshi .list .l1 .box .pic img{max-width:100%;display:block; margin:0 auto;transition:all 0.4s;}
.sy_youshi .list .l1 p{ font-size:17px; color:#111c38; text-align:center;}
.sy_youshi .list .l1 span{ color:#a2a2a2; font-size:16px; text-align:left; display:block; text-indent:2em;}
.sy_youshi .list .l1:hover .box .pic img{transform: rotate(360deg);}
.sy_youshi .list .l1:hover p{ color:#2099b4;}

/*首页标题*/
.sy_title{ margin-bottom:30px; text-align:center;}
.sy_title .tit{ color:#0a3360; font-size:24px; font-weight:bold; text-align:center;}
.sy_title img{display: block; max-width: 100%; margin: 15px auto;}
.sy_title p{ margin-bottom:0;}
.sy_title p span{ color:#979797; font-size:15px; text-transform:uppercase; padding:0 15px;}
.sy_title p i{ color:#ee1d23;font-size: 28px; display:none;}

/*首页荣誉*/
.sy_rongyu{ padding:30px 0;}
.sy_rongyu .list{ padding:30px; background:#f2f2f2;box-shadow: 5px 5px 10px #ddd; margin-bottom:15px;}
.sy_rongyu .list .img1{overflow:hidden;}
.sy_rongyu .list .img1 img{ max-width:100%; display:block; margin:0 auto;transition: all 0.6s ease-out;border-bottom:1px solid #e8e8e8; padding-bottom:25px;}
.sy_rongyu .list .img1 img:hover{transition: all 0.6s;transform: scale(1.1);}
.sy_rongyu .list .tit{ margin-top:15px;background:url(../images/fd.png) no-repeat right; color:#333; font-size:18px;}


/*首页新闻*/
.sy_news{ margin:30px auto;}
.sy_news .list{}
.sy_news .list .l_left{background: #f4f4f4; margin-bottom: 20px;}
.sy_news .list .l_left .pic{overflow:hidden;}
.sy_news .list .l_left .pic img{display: block; max-width: 100%; margin: 0 auto;}
.sy_news .list .l_left .nr{padding:20px 40px;}
.sy_news .list .l_left .nr .t{font-size: 18px; color: #000; margin-bottom: 20px; overflow: hidden;}
.sy_news .list .l_left .nr .text{font-size:15px;color:#888;line-height: 1.8;overflow: hidden;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.sy_news .list .l_left .nr .time{font-size:15px;color:#1f2c5c;margin-top:25px;margin-bottom:10px;}
.sy_news .list .l_left .nr .time i{padding-right:10px;}
.sy_news .list .l_left .nr .more1{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;border:1px solid #2099b4; float:right;}
.sy_news .list .l_left .nr .more1 i {font-size:16px;margin-left:2px;color:#2099b4;}
.sy_news .list .l_left .nr a:hover .t{color:#2099b4;}
.sy_news .list .l_left .nr a:hover .more1{background:#2099b4;color:#fff;}
.sy_news .list .l_left .nr a:hover .more1 i{color:#fff;}
.sy_news .list .l_right{background:#f4f4f4;}
.sy_news .list .l_right ul{margin:0;}
.sy_news .list .l_right ul li{padding:20px; border-bottom:1px solid #ededed; position:relative;}
.sy_news .list .l_right ul li::before{position: absolute;width:5px;height:5px;background-color:#2099b4;border-radius: 20px;transition: all .3s;content: "";top:30px;left:10px;}
.sy_news .list .l_right ul li .t{font-size:18px;color:#333;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sy_news .list .l_right ul li .con{font-size:15px;color: #999;margin-top:5px;margin-bottom:5px;line-height:1.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sy_news .list .l_right ul li .time{font-size:15px;color:#1f2c5c;}
.sy_news .list .l_right ul li .time i{padding-right:10px;}
.sy_news .list .l_right ul li:hover{background:#eff9fb;}
.sy_news .more{display:block; width:130px; height:40px; line-height:40px; border-radius:25px; border:1px solid #2099b4; text-align:center; font-size:16px; color:#2099b4; margin:0 auto; margin-top:20px;}
.sy_news .more:hover{background:#2099b4; color:#fff;}

/*首页留言*/
.sy_liuyan{width:100%; background:#343645; padding:30px 0;}
.sy_liuyan .ly_left{ padding-right:40px; color:#fff;}
.sy_liuyan .ly_left .tit{ font-size:26px;}
.sy_liuyan .ly_left .line{width:200px; height:1px; background:#fff; margin:20px 0;}
.sy_liuyan .ly_left .text{ font-size:16px; line-height:28px; color:#fff; text-align:left; margin-bottom: 20px;}
.sy_liuyan .kehu1{margin-bottom: 15px;}
.sy_liuyan .kehu1 input{padding:6px 4px;background-color: rgb(255, 255, 255);color: rgb(0, 0, 0);}

/*内页banner*/

.ny_banner{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative; margin-top:60px; display:none;}
.ny_banner h3{position:absolute;color:#fff;top:30%;font-size:40px;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:51%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.ny_banner h3 span{display: block;font-size:18px;font-weight: 400;opacity: 0.8; margin-top:10px;}
.ny_banner h3 p{ margin-top:10px;font-size:14px;font-weight: 400;opacity: 0.8;}
.ny_banner h3 p i{ padding-right:10px;}
.ny_banner h3 p a{ padding:0 10px;opacity: 0.8; color:#fff;}

.ny_banner1{height:160px;background-position: center;background-repeat:no-repeat;background-size:100% !important;position:relative; margin-top:58px; display: block;}
.ny_banner1 h3{position:absolute;color:#fff;top:16%;font-size:24px;text-transform:uppercase;width:100%;font-weight:700;padding:15px;animation:leftPic 1s;max-width:780px;min-width:360px;left:51%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);margin-top:0;}
.ny_banner1 h3 span{display:block;font-size:14px;font-weight:400;opacity:0.8;margin-top:10px;}
.ny_banner1 h3 p{margin-top:10px;font-size:14px;font-weight:400;opacity:0.8;}
.ny_banner1 h3 p i{padding-right:10px;}
.ny_banner1 h3 p a{padding:0 10px;opacity:0.8;color:#fff;}


/*内页公用菜单*/
.sub-nav-box{margin-top:-40px;position:relative;z-index:3;display:none;}
.sub-nav{background-color: rgba(255,255,255,.9);  }
.sub-nav .swiper-slide{width: 33.33%;  box-sizing: border-box;  border-right: 1px solid rgba(255,255,255,.4);  }
.sub-nav a{display: block;height:40px;line-height:40px;text-align:center;font-size:16px;color:#333;position:relative;transition: all .3s;  }
.sub-nav .swiper-slide>a:before{  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 0;  height: 3px;  background-color: #2099b4;  transition: all .3s;  }
.sub-nav .swiper-slide.cur>a{  color: #2099b4;  }
.sub-nav .swiper-slide.cur a:before{  width: 100%;  }
.sub-nav .swiper-slide a:hover  { color: #2099b4;}
.sub-nav .swiper-slide.cur a:before{  width: 100%;  }
/* .about-nav .swiper-slide{width: 20%;} */
.sub-nav a:hover::before{width: 100%;}
.sub-nav a.cur:before{  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 3px;  background-color: #274fa1;  transition: all .3s;  }
.m-subnav { background: #f5f5f5; position: absolute; top: 80px; width: 100%; padding: 20px; display: none; box-sizing: border-box;} 
.m-subnav a{ font-size: 14px; display: block; text-align: center; color: #666; height: 35px; line-height: 35px;}

	
.listMenu{background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);position:relative;z-index: 2;}
.listMenu .main{display:flex;flex-flow:row wrap;justify-content:center;height:auto;padding:0 5px;}
.listMenu a{position:relative;display:inline-block;color:#333;text-align:center;font-size:16px;line-height: 20px;padding: .85rem 0 .75rem;border-left: 1px solid #e5e5e5;transition: all .5s ease;}
.listMenu .ico-wrap{margin:0 auto 6px;position:relative;width:55px;height:42px;}
.listMenu .poa100{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.listMenu .hover{display: none;}
.listMenu a:hover, .listMenu a.cur{color: #fff;background: #e60039;}
.listMenu a:hover .hover, .listMenu a.cur .hover{display: block; }
.listMenu a:hover .unhover, .listMenu a.cur .unhover{display: none;}
/*.listMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#ee1d23;bottom:-1px;transform: scale(0,1);transform-origin: right;transition:transform .4s; line-height:55px;}
.listMenu a:hover,.listMenu .on{color:#ee1d23;}
.listMenu .on::after,.listMenu a:hover::after{transform: scale(1);transform-origin:left;}*/

/*内页公共标题*/
.ny_title{ text-align:center; font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}
.ny_title p{ line-height:30px; font-size:16px; font-weight:300;}
.ny_title .line{width:30px;height:5px;background-color:#2099b4;margin:0 auto;margin-top:15px;}
.ny_title1{ margin-top:60px;}

/*内页关于我们*/
.ny_about{ padding:30px 0;/*background: #f6f7fa;*/margin-top:0; font-size:16px;}
.ny_about .a_left{ background:#fff;/* padding:5%;*/}
.ny_about .a_left .tit{font-size:24px;font-weight:bold;color:#2a2a2c;text-align:center;}
.ny_about .a_left .line{width:30px;height:5px;background-color:#2099b4;margin:0 auto;margin-top:15px;}
.ny_about .a_left .text{ font-size:16px; color:#4a4a4a; line-height:28px; margin:20px 0;}
.ny_about .a_left .text p{ text-indent:2em;line-height:32px;color:#666666;}
.ny_about .a_left .more{ width:100px; height:50px; text-align:center; line-height:50px; display:block; color:#fff; background:#389eab; font-size:18px;}
.ny_about .a_left .tel{ padding:10px 30px; background:#f08200; font-size:24px; color:#fff; font-weight:bold; margin-top:10%; border-radius:30px; text-align:center;}
.ny_about .a_left .tel i{ padding-right:10px; font-size:24px;}
.ny_about .a_right{padding-left:50px;}
.ny_about .a_right .item{padding-bottom: 20px;  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8;  }
.ny_about .a_right .item:last-child{  margin-bottom: 0;  }
.ny_about .a_right .num-box{float: left;  }
.ny_about .a_right .num-top{font-size: 0;  }
.ny_about .a_right .num-box .num,
.ny_about .a_right .num-box .year,
.ny_about .a_right .num-box .unit{display: inline-block;*display: inline;zoom: 1;vertical-align: bottom;}
.ny_about .a_right .num-box .num{font-size:54px;line-height:54px;color: #2099b4;}
.ny_about .a_right .num-top .year{font-size:14px;line-height:23px;width:23px;height: 23px;background-color: #2099b4;border-radius: 100%;text-align: center;color: #fff;margin-left: .2rem;}
.ny_about .a_right .num-top .unit{font-size:16px;line-height:16px;color:#2099b4;margin-left:20px;}
.ny_about .a_right .txt{font-size: 16px;}
.ny_about .a_right .icon{float: right;width: 80px;}

.ny_about img{ display:block; max-width:100%; margin:0 auto;}

/*企业文化*/
.ny_about_wenhua{background: url(../images/ab-bg1.jpg) no-repeat center top; background-size: cover; max-height:auto; padding:30px 0;}
.ny_about_wenhua .culture{display:block; flex-direction: row; justify-content: space-between; background: #fff;}
.ny_about_wenhua .culture .chaoren{width:100%; overflow: hidden;}
.ny_about_wenhua .culture .chaoren ol{margin-bottom:0;}
.ny_about_wenhua .culture .chaoren li{border-bottom:1px #eee solid; display: flex; flex-direction: row; align-items: center; line-height:30px; height: 114px;}
.ny_about_wenhua .culture .chaoren li .chong{padding:20px 20px; border-right: 1px solid #eee;background:#2099b4;}
.ny_about_wenhua .culture .chaoren li .chong img{display:block; width:40px;}
.ny_about_wenhua .culture .chaoren li .danci{font-size:18px; padding:20px;}
.ny_about_wenhua .culture .chaoren li .danci span{color:#2099b4; width:auto; vertical-align:middle; display:inline-block; font-size:18px;}
.ny_about_wenhua .culture .chaoren li .danci sup{color:#aaa; vertical-align: middle; display: inline-block; padding: 0 15px;}
.ny_about_wenhua .culture .cizhi{width:100%; overflow: hidden;}
.ny_about_wenhua .culture .cizhi img{display:block; width: 100%; object-fit: cover; height:auto; }



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

.about_wenhua{background:url(../images/about04.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:60px 0; margin-top:40px;}
svg{fill: currentColor;}


.swiper-about{width: 100%;height: 100%;}
.swiper-about .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-about .swiper-slide .list{overflow: hidden;margin-bottom:0;}
.swiper-about .swiper-slide .img1{}
.swiper-about .swiper-slide .img1 img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1);transition-duration: 0.5s;}
.swiper-about .swiper-slide .text{font-size:20px;color:#fff;background:#2099b4;padding: 15px 0;margin: 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;}
.swiper-rongyu .swiper-slide .list{overflow: hidden;margin-bottom:0;}
.swiper-rongyu .swiper-slide .img1{}
.swiper-rongyu .swiper-slide .img1 img{display:block;max-width:100%;margin:0 auto;transform: scale(1,1);transition-duration: 0.5s;border:1px solid #2099b4;}
.swiper-rongyu .swiper-slide .text{font-size:20px;color:#fff;background:#2099b4;padding: 15px 0;margin: 0;}

.liucheng{padding:30px 0;}
.lc{}
.lc .list{padding:20px 20px; text-align:center; border:1px solid #e7e7e7;margin-bottom:20px;border-radius: 5px;}
.lc .list img{ max-width:100%; display:block; margin:0 auto; margin-bottom:20px;transition: all 0.4s}
.lc .list:hover img{transform: rotate(360deg);}
.lc .list .tit{ font-size:16px;color:#4a4a4a;height:40px;}
.lc .list p{margin-top:20px;justify-content: center;align-items: center;font-size:20px;line-height: 24px;color:#2099b4;display:flex;}
.lc .list p i {width:33px;height:1px;background-color:#2099b4;margin-left:7px;margin-right:7px;}


/*内页联系我们*/
.ny_contact{ padding:30px 0; font-size:16px; background:#f6f7fa; padding-top:30px;}
.ny_contact .l{text-align: center; -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition: .5s; margin-top:30px;}
.ny_contact .l i{width: 100px;height: 100px;border: 1px solid #eee; background:#f1f4fd;border-radius: 100%;line-height: 100px;text-align: center;font-size:30px;color: #ee1d23;margin: 0 auto;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;display: inline-block;}
.ny_contact .l h3 {font-size:18px;color: #000;padding: 20px 0 10px;}
.ny_contact .l p {font-size:18px;color: rgba(0,0,0,.7);}
.ny_contact .l:hover i{transform: rotate(360deg); color:#ee1d23;}
.ny_contact .c_left{padding:30px; background:#fff;margin-bottom:20px}
.ny_contact .c_left .tit {font-size: 28px;color: #000; font-weight:bold;border-bottom: 1px solid #dcdde1;padding-bottom: 20px;}
.ny_contact .c_left ul{ margin-bottom:0;}
.ny_contact .c_left ul li{line-height:30px;padding: 13px 0;border-bottom: 1px solid #dcdde1;font-size:16px;color: #616161;float: left;width: 100%;}
.ny_contact .c_left ul li i{ display:inline-block; width:30px; padding-right:10px; color:#2099b4; font-size:20px;}
.ny_contact .c_left ul li p{display:inline-block;}
.contact_map{overflow:hidden;}
.contact_map img{display:block;max-width:100%;margin:0 auto;}
.contact_map p{line-height: 26px;color:#666;padding-top:10px;}

.ny_contact input{border:1px solid #ddd;}
.ny_contact textarea{border:1px solid #ddd; color:#999;}
.about-title{height:40px; line-height:40px;margin:0 auto; text-align:center;font-size:28px;font-weight:bold;margin-bottom:10px;}
.ke_tit{ text-align:center; margin:0 auto 30px 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:16px; 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:24px; 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;}


/*内页人才招聘*/
.job{ padding:30px 0; width:100%;}
.job1{ background:#f1f4f7; float:left; width:100%;border: 1px solid #fff; margin-left: -1px; margin-top: -1px;}
.job1 a{ display:block; padding:30px;
 background-repeat:no-repeat; background-position:-100% 0; background:none;}
.job1 a:hover{background:url(../images/job.jpg) no-repeat center 100%;}
.job1 h2{font-size: 24px; color: #191919; margin:0 0 40px 0; position: relative;}
.job1 .tex{font-size: 16px; color:#808080; line-height: 32px; margin-bottom: 30px;}
.job1 .tex p{ margin:0;}
.job1 .tex .renzhi{ height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height:28px;}
.job1 .tex i{ color:#ee1d23; padding-right:10px;}
.job2{padding-bottom:10px;}
.job2 .more1{width:50px;height:2px;background:#ee1d23;display:block;float:left;margin-top:9px;margin-right:25px;transition:width 0.5s ease;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;}
.job2 .more2{width:33px;height:21px;overflow:hidden;display:block;float:left;vertical-align:middle;background-position:0 14px;background:url(../images/news_more1.png) 0 0 no-repeat;}
.job1:hover .job2 .more1{width:80px; background:#fff;}
.job1:hover .job2 .more2{background-position:0 -14px; background:url(../images/news_more1.png) 0 -21px no-repeat;}
.job1 a:hover h2, .job1 a:hover .tex { color:#fff;}
.job1:hover .tex i{ color:#fff;}

/*内页产品中心*/
.ny_product{ padding:30px 0;background: #f6f7fa; margin-top:0;}
.ny_product .p_left{}
.ny_product .p_left .ss{padding:20px; background:#fff; margin-bottom:30px;}
.ny_product .p_left .tit{ height:80px; line-height:80px; font-size:26px; font-weight:bold; color:#fff; padding:0 20px; background:#2099b4;}
.ny_product .p_left .tit span{ font-weight:400; font-size:16px;}
.ny_product .p_left1{display:none;}
.ny_product .p_left2{display:block;}
.ny_product .p_right{background:#fff; padding:0;}
.ny_product .p_right .weizhi{ line-height:30px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.ny_product .p_right .weizhi h2{ height:50px; line-height:48px; border-bottom:3px solid #ee1d23; float:left; color:#222; font-size:22px;}
.ny_product .p_right .weizhi span{ float:right; color:#666; font-size:15px;}
.ny_product .p_right .weizhi span a{ padding:0 10px; color:#666;}
.ny_product .p_right .l{background:#fff; padding:20px 15px; border:1px solid #eee; margin-bottom:20px;}
.ny_product .p_right .l .img1{overflow:hidden;}
.ny_product .p_right .l .img1 img{display:block; max-width:100%; margin:0 auto;transform: scale(1,1); transition-duration: 0.5s;}
.ny_product .p_right .l .tit{ text-align:center; margin:20px auto; font-size:20px; color:#222222;/* height:58px;*/}
.ny_product .p_right .l .text{ color:#888888; font-size:15px; line-height:26px; height:50px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ny_product .p_right .l .more{width:115px;height:36px;line-height:36px;border:1px solid #898989;border-radius:18px;text-align:center;color:#000;font-size:15px;margin:20px auto;margin-bottom:10px;background:#fff;}
.ny_product .p_right .l a:hover .img1 img{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.ny_product .p_right .l a:hover .tit{ color:#2099b4;}
.ny_product .p_right .l a:hover .more{background:#2099b4;color:#fff;}

.ny_product .p_right .tupian{ padding:20px;}
.ny_product .p_right .tupian .t_left{}
.ny_product .p_right .tupian .t_left .swiper-container{width: 100%;height:300px;margin-left: auto;margin-right: auto;}
.ny_product .p_right .tupian .t_left .swiper-slide{background-size: cover;background-position: center;}
.ny_product .p_right .tupian .t_left .swiper-slide img{ width:100%; border:1px solid #ddd;}
.ny_product .p_right .tupian .t_left .gallery-top{height: 80%;width: 100%;}
.ny_product .p_right .tupian .t_left .gallery-thumbs{height: 20%;box-sizing: border-box;padding: 10px 0;}
.ny_product .p_right .tupian .t_left .gallery-thumbs .swiper-slide{height:100%;opacity: 0.4;}
.ny_product .p_right .tupian .t_left .gallery-thumbs .swiper-slide-thumb-active{opacity: 1;}
.ny_product .p_right .tupian .t_left .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #ee1d23;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #ee1d23  !important;}

.ny_product .p_right .tupian .t_right{ padding-left:0; margin-top:30px;}
.ny_product .p_right .tupian .t_right .title{margin-bottom:20px;color:#333;}
.ny_product .p_right .tupian .t_right .title span{display:block;font-size:22px;color:#2099b4;}
.ny_product .p_right .tupian .t_right .font{min-height:auto;line-height:2em; font-size:16px;}
.ny_product .p_right .tupian .t_right .font p{ margin-bottom:10px;}
.ny_product .p_right .tupian .t_right .tel{border-bottom: 1px solid #ddd;padding:10px;margin:20px 0;border-top: 1px solid #ddd;font-size:1.38em;color:#191919;background: url('../images/zxtel.png') no-repeat left center;padding-left:30px; margin-top:30px;}
.ny_product .p_right .tupian .t_right .btn1{margin-top:30px;overflow:hidden;position:relative;}
.ny_product .p_right .tupian .t_right .btn1 a{display:block; width:40%;height:50px;line-height:50px;text-align:center;background:#fff;color:#333;margin-bottom:35px;max-width:180px;border-radius:5px;box-shadow:2px 2px 6px #ccc; font-size:18px;}
.ny_product .p_right .tupian .t_right .btn1 i{position:relative;margin-right:5px;font-style:normal;font-size:20px;line-height:1;top:2px;}
.ny_product .p_right .tupian .t_right .btn1 a:nth-child(2){color:#f08200;}
.ny_product .p_right .tupian .t_right .btn1 a:hover{background:#f08200;color:#fff;}
.ny_product .p_right .tupian .t_right .wx{position: absolute;right:5%;top:0;width:120px;text-align:center;}
.ny_product .p_right .tupian .t_right .wx img{width:100%;box-shadow:2px 2px 6px #ccc;}
.ny_product .p_right .tupian .t_right .wx span{display:block;margin-top:10px;}
.ny_product .p_right .n_left{ padding:0 20px;}
.ny_product .p_right .n_left .title{height: 45px;border-bottom:1px solid #dcdcdc;font-size:24px;margin-bottom: 25px;}
.ny_product .p_right .n_left .title span{display:inline-block;border-bottom:3px solid #2099b4;height:45px;font-size:22px;color:#191919;}
.ny_product .p_right .n_left .text{ font-size:16px;line-height:2em;color:#555;}
.ny_product .p_right .n_left .text p{text-indent:2em;}
.ny_product .p_right .n_left .text span{text-wrap:wrap !important;}
.ny_product .p_right .n_left .text img{max-width:100%;display:block;margin:0 auto;}
.ny_product .p_right .n_left .text table{width:100% !important;}
.ny_product .p_right .n_left .text table tr td{padding: 5px; border: 1px solid #ddd;}
.ny_product .p_right .n_left .swiper-chanpin{width:100%;height:100%;}
.ny_product .p_right .n_left .swiper-chanpin .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;}
.ny_product .p_right .n_left .swiper-chanpin .list{ padding:20px; border:1px solid #ddd;}
.ny_product .p_right .n_left .swiper-chanpin .list .img1{overflow:hidden;}
.ny_product .p_right .n_left .swiper-chanpin .list .img1 img{display:block; max-width:100%; margin:0 auto;transform: scale(1,1); transition-duration: 0.5s;}
.ny_product .p_right .n_left .swiper-chanpin .list a:hover .img1 img{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.ny_product .p_right .n_left .swiper-chanpin .list .tit{ text-align:left; margin:20px auto; font-size:16px; color:#222222;}

/*新闻列表*/
.news{ padding:0 0; padding-top:20px;}
.news .l{overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;text-align: left; margin-bottom:30px;box-shadow: -1px 8px 10px 2px rgba(176, 176, 176, 0.37);}
.news .l .img1{overflow:hidden;}
.news .l .img1 img{transition: all .8s ease 0s; display:block; margin:0 auto; max-width:100%;}
.news .l .text{ padding:30px 20px; background:#fff;}
.news .l .text .tit{ font-size:18px; color:#000; line-height:28px; height:56px; margin-bottom:15px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight:bold;}
.news .l .text .time{ color:#999; margin-bottom:10px; font-size:14px;}
.news .l .text .time i{ padding-right:10px; font-size:16px;}
.news .l .text .n{ line-height:28px; color:#555; font-size:16px; height:85px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news .l a:hover .img1 img{transform: scale(1.1,1.1);}
.news .l a:hover .tit{ color:#ee1d23;}

.news_list02 ul li{border-bottom:1px solid #d1d3d4;}
.news_list02 ul li a{display:block;padding:0;}
.news_list02 ul li .left{float:left;width:100%;}
.news_list02 ul li .left .tit{font-size:18px;color:#000; margin:12px 0;transition:.5s ease;}
.news_list02 ul li .left .con{ color:#4f4f4f;line-height:26px; height:52px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:15px;font-size:16px;}
.news_list02 ul li .left .txt{height:40px;position:relative;}
.news_list02 ul li .left .txt .date{color:#2099b4;opacity:1;visibility:visible;transition:.5s ease;font-size:16px;}
.news_list02 ul li .left .txt .date i{padding-right:10px;}
.news_list02 ul li .left .txt .icon{position:absolute;top:0;opacity:0;visibility:hidden;transition:.5s ease;}
.news_list02 ul li .left .txt .icon i{display:inline-block; width:40px; height:40px; color:#fff; text-align:center; line-height:40px; vertical-align:middle; border-radius:50%; background:#2099b4; transition:all 0.5s ease;}
.news_list02 ul li .right{float:right; width:22%; border-radius:20px 20px 0 20px; overflow:hidden;display:none;}
.news_list02 ul li .right img{display:block; max-width:100%; margin:0 auto;transition: all .8s ease 0s;}
.news_list02 ul li:hover .left .tit{color:#2099b4;}
.news_list02 ul li:hover .left .txt .icon:hover i{background:#2099b4;}
.news_list02 ul li:hover .left .txt .date{opacity:0; visibility:hidden;}
.news_list02 ul li:hover .left .txt .icon{opacity:1; visibility:visible;}
.news_list02 ul li:hover .right img{transform: scale(1.1,1.1);}

/*新闻详情页*/
.news_show{padding:20px 0;padding-top:25px;}
.news_show .title{ padding-bottom:20px;border-bottom: 1px solid #ddd; margin-bottom:30px; text-align:center;}
.news_show .title .name{font-size:22px;color: #333;text-align: center;line-height:1.5;}
.news_show .title p{ font-size:14px; color:#555; margin-top:15px;}
.news_show .title p i{ padding-right:10px;}
.news_show .nr{ color:#333; font-size:16px;}
.news_show .nr .video1{width:100%; margin:0 auto;}
.news_show .nr p{ text-indent:2em; margin-bottom:10px;}
.news_show .nr span{text-wrap: wrap !important;}
.news_show .nr img{ display:block; max-width:100%; margin:0 auto;}
.news_show .nr table{width:100% !important;}
.news_show .nr table tr td{padding: 5px; border: 1px solid #ddd;}
.news_show .nr .back{margin:0 auto; margin-top:30px; width:110px; height:42px; line-height:42px;}
.news_show .nr .back a{ display:block; margin:0 auto; width:100%; border-radius:25px; background:#2099b4; color:#fff; font-size:16px; text-align:center;}
.news_show .nr .back a i{ padding-right:10px;}
.news_show .nr .back a:hover{background:#fff; color:#2099b4; border:2px solid #2099b4;}


/* 底部开始*/
.footer{background:#094187;}
.f1{padding:30px 0;border-bottom:1px solid #1f5698;}
.f1 .f1_1{padding-bottom:20px; border-bottom:1px solid #1f5698;}
.f1 .f1_1 .l{ color:#ffffff; font-size:16px; line-height:30px; padding-right:0; display:block;}
.f1 .f1_1 .l i{ padding-right:10px; font-size:20px;}
.f1 .f1_1 .l p{ display:inline-block;}
.f1 .f1_1 .r{ float:right; text-align:right; display:none;}
.f1 .f1_1 .r img{ max-width:100%;text-align:right;}
.f1 .f1_2{ padding-top:20px;}
.f1 .f1_2 .f1_21{}
.f1 .f1_2 .f1_21 .l{ display:none;}
.f1 .f1_2 .f1_21 .l img{ max-width:100%; display:block;}
.f1 .f1_2 .f1_21 .l p{color:#bdbdbe;}
.f1 .f1_2 .f1_21 .l p a{ color:#bdbdbe; font-size:14px; padding:0 10px;}
.f1 .f1_2 .f1_22{}
.f1 .f1_2 .f1_22 img{max-width:100%; display:block; margin:0 auto;transition: all 0.4s;}
.f1 .f1_2 .f1_22 p{ font-size:16px;color:#bdbdbe; text-align:center; margin-bottom:0; margin-top:10px;}
.f2{ line-height:24px;color:#bdbdbe; font-size:14px;}
.f2 a{color:#bdbdbe;}
.f2 span{ float:right;}

/* 底部结束*/ 
.ban{ display:none;}
.ban img{ display:block; max-width:100%; margin:auto;}
.ban1{ display:block; margin-top:65px;}
.ban1 img{ display:block; max-width:100%; margin:auto;}
.ny_con{padding:30px 0; background: #f6f6f6; min-height: 310px; padding-bottom:0;}

@media (min-width:768px) { 
	header{}
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:240px;}
	header .logo .l_right{ width:335px;float:right;}
	header .logo .l_right h2{font-size:25px;}
	header .logo .l_right p{font-size:14px;}
	header .dl{ display:block;}
	.nav{display:none;}
	.sp_nav{display:block;}
	#ss .ss_box{width:600px;left:-542px;}
	.banner{margin-top:120px;}
	.banner .swiper-slide .pc{ display:block;}
	.banner .swiper-slide .phone{ display:none;}
	.sy_ss{ height:90px;line-height:90px; padding:0;}
	.sy_ss .s_left{font-size:16px;}
	.sy_ss .s_right{}
	.sy_ss .s_right input{width:90%;height:88px; line-height:88px;font-size:16px;}
	.sy_ss .s_right a{ width:10%;}
	.sy_ss .s_right .tijiao{margin-top:25px;}
	.sy_about .list .l .tit{ height:70px;line-height:70px;font-size:18px;}
	.sy_product{ padding:60px 0;}
	.sy_product .title h2{font-size:36px;line-height:36px;}
	.sy_product .title p{font-size:18px;line-height:18px;margin:10px 0;margin-bottom:30px;}
	.sy_product .title .t1{font-size:20px;line-height:20px;}
	.sy_product .fenlei{ display:block;}
	.sy_product .sy_list{margin-top:40px; padding:0;}
    .sy_product .sy_list .line{ padding:0 15px;}
	.sy_product .more{width:180px;height:50px;line-height:50px;border-radius:25px;margin-top:20px;}
	.sy_about{padding:70px 0;}
	.sy_about .nr .n_left{position:absolute; top:30px; left:0;width:620px;padding:35px 60px;}
	.sy_about .nr .n_left .tit{ font-size:36px; color:#222; margin-bottom:5px;}
	.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;}
	.sy_about .nr .n_right{width:65%;}
	.sy_hangye{padding:80px 0;}
	.sy_hangye .h_list{padding:40px 30px;margin-bottom:30px;}
	.sy_hangye .h_list img{top:40px;right:30px;width:40px;}
	.sy_hangye .h_list dl dt{font-size:24px;}
	.sy_hangye .h_list dl dd{margin-top:15px;font-size:20px;line-height:24px;}
	.sy_hangye .more{width:180px;height:50px;line-height:50px;border-radius:25px;font-size:16px;margin-top:20px;}
	.sy_youshi .title .tit{font-size:36px;}
	.sy_youshi .n_bj .list{ padding:80px 0;}
	.sy_youshi .n_bj .list .l{margin-bottom:0;}
	.sy_title{ margin-bottom:40px;}
	.sy_title .tit{font-size:36px;}
	.sy_title p span{font-size:18px;}
	.sy_title p i{ display:inline-block;}
	.sy_rongyu{ padding:80px 0;}
	.sy_rongyu .list{ padding:30px;margin-bottom:15px;}
	.sy_rongyu .list .tit{ margin-top:15px;font-size:18px;}
	.sy_zhijian{ margin-bottom:80px;}
	.sy_zhijian .l{margin-bottom:0;}
	.sy_zhijian .l .box .t{padding:30px 30px;line-height:36px;font-size:24px;}
	.sy_gongyinglian{ margin:80px auto;}
	.sy_news{ margin:80px auto;}
	.sy_news .list{ padding:0;}
    .sy_news .l{ margin-bottom:20px; padding:0 15px}
	.sy_news .l .tit{ margin:25px 0; font-size:22px;line-height:26px; height:50px;}
	.sy_news .list .l_right ul li::before{top:28px;left:15px;}
	.sy_news .more{width:180px;height:50px;line-height:50px;border-radius:25px;margin-top:30px;}
	.sy_news .list .l_left .nr{padding:40px;}
	.sy_news .list .l_left .nr .t{font-size:18px;margin-bottom:20px;}
	.sy_news .list .l_left .nr .time{margin-top:25px;margin-bottom:30px;}
	.f1 .f1_1{padding-bottom:0;}
	.f1 .f1_1 .l{line-height:90px; padding-right:30px; display:inline;}
	.f1 .f1_1 .l i{ padding-right:10px; font-size:20px;}
	.f1 .f1_1 .r{ display:block;}
	.f1 .f1_2{ padding-top:30px;}
	.f1 .f1_2 .f1_21 .l{ display:block;}
	.f1 .f1_2 .f1_21 .l p a{ font-size:16px; padding:0 10px;}
	.f1 .f1_2 .f1_22 p{ font-size:16px; margin-top:10px;}
	.f2{ line-height:80px;font-size:16px;}
	.ny_banner{margin-top:80px; display:block;}
	.sub-nav-box{display:block;}
	.ny_title{font-size:36px;margin-bottom:40px;}
	.ny_title p{line-height:30px;font-size:16px;}
	.ny_about{ padding:80px 0;/*margin-top:-40px;*/}
	.ny_about .a_left{/*padding:6%;*/}
	.ny_about .a_left .tit{font-size:36px;}
	.ny_about .a_left span{font-size:20px;}
	.ny_about .a_left .text{/*margin:30px 0;*/}
	.ny_about .a_left .tel{ padding:10px 30px;font-size:24px;margin-top:10%;border-radius:30px;}
	.about_wenhua{padding:135px 0; margin-top:60px;}
	.mt-tabpage-title {height:44px;padding-bottom:15px;}
	.mt-tabpage-title .mt-tabpage-item {font-size:20px;padding-bottom:15px;}
	.mt-tabpage-count{width:1000px;height: 250px;}
	.mt-tabpage-count .mt-tabpage-item {width:1000px;height:250px;}
	.mt-tabpage-count .mt-tabpage-item .t{font-size: 24px;line-height: 40px; margin-top:50px; margin-bottom:20px;}
	.mt-tabpage-count .mt-tabpage-item p{font-size: 20px; line-height:34px;}
	.my_more{margin-top:40px;}
	.lingyu{padding:80px 0;}
	.lingyu .tubiao{ margin-bottom:50px;}
	.lingyu .tubiao .l p{font-size:20px;line-height:30px;}
	.lingyu .swiper-yingyong .swiper-slide {margin-bottom:50px;}
	.lingyu .swiper-yingyong .swiper-slide .img1{font-size:20px; padding-bottom:30px;}
	.lingyu .swiper-yingyong .swiper-slide .tit{height:36px; font-size:18px; line-height:36px;}
	.ny_product{ padding:80px 0; margin-top:0;}
	.ny_product .p_right{padding:30px;}
	.ny_product .p_right .l{padding:30px 25px;margin-bottom:30px;}
	.ny_product .p_right .l .more{width:125px;margin:30px auto;margin-bottom:30px;background:#fff;}
	.ny_product .p_right .tupian .t_right{padding-left:5%;margin-top:30px;}
	.ny_product .p_right .tupian .t_right .title span{font-size:24px;}
	.ny_product .p_right .tupian .t_right .tel{padding:20px;margin:20px 0;font-size:1.5em;padding-left:40px; margin-top:30px;}
	.ny_product .p_right .n_left{padding:20px;}
	.ny_product .p_right .n_left .title span{font-size:24px;}
	.ny_about .list a .text h3{font-size:22px;}
	.news{ padding:60px 0; padding-top:20px;}
	.news_show{ padding:60px;}
	.news_show .title .name{font-size: 30px;}
	.news_show .nr .video1{width:50%; margin:0 auto;}
	.news_show .nr .back{margin-top:30px;width:200px;height:50px;line-height:50px;}
	.news_show .nr .back a{font-size:18px;}
	.ny_contact{padding:60px 0;}
	.ny_contact .c_left ul li{width:50%;}
	#tel{ display:none;}
}

@media (min-width:992px) {
	header .mail { display: block;}
	header .logo{margin-right:0;padding-right:10px; width:20%;}
	.nav{display:block;}
	.sp_nav{display:none;}
	#ss .ss_box{width:600px;left:-542px;}
	.sy_youshi .n_bj .list .l{margin-bottom:0;}
	.sy_about .text{margin-top:20px;margin-bottom:35px;}
	.sy_about .text .subtitle{font-size:18px;margin-left: 115px;margin-bottom: 30px;}
	.sy_about .text .line {width: 110px;height: 2px;left: 9px;top: 11px;}
	.sy_about .text .title1{font-size: 42px;}
	.sy_about .text .title2{font-size: 18px;}
	.sy_about .text .arcitle{font-size: 18px;margin: 30px 0;}
	.sy_about .text .more{display:block; width:200px; height:56px; line-height:56px; text-indent: 25px;margin-top:40px;}
	.sy_about .list .l{margin-bottom: 0;}
	.sy_product .t h2{font-size:36px;}
	.sy_youshi{padding:120px 0;padding-bottom:0;}
    .sy_youshi .title{font-size:36px;margin-bottom:80px;}
	.sy_youshi .list{ padding:30px 0;padding-bottom:0;}
	.sy_youshi .list .l{margin-bottom:20px;width:18.5%; margin-right:1.5%;}
	.sy_youshi .list .frist{width:18.5%;margin-right:1.5%;}
	.sy_youshi .list .last{margin-right:0;}
	.sy_youshi .list .l .box{padding:40px 30px; text-align:center;}
	.sy_youshi .list .l .box .pic{ width:60px; height:60px; margin:0 auto; margin-bottom:20px; text-align: center;}
	.sy_youshi .list .l .box .pic img{max-width: 100%; display: block; margin: 0 auto;transition: all 0.4s;}
	.sy_youshi .list .l p{ font-size:20px; color:#111c38; text-align:center;}
	.sy_news .list .l_left{margin-bottom:0;}
	.sy_news .list .l_right ul li{padding:19px 28px;}
	.sy_liuyan{padding:50px 0;}
	.sy_liuyan .ly_left{ padding-right:40px;}
	.sy_liuyan .ly_left .tit{ font-size:26px;}
	.sy_liuyan .ly_left .line{margin:30px 0;}
	.sy_liuyan .ly_left .text{margin-bottom:0;}
	.ny_banner{display:block;}
	.ny_banner1{display:none;}
	.sub-nav-box{margin-top: -80px;}
	.sub-nav a{height: 80px;line-height: 80px;font-size:18px;}
	.ny_about_wenhua{background: url(../images/ab-bg1.jpg) no-repeat center top;max-height: 800px;padding: 80px 0;}
	.ny_about_wenhua .culture{display: flex;}
	.ny_about_wenhua .culture .chaoren{width:60%;}
	.ny_about_wenhua .culture .chaoren li{display: flex; flex-direction: row;line-height: 60px; height:203px;}
	.ny_about_wenhua .culture .chaoren li .chong{padding:71px 50px;}
	.ny_about_wenhua .culture .chaoren li .chong img{width: 60px;}
	.ny_about_wenhua .culture .chaoren li .danci{font-size:27px; padding: 27px;}
	.ny_about_wenhua .culture .chaoren li .danci span{width:120px;font-size:27px;}
	.ny_about_wenhua .culture .chaoren li .danci sup{padding: 0 15px;}
	.ny_about_wenhua .culture .cizhi{width:40%;}
	.ny_about_wenhua .culture .cizhi img{height: 345px; }
	.lc .list{padding:30px 20px;}
	.lc .list .tit{font-size:18px;height:auto;}
	.ny_product{margin-top:0;}
	.ny_product .p_left1{display:block;}
    .ny_product .p_left2{display:none;}
	.ny_product .p_right .weizhi{ line-height:50px; margin-bottom:40px;}
	.ny_product .p_right .tupian .t_right .font{min-height:120px;line-height:2em;}
	.news_list02 ul li a{padding:50px 0 40px;}
	.news_list02 ul li .left{width:71%;}
	.news_list02 ul li .left .tit{font-size:26px;margin:12px 0;}
	.news_list02 ul li .left .con{line-height:24px;height:48px;margin-bottom:25px;}
	.news_list02 ul li .left .txt{height:40px;}
	.news_list02 ul li .right{ display: block;}
	.ny_contact{padding-top:70px;}
}

@media (min-width:1200px) {
	header .logo{margin-right:0;padding-right:10px;}
	header .logo .l_left{ width:200px; margin-bottom:0;}
	header .logo .l_right{ width:335px;float:right;}
	header .logo .l_right h2{font-size:25px;}
	header .logo .l_right p{font-size:14px;}
	.nav{display:block;}
	.nav ul {margin-left:10px;}
	.nav ul li a{font-size:16px;padding:0 40px;}
	#menu ul ul {left:-40px;}
	.sp_nav{display:none;}
	#ss .ss_box{width:600px;left:-542px;}
	.banner{width:100%;position: relative;margin-top:120px;}
	.sy_about .mingcheng{width: 72px;height: 380px; top:8%; left:45%;display:block;}
	#toubu{right:10px; bottom:90px;font-size:16px;padding:6px 10px 20px 10px;}
    #toubu i{font-size:30px;}
	#toubu p{ display:block;}
	/* 底部结束*/ 
	.weizhi{display:block;}
	.weizhi1{display:none;}
	.cpfl_b{display:block;}
	.sy_about .nr .n_left{position:absolute; top:30px; left:0;width:620px;padding:35px 60px;}
	.sy_about .nr .n_left .tit{ font-size:36px; color:#222; margin-bottom:5px;}
	.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;height:110px;}
	.sy_about .nr .n_left .more{ width:200px; height:46px; line-height:46px; border-radius:25px; font-size:18px;margin-top:30px;}
	.sy_about .nr .n_right{width:65%;}
	.sy_youshi .n_bj .list .l{margin-bottom:0;}
	.sy_liucheng .nr{padding:60px 30px;}
	.sy_liucheng .nr .l{padding:20px 0;width: 160px;margin: 0 5px;}
	
}
@media (min-width:1300px) {
	header .logo{margin-right:0;padding-right:10px;}
	header .logo .l_left{ width:240px;/*border-right:1px solid #e5e5e5;*/}
	header .logo .l_right{ width:335px; float:right;}
	header .logo .l_right h2{font-size:25px;}
	header .logo .l_right p{font-size:14px;}
	.nav{display:block;}
	.nav ul {margin-left:10px;}
	.nav ul li a{font-size:16px;padding:0 45px;}
	#menu ul ul {left:-35px;}
	.sp_nav{display:none;}
	#ss .ss_box{width:600px;left:-542px;}
	.banner{width:100%;position: relative;margin-top:80px;}
	.sy_about .mingcheng{width: 72px;height: 380px; top:8%; left:45%;display:block;}
	.sy_about .nr .n_left{position:absolute; top:30px; left:0;width:620px;padding:35px 60px;}
	.sy_about .nr .n_left .tit{ font-size:36px; color:#222; margin-bottom:5px;}
	.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; height:110px;}
	.sy_about .nr .n_left .more{ width:200px; height:46px; line-height:46px; border-radius:25px; font-size:18px;margin-top:30px;}
	.sy_about .nr .n_right{width:65%;}
	#toubu{right:10px; bottom:90px;font-size:16px;padding:6px 10px 20px 10px;}
    #toubu i{font-size:30px;}
	#toubu p{ display:block;}
	/* 底部结束*/ 
	.weizhi{display:block;}
	.weizhi1{display:none;}
	.cpfl_b{display:block;}
}
@media (min-width:1400px) {
	header .logo{margin-right:0;padding-right:10px;}
	header .logo .l_left{ width:240px;/*border-right:1px solid #e5e5e5;*/}
	header .logo .l_right{ width:335px;float:right;}
	header .logo .l_right h2{font-size:22px;}
	header .logo .l_right p{font-size:13px;}
	.nav ul {margin-left:20px;}
	.nav ul li a{font-size:16px;padding:0 50px;}
	.b_ss h2{font-size:80px;margin-bottom:60px;}
	#menu ul ul {left:-40px;}
	#menu ul .use li{ width:265px;margin-left:4%;}
	.cp_fl{ margin:75px auto;}
	.cp_zi{padding:72px 60px 120px 50px;}
	.cp_zi h2{font-size:32px;}
	.cp_zi1{padding:70px 60px 120px 50px !important;}
	.sy_about .nr .n_left{position:absolute; top:30px; left:0;width:600px;padding:35px 60px;}
	.sy_about .nr .n_left .tit{ font-size:36px; color:#222; margin-bottom:5px;}
	.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; height:110px;}
	.sy_about .nr .n_left .more{ width:200px; height:46px; line-height:46px; border-radius:25px; font-size:18px;margin-top:30px;}
	.sy_about .nr .n_right{width:65%;}
}
@media (min-width:1600px) {
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:265px;}
	header .logo .l_right{ width:335px; margin-top:40px;float:right;}
	header .logo .l_right h2{font-size:26px;}
	header .logo .l_right p{font-size:14px;}
	.nav ul {margin-left: 70px;}
	.nav ul li a{font-size:18px;padding:0 35px;}
	#menu ul ul {left:-100px;}
	#menu ul .use li{ width:265px;margin-left:240px;}
	.sy_about .mingcheng{width:122px; height:510px; top:8%; left:45%;display:block;}
	.sy_about .nr .n_left{position:absolute; top:30px; left:0;width:620px;padding:35px 60px;}
	.sy_about .nr .n_left .tit{ font-size:36px; color:#222; margin-bottom:5px;}
	.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;height: 195px;}
	.sy_about .nr .n_left .more{ width:200px; height:46px; line-height:46px; border-radius:25px; font-size:18px;margin-top:30px;}
	.sy_about .nr .n_right{width:65%;}
}