@import url(yzui.css);
.fl-clr{zoom:1}
.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}
/* index.html */
.banner-swiper{display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{border-radius: 0; width: 14px;height: 14px; background-color: rgba(255,255,255,0.3); border-radius:50px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:14px;height:14px; background-color: rgba(255,255,255,1);}

.home-blank{height: 104px;}
.header {padding-top:28px;z-index: 990;position: fixed;top: 0;left: 0;width: 100%;}
.header .logo{float:left;text-align:center;}
.header .logo span{display:block;font-size:12px;color:#464646;font-weight:normal;margin-top:8px;}
.header .search,.header .navbar{float:right;margin-top:14px;}
.navbar li{float:left;font-size:15px;margin-left:40px;position:relative;}
.navbar li .dropdown{z-index:999;min-width:220px;display:none;position:absolute;left:-25px;background:#2b2b2b;top:100%;padding:25px 25px;}
.navbar li .dropdown a{color:#bbbbbb;line-height:36px;}
.navbar li .dropdown a:hover{color:#3b85f5;}
.navbar li .dropdown a em{margin: 0 5px;font-style:normal;display: inline-block;width: 6px;height: 10px;background: url('../images/header-arrow-01.png') no-repeat center center;}
.navbar li .dropdown dt:hover a em{background: url('../images/header-arrow.png') no-repeat center center;}
.navbar li .pro-dropdown a em{font-style:normal;float:right;margin-top: 13px;margin-right: 15px;display: inline-block;width: 6px;height: 10px;background: url('../images/header-arrow-01.png') no-repeat center center;}
.navbar li .pro-dropdown dt.active a em{background: url('../images/header-arrow.png') no-repeat center center;}
.navbar li>a{display:block;width:100%;height:100%;padding-bottom:39px;border-bottom:3px solid rgba(255,255,255,0);}
.navbar li.active>a{color:#3B85F5;}
.navbar li:hover .dropdown,.navbar li:hover .pro-dropdown{display:block;}
.navbar li:hover>a{border-bottom:3px solid #3b85f5;color:#3B85F5;}

.navbar li .pro-dropdown {width:720px;height:477px;z-index:999;display:none;position:absolute;left:-25px;top:100%;}
.pro-dropdown .level1{z-index:10;height:100%;position:relative;width:200px;padding:25px 0px;float:left;background:#262626;}
.pro-dropdown .level1 dt{padding-bottom:4px;padding-top:4px;}
.pro-dropdown .level1 dt>a{display:block;width:100%;height:100%;text-indent:40px;color:#fff;line-height:36px;border-left:3px solid rgba(255,255,255,0);}
.pro-dropdown .level1 dt>a:hover,.pro-dropdown .level1 dt.active a{background:#191919;color:#3b85f5;border-left:3px solid #3b85f5;}
.pro-dropdown .level2{padding:25px 0px;z-index:9;width:200px;height:100%;position:relative;float:left;visibility:hidden;-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: .3s;transition: .3s;background:#292929;}
.pro-dropdown .level2.show{visibility:visible;-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pro-dropdown .level2 .item{display:none;}
.pro-dropdown .level2 .item.show{display:block;}
.pro-dropdown .level2 dt{padding-bottom:4px;padding-top:4px;padding-left:8px;padding-right:8px;}
.pro-dropdown .level2 a{display:block;line-height:36px;text-indent:40px;color:#bbbbbb;}
.pro-dropdown .level2 a:hover,.pro-dropdown .level2 dt.active a{background:#191919;color:#3b85f5;}
.pro-dropdown .level3{padding:25px 0px;width:320px;height:100%;float:left;position: relative;z-index:8;visibility:hidden;-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: .3s;transition: .3s;background:#2b2b2b;}
.pro-dropdown .level3.show{visibility:visible;-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pro-dropdown .level3 .item{display:none;}
.pro-dropdown .level3 .item.show{display:block; width: 50%; float: left;}
.pro-dropdown .level3 b{font-weight:normal;font-size:14px;color:#3b85f5;line-height:36px;}
.pro-dropdown .level3 a{display:inline-block;width:100%;line-height:36px;color:#8f9198;font-size:14px;}
.pro-dropdown .level3 a:hover{color:#fff;}

.navbar-toggle{margin-left:18px;z-index:1000;width:24px;height:24px;float:right;background-color:transparent;border:0;display:none;margin-top:13px;}
.navbar-toggle span{margin-top:10px}
.navbar-toggle span,.navbar-toggle span:before,.navbar-toggle span:after{position:absolute;display:block;width:24px;height:2px;cursor:pointer;content:'';background-color:#000;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.navbar-toggle span:before{top:-7px}
.navbar-toggle span:after{bottom:-7px}
.navbar-toggle.drawer-open{margin-top:0px;}
.navbar-toggle.drawer-open span,.navbar-toggle.drawer-open span::before,.navbar-toggle.drawer-open span::after{background:#000;}
.navbar-toggle.drawer-open span{background: rgba(0, 0, 0, 0);margin-top:15px;}
.navbar-toggle.drawer-open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.navbar-toggle.drawer-open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}

.header .search{position:relative;padding-bottom:43px;padding-left: 36px;}
.header .search form{z-index:999;width:552px;background:#3b85f5;position:absolute;right:0px;top:100%;padding:20px 18px 20px 26px;display:none;}
.header .search form i{width:12px;height:7px;display:block;position:absolute;right:7px;top:-7px;background:url('../images/search-icon.png') no-repeat;}
.header .search form input{border:0px;font-size:16px;color:#fff;background:none;float:left;width:80%;}
.header .search form input::-webkit-input-placeholder {color:#fff;font-size: 16px;}
.header .search form input::-moz-placeholder {color:#fff;font-size: 16px;}
.header .search form input:-ms-input-placeholder {color: #fff;font-size: 16px;}
.header .search form button{width:24px;height:14px;border:0px;background:url('../images/search-btn2.png') no-repeat;float:right;}
.header .search form button:hover{cursor: pointer;}
.m-navbar{display:none;background:#fff;position:fixed;width:100%;height:100%;top:62px;z-index: 999;}
.m-navbar li{font-size:16px;display:inline-block;width:100%;}
.m-navbar li .nav-head,.m-navbar li .childs-head{border-bottom: solid 1px #eee;padding: 11px 15px;}
.m-navbar li .nav-head a{color:#333;float:left;}
.m-navbar li .nav-body{display:none;padding:10px 0px;}
.m-navbar li .nav-body dt a{color:#666;}
.m-navbar li .nav-body dt{font-size:14px;width:100%;display:block;}
.m-navbar li .nav-body .nav-childs,.m-navbar li .nav-body .nav-childs .childs-body{display:none;}
.m-navbar li .nav-body .childs-body span{display:block;line-height:40px;padding-left:40px;}
.m-navbar li .nav-body .nav-childs .childs-head{padding-left:30px;}
.m-navbar li .nav-body dt>.childs-head{padding-left:20px;}
.m-navbar form{margin:15px 0px;border:1px solid #eee;padding:0px 10px;background:url('../images/search-btn.png') no-repeat right 15px center;}
.m-navbar form input{line-height:40px;border:0px;padding:0px 10px;}
.arrow-down {margin-top:10px;float:right;display: inline-block;vertical-align: middle;width: 10px;height: 6px;padding-left: 1px;padding-right: 1px;}
.arrow-down:before {content: "";display: block;width: 8px;height: 8px;border-bottom: solid 1px #333;border-right: solid 1px #333;margin-top: -3px;-ms-transform: rotate(45deg);transform: rotate(45deg);}
.header-blank{height:62px;display:none;}

.footer-top{width:100%;padding:40px 0px;background:rgba(43,43,43,1);}
.footer-top dl{float:left;width:20%;}
.footer-top dt{margin-bottom:15px;}
.footer-top dt a{color:#FFFFFF;font-size:16px;}
.footer-top dd a{color:#AAAAAA;line-height:30px;}
.footer-top dl.bcontact dd{padding-left:30px;}
.footer-top dl.bcontact dd:nth-child(2){background:url('../images/tel-icon.png') no-repeat left center;}
.footer-top dl.bcontact dd:nth-child(3){background:url('../images/email-icon.png') no-repeat left center;}
.footer-top dl.bcontact dd:nth-child(4){background:url('../images/address-icon.png') no-repeat left center;}
.footer-top dl.bcontact dd:nth-child(5){background:url('../images/message-icon.png') no-repeat left center;}
.footer-top dt a:hover,.footer-top dd a:hover,.footer-copy a:hover{color:#3b85f5;}
.footer-copy{width:100%;background:rgba(25,25,25,1);padding:28px 0px;color:#AAAAAA;}
.footer-copy a{color:#AAAAAA;}

.public-paddind{padding: 60px 0;}
.title{color: #333;font-size: 32px;margin-bottom: 40px;text-align: center;}
.core-technology ul{margin-left: -2.33%;}
.core-technology li{float: left;position: relative;overflow: hidden;width: 31%;margin-left: 2.33%;margin-bottom: 2.33%;}
.core-technology li .tex{position: absolute;top: 0;left: 0;width: 100%;padding: 25px;} 
.core-technology li a .tex span{display: block;color: #fff;}
.core-technology li a img{transition: all .5s;}
.core-technology li:hover a img{transform: scale(1.1);}
.core-technology li a .tex span:nth-child(1){font-size: 20px;font-weight: bold;}
.core-technology li a .tex span:nth-child(2){font-size: 15px;margin-top: 10px;}

.product-center{background-color: #F4F5F7;}
.product-center ul{margin-left: -2%;}
.product-center li{float: left;width: 23%;margin-left: 2%;}
.product-center li .tex{background-color: #fff;color: #333;font-size: 20px;height: 81px;line-height: 81px;text-align: center;}
.product-center li .img{position: relative;overflow: hidden;}
.product-center li .img .mc{width: 100%;height: 100%;position: absolute;top: 257px;left: 0;background: rgba(0, 0, 0, 0.7);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.product-center li .img .mc img{position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;}
.product-center li:hover .img .mc{top:0;}

.industry-application{background: url('../images/industry.jpg') no-repeat center center;}
.industry-title{color: #fff;}
.industry-application li{background-color: #fff;width: 33.33%;float: left;text-align: center;height: 270px;border-bottom:1px solid #EBEBEB;border-right:1px solid #EBEBEB;padding: 40px;overflow: hidden;}
.industry-application li .list-a{transition: all .5s;margin-top: 0;display: inline-block;width: 100%;height: 100%; position:relative}
.industry-application li:hover .list-a{margin-top: -20px;}
.industry-application li:hover{background-color: #FAFBFD;}
.industry-application li a{color: #3b85F5;margin-top: 10px;display: none;}
.industry-application li:nth-child(1) a{margin-top: 105px;}
.industry-application li:hover a{display: block;}
.industry-application li .weburl{display:none !important; margin:0 !important; position:absolute; left:0; top:0; width:100%; height:100%; z-index:33}
.industry-application li .automobile{margin-top: 30px;font-size: 15px;transition: all .5s;}
.industry-application li .automobile span{display: block;}
.industry-application li .automobile span:nth-child(1){color: #333;}
.industry-application li .automobile span:nth-child(2){color: #999;margin-top: 10px;}
.industry-application li .img{width: 82px;height: 82px;border: 2px solid #3b85F5;border-radius: 50%;}
.industry-application li .img img{margin-top: 15px;}
.industry-application li:nth-child(1){height: 540px;}
.industry-application li p:nth-child(2){font-size: 20px;color: #333;font-weight: bold;display: block;margin: 20px 0;}
.industry-application li p:nth-child(3){font-size: 15px;color: #999;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.industry-application li:nth-child(1) p:nth-child(3){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.service-items li{float: left;width: 33.33%;text-align: center;padding: 0 7%;margin-bottom:3%; overflow:hidden}
.service-items li .img{width:100px;height: 100px;}
.service-items li a .list-title{color: #333;font-size: 20px;padding:20px 0; height:60px; }
.service-items li a .list-title .list-tex p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.service-items li:hover a .list-title{color: #3b85f5;}
@media (min-width:1200px){.service-items li a .list-tex p{color: #999;font-size: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}}
.service-items li:nth-child(1) .img{background: url('../images/service-01.png') no-repeat center center;}
.service-items li:nth-child(2) .img{background: url('../images/service-02.png') no-repeat center center;}
.service-items li:nth-child(3) .img{background: url('../images/service-03.png') no-repeat center center;}
.service-items li:nth-child(4) .img{background: url('../images/service-04.png') no-repeat center center;}
.service-items li:nth-child(5) .img{background: url('../images/service-05.png') no-repeat center center;}
.service-items li:nth-child(6) .img{background: url('../images/service-06.png') no-repeat center center;}
.service-items li:nth-child(1):hover .img{background: url('../images/service-11.png') no-repeat center center;}
.service-items li:nth-child(2):hover .img{background: url('../images/service-22.png') no-repeat center center;}
.service-items li:nth-child(3):hover .img{background: url('../images/service-33.png') no-repeat center center;}
.service-items li:nth-child(4):hover .img{background: url('../images/service-44.png') no-repeat center center;}
.service-items li:nth-child(5):hover .img{background: url('../images/service-55.png') no-repeat center center;}
.service-items li:nth-child(6):hover .img{background: url('../images/service-66.png') no-repeat center center;}

.classic-case{background-color: #F4F5F7;}
.classic-case ul{margin-left: -2%;}
.classic-case li{float: left;width: 23%;margin-left: 2%;height: 371px;position: relative;overflow: hidden;}
.classic-case li .top{transition: all 1s; position: absolute;top: 0;left: 0;right: 0;height: 100%;}
.classic-case li .top .tex{background-color: #fff;padding: 20px 40px 20px 20px;border: 1px solid #EBEBEB;height: 164px;}
.classic-case li .top .tex span{display: block;color: #333;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.classic-case li .top .tex p{display: block;margin-top: 20px;line-height: 30px;font-size: 15px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.classic-case li .bot{width: 100%;height: 371px;position: absolute;top: 371px;left: 0;right: 0;padding: 30px;color: #fff;background-color: #3B85F5;transition: all 1s;} 
.classic-case li .bot span{display: block;font-size: 16px;}
.classic-case li .bot p:nth-child(2){line-height: 26px;margin-top: 30px;}
.classic-case li .bot p:nth-child(3){display: inline-block;border-bottom: 1px solid #fff; margin-top: 30px;}

.classic-case li:hover .top{top:-371px;}
.classic-case li:hover .bot{top:0px;}
.btn{text-align: center;margin-top: 50px;}
.btn a{position: relative;font-size: 18px;display: inline-block;width: 180px;height: 56px;border: 1px solid rgba(59,133,245,1);text-align: center;line-height: 56px;}
.btn a .a-bg{z-index: 1; position: absolute;left: 0;bottom: 0;height: 100%;width: 0%;background-color: #3B85F5;transition: all .5s;}
.btn a:hover .a-bg{width: 100%;}
.btn a span{position: absolute;top: 0;left: 0;width: 100%;text-align: center; color: #3B85F5;z-index: 2;}
.btn a:hover span{color: #fff;}

.news-and-information li{border-bottom: 1px solid #EBEBEB;padding: 20px 0;}
.news-and-information li .img{width: 21%;overflow: hidden;}
.news-and-information li .img img{transition:0.5s ease-in-out;}
.news-and-information li:hover .img img{transform: scale(1.1);}
.news-and-information li .tex{width: 59%;margin-left: 5%;padding-top: 20px;}
.news-and-information li .tex .time{width: 15%;}
.news-and-information li .tex .time span{display: block;}
.news-and-information li .tex .time span:nth-child(1){font-size: 32px;color: #444;font-weight: 300;}
.news-and-information li .tex .time span:nth-child(2){font-size: 16px;color: #999;}
.news-and-information li .tex .texts{width: 80%;}
.news-and-information li .tex .texts span{display: block;font-size: 20px;color: #333;} 
.news-and-information li:hover .tex .texts span{color: #3b85f5;}
.news-and-information li .tex .texts p{display: block;margin-top: 20px;color: #999;font-size: 15px;line-height: 26px;}
.news-and-information li .more{width: 5%;height: 45px;background: url('../images/news-cion-01.png') no-repeat center center;margin-top: 20px;}
.news-and-information li:hover .more{background: url('../images/page-news-icon-01.jpg') no-repeat center center;}
.home-news li:hover .more{background: url('../images/page-news-icon-03.png') no-repeat center center;}

.suspension{z-index: 900;position: fixed;right: 20px;top: 56%;background-color: #fff;border:1px solid #EBEBEB;}
.suspension li{padding: 10px;border-bottom: 1px solid #EBEBEB;position: relative;}
.suspension li .big-code{display: none;text-align: center;position: absolute;top: -121px;left: -152px; border: 1px solid #EBEBEB;padding: 10px;background-color: #fff;}
.suspension li .big-code.ewm{left:-278px; width:265px;}
.suspension li .big-code .li{width:118px; float:left; padding:0 5px}
.suspension li:nth-child(1) .big-code{padding: 15px;}
.suspension li .big-code span{display: block;margin-top: 10px;color: #AAAAAA;}
.suspension li .big-code p{color: #aaa;}
.suspension li:nth-child(1) .big-code{position: absolute;top: 0;left: -140px;}
.suspension li:nth-child(3){border-bottom: 0;}
.suspension li:hover .big-code{display: block;}
.suspension li .public-img{width:26px;height:26px;}
.suspension li:nth-child(1) .public-img{background: url('../images/tel-icon.png') no-repeat center center;}
.suspension li:nth-child(2) .public-img{background: url('../images/code-01.png') no-repeat center center;}
.suspension li:nth-child(3) .public-img{background: url('../images/arrow.png') no-repeat center center;}
.suspension li:nth-child(1):hover .public-img{background: url('../images/tel-icon-01.png') no-repeat center center;}
.suspension li:nth-child(2):hover .public-img{background: url('../images/code.png') no-repeat center center;}

/* core_technology.html */
.current{color: #666;}
.current a{color: #666;display: inline-block;margin: 0 5px;}
.current a:hover{color: #3b85f5;}
.current a:last-child{color: #3b85f5;}
.banner{position: relative;}
.banner span{display: inline-block;font-size: 40px;color: #fff;position: absolute;right: 28%;top: 50%;margin-top: -26px;}
.phone-banner{display: none;position: relative;}
.phone-banner span{position: absolute;top: 50%;margin-top: -18.5px;right: 20%;color: #fff;font-size: 28px;}

.phone-banners{display: none;position: relative;}
.phone-banners span{position: absolute;top: 35%;margin-top: -18.5px;right: 20%;color: #fff;font-size: 28px;}


.current{margin: 20px 0;}
.technology li{padding: 80px 0;}
.technology li .img{width: 48%;overflow: hidden;}
.technology li .img img{transition: all 1s;}
.technology li .img:hover img{transform: scale(1.1);}
.technology li .tex{width: 48%;}
.technology li .tex p{display: block;color: #444444;font-size: 16px;line-height: 30px;}
.technology li .tex p:nth-child(2){margin-top: 10px;}
.technology li .tex p:nth-child(3){margin-top: 30px;}
.technology li .tex p:nth-child(1){color: #3b85f5;font-size: 24px;}
.technology li:nth-child(even){background-color: #f4f5f7;}

/* service_items_detail.html */
.body-color{background-color: #F4F5F7;}
.header{background-color: #fff;}
.page-public{margin: 30px 0;}
.page-public .container{background-color: #fff;border-radius: 5px;padding: 40px 30px;color: #292929;}
.page-public .public-title{font-size: 30px;}
.page-public .public-title .time{color: #999;margin-top: 15px;font-size: 14px;}
.page-public .public-title .time span:nth-child(2){margin-left: 15px;}
.page-public .item{margin-top: 40px;}
.page-public .item span{display: block;margin:20px 0;font-size: 20px;font-weight: bold;}
.page-public .item .detail{padding: 20px;font-size: 16px;background-color: #F4F5F7;line-height: 30px;}
.page-public .item img{margin-top:40px; max-width:100%}
.page-public .item .item-tex{margin-top: 30px;}
.page-public .item .item-tex span{ font-weight: normal; }
.page-public .item .item-tex:nth-child(2){margin-top: 10px;}
.page-public .item .item-tex p{display: block;}
.page-public .item .item-tex p:nth-child(1){font-size: 18px;}
.page-public .item .item-tex p:nth-child(2){font-size: 16px;line-height: 30px;margin-top: 10px;}
.pages{padding: 30px 0;border-top: 1px solid #ebebeb;margin-top: 40px;}
.pages a{color:#292929;display: block;}
.pages a:nth-child(1){margin-bottom: 20px;}
.pages a:hover,.pages a.active{color:#3b85f5;}
.news-item p{display: block;margin-top: 30px;font-size: 16px;line-height: 30px;}

/* classic_case_list.html */
.page-classic-case{padding: 30px 0;}
.page-classic-case li{margin-bottom: 2%;}
.pagination{font-size: 0;margin: 40px 0;}
.pagination a{font-size: 14px;color: #666;display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;background-color: #fff;border-top: solid 1px #ebebeb;border-bottom: solid 1px #ebebeb;border-left: solid 1px #ebebeb;}
.pagination a img{margin-bottom: 14px;}
.pagination a:last-child{border-right:solid 1px #ebebeb;}
.pagination a:hover:not(:nth-child(1)):not(:last-child){background-color: #3b85f5;color: #fff;}
.pagination .on{background-color: #3b85f5;color: #fff;}
/* search_result.html */
.page-input{position: relative;}
.page-input input{width: 100%;border: solid 1px #ebebeb;padding: 20px;height: 46px;}
.page-input input :-moz-placeholder {color:#999;opacity: 1;font-size: 15px;}
.page-input input ::-moz-placeholder {color: #999;opacity: 1;font-size: 15px;}
.page-input input:-ms-input-placeholder {color: #999;opacity: 1;font-size: 15px;}
.page-input input::-webkit-input-placeholder {color: #999;opacity: 1;font-size: 15px;}
.page-input button{display: inline-block; border: 0;position: absolute;top: 16px;right: 23px;width: 40px;height: 14px;background: url('../images/page-search.png') no-repeat center center;}
.result-list .items{margin-top: 39px;}
.result-list .items em{font-style: normal;}
.result-list .items span{display: block;font-size: 16px;}
.result-list .items span em{color:#3b85f5;}
.result-list .items p{display: block;margin-top: 19px;line-height: 24px;}
.result-list .items p em{color:#ff6600;}

/* contact_us.html */
.address{margin-top: 40px;}
.address ul{margin-left: -2.33%;}
.address li{float: left;width: 31%;margin-left: 2.33%;color:#292929;padding:40px 25px;background-color: #fff;  margin-top: 20px;}
.address li span{display: block;font-size: 18px;font-weight: bold;}
.address li div{display: block;line-height: 30px;font-size: 16px;margin-top: 25px;}
.message{color:#333;padding-right: 200px;margin: 40px 0;}
.message-title{font-size: 25px;display: block;margin-bottom: 30px;}
.message .input-item{width: 45%;}
.message .input-item .items{margin-bottom: 20px;}
.message .input-item span{font-size: 16px;width:11%;margin-top: 10px;}
.message .input-item input{width: 89%; height: 44px;border: 0;padding: 10px;border: solid 1px #ebebeb;}
.message-textarea span{width: 5%;font-size: 16px;}
.message-textarea textarea{width: 95%;border: 0;resize: none;padding: 10px;border: solid 1px #ebebeb;}
.message .btn button{display: inline-block;width: 180px;height: 50px;border: 0;margin:0 10px;font-size: 16px;color: #fffefe;}
.message .btn button:nth-child(1){background-color: #3b85f5;}
.message .btn button:nth-child(2){background-color: #8d8d8d;}

/* industry_application.html */
.page-nav{box-shadow: 0 0px 7px rgba(0, 0, 0, 0.35);background-color: #fff;width: 100%;z-index: 990;}
.page-nav a{color:#333;font-size: 18px;margin: 0 60px;height: 60px;line-height: 60px;}
.page-6 a{margin: 0 45px;}
.page-nav a:hover,.page-nav a.active{color: #126ee1;}
.application{padding: 50px 0;color: #333;}
.application .img{width: 48%;}
.application .tex{width: 48%;}
.application .tex p{display: block;font-size: 16px;line-height: 30px;}
.application .tex span{display: block;font-size: 18px;font-weight: bold;margin-top: 40px;}
.application .tex a{display: inline-block;margin-top: 40px;width: 118px;height: 36px;line-height: 36px;text-align:center;background-color: #126ee1;color:#fff;}
.products{background-color: #f4f5f7;padding: 50px 0;color: #333;}
.products span{display: block;font-size: 30px;margin-bottom: 30px;}
.products li{float: left;width: 33.33%;}
.products li dl dd{margin-bottom: 10px;}
.products li dl dd:nth-child(1){font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.products li dl dd a{font-size: 16px;}
.products li dl dd:hover a{color: #126ee1;}
.products li dl dd a img{margin-bottom: 5px;margin-right: 10px;}

/* service_items.html */
.page-service{color:#333;margin: 50px 0;}
.page-service .item{margin-top: 30px;}
.page-service .item span{display: block;font-size: 30px;}
.page-service .item  p{display: block;font-size: 16px;line-height: 30px;margin-top: 10px;}

/* system_integration.html */
.systeam{color: #333;padding: 50px 0;}
.systeam .systeam-title span{display: block;font-size: 30px;}
.systeam .systeam-title p{display: block;font-size: 16px;margin-top: 10px;}
.systeam .systeam-list ul{margin-left: -2.33%;margin-top: 30px;}
.systeam .systeam-list li{float: left;width: 31%;margin-left: 2.33%;background-color: #f4f5f7;padding: 20px;height: 316px;margin-bottom: 2.33%;}
.systeam .systeam-list li span{display: block;font-size: 24px;}
.systeam .systeam-list li p{display: block;margin-top: 20px;font-size: 16px;line-height: 30px;}
.systeam .systeam-planting .img{position: relative;margin-top: 30px;}
.systeam .systeam-planting .next{right: -70px;left: auto;position: absolute;top: 50%;width: 24px;height: 42px;margin-top: -21px;z-index: 10;cursor: pointer;background-size: 24px 42px;background-position: center;background-repeat: no-repeat;}
.systeam .systeam-planting .prev{left: -70px;right: auto;position: absolute;top: 50%;width: 24px;height: 42px;margin-top: -21px;z-index: 10;cursor: pointer;background-size: 24px 42px;background-position: center;background-repeat: no-repeat;} 
.systeam .systeam-planting .img span{color: #fff;font-size: 18px;}
.systeam .systeam-planting .item{position: relative;overflow: hidden;}
.systeam .systeam-planting .item .mc{transition: all .5s;text-align: center;background: rgba(0, 0, 0, 0.6);position: absolute;left: 0px;top: 185px;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.systeam .systeam-planting .item .mc span{display: block;margin-top: 20px;}
.systeam .systeam-planting .item:hover .mc{top: 0;}
.systeam .systeam-planting .item:hover .mc span{margin-top: 114px;}

/* product_center_detail.html */
.p-phone-banner{display: none;position: relative;}
.p-phone-banner .tex{width:60%;position: absolute;top: 20%;left: 10%;color: #fff;}
.p-phone-banner .tex span{display: block;font-size: 20px;}
.p-phone-banner .tex p{display: block;margin-top: 10px;font-size: 14px;line-height: 23px;}
.product-banner .tex{margin-left: 0;width: 70%;color: #fff;padding-top: 8%;}
.product-banner .tex span{display: block;font-size: 50px;}
.product-banner .tex p{display: block;font-size: 16px;margin-top: 20px;line-height: 30px;}
.product-padding{padding: 80px 0;}
.summary{color: #333;}
.product-tilte{display: block;font-size: 30px;text-align: center;margin-bottom: 40px;}
.summary .tex p{line-height: 30px;font-size: 16px;}
.summary .img{margin-top: 50px;}
.summary ul{margin-left: 2.33%;}

.summary li{float: left;width: 31%;text-align: center;}

.summary li img{transition: all 1s;}
.summary li:hover img{transform: scale(1.1);}
.function{background-color: #fff;text-align: left;}
.function .tex p{display: block;line-height: 30px;font-size: 16px;}
.function .img{margin-top: 50px;margin-left: 30px;}
.applications .texts{width: 50%;padding: 40px;}
.applications .imgs{width: 50%;}
.applications .texts p{color: #333;font-size: 16px;line-height: 26px;}
.applications .swiper-slide{background-color: #fff;}
.applications .tex-con{position: relative;}
.applications .tex-con .next{right: -70px;left: auto;position: absolute;top: 50%;width: 24px;height: 42px;margin-top: -21px;z-index: 10;cursor: pointer;background-size: 24px 42px;background-position: center;background-repeat: no-repeat;}
.applications .tex-con .prev{left: -70px;right: auto;position: absolute;top: 50%;width: 24px;height: 42px;margin-top: -21px;z-index: 10;cursor: pointer;background-size: 24px 42px;background-position: center;background-repeat: no-repeat;}

/* product_center_list.html */
.center-list{margin: 70px 0;}
.center-list .list-search{width: 60%;}
.classification{margin-bottom: 25px;}
.classification li{float: left;width: 20%;text-align: center;position: relative;padding: 10px 0;}
.classification li img{margin-bottom: 6px;margin-left: 5px;}
.classification li.active{color: #3b85f5;}
.classification li a.blue{color: #3b85f5;}   
.classification li a{font-size: 16px;color: #333;}
.classification li .dropdown{border: 1px solid #e6e6e6;display: none;z-index: 100; position: absolute;top:40px;left: 0; width: 160px;background-color: #fff;padding: 10px 0;}
.classification li .dropdown dd{padding: 10px 20px;text-align: left;}
.classification li .dropdown dd a{color: #333;font-size: 15px;}
.classification li .dropdown dd a{color: #333;font-size: 15px;}
.classification li .dropdown dd:hover{background-color: #f5f5f5;}
.classification li .dropdown dd a.blue{color: #3b85f5;}
.classification li .dropdown dd .dd-dropdown{border: 1px solid #e6e6e6; display: none;width: 200px;padding: 10px 0;position: absolute;left: 158px;top: 0;background-color: #fff;}
.classification li .dropdown dd .dd-dropdown .item{padding:10px 20px;text-align: left;}
.classification li .dropdown dd .dd-dropdown .item a{color: #333;}
.classification li .dropdown dd .dd-dropdown .item a.blue{color: #3b85f5;}
.classification li .dropdown dd .dd-dropdown .item:hover{background-color: #f5f5f5;}
.classification li .dropdown dd .dd-dropdown .item:hover a{color: #3b85f5;}
.classification li .dropdown .pc-arrow{position: absolute;top: -8px;right: 31px;}

.center-list .con-list{margin-top: 40px;}
.center-list .con-list ul{margin-left: -2%;}
.center-list .con-list li{position: relative;padding: 30px;float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;background-color: #fff;border: solid 1px #ebebeb;text-align: center;}
.center-list .con-list li a{color: #333;font-size: 16px;}
.center-list .con-list li img{object-fit: contain;height: 137px;}
.center-list .con-list li .mc img{height: auto;}
.center-list .con-list li a p{display: block;margin-top: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.center-list .con-list li .mc{display: none;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.center-list .con-list li .mc span{display: block;color: #fff;margin-top:45%; margin-bottom: 30px;}
.center-list .con-list li:hover .mc{display: block;}

/* 弹窗 */
.popup-mc{display: none;background: #333;filter:alpha(opacity=30);opacity: 0.8;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;overflow: hidden;z-index: 998;}
.popup{display: none;position: relative;background-color: #fff;width: 944px;height: 748px;position: fixed;top: 50%;left: 50%;margin-top: -374px;margin-left: -472px;z-index: 999;}
.popup .close{position: absolute;top: 0px;right: -35px;}
.popup .close:hover{cursor: pointer;}
.popup .popup-title{color: #444;font-size: 24px;text-align: center;padding: 20px 0;border-bottom: 1px solid #efeff1;font-weight: bold;}
.popup .popup-con{padding: 0 20px; color: #333;margin-top: 10px;margin-left: 40px; width: 872px;height:635px;overflow-y:auto;}
.popup .popup-con .item{margin-bottom: 30px;}
.popup .popup-con .item span{display: block;font-size: 18px;font-weight:bold;}
.popup .popup-con .item p{font-size: 16px;text-indent: 30px;line-height: 30px;margin-top: 10px;}
.popup ::-webkit-scrollbar{width: 5px;height: 5px;}  
.popup ::-webkit-scrollbar-track{border-radius: 50px;background-color: #cccccc;}  
.popup ::-webkit-scrollbar-thumb{border-radius: 50px;background-color: #0464b8;}  
.mc-body.active{overflow-x: hidden;overflow-y: hidden;}

@media (min-width:1365px) and (max-width:1441px){
    .popup{width: 500px;height: 450px;margin-top: -225px;margin-left: -250px;}
    .popup .popup-con{width: 450px;height: 350px;margin-left: 25px;}
}




.index-banner-swiper{opacity:0; position:relative; top:20px; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.index-banner-swiper.hover{opacity:1;top:0;}
.index-banner-swiper .swiper-button-prev,.index-banner-swiper .swiper-button-next{width:200px; height:100%; top:0; margin:0; opacity:0; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.index-banner-swiper .swiper-button-prev{background:url(../images/banner-prev.png) no-repeat 60px center;}
.index-banner-swiper .swiper-button-next{background:url(../images/banner-next.png) no-repeat 40px center;}

.index-banner-swiper .swiper-button-prev:hover{background:url(../images/banner-prev.png) no-repeat 40px center; opacity:1}
.index-banner-swiper .swiper-button-next:hover{background:url(../images/banner-next.png) no-repeat 60px center; opacity:1}

.index-banner-swiper .swiper-slide{position:relative; overflow:hidden; width:100%; height:468px;}
.index-banner-swiper img{width:1920px; height:468px; position:absolute; left:50%; margin-left:-960px; top:0}