*{margin: 0;padding: 0;}
body{font-family: "微软雅黑",Arial, Helvetica;background: #fff;}
h1{font-size: 26px;color: #666}
h3{font-size: 16px;line-height: 25px;color: #666}
p{font-size: 15px;line-height: 25px;color: #828282}
li{list-style: none;}
b{display: block;}
a{text-decoration: none;color: #828282}
a:hover,a:fous{text-decoration: none}
a:hover{text-decoration: none;}
hr{height: 1px;border:none;background: #dedede82}
.clearfix::before,.clearfix::after{content: "";display: block;visibility: hidden;height: 0;}
.clearfix:after{clear: both;}
.clerfix{zoom:1;}
/*头部*/
.header{width: 100%;padding: 10px 0;background: #fff;}
.header-con{max-width: 1200px;margin: 0 auto;}
.jq22-content{float:right; }
.jq22-content .word{display: inline-block!important;font-size: 14px;font-weight: 600;} 
.jq22-content .word2{display: inline-block;margin: auto 0% 0 0 !important;font-size:12px;}
.header-con span{float: left;font-weight: 600;color: #333!important;font-size:14px;}
.header-con h1{float: left;font-weight: 600;color: #333!important;font-size:14px;}
.top{margin: 0 auto;width: 100%;background: url(../images/bg.png)no-repeat right;background-size: cover;}
.top .logo{max-width: 1200px;margin: 0 auto}
.top .logo >img{float: left;max-width:25%;z-index: 3000;}
/*导航*/
.nav_bg{width: 70%;background: #0065bb;float:right;clip-path:polygon(0% 0%,7% 0% ,0% 100%,100% 100%, 100% 0%);}
.navbar-nav {width: 90%;margin-left: 10%;margin-top: 0;margin-bottom: 0}
.navbar-default {background: none; border: none;margin: 0;min-height: inherit;}
ul.nav.navbar-nav.navbar-right {  margin: 0.6em 0 0;float: none}
.navbar-default .navbar-nav > .hover , .navbar-default .navbar-nav > .hover:hover{border-bottom: 2px solid #fff;}
.navbar-nav > li {float:left;    padding:25px 0;width: 12.5%;	}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
	font-weight: 600;
	min-width: 70px;
	text-transform:uppercase;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	text-decoration:none;
	text-align: center;
}
.navbar-default .navbar-nav > li:hover,.navbar-default .navbar-nav .hover {border-bottom: 2px solid #fff;}
.navbar-collapse{padding: 0}

.banner{width: 100%;}
.banner img{width: 100%;}
.swiper-pagination-bullet{width: 30px;border-radius: 0;height: 4}
.swiper-slide img{width: 100%}
/*title*/
.title{max-width: 1200px;text-align: center;position: relative;margin:30px auto 30px;position: relative;}
.title-text h1{color: #333;font-size:24px;text-align:center;}
.title-text h1 b{color: #0065bb;font-size: 18px;font-weight: normal;display: inline-block;margin-left:15px;}
.title-text:before {display: block;width: 50px;height: 6px;background: #0065bb;text-align: center;content: " ";position: absolute;
	bottom:-3px;left: 50%;transform: translateX(-50%);
}
.title hr{margin-top: 25px;}
.title-text2 h1{color: #fff;}
/*product*/
.part1{width: 100%;background: #fff;padding: 1px 0 30px;}
.case{max-width: 1200px;margin: 0 auto;}
.case li{width: 23%;padding:10px 1%;background:  #eeefee54;float: left;}
.case li a{width: 100%;display: block;overflow: hidden;position: relative;}
.case li a img{width: 100%;display: block;transition: all 0.4s ease;transform: rotateY(0deg);backface-visibility: hidden;}
.case li a .rotateText{padding:5%;position: absolute;top: 0;bottom: 0;right: 0;left:0;background: #0065bb;overflow: hidden; transition: all 0.4s ease;transform: rotateY(180deg);backface-visibility: hidden;}
.case li h3{text-align: center;padding: 5px 0;background: #eee;transition: all 0.2s ease}
.case li:hover h3{background: #0065bb;color: #fff;}
/*.case li:hover h3{transform: rotateY(360deg);background: #0065bb;color: #fff;}*/
.case li a .rotateText p{color: #fff;margin-top: 0px;}
.case li a .rotateText span{color: #fff;margin-top: 10px;display: block;text-align: right;position: absolute;bottom:5%;right: 5%;font-size: 15px;}
.case li:hover a .rotateText{transform: rotateY(0deg);backface-visibility: hidden;}
.case li:hover a img{transform: rotateY(180deg);backface-visibility: hidden;}
/*.product li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);background:#fff}*/

/*about 关于我们*/
.title2 .title-text h1{color:#fff;}
.title2 >hr{background: #eee;}
.about{width: 100%;padding: 1px 0 30px;background: url(../images/about_bg.png)no-repeat center;background-size: cover;}
.about-con{max-width: 1200px;margin:30px auto 0;display: flex;display: -webkit-flex;background: rgba(255,255,255,0.9);padding: 20px 0}
.about-con >img{width:53%;margin-left: 2%}
.about-text{width: 40%;padding: 0% 2.5% 0% 2.5%;position: relative;}
.about-text h3{margin-top: 0;color:#333;}
.about-text >p{font-size: 14px;margin-top: 15px;text-indent: 2em;color:#333;}
.about-text >a{font-size: 14px;display: inline-block;padding: 8px 15px;border:1px solid #1277ce;border-radius: 100px 100px; color: #1277ce;position: absolute;bottom: 3%;transition: all 0.4s ease}
.about-text >a:hover{background: #0065bb;color: #fff}
/*service*/
.service{max-width: 1200px;margin: 20px auto 0;}
.service >h3{color:#fff;text-align: center;font-size: 24px;}
.service >p{color:#fff;text-align: center;margin: 15px 0}
.service-text{display: -webkit-flex;display: flex;width: 100%;}
.service-text li{width: 21%;padding: 1%;background: #fff;margin: 0 1%;text-align: center;}
.service-text li img{max-height: 100px;transition: all 0.4s ease}
.service-text li:hover img{transform: rotateY(180deg);}
.service-text li h3{margin: 10px 0;}
/*case*/
.product{width: 100%;padding-bottom: 30px;padding-top: 1px;/*background: #eee;*/}
.product-con{max-width: 1200px;margin:0 auto;}
.product-con li{width:31%;padding:1%;float: left;overflow: hidden;transition: all 0.4s ease;margin-top:30px;}
.product-con li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);background: #fff}
.product-con li a{text-align: center; display: block;width: 94%;padding:3%;position: relative;background: #fff;}
.product-con li a div{display: block;width: 100%;overflow: hidden;}
.product-con li a div img{width: 99%;transition: all 0.4s ease;border: 1px solid #eee;}
.product-con li:hover a div img{transform: scale(1.2);}
.product-con li h3{color: #333;font-size: 18px;margin-top: 15px;}
.product-con li p{line-height: 25px;height: 75px;overflow: hidden;margin: 10px 0;transition: all 0.4s ease;}
.product-con li span{position: absolute;bottom:0;left: 50%;transform: translateX(-50%); display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;color: #1277ce;transition: all 0.4s ease;opacity: 0}
.product-con li:hover p{opacity: 0}
.product-con li:hover span{opacity: 1;bottom: 10%;}
.product-con li span:hover{color: #fff;background: #1277ce}
.more{transform: translateX(-50%);margin-left: 50%;margin-top:30px;display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;color: #1277ce;transition: all 0.4s ease;}
.more:hover{color: #fff;transition: all 0.4s ease;background: #1277ce;}
.product-con li.sort1 h3{font-size: 24px}
/*新闻资讯*/
.news{max-width: 1200px;margin: 0 auto;}
.news li{width: 23%;padding: 1%;float: left;margin-top: 30px;}
.news li a{display: block;width: 100%;overflow: hidden;}
.news li a div{width: 100%;overflow: hidden;}
.news li a div img{width: 100%;transition: all 0.4s ease;}
.news li:hover a div img{width: 100%;transform: rotateY(180DEG);}
.news li a span{font-size: 14px; display: inline-block;padding-left: 20px;background: url(../images/time.png) no-repeat left center;background-size: 14px 14px}
.news li a h3{margin-top: 5px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news li a hr{height: 2px;width: 1px;border: none;background: #1277ce;margin-top: 8px;transition: all 0.4s ease}
.news li:hover a hr{width: 100%;}
.news2 li{margin-top: 0px;}
/*index 新闻资讯*/
.ad-news{max-width: 1200px;margin: 0 auto;display: flex;display: -webkit-flex;}
.news-left{width: 48%;float: left;position: relative;overflow: hidden;}
.news-left img{width: 100%;}
.news-left div h3{margin:10px 0;}
.news-left div .more1{text-align: left;margin-left: 0;transform: translateX(0);margin-top: 20px;}
.news-right{width: 48%;float: right;margin-left: 4%;position: relative;}
.news-right li{width: 100%;margin-bottom:30px;}
.news-right li a{display: block;width: 100%;display: flex;}
.news-right-1 {text-align: center; float:left;width: 100px;background: url(../images/news.png)no-repeat center;background-size:90px 108px;vertical-align: middle;padding: 2% 0;transition: all 0.4s ease}
.news-right-1:after{transform: rotate(90deg);}
.news-right-1:hover{transform: rotate(-90deg);}
.news-right-1:hover b{transform: rotate(90deg)}
.news-right-1:hover span{transform: rotate(90deg)}
.news-right-1 b{color:#1277ce;font-size: 24px;}
.news-right-1 span{color:#1277ce;font-size: 16px;}
.news-right-2 {float:right;width: 70%;margin-left: 5%;}
.news-right-2 p{height: 75px;overflow: hidden;}
.more2{position: absolute;bottom: 0;left: 0;margin-left: 0;transform: translateX(0);}
/*page*/
.page{text-align:center;margin:20px 0;margin-top: 50px}
.page a{color:#666;padding:5px 10px;border:solid 1px #1277ce;margin:0 5px;font-size: 14px;color: #828282}
.page_disabled{padding:5px 10px;border:solid 1px #666;margin:0 5px;font-size: 14px;color: #828282}
.page_current{background-color:#1277ce;color:#fff;padding:5px 10px;margin:0 5px;font-size: 14px;}
/*footer*/
.footer_bg{width: 100%;margin-top: 80px;padding:60px 0;background:#004084}
.footer_bg >p{margin-top: 15px; color: #eee;text-align: center;font-size: 14px;}
.footer{max-width: 1200px;margin: 0 auto;position: relative;}
.content{width: 30%;float:left;padding-right: 2%;}
.jy{padding: 0;border:none;}
.jy a b{display: inline-block;color: #ff0000;}
.content h3{color: #fff;}
.content hr{width: 30px;height: 2px;background: #ff0000;margin: 10px 0;}
.content a{color: #eee;display: block;font-size: 14px;line-height: 25px;}
.lx{position: absolute;bottom: -50px;right: 0;background: #fff;padding:1% 2%;border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.lx h3{color: #0065bb;margin-bottom: 10px;}
.lx hr{width: 30px;height: 2px;background: #0065bb;margin: 10px 0;}
.lx .zxzx p{margin: 10px 0;}
.lx .zxzx p b{display: inline-block;color:#ff0000}
.lx .zxzx p input{padding: 5px 0;width: 100%;}
.lx .zxzx p textarea{padding: 5px 0;vertical-align: middle;width:100%}
.lx .zxzx p button{padding: 5px 20px;background: #0065bb;color:#fff;border:none;}
.bq{width: 100%;background: #0065bb;color:#fff;text-align: center;padding: 10px 0;}
.bq a{color: #fff;}
/*news-detail*/
.bav{max-width: 1200px;margin: 10px auto;text-align: left;overflow: hidden;padding-left: 20px;background: url(../images/map.png)no-repeat left;background-size: 16px 16px;font-size: 14px;}
.bav a{display: inline-block;margin-right:10px;color: #828282}
.contain-text{max-width: 1200px;margin: 30px auto 0;}
.news-text{width:55%;text-align: center;}
.news-text >h3{text-align: center;padding-bottom: 5px;border-bottom: 1px solid #eee}
.news-text> span{display: block;text-align: center;margin: 8px 0;font-size: 12px;color: #828282}
.news-text> p{margin-bottom: 24px;text-indent: 2em;text-align: left}
.news-text img{width: 50%;}
.news-text .more_news {text-indent: 0em;text-align: left;margin-top: 30px;}
.more_news >a{display: inline-block;color: #1277ce;}
/*about-detail*/
.about-detail{width: 100%;margin-top: 30px;}
.about-detail >img{width: 45%;display: inline-block;margin-right: 2%;float: left;}
.about-detail >p strong{display: block;margin-bottom: 15px;}
/*porduct*/
.pro-nav{max-width:1200px;margin:0 auto 0;text-align: center}
.pro-nav a{display: block;font-size: 16px;font-weight: 700; transition: all 0.4s ease;width:19.5%;/*background: #eeefff;*/float: left;border-right: 1px solid #ddd;padding: 10px 0;border-bottom: 1px solid #ddd; }
.pro-nav a:hover{color: #ca0404}
.pro-nav a:last-child{border-right: none}
.pro-nav a.active{color: #ca0404}
@media(max-width: 1200px){
/*header*/
.header-con{max-width: 960px;}
.prnav ul{max-width: 960px;margin: 0 auto}
/*关于我们*/
.about-con{max-width: 960px;}
.service{max-width: 960px;}
.about-text >a{display: none}
/*case*/
.case{max-width:960px;margin: 0 auto;}

.product-con{max-width: 960px;}
.news{max-width: 960px;}
.bav{max-width:960px;}
/*da-news*/
.ad-news{max-width: 960px;}
/*news-detail*/
.contain-text{max-width: 960px;margin: 30px auto 0;}
.news-text{width:65%;text-align: center;}
.footer{max-width: 960px;margin: 0 auto;}
}
@media(max-width: 960px){
/*header*/
.header-con{max-width: 768px;}
.title h1{font-size: 2em;}
.title h2{font-size: 1.5em;}
/*关于我们*/
.about-con{max-width:768px;}
.about-text >a{display: none}
.service{max-width: 768px;}
/*ad-news*/
.ad-news{max-width: 768px;}
/*case*/
.case{max-width: 768px;margin: 0 auto;}
.case li{width: 48%}
/**/
.product-con{max-width: 768px;}
.product-con li{width:48%;}
.news{max-width: 768px;}
.news li{width: 48%;}
.bav{max-width:768px;}
/*news-detail*/
.contain-text{max-width: 768px;margin: 30px auto 0;}
.news-text{width:65%;text-align: center;}
.contact-con li{width: 48.5%;float: left;margin-bottom: 20px;margin-right: 2%;border:1px solid #ddd;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li:nth-child(2n){margin-right: 0}
.footer{max-width: 768px;margin: 0 auto;}
}

@media(max-width: 768px){
/*footer*/
.footer{max-width: 96%;margin: 0 auto;}
.footer_bg{width: 100%;padding:60px 0;background:#004084}
.content{width: 50%;float:none;padding-right: 0%;}
.jy{padding: 0;border:none;}
.lx{position: absolute;bottom:0px;right: 0;background: #fff;padding:1% 2%;border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.bq{width: 100%;background: #0065bb;color:#fff;text-align: center;padding: 10px 0;}
/*header*/
.header-con{width: 96%;margin: 0 auto}
.jq22-content{ width:100%; float: none; margin-bottom: 10px;}
.navbar-toggle{margin-top: 25px;}
/*导航*/
.top{background: none}
.nav_bg{clip-path:none;background: #fff;}
.navbar-nav{width: auto;padding:0 15px;margin-top: 0 !important}
.navbar-nav > li {margin: 10px auto;float: none; display: block;text-align: center;width: 100%;float: none;padding: 0px 0}
.navbar-default .navbar-nav > li > a{color: #fff;padding: 10px 0;} 
.navbar-collapse{padding: 0;background: rgba(0,0,0,0.56);}
div#bs-example-navbar-collapse-1 {background: rgba(0, 0, 0, 0.83);	margin: 0; padding: 0 10px; position: absolute;
	width:auto;z-index: 999;border: 1px solid #fff;margin-top: 0.5em;right:0;top: 70px;}
.slideGroup .parBd ul li .description p{display: none;}
.slideGroup .parBd ul li .description h4{text-align: center;}
.top .logo >img{width: 250px;max-width: 300px;margin-bottom: 10px;}
.nav_bg {width: 60px;}
/*关于我们*/
.about-con{width: 96%;display: block;}
.about-text >a{display:inline-block;margin-top:15px;text-align: center;color: #fff;background: #1277ce;position: static;}
.about-con >img{width: 96%;margin:0 auto;}
.about-text{width: 90%;}
.service{width: 96%;}
.service-text{display: block}
.service-text li{width:96%;margin-bottom: 20px;}
/*ad-news*/
.ad-news{max-width:96%;display: block;}
.news-left{width: 100%;float: none}
.news-right{width: 100%;float: none;margin-left: 0;margin-top: 30px;}
.more2{position: static;margin-top: 0 !important;}
.news-left div .more1{margin-left: 50%;transform: translateX(-50%);}
/*case*/
.case{max-width: 96%;margin: 0 auto;}
.case li{width: 98%;padding:10px 1%;background:  #eeefee54;float:none;margin-bottom: 15px;}
.case li a{width: 100%;display: block;overflow: hidden;position: relative;}
.case li a img{width: 100%;display: block;transition: all 0.4s ease;transform: rotateY(0deg);backface-visibility: hidden;}
.case li a .rotateText{padding:2%;position:static;background: #fff;overflow: hidden; transition: all 0.4s ease;transform: rotateY(0deg);backface-visibility: hidden;}
.case li h3{text-align: center;padding: 5px 0;background: #eee;transition: all 0.4s ease}
.case li:hover h3{transform: rotateY(0deg);background: #eee;color: #828282;}
.case li a .rotateText p{color: #828282;margin-top: 10px;}
.case li a .rotateText span{display: none}
.case li:hover a .rotateText{transform: rotateY(0deg);backface-visibility: hidden;}
.case li:hover a img{transform: rotateY(0deg);backface-visibility: hidden;}
/**/
.product-con{width: 96%;}
.product-con li{width: 100%;padding:0%;float: none;overflow: hidden;margin-top:30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.product-con li:hover a div img{transform: scale(1);}
.product-con li p{line-height: 25px;height: 75px;overflow: hidden;margin: 10px 0;transition: all 0.4s ease;}
.product-con li span{position: static;bottom:auto;left: auto;transform: translateX(0%); display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;color: #1277ce;transition: all 0.4s ease;opacity: 1}
.product-con li:hover p{opacity: 1}
.product-con li:hover span{opacity: 1;bottom: 10%;}
.product-con li span:hover{color: #fff;background: #1277ce}
.more{transform: translateX(-50%);color: #fff;background: #1277ce;margin-left: 50%;margin-top:30px;display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;}
.news{width: 96%}
.news li a hr{width: 100%}
.bav{width: 90%}
/*news-detail*/
.contain-text{width: 96%;margin: 30px auto 0;}
.news-text{width:100%;text-align: center;}
.news-text img{width: 100%;}
.about-detail >img{width: 100%;display: inline-block;margin-right: 0%;float: none;margin-bottom: 20px;}
}
@media(max-width: 550px){
.content{width: 100%;float:none;padding-right: 0%;margin-bottom: 20px}
.lx{position:static;bottom:auto;top:0;right: 0;left:0;background: #fff;padding:1% 2%;border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,0.2);margin-bottom: 20px;}
.bq{width: 100%;background: #0065bb;color:#fff;text-align: center;padding: 10px 0;}

}
@media(max-width: 480px){
.contact-con li{width: 99%;float: left;margin-bottom: 20px;margin-right: 0%;border:1px solid #ddd;}
.navbar-toggle{margin-top: 35px;}
.news li{width: 98%;}
.footer_bg >p{margin-top: 0}
}

/*推荐产品*/
.hotProduct{width: 100%;margin: 50px auto 0;}
.hot{width: 100%;margin-top: 30px;}
.hot li{width: 23.5%;margin-right: 2%;float: left;}
.hot li:nth-child(4n){margin-right: 0%;}
.hot li a{display: block;width: 100%;}
.hot li h3{text-align: center;}
.hot li:hover h3{color: #1277ce}
.hot li a .lovely {width: 100%;position: relative;}
.hot li a .lovely img{width: 100%;display: block;}
.hot li a .lovely span{position:absolute;display: block;top: 0;bottom: 0;width: 100%;background: url(../images/search.png)no-repeat center rgba(0,0,0,0.3);background-size: 30px 30px;transform: scale(0.2);transition: all 0.4s ease;opacity: 0;}
.hot li:hover a .lovely span{transform: scale(1);opacity: 1;}
@media(max-width: 960px){
.hot li{width: 49%;margin-right: 2%;float: left;}
.hot li:nth-child(4n){margin-right: 0%;}
.hot li:nth-child(2n){margin-right: 0%;}
}
@media(max-width: 768px){
	.hot li:hover a .lovely span{transform: scale(1);opacity: 0;}
}
/*推荐产品 end*/
/*ad-banner*/
.ad-banner1{width: 100%;padding:50px 0;background: url(../images/small-banner.png)no-repeat center;background-size:cover;}
.ad-banner1_text{max-width: 1200px;margin: 0 auto;padding-top:100px;}
.ad-banner1_text h1{color:#eee;font-size:24px;font-weight: normal;}
.ad-banner1_text p{width: 60%;color:#eee;margin: 20px 0;}
.ad-banner1_text a{display:block;background: url(../images/ad-tel.png)no-repeat left;background-size: 35px 35px;padding: 10px 0 10px 50px;font-size: 30px;color:#fff;font-weight: 600;}
@media(max-width: 1200px){
	.ad-banner1_text{max-width: 960px}
}
@media(max-width: 960px){
	.ad-banner1_text{max-width:96%;text-align: center}
	.ad-banner1_text p{width: 100%;color:#eee;margin: 20px 0;}
	.ad-banner1_text a{background: url(../images/ad-tel.png)no-repeat 30%;background-size: 35px 35px;padding: 10px 0 10px 50px;font-size: 30px;color:#fff;font-weight: 600;}
}
@media(max-width: 600px){
.ad-banner1_text a{background: url(../images/ad-tel.png)no-repeat 20%;background-size: 35px 35px;}
}
@media(max-width:500px){
.ad-banner1_text a{background: url(../images/ad-tel.png)no-repeat 15%;background-size: 35px 35px;}
}
/*ad-banner end*/
/*productsort*/
.productSort1{display: flex;flex-wrap: wrap;}
.productSort1 li{width: 22%;padding: 1.5%;text-align: center;}
.productSort1 li a img{width: 100%}
.productSort1 li.sort1 img{max-width: 200px;}
.productSort1 li.sort1{background: #c1c1c136;position: relative;}
.productSort1 li.sort1 .more2{display: inline-block;width: auto;padding: 8px 15px;position: absolute;transform: translateX(-50%);margin-left: 50%;bottom:20px;}
@media(max-width: 1100px){
.productSort1{display: flex;  flex-wrap:  wrap;}
.productSort1 li{width: 47%;padding: 1.5%;text-align: center;}
.productSort1 li.sort1 img{max-width: 360px;display: block;margin: 0 auto}
.productSort1 li.sort1 .more2{bottom:30px;}

}
@media(max-width: 960px){
.productSort1 li.sort1 .more2{display:inline-block;width: auto;padding: 8px 15px;position:static;transform: translateX(0);margin-left: 0;background: #0065bb;color:#fff;}
}
@media(max-width: 768px){
.productSort1 li{width: 97%}
.productSort1 li.sort1 .more2{display:inline-block;width: auto;padding: 8px 15px;position:static;transform: translateX(0);margin-left: 0;background: #0065bb}
}
/*productsort  end*/
/*人力资源*/
.resource{width: 100%;display: flex;flex-wrap: wrap;}
.resource> li{position: relative;width: 27.5%;margin-right: 2%;padding: 2%;border: 1px solid #eee; margin-bottom: 20px; overflow: hidden;transition: all 0.4s ease}
.resource> li:nth-child(3n){margin-right: 0%; }
.resource> li h3{color: #333;padding-left: 35px ;background: url(../images/re1.png)no-repeat left center;background-size: 25px 25px;transition: all 0.4s ease}
.resource> li b{font-size: 14px;color:#828282;font-weight: normal;margin: 10px 0;transition: all 0.4s ease}
.resource> li:before{position: absolute;top:-10%;right: -10%;width:100px;height: 100px;content: " ";background: rgba(124,189,247,0.11);display: block;visibility:visible;border-radius: 50% 50%; }
.resource> li:after{position: absolute;bottom:-5%;left:-5%;width:50px;height: 50px;content: " ";background: rgba(124,189,247,0.11);display: block;visibility:visible;border-radius: 50% 50%; }
.resource> li:hover {background: #0065bb;}
.resource> li:hover h3{color: #fff;background: url(../images/re.png)no-repeat left center;background-size: 25px 25px;}
.resource> li:hover b{color: #fff;}
.resource> li:hover p{color: #fff;}
.resource> li:hover p{color: #fff;}
.resource> li p{transition: all 0.4s ease; }
@media(max-width: 960px){
.resource> li{position: relative;width: 44.5%;margin-right: 2%;padding: 2%;border: 1px solid #eee; margin-bottom: 20px; overflow: hidden;transition: all 0.4s ease}
.resource> li:nth-child(3n){margin-right: 2%; }
.resource> li:nth-child(2n){margin-right: 0%; }
}
@media(max-width: 768px){
.resource> li {background: #0065bb;}
.resource> li h3{color: #fff;background: url(../images/re.png)no-repeat left center;background-size: 25px 25px;}
.resource> li b{color: #fff;}
.resource> li p{color: #fff;}
.resource> li p{color: #fff;}
}
@media(max-width: 600px){
.resource> li{position: relative;width: 93%;margin-right:0%;padding: 3%}
.resource> li:nth-child(3n){margin-right: 0%; }
.resource> li:nth-child(2n){margin-right: 0%; }
}
/*人力资源 end*/
.service-con .service-text{flex-wrap: wrap;}
.service-con h3{margin: 50px auto 20px;text-align: center;font-size: 18px;}
.service-con .service-text li{width:46%;}
@media(max-width: 768px){
.service-con .service-text li{width:96%;}

}
/*在线咨询 */
.zx{width: 100%;}
.zx >span{display: block;text-align: center;margin-bottom: 20px;vertical-align: middle;}
.zx >span a{font-size: 20px;color: #bb2320}
.zx >p{display: inline-block;width: 48%;margin-right: 2%;float: left;margin-top: 20px;}
.zx >p input{width: 80%;margin-left: 2%;padding: 15px 0}
.zx >p span b{color: #bb2320;display: inline;}
.zx .zx-text{width: 100%;}
.zx .zx-text textarea{width: 88.5%;margin-left: 1%;height: 125px;overflow: hidden;vertical-align: middle;}
.zx .button button{padding: 10px 35px;background: #1277ce;color: #fff;border:none;}
.zx .button button .sumit{margin-left: 50%;transform: translateX(-40%);}
.zx .button{text-align: center;width: 100%;}
.zx .button .reset{background: #ccc;}
@media(max-width: 768px){
  .zx >p{display: block;width: 100%;float: none;}
  .zx >p input{width: 98%;display: block;margin-top: 10px;margin-left: 0}
  .zx .zx-text textarea{margin-left: 0%;width: 98%;}
}
/*contact*/
/*contact*/
.contact-con{width: 100%;margin-bottom: 30px;display: -webkit-flex;display: flex;flex-wrap: wrap-reverse;}
.contact-con li{width: 23%;float: left;margin-bottom: 20px;margin-right: 2%;border:1px solid #ddd;}
.contact-con li a{display: block;padding:15% 2%;width: 95%;text-align: center;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li a img{width: 50px;transition: all 0.4s ease;}
.contact-con li a p{margin-top: 10px;text-align: center}
.contact-con li a b{margin-top: 10px;text-align: center;font-size: 16px;font-weight: normal;}

@media(max-width: 960px){
.contact-con{flex-wrap: wrap;} 
.contact-con li{width: 48.5%;float: left;margin-bottom: 20px;margin-right: 2%;border:1px solid #ddd;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li:nth-child(2n){margin-right: 0}
}
@media(max-width: 600px){
.contact-con{flex-wrap: wrap;} 
.contact-con li{width: 99%;float: left;margin-bottom: 20px;margin-right: 0%;border:1px solid #ddd;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li:nth-child(2n){margin-right: 0}
}
/*产品终端页*/
.product-con{width: 100%;}
.product-text{width: 47%;margin-left: 3%;float: right}
.product-text h2{font-size: 16px;}
.product-text p{font-size: 15px;color: #777;}
.product-con >img{width: 48%;float:left;}
.dian{display:inline-block;margin-top:10px;}
.dian >img{max-width: 220px;}
.dian1{margin-right: 20px;}
.product-detail{width: 100%}
.product-detail-left{width: 100%;margin-top: 40px;}
.product-detail-left h2{font-size: 20px;padding-left: 35px;background: url(../images/mun.png)no-repeat left center;background-size: 25px 25px;border-bottom: 1px solid #eee;margin-top: 10px;margin-bottom: 20px}
.product-detail-left p{font-size: 15px ;line-height: 25px;color: #777;}
.product-detail-left strong{display: block;}
.product-detail-left .tp{width: 100%;margin-top: 15px;}
.product-detail-left .tp li{ width: 31%;padding: 0 1%;float:left;margin-bottom: 20px;}
.product-detail-left .tp li img{ width: 100%}
.product-detail-left >a{display: block;background: #eee;color: #777;padding: 5px 15px;width: 100%;margin-top: 15px;}
.product-detail-left >a.one{margin-top: 30px;}
.product-detail-left >a ins{text-decoration: none }
table{
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  color: #828282;
  border-collapse: collapse;
}
table tr:nth-child(1){
  background:#ddd;
}
table td{
  text-align: center;
  /*text-align: left;*/
  padding: 10px;
  border: 1px solid #ccc;
  line-height: 25px;
}
table td p{text-align: center;}
table caption{
  margin: 0 auto;
}
table tr td:nth-child(2){
  text-align: left;
}
@media(max-width: 960px){
.product-text{width: 100%;margin-left: 0%;float: none}
.product-con >img{width: 100%;float:none;margin-bottom: 20px;}
.dian >img{max-width: 250px;}
}
@media(max-width: 768px){
.dian >img{max-width: 250px;}
.product-detail-left .tp li{ width:100%;padding: 0 0%;float:none;margin-bottom: 20px}

}
@media(max-width: 500px){
.dian1{max-width: 100%;margin-right: 0}
.dian >img{max-width: 100%;}
.product-detail-left .tp li{ width:100%;padding: 0 0%;float:none;margin-bottom: 20px}

}
.pro_video{width:70%; margin:20px 0; display:block;}
@media(max-width: 768px){
.pro_video{width:100%;}

}