@media (max-width: 1850px) {
.hmd{ width:100%;}
}
@media (max-width: 1760px) {
.syline i{ width:100%;}
}
@media (max-width: 1630px) {
.md{ width:100%;}
/*-- 门户banner --*/
.indtl{ padding-left:5%; }
.indtr{ right:2%; }
#two .twonav .twocol{ width:12%;}
}
@media (max-width: 1430px) {
.abw{ width:100%;}
/*-- 头部 --*/
.logo{ width:24%;}
.tel{ width:21%; }
/*-- 品牌web --*/
.marka-show{ padding:0px;}
}
@media (max-width: 1330px) {
.cmd{ width:100%;}
/*-- *关于我们* --*/
.inbanner p{ margin-top:10%;}
/*-- --*/
.syfo-two-a, .syfo-two-b, .syfo-two-c{  height:320px; }
.foot-box{ padding:65px 15px 50px;}
/*-- 门户banner --*/
.indt{ width:100%; height:500px; }
.indtl{ padding-left:3%; padding-top:2%;}
.indtl h1{ font-size:90px;}
.indtl h1 span{font-size:46px; }
.indtl p{ font-size:15px; line-height:30px; padding:30px 0px;}
.indtl a{ font-size:15px; }
.indtr img{ width:70%; float:right;}
.indta-one{ width:230px; height:230px; margin:40px;}
.indta-one i{ padding:40px 0px 15px;}
.indta-one p{ font-size:18px; }
/*-- 网站web --*/
.web-xm .al{ width:25%;}
.web-xm .ar{ width:75%;}
.web-xm .ar h1{ font-size:28px;}
.web-xm .ar p{ font-size:16px;}
.web-br ul li i{ width:75px; height:75px; }
.web-br ul li i img{ width:50px;}
.web-br ul li span{ width:75%; font-size:17px; line-height:25px; padding-top:5px; padding-left:5px;}
#two .twonav .twocol{ width:15%;}
}
@media (max-width: 1230px) {
.emd{ width:100%;}
.syone-m{ width:90%; margin:0px 5%; }
.foot-cimg{ width:50%; padding:15px 8px;}
/**/
.syfo-b{ padding:30px 7% 0px;}
.syfo-b h1{ margin-top:25px;}
.syfo-b p{ margin-top:40px;}
.plra40{ padding:30px 20px;}
/*-- 营销banner --*/
.mark{height:520px; }
.mark h1{ font-size:30px; margin-top:30px; }
.mark p{ font-size:60px; }
/*-- --*/
.markb-one{ width:33.33%; height:auto; float:left; padding:35px;}
.markb-mone{ width:100%; height:300px; float:left; background:#FFF; padding:25px 35px 10px;
-moz-border-radius: 80px 0px; /* Firefox */
-webkit-border-radius: 80px 0px; /* Safari 和 Chrome */
border-radius: 80px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.markb-mone i{ width:100%; height:auto; float:left; text-align:center;}
.markb-mone i img{ max-width:100%;}
.markb-mone h1{ width:100%; height:auto; text-align:center; font-size:30px; color:#ff8400; line-height:30px; padding:15px 0px; font-weight:bold; float:left;}
.markb-mone p{ width:100%; height:auto; float:left; font-size:15px; color:#333232; line-height:25px;}
.markc{ width:100%; height:auto; float:left; padding:80px 0px 110px;}
.markc h1{ width:100%; height:auto; float:left; text-align:center; font-size:51px; color:#3e7dff; font-weight:bold; padding:10px 0px;}
.markc h2{ width:100%; height:auto; float:left; padding:10px 0px; text-align:center; font-size:30px; color:#3e3d3d; line-height:35px;}
/*-- 客服banner --*/
.incase{ height:380px;}
.incase h1{ font-size:50px; margin-top:90px;}
.incase span{ padding:14px 30px; font-size:24px; }
/*-- --*/
.morebox{ padding:40px 0px 80px;}
.moresone{ line-height:60px; height:60px;}
/*-- 新闻 --*/
.news{ padding:15px 0px;}
.newsname .as h1{ font-size:17px; }
.newsname .bs p{ font-size:15px; line-height:24px; }
.ndate{ padding:10px 20px;}
}
@media (max-width: 1200px) {
/*-- 头部 --*/
.tel p span{ color:#FFF; font-size:14px; line-height:25px;}
.navs ul li a{ font-size:15px;}
.web-br ul li span{ font-size:16px;}
/*-- 企业文化 --*/
.ab-ca{ background-size:650px;}
.ab-cal{ width:50%; }
#two .twonav .twocol{ width:18%;}
}
/* md */
@media (max-width: 1180px) {
/**/
.web-b{ height:850px;}
}
@media (max-width: 1120px) {
.smone h1{ font-size:40px;}
.smone p{font-size:16px;}
}
@media (max-width: 1080px) {
/*-- 头部 --*/
.tel p span{ font-size:13px; line-height:15px;}
.navs ul li{ width:auto; padding-left:1.2%;}
.logo{ padding-left:0px;}
/*-- 网站 --*/
.web-xm .al img{ width:60px;}
.web-xm .ar h1{ font-size:24px;}
.web-xm .ar p{ font-size:13px;}
/*-- 营销banner --*/
.mark{height:420px; }
.mark h1{ font-size:24px; margin-top:30px; }
.mark p{ font-size:40px; }
/*--　营销 --*/
.markb-one{ padding:10px;}
.markb-mone{ padding:15px 15px 10px;
-moz-border-radius: 50px 0px; /* Firefox */
-webkit-border-radius: 50px 0px; /* Safari 和 Chrome */
border-radius: 50px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.markb-mone i img{ width:70px;}
.markb-mone h1{font-size:24px; padding:10px 0px;}
.marka-o{ padding:15px; }
.marka-a span{ font-size:18px; }
.marka-b{  font-size:16px; padding:5px 0px;}
.marka-c{ font-size:14px; line-height:22px;}
/*-- 客服banner --*/
.incase{ height:320px; }
.incase h1{ margin-top:85px; font-size:44px;}
.incase p{ margin-top:30px; font-size:22px; padding:10px 20px; line-height:22px;}
/*-- 联系我们 --*/
.contbox{ padding:55px 0px;}
.contl{ width:100%; padding-right:0; padding-top:10px; padding-bottom:20px;}
.contr{ width:100%; }
/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; padding:20px 0px;}
.mapfang{ width:100%; height:335px; float:left; border:1px solid #cccccc; }
.mapfang img{ max-width:100px;}
/*-- 首页 --*/
.syweb-a{  padding:30px 10px 10px 20px;}
.syweb-a h1{ font-size:34px; }
.syweb-b .p1{ padding:20px 10px 0px 15px;}
.syweb-b .p1 h1{ font-size:22px; }
.syweb-b .p1 p{ font-size:13px; padding-bottom:25px;}
.syweb-b .p1 ul li a{ min-width:75px; line-height:20px; padding:3px; font-size:12px;}
}
/*ipad*/
@media (min-width: 992px) and (max-width: 1199px) {
.tel{ display:none;}
.navs{ width:70%; }
.navs ul{ justify-content:flex-end; align-items: flex-end;}
}
@media (min-width: 768px) and (max-width: 991px) {
.bcpname p{ padding:0px 5px;}
/*-- 头部 --*/
.tel p span{ font-size:13px; line-height:15px;}
/*.navs ul li{ width:auto; padding-left:15px;}*/
.logo{ padding-left:0px;}
/**/
.navs{ width:76%;}
.navs ul li{ padding-left:2%;}
.tel{ display:none;}
/**/
.syfo-two-a, .syfo-two-b, .syfo-two-c{  height:300px; }
/**/
/*-- foot --*/
.footup ul li{ padding:0px 15px;}
/*-- *关于我们* --*/
.inbanner{ height:400px;}
.inbanner p{  margin-top:10%;}
.ab-cone{ width:43%;}
/*-- 门户 --*/
.indta-one{ width:190px; height:190px; margin:40px 10px;}
.indta-one i img{ width:70px;}
.indtb-show{ margin-top:40px;}
.indtb-show img{ margin:0px 5px 20px; width:25%;}
/*-- 品牌web --*/
.baaone{ height:auto; }
.plra25{ padding:15px 25px;}
/*-- 新闻 --*/
.newsname .as h1{ font-size:15px; }
.newsname .bs p{ font-size:13px; line-height:20px; }
.ndate{ padding:5px 20px;}
.plra25{ padding:10px;}
}
/* xs */
@media (max-width: 767px) {
#wrapper {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper {
z-index: 99999;
left: 220px;
width: 0;
height: 100%;
margin-left: -220px;
*margin-left: -220px;
overflow-y: auto;
overflow-x: hidden;
background: #434343;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#wrapper.toggled #sidebar-wrapper {
width: 220px;
}
#page-content-wrapper {
width: 100%;
}
#wrapper.toggled #page-content-wrapper {
position:relative;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
width: 220px;
list-style: none;
float:left;
}
.sidebar-nav li {
position: relative;
line-height: 32px;
display: inline-block;
width: 100%;
padding:8px 5px;
border-bottom:1px solid #e4e4e4;
}
.sidebar-nav li:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 0px;
background-color:#0193de;
-webkit-transition: width .2s ease-in;
-moz-transition:  width .2s ease-in;
-ms-transition:  width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav i{ padding-right:20px;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition:  width .2s ease-in;
-ms-transition:  width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li a {
display: block;
color: #FFF;
text-decoration: none;
padding: 5px 10px 5px 10px;
font-size:16px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
}
.sidebar-nav > .sidebar-brand {
height: 50px;
font-size: 20px;
line-height: 45px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color:#99c200;
box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px;}
.psort{ width:100%; height:auto; float:left; padding-left:0px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}
.sidebar-nav li .snav{ background:#fff; width:100%; float:left; box-shadow:2px 2px 1px rgba(204,204,204,0.5); padding:10px; display:none;}
.sidebar-nav li .snav a{display:block; line-height:28px; font-size:15px; color:#666; text-decoration:none;}
.sidebar-nav li .snav a:hover{ background:#99c200; color:#fff;}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.overlay{ width:100%; height:100%; display:none; background-color:#3e7dff; position:fixed; left:0; top:0; z-index:99999;
filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90;}
.phonefloat{ width:100%; height:50px; float:left; background-color:#3e7dff; position:relative;}
.phonem{ float:none; position:fixed; left:0; top:0; width:100%; height:50px; background-color:#3e7dff; z-index:9999999;}
.phone-title{ width:88%; height:50px; float:left;}
.phone-logo{ width:100%; height:auto; float:left; margin-top:7px; text-align:center;}
.phone-logo img{ height:36px; }
.phone-nav{ }
.phone-a{  padding:30px 0px; height:1px; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.phone-a ul li{ width:100%; height:auto; float:left; text-align:center; font-size:17px; padding:10px 5px;}
.phone-a ul li a{ display:block; color:#FFF; line-height:24px;}
.phone-a ul li a:hover{ color:#ff5400; }
#choose1{ color:#5d98d0; }
#wrapper.toggled .phone-a{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; height:auto;}
.hamburger {
position: fixed;
top: 9px;
z-index: 9999999;
display: block;
width: 32px;
height: 32px;
background-color: transparent;
border: none;
right:10px;
transition:1s;-webkit-transition: 1s;-moz-transition: 1s;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #FFF;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color: #FFF;
}
.hamburger.is-closed .hamb-top {
top: 5px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
top: 50%;
margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
bottom: 5px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
top: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
/*-------------------------------------RBOX-----------------------------------*/
/*-- 门户banner --*/
.indt{ height:auto;}
.indtl{ width:100%; padding:25px 10px 50px; }
.indtl h1{ width:100%; height:auto; font-size:40px; }
.indtl h1 span{ position:absolute; left:0; bottom:0; font-size:20px;}
.indtl p{ width:100%; font-size:13px; line-height:22px; padding:20px 0px;}
.indtl a{ width:120px; height:50px; line-height:44px; font-size:14px;}
.indtr{ position:absolute; right:5%; bottom:0;}
.indtr img{ width:200px;}
/*-- 品牌banner --*/
.brand{ height:300px; }
.brand h1{  font-size:40px; margin-top:55px; }
.brand p{ font-size:20px; padding-top:20px;}
/*-- 软件banner --*/
.inerp{ height:180px; }
.inerp h1{ font-size:20px; margin-top:50px;}
.inerp p{  margin-top:20px; padding:0px 20px;}
.inerp span{ padding:0px; font-size:14px; line-height:25px; }
#newsv{ height:130px; }
/*-- 营销banner --*/
.mark{ height:auto; padding:20px 0px;}
.mark h1{ font-size:16px; line-height:30px; margin-top:10px; }
.mark p{ font-size:20px;}
.mark i{ position:relative; float:left; left:0; bottom:0; }
/*-- 客服banner --*/
.incase{ height:180px; }
.incase h1{ font-size:22px; margin-top:50px;}
.incase p{ margin-top:5px;}
.incase span{ padding:10px 15px; font-size:14px; line-height:25px;
-moz-border-radius:30px; /* Firefox */
-webkit-border-radius:30px; /* Safari 和 Chrome */
border-radius:30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
/*-- 首页数字 --*/
.syone{ margin-top:15px; }
.syone-m{ width:100%; margin:0px; padding:5px 0px; }
.smone{ width:50%; height:80px; padding-top:10px; }
.smone h1{ font-size:22px; line-height:40px;}
.smone p{  padding:0px; font-size:14px; line-height:22px;}
.smone i{ top:10px; height:60px; }
/*-- 首页项目 --*/
.sytwo{ margin-top:40px;}
.syweb{ padding:10px 0px;}
.syweb-a{ width:100%; height:auto; background-position:right bottom; padding:35px 20px;}
.syweb-a h1{ font-size:20px; line-height:30px;}
.syweb-a p{ line-height:22px;}
.syweb-b{ width:100%; height:auto;}
.syweb-b .p1{ padding:25px 15px 60px;}
.syweb-b .p1 h1{ font-size:19px; }
.syweb-b .p1 p{  margin-top:15px; padding-bottom:20px;}
.syweb-b .wbtn a{ height:50px; line-height:50px; }
.syweb-b .p1 ul li a{ min-width:85px; }
.syerp{ padding:20px 0px;}
/**/
.syline{ padding:10px 10px 30px;}
/*-- 首页企业logo --*/
.syth-m{ margin-top:10px;}
.syth-a{ width:100%; }
.syth-b{ width:50%;}
/*-- 首页关于我们 --*/
.syfo{ width:100%; height:auto; float:left; padding:45px 0px;}
.syfo-t h2{ font-size:16px; line-height:25px;}
.syfo-t h1{ font-size:20px; line-height:25px; }
.syfo-t h1:before{ left:43%; bottom:-10px; width:14%;}
.syfo-t p{ line-height:22px;  margin-top:15px;}
.syfo-m{ margin-top:10px;}
.syfo-a{ width:100%; height:360px; }
.syfo-b{ width:100%;  padding:20px;}
.syfo-b h1{ font-size:19px; line-height:25px; margin-top:10px;}
.syfo-b p{ font-size:14px; line-height:25px; margin-top:20px; padding-right:0;}
.syfo-two-a, .syfo-two-b, .syfo-two-c{ height:auto; padding:10px; }
.syfo-two-a h1{ font-size:16px; line-height:23px; margin-top:15px;}
.syfo-two-a p{  font-size:13px; line-height:23px;}
.syfo-two-c video{ width:100%; height:320px;}
/*-- 手机导航 --*/
.phone-a .twocol{ width:100%; height:auto; float:left; padding:5px;}
.phone-a .twocol h1{ width:100%; height:auto; float:left; color:#fbbd9a; font-size:15px; font-weight:600;  text-align:left; padding-bottom:5px;}
.phone-a .twocol p{ width:auto; height:auto; float:left;  text-align:left; padding-right:10px;}
.phone-a .twocol p a{ color:#FFF; font-size:14px; display:block; text-align:left; line-height:32px;}
.phone-a .twocol p a:hover{ color:#fbbd9a;}
/*-- 关于我们 --*/
.inbanner{ height:260px;}
.inbanner p{ font-size:17px; line-height:35px; margin-top:8%;}
.inbanner h1{ font-size:28px; padding:5px 0px;}
.abnavm{ width:92%; height:80px; }
.abchoose{ height:80px; }
.abchoose i{ height:30px; background-size:35px;}
.abchoose h2{font-size:14px;}
.aone{ width:8%; height:80px;}
.ab-a{ padding:25px 0px;}
.ab-at{ padding:10px 0%;}
.ab-at h1{ font-size:46px; line-height:50px; }
.ab-at p{ font-size:20px; top:23px;}
.ab-at span{ font-size:16px; margin-top:-5px; }
.ab-ashow{ padding:0px;}
.ab-ashow .p1{ font-size:14px; }
.ab-ashow .syone-m{ margin:20px 0;}
.ab-ashow .p2{ padding:20px 0px 0px;}
.ab-b{ padding:25px 0px;}
.ab-bt{ padding:10px 0; }
.ab-bt h1{ font-size:50px; line-height:50px; }
.ab-bt p{ font-size:22px; top:23px;}
.ab-bt span{ font-size:14px;}
.ab-bshow{ padding:10px 0%;}
.ab-bshow .p1{ width:100%; }
.ab-bshow .p1 i{ width:100px; height:100px; }
.ab-bshow .p1 i p{ font-size:15px; line-height:22px;}
.ab-bshow .p2{  font-size:13px; line-height:22px; padding:20px 0px;}
.ab-cone{ padding:25px; margin:15px;}
/*-- 历史 --*/
.history{ padding-top:20px; }
.abpoint{ height:50px; }
.abmx{left:5%;}
.abmx{left:5%;}
.abmx i{ width:12px; height:12px; margin-left:-6px;}
.abl{ width:100%; padding-right:0; padding-left:10%;}
.abl-l{ width:100%; }
.abl-r{ width:100%; }
.abl-date{ padding:10px; font-size:26px; text-align:left; }
.abl-info{ float:left; font-size:15px; padding-left:0px;}
.abr{ width:100%; float:left; padding-left:10%; }
.abr-date{ padding:10px; font-size:26px; text-align:left; }
.abr-info{ font-size:15px; padding-right:0px;}
.pointl{ width:12px; height:12px; right:auto; left:11px;}
.pointl span, .pointr span{ width:12px; height:12px; padding:2px;}
.pointr{ width:12px; height:12px; left:11px;}
.ending{ font-size:18px; padding:10px 0px 30px; text-align:left;}
/*-- 企业文化 --*/
.ab-ca{ background-position:right bottom; padding:20px 0px 150px; background-size:300px;}
.ab-cal{ width:100%; }
.ab-cal-one h1{ line-height:25px; font-size:18px; padding-top:10px; padding-bottom:5px;}
.ab-cal-one p{ font-size:15px; line-height:25px; padding:5px 0px 15px;}
.ab-cb{ padding-top:50px;}
.ab-cbt h1{ font-size:20px; line-height:30px; }
.ab-cbt p{ font-size:16px; line-height:28px; padding:20px 0px;}
/*-- 门户 --*/
.indta{ width:100%; height:auto; float:left; padding:40px 10px;}
.indta-t h1{ font-size:20px; line-height:30px;}
.indta-t p{ font-size:16px; line-height:25px; margin-top:10px;}
.indta-t span{ font-size:12px; line-height:15px;}
.indta-one{ width:150px; height:150px;  margin:20px 10px;}
.indta-one i{ padding:20px 0px 15px;}
.indta-one i img{ width:40%;}
.indta-one p{ font-size:14px;}
.indtb{ padding:40px 10px;}
.indtb-show{ margin-top:30px;}
.indtb-show img{ margin:4px; width:28%;}
.indtc{ height:220px; padding:40px 10px; background-position:center; }
/*-- 品牌web --*/
.branda{ padding:10px 0px;}
.baaone{ height:auto;  padding:25px 30px;}
.bup{ width:100%; height:auto; float:left;}
.bup i{ width:45px; height:45px; font-size:24px; line-height:45px;}
.bup span{ margin-top:5px;}
.bup span h1{ font-size:18px; line-height:25px; }
.bup span p{ font-size:13px; line-height:20px;}
.bdown{ font-size:14px; line-height:28px; padding-top:15px;}
.branda-b{ width:100%; height:auto; float:left; margin:20px 0px; padding:20px; }
.bbl h1{ font-size:26px; line-height:30px; }
.bbl h2{ font-size:26px;}
.bbl h3{ font-size:20px; line-height:28px;}
.bbl p{ width:100%; font-size:16px; line-height:25px;}
.bbr{ right:0; top:0; position:relative; float:right;}
.bbr img{ width:100%;}
.brandb{ padding:40px 0px;}
.brandb-t h1{ font-size:20px; line-height:30px;}
.brandb-t p{ font-size:15px; padding:10px;}
.brandb-one h1{ font-size:17px; }
.brandb-one p{ font-size:14px; line-height:22px; padding:10px 0px;}
.brandb-one i{ padding:10px 0px; text-align:center;}
.brandb-one i img{ max-width:100%;}
.brandc{ padding:20px 0px 50px;}
.brandcm{}
.brandcm-l{ width:auto; height:auto; padding:30px 20px; margin:20px; }
.brandcm-l h1{ font-size:20px; padding-bottom:20px;}
.brandcm-l h1:before{ width:50px; height:2px;}
.brandcm-l p{ font-size:14px; line-height:25px; margin-top:20px;}
.brandcm-l a{ width:150px; height:45px; margin-top:30px; font-size:14px; line-height:45px; padding-left:15px; background-position:90px center;}
.brandcm-l a:hover{ background-color:#242424; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.brandcm-r{ position:relative; float:right;}
/*-- 网站web --*/
.web-a{ padding:10px 0px;}
.web-aone{ padding:10px 0px;}
.web-al{ width:100%; height:auto; padding:30px 20px 40px; }
.web-al h1{ font-size:22px; }
.web-ar{ width:100%; }
.web-x{ width:100%; padding:5px 0px 0px 0px;}
.web-xm{ width:100%; height:auto; padding:10px;}
.web-xm .al{ width:20%; height:auto;}
.web-xm .al img{ width:50px;}
.web-xm .ar{ width:80%; }
.web-xm .ar h1{ font-size:17px;}
.web-xm .ar p{ font-size:14px; line-height:25px;}
.web-b{ height:auto; }
.web-bt{ padding-top:50px;}
.web-bt h1{ font-size:20px; }
.web-bt p{ font-size:14px; padding:20px 15px;}
.web-binfo{ margin-top:10px; padding-bottom:50px;}
.web-bl{ width:100%; }
.web-bl img{ width:100%;}
.web-br{ width:100%; }
.web-br ul li{ width:100%; height:auto; float:left; margin-top:20px;}
.web-br ul li i{ width:50px; height:50px; }
.web-br ul li i img{ width:30px;}
.web-br ul li span{ width:80%; font-size:14px; line-height:25px; padding-top:2px;}
.web-c{ padding:40px 0px 30px; }
.web-ct h1{ padding:0px 10px;}
.web-ct h1 span{ font-size:20px; padding:10px 20px;}
.web-ct h1 span:before{ width:20%;}
.web-ct p{ font-size:14px; padding:10px 20px; line-height:25px;}
.web-show{  padding:20px 0px; }
.web-lcone{ width:80px; }
.web-lcone .p2{ font-size:13px; }
.web-lcone .p2 p{ height:40px;}
.web-lcgo{ width:30px; height:80px; background-size:20px auto;}
/*-- 营销 --*/
.marka{ padding:30px 0px;}
.marka-t{ padding:20px 0px 10px;}
.marka-t p{ font-size:16px; }
.marka-t h1{ padding:10px 0px; font-size:18px; line-height:25px;}
.marka-show{ padding:0px;}
.marka-one{ width:100%; padding:6px;}
.marka-o{ height:auto; margin-bottom:6px;}
.marka-a i{ width:45px; height:40px; margin-top:5px;}
.marka-a i img{ width:100%;}
.marka-a span{ font-size:18px; padding-left:5px;}
.marka-b{ font-size:16px; padding-top:0px;}
.marka-c{ font-size:14px; }
.marka-tm{ height:auto; }
.marka-tm h2{ font-size:20px; padding:25px 0px;}
.marka-tm h1{ font-size:32px; }
.marka-tm span{ font-size:14px;}
.marka-tm p{ letter-spacing:3px; font-size:18px;}
.marka-tm i{ position:relative; float:left; left:0; bottom:0; padding-bottom:20px;}
.marka-tm i img{ width:50%;}
.markb{  padding:60px 0px; }
.markb-t h1{ font-size:20px; }
.markb-t p{ font-size:13px; }
.markb-one{ width:100%; padding:10px;}
.markb-mone{ height:auto; padding:15px;
-moz-border-radius: 30px 0px; /* Firefox */
-webkit-border-radius: 30px 0px; /* Safari 和 Chrome */
border-radius: 30px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.markb-mone i img{ width:60px;}
.markb-mone h1{ font-size:18px; line-height:20px; padding:12px 0px;}
.markb-mone p{ font-size:14px; }
.markc{ padding:30px 10px;}
.markc h1{ font-size:20px; }
.markc h2{ font-size:15px; line-height:25px;}
/*-- 案例 --*/
.casep{font-size:13px; padding:10px 0px ;}
.casenavs{ padding:20px 5px;}
.casenavs a{ padding:5px 25px; font-size:15px; margin:0px 10px;}
.caseone{ margin-top:10px;}
.caseimg{ padding:10px 10px 0px; }
.caseimg .p2{ right:2%;}
.caseimg .p2 img{ width:50px;}
.casename p{ font-size:14px; height:50px;}
.morebox{ padding:20px 0px 40px;}
.moresone{ font-size:15px; line-height:25px; min-width:200px; height:auto; padding:10px;}
.erpname p{ font-size:14px; height:40px;}
/*-- 新闻 --*/
.news{ width:100%; height:auto; float:left; padding:25px 0px;}
.newsname{ padding:10px 25px;}
.newsname .as h1{ font-size:16px;}
.newsname .bs p{ height:70px; font-size:13px; line-height:22px; }
.ndate{  padding:5px 30px;}
.ndatel h1{ font-size:28px; }
/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:0px; font-size:18px; margin-top:10px; line-height:25px;}
.in-newsbox_info ul li{ font-size:15px; }
.in-newsbox_content{ font-size:15px; line-height:25px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:14px; }
.pagesr p{ width:100%; font-size:14px;}
.pagesr{ width:100%; float:left; text-align:left;}
.pagesl a{ font-size:14px;}
.pagesr a{ color:#FFF; font-size:14px; }
/*-- 联系我们 --*/
.contbox{ padding:20px 0px;}
.contl{ width:100%; padding-right:0; padding-top:20px;}
.cont-t{ font-size:20px; line-height:25px;}
.cont-line{ margin:8px 0px;}
.contone span{ width:80%; font-size:18px; line-height:25px; padding:0px 12px;}
.contone span:before{ display:none;}
.contone p{ width:100%; font-size:15px; line-height:22px; padding-left:30px; margin-top:10px;}
.contr{ width:100%; }
/*-- 地图 --*/
/*-- foot --*/
.footdl{ width:0;}
.footdr{ width:100%; padding-bottom:70px;}
.footdr span{ width:100%; font-size:12px; text-align:center; padding:0px;}
/*-- 地图 --*/
.mapbox{ height:350px;}
/*底部导航*/
.phone-bottom-box{ width:100%; height:51px; float:left; z-index:9999; border-top:1px solid #e4e4e4;
background: linear-gradient(bottom, #3e7dff, #3e7dff);
background: -ms-linear-gradient(bottom, #3e7dff, #3e7dff);
background: -webkit-linear-gradient(bottom, #3e7dff, #3e7dff);
background: -moz-linear-gradient(bottom, #3e7dff, #3e7dff);
}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; line-height:50px; width:33.33%; text-align:center; list-style:none; color:#FFF; cursor:pointer;}
.footer-navs a{ color:#FFF;}
.footer-navs p{ display:inline-block;}
#fancybox-close{ top:10px; right:-30px;}
.ph-two{ width:50%; height:auto; position:absolute; left:25%; bottom:50px; padding:4px 8px;
filter:alpha(opacity=92);
-moz-opacity:0.92;
-khtml-opacity: 0.92;
opacity: 0.92;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(top, #588efc, #709efe);
background: -ms-linear-gradient(top, #588efc, #709efe);
background: -webkit-linear-gradient(top, #588efc, #709efe);
background: -moz-linear-gradient(top, #588efc, #709efe);
}
.ph-two a{ width:100%; height:40px; float:left; background:#FFF; line-height:40px; color:#242424; margin:4px 0px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari 和 Chrome */
border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
/*-- 登录图标 --*/
.plogo{ width:220px; min-height:70px; float:left; padding:20px 5px;}
.plogo a{ color:#FFF; float:left; margin:5px 10px; font-size:15px;}
.ptlogii{ width:100%; float:left; font-size:15px; color:#FFF; line-height:25px; padding:5px;}
.ptlogii a{ color:#FFF; font-size:15px; float:left; line-height:20px;}
.ptlogii i{ float:left;}
/*-- 注册登录 --*/
.loginpg{ margin:40px 0px; padding:20px 10px; }
.logt{ font-size:20px; line-height:25px; }
.logp{ font-size:14px; padding:5px 0px;}
.logm{ width:100%; padding:10px; margin-top:20px;}
.ttbox{ width:100%;}
.ttm .tt{ font-size:15px;}
.eyes_box{ right:5%; top:12px;}
#inputx{ width:100%; height:45px;}
.ttm .tt-p{ height:auto;}
.ttm .tt-p span{ width:100%; height:auto;}
.ttm .tt-p span font{ width:100%; font-size:12px; line-height:20px; height:auto;}
.tt-btn{ margin-top:20px;}
#buttonx{ width:100px; height:35px; }
.logpgbtn{ text-align:center; left:0; display:table;}
.logpgbtn a{ width:120px; height:40px; vertical-align:middle; padding:0px 8px; line-height:14px; font-size:14px; display:table-cell; float:none;}
/*回滚*/
.togo{ width:30px; height:30px; border:0; position:absolute; right:-30px; bottom:18px;}
.goback{ margin-top:-25px; background-size:100%;}
.goback .gos{ background-size:100%;}
/*内部导航*/
.allbox{position:relative;}
.phnav{height:auto; width:100%; float:left; background-color:#5d98d0; padding:15px 10px; line-height:25px; color:#FFF; font-size:16px; text-align:left;}
.phnav a{ color:#ffffff; text-decoration:none;}
.casenav{ width:100%; padding:0px 5px;-webkit-animation:fadeInUp 800ms;animation:fadeInUp 800ms; float:left; position:absolute; top:45px;left:0;background:#FFF; z-index:1; filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e1e1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #e2e1e1;/*兼容opera或ie9*/
}
.casenav .snavbg{ width:80%; padding:5px;}
.casenav .snavl{ width:22%; height:auto;}
.casenav .snavr{ width:78%; height:auto;}
/*-- --*/
.plrx0{ padding:0px;}
.plrx5{ padding:0px 5px;}
.plrx10{ padding:0px 10px;}
.plrx15{ padding:0px 15px;}
.plrx20{ padding:0px 20px;}
.plrx30{ padding:0px 30px;}
.mlr30{ margin:0px -5px;}
.plra25{ padding:10px 15px;}
.plra40{ padding:10px;}
}
/* XS Portrait */
@media (max-width: 480px) {
/*-- 地图 --*/
.mapbox{ height:280px;}
/*-- 首页关于我们 --*/
.syfo-a{ width:100%; height:200px; }
/*-- 首页视频 --*/
.syfo-two-c video{ height:250px;}
/*-- *关于我们* --*/
.inbanner{ height:220px;}
.inbanner p{ font-size:16px; line-height:35px; margin-top:12%;}
.inbanner h1{ font-size:24px;}
.abnavm{ width:92%; height:70px; }
.abchoose{ height:70px; }
.abchoose i{ height:30px; background-size:30px auto; margin-top:8px;}
.abchoose h2{font-size:13px; margin-top:2px;}
.aone{ width:8%; height:70px;}
.aone i{ background-size:15px auto; }
/*-- 品牌banner --*/
.brand{ height:200px; }
.brand h1{ font-size:24px; margin-top:35px; }
.brand p{ font-size:16px; padding-top:15px;}
.brand i{ margin-top:10px;}
.brand i img{ width:140px;}
/*-- 门户 --*/
.indta-one{ width:105px; height:105px;  margin:20px 2px;}
.indta-one i{ padding:20px 0px 10px;}
.indta-one i img{ width:32%;}
.indta-one p{ font-size:13px;}
/*-- 网站web --*/
.web-al{ width:100%; height:auto; padding:30px 20px 150px; background-position:center bottom;}
/*-- 历史 --*/
.pointl{ right:auto; left:-3px;}
.pointr{ left:-3px;}
}
@media (max-width: 420px) {
/*-- 历史 --*/
.pointl{ left:0px;}
.pointr{ left:0px;}
}
@media (max-width: 380px) {
}
@media (max-width: 330px) {
}