html,body{-webkit-overflow-scrolling:touch; overflow-scrolling: touch;overflow-x:hidden;}
body{font-family: 'Lato', sans-serif; color:#000; overflow-x:hidden;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 16px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
p, a{margin:0;}
a{color:#000; text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
ul,li{list-style:none; }
.block414{display: none;}
.flexbox{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;justify-content:flex-start;}
.flexbox_between{justify-content: space-between;}
.before{position:relative;}
.before:before{position:absolute; content: "";}
.after{position:relative;}
.after:after{position:absolute; content: "";}

.mt40{margin-top: 40px}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
/*nav*/
.header .top{background: #3156a4; padding: 15px 0;}
.header .top .container{position: relative; padding-left:0;}
.header .top .left{float: left;color: #fff;}
.header .top .left p{float: left; margin-right: 40px;}
.header .top .left p i{display: inline-block; width: 30px; height: 30px; line-height:30px; text-align: center; border-radius: 50%; background: #213769; margin-right: 10px;}
.header .top .left p a{color: #fff;}
.header .top .right{float: right;}
.header .top .right select{background: none; border: none; color: #fff; margin-top: 5px; float: left; margin-right: 170px; cursor: pointer;}
.header .top .right select option{color: #000;}
.header .top .right p{position: absolute; right: 0; top: -15px; height: 60px; line-height: 60px;}
.header .top .right p a{display:block; color: #fff; background: #0384ce; padding: 0 30px; font-size: 16px; font-weight: 600; margin-right:15px;}
.header .navbar-header img{width: 140px; margin-top: 5px;}
.navbar{ margin-bottom: 15px;}
.navbar .container{padding-right:0;}
.navbar-brand{height: auto; padding: 5px 0; margin-top: 10px;}
.header nav ul{margin-top: 15px;}
.header nav ul li{margin-left: 10px;}
.header nav ul li a{font-size: 16px; color: #000; font-weight:600;}
.header .navbar ul li a:hover{ background: #2ea7e0; color: #fff;}
.header .navbar-nav{float: right; margin-top: 20px;}
.header .nav>li>a{padding: 12px 18px; text-transform: uppercase}
.header .navbar .nav > li .dropdown-menu {margin: 0;}
.header .navbar .nav > li:hover .dropdown-menu {display: block;}
.header .navbar ul li .dropdown-menu{padding:10px 0;}
.header .navbar ul li .dropdown-menu li{margin-left: 0; padding: 0 10px;}
.header .navbar ul li .dropdown-menu li a{ color:#000; line-height:1.8; font-size: 15px; font-weight:normal; border-bottom: 1px solid #ddd; padding: 7px 10px;}
.header .navbar ul li .dropdown-menu li a:hover{color:#fff; border-radius:0;}
.header .navbar ul li .dropdown-menu li:last-child a{border: none;}
.header nav ul li.block414{display:none;}
.middle_nav{display:none;}

.h3_title{text-align: center;}
.h3_title h3{font-size: 36px; font-weight: 900; color: #000;}
.h3_title h3 a{color:#000;}
.h3_title p{color: #555; margin-top: 15px}
.index_top_info{width: 1250px; margin: 0 auto; margin-top: 30px}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index_top_solution{margin-top: 50px;}
.index_top_solution ul{width: 1300px; margin: 0 auto;}
.index_top_solution li{width: 12.5%; border-right: 1px solid #ddd; padding: 20px 0;}
.index_top_solution li a{display: block;}
.index_top_solution li:last-child{border-right: 0;}
.index_top_solution li img{width: 55px;}
.index_top_solution li p{margin-top: 10px; font-size:15px; text-align:center;}
.index_top_solution li:hover{background: #eee;}
.index_about{background: #f8f8f8; padding: 50px 0; margin-top: 40px;}
.index_about .container{width: 1240px; padding: 0;}
.index_about .box{background: #fff; padding: 5px 40px 8px 40px; margin-top: 0px;}
.index_about .box h3{font-size: 34px; font-weight:900;}
.index_about .box p.tips{font-size: 18px;color: #333; margin-top: 20px;}
.index_about .box p.info{ color: #555; line-height: 1.7; margin-top: 10px;}
.index_about .left{padding-left: 45px}
.index_about ul{margin-left: 0; padding-left: 0;}
.index_about ul li{text-align: left; margin-top: 15px; font-weight: 600;}
.index_about ul li:first-child{padding-left: 0;}
.index_about ul li i{ margin-right: 10px;}
.index_about img{width: 100%;}
.index_pro{width: 1565px; margin: 0 auto;}
.index_pro .flexbox{margin-top: 10px;}
.index_pro .list{width:23%; text-align: center; background: #f5f8fd; padding: 40px 0; margin-top: 40px;}
.index_pro .list .star{color: #ffc149;}
.index_pro .list h4{font-size: 18px; font-weight: 600; margin-bottom: 0; padding: 0 10px; line-height: 1.5; height: 66px; overflow: hidden;}
.index_pro .list h4 a{display: block;}
.index_pro .list .block_pc{display: block;}
.index_pro .list .block_m{display: none;}
.index_pro .list p.more a{display: inline-block; text-align: center; background: #ff6b2b; font-weight: 600; color: #fff; padding: 5px 15px; border-radius: 105px; transition: .5s;}
.index_pro .list:hover p.more a{padding: 5px 30px;}
.index_pro .list img{width:80%;}
.index_pro .column_more{text-align: center; margin-top: 50px;}
.index_pro .column_more a{display: inline-block; background: #ff6b2b; color: #fff; padding: 3px 10px; text-decoration: underline;}
.index_attachment{text-align: center; background: url("../images/bg1.jpg") no-repeat center center;background-attachment: fixed; padding: 60px 0 80px 0;}
.index_attachment:before{width: 100%; height: 100%; background: rgba(49,86,163,0.9); left: 0; top: 0;}
.index_attachment .top{color: #fff; position: relative; z-index: 999;}
.index_attachment .top h3{font-size: 36px; font-weight: 900;}
.index_attachment .top p{line-height: 1.7; width: 80%; margin: 0 auto; margin-top: 20px;}
.index_attachment .move{color: #fff; margin-top: 70px;}
.index_attachment .move i{font-size: 50px;}
.index_attachment .move p{font-size: 40px; font-weight: 900; margin-top: 20px;}
.index_attachment .move em{font-style: normal; font-size: 18px; font-weight: 600; margin-top: 20px;}
.index_news{background: url("../images/bg2.jpg") no-repeat center center; padding-top: 70px; padding-bottom: 80px;}
.index_news .content{margin-top: 50px;}
.index_news .list{width: 31.5%; margin-top: 20px;}
.index_news .list .bigimg:before{width: 210px; height: 130px; background: #dceaff;top: -15px; left: -15px;content: ""; z-index: -1; transition: .5s;}
.index_news .list:hover .bigimg:before{background: #4e97fd;}
.index_news .list .bigimg{position: relative; z-index: 55;}
.index_news .list .box{background: #fff; padding: 35px 30px 45px 30px; position: relative;}
.index_news .list .box .cart{position: absolute; z-index: 9999; top: -12px; background: #4e97fd; padding: 3px 20px; font-size: 14px; font-weight: 600; border-radius: 10px; color: #fff;}
.index_news .list .box p.date{color: #666;}
.index_news .list .box p.date i{margin-right: 10px;}
.index_news .list .box h4{margin-top: 15px;}
.index_news .list .box h4 a{font-size: 20px; font-weight: 600; color: #333; line-height: 1.5; transition: .5s;}
.index_news .list .box:hover h4 a{color: #4e97fd;}
.index_news .list .box p.description{color: #777; margin-top: 15px;}
.index_news .list .box p.more a{display: inline-block; font-weight: 700; border-bottom: 2px solid #9b9b9b; color: #9b9b9b; padding-bottom: 3px; margin-top: 20px;}
.index_news .list .box p.more:hover a{color: #4e97fd; border-bottom-color: #4e97fd;}
.index_news_m{display: none;}
footer{background: #3156a3; padding: 70px 0 60px 0;}
footer .quick_link{border-bottom: 1px solid #506fb1; padding-bottom: 30px;}
footer .quick_link h4{color: #fff; font-weight: 900; font-size: 18px; margin-bottom: 15px;}
footer .quick_link ul li{line-height: 1.8;}
footer .quick_link ul li a{color: #bac6e0; transition: .5s;}
footer .quick_link ul li:hover a{color: #fff;}
footer .share{color: #fff;}
footer .share i{width: 35px; height: 35px; border-radius: 50%; border: 1px solid #5674b3; text-align: center; line-height: 35px; margin-right: 10px;}
footer .share a{color: #fff;}
.contact_info{color: #becae2; margin-top: 40px;}
.contact_info .content{margin-top: 20px;}
.contact_info .content h4{font-weight: 900; color: #fff;}
.contact_info .content p a{color:#becae2;}
.copyright{background: #264380; color: #7ea1bf; padding: 10px 0; }
.copyright a{color:#7ea1bf;}
#gotop{position: fixed; right: 20px; bottom: 5%;width: 40px; height: 40px; background: #0384ce; line-height: 48px; border-radius: 50%; text-align: center; font-size: 30px; display: block;}
#gotop i{color: #fff;}
.sidebottom{display:none;}
/*sub*/
.top_column{background: #f7f8fa; padding: 30px 0;}
.top_column h3{padding: 0; margin: 0; font-weight: 600; font-size: 24px;}
.top_column p{font-size: 14px; color: #333333;}
.top_column p a{color: #333333;}
.pro_top{margin-top: 60px;}
.pro_top .bigimg{background: #f7f8fa; padding-right: 0;}
.pro_top h1{font-size: 26px; font-weight: 600; color:#333; margin-top:0;}
.pro_top .star{color: #f8ba21; }
.pro_top .star i{margin-right: 5px;}
.pro_top p.tips{color: #555; line-height: 1.6; margin-top: 15px; margin-bottom: 20px;}
.pro_top .info p {color: #555; margin-top: 10px;}
.pro_top .info p span{font-weight: 900; color: #000;}
.pro_top .info p.brand{text-transform:uppercase;}
.pro_top .info p.warranty{text-transform:capitalize ;}
.pro_top .right{padding-left: 40px;}
.pro_top .contact_details{margin-top: 25px;}
.pro_top .contact_details a{display: inline-block; font-weight: 600;}
.pro_top .contact_details a.bg{padding: 8px 20px; border-radius: 10px;}
.pro_top .contact_details a.pdf{background: #4070d2; color: #fff; transition: .5s;}
.pro_top .contact_details a.pdf:hover{background: #274788;}
.pro_top .contact_details a.chat{background: #ff6b35; color: #fff; margin-left: 15px; transition: .5s;}
.pro_top .contact_details a.chat:hover{background: #ff4400;}
.pro_top .contact_details a.tel{font-size: 18px; margin-left: 24px; margin-top: 5px;}
.pro_top .contact_details a.tel i{color: #f69601; margin-right: 10px; font-size: 22px;}
.quick_nav{background: #5175d4; margin-top: 40px;}
.quick_nav ul{ text-align: center; padding: 0; margin: 0 -15px;}
.quick_nav ul li{width: 20%;}
.quick_nav2 ul li{width:33.33%;}
.quick_nav ul li a{color: #fff; font-weight: 600; display: block; padding: 10px 0;}
.quick_nav ul li.active{background: #213463;}
.quick_nav ul li:hover{background: #213463;}
.pro_body{font-size: 16px;color: #555; line-height: 1.8; margin-top: 20px;}
.pro_body2 img{border:1px solid #e5e5e5; width:24.5%; float:left;}
.pro_body2 .img{padding-left: 0; clear: both;}
.pro_body2 .img li{float:left; width: 25%; margin-top: 10px;}
.pro_body2 .img li img{width: 100%; float: none;}
.pro_body2 .img li p{text-align: center; margin-top: 5px; height:56px;}



.pro_advantage{background: #f7f8fa; padding: 30px 0 40px 0; margin-top: 40px;}
.pro_advantage h3, .pro_gallery h3, .pro_parameter h3{text-align: center; font-size: 28px; font-weight: 900; color: #333;}
.pro_advantage ul li{width: 31.5%; text-align: center; background: #fff; box-shadow:0px 3px 20px 0px rgba(0, 0, 0, 0.08); padding: 40px 30px; margin-top: 30px;}
.pro_advantage ul li i{font-size: 50px; color: #3084cd;}
.pro_advantage ul li span{display: block; font-size: 18px; font-weight: 900; color: #1c4468; margin-top: 25px;}
.pro_advantage ul li p{line-height: 1.6; color: #666; margin-top: 10px;}
.pro_gallery{padding-left: 36px; margin-top: 30px;}
.pro_gallery .box{margin-top: 30px;}
.pro_gallery .left{width: 33.3%; float: left; padding-left: 20px; margin-top: 10px;}
.pro_gallery .right{width: 64%; float: right;}
.pro_gallery .right p{float: left; width: 50%; padding: 15px; margin-bottom: 0px;}
.pro_gallery .right p img{width: 100%;}
.pro_gallery .right p:before{width: 92%; height: 90%; left: 10px; top: 10px; background: #cce7ff; content: ""; z-index: -1;}
.pro_parameter{background: #f8f8f8; padding: 30px 0 40px 0;}
.pro_parameter table{width: 100%; text-align: center; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-top: 30px;}
.pro_parameter tr:first-child{background:#5175d4; height:60px; line-height:60px;color: #fff;}
.pro_parameter table td{line-height:46px;}
.pro_parameter tr{ border:1px solid #ddd; background: #fff;}
#ajax-contact2{display: none;}
.common_message{margin-top: 20px;}
#contact-area{padding: 20px 0;}
#contact-area h3{text-align: center; font-size: 28px; font-weight: 600;}
#contact-area p.tips{text-align: center; margin-top: 5px; color: #555;}
.contact-box{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 30px 50px 35px; background-color: #fff; border-radius: 6px; margin-top: 30px;}
.contact-box input{height: 50px; border: 1px solid #f7f7f7;font-size: 15px; background-color: #eee;font-weight: 500}
.contact-box select{height: 50px; border: 1px solid #f7f7f7;font-size: 15px; background-color: #eee;font-weight: 500; color: #999;}
.contact-box textarea{border: 1px solid #f7f7f7; padding-top: 10px; background-color: #eee; font-size: 15px; font-weight: 500}
.contact-box button{background-color: #ff6b35; border: 0; color: #fff; padding: 10px 30px; border-radius: 4px;cursor: pointer;outline: 0;font-weight: 500; font-size: 15px; margin-top: 20px; transition: .5s;}
.contact-box button:hover{background-color: #ff4400;}
.contact-box .click_content{display: none;}
.contact-box .mt{margin-top: 20px;}
.selectpro{padding-right:0;}
.click_content .radio-inline{float: left; margin: 20px 0; margin-right: 20px;}
.click_content .radio-inline input{height: auto;}
.contact-box p{float: left; font-weight: 600; margin: 18px 20px 0px 0px; font-size: 18px; color: #c00;}
.contact-box label{float: left;}
.business{padding-left: 0;}
.business .radio-inline{float: left; margin: 20px 0; margin-right: 20px;}
.business .radio-inline input{height: auto;}
.pdln{padding-left: 0;}

.subbanner{position: relative;}
.subbanner .position{position: absolute; top: 36%; left: 0; right: 0; margin: 0 auto; color: #fff;}
.subbanner .position h3{text-align: center; font-size: 56px; font-weight: 900;}
.subbanner .position p{text-align: center;}
.subbanner .position p a{color: #fff;}
.single_nav{margin-top: 50px;}
.single_nav ul{justify-content: center; padding-left: 0;}
.single_nav ul li{margin: 0 1px; width: 24.8%; text-align: center;}
.single_nav ul li a{display: block; background: #dcdddd; padding: 10px 20px; font-size: 15px; font-weight: 600; }
.single_nav ul li.active a{color: #fff;background: #2ea7e0;}
.single_nav ul li:hover a{background: #2ea7e0; color: #fff;}
.about_top{margin-top: 60px;}
.about_top h3{margin-top: 0;}
.about_top p{line-height: 1.8; color: #555; font-size: 15px;}
.about_top img{border-radius: 10px;}
.about_top .left img{margin-top:26px;}
.about_top .strength{margin-top: 50px;}
.about_top  .column{padding: 0; margin-top: 10px;}
.about_top  .column li{padding:0 10px; margin-top: 20px;}
.about_honor{background: #f5f5f5; padding: 40px 0; margin-top: 50px;}
.about_title h3{text-align: center; margin-top: 0;}
.about_title h3:before{width: 6px; height: 25px; background: #2ea7e0;display: inline-block; position: relative; left: -30px; top: 3px;}
.about_title h3:after{width: 6px; height: 25px; background: #2ea7e0;display: inline-block; position: relative; right: -30px; top: 3px;}
.about_title p{text-align: center; color: #555; line-height: 1.7; font-size: 15px; width: 90%; margin: 0 auto; margin-top: 20px;}
.about_honor ul{padding: 0; margin-top: 20px;}
.about_honor ul li{width: 15.5%; border: 1px solid #aaa; margin-top: 10px;}
.about_market{margin-top: 50px;}
.about_market .bimg{margin-top: 30px;}
.about_pro{margin-top: 50px;}
.about_pro .chat{justify-content: center; margin-top: 20px; color: #ff6b35;}
.about_pro .chat a{display: block; text-align: center;padding: 5px 10px; margin: 0 10px; line-height: 12px; color: #ff6b35; font-weight: bold;}
.about_pro ul{margin-top: 30px;}
.about_pro li img{background: #f5f5f5; border-radius: 50%; padding: 35px;}
.about_pro li{width: 10.5%; text-align: center; margin-top: 10px;}
.about_pro li p{margin-top: 10px;}
.about_pro li:hover img{background: #eee;}
.development_content{margin-top: 30px;}
.development_content .list{background: #f5f5f5; padding: 20px 30px; margin-top: 10px;}
.development_content .list h4{display: inline-block; background: #2ea7e0; color: #fff; padding: 10px 20px; font-weight: 600; position: relative; border-top-right-radius: 10px;}
.development_content .list h4:before{position: absolute; content: "";width: 6px; height: 20px; background: #333; left: -3px; top: 10px;}
.development_content .list p{color: #555; line-height: 1.9;}
.honor_content  ul li{width: 23%; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08); margin-top: 30px;}
.honor_content  ul li img{padding:10px;}
.honor_content  ul li p{text-align: center; font-size: 18px; margin: 15px 0;}
.cooperation_content ul li{width: 32%;}
.cooperation_content ul li img{padding: 0;}
.cooperation_content ul li p{font-size: 16px;}
.honor_content h3{text-align: center; font-weight: 600; font-size: 36px; margin-top: 30px;}
.honor_content p.tips{text-align: center; width: 80%;margin: 0 auto; line-height: 1.8; color: #555; margin-top: 10px;}
.fuwu_section1{margin-top: 40px;}
.fuwu_section1 .list{width: 100%; padding: 0 100px; margin-top: 30px;}
.easyPieChart {position: relative;text-align: center; margin: 0 auto;}
.easyPieChart canvas {position: absolute;top: 0;left: 0;}
.chart{float:left; width: 25%; text-align: center;}
.chart span{font-size: 34px; font-weight: 600;}
.chart p{font-size: 16px; color: #666; margin-top: 5px;}
.chart canvas{width: 150px; height: 150px;}
.chart .percentage{width: 150px!important; height: 150px!important; line-height: 150px!important}
.server_step{background: #f6fbff; margin-top: 50px; padding: 30px 0 40px 0;}
.server_step .list{margin-top: 50px;}
.server_step h3.title{text-align: center; font-size: 30px; font-weight: 600; color: #333;}
.server_step p.tips{text-align: center; color: #555; margin-top: 15px;}
.server_step .left{border-right: 1px solid #ddd; margin-top: 10px; padding-right: 0px; text-align: center;}
.server_step i{font-size: 36px; color: #2ea7e0; height: 85px; line-height: 85px; text-align: center;}
.server_step .right{padding-right: 0; padding-left: 20px;}
.server_step .right h4{font-size: 20px; font-weight: 600; color: #0f4469;}
.server_step .right p{color: #5f666d;}
.service_global{text-align: center; margin-top: 30px;}
.service_global h3{font-size: 32px; font-weight: 600;}
.service_global p{line-height: 1.7; color: #333; margin-top: 15px;}
.service_global a{display: inline-block; background: #ff6a34; color: #fff; padding: 10px 30px; font-size: 18px; font-weight: 600; margin-top: 30px; border-radius: 5px;}
.service_global a:hover{background: #ff4400;}
.contact_content{margin-top: 50px;}
.contact_content h3{font-size: 30px; position: relative;}
.contact_content .top h3 a{font-size: 16px; margin-left: 20px; color: #555;}
.contact_content h3:after{width: 120px; height: 2px; background: #2ea7e0; content: ""; position: absolute; left: 0; bottom: -15px;}
.contact_content .top .left p{margin-top: 35px; line-height: 1.8; color: #555;}
.contact_content .top .right{margin-top: 15px;}
.contact_content .top .right video{width: 100%; cursor:pointer;}
.contact_content .information{margin-top: 30px;}
.contact_content .information .left p.tips{line-height: 1.8; color: #555; margin-top: 25px;}
.contact_content .information .left h4{margin: 15px 0;}
.contact_content .information .left h4 i{margin-right: 10px; font-size: 26px; color: #2ea7e0;}
.contact_content .information .left p.address{line-height: 1.8; color: #555;}
.contact_content .information ul{padding-left: 0;}
.contact_content .information ul li{width: 47%; margin-right: 3%; float: left; border: 2px solid #2ea7e0; border-radius: 10px; text-align: center; padding: 25px 0; margin-top: 18px; transition: .5s;}
.contact_content .information ul li h4{color: #555;}
.contact_content .information ul li h4 i{color: #2ea7e0; font-size: 24px; margin-right: 10px;}
.contact_content .information ul li:hover{background: #2ea7e0;}
.contact_content .information ul li:hover h4, .contact_content .information ul li:hover h4 i, .contact_content .information ul li:hover a{color: #fff;}
.contant_share{width: 100%; padding: 70px 0; background: url("../images/bg_contacts_sns.jpg") no-repeat; margin-top: 50px;}
.contant_share h3{position: relative; color: #fff;font-size: 30px; }
.contant_share h3:after{width: 120px; height: 2px; background: #2ea7e0; content: ""; position: absolute; left: 0; bottom: -15px;}
.contant_share ul{padding: 0; margin-top: 70px;}
.contant_share ul li{width: 18%; border: 1px solid #fff; border-radius: 10px; padding: 40px 0; text-align: center; background: rgba(255,255,255,0.2); transition: .5s;}
.contant_share ul li i{display: block; color: #fff; font-size: 40px;}
.contant_share ul li a{color: #eee; margin-top: 20px; display: block;}
.contant_share ul li:hover{background: #2ea7e0;}
.pro_list{margin-top: 30px; margin-bottom: 50px;}
.pro_list ul{margin-left: 0; padding-left: 0;}
.pro_list ul li{text-align: center; box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.05); width: 31%; margin-top: 40px; border: 1px solid #f5f5f5;}
.pro_list ul li a{display: block;}
.pro_list ul li .bigimg{padding: 30px 0; background:#f8f8f8;}
.pro_list ul li .box{background: #e6ecf7; padding: 20px 5px 30px 5px; transition: .5s;}
.pro_list ul li .star{color: #ffc600;}
.pro_list ul li h3{padding: 0; font-size: 17px; font-weight: 600; margin-top: 13px; color: #333;}
.pro_list ul li span{display:inline-block; background: #d3ecff; color: #333; font-size: 14px; font-weight: 600; padding: 5px 15px; margin-top: 10px; border-radius: 5px;}
.pro_list ul li:hover .box{background: #b7c4da;}
.pro_list ul li:hover span{background: #2ea7e0; color: #fff;}
.pro_list ul li:hover h3{}
.pro_list ul li:last-child{}
.index_prolist_content .list{margin-top:20px; padding:20px 0 30px 0;}
.index_prolist_content h3{text-align:center; font-size:30px;}
.index_prolist_content h3 a{float:right; color:#555; font-size:14px; margin-top:10px;}
.index_prolist_content p.tips{text-align:center; line-height:1.7; margin-top:20px; color:#333;}
.index_prolist_content ul{margin-top:20px;}
.index_prolist_content li{background:#f5f5f5; width:31%; padding-bottom:30px; margin-top:10px;}
.index_prolist_content li img{width:80%; transition:.5s;}
.index_prolist_content li p{text-align:center;}
.index_prolist_content .list2{background:#f5f5f5;}
.index_prolist_content .list2 li{background:#fff;}
.index_prolist_content li:hover img{transform:scale(1.2);}
.index_prolist_content .more ul li:last-child a{display:block; width:100%; height:100%; background:url("../images/pro_more.png") no-repeat center center;}






.develop_content{margin-top: 50px;}
.develop_content .list{padding: 0; width: 50%;}
.develop_content .btitle{width: 50%; margin-left: 50%; margin-bottom: -10px;}
.develop_content .btitle h3{font-size: 36px; font-weight: 900; color: #fff; background: #3156a3; display: inline-block; padding: 15px 40px;}
.develop_content .content{align-items: center;}
.develop_content .content .box{padding: 0 60px;}
.develop_content .content .box h3{text-align: center; font-weight: 900; font-size: 30px; margin-bottom: 20px; color: #333; margin-top:0;}
.develop_content .content .box p{line-height: 1.8; color: #555;}
.develop_content .content .list{overflow: hidden;}
.develop_content .content .list img{width: 100%;transition: all .5s;}
.develop_content .content .list img:hover{zoom: 1;transform: scale(1.2);}
.service_top{margin-top: 50px;}
.service_top ul{margin-top: 20px;}
.service_top ul li p{background: #2ea7e0;padding: 8px 15px; font-size: 14px;}
.service_top ul li p a{color: #fff; display: block;}
.service_lifecycle{margin-top:50px;background: #f5f5f5; padding: 40px 0;}
.service_lifecycle .row{margin-top: 40px;}
.service_lifecycle p{line-height: 1.7; font-size: 14px; color: #555;}
.service_business{margin-top: 50px;}
.service_business img{margin-top: 20px; border-radius: 5px;}
.service_business ul li{padding: 0 10px;}
.service_aftersale{background: #F5F5F5; padding: 40px 0; margin-top: 50px;}
.service_aftersale .row{margin-top: 20px;}
.service_aftersale h4{font-size: 16px; font-weight: 600;}
.service_aftersale p{line-height: 1.7; font-size: 15px; color: #555;}
.service_aftersale img{margin-top: 25px;}
.service_aftersale .left{margin-top:20px;}
.service_part{margin-top: 50px;}
.service_part ul{padding: 0;}
.service_part ul li{padding: 0 10px; margin-top: 20px;}
.service_part p.tips{text-align: center; margin-top: 20px; color: #555;}
.solution_list{margin-top: 30px; margin-bottom:30px;}
.solution_list .left, .solution_list .right{width: 49.9%;}
.solution_list li{align-items: center; background: #dce4f1; width: 49%; margin-top: 25px;}
.solution_list li a{display: block;}
.solution_list li .box{padding: 20px 25px;}
.solution_list li .box h3{font-size: 20px; line-height: 1.4; margin-top: 0; color: #000; font-weight: 600;}
.solution_list li .box p{font-size: 14px; color: #555; line-height: 1.7;}
.solution_list li .box span{display: inline-block; background: #2ea7e0; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 600; margin-top: 15px; border-radius: 5px; margin-right:10px;}
.solution_list li .box span:hover{background: #ff6b2b;}
.solution_list li .box .linkswt{float:right;}
.solution_list li .box .linkswt a{color:#fff;}
.solution_list_edit li .box p{max-height:81px; overflow:hidden;}

.list_pro_edit li .left{border-right:2px solid #eee;}
.solution_content .top{margin-top: 50px;}
.solution_content .top h1{text-align: center; font-weight: 600;}
.solution_content .top p{line-height: 1.7; color: #555; margin-top: 20px; text-align: center;}
.solution_content .row{margin-top: 30px;}
.solution_content .list{padding: 0;}
.solution_content .list .box{padding: 25px; background: #f5f5f5; height: 226px; overflow: hidden;}
.solution_content .list2 .box{background: #f5f5f5}
.solution_content .list .box h3{margin-top: 0; font-size: 20px; font-weight: 600;}
.solution_content .list .box p{font-size: 15px; line-height: 1.6; color: #555;}
.solution_content .block414{display: none;}
.solution_m_hot h3{display: none;}

.solution_list2 li{width: 100%;}
.solution_list2 li .left{width: 30%;}
.solution_list2 li .right{width: 68%;}
.solution_list2 li .box p{font-size: 16px;}
.solution_list2 li .box span{ padding: 8px 20px; font-size: 14px; margin-top: 20px;}
.recommend_hot{margin-top: 30px;}
.recommend_hot .list{border-bottom: 1px solid #eee; padding-bottom: 30px; margin-top: 30px;}
.recommend_hot .list .row{margin-top: 30px;}
.recommend_hot .list .right{line-height: 1.7; color: #333; background: #f6fbff; padding: 20px 30px;}

.solution_recommend{margin-top: 40px;}
.solution_recommend h3{text-align: center; font-size: 30px; font-weight: 600; color: #333;}
.solution_recommend ul{margin-top: 20px; padding-left:0;}
.solution_recommend ul li{text-align: center; margin-top: 10px; padding:0 5px;}
.solution_recommend ul li span{display: block; background: #f5f5f5; padding: 10px 5px; margin-top: 10px; font-size:15px;}
.solution_recommend_nonrmt ul li span{margin-top:0;}
.news_banner{text-align: left; background: #f5f5f5; padding: 20px 0;}
.news_container{background: #f3f5f9; border-top: 1px solid #fff; padding-top: 40px; padding-bottom: 50px;}
.news_container .l{background: #fff; width: 72%; padding: 40px 40px;}
.news_container .r{background: #fff; width: 26%;}
.news_container h1{margin-top: 0; font-weight: 600; line-height: 1.4; font-size: 30px;}
.news_container .info{ font-weight: bold; color: #999; margin-bottom: 20px;}
.news_container .content{color: #555; line-height: 1.7;}
.news_container .content p{margin: 10px 0;}
.news_container .content img{margin:20px 0;}
.news_container .r .box div{display: block; background: #fff; padding: 30px; margin-bottom: 15px; transition: .5s;}
.news_container .r .box div a{transition: .5s;}
.news_container .r .box div p{font-size: 18px; font-weight: bold;}
.news_container .r .box div h4{font-weight: normal; font-size: 15px; line-height: 1.7; margin-top: 10px; color: #666; transition: .5s;}
.news_container .r .box div:hover{background: #c91524; color: #fff;}
.news_container .r .box div:hover h4{color: #fff;}
.news_container .r .box div:hover a{ color: #fff;}
.news_container .r ul{background: #fff; padding: 30px;}
.news_container .r ul li:first-child a{font-size: 18px; font-weight: bold; color: #181523;}
.news_container .r ul li{margin-top: 15px; border-bottom:1px solid #eee; padding-bottom:15px; padding-left: 0; padding-right: 0;}
.news_container .r ul li a{display: block; font-size: 15px; line-height: 1.6; color: #666;}
.news_container .r ul li:hover a{color: #c91524;}
.news_container .r ul li:last-child{border-bottom:none;}


.indexlist_news{margin-bottom: 50px;}
.indexlist_news .htitle h2{font-size: 34px; text-align: center; font-weight: 600;}
.indexlist_news .htitle h2 span{float: right; font-size: 14px; color: #555; font-weight: 400; margin-top: 10px;}
.indexlist_news .htitle p{text-align: center; margin-top: 15px; color: #555;}
.indexlist_news .cont{margin-top: 40px;}
.indexlist_news .qyxw{margin-top: 50px;}
.indexlist_news .qyxw ul{width:38.1%; float:left; margin:0 0 40px; padding-left: 0;}
.indexlist_news .qyxw ul li{width:100%; background: #eee;}
.indexlist_news .qyxw ul li .pic{ width: 100%;  display: block;  overflow: hidden;}
.indexlist_news .qyxw ul li .pic img{ width:100%; transition: all 0.6s ease;}
.indexlist_news .qyxw ul li:hover .pic img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  -webkit-transform: scale(1.1, 1.1);  -o-transform: scale(1.1, 1.1);    -moz-transition: all .6s ease;  -ms-transition: all .6s ease;  -o-transition: all .6s ease;  -webkit-transition: all .6s ease;  transition: all .6s ease;}
.indexlist_news .qyxw ul li .box { padding: 20px 30px 35px;}
.indexlist_news .qyxw ul li .box h3 {font-weight: normal;overflow:hidden;margin-top: 0px;}
.indexlist_news .qyxw ul li .box h3 a{ font-size: 20px; font-weight: bold;line-height:1.7;  color: #333; display: block;}
.indexlist_news .qyxw ul li:hover .box h3 a{ color: #2ea7e0;}
.indexlist_news .qyxw ul li .box .tit{font-size: 15px; line-height:1.7; overflow:hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:3; color: #333;margin-top: 10px; margin-bottom: 25px; color: #555;}
.indexlist_news .qyxw ul li .box .left{ float: left;}
.indexlist_news .qyxw ul li .box .left p {display: inline-block; font-size: 16px; color: #808080;  line-height: 50px;}
.indexlist_news .qyxw ul li .box .right { float: right; margin-top: 5px;}
.indexlist_news .qyxw ul li .box .right a {  font-size: 14px; padding: 5px 10px; color: #333; border-radius:10px;  display: block; margin-top: 5px;background: #2ea7e0; color: #fff;}
.indexlist_news dl{width:58%; float:right;}
.indexlist_news dl dd { position: relative;  overflow: hidden; background: #eee;  border-radius: 10px; padding: 23px 20px 12px 10px;  margin:0px 0 20px;  width: 100%;}
.indexlist_news dl dd span{display: block; float: left;  width: 95px;  text-align: center;  border-right: 1px dashed #ddd;  color: #999; font-size: 16px;  margin-right: 20px}
.indexlist_news dl dd span strong{display: block; font-size: 34px; font-weight: normal;  line-height:1; margin-top: 10px; color: #333;}
.indexlist_news dl dd a {display: block; font-size: 16px; color: #181523; margin: 0 0 10px}
.indexlist_news dl dd a.pointer { position: absolute; width: 100%;  height: 100%;  left:0;  top: 0}
.indexlist_news dl dd p {padding-top:3px; color: #777; line-height: 1.6;}
.indexlist_news dl dd h3{margin-top: 0;}
.indexlist_news dl dd h3 a{overflow:hidden; color:#333;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; font-size: 20px;}
.indexlist_news dl dd p a{font-size: 15px; color: #555;overflow:hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.indexlist_news dl dd:hover h3 a {  color: #2ea7e0}
.indexlist_news .spxw{width: 100%;}
.indexlist_news .spxw ul{margin-left: -15px; margin-right: -15px; padding: 0;}
.indexlist_news .spxw ul li{width: 33.33%; float: left; padding: 0 15px; margin-top: 30px;}
.indexlist_news .spxw ul li .bigimg img{width: 100%;}
.indexlist_news .spxw ul li p{background: #2ea7e0; color: #fff;padding: 8px 5px; font-size: 15px;text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.list_news_list ul{position:relative;}
.list_news_list ul li{height:230px; margin-top: 20px; padding: 0;}
.list_news_list ul ._l{width:7%; float:left; position:relative; height:100%;}
.list_news_list ul ._l:after{content:''; position:absolute; top:0; right:0; width:0; height:100%; background:#2ea7e0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.list_news_list ul ._r{width:93%; float:left; height:100%; position:relative; overflow:hidden;}
.list_news_list ul ._r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.list_news_list ul ._l .time{width:65%; float:left; line-height:1; text-align:center; position:absolute; height:64px; top:40%; margin-top:-32px; color:#2ea7e0; z-index:1; font-size:14px}
.list_news_list ul ._l .time .d{font-size:55px; margin-bottom:3px; font-family:Arial;}
.list_news_list ul ._l .time .t{font-size:16px;}
.list_news_list ul ._r .box{padding:21px 40px;background:#fafafa;}
.list_news_list ul ._r .intro_box .tit{font-size:20px; font-weight:bold; color:#212122; line-height:24px; margin-bottom:20px;}
.list_news_list ul ._r .tit a{color: #181523; transition: .5s;}
.list_news_list ul ._r .intro_box .con{font-size:15px; color:#555;line-height:1.6; overflow:hidden; margin-bottom:20px;}
.list_news_list ul ._r .img_box{float:right; width:21%; margin-left:20px;padding-bottom:71.5%;}
.list_news_list ul .common_btn span a{display: inline-block; background: #2ea7e0; color: #fff; padding: 5px 10px;}
.list_news_list ul li:hover{background:#fafafa;}
.list_news_list ul li:hover ._l .time{color:#fff;}
.list_news_list ul li:hover ._l .time:after{display:none;}
.list_news_list ul li:hover .tit{color:#2ea7e0;}
.list_news_list ul li:hover .tit a{color: #2ea7e0;}
.list_news_list ul li:hover ._l:after{width:520px}
.list_news_list ul li:hover ._r:after{width:330px;right:-330px;}
.list_news_list ul li:last-child{margin-bottom:0;}
.m_listnews .list{padding: 0; margin-top: 20px;}
.m_listnews .list img{width: 100%;}
.m_listnews .list li{margin-top: 20px;}
.m_listnews .list h3{font-size: 18px; font-weight: 600; color: #333; margin-top: 10px; line-height: 1.5;}
.m_listnews .list p{color: #555; font-size: 14px;}
.m_listnews .list p i{margin-right: 10px;}
.pro_top .last{padding-right:30px;}


.list_news{background: none;}
.list_news .content{margin-top: 0;}
.pagtlist ul li{float:left;}
.pagtlist ul li a.page-num-current{background:#2ea7e0; color:#fff;}
/*.pagtlist ul li.thisclass{background:#2ea7e0; color:#fff; padding:5px 12px; text-align:center;}*/
.pagtlist ul a.page-num-current{background:#2ea7e0; color:#fff; padding:6px 12px; text-align:center;}
.cooperation_page .pagination{width:104px; margin:0 auto; display:block; margin-top:30px;}
.fpage .pagtlist{text-align:center;justify-content:center;}
.fpage .pagination{display:block; justify-content:center;}
.cooperation_page ul li.thisclass{padding:0;}
.pagtlist ul li.thisclass a{background:#2ea7e0; color:#fff;}
.pagtlist ul li.thisclass{background:#2ea7e0; color:#fff; text-align:center;}

.index_solution_m{display: none;}
.solution_list h2.b_title{display: none;}
.solution_m_hot .block414{display: none;}
/*add*/
.pro_solution{width: 1170px; margin: 0 auto; padding: 70px 0 30px 0;}
.pro_solution li{width: 16.6%; border-right: 1px solid #ddd; padding: 20px 0;}
.pro_solution li a{display: block;}
.pro_solution li:last-child{border-right: 0;}
.pro_solution li img{width: 55px;}
.pro_solution li span{margin-top: 10px; display: block; font-size:15px; text-align:center;}
.pro_solution li:hover{background: #eee;}
/*notice*/
.notice{line-height:1.8; padding:30px 0;}
.notice p{margin-top:10px;}


@media (max-width: 1440px){
	.index_pro{width: 100%; padding: 0 10px;}
}
@media (max-width: 768px){
	.none768{display: none;}
	.recommend_hot h4{ display: none;}
}
@media (max-width: 1024px){
	.header nav ul li{margin: 0;}
	.header nav ul li a{font-size: 14px;}
	.index_about .container{width:100%; padding: 0 10px;}
	.index_about .box{margin-top: 0;}
}
@media (max-width: 414px){
	.none414{display: none!important;}
	.mt65{margin-top: 30px;}
	.mt60{margin-top: 30px;}
	.block414{display: block;}
	.container{padding: 0 10px;}
	.header .navbar ul li .dropdown-menu{display:none;}
    .header .navbar .nav > li:hover .dropdown-menu {display: none;}
	.navbar-toggle .icon-bar{color: #000; background: #000;}
	.header .navbar-nav{float: none; background: #555; padding: 13px 0;}
	.navbar{margin-bottom:5px;}
	.navbar-brand{margin-left: 15px; margin-top: 5px;}
	.navbar-toggle{margin-right: 10px; margin-top: 10px;}
	.header nav ul li a{color: #fff; text-align:center; font-size: 14px; font-weight: 400;}
	.header nav ul li.block414{display:block;}
	.header .top .left p{margin-right: 15px; font-size: 13px;}
	.header .navbar-header img{width: 85px}
	.middle_nav{display:block; position: absolute;top: 17px; left: 110px;}
	.middle_nav p{float:left; margin-left: 10px;}
	
	.index_about{padding: 30px 0;}
	.index_about .left{padding-left: 15px;}
	.index_about .box{padding: 20px 0; padding-top: 2px;}
	.index_about .box h3{font-size: 22px; text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.index_about .box h3:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
	.index_about .box p.tips{font-size: 15px; margin-top: 15px; line-height: 1.7;}
	.index_about .box p.info{display: none;}
	.index_about ul{display: none;}
	.h3_title h3{font-size: 26px; font-weight: 600;}
	.h3_title p{margin-top: 10px; font-size: 14px;}
	.index_pro h3{font-size: 22px; text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.index_pro h3:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
	.index_pro .h3_title{margin-top: 40px;}
	.index_pro .h3_title p{text-align: left; margin-top: 20px; font-size: 15px;}
	.index_pro .list{width: 49%; padding: 15px 0; margin-top: 10px;}
	.index_pro .list h4{font-size: 14px; height: 48px;}
	.index_pro .list .block_pc{display: none;}
	.index_pro .list .block_m{display: block;}
	.index_pro .list p.more a{font-size: 12px; font-weight: 600;}
	.index_pro .list img{width:90%;}
	.index_pro .column_more a{font-size: 12px;}
	.index_pro .column_more{margin-top: 30px;}
	.index_solution_m{display: block; padding: 0 10px; margin-top: 30px;}
	.index_solution_m h3{font-size: 22px; font-weight: bold;text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.index_solution_m h3:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
	.index_solution_m ul{margin: 0 -5px; padding: 0;}
	.index_solution_m ul li{padding: 0 5px; text-align: center; margin-top: 20px;}
	.index_solution_m ul li p{font-size: 14px; margin-top: 6px;}
	
	
	
	.index_attachment{padding: 20px 0 40px 0;}
	.index_attachment .top h3{font-size: 26px;}
	.index_attachment .top p{width: 100%; font-size: 13px;}
	.index_attachment .move div{margin-top: 30px;}
	.index_attachment .move{margin-top: 10px;}
	.index_attachment .move i{font-size: 34px;}
	.index_attachment .move p{font-size: 24px; margin-top: 10px;}
	.index_attachment .move em{font-size: 15px;}
	.index_news{background: #f8f8f8; padding: 20px 0;}
	.index_news .list{width: 100%;}
	.index_news .content{margin-top: 30px;}
	.index_news .list{margin-top: 10px;}
	.index_news .list .box h4 a{font-size: 18px;}
	.index_news_m{display: block; margin-top: 20px; margin-bottom: 30px;}
	.index_news_m h3{font-size: 22px; font-weight: bold;text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.index_news_m h3:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
	.index_news_m h3 a{color: #000;}
	.index_news_m ul{margin: 0 -8px; padding: 0; display: flex;flex-wrap:wrap;}
	.index_news_m ul li{padding: 0 8px; margin-top: 10px; width: 50%;}
	.index_news_m ul li p.tt{font-size: 15px; font-weight: bold; margin-top: 10px;}
	.index_news_m ul li p.date{font-size: 13px;margin-top: 5px; color: #555;}
	footer{padding: 20px 0;}
	.contact_info{margin-top: 20px;}
	.contact_info .content img{width: 100px;margin-bottom: 10px;}
	.contact_info .content p{font-size: 15px;}
	.footer_logo img{width: 100px;}
	.copyright{font-size: 14px;}
	#gotop{right: 10px; bottom: 3%;width: 30px; height: 30px; line-height: 36px; font-size: 20px;}
	.sidebottom{display:block; position: fixed; z-index: 9999; width: 100%; bottom: 0; background: #fff; padding: 10px 0;}
	.sidebottom .list{padding:0 5px;}
	.sidebottom .list a{display: block; padding:8px 0; text-align: center; color: #fff;}
	.sidebottom .list i{margin-right: 5px;}
	.sidebottom .list1 a{background: #3BA72F;}
	.sidebottom .list2 a{background: #ffc107;}
	
	
	
	
	.contact-box{padding: 30px}
	.contact-box input{margin-top: 15px;}
	.contact-box button{width: 100%;}
	.top_column{padding: 10px 0; background: #f3f3f3;}
	.top_column h3{display: none;}
	.top_column p{text-align: center; float:left!important;}
	.pro_top{margin-top: 0px;}
	.pro_top .right{padding-left: 15px;}
	.pro_top h1{font-size: 22px; line-height: 1.4;}
	.pro_top .contact_details a.pdf{display: none;}
	.pro_top .contact_details a.chat{margin-left: 0;}
	.quick_nav{padding: 10px 0;}
	.quick_nav ul{display: none;}
	.quick_nav h3{text-align: center; color: #fff; font-weight: 600; font-size: 22px; padding: 0; margin: 0;}
	.pro_advantage{margin-top:10px; padding: 0 0 40px 0; background: none; margin-bottom: 0; padding-bottom: 0;}
	.pro_advantage h3{border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.pro_advantage h3, .pro_gallery h3, .pro_parameter h3{font-size: 26px;}
	.pro_advantage ul{margin: 0; padding: 0;}
	.pro_advantage ul li{width: 100%; background: none; margin-top: 15px; box-shadow: none; padding: 0;}
	.pro_advantage ul li span{margin-top: 10px;}
	.pro_advantage ul li i{float: left; width: 15%; font-size: 40px;}
	.pro_advantage ul li p{float: right; font-size: 14px; width: 82%; text-align: left; margin-top: 0px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
	.pro_advantage ul li:last-child p{border: none;}
	.pro_gallery{margin-top: 10px;}
	.pro_gallery .box{margin-top: 20px;}
	.pro_gallery .left{padding-left: 0; width: 32.5%; margin-top: 3px;}
	.pro_gallery .right{ margin-top: 0px; width: 66.5%;}
	.pro_gallery .right p:before{display: none;}
	.pro_gallery .right p{padding: 2px;}
	.pro_parameter{margin-top: 30px; padding: 10px 0;}
	.pro_parameter tr:first-child{height: auto; line-height: 1.5;}
	.pro_parameter table td{line-height: 1.6; font-size: 12px; padding: 0 5px;}
	#ajax-contact{display: none;}
	#ajax-contact2{display: block;}
	#contact-area h3{font-size: 24px;}
	.common_message{margin-top: 0;}
	#contact-area p.tips{font-size: 14px;}
	.contact-box{padding: 10px 15px 20px 15px;}
	.contact-box .mt{margin-top: 0;}
	.click_content .radio-inline input{margin-top: 5px;}
	.business .radio-inline input{margin-top: 5px;}
	.business{display: none;}
	.contact-box .click_content{display: none;}
	
	
	.subbanner .position{top: 10%;}
	.subbanner .position h3{font-size: 30px;}
	.single_nav ul{justify-content: space-between; margin-left: 0; padding-left: 0;}
	.single_nav ul li{width: 49.8%; margin: 0; text-align: center; margin-top: 2px;}
	.single_nav{margin-top: 15px;}
	.about_top{margin-top: 20px;}
	.about_top h3{text-align: center;}
	.about_top img.bimg{margin-bottom: 20px;}
	.about_top .strength{margin-top: 30px;}
	.about_top .column{padding: 0 10px;}
	.about_top .column li{padding: 0 5px; margin-top: 10px;}
	.about_honor{margin-top: 20px; padding: 20px 0;}
	.about_title h3{font-size: 20px;}
	.about_title p{width: 100%;}
	.about_honor ul li{width: 32%;}
	.about_pro li{width: 26%;}
	.about_pro li img{padding:22px;}
	.about_pro li p{font-size:12px;}
	.about_pro ul{padding-left: 0;}
	.fuwu_section1 .list{padding: 0;}
	.fuwu_section1{margin-top: 0px;}
	.chart{width: 50%; height: 220px;}
	.server_step{padding: 10px 0 20px 0;}
	.server_step h3.title, .service_global h3{font-size: 22px;}
	.server_step i{font-size: 40px;}
	.server_step .left{margin-top: 0; border: none; padding-left: 0;}
	.server_step .list{margin-top: 10px;}
	.server_step .right h4{text-align: center;}
	.server_step .right p{text-align: center;}
	.service_global a{width: 100%;}
	.contact_content{margin-top: 10px;}
	.index_top_info{margin-top: 0;}
	.index_top_info ul{padding: 15px 10px;}
	.swiper-father{padding: 0;}
	.index_top_info ul li{margin-right: 10px!important;}
	.index_top_info ul li a{padding: 10px 10px;}
	.index_top_info ul li img{width: 50px;}
	.index_about{margin-top: 17px; padding: 0; background: none;}
	.develop_content{margin-top: 20px;}
	.develop_content .content{margin-bottom: 20px;}
	.develop_content .list{padding: 0; width: 100%;}
	.develop_content .content .box{padding: 0 10px;}
	.develop_content .content .box h3{font-size: 26px;}
	.contact_content h3, .contant_share h3{font-size: 26px;}
	.contant_share{padding: 20px 0; background-size: cover;}
	.contant_share ul{margin-top: 20px;}
	.contant_share ul li{padding: 20px 0; width: 48%; margin-top: 20px;}
	.contant_share ul li:last-child{width: 100%;}
	.service_top{margin-top: 30px;}
	.service_top ul{padding: 0;}
	.service_top ul li{padding: 0 5px;}
	.service_lifecycle, .service_aftersale{margin-top: 20px; padding: 20px 0;}
	.service_lifecycle .row{margin-top: 20px;}
	.service_lifecycle .list{margin-top:10px;}
	.service_business, .service_part{margin-top: 0px; margin-bottom:10px;}
	.service_business ul{padding: 0 10px;}
	.service_business ul li{padding: 0 5px;}
	.service_business img{margin-top: 10px;}
	.service_part ul{padding: 0 10px;}
	.service_part ul li{padding: 0 5px; margin-top: 10px;}
	.pro_list ul li{width: 49%; background: #f5f8fd; margin-top: 10px;}
	.pro_list ul li .bigimg{background: #fff; padding: 20px 0;}
	.pro_list ul li:last-child{background: #fff;}
	.pro_list ul li .star{font-size: 14px;}
	.pro_list ul li .box{padding: 10px 5px 15px 5px;}
	.pro_list ul li h3{font-size: 14px; margin-top: 6px; line-height: 1.4; margin-bottom: 0;}
	.pro_list ul li span{font-size: 12px; padding: 3px 10px; margin-top:10px;}
	.solution_list{margin-top: 0;}
	.solution_list h2.b_title{display: block; font-size: 20px; text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px; margin-top: 30px; margin-bottom: 20px;}
	.solution_list h2.b_title:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
	.solution_list ul{padding: 0;}
	.solution_list li{width: 49%; margin-top: 10px; background: #f4f4f4;}
	.solution_list li img{padding-top: 5px;}
	.solution_list li .left{width: 100%; border: none;}
	.solution_list li .right{width: 100%;}
	.solution_list li .box{padding: 5px;}
	.solution_list li .box h3{font-size: 16px; text-align: center; color: #474c4f;}
	.solution_list li .box h3 a{color: #474c4f;}
	.solution_list2 li .box p{display: none;}
	.solution_content .top{margin-top: 30px;}
	.solution_content .top h1{font-size: 22px; border-bottom: 1px solid #cdcdcd; padding-bottom: 15px; margin-top: 30px; text-align: left;}
	.solution_content .top p{text-align: left; font-size: 15px; margin-top: 15px;}
	.solution_content .row{margin-top: 20px;}
	.solution_content .list{padding: 0 10px;}
	.solution_content .list .box{height: auto; margin: 10px 0; background: none; padding: 0 5px; margin-top: 20px;}
	.solution_content .list .box h3{border-bottom: 1px solid #cdcdcd; padding-bottom: 15px;}
	.solution_content .block414{display: block;}
	.solution_m_hot .mh3{display: block; font-size: 24px; text-align: center; font-weight: bold; border-top: 1px solid #cdcdcd; padding-top: 30px; color: #333;}
	.server_step{margin-bottom: 0; padding-bottom: 0;}
	.server_step p.tips{font-size: 14px;}
	.server_step i{height: auto; line-height: 1.8;}
	.solution_m_hot{margin-top: 0;}
	.solution_m_hot .container{}
	.solution_m_hot	.list{margin-top: 20px;}
	.server_step h3.title{border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.server_step .list .left{float: left; width: 18%;}
	.server_step .right{float: right; text-align: left; width: 80%; padding-left: 0;}
	.server_step .right h4{text-align: left; font-size: 18px;}
	.server_step .right p{text-align: left; font-size: 14px;}
	.server_step{margin-top: 0; background: none;}
	.recommend_hot{margin-top: 10px;}
	.recommend_hot .list{border: none; padding: 0;}
	.recommend_hot .list .right{font-size: 14px; line-height: 2;}
	.recommend_hot h3{text-align: center; line-height: 1.5; font-size: 20px;}
	.solution_recommend{margin-top: 20px;}
	.solution_recommend h3{font-size: 24px;}
	.solution_recommend ul{padding: 0 10px;}
	.solution_recommend ul li{padding: 0 5px;}
	.solution_recommend ul li span{font-size: 12px; padding: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.solution_m_hot h3{font-size: 18px;}
	.solution_m_hot .block414{display: block;}
	.solution_m_hot .list img{width:90%;}
	.recommend_hot .list{width: 100%; position: relative; padding-top: 20px}
	.recommend_hot .list .right{}
	.recommend_hot .list img{padding: 15px;}
	.recommend_hot .list h3{font-size: 18px; font-weight: bold; height: 42px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
	.news_banner{padding: 10px 0; font-size: 14px;}
	.news_content h1{font-size: 22px;}
	.news_content .nrcss img{max-width: 100%;}
	.index_news .content{margin-top: 10px;}
	.index_top_solution{margin-top: 10px;}
	.index_top_solution ul{width: 100%; padding-left: 5px;}
	.index_top_solution li{width: 25%; padding: 0; margin-top: 30px;}
	.index_top_solution li p{font-size: 13px;}
	.index_top_solution li img{width: 40px;}
	.news_container{padding-top: 20px;}
	.news_container .l{width: 100%; padding: 20px 15px;}
	.news_container .r{width: 100%; margin-top: 20px;}
	.news_container .r .box div{margin-bottom: 10px;}
	.indexlist_news .htitle h2{font-size: 24px;}
	.indexlist_news .htitle h2 span{position:absolute; right:0; margin-top:9px; font-size:12px;}
	.indexlist_news .qyxw{margin-top: 30px;}
	.indexlist_news .qyxw ul{width: 100%; float: none;}
	.indexlist_news .cont{margin-top: 20px;}
	.indexlist_news .htitle p{font-size: 14px;}
	.indexlist_news .qyxw ul{margin-bottom: 0;}
	.indexlist_news .qyxw ul li .box{padding: 20px 20px 5px 20px;}
	.indexlist_news .qyxw ul li .box h3{overflow: inherit;}
	.indexlist_news .qyxw ul li .box h3 a{font-size: 18px;}
	.indexlist_news .qyxw ul li .box .tit{margin-bottom: 10px;}
	.indexlist_news .qyxw ul li .box .left p{font-size: 14px;}
	.indexlist_news .qyxw ul li .box .right{margin-top: 7px;}
	.indexlist_news .qyxw ul li .box .right a{font-size: 12px;}
	.indexlist_news dl{width: 100%; float: none; margin-top: 20px;}
	.indexlist_news dl dd span{font-size: 14px; margin-right: 10px; width: 60px;}
	.indexlist_news dl dd span strong{font-size: 26px;}
	.indexlist_news dl dd h3 a{font-size: 16px; font-weight: 600; overflow: inherit; line-height: 1.4;-webkit-line-clamp:3;}
	.indexlist_news dl dd p{margin-top: 0px; font-size: 14px;}
	.indexlist_news .spxw ul{margin: 0px;}
	.indexlist_news .spxw ul li{width: 100%; padding: 0 5px; margin-top: 20px;}
	.indexlist_news .spxw ul li p{font-size: 14px;}
	.indexlist_news .spxw ul li img{width: 100%;}
	.list_news_list ul li{height: auto;}
	.pdln{padding:0;}
	.pdln #company{margin-top:0;}
	.selectpro{padding:0; margin-top:10px;}
	.solution_list li .box .linkswt{display: none;}
	.cooperation_content ul{padding-left:0;}
	.cooperation_content ul li{width: 49%;}
    .cooperation_content ul li img{ height:auto;}
    .cooperation_content ul li p{font-size: 14px; margin:8px 0;}
    .index_prolist_content .list{margin-top:0;}
    .index_prolist_content p.tips{font-size:14px; line-height:1.7;}
    .index_prolist_content ul{padding-left:0;}
    .index_prolist_content ul li{width:33%; padding: 10px 0;}
	.index_prolist_content li p{font-size: 13px;}
	.index_prolist_content h3{font-size: 20px; text-align: left; position: relative; padding-left: 17px;border-top: 1px solid #cdcdcd; padding-top: 30px;}
	.index_prolist_content h3:before{position: absolute; width: 4px; height: 35px; background: #3156a4; left: 0; bottom: -5px; content: "";}
    .index_prolist_content h3 a{font-size:14px; margin-top: 4px;}
	.pro_body2 .img{margin-top: -10px;}
	.pro_body2 img{border-bottom: 0; width:50%;}
	.pro_body2 .img li{ width: 48%; margin: 0 1%; margin-top: 10px; background: #f4f4f4;}
	.pro_body2 .img li p{margin-top: 0px; font-size: 14px; height:auto; padding: 5px 5px; line-height:1.5; height:73px;}
	.index_prolist_content .more ul li:last-child a{background-size:110px;}
	.contant_share ul li a{font-size:13px;}
	.pro_solution{width: 100%; padding: 20px 10px; padding-bottom: 0;}
	.pro_solution ul{margin: 0; padding: 0;}
	.pro_solution li{width: 33.33%; border: none;}
	.pro_solution li img{width: 45px;}
	.pro_solution li span{font-size: 14px; margin-top: 5px;}

}
@media (max-width: 375px){
	.header .top{display: none;}
	.navbar {margin-bottom: 0;}
	.middle_nav{font-size:14px; left:104px;}
	.index_about .box h3{font-size: 22px;}
	.index_about .box p.tips{font-size: 14px;}
	.h3_title h3{font-size: 22px;}
	.index_pro .h3_title p{font-size: 14px;}
	.index_pro .list{padding: 10px 0;}
	.index_solution_m ul li p{font-size: 13px;}
	.index_pro p.more{margin-top: 10px;}
	.index_attachment .top h3{font-size: 22px;}
	.index_attachment .move p{font-size: 20px;}
	.index_attachment .move em{font-size: 12px;}
	.index_news .list .box h4 a{font-size: 16px;}
	.index_news .list .box p.date{font-size: 14px;}
	.index_news .list .box p.more a{font-size: 14px;}
	.index_news_m ul li p.tt{font-size: 14px;}
	.click_content .radio-inline{font-size: 14px;}
	.business .radio-inline{font-size: 14px;}
	.contact-box input{font-size: 14px;}
	.single_nav ul li a{font-size: 14px;}
	.chart span{font-size: 30px;}
	.contact_content i{font-size: 30px;}
	.contact_content .right p{font-size: 16px;}
	.contact_content h3, .contant_share h3{font-size: 22px;}
	.contact_content .top h3 a{font-size: 14px;}
	.index_top_solution li p{font-size: 12px;}
	.news_container .info{font-size: 14px;}
	.news_container .content{font-size: 14px;}
	.index_prolist_content h3{font-size: 18px;}
	.index_prolist_content h3 a, .index_prolist_content li p{font-size: 12px;}
	.solution_list h2.b_title{font-size: 18px;}
	.solution_list li .box h3{font-size: 14px;}
	.recommend_hot .list h3{font-size: 16px;}
}
@media (max-width: 372px){
	.index_pro .list h4{font-size:13px;}
}
@media (max-width: 352px){
	.index_pro .list h4{font-size:12px;}
}
@media (max-width: 365px){
	.middle_nav{font-size:12px; left:98px;}
}
@media (max-width: 320px){
	.header .navbar-header img{width:75px;}
	.middle_nav{font-size:12px; left:80px;}
	.click_content .radio-inline{font-size: 12px;}
	.business .radio-inline{font-size: 12px;}
	.contact-box input{font-size: 12px;}
	.contact_content .top .left p{font-size: 14px;}
	.contact_content .information ul li h4{font-size: 16px;}
	.news_content h1{font-size: 20px;}
	.index_prolist_content h3{font-size: 16px;}
}