/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;font-family: "微软雅黑";}
a { text-decoration: none; color: #333;display: block;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input,textarea,select{outline: none;border: 0;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1600px; margin:0 auto; height: 100%;}
.n-container{width:1815px; margin:0 auto; height: 100%;}
.p-container{width:1438px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}
/* CSS Document */

/* 字体引入 */
@font-face {
		font-family:'siyuan';
		src: url('../css/Ak-Bold.ttf');
	}

/* head */
.head{}
.head .logo{}
.head .logo img{display: block;margin-top: 19px;}
.head-nav{width: 35%;margin-left: 35%;}
.head-nav li{position: relative; width: calc(100% / 4);}
.head-nav ul{display: flex;}
.head-nav  li>a span{display: inline-block; font-size: 16px;line-height: 100px;  position: relative;height:100px;text-align: center;color: #ffffff;}
.head-nav li>a span:after{position: absolute; content: ''; width: 0; height: 2px; background: #2ec6ed; bottom: 0px; left: 50%;transition: 0.6s;}
.head-nav  li:hover a span:after,.head-nav ul li.on a span:after{width: 100%; left: 0; transition:0.6s}
.head-nav .on>a span{color: #2ec6ed;}
.head-nav li:hover>a span{color: #2ec6ed;}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;padding-top:5px ; transition: all 0.6s;}
.navfixedx{background: rgba(0,0,0,.5);}
/*.nav li:hover>a,.nav li.on>a{color: #fff;}*/
.head-nav .nav-hide{z-index: 99; display: none;position: absolute;  top: 100px;  width: 180px; background: #fff; left: 22%; margin-left: -90px;text-align: center;  z-index: 2;}
.head-nav .nav-hide em{}
.head-nav .nav-hide em a{display: block; font-size: 15px; line-height: 48px; color: #666;border-bottom: solid 1px #666; }
.head-nav .nav-hide em a:hover{background: #fff; color: #008CD6;}
.head-nav ul li:hover .nav-hide{display: block;}


#nav  li{position: relative;text-align: center;}
#nav  li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 7%; margin-left: -46px; display: none;position: absolute;z-index: 2; background: white;}
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: center; width: 156px;font-size: 14px}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{color: #428acb;transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;}

/* 搜索 */
.search{margin-top: 43px;}
.search img{cursor: pointer;}
.search form{position: absolute;top: 95px;right: 5%;margin-top:10px;box-shadow:1px 1px 10px rgba(0,0,0,0.15);width:270px;height:45px;border-radius:50px;background: #fff;overflow: hidden;display:none; z-index: 2}
.search form input{outline: none;}
.search form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:left}
.search form .submit{width:70px;text-align: center; background: #428acb;color:#fff;float:right;height:45px;line-height: 45px;text-align: center;border:none;cursor: pointer;}


.toggle{margin-top: 2.4%;margin-right: 3.5%;position: relative;}
.toggle a{font-size: 14px;color: #fff;position: relative;}
.toggle a::after{position: absolute;content: url(../images/xiaarrow.png);right: -15px;top: -3px;}
.toggle::after{content: '';position: absolute;right: -37px;top: 5px;width: 1px;height: 15px;background: #8f9095;}
.toggle select{border: 0;background: none;color: #fff;}
.toggle select option{color: #333;}

.toggle{margin-top: 2.5%;margin-right: 3.5%;position: relative;}
.toggle::after{content: '';position: absolute;right: -35px;top: 3px;width: 1px;height: 15px;background: #8f9095;}
.toggle select{border: 0;background: none;color: #fff;}
.toggle select option{color: #333;}
/* .search{margin-top: 32px;display: flex;}
.search form{display: flex;width: 167px;border: 1px solid #dcdcdc;background: #d6d6d6;border-radius: 15px;overflow: hidden;}
.search .text{width: 128px;border-radius: 3px 0px 0px 3px;height: 28px;background: #d6d6d6;}
.search .submit{width: 30px;border-radius: 3px;background: url(../images/search-icon.png)no-repeat center center #d6d6d6;height: 28px;}
.search a{display: inline-block;margin-left: 9%;position: relative;top: 3px;} */


/* banner */
.banner{position: relative;}
.banner img{display: block;width: 100%;}
.banner .swiper-pagination-bullet{width: 40px;height: 6px;background: #fff;opacity: 1;border-radius: 3px;}
.banner .swiper-pagination-bullet-active{background: #2ec6ed;opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;}
.banner .swiper-pagination{bottom: 35px !important;}

/* 内页banner text */
.banner .swiper-b1{position: absolute;top: 40%;width: 100%;text-align: center;}
.banner .swiper-b1 em{font-size: 36px;color: #ffffff;display: block;line-height: 55px;}
.banner .swiper-b1 p{font-size: 24px;color: #ffffff;font-family: Arial;text-transform: uppercase;}

/* 面包屑 */
.position{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.position ul{display: flex;justify-content: space-between;line-height: 60px;}
.position ul li:nth-child(2){}
.position ul li:nth-child(2) span{font-size: 14px;color: #808080;}
.position ul li:nth-child(2) a{display: inline-block;font-size: 14px;color: #808080;}
.position ul li:nth-child(1){}
.position ul li:nth-child(1) dd{float: left;transition: 0.4s;margin: 0 16px;}
.position ul li:nth-child(1) dd.on{}
.position ul li:nth-child(1) dd:hover{}
.position ul li:nth-child(1) dd a{font-size: 15px;color: #808080;transition: 0.4s;}
/* hover */
.position ul li:nth-child(1) dd:hover a{color: #017fd3;}
.position ul li:nth-child(1) dd.on a{color: #017fd3;position: relative;}
.position ul li:nth-child(1) dd.on a::after{content: '';width: 100%;height: 2px;background: #017fd3;position: absolute;bottom: 0;left: 0;}
/* 手机端 得*/
.wap-position{display: none;margin-top: 3%;}
.wap-position ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-position ul li{width: calc(100% / 2 - 1.8%);text-align: center;line-height: 40px;border: 1px solid #e6e6e6;transition: 0.3s;margin-bottom: 2%;}
.wap-position ul li a{font-size: 14px;color: #333333;}
.wap-position ul li:hover a,.wap-position ul li.on a{color: #FFFFFF;}
.wap-position ul li:hover,.wap-position ul li.on{background: #79c066;}


/* 新闻播报 */
.news{height: 79px;line-height: 80px;border-bottom: 1px solid #ebebeb;overflow: hidden;}
.news .container{background: url(../images/news-tz_icon.png)no-repeat center left 8.7%;}
.news .news-swiper{margin-left: 11%;width: 40%;position: relative;height: 80px;float: left;}
.news .swiper-slide{display: flex;justify-content: space-between;}
.news .swiper-slide p{color: #000000;font-size: 14px;}
.news .swiper-slide dd:nth-child(2){margin-right: 13%;position: relative;}
.news .swiper-slide dd:nth-child(2)::after{content: '';width: 1px;height: 16px;background: #cfd4de;position: absolute;right: -33px;top: 31px;}
.news .swiper-slide span{color: #999999;font-size: 14px;display: block;}
.news .swiper-button-next, .news .swiper-button-prev{width: 16px;height: 8px;}
.news .swiper-button-prev{left: auto;right: 0;top: 82%;}
.news .swiper-button-next{left: auto;right: 0;top: 62%;}
.news .ck{float: right;font-size: 14px;color: #666666;margin-right: 10%;}


/* 产品中心 */
.product{margin-top: 3.8%;margin-bottom: 3.8%;}
.product .container{display: flex;justify-content: space-between;}
.product .title{}
.product .title em{font-size: 48px;color: #333333;font-weight: bold;writing-mode: tb-rl;line-height: 1;}
.product .title p{font-size: 34px;color: #333333;font-weight: bold;display: inline-block;writing-mode: tb-rl;line-height: 1;margin-left: 20px;}
.product ul{display: flex;justify-content: space-between;width: 1420px;width: 88.8%;}
.product ul li:nth-child(1){text-align: center;background: url(../images/product-bg.jpg)no-repeat center;padding: 0% 0 33%;width: 600px;display: flex;flex-direction: column;justify-content: center;width: 42.3%;position: relative;overflow: hidden;}
/* .product ul li:nth-child(1) strong{font-size: 24px;color:#fff;font-weight: bold;line-height: 40px;}
.product ul li:nth-child(1) span{display: block;font-size: 14px;color: rgba(255,255,255,.8);text-transform: uppercase;}
.product ul li:nth-child(1) i{display: block;background: #509fd6;height: 1px;width: 312px;margin: auto;margin-top: 5px;margin-bottom: 13%;}
.product ul li:nth-child(1) p{font-size: 18px;color: #ffffff;line-height: 42px;text-align: left;padding-left: 35%;}
.product ul li:nth-child(1) a{font-size: 18px;color: #1f1f1f;width: 188px;line-height: 47px;text-align: center;border-radius: 8px;background: #fff;margin: auto;margin-top: 15%;} */

.product ul li:nth-child(1) .pic strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 35px;}
.product ul li:nth-child(1) .pic span{color: rgba(255,255,255,.8);display: block;text-transform: uppercase;}
.product ul li:nth-child(1) .pic i{display: block;width: 95%;height: 1px;background: #6c748d;margin-top: 2%;margin-bottom: 3%;}
.product ul li:nth-child(1) .pic p{font-size: 14px;color: #ffffff;line-height: 22px;}
.product ul li:nth-child(1) .pic a{width: 100px;line-height: 30px;text-align: center;border-radius: 8px;font-size: 14px;color: #ffffff;border: 1px solid #fff;margin-top: 14%;}



.product ul li:nth-child(2){background: url(../images/product-bg2.jpg)no-repeat center;width: 380px;width: 26.8%;position: relative;overflow: hidden;}
.product ul li:nth-child(2) strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 35px;}
.product ul li:nth-child(2) span{color: rgba(255,255,255,.8);display: block;text-transform: uppercase;}
.product ul li:nth-child(2) i{display: block;width: 95%;height: 1px;background: #6c748d;margin-top: 2%;margin-bottom: 3%;}
.product ul li:nth-child(2) p{font-size: 14px;color: #ffffff;line-height: 22px;}
.product ul li:nth-child(2) a{width: 100px;line-height: 30px;text-align: center;border-radius: 8px;font-size: 14px;color: #ffffff;border: 1px solid #fff;margin-top: 14%;}
.product ul li:nth-child(3){background: url(../images/product-bg3.jpg)no-repeat center;width: 380px;width: 26.8%;position: relative;overflow: hidden;}
.product ul li:nth-child(3) strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 35px;}
.product ul li:nth-child(3) span{color: rgba(255,255,255,.8);display: block;text-transform: uppercase;}
.product ul li:nth-child(3) i{display: block;width: 95%;height: 1px;background: #6c748d;margin-top: 2%;margin-bottom: 3%;}
.product ul li:nth-child(3) p{font-size: 14px;color: #ffffff;line-height: 22px;}
.product ul li:nth-child(3) a{width: 100px;line-height: 30px;text-align: center;border-radius: 8px;font-size: 14px;color: #ffffff;border: 1px solid #fff;margin-top: 14%;}
.product ul li:nth-child(1) .pic dd{margin-top: 7%;margin-left: 8%;width: 58.7%;text-align: left;}
.product ul li:nth-child(2) .pic dd,.product ul li:nth-child(3) .pic dd{margin-top: 11%;margin-left: 13%;width: 58.7%;}

.product ul li:nth-child(1) .pic-caption{position: absolute;top: 0%;left:0%;opacity: 0;transition: 0.5s;width: 100%;height: 0%;background: rgba(1,127,211,0.89);display: flex;flex-direction: column;justify-content: center;}
.product ul li:nth-child(1):hover .pic-caption{transition: 0.5s;opacity: 1;height: 100%;}
.product ul li:nth-child(1) .pic{transition: 0.5s;}
.product ul li:nth-child(1):hover .pic{opacity: 0;}

.product ul li:nth-child(2) .pic-caption{position: absolute;top: 0;left:0%;opacity: 0;transition: 0.5s;width: 100%;height: 0%;background: rgba(1,127,211,0.89);display: flex;flex-direction: column;justify-content: center;}
.product ul li:nth-child(2):hover .pic-caption{transition: 0.5s;opacity: 1;height: 100%;}
.product ul li:nth-child(2) .pic{transition: 0.5s;}
.product ul li:nth-child(2):hover .pic{opacity: 0;}

.product ul li:nth-child(3) .pic-caption{position: absolute;top: 0;left:0%;opacity: 0;transition: 0.5s;width: 100%;height: 0%;background: rgba(1,127,211,0.89);display: flex;flex-direction: column;justify-content: center;}
.product ul li:nth-child(3):hover .pic-caption{transition: 0.5s;opacity: 1;height: 100%;}
.product ul li:nth-child(3) .pic{transition: 0.5s;}
.product ul li:nth-child(3):hover .pic{opacity: 0;}

.product ul li .pic-caption{}
.product ul li .pic-caption dd{text-align: center;}
.product ul li .pic-caption dd:nth-child(2){width: 40%;text-align: left;margin-left: 42%;margin-top: 7%;}
.product ul li .pic-caption strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 40px;}
.product ul li .pic-caption span{font-size: 14px;color: rgba(0,0,0,0.8);display: block;text-transform: uppercase;color: #fff;}
.product ul li .pic-caption i{display: block;width: 80%;margin: auto;background: #4e9dd3;margin: auto;height: 1px;margin-top: 2%;}
.product ul li .pic-caption p{font-size: 18px;color: #ffffff;line-height: 42px;}
.product ul li .pic-caption a{width: 188px;height: 47px;line-height: 47px;text-align: center;border-radius: 8px;color: #1f1f1f;font-size: 18px;background: #fff;margin: auto;margin-top: 8%;}

.product ul li:nth-child(2) .pic-caption dd:nth-child(2){margin-left: 38%;}
.product ul li:nth-child(3) .pic-caption dd:nth-child(2){margin-left: 38%;}

/* 关于我们 */
.about{background: url(../images/about-bg.jpg)no-repeat center;padding: 5% 0;}
.about ul{display: flex;}
.about ul li{width: 50%;}
.about strong{font-size: 48px;color: #ffffff;font-weight: bold;line-height: 55px;}
.about span{font-size: 34px;color: #fff;font-weight: bold;display: block;margin-bottom: 4%;}
.about p{font-size: 16px;line-height: 30px;color: #fff;width: 75%;text-align: justify;}
.about a{font-size: 18px;color: #fff;width: 188px;line-height: 47px;text-align: center;border-radius: 8px;background: #2ec6ed;margin-top: 16%;}
.about ul li:nth-child(2){display: flex;justify-content: space-around;margin: auto;position: relative;left: 5%;bottom: 30px;}
.about i{font-size: 70px;color: #ffffff;display: inline-block;font-family: "siyuan";}
.about em{font-size: 18px;color: #ffffff;display: block;}


/* 优势 */
.ys{}
.ys ul{display: flex;}
.ys ul li{width: calc(100% / 4);text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 3.5% 0;transition: 0.4s;}
.ys ul li:nth-child(odd){box-shadow: 0.557px 3.961px 25.92px 6.08px rgba(0, 0, 0, 0.07);}
.ys ul li:nth-child(2n){background: #f5f5f7;}
.ys ul li em{font-size: 24px;color: #000000;display: block;margin-bottom: 6%;transition: 0.4s;}
.ys ul li p{font-size: 18px;color: #666666;transition: 0.4s;}
/* :hover */
.ys ul li:hover{background: #2ec6ed;}
.ys ul li:hover em{color: #fff;}
.ys ul li:hover p{color: #fff;}

.partner{background: url(../images/partner-bg.jpg)no-repeat center;overflow: hidden;padding-bottom: 7%;}
.partner .title{margin-top: 7%;margin-bottom: 6%;}
.partner .title em{font-size: 48px;color: #333333;font-weight: bold;line-height: 23px;text-transform: uppercase;}
.partner .title p{font-size: 34px;color: #333333;font-weight: bold;}
.partner .partner-list ul:nth-child(1){display: flex;justify-content: space-between;}
.partner .partner-list ul:nth-child(2){display: flex;justify-content: center;transform: translateY(-39px);}
.partner .partner-list ul:nth-child(2) li{margin: 8px;}
.partner .partner-list ul li{background: url(../images/liub-bg.png)no-repeat center;width: calc(100% / 9 - 0.9%);height: 189px;line-height: 189px;align-items: center;display: flex;justify-content: center;background-size: contain;}
.partner .partner-list ul li img{display: block;width: 69%;transition: 1s;}
.partner .partner-list ul li:hover img{transform: rotateY(360deg);}
.partner .partner-list2{display: none;}

.foot{background: #000000;overflow: hidden;padding-top: 4%;}
.foot .f-t-left{margin-bottom: 3.4%;}
.foot .f-t-left dt{margin-bottom: 8%;}
.foot .f-t-left dd{font-size: 14px;color: #fff;position: relative;padding-left: 40px;line-height: 45px;}
.foot .f-t-left dd:before{content: '';width: 28px;height: 28px;position: absolute;left: 0;top: 11px;background: url(../images/foot-yuan.png)no-repeat center;}
.foot .f-t-left dd:nth-child(2)::after{content: url(../images/phone-icon.png);position: absolute;left: 9px;top: 4px;}
.foot .f-t-left dd:nth-child(3)::after{content: url(../images/email-icon.png);position: absolute;left: 8px;top: 2px;}
.foot .f-t-left dd:nth-child(4)::after{content: url(../images/foot-add.png);position: absolute;left: 8px;top: 5px;}
.foot .f-t-nav{display: flex;width: 62.5%;justify-content: space-between;margin-right: 3.6%;}
.foot .f-t-nav dt{font-size: 18px;color: #ffffff;font-weight: bold;position: relative;padding-bottom: 10px;margin-bottom: 25px;}
.foot .f-t-nav dt::after{content: '';width: 179.2%;height: 1px;background: #4d4d4d;position: absolute;bottom: 0;left: 0;}
.foot .f-t-nav dd{}
.foot .f-t-nav dd a{font-size: 14px;color: #ffffff;line-height: 36px;}
.foot .end{clear: both;border-top: 1px solid rgba(255, 255, 255,.3);margin-top: 2%;padding-top: 2.5%;padding-bottom: 2.5%;}
.foot .end ul{display: flex;justify-content: space-between;}
.foot .end ul li{}
.foot .end ul li a{font-size: 14px;color: rgba(255, 255, 255, .7);}


/* 内页about */
.ny-about{}
.ny-about .title{text-align: center;margin: 3% 0;}
.ny-about .title em{font-size: 28px;color: #333333;line-height: 26px;}
.ny-about .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.ny-about .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.ny-about ul{display: flex;justify-content: space-between;}
.ny-about ul li:nth-child(1){width: 49.9%;}
.ny-about ul li:nth-child(2){width: 50%;}
.ny-about ul li:nth-child(2) dd{padding: 4%;text-align: justify;}
.ny-about ul li:nth-child(1) img{display: block;width: 100%;}
.ny-about ul li em{font-size: 28px;color: #017fd3;}
.ny-about ul li span{font-size: 16px;color: #999999;text-transform: uppercase;display: block;margin-bottom: 2%;}
.ny-about ul li p{font-size: 16px;line-height: 36px;color: #666666;}
.ny-about ul li:nth-child(2) img{float: right;margin-top: 4.5%;}

/* 专利证书 */
.certificate{background: #f2f4ff;overflow: hidden;margin-top: 4%;padding-bottom: 8%;}
.certificate .title{text-align: center;margin: 3% 0;}
.certificate .title em{font-size: 28px;color: #333333;line-height: 26px;}
.certificate .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.certificate .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.certificate ul{display: flex;justify-content: space-between;}
.certificate ul li{width: calc(100% / 6 - 1.6%);}
.certificate ul li img{display: block;width: 100%;}


/* 产品EAP */
.introduce{}
.introduce .title{text-align: center;margin: 3% 0;}
.introduce .title em{font-size: 28px;color: #333333;line-height: 26px;}
.introduce .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.introduce .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.introduce ul{display: flex;justify-content: space-between;}
.introduce ul li{width: calc(100% / 4 - 1.6%);box-shadow: 0px 0px 15px 0px rgba(66, 66, 66, 0.18);padding-bottom: 8.6%;}
.introduce ul li:nth-child(1){background: url(../images/introduce-01.png)no-repeat center bottom -25px;}
.introduce ul li:nth-child(2){background: url(../images/introduce-02.png)no-repeat center bottom -25px;}
.introduce ul li:nth-child(3){background: url(../images/introduce-03.png)no-repeat center bottom -25px;}
.introduce ul li:nth-child(4){background: url(../images/introduce-04.png)no-repeat center bottom -25px;}
.introduce ul li dd{padding:19% 19% 0% 9%;}
.introduce ul li img{}
.introduce ul li em{font-size: 22px;color: #262626;display: block;margin-top: 15%;margin-bottom: 9%;}
.introduce ul li p{font-size: 15px;color: #666666;line-height: 30px;}

.analyze{}
.analyze .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.analyze .title em{font-size: 28px;color: #333333;line-height: 26px;}
.analyze .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.analyze .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.analyze .analyze-swiper .swiper-slide{background: url(../images/diannao.png)no-repeat center center;text-align: center;padding-top: 11%;padding-bottom: 23%;}

.swiper-containertop .swiper-slide{text-align: right;}
.analyzesys .swiper-containertop .swiper-slide:nth-child(2) em,.analyzesys .swiper-containertop .swiper-slide:nth-child(3) em,.analyzesys .swiper-containertop .swiper-slide:nth-child(4) em,.analyzesys .swiper-containertop .swiper-slide:nth-child(5) em{left: 50px;}
.swiper-containertop .swiper-slide img{position: relative;left: 21px;height: 45px;}
.swiper-containertop .swiper-slide em{position: relative;left: 30px;top: 18px;}
.swiper-containertop .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 100%;background: #fff;border: 1px solid #bbbdbf;position: relative;right: -97%;z-index: 9;margin-top: 3%;}
.swiper-containertop .swiper-slide-active i{position: relative;background: #017fd3;border: 1px solid #017fd3;}
.swiper-containertop .swiper-slide-active i::after{content: '';width: 28px;height: 28px;border-radius: 100%;border: 1px solid #017fd3;position: absolute;left: -7px;top: -7px;}
.swiper-containertop .swiper-slide-active em{color: #017fd3;}
.swiper-containertop{width: 81%;margin-left: 0 !important;overflow: inherit !important;}
.swiper-containertop::after{content: '';width: 100%;height: 1px;background: #bfbfbf;position: absolute;right: -100%;bottom: 31px;}
.swiper-containertop .swiper-pagination-progressbar-fill{background: #017fd3 !important;}
.swiper-containertop .swiper-pagination{height: 1px !important;bottom: 31px;top: auto !important;z-index: 0;}
.swiper-containertop .swiper-pagination-progressbar-fill{height: 2px !important;top: -1px !important;}
/* .swiper-containertop .swiper-wrapper{width: 50%;} */
.analyze .analyze-swiper{width: 50%;overflow: unset;margin-top: 3%;padding-bottom: 4%;}
/* .analyze .swiper-pagination-progressbar::before{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	width: calc((100%/4)-);
	background-color: #ff0000;
	z-index: 1;
}
 */


/* 产品列表 */
.product-list{}
.product-list ul{display: flex;flex-wrap: wrap;}
.product-list ul li{width: 100%;padding: 2.7% 0;}
.product-list ul li dd:nth-child(1){width: 45.9%;}
.product-list ul li dd:nth-child(2){width: 46.6%;}
.product-list ul li:nth-child(odd){background: #f2f4ff;}
.product-list ul li:nth-child(even){padding: 4% 0;}
.product-list ul li .p-container{display: flex;justify-content: space-between;}
.product-list ul li:nth-child(even) .p-container{flex-direction: row-reverse;}
.product-list ul li img{display: block;width: 100%;}
.product-list ul li em{font-size: 24px;color: #000000;}
.product-list ul li p{font-size: 16px;color: #666666;line-height: 30px;}



/* 联系我们 */
.contact-bsc{background: url(../images/map-pic.jpg)no-repeat center;background-size: cover;}
.contact-bsc .title{text-align: center;padding: 3% 0 48% 0;}
.contact-bsc .title em{font-size: 36px;color: #333333;line-height: 70px;}
.contact-bsc .title em span{font-size: 56px;color: #017fd3;font-weight: bold;}
.contact-bsc .title p{font-size: 22px;color: #666666;}

.contact-qg{}
.contact-qg .title{text-align: center;margin: 6% 0 4%;}
.contact-qg .title em{font-size: 28px;color: #333333;line-height: 26px;}
.contact-qg .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.contact-qg .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.contact-qg ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-qg ul li{width: calc(100% / 3 - 2.9%);background: url(../images/contact-icon.png)no-repeat center right #f7f7f7;margin-bottom: 3.5%;padding: 3% 0;}
.contact-qg ul li dt{font-size: 20px;color: #ffffff;font-weight: bold;width: 177px;line-height: 51px;background: #017fd3;padding-left: 6%;margin-bottom: 4%;}
.contact-qg ul li dd{font-size: 16px;color: #666666;line-height: 30px;margin-left: 6%;}

.contact-us{margin-bottom: 5.5%;}
.contact-us .title{text-align: center;margin: 3% 0;}
.contact-us .title em{font-size: 28px;color: #333333;line-height: 26px;}
.contact-us .title p{font-size: 16px;color: #999999;text-transform: uppercase;}
.contact-us .title i{display: block;width: 57px;height: 2px;background: #017fd3;margin: auto;margin-top: 0.6%;}
.contact-us ul{display: flex;justify-content: space-between;}
.contact-us ul li:nth-child(1){width: 40%;}
.contact-us ul li:nth-child(2){width: 56.8%;}
.contact-us ul li em{font-size: 66px;color: #d4d4d4;font-weight: bold;}
.contact-us ul li span{font-size: 26px;color: #333333;display: block;margin-top: 6%;margin-bottom: 5%;}
.contact-us ul li p{font-size: 17px;color: #666666;line-height: 65px;}
.contact-us ul li p i{width: 47px;display: inline-block;}
.contact-us ul li p img{position: relative;top: 4px;margin-right: 20px;}
.contact-us ul li:nth-child(2) img{display: block;width: 100%;}



/* wap架构图 */
.wap-analyze{display: none;overflow: hidden;}
.wap-analyze .title{text-align: center;margin-top: 3%;margin-bottom: 8%;}
.wap-analyze .title em{font-size: 22px;color: #333333;line-height: 26px;}
.wap-analyze .title p{font-size: 13px;color: #999999;text-transform: uppercase;}





/* .product-sfq .container{width: 65.4%;} */
.product-sfq{margin-top: 3.8%;margin-bottom: 3.8%;}
.product-sfq .container{display: flex;justify-content: space-between;}
.product-sfq .title{}
.product-sfq .title em{font-size: 48px;color: #333333;font-weight: bold;writing-mode: tb-rl;line-height: 1;}
.product-sfq .title p{font-size: 34px;color: #333333;font-weight: bold;display: inline-block;writing-mode: tb-rl;line-height: 1;}

.product-sfq .spic{opacity: 0;}

.solution-class{height:680px;overflow: hidden;position:relative;width: 89%;background: url(../images/sfq.jpg)no-repeat center center;}
.solution-class ul li{float: left; cursor: pointer; transition:0.6s; position: relative;overflow: hidden;}
.solution-class ul li::after{content: '';width: 1px;height: 100%;background: #fff;position: absolute;top: 0;right: 0;}
.solution-class ul li:last-child::after{content: none;}
.solution-class ul li:last-child{margin-right: 0px;border-right: 0;}
.solution-class ul li .icon{position: absolute; top: 0; width: 100%;height: 89.7%;}
.solution-class ul li .icon dd{margin-top: 11%;margin-left: 13%;width: 58.7%;}
.solution-class ul li .icon strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 35px;}
.solution-class ul li .icon span{color: rgba(255,255,255,.8);display: block;text-transform: uppercase;}
.solution-class ul li .icon i{display: block;width: 95%;height: 1px;background: rgba(255, 255, 255, .3);margin-top: 2%;margin-bottom: 3%;}
.solution-class ul li .icon p{font-size: 14px;color: #ffffff;line-height: 22px;}
.solution-class ul li .icon a{width: 100px;line-height: 30px;text-align: center;border-radius: 8px;font-size: 14px;color: #ffffff;border: 1px solid #fff;margin-top: 14%;}

.solution-class ul li.grayclass .spic img{filter: grayscale(0%);}
.solution-class ul li .name{position: absolute; text-align: center;   left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.solution-class ul li .name .pic{width: 60px;height: 60px;background: white;margin: auto;border-radius: 100%;overflow: hidden;margin-bottom: 18px;}

.solution-class ul li .name img{display: block; margin: auto;margin-top: 12px;}
.solution-class ul li .name p{font-size: 18px; color: #fff;}
.solution-class ul li .name span{font-family: arial; font-size: 12px; color: #bababa;position: relative;bottom: 7px;}

.solution-class ul li .info{position: absolute;top: 0;left: 0%;height: 0%;width: 100%; margin: auto;color: #f4f7f8;background: rgba(1,127,211,0.89);opacity: 0;transition: 0.7s;display: flex;justify-content: center;flex-direction: column;}
.solution-class ul li.grayclass .info{height: 100%;opacity: 1;}

.solution-class ul li .info dd{text-align: center;}
.solution-class ul li .info dd:nth-child(2){width: 40%;text-align: left;margin-left: 42%;margin-top: 7%;}
.solution-class ul li .info strong{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 40px;}
.solution-class ul li .info span{font-size: 14px;color: rgba(0,0,0,0.8);display: block;text-transform: uppercase;color: #fff;}
.solution-class ul li .info i{display: block;width: 80%;margin: auto;background: #4e9dd3;margin: auto;height: 1px;margin-top: 2%;}
.solution-class ul li .info p{font-size: 18px;color: #ffffff;line-height: 42px;}
.solution-class ul li .info a{width: 188px;height: 47px;line-height: 47px;text-align: center;border-radius: 8px;color: #1f1f1f;font-size: 18px;background: #fff;margin: auto;margin-top: 8%;}