h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
ul{padding:0;margin:0;}
p {margin: 0;}
body{background:#fff;font-family: 'Raleway', sans-serif;}
body a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*--- slider-css --*/
.slider {position: relative;}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute; display: none; width: 100%; left: 0;top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}
.callbacks_tabs a:after {content: "\f111";font-size: 0;font-family: FontAwesome;visibility: visible;display: block;height: 20px;width: 20px;display: inline-block;background:#fff;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;}
.callbacks_here a:after{background:#6CB6B6;}
.callbacks_tabs a{visibility:hidden;}
.callbacks_tabs li{display:inline-block;}
ul.callbacks_tabs.callbacks1_tabs {position: absolute;bottom: 14px;z-index:9;right:54em;}
.header-top{background:#338bac;}
.header.navbar-fixed-top { background: #FFF ; z-index: 9999; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);}
.header{position:absolute;top:0.0%;width:100%;z-index:9;}
.logo{float: left; width: 33%;margin-top:6px;}
.top-nav{float:right;width: 67%;margin-top:0.5em;}
.top-nav ul li{display: inline-block;padding:14px;float:left;}
.act{float:left;}
.top-nav ul li a {position: relative;display: inline-block;outline: none;color: #fff;text-decoration: none;font-size: 18px; font-family:"微软雅黑";}
.top-nav ul li a:hover{color:#ff9a24;border-bottom:2px solid #ff9a24;padding-bottom: 2px;}
.top-nav ul li.active a {color:#ff9a24;border-bottom:2px solid #ff9a24;padding-bottom: 2px;}
.dl{margin-top:20px;}
.span_1{padding:0;}
.grid_1{text-align:center;margin-top:29px;}
.grid_1 h2{color:#000000;font-size:2em;margin-bottom:0.5em;font-weight:600;}
.grid_1 h2 a{color:#ff8c29; text-decoration:none;}
.lisen{border-bottom:1px dashed #ccc;}
.i_zxmelc1{margin-top:30px;}
.i_zxmelc1 ul{ }
.i_zxmelc1 ul li{ float:left;margin:13px;cursor: pointer;font-size:16px;}
.i_zxmelc1 ul li.hover{font-size:16px;}
.i_zxmelc1 ul li.hover a{ color:#ff8c29;font-size:16px;}
.i_zxmelc2 img{width:100%; border-radius:10px; margin-top:10px;}
.i_zxmelc2 p{ text-align:center;color:#000;font-size:18px;}
.i_zxmelc3{ background:url(../images/con_bg.png);height:480px;width:560px;margin-top:30px;}
.i_zxmelc1 p{ text-align:center;}
.i_zxmer p{ text-align:center;}
.i_zxmer{padding-top:30px;}
.i_zxmer ul li{float:left;margin:13px;font-size:16px;}
.i_zxmer ul li a:hover{color:#ff8c29;font-size:16px;}
.grid figure {position: relative;overflow: hidden;float: left;margin:35px;min-width: 320px;max-width: 480px;max-height: 360px;width: 48%;background: #3085a3;text-align: center;cursor: pointer;}
figure.effect-honey h2 {position: absolute;bottom: 0;left: 0;padding:10px 15px;height:120px;margin-left:15px;width: 100%;text-align: left;background:#0092db;opacity: 0.8;color:#fff;}
figure.effect-honey span a{margin-top: 70px;float: right;color:#fff;font-size:16px;}
.grid figure p {position: absolute;margin-top: 270px;margin-left: 20px;}
.grid_1 p{color:#fff;font-size:1.1em;}
/*----*/
.news-left{margin:5em 0 0;}
.contact-me{background:url(../images/contact-me.png);margin-top:40px;text-align: center;padding:3em 0;}
.contact-me h2{color:#000;font-size:2em;margin-bottom:0.5em;font-weight:600;}
.contact-me h2 a{color:#0092db;}
.da-thumbs {}
.da-thumbs li {padding: 8px;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.1);background: #0092db;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:500px;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {position: absolute;background: #000;background: rgba(75,75,75,0.7);width: 100%;height: 100%;}
.bt li {float: left;margin: 25px;background: #0092db;padding: 8px;position: relative;}
.typical{ text-align:center;padding: 3em 0px;background:#fff;}
.typical h2{color:#000;font-size:2em;margin-bottom:0.5em;font-weight:600;}
.typical a{color:#ea0606;}
/*-----------------------------------------------------------------------------------*/
#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;width: 31.3%;display: none;float: left;overflow: hidden;margin: 2% 3% 1% 0;margin-top:35px;}
#portfoliolist .portfolio:nth-child(3),#portfoliolist .portfolio:nth-child(6){margin-right:0;}
div#portfoliolist {padding: 0px 0px;}	
.portfolio-wrapper {overflow:hidden;position: relative !important;cursor:pointer;}
.portfolio-wrapper p{color:#000;font-size:1.1em;padding:1em 0;}
.portfolio-wrapper span.arrow{background: url(../images/arrow.png) no-repeat 0px 0px;width: 49px;height: 26px;display: inline-block;position: absolute;bottom: 50px;left: 114px;}
.portfolio img {max-width:100%;transition: all 300ms!important;-webkit-transition: all 300ms!important;-moz-transition: all 300ms!important;}	
.portfolio .text-category {display:block;font-size:9px;font-size: 12px;text-transform:uppercase;}
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{position:relative;display:inline-block;vertical-align:top;font-weight: 300;overflow:hidden;width: 100%;}
.b-link-stripe .b-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;color:#ffffff;overflow:hidden;background:#000; opacity:0.6;}
.b-animate-go{text-decoration:none;}
.b-animate{transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;visibility: hidden;font-size:1.1em;font-weight:700;}
.b-animate img{margin-top: 4%;display: -webkit-inline-box;}
.b-animate span{display:block;font-size: 18px;text-transform: uppercase;padding-top: 9em;display: block;font-weight: 500;color:#000;}
.b-animate button{background: #000;padding: 0.9em 1.8em;color: #fff;text-transform: uppercase;font-size: 0.875em;border: none;border-radius: 0.3em;margin: 0.8em auto;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;outline: none;}
.b-animate-go:hover .b-animate{visibility:visible;}
.b-from-left{position: relative;left: -100%;background:#fff; opacity:0.9;background-size: 100% 100%;top: 0px;margin: 0;min-height: 241px;}
.b-animate-go:hover .b-from-left{left:0;}
.cooperation{background:#ededed;padding: 3em 0px;}
.cope h2{color:#000;font-size:2em;margin-bottom:0.5em;font-weight:600;text-align:center;}
.bottome{background:#222;padding: 3em 0px;}
.function{border-right:2px solid #fff;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:center;font-family:"微软雅黑";}
.function ul li{ text-align:center;padding:2.5px;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #fff;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:center;font-family:"微软雅黑";}
.serve ul li{ text-align:center;padding:5px;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.group{border-right:2px solid #fff;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑";}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
.wechat h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑";text-align:center;}
.wechat p{font-size:14px;color:#aaaaaa;font-size:12px;font-family:"微软雅黑"; text-align:center;margin-top:5px;}
.footer{background:#333333;padding:1em 0px; text-align:center;}
.footer p{color:#7d7d7d;font-size:14px;}
/*---------------功能介绍--------------*/
.really{background:#f0f0f0;}
.really_le{background:#fff;}
.fluid{width:80%;margin-left:130px;}
.fluid ul li{ float:left;padding:20px 60px;}
.fluid p{ text-align:center;font-size:20px;color:#000;font-family:"微软雅黑";margin-top:15px;}
.fluide{padding:3em 0px;}
.re h3{margin-top:20px;}
.lise{border-bottom:1px solid #838383;margin-top:30px;}
.re p{color:#656565;font-size:18px;font-family:"微软雅黑"; line-height:30px;margin-left:85px;}
.tuse{margin-top:1000px;}
/*--------------典型应用----------------*/
.content_white{ text-align:center;background:#fff;}
.content_white h2{font-size:24px;padding-top:40px;}
.content_white p{color:#000;font-weight:bold;font-size:30px;}
ul.test_box {padding: 0px;border:1px solid #e8e8e8;padding:1em 0px;margin-top:20px;}
ul.test_box li.test_img { float: left;width: 30%;margin-right: 1em;}
ul.test_box li.test_img img { margin-left:5px;}
ul.test_box li.test_desc { float: left;width: 65%;}
.test_desc h4{font-size:16px;font-weight:600;color:#161616;margin-top:10px;}
.test_desc h4 a{ text-decoration:none;}
.test_desc p{color:#757575;font-size:14px; line-height:30px; text-indent:2em;}
.ofuese{border:1px solid #e8e8e8;margin-top:20px;}
.etemise h3{background:#cbcbcb;height:41px;font-size:18px;color:#2a2a2a;font-family:"微软雅黑"; line-height:41px;padding-left:15px;}
.etemise ul li{ line-height:30px;padding-left:10px;}
.etemise ul li a{color:#555;font-size:14px;}
.etemise ul li a:hover{color:#1C9DDE}
.TIONS{background:#f0f0f0}
.testimonial{background:#fff;}
.content_whites{background:#fff;padding-left:25px;}
.content_whites h2{color:#ea0606;font-size:24px;padding-top:40px;}
.content_whites p{color:#000;font-weight:bold;font-size:30px;}
ul.test_boxe {padding: 0px;border:1px solid #e8e8e8;padding:1em 0px;margin-top:20px;}
ul.test_boxe h3{font-size:25px;color:#161616; text-align:center;margin-top:15px;font-family:"微软雅黑"; }
ul.test_boxe p a{color:#757575;font-size:12px;font-family:"微软雅黑"; text-align:center;padding:5px;}
.khes{margin-left:35px;font-size:16px;color:#333;font-family:"微软雅黑";margin-top:20px;font-weight:600;}
.khest{margin-left:35px;color:#757575;font-size:14px;font-family:"微软雅黑"; text-indent:2em; line-height:35px;}
.kheste{margin-left:35px;font-size:14px;color:#757575;font-family:"微软雅黑"; line-height:35px;}
.liset{ border-bottom:1px dashed #ccc;margin-top:30px;}
.syp a{margin-left:35px;font-size:14px;color:#757575;font-family:"微软雅黑"; line-height:35px;}
/*--------------合作伙伴----------------*/
.part h3{ text-align:center;font-size:30px;color:#1c9dde;font-family:"微软雅黑";margin-top:30px;}
.ative{background:#f3f3f3;padding:2em 0px;}
.ative .atie{ margin-left:60px;color:#555555;font-size:20px;}
.ative .aieis{ margin-left:60px;color:#656565;font-size:18px;}
.business{background:#1c9dde;padding:0.5em 0px;}
.business h3{ font-size:25px;color:#fff;text-align:center;}
.bey ul li{ float:left;padding:18px;}
.bey img{width:125px;height:57px;}
/*--------------服务支持----------------*/
.picer{padding:2em 0px;}
.pic p img{border:1px solid #fff;}
.siever p img{border:1px solid #fff;margin-top:60px;}
/*--------------联系我们----------------*/
.connect{padding:3em 0px;}
.about img{border:1px solid #fff;margin-top:20px;}
.about p{color:#787878;font-size:16px; text-indent:2em; line-height:35px;}
.conet img{border:1px solid #fff;margin-top:20px;}
.conet ul li{ line-height:30px;color:#787878;font-size:16px;margin-left:35px;} 
/*--------------行业资讯----------------*/
ul.test_boxtm {padding: 0px;border-bottom:2px solid #e8e8e8;padding:1em 0px;margin-top:20px;}
ul.test_boxtm li.test_img { float: left;width: 30%;margin-right: 1em;}
ul.test_boxtm li.test_img img { margin-left:5px;}
ul.test_boxtm li.test_desc { float: left;width: 65%;}
.test_desc h4{font-size:16px;font-weight:600;color:#161616;margin-top:10px;}
.test_desc h4 a{ text-decoration:none;}
.test_desc p{color:#757575;font-size:14px; line-height:30px; text-indent:2em;}
.test_le a{color:#1eafd2;font-size:16px;font-family:"微软雅黑"}
.test_le{margin-top:10px;}
.test_les{margin-top:10px;}
.test_les span{color:#969493}
DIV.jogger { padding:2px;margin:7px;text-align:center;margin-top:30px;margin-bottom:30px; } 
DIV.jogger A {padding-right:0.64em;padding-left:0.64em; padding-bottom:0.43em;margin:2px; color:#2aabe6;padding-top:0.5em; background:#fff; text-decoration:none;border:1px solid #ddd; } 
DIV.jogger A:hover { padding-right:0.64em;padding-left:0.64em; padding-bottom:0.43em;margin:2px;  color: #fff; padding-top:0.5em;background:#2aabe6; } 
DIV.jogger A:active {padding-right:0.64em;padding-left:0.64em; padding-bottom:0.43em;margin:2px;  color: #fff; padding-top:0.5em; background: #de1818 } 
DIV.jogger SPAN.current { padding-right:0.64em;padding-left:0.64em; padding-bottom:0.43em;margin:2px;  color: #fff; padding-top:0.5em; background:#2aabe6;} 
DIV.jogger SPAN.disabled { display:none; } 
.content_whitese{background: #fff;padding:2em 0px;}
.content_whites span{font-size:12px; color:#333;font-familY:"微软雅黑";padding-top:20px;}
.test_boxe p img{width:767px;}
.bs-example{margin-top:20px;margin-bottom:30px;}
.bs-example span{ float:right;margin-top:20px;margin-bottom:30px;}
@media(max-width:1440px){
}
@media(max-width:1366px){
.logo {}
}
@media(max-width:1280px){
.logo {}
.top-nav {}
.top-nav ul li a {}  
ul.callbacks_tabs.callbacks1_tabs {right:35em;}
}
@media(max-width:1024px){
.top-nav ul li {display: inline-block; float: left;}
.top-nav ul li.active a {color: #FF9A24;border-bottom: 2px solid #FF9A24;padding-bottom: 2px;font-size: 14px;}
.top-nav ul li a {position: relative;display: inline-block; outline: medium none;color: #FFF;text-decoration: none;font-family: "微软雅黑"; font-size: 14px;}
.grid figure {min-width: 320px;max-width: 480px;max-height: 360px;width: 42%;background: #3085a3;text-align: center;cursor: pointer;}
.teamw ul li a img { width: 151px;}
.i_zxmelc3 {background: transparent url("../images/con_bg1.png");height: 400px; width: 470px; margin-top: 30px;}
.i_zxmelc1 ul li { float: left; margin: 10px 1px; cursor: pointer;font-size: 16px;}
.i_zxmer ul li {float: left; margin:10px 1px; font-size: 16px;}
.i_zxmelc1 img{width:90%;}
.i_zxmer img{width:90%;}
ul.test_box li.test_desc {width: 60%;}
.test_boxe p img {width: 567px;}
.fluid ul li {float: left;padding: 20px 30px;}
}
@media(max-width:768px){
.slider{ display:none;}
.header-top {background: #fff; opacity:10;}
.logo img{width:80%;margin-left:-25px;}
.dl{margin-top:10px;color:#FF9A24;font-size:18px;}
.top-nav ul{position:absolute;width:100%;z-index: 9999;left: 0%;margin:2em 0em;background:#333333;}
.active{ display:none;}
.act{ display:none;}
.con{/* display:none;*/}
.lisen{margin-bottom:10px;}
.grid_1 h2{color:#000000;font-size:18px;margin-bottom:0.5em;font-weight:600;}
.grid figure {position: relative;overflow: hidden;float: left; margin-top: 10px;margin:0px;min-width: 100%;max-width: 100%;max-height: 100%;width: 48%;background: #3085a3;text-align: center;}
figure.effect-honey h2 {position: absolute;bottom: 0;left: 0;padding: 0.5em 0.5em;height:50px;width: 100%;text-align: left;background:#0092db;opacity: 0.8;color:#fff;font-size:16px;}
figure.effect-honey span a{margin-top: 20px;float: right;color:#fff;font-size:12px;}
ul.callbacks_tabs.callbacks1_tabs {right: 25em;}
.top-nav ul {top: 26px;}
.banner { min-height:150px;}
.top { margin-top: 6px;}
.grid figure {position: relative;overflow: hidden;float: left;margin:0px;max-width: 480px;max-height: 360px;width: 42%;background: #3085a3;text-align: center;cursor: pointer;}
.b-animate span {padding-top: 1.2em;}
.teamw ul li{float:left;}
.teamw ul li a img{width:50%;}
.function{border-right:2px solid #222;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:center;font-family:"微软雅黑";}
.function ul li{ text-align:center;padding:10px;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #222;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:center;font-family:"微软雅黑";}
.serve ul li{ text-align:center;padding:10px;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.group{border-right:2px solid #222;margin-bottom:30px;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑"; text-align:left}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
.i_zxmelc1{margin-top:0px;}
.really_le {background: #fff;padding: 8em 0px;}
.fluid{width:100%;margin-left:0px;}
.fluid ul li{ float:left;padding:20px 10px;width:32%}
.fluid p{ text-align:center;font-size:14px;color:#000;font-family:"微软雅黑";margin-top:15px;}
.fluid img{ width:100%;}
.let img{width:25%;margin-top:20px;}
.re h3 img{width:50%;}
.re p {color: #656565;font-size: 14px;font-family: "微软雅黑";line-height: 30px;margin-left: 65px;}
.tuse{margin-top:20px;}
.grid_1{margin-top:139px;}
.partner{padding:8em 0px;}
.ative .atie{ margin-left:0px;color:#555555;font-size:14px; line-height:30px}
.ative .aieis{ margin-left:0px;color:#656565;font-size:14px; line-height:30px;}
.connect {padding: 10em 0px;}
.picer{padding:9em 0px;}
.content_white h2{padding-top:150px;}
.content_whites h2{padding-top:150px;}
.test_boxe p img{width:80%;}
ul.test_boxe h3 {font-size: 18px;color: #161616;text-align: center;margin-top: 15px;font-family: "微软雅黑";}
.khest {margin-left: 10px;color: #757575;font-size: 12px;font-family: "微软雅黑"; text-indent: 2em; line-height: 35px;width:95%;}
.kheste {margin-left: 10px;color: #757575;font-size: 12px;font-family: "微软雅黑";  line-height: 35px;}
.syp a{margin-left:10px;font-size:14px;color:#757575;font-family:"微软雅黑"; line-height:35px;}
.test_le a {color: #1eafd2;font-size: 14px;font-family: "微软雅黑";}
.test_le{margin-top:5px;}
.test_les{margin-top:5px;}
.ofuese{margin-top:70px;}
.i_zxmelc1 ul{margin-left:30px;}
.i_zxmelc1 ul li{margin:10px 25px;}
.i_zxmer ul{margin-left:30px;}
.i_zxmer ul li{margin:10px 25px;}
}

@media(max-width:920px){
.logo { padding: 1em 1em 1em 3em;}
ul.callbacks_tabs.callbacks1_tabs {right: 30em;}
}
@media(max-width:800px){
.logo {padding: 0em 1em 0.3em 2em;}	
.top-nav ul li a { margin: 0.5em 0em;}
.i_zxmelc1 ul{margin-left:30px;}
.i_zxmelc1 ul li{margin:10px 25px;}
.i_zxmer ul{margin-left:30px;}
.i_zxmer ul li{margin:10px 25px;}
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 30px; max-width: 480px;max-height: 360px;  width: 40%; background: #3085a3;text-align: center;cursor: pointer;}
}
@media(max-width:736px){
.top ul li {margin: 10px 30px;cursor: pointer;float: left;}

}
@media(max-width:640px){
ul.callbacks_tabs.callbacks1_tabs {right: 20em;}
.b-animate span {padding-top: 1.4em;font-size:1.2em;}
.b-animate button {padding: 0.7em 1em;font-size: 0.8em;}
.banner-matter p {font-size: 1em;line-height: 1.7em;height: 58px;overflow: hidden;}
.i_zxmelc1 ul{margin-left:30px;}
.i_zxmelc1 ul li{margin:10px 25px;}
.i_zxmer ul{margin-left:30px;}
.i_zxmer ul li{margin:10px 25px;}
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 30px; max-width: 480px;max-height: 360px;  width: 37%; background: #3085a3;text-align: center;cursor: pointer;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.function ul li{ padding:10px;float:left;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #222;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.serve ul li{padding:10px;float:left;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.group{border-right:2px solid #222;margin-bottom:30px;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑"; text-align:left}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
}
@media(max-width:480px){
.logo { padding: 0em 1em 0.3em 1em;}
.top-nav {padding: 9px;}
.top-nav {padding: 9px;}
.callbacks_tabs a:after { height: 10px; width: 10px;}
ul.callbacks_tabs.callbacks1_tabs { right: 16em;}
.grid_1 {margin-top:146px;}  
.logo { width: 100%;}  
.top ul li { margin: 10px 7px;cursor: pointer;float: left;}
.da-thumbs li {background: #0092db;padding: 8px;position: relative;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#portfoliolist .portfolio {width: 48%;margin: 3% 3% 0% 0;}
#portfoliolist .portfolio:nth-child(3)  {margin-right: 3%;}
#portfoliolist .portfolio:nth-child(2),#portfoliolist .portfolio:nth-child(4),#portfoliolist .portfolio:nth-child(6){margin-right:0;}
.b-animate span {padding-top: 2.8em;}
.khes { margin-left: 10px; font-size: 14px; color: #333; font-family: "微软雅黑";margin-top: 20px;font-weight: 600;}
}
@media(max-width:414px){
.logo { /*padding: 0.5em 1em 0em 1em;*/}
.top-nav {padding: 6px;}
ul.callbacks_tabs.callbacks1_tabs { right: 13em;bottom: 3px;}
.content-news {padding: 3em 0 0em;}
.test_desc p{color:#757575;font-size:12px;line-height: 15px;}
.test_desc h4{margin-top:-1px;font-size:12px;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.function ul li{ text-align:center;padding:10px;float:left;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #222;margin-bottom:30px;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.serve ul li{ text-align:center;padding:10px;float:left;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.group{border-right:2px solid #222;margin-bottom:30px;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑"; text-align:left}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
.khes { margin-left: 10px; font-size: 14px; color: #333; font-family: "微软雅黑";margin-top: 20px;font-weight: 600;}
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 310px;max-width: 480px;max-height: 360px;width: 40%;background: #3085a3;text-align: center;cursor: pointer;}
}
@media(max-width:384px){
ul.callbacks_tabs.callbacks1_tabs {right: 12em;}
.test_desc p{color:#757575;font-size:12px;line-height: 15px;}
.test_desc h4{margin-top:-1px;font-size:12px;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.function ul li{ text-align:center;padding:10px;float:left;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #222;margin-bottom:30px;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.serve ul li{ text-align:center;padding:10px;float:left;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 280px; max-width: 480px;max-height: 360px;  width: 40%; background: #3085a3;text-align: center;cursor: pointer;}
.group{border-right:2px solid #222;margin-bottom:30px;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑"; text-align:left}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
.khes { margin-left: 10px; font-size: 14px; color: #333; font-family: "微软雅黑";margin-top: 20px;font-weight: 600;}
.i_zxmelc1 ul{margin-left:30px;}
.i_zxmer ul{margin-left:30px;}
.i_zxmelc1 ul li{margin:10px 10px;}
.i_zxmer ul li{margin:10px 10px;}
.i_zxmelc1 img {width: 90%;}
.i_zxmer img{width:90%;}
.i_zxmelc1 p { text-align:center;}
.i_zxmer p { text-align:center;}
DIV.jogger A { padding-right: 0.4em;padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #2aabe6; padding-top: 0.5em; background: #fff; text-decoration: none;border: 1px solid #ddd;}
}
@media(max-width:360px){
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 260px; max-width: 480px;max-height: 360px;  width: 21%; background: #3085a3;text-align: center;cursor: pointer;}
}
@media(max-width:320px){
ul.callbacks_tabs.callbacks1_tabs {right: 11em;}
.top-nav ul li{float:none;padding: 9px;float:left;}
.top-nav ul li a{font-weight:600;}
.top-nav ul li a:hover{color:#ff9a24;}
.top-nav ul li a::before{color:#ff9a24;}
.top-nav ul li {display: inline-block; float: left;padding:12px;}
.b-animate span {padding-top: 1.3em;font-size:1em;}
.b-animate button {padding: 0.6em 0.8em;font-size: 0.7em;}
.typical h2{font-size:1.3em;}
.cooperation {background: #ededed; margin-top: 0px;padding: 3em 0px;}
.function{border-right:2px solid #222;margin-bottom:30px;}
.function h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.function ul li{ text-align:center;padding:10px;float:left;}
.function ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.serve{border-right:2px solid #222;margin-bottom:30px;}
.serve h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;text-align:left;font-family:"微软雅黑";}
.serve ul li{ text-align:center;padding:10px;float:left;}
.serve ul li a{color:#aaaaaa;font-size:14px;font-family:"微软雅黑";}
.khes { margin-left: 10px; font-size: 14px; color: #333; font-family: "微软雅黑";margin-top: 20px;font-weight: 600;}
.group{border-right:2px solid #222;margin-bottom:30px;}
.group h3{font-size:18px;color:#fff;margin-bottom:0.5em;font-weight:500;font-family:"微软雅黑"; text-align:left}
.group ul li{color:#aaaaaa;font-size:12px;font-family:"微软雅黑";padding:5px;}
.bey ul li{ float:left;padding:9px;margin-top:10px;}
.conet ul li{ line-height:30px;color:#787878;font-size:16px;margin-left:0px;} 
ul.test_box li.test_desc { width: 60%; }
ul.test_box li.test_img img {margin-left: 5px;}
.test_desc h4 a{font-size:12px;font-weight:600;}
.test_desc p{color:#757575;font-size:12px;line-height: 15px;}
.test_desc h4{margin-top:-1px;font-size:12px;}
.i_zxmelc1 ul{margin-left:30px;}
.i_zxmer ul{margin-left:30px;}
.i_zxmelc1 ul li{margin:10px 1px;}
.i_zxmer ul li{margin:10px 1px;}
.i_zxmelc1 img {width: 75%;}
.i_zxmer img{width:75%;}
.i_zxmelc1 p { text-align:left;}
.i_zxmer p { text-align:left;}
.grid figure {position: relative;overflow: hidden;float: left;margin: 35px;min-width: 220px; max-width: 480px;max-height: 360px;  width: 25%; background: #3085a3;text-align: center;cursor: pointer;}
.re h3 img{width:100%;}
}