*{ padding:0; margin:0; font-family:"思源黑体" !important;}
.header-always{ height:60px;}
.header-always .nav_list{display:none;}
.header-always .header-logo{/*padding: 2px 10px; */background:url(../images/logo1.jpg) no-repeat left; padding-left:50px !important; margin:2px 10px; float:left;}
.header-always .header-logo .l_left{ float:left; width:105px; font-size:26px; font-weight:bold; line-height:55px; color:#000; padding:0 10px;}
.header-always .header-logo .l_right{ float:left; border-left:1px solid #ddd; padding:0 15px;width:120px; padding-bottom:10px;}
.header-always .header-logo .l_right span{ font-size:16px; color:#eabf3f; font-weight:bold;}
.header-always .header-logo .l_right p{font-size:16px; color:#eabf3f;line-height: 12px;letter-spacing:1px;font-weight:bold;}
.header-always .header-logo img{ /*max-width:230px;*/}
.header-always .nav-btn-bg{ width:60px;padding: 20px 0 21px 1vw;}
.header-menu1{ display:none;}
.header-menu2{ display:block;}
.header-menu2 .contact{ height: 45%;position: relative;width: 100%;background: #20b8ee;margin-top: 17%;}
.header-menu2 .contact .nr{ width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.header-menu2 .contact .nr .t1{ font-size:16px; color:#fff; padding-bottom:10px;}
.header-menu2 .contact .nr .t2{ padding-bottom:10px; font-size:24px;}
.header-menu2 .contact .nr .t2 i{ color:#fff;}
.header-menu2 .contact .nr .t3{font-size:20px;padding-top:10px;color:#fff;}
.header-menu2 .contact .nr a{display: block;border-bottom: 1px solid #fff;padding: 6px 0;width: 84px;font-size: 12px;margin: 0 auto;color: #fff;}
.mengban{width:100%; height:96%; position:absolute;top:0; background:url(../images/mengceng.png) repeat; z-index:2;}
.index-banner .banner-titles{padding-top:0;}
.index-banner .ban-en {font-size:0rem !important;line-height:1;}
.index-banner .banner-titles{left:50%;}
.index-box21 .top_ {margin-bottom:0;margin-top:0; padding:30px 15px;}
.index-box21 .top_ .right{float:right;width:100%;padding-right:0;}
.index-box21 .top_ .right1{float:right;width:100%; display:block;}
.index-box21 .top_ .right1 p{ margin-top:10px; font-size:16px; line-height:34px;}
.index-box21{padding:0;background:#fff;}
.index-box21 .infor .tit{font-size:28px;}


/*产品中心*/
.index-box21 .bott_{ margin-top:30px; display:none;}
.index-box21 .bott_ .item{ margin-left:20px;position:relative;float:left;width:9.8%;height:512px;text-align:center;color:#fff; background-repeat:no-repeat;transition-duration:1s;/*border-radius:40px 0 40px 0;*/ box-shadow:5px 5px 10px #aaa; border:1px solid #fff;}
.index-box21 .bott_ .item:first-child{margin-left:0;}
.index-box21 .bott_ .item1{margin-top:31px; background-position: 79% 0;}
.index-box21 .bott_ .item2{margin-top:71px; background-position:75% 0;}
.index-box21 .bott_ .item3{background-position:82% 0;}
.index-box21 .bott_ .item4{margin-top:56px;}
.index-box21 .bott_ .item.on, .sy_box1 .bott_ .item:hover{width:55%; text-align:left; background-position:0 !important;}
/*.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0;z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}*/
.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
.index-box21 .bott_ .item3::before{/*background:url(../images/orange.8.png);*/}
.index-box21 .bott_ .item .inner{position:relative;margin:200px 50px;}
.index-box21 .bott_ .item .inner .tit{font-size:24px; transition:.5s ease;}
.index-box21 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;transition:.5s ease; height:0; overflow:hidden;}
.index-box21 .bott_ .item .inner .con .txt{margin:20px 0 60px; font-size:16px;} 
.index-box21 .bott_ .item.on .inner {margin:120px 40px 0;}
.index-box21 .bott_ .item.on::before{opacity:0; visibility:hidden;}
.index-box21 .bott_ .item.on .inner .tit{font-size:35px;}
.index-box21 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}
.index-box21 .bott_ .item:hover .inner {margin:120px 60px 0;}
.index-box21 .bott_ .item:hover::before{opacity:0; visibility:hidden;}
.index-box21 .bott_ .item:hover .inner .tit{font-size:35px;}
.index-box21 .bott_ .item:hover .inner .con{opacity:1; visibility:visible; height:300px;}
.index-box21 .bott_ .item .noborder-btn{ font-size:16px; color:#fff;}

.index-box21 .product{ width:100%; display:block;}
.index-box21 .product .product_top{background:#20b8ee; margin-bottom:20px;position:relative; overflow:hidden;}
.index-box21 .product .product_top .img1{ overflow:hidden;transition: all 1.5s ease;}
.index-box21 .product .product_top .img1 img{ max-width:100%; display:block; margin:0 auto;}
.index-box21 .product .product_top .txt{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(32,184,238,0.8); opacity:0; visibility:hidden; transition:.5s ease; transform:scale(0.8); font-size:22px; color:#fff; text-align:center; line-height:50%;}
.index-box21 .product .product_top .txt .name{padding:25%;}
.index-box21 .product .product_top .txt .name span{ display:block; width:50px; padding:2px 0; font-size:18px; margin:0 auto; margin-top:30px; border:1px solid #fff;}
.index-box21 .product .product_top:hover .txt{opacity:1; transform:scale(1); visibility:visible;}
.index-box21 .product .product_top .img1:hover img{transform: scale3D(1.1, 1.1, 1.1);}
.index-box21 .product .product_bottom{ margin-bottom:30px;}
.index-box21 .product .product_bottom ul li{ float:left; width:50%; position:relative;overflow:hidden;}
.index-box21 .product .product_bottom ul li .img1{ overflow:hidden;transition: all 1.5s ease;}
.index-box21 .product .product_bottom ul li .img1 img{ max-width:100%; display:block; margin:0 auto;}
.index-box21 .product .product_bottom ul li .txt{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(32,184,238,0.8); opacity:0; visibility:hidden; transition:.5s ease; transform:scale(0.8); font-size:20px; color:#fff; text-align:center; line-height:50%;}
.index-box21 .product .product_bottom ul li .txt .name{padding:20%;}
.index-box21 .product .product_bottom ul li .txt .name span{ display:block; width:50px; padding:2px 0; font-size:18px; margin:0 auto; margin-top:20px; border:1px solid #fff;}
.index-box21 .product .product_bottom ul li:hover .txt{opacity:1; transform:scale(1); visibility:visible;}
.index-box21 .product .product_bottom ul li .img1:hover img{transform: scale3D(1.1, 1.1, 1.1);}
.index-box3{background:#fff !important;}
.sy_box2{ background-image: none;}
.sy_box2 .sy_box21 {padding:0 0;}
.sy_box2 .s_left {float:left;width:100%;margin-left:0px;margin-top:0;padding:0 15px;}
.sy_box2 .s_left .title{font-size:28px;color: #333;font-weight: 400;padding: 10px 0 25px 0;display: block;line-height:38px;}
.sy_box2 .s_left .des {padding-right:0;font-size: 1.15em;}
.sy_box2 .s_left .des p{ text-indent:2em; margin-bottom:15px;}
.sy_box2 .s_left .item-link{ margin-top:20px;}
.sy_box2 .s_right{ display:none;}
.about2 ul li h2 {font-size:20px;line-height:30px;}
.about2 ul li b {top: 20px;right: 5px;font-size:22px;}
.about2 ul li {width: 24.5%;}
.abotab{ display:none;}
.module-four-wrapper{display:none;}
.sy_news{display:block; width:100%; margin-bottom:40px;}
.sy_news .title{ background:#20b8ee; width:100%; text-align:center; padding:5% 0; color:#fff; font-size:28px; margin-bottom:30px}
.sy_news .l{box-shadow:0 0 20px #ddd; border:1px solid #eee; padding:40px; transition:all 0.2s ease; position:relative;}
.sy_news .l:after{ content:''; position:absolute; bottom:0; left:0; width:0; height:4px; background:#fff; 
transition:width 3s;-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */}
.sy_news .l:hover:after{ width:100%;}
.sy_news .l:nth-child(3){ margin-right:0;}
.sy_news .l .sj{}
.sy_news .l .sj em{ display:block; font-style:normal; font-size:24px; line-height:24px; margin-bottom:10px; color:#a0a0a0;}
.sy_news .l .sj span{ display:block; width:110px; height:2px; background:#a0a0a0; margin-bottom:10px;}
.sy_news .l .sj i{ display:block; font-style:normal; font-size:21px; color:#afafaf;}
.sy_news .l h2{ font-size:22px; line-height: 30px; color:#6e6e6e; font-weight:normal; margin-bottom:20px; margin-top:20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
/*.sy_news .l p{ font-size:17px; line-height:28px; height:84px; overflow:hidden; margin-bottom:30px; color:#747474;}*/
.sy_news .img1{ margin-bottom:30px; overflow:hidden;transition: all 1.5s ease;height: 180px;}
.sy_news .img1 img{ max-width:100%; display:block; margin:0 auto;}
.sy_news .l .gd{ display:block; width:56px; height:32px; border:2px solid #9fa0a3; text-align:center;}
.sy_news .l .gd i{ font-size:30px; line-height:30px; color:#9fa0a3; text-align:center;}
.sy_news .l:hover,.sy_news .l.on{ background:#009ee7;}
.sy_news .l:hover .sj em{ color:#fff;}
.sy_news .l:hover .sj span{ background:#fff;}
.sy_news .l:hover .sj i{ color:#fff;}
.sy_news .l:hover h2{ color:#fff;}
.sy_news .l:hover p{color:#fff;}
.sy_news .l:hover .gd{border:2px solid #fff;}
.sy_news .l:hover .gd i{ color:#fff;}
.sy_news .l:hover .img1 img{transform: scale3D(1.1, 1.1, 1.1);}

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

/*内页banner*/
.ny_banner{ width:100%; margin-top:85px;}
.ny_banner img{ width:100%;}
.weizhi{min-width: 1200px;max-width: 1440px;height: 66px;margin: -66px auto 0;background-color: #fff;font-size: 18px;line-height: 40px;color: #000;padding-top:26px;position:relative;}
.weizhi .name {float: left;margin-right: 22px;padding-left: 35px;padding-right: 20px;text-align: center;font-size: 30px;font-weight: 700;position: relative}
.weizhi .name:after {content: '';position: absolute;background-color:#20b8ee;width: 12px;height: 40px;top: 0;right: -12px;transform: skewx(-20deg)}
.caidan li {float: left;margin: 0 22px}
.caidan li a {color: inherit;vertical-align: middle}
.caidan li a:hover, .caidan li a.active{color: #f8b62c;font-weight: 700}
.wap{max-width: 1400px;min-width: 1000px; margin:0 auto;}

/*关于我们*/

.about11{ padding:80px 60px;}
.about11 .a_left{ width:48%; float:left; margin-right:4%;}
.about11 .a_left .title{position: relative; height: 62px; line-height: 62px; color: #333; font-size:36px; font-weight:bold;}
.about11 .a_left .title span.line {height: 4px;width: 36px;display: block;position: absolute;top: 50%;margin-top: 2px;left:200px;background: -moz-linear-gradient(left, #20b8ee, #2099ee);}
.about11 .a_left .title span.pic {position: absolute;left: -30px;top: 0;z-index: -1;}
.about11 .a_left .title span.pic img {height: auto;display: block;border: 0;}
.about11 .a_left .con{ margin-top:30px; font-size:18px;}
.about11 .a_left .con p{ line-height:32px; text-indent:2em; margin-bottom:10px;}
.about11 .a_right{ width:48%; float:right;}
.about11 .a_right .show{ width:100%;text-align:center;}
.about11 .a_right .shipin{ position:fixed; width:1200px; height: auto; background:black; top:57%; left: 50%;transform: translate(-50%, -50%);z-index: 9999; }

/*企业文化*/
.wenhua{ width:100%; background:url(../images/wenhua_back.jpg) no-repeat center; padding:80px 0;}
.wenhua .title{ text-align:center; font-size:36px; font-weight:bold; color:#fff; margin-bottom:40px;}
.wenhua .nr{ width:100%;}
.wenhua .nr ul li{ float:left; width:23%; margin:0 1%;background: rgba(255,255,255,0.2);}
.wenhua .nr ul li .l{ padding:80px 40px; text-align:center;color:#fff;}
.wenhua .nr ul li .l img{ width:50px; height:50px; margin:0 auto;transition: all 0.4s;}
.wenhua .nr ul li .l .tit{ font-size:28px; color:#fff; margin:25px 0;}
.wenhua .nr ul li .l .text{ line-height:32px; font-size:18px; height:96px; overflow:hidden;}
.wenhua .nr ul li:hover{ background:#20b8ee;}
.wenhua .nr ul li:hover img{transform: rotate(360deg);}

/*荣誉资质*/
.rongyu{ width:100%; background:url(../images/rongyu_bj.png) no-repeat center; padding:80px 0;}
.rongyu .title{ text-align:center; font-size:36px; font-weight:bold; color:#333; margin-bottom:40px;}
.rongyu .title p{ line-height:30px; font-size:16px; font-weight:300;}
.rongyu .list{ padding:30px; background:#fff;box-shadow: 5px 5px 10px #ddd; margin-bottom:15px;}
.rongyu .list .img1{overflow:hidden;}
.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;}
.rongyu .list .img1 img:hover{transition: all 0.6s;transform: scale(1.1);}
.rongyu .list .tit{ margin-top:15px;background:url(../images/fd.png) no-repeat right; color:#333; font-size:18px;}

/*人才招聘*/
.job{ padding:80px 0; width:100%;}
.job .title{ text-align:center; font-size:36px; font-weight:bold; color:#333; margin-bottom:40px;}
.job .title p{ line-height:30px; font-size:16px; font-weight:300;}

.job1{ background:#f1f4f7; float:left;width:24.9%;border: 1px solid #fff; margin-left: -1px; margin-top: -1px;}
.job1 a{ display:block; padding:50px;
 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:#20b8ee; padding-right:10px;}
.job2{padding-bottom: 30px;}
.job2 .more1{width:50px;height:2px;background:#20b8ee;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;}

/*联系我们*/
.contact1{ width:100%; /*position:relative; */background:url(../images/contact_bj.jpg) no-repeat center;}
.contact1 .nr{ width:100%; padding:80px 0; text-align:center;/* background: rgba(32,184,238,0.85); position:absolute; top:0; left:0;*/}
.contact1 .nr .t1{ font-size:36px; font-weight:bold; color:#fff;}
.contact1 .nr .t2{color:#fff; font-size:18px; margin-bottom:30px;}
.contact1 .nr .t3{ margin-bottom:50px; text-align:center;}
.contact1 .nr .t3 ul li{width:420px; height:45px; line-height:45px; text-align:center; border-radius:3px; font-size:16px; -webkit-transition:color 0.3s; transition:color 0.3s; display:inline-block; border:1px solid #fff; color:#fff; margin-top:20px; margin-right:20px; padding: 0 15px;}
.contact1 .nr .t3 ul li:hover{color:#fff; background:#20b8ee; border-color:#20b8ee;}
.contact1 .nr .t3 ul li p{ display:inline-block;}


/*新闻中心*/
.news{ margin-bottom:50px;}
.card{overflow:hidden; border:none !important; box-shadow:5px 5px 10px #ddd;}
.card .nr{ padding:30px; background:#fff;}
.card .nr .img1{ overflow:hidden;display: block;line-height: 0;position: relative;}
.card .nr .feilei{ color:#20b8ee; font-size:16px; font-weight:bold; margin-bottom:25px;}
.card .nr .tit{font-size: 24px;line-height: 32px; color:#333; font-weight:bold; margin-bottom:20px;}
.card .nr .txt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:16px; line-height:28px; color:#333; margin-bottom:40px;}
.card .nr .time{ font-size:14px; color:#000;}
.card .nr .time i{ color:#20b8ee; font-size:14px; padding-right:10px;}
.card-reveal .card-body {display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;height: 100%;width: 100%;text-align: center;}
.card-reveal .card-body .card-title {font-size: .75rem;margin: 0;text-transform: uppercase;font-weight: bolder;color: #4d4d4d;}
@media (min-width: 992px) {
   .card-reveal .card-body {height: 100%;bottom: -100%;-webkit-transition: bottom .2s ease-in-out;transition: bottom .2s ease-in-out;}
   .card-reveal .card-img-top {-webkit-transition: -webkit-transform .5s ease-in-out;transition: -webkit-transform .5s ease-in-out;transition: transform .5s ease-in-out;transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;}
   .card-reveal:hover .card-body { bottom: 0;background-color: rgba(255, 255, 255, 0.7);}
   .card-reveal:hover .card-img-top {-webkit-transform: scale(1.1);transform: scale(1.1);}
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .card-columns { -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

/*新闻详情页*/
.news_show{ padding:60px;}
.news_show .title{ padding-bottom:30px;border-bottom: 1px solid #ddd; margin-bottom:40px; text-align:center;}
.news_show .title .name{font-size: 30px;color: #333;text-align: center;line-height: 1;}
.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 p{ text-indent:2em; margin-bottom:10px;}
.news_show .nr img{ display:block; max-width:100%; margin:0 auto;}
.news_show .nr .back{margin:0 auto; margin-top:30px; width:200px; height:50px; line-height:50px;}
.news_show .nr .back a{ display:block; margin:0 auto; width:100%; border-radius:25px; background:#20b8ee; color:#fff; font-size:18px; text-align:center;}
.news_show .nr .back a i{ padding-right:10px;}
.news_show .nr .back a:hover{background:#fff; color:#20b8ee; border:2px solid #20b8ee;}

.news1{ width:100%; color:#fff}
.news1 a{ color:#fff; font-weight:bold; display:block; padding:10%;}
.news1 span{ font-size:16px;}
.news1 span i{ padding:0 15px; font-size:20px;}
.news1 .name{ font-size:24px;}
.news1 .news_left{ width:50%; float:left; background:#20b8ee;text-align:right;}
.news1 .news_right{ width:50%; float:left; background:#afafaf;text-align:left;}

/*业务领域*/
.product1{ margin-top:60px;}
.product1 .p_huizong{ margin-bottom:50px;}
.product1 .p_left{ width:450px; height:485px; float:left; margin-right:30px; background:url(../images/pro_bj.jpg) no-repeat center;}
.product1 .p_left .tex{ padding:50px; color:#fff;}
.product1 .p_left .tex .tit{ font-size:32px; font-weight:bold; margin-bottom:25px;}
.product1 .p_left .tex p{ font-size:18px; line-height:32px;}
.product1 .p_right{ width:960px; float:right; overflow:hidden; height:485px; position:relative;}
.product1 .p_right img{ max-width:100%; margin:0 auto; display:block;transition: all 0.6s ease-out;}
.product1 .p_right img:hover{transition: all 0.6s;transform: scale(1.1);}
.product1 .p_right .ewm{ position:absolute; left:80px; bottom:80px; color:#fff;}
.product1 .p_right .ewm img{width:115px !important; height:115px !important;}
.product1 .p_right .ewm p{margin-top:10px; font-size:15px; text-align:center;}
.product1 .list{ width:100%; background:#f6f7f7; padding:60px 0;}
.product1 .list ul li{float:left; width:337px; box-shadow:0 6px 15px #ddd;background:#fff; margin-right:30px; margin-bottom:30px; overflow:hidden;}
.product1 .list ul li .box{ padding:40px;}
.product1 .list ul li .box .leibie{ color:#20b8ee; font-size:14px; font-weight:bold;}
.product1 .list ul li .box .name{ font-size:24px; color:#000;}
.product1 .list ul li .img1{ width:337px; height:229px; overflow:hidden; position:relative;}
.product1 .list ul li .img1 img{width:337px;transition: all 0.6s ease-out; /*position:absolute; top:0; left:0; z-index:1;*/}
.product1 .list ul li .img1 img:hover{transition: all 0.6s;transform: scale(1.1);}
.product1 .list ul li .img1 span{ position:absolute; width:60px; height:60px; background:url(../images/i_bg5.png) center center no-repeat; top:30%; left:135px; text-align:center;opacity:0.8; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; z-index:999;}
.product1 .last{ margin-right:0 !important;}

.product2{ width:100%; /*margin-top:85px;*/ background:url(../images/pro_bj1.jpg) no-repeat top center; padding:15px 0;}
.product2 .title1{ font-size:36px;color:#333; height:36px;}
.product2 .title1 span{ padding:30px;font-size:20px;color: #999999;}
.picBtnTop{ width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:330px;float:left; margin-top:120px; margin-left:170px;}
.picBtnTop .hd ul li{line-height:70px; text-align:center; color:#222;background-color: #f2f2f2;margin-bottom:1px; width:220px; margin-left:20px; margin-right:20px; position:relative;}
.picBtnTop .hd ul li a{width:100%;display: block;z-index: 2;padding: 0 20px;}
.picBtnTop .hd ul li a .title{ font-size:22px; color:#222;}
.picBtnTop .hd ul li .tips{display: block;position: absolute;left:210px;top: 50%;margin-top:0px;white-space: nowrap;padding-left: 74px;-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;opacity: 0;visibility: hidden;}
.picBtnTop .hd ul li.on{ background:#20b8ee; width:260px;margin-left:0; margin-right:0; text-align:center;}
.picBtnTop .hd ul li.on .title{ color:#fff;}
.picBtnTop .hd ul li.on .tips { opacity: 1; visibility: visible; }
.picBtnTop .hd ul li .tips:after { content: ''; position: absolute; width:150px; height: 1px; background-color: #20b8ee; left: 0; top: 0%; margin-top: -1px; z-index: 1; }
.picBtnTop .hd ul li .tips::before { content: ''; position: absolute; width: 50px; height: 1px; background-color: #fff; left: 0; top: 0%; margin-top: -1px; z-index: 2; }
.picBtnTop .hd ul li .tips i{content: ''; position: absolute;left:150px;top:-35px; margin-top:-1px; z-index:2; font-size:24px;color:#20b8ee;}
.picBtnTop .show_bj{width:740px;  height:450px; float:right;margin-top:70px; margin-bottom:40px;border: 1px solid #20b8ee; padding-bottom:15px;}
.picBtnTop .bd{width:740px;  height:450px;position:relative; margin-top:-15px; margin-left:-15px;}
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;}
.picBtnTop .bd li .pic img{ width:740px; height:450px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:740px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:740px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
#demo1,#demo2{ margin-bottom:20px;  }

.product2_show{background:url(../images/product_probg.jpg) no-repeat center top #f4f4f4; padding:80px 0;}
.product2_show .title{ margin-bottom:50px; text-align:center; font-size:36px; color:#222;}
.product2_show p{ font-size:16px;}
.product2_show .list{}
.product2_show .list ul li{float:left; width:24.2%;box-shadow:0 6px 15px #ddd;background:#fff; margin-right:1%; margin-bottom:2%; overflow:hidden;}
.product2_show .list ul li .box{ padding:25px 40px;}
.product2_show .list ul li .box .leibie{ color:#20b8ee; font-size:14px; font-weight:bold;}
.product2_show .list ul li .box .name{ font-size:24px; color:#000;}
.product2_show .list ul li .img1{ width:100%; height:auto; overflow:hidden; position:relative;}
.product2_show .list ul li .img1 img{width:100%;transition: all 0.6s ease-out; /*position:absolute; top:0; left:0; z-index:1;*/}
.product2_show .list ul li .img1 img:hover{transition: all 0.6s;transform: scale(1.1);}
.product2_show .list ul li .img1 span{ position:absolute; width:60px; height:60px; background:url(../images/i_bg5.png) center center no-repeat;top:35%;left: 42%;text-align:center;opacity:0.8; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; z-index:1;}
<!--.product2_show .last{ margin-right:0 !important;}-->
.product2_show .list ul li:nth-child(4n){margin-right:0 !important;}

.product3_show{background:#ffff !important; padding:80px 0;}


/*设备展示*/
.shebei{ margin:60px 0;}
.shebei ul li{position:relative; margin-bottom:30px; overflow:hidden;width:32.5%;margin-right:1%;float:left;box-shadow: 0 6px 15px #ddd;}
.shebei ul li img{width:100%;}
.shebei ul li .cover{position:absolute; top:100%; width:100%; height:100%; background:url(../images/pro_list_bg1.png) no-repeat center; background-size:cover; transition:.3s ease;}
.shebei ul li:hover .cover{top:0;}
.shebei ul li .text{font-size:18px; color:#fff; text-align:center; height:50px; line-height:50px; background:#20b8ee;}
.shebei ul li .cover .txt_box{padding:50px 28px 0;}
.shebei ul li .cover .txt_box .tit{font-size:20px; color:#fff; font-weight:bold; line-height:1.2; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:15px;}
.shebei ul li .cover .txt_box .txt{font-size:14px; color:#fff;}
.shebei ul li .cover .txt_box .know_more{font-size:14px; color:#c5c4c4; float:right;}
/*.shebei .last{ margin-right:0 !important;}*/
.shebei ul li:nth-child(3n){margin-right:0 !important;}

.page{ text-align:center; margin:10px 0; width:100%; float:left; font-size:16px;}
.page a{color:#222; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#20b8ee; border-radius:20px; color:#fff;}

/*投资者关系*/
.touzi{background-color:#f4f4f4;padding:30px; margin-top:70px; margin-bottom: 50px;}
.touzi .t_left{width:33.127%;float:left;}
.touzi .t_left .t1{line-height:1;font-size:32px;color:#000000;}
.touzi .t_left .t2{padding-top:5.333%;padding-bottom:9.333%;line-height:1;font-size:20px;color:#20b8ee;}
.touzi .t_left .line{width:14px;height:2px;background-color:#20b8ee;}
.touzi .t_right{width:53.004%;float:right;text-align:left;}
.touzi .t_right ul li{line-height:42px;color:#888888;font-size:16px;}
.touzi .t_right ul li i{display: inline-block;width: 30px; text-align: center;}

@media (min-width: 768px) {
	.header-always{ height:60px;}
	.header-always .nav_list{display:none;}
	/*.header-always .header-logo{padding:3px 10px;}
	.header-always .header-logo img{ width:230px;}*/
	.header-always .nav-btn-bg{ width:60px;padding: 20px 0 21px 1vw;}
	.header-menu1{ display:none;}
	.header-menu2{ display:block;}
	.index-box21 .top_ {margin-bottom:0;margin-top:0; padding:30px 15px;}
	.index-box21 .top_ .right{float:right;width:100%;padding-right:0; display:none;}
	.index-box21 .top_ .right1{ display:block;}
	.index-box21{padding:0;background:#fff;}
	.index-box21 .infor .tit{font-size:32px;}
	.mengban{width:100%; height:100%;}
	.index-banner .banner-titles{padding-top:3.6rem;}
	.index-banner .ban-en {font-size: 1.2rem !important;line-height: 1.1;}
	.index-banner .banner-titles{right: 5%;}
	.index-box21 .bott_{display:none;}
	.index-box21 .product{ width:100%; display:block;}
	.index-box21 .product .product_top .txt{font-size:26px;}
    .index-box21 .product .product_top .txt .name{padding:30%;}
	.index-box21 .product .product_bottom ul li .txt{ font-size:26px;}
    .index-box21 .product .product_bottom ul li .txt .name{padding:25%;}
	.index-box3{background:#fff !important;}
	.sy_box2{ background-image: url(../images/box2_bj.jpg);}
	.sy_box2 .sy_box21 {padding:30px 0;}
	.sy_box2 .s_left {float: left;width:100%;margin-left:0;margin-top:0;padding:0 15px;}
	.sy_box2 .s_left .title{font-size:32px;color: #333;font-weight: 400;padding: 20px 0 35px 0;display: block;line-height:40px;}
	.sy_box2 .s_left .des {padding-right:0;font-size: 1.15em;}
	.sy_box2 .s_left .item-link{ margin-top:20px;}
	.sy_box2 .s_right{ display:block;}
	.about2 ul li h2 {font-size: 36px;line-height: 40px;}
	.about2 ul li b {top: 20px;right: 10px;font-size: 30px;}
	.about2 ul li {width: 24.5%;}
	.abotab{ display:none;}
	.module-four-wrapper{display:none;}
	.sy_news{display:block;}
	.footer_v{ width:100%; display:block;}
}
@media (min-width: 1200px) {
    .header-always .nav_list{display:block; width:62%;margin-left: 5%;}
	.header-always{ height:85px;}
	/*.header-always .header-logo{padding: 15px 15px;}
	.header-always .header-logo img{max-width:230px;}*/
	.header-always .nav-btn-bg{ width:86px;padding:22.3px 10px;}
	.header-menu1{ display:block;}
	.header-menu2{ display:none;}
	.index-box21 .top_ {margin-bottom: 30px;margin-top:0; padding:0;}
	.index-box21 .top_ .right{float:right;width:60%;padding-right: 40px; display:block;}
	.index-box21 .top_ .right1{ display:none;}
	.index-box21 {background: url(../images/box21_bj.jpg) no-repeat center;padding: 120px 3%;}
	.index-box21 .infor .tit{font-size: 38px;}
	.index-banner .banner-titles{padding-top: 7.6rem;}
	.index-banner .ban-en {font-size: 1.8rem !important;line-height: 1.1;}
	.index-banner .banner-titles{right:3%;}
	.index-box21 .bott_{ margin-top:30px;display:block;}
	.index-box21 .bott_ .item{ margin-left:20px;position:relative;float:left;width:9%;height:340px;text-align:center;color:#fff; background-position: center;background-repeat: no-repeat; background-size: 733px 340px;background-repeat:no-repeat;transition-duration:1s;/*border-radius:40px 0 40px 0;*/ box-shadow:5px 5px 10px #aaa; border:1px solid #fff;}
	.index-box21 .bott_ .item:first-child{margin-left:0;}
	.index-box21 .bott_ .item1{margin-top:31px; background-position: 79% 0;}
	.index-box21 .bott_ .item2{margin-top:71px; background-position:75% 0;}
	.index-box21 .bott_ .item3{background-position:82% 0;}
	.index-box21 .bott_ .item4{margin-top:56px;}
	.index-box21 .bott_ .item.on, .sy_box1 .bott_ .item:hover{width:55%; text-align:left; background-position:0 !important;}
	/*.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0;z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}*/
	.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
	.index-box21 .bott_ .item3::before{/*background:url(../images/orange.8.png);*/}
	.index-box21 .bott_ .item .inner{position:relative;margin:50px 50px;}
	.index-box21 .bott_ .item .inner .tit{font-size:20px; transition:.5s ease;}
	.index-box21 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;transition:.5s ease; height:0; overflow:hidden;}
	.index-box21 .bott_ .item .inner .con .txt{margin:20px 0 60px; font-size:16px;} 
	.index-box21 .bott_ .item.on .inner {margin:40px 40px 0;}
	.index-box21 .bott_ .item.on::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item.on .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item:hover{background-size: 100% auto;}
	.index-box21 .bott_ .item:hover .inner {margin:40px 40px 0;}
	.index-box21 .bott_ .item:hover::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item:hover .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item:hover .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item .noborder-btn{ font-size:16px; color:#fff;}
	.index-box21 .product{display:none;}
	.index-box3{/*background-image: url(../images/box2_bj.jpg);background-position: center;background-repeat: no-repeat; background-size: 100% auto;*/}
	.sy_box2 .sy_box21 {padding: 130px 0;}
	.sy_box2 .s_left{float: left;width:40%;margin-left: 1%;margin-top:0;padding:0;}
	.sy_box2 .s_left .title{font-size: 40px;color: #333;font-weight: 400;padding: 20px 0 35px 0;display: block;line-height: 50px;}
	.sy_box2 .s_left .des {padding-right:2%;font-size: 1.2em;}
	.sy_box2 .s_left .item-link{ margin-top:40px;}
	.about2 ul li h2 {font-size: 36px;line-height: 40px;}
	.about2 ul li b {top: 20px;right: 10px;font-size: 30px;}
	.about2 ul li {width: 24.5%;}
	.abotab{display:block;}
	.module-four-wrapper{display:block;}
	.sy_news{display:none;}
	.footer_v{display:none;}
}
@media (min-width: 1400px) {
	.header-always .nav_list{display:block;width:53%;margin-left:15%;}
  	.header-always .nav-btn-bg{ width:86px;padding: 13.2px 10px;}
	.index-box21 .bott_ .item{ margin-left:20px;position:relative;float:left;width:9%;height:340px;text-align:center;color:#fff; background-position: center;background-repeat: no-repeat; background-size: 733px 340px;background-repeat:no-repeat;transition-duration:1s;/*border-radius:40px 0 40px 0;*/ box-shadow:5px 5px 10px #aaa; border:1px solid #fff;}
	.index-box21 .bott_ .item:first-child{margin-left:0;}
	.index-box21 .bott_ .item1{margin-top:31px; background-position: 79% 0;}
	.index-box21 .bott_ .item2{margin-top:71px; background-position:75% 0;}
	.index-box21 .bott_ .item3{background-position:82% 0;}
	.index-box21 .bott_ .item4{margin-top:56px;}
	.index-box21 .bott_ .item.on, .sy_box1 .bott_ .item:hover{width:55%; text-align:left; background-position:0 !important;}
	/*.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0;z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}*/
	.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
	.index-box21 .bott_ .item3::before{/*background:url(../images/orange.8.png);*/}
	.index-box21 .bott_ .item .inner{position:relative;margin:50px 50px;}
	.index-box21 .bott_ .item .inner .tit{font-size:22px; transition:.5s ease;}
	.index-box21 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;transition:.5s ease; height:0; overflow:hidden;}
	.index-box21 .bott_ .item .inner .con .txt{margin:20px 0 60px; font-size:16px;} 
	.index-box21 .bott_ .item.on .inner {margin:40px 40px 0;}
	.index-box21 .bott_ .item.on::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item.on .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item:hover{background-size: 100% auto;}
	.index-box21 .bott_ .item:hover .inner {margin:40px 40px 0;}
	.index-box21 .bott_ .item:hover::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item:hover .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item:hover .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item .noborder-btn{ font-size:16px; color:#fff;}

	.sy_box2 .s_left{float: left;width: 40%;margin-left: 1%;margin-top:0;padding:0;}
	.sy_box2 .s_left .des {padding-right: 10%;font-size: 1.2em;}
}
@media (min-width: 1440px) {
	.header-always .nav_list{display:block; width: 56%;margin-left: 15%;}
	.index-box21 .bott_ .item{ margin-left:20px;width:9.8%;/*height:512px;*/height:100%;background-repeat: no-repeat; background-size:842px 512px;background-repeat:no-repeat;transition-duration:1s; }
	.sy_box2 .s_left{float: left;width: 40%;margin-left: 1%;margin-top:80px;padding:0;}
	.sy_box2 .s_left .des {padding-right: 10%;font-size: 1.2em;}
	
}
@media (min-width: 1600px) {
	.header-always .nav_list{display:block; width: 50%;margin-left: 25%;}
	.index-box21 .top_ {margin-bottom: 30px;margin-top:80px; padding:0;}
	.index-box21 .bott_ .item{ margin-left:20px;position:relative;float:left;width:9.8%;height:512px;text-align:center;color:#fff;transition-duration:1s;box-shadow:5px 5px 10px #aaa; border:1px solid #fff;background-position: center;background-repeat: no-repeat; background-size:1012px 514px;background-repeat:no-repeat;}
	.index-box21 .bott_ .item:first-child{margin-left:0;}
	.index-box21 .bott_ .item1{margin-top:31px; background-position: 79% 0;}
	.index-box21 .bott_ .item2{margin-top:71px; background-position:75% 0;}
	.index-box21 .bott_ .item3{background-position:82% 0;}
	.index-box21 .bott_ .item4{margin-top:56px;}
	.index-box21 .bott_ .item.on, .sy_box1 .bott_ .item:hover{width:55%; text-align:left; background-position:0 !important;}
	.index-box21 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
	.index-box21 .bott_ .item3::before{/*background:url(../images/orange.8.png);*/}
	.index-box21 .bott_ .item .inner{position:relative;margin:200px 50px;}
	.index-box21 .bott_ .item .inner .tit{font-size:24px; transition:.5s ease;}
	.index-box21 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;transition:.5s ease; height:0; overflow:hidden;}
	.index-box21 .bott_ .item .inner .con .txt{margin:20px 0 60px; font-size:16px;} 
	.index-box21 .bott_ .item.on .inner {margin:120px 40px 0;}
	.index-box21 .bott_ .item.on::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item.on .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item:hover .inner {margin:120px 60px 0;}
	.index-box21 .bott_ .item:hover::before{opacity:0; visibility:hidden;}
	.index-box21 .bott_ .item:hover .inner .tit{font-size:35px;}
	.index-box21 .bott_ .item:hover .inner .con{opacity:1; visibility:visible; height:300px;}
	.index-box21 .bott_ .item .noborder-btn{ font-size:16px; color:#fff;}

	.sy_box2 .s_left{float: left;width: 45%;margin-left: 1%;margin-top:80px;padding:0;}
	.sy_box2 .s_left .des {padding-right: 10%;font-size: 1.2em;}
}