* {margin: 0; padding: 0; outline: 0;}
*{margin:0;padding:0;list-style-type:none;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	background:#fff;

	
}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}


h1 {
	font-size: 36px;
}


h2 {
	font-size: 24px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}



/*PC端导航开始*/
.top { width:100%; overflow: hidden;  background:#444; font-size:12px; color:#fff; display: none; }
.top .welcome { font-size:12px; color:#fff; padding-left: 20px; text-align: left; float: left; display: inline-block; }
.top .tel { font-size:12px; color:#fff; padding-right: 40px; text-align: right; float: right; display: inline-block; }

.pcnav {width:1920px ;margin: 0 auto;background-color:#000; z-index: 999;}
.pronav{background-color:#000}
.logo { width:20%; float: left; text-align: center; margin-top:14px; }
.logo img { display: inline-block; max-width: 100%; }

.rightnav { margin-left: 2%; width:73%; float: left; text-align: center; margin-top: 16px; }
.rightnav li { display:inline-block; text-align: center;}
.rightnav li a { text-decoration:none; font-size:15px; font-family: "微软雅黑"; color:#fff; padding: 15px 12px; display: inline-block; }
.rightnav li a:hover { color:#3c9bd6; }


.sousuo { width:5%; height: 88px; float: left; }


/*sousuo*/

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 52px;
  height: 76px;
  margin-top: 12px;
  padding: 0;
  outline: none;
  background: url(../images/sousuo.png) no-repeat center center;
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
  background-position: -60px 0;
  margin-right:6px;
}
#toggle-search.open:after {
  top: 56px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 88px;
  right: 16px;
  width: 500px;
  max-height: 0;
  overflow: hidden;
  background-color: #f9f9f9;
	z-index: 10000000;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 500px;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 59px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #e1e4e7;
  border: none;
  cursor: pointer;
}





/* 必要布局样式css */
.gradient-primary {
    background-color: #ff6d01;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
}

.ui-btn {
    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.layout-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.browser-tip p {
    text-align: center;
    color: #fff;
}

.mod-topbar {
    height: 28px;
    background: #666;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    color: #a1a1a1;
    position: relative;
    z-index: 100;
}

.mod-topbar a {
    color: #fff;
    padding: 0 10px;
}

.mod-topbar .login, .mod-topbar .user-info {
    float: right;
}

.mod-topbar .user-info a {
    border-left: 1px solid #999;
}

.mod-topbar .user-info a:first-child {
    border-left: none;
}

.mod-topbar .user-info a:hover {
    color: #fff;
}





.mod-header .nav > li {
    position: relative;
    z-index: 1100;
}



.mod-header .nav .sub-nav {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    position: absolute;
    top: 104px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    border: 2px solid #fff;
	border-radius: 4px;
    background-color:rgba(255,255,255,.95);
    z-index: 1000;
	padding-top: 8px;
	padding-bottom: 12px;
}

.mod-header .nav .sub-nav:after {
    content: "";
    color: #ff0000;
    position: absolute;
    top: -14px;
    left: 50%;
    height: 6px;
    width: 6px;
    margin-left: -6px;
    z-index: 1100;
    overflow: hidden ;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}

.mod-header .nav .sub-nav > li > a {
    display: block;
    padding: 10px 18px;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    color: #333;
    text-decoration: none;
	width:132px;
}

.mod-header .nav .sub-nav > li > a:hover {
    color: #fff;
    background: #3c9bd6;
    border-top-color: #3c9bd6;
}

.mod-header .nav > .new:after {
    content: "新";
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}





.ui-art, .ui-arb {
    position: relative;
    display: inline-block;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: dashed dashed solid;
    border-color: transparent;
}
*, *:after, *:before {
    box-sizing: border-box;
}

.ui-arb {
    border-color: #888 transparent transparent;
    top: 2px;
}

.ui-arb {
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    -moz-transition: -moz-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
}
.ui-arb.open {
    -webkit-transform: translateY(-4px) rotate(180deg);
    -moz-transform: translateY(-4px) rotate(180deg);
    transform: translateY(-4px) rotate(180deg);
}


.mod-header .nav .sub-nav > li:nth-child(1) > a { border-top:0px solid #fff; }

.indexnr{width:1920px ;margin: 0 auto;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

.sp_header { display:none; }


@media(max-width:768px) {

.swiper-container { margin:0px auto!important; } 
.sp_header { display:block; }
.pcnav { display:none; }
.top { display:none; }
	
}


.sp_header{height:50px; overflow:hidden; background-color: #333; width:100%; position: absolute; top:0px; z-index: 99999; }
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#eee;width:100%;height:calc(100%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; text-decoration: none;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#7ec14f}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/




.bannerimg { display:block;}








/*分享*/


.indexFooterTopRight .shareA{width: 19px;height: 19px;margin: 0 6px;top: 5px;position: relative;display: inline-block;float: none;background-image: none;}
.indexFooterTopRight .shareA1{}
.indexFooterTopRight .shareABg1{/* background: #a5a5a5; */border-radius: 50%;}
.indexFooterTopRight .shareABg2{background: #6ccee0; border-radius: 50%; z-index: 20; left: 2px; top: 2px; bottom: 2px; right: 2px;}
.indexFooterTopRight .shareA1{background: url(../images/wb_icon1_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA2{background: url(../images/wb_icon2_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA3{background: url(../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA4{background: url(../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA5{color: #9f9f9f;font-weight: 700;font-size: 28px;line-height: 20px;height: 20px;padding: 0; text-decoration: none; }
.footer_mid_block{margin-right: 11.6%;}
#footer .section{width: 100%;padding: 0 4.68%;}
.blcok_lett{color: #9999a3;}
.link_left_select{width: 100%; margin-top: 10px;position: relative;background: #666;}
.link_left_select .link_left_input{width: 100%;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 56px;font-size: 12px;background: none;border: 1px #666 solid;color: #fefefe;}
.link_left_select .link_left_botom{width: 40px;height: 40px;cursor: pointer;background: #46b1f4 url(../images/link_bot.png) center center no-repeat;position: absolute;right: 0;top: 0;}
.link_left_select .link_left_mark{position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; z-index: 10;}
.link_left_select .link_left_mark li{width: 100%; height: 30px; line-height: 30px; padding: 0 10px; cursor: pointer; background: #fff; }
.link_left_select .link_left_mark li a{color: #5c5c5c; font-size: 14px; display: block; width: 100%; height: 30px; text-decoration: none; }
.link_left_select .link_left_mark li:hover{background: #46b1f4; color: #fff;}
.link_left_select .link_left_mark li:hover a{color: #fff;}
.link_left_select .link_left_mark ul{display: none; height: 80px; overflow: auto!important; }
.bd_weixin_popup { height:auto!important;}

/*底部导航*/

.foot { width:1920px;margin: 0 auto;overflow: hidden; background:#222; min-height: 350px; padding: 20px 0px 20px; }
.foottop { width:100%; padding-bottom: 20px; border-bottom: 1px solid #555; }
.foottop .foottopleft { font-size:14px; float: left; }
.foottop .indexFooterTopRight { float:right; margin-top: -7px; }

.footleft { width:75%; float: left; overflow: hidden; }
.footright { width:25%; float: right; margin-top:20px; border-left:1px solid #555; height: 281px; }

.footleft ul { width:14.5%; float: left; margin-right: 2%; margin-top: 20px; }
.footleft ul:last-child { margin-right:0px; }
.footleft ul span { width:100%; display:inline-block; background: url(../images/xjt2.png) no-repeat center right; font-size:18px; height: 50px; line-height: 46px; border-bottom: 1px solid #555;color:#e5e5e5; 
	margin-bottom: 10px;  }
.footleft ul li a { color:#999; font-size:13px; text-decoration: none; display: inline-block; padding: 5px 0px 5px 20px; background: url(../images/xjt.png) no-repeat center left;}
.footleft ul li a:hover { color:#fff; }

.erxx { margin-left: 11%; width:89%; }
.erxx .er1 { width:48%; margin-right:4%; float: left; }
.erxx .er1 img { width:100%; }
.erxx .er1 p { text-align:center; font-size:14px; color:#999; margin-top:5px; }
.erxx .er2 { width:48%;  float: left; }
.erxx .er2 img { width:100%; }
.erxx .er2 p { text-align:center; font-size:14px; color:#999; margin-top:5px;}

.footlx { width:100%; text-align: center; overflow: hidden; margin-top: 20px; }
.footlx a { padding-right: 10px; margin-right:10px; border-right: 1px dashed #555; font-size:14px; color:#999; text-decoration: none; }
.footlx a:last-child { border-right:0px solid #555; }
.footlx a:hover { color:#fff; }


.beian { width:1920px; margin:0 auto;padding: 20px 0px; background: #222; border-top:1px solid #555; }
.beian span { display:inline-block; float: left; color:#999; }
.beian a { display:inline-block; float: right; text-align: right; color:#999; text-decoration: none; }



/*首页内容*/

/*num-figure*/
.num-figure {
    width: 100%;
    height: auto;
    text-align: center;
	position: absolute; 
	right:0px; 
	bottom:0px;
	z-index: 9999;
}
.num-figure li{ list-style:none; }
.OEM-ico {
    padding: 23px 0;
	width:25%;
	float:left;
}

.OEM-ico:last-child { border-right:0px solid #eee; }


.num-change{padding:0;}
.num-change li:first-child {
    width: 55px;
    height: 50px;
    margin: 0 auto;
}

.num-figure .WeSold {
    background: url("../images/trustful_03.png") no-repeat -56px 7px;
}

.num-figure .Available {
    background: url("../images/trustful_03.png") no-repeat -282px 9px;
}

.num-figure .Shopping {
    background: url("../images/trustful_03.png") no-repeat -501px 9px;
}

.num-figure .Employees {
    background: url("../images/trustful_03.png") no-repeat -726px 9px;
}

.num-figure .Trusted {
    background: url("../images/trustful_03.png") no-repeat -944px 8px;
}

.num-figure .ProjectsSup {
    background: url("../images/trustful_03.png") no-repeat -1107px 9px;
}

.OEM-ico a{
    text-decoration: none;
}

.num-change li:nth-child(2) {
    font-size: 14px;
    font-family:"微软雅黑";
    color: #999;
    font-weight: normal;
}

.num-change li:nth-child(3) {
    color: #999;
    font-size: 16px;
    margin-top: 2px;
}

.OEM-ico:hover {
    background-color:rgba(0,0,0,.2);
}

.OEM-ico:hover .num-change li:nth-child(3),
.OEM-ico:hover .num-change li:nth-child(2) {
}

.OEM-ico:hover .WeSold {
    background-position: -111px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Available {
    background-position: -335px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Shopping {
    background-position: -559px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Employees {
    background-position: -789px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .Trusted {
    background-position: -999px 7px;
    transition: all 0.3s;
}

.OEM-ico:hover .ProjectsSup {
    background-position: -1154px 7px;
    transition: all 0.3s;
}

.num-figure li:hover > ul > li { color:#fff; }
.num-figure li:hover > ul > li > span { color:#fff; }
.num-change li span { color:#46b1f4; padding-right: 3px; font-weight: 700; font-size:24px;  }



/*banner的文字*/


.bannerimg {width: 100%; text-align: center;  position: absolute; top: 66%; }
.bannerimg img { display:inline-block; max-width: 100%;}
.bannerimg1 {width: 100%; text-align: center; position: absolute; top: 55%; letter-spacing: 1px; }
.bannerimg1 img { display:inline-block; max-width: 100%;}

.bannerimg1 {animation: 2s opacity2 0s ; -webkit-animation: 2s opacity2 0s ;-moz-animation: 2s opacity2 0s ;}
@keyframes opacity2{
            0%{opacity:0}
			10%{opacity:0.1}
			20%{opacity:0.2}
			30%{opacity:0.3;}
            40%{opacity:0.4;}
            50%{opacity:0.5;}
			60%{opacity:0.6;}
			70%{opacity:0.7;}
			80%{opacity:0.8;}
			90%{opacity:0.9;}
			100%{opacity:1;}
}
@-webkit-keyframes opacity2{
                        0%{opacity:0}
			10%{opacity:0.1}
			20%{opacity:0.2}
			30%{opacity:0.3;}
            40%{opacity:0.4;}
            50%{opacity:0.5;}
			60%{opacity:0.6;}
			70%{opacity:0.7;}
			80%{opacity:0.8;}
			90%{opacity:0.9;}
			100%{opacity:1;}
}
@-moz-keyframes opacity2{
                        0%{opacity:0}
			10%{opacity:0.1}
			20%{opacity:0.2}
			30%{opacity:0.3;}
            40%{opacity:0.4;}
            50%{opacity:0.5;}
			60%{opacity:0.6;}
			70%{opacity:0.7;}
			80%{opacity:0.8;}
			90%{opacity:0.9;}
			100%{opacity:1;}
}


.bannerimg {animation: 3s opacity2 0s ; -webkit-animation: 3s opacity2 0s ;-moz-animation: 3s opacity2 0s ;}
@keyframes opacity2{
            0%{opacity:0}
			10%{opacity:0}
			20%{opacity:0}
			30%{opacity:0}
            40%{opacity:0}
            50%{opacity:0.1}
			60%{opacity:0.2;}
			70%{opacity:0.4;}
			80%{opacity:0.6;}
			90%{opacity:0.8;}
			100%{opacity:1;}
}
@-webkit-keyframes opacity2{
            0%{opacity:0}
			10%{opacity:0}
			20%{opacity:0}
			30%{opacity:0}
            40%{opacity:0}
            50%{opacity:0.1}
			60%{opacity:0.2;}
			70%{opacity:0.4;}
			80%{opacity:0.6;}
			90%{opacity:0.8;}
			100%{opacity:1;}
}
@-moz-keyframes opacity2{
            0%{opacity:0}
			10%{opacity:0}
			20%{opacity:0}
			30%{opacity:0}
            40%{opacity:0}
            50%{opacity:0.1}
			60%{opacity:0.2;}
			70%{opacity:0.4;}
			80%{opacity:0.6;}
			90%{opacity:0.8;}
			100%{opacity:1;}
}



/*智慧停车*/


.zhihui { width:1920px;margin: 0 auto;overflow: hidden; position: relative; max-height: 882px; background: url(../images/zhihuibg.jpg) center center; padding: 39px 0px; }
.zhihui .title1 { width:100%; overflow: hidden; text-align: center; position: absolute; top:30px;  }
.zhihui .title1 h1 { font-size:32px; font-weight: normal; color:#333; margin-bottom: 10px;  }
.zhihui .title1 h2 { font-size:14px; font-weight: normal; color:#999;  }
.zhihui .title1 p { color:#999; font-size:14px; }

.zhineng1 { width:100%; overflow: hidden; }
.zhineng1 img { width:100%; }



.zh01,.zh02,.zh03,.zh04,.zh05,.zh06  { width:180px; height: 180px; position: absolute; z-index: 2; }

.zh01 { top:50px; left: 100px; }
.zh02 { top:300px; left: 0px; }
.zh03 { top:550px; left: 50px; }
.zh04 { top:50px; right:70px; }
.zh05 { top:300px; right:0px; }
.zh06 { top:550px; right:30px; }

.zh06 img:hover { opacity:0.8!important;}
.zh05 img:hover { opacity:0.8!important;}
.zh04 img:hover { opacity:0.8!important;}
.zh03 img:hover { opacity:0.8!important;}
.zh02 img:hover { opacity:0.8!important;}
.zh01 img:hover { opacity:0.8!important;}


.aboutright a { text-decoration:none;}



/*运营案例*/

.case { width:1920px;margin: 0 auto;overflow: hidden; position: relative; background: #f9f9f9 url(../images/casebg.jpg)  center top; padding: 39px 0px 0px; }
.case .title2 { width:100%; overflow: hidden; text-align: center; margin-top:20px;  }
.case .title2 h1 { font-size:32px; font-weight: normal; color:#fff; margin-bottom: 10px;  }
.case .title2 h2 { font-size:14px; font-weight: normal; color:#fff;  }
.case .title2 p { color:#fff; font-size:14px; }


.caselist { width:100%; overflow: hidden; position: relative; margin-top: 50px; }
.swiper-container3 .swiper-slide { padding:10px; background: #fff;}
.swiper-container3 .swiper-slide p { padding-top:15px; font-size:16px; text-align: center; color:#666; }

.but { width:100%; text-align: center; overflow: hidden; margin: 50px 0px; }
.but a { padding:15px 40px; font-size:14px; color:#333; border:2px solid #999; display: inline-block; text-align: center; text-decoration: none; }
.but a:hover { border:2px solid #46b1f4; color:#fff; background: #46b1f4; }




/*关于捷安泊*/

.about { width:100%; overflow: hidden; position: relative; min-height: 630px; background: #f9f9f9 url(../images/aboutbg.jpg) no-repeat center top; padding: 39px 0px 0px; }
.about .title3 { width:100%; overflow: hidden; text-align: center; margin-top:20px;  }
.about .title3 h1 { font-size:32px; font-weight: normal; color:#fff; margin-bottom: 10px;  }
.about .title3 h2 { font-size:14px; font-weight: normal; color:#fff;  }
.about .title3 p { color:#fff; font-size:14px; }

.aboutleft { width:48%; float: left; overflow: hidden;  margin-bottom: 50px; }
.aboutleft img { width:100%; display: block; }

.aboutright { width:48%; float: right; overflow: hidden; margin-top:50px; }
.aboutright h1 { color:#fff; font-size:32px; text-align: left; margin-bottom: 20px; }
.aboutright p { color:#fff; text-align: left; font-size:14px; line-height: 30px;  }




/*新闻*/


.yuangong { padding-top: 29px; padding-bottom: 40px; background:url(../images/newsbg.jpg) no-repeat center center;width:1920px; margin: 0 auto}
.yuangong .title4 { width:100%; overflow: hidden; text-align: center; margin-top:20px;  }
.yuangong .title4 h1 { font-size:32px; font-weight: normal; color:#333; margin-bottom: 10px;  }
.yuangong .title4 h2 { font-size:14px; font-weight: normal; color:#999;  }
.yuangong .title4 p { color:#999; font-size:14px; }
.yuangongbox { overflow: hidden; width:100%; margin-top: 30px; min-height:450px; }
.yuangong .ygleft { width:50%; float: left; overflow: hidden;  }
.yuangong .ygleft img { width:100%; min-height: 450px; margin: 0 auto}
.yuangong .ygleft p { display:block; width:100%; height: 50px; background: #f5f5f5; margin: 0 0 0 0;  }
.yuangong .ygleft p a { display: inline-block; font-size:16px; color:#333; text-align: left; text-decoration: none; line-height:50px; padding-left: 20px; float: left; }
.yuangong .ygleft p span { display: inline-block; font-size:14px; color:#999; text-align: right; text-decoration: none; line-height:50px; padding-left: 20px; float: right; padding-right: 20px; }

.yuangong .ygright { width:48%; float: right; overflow: hidden; min-height:500px; position: relative; border-left:1px solid #fff; }
.newsbox { width:100%; min-height: 110px; padding: 10px 0px; margin-bottom: 20px; background: #f5f5f5; }
.newsbox .newsfont { width:85%; float: left; padding-left: 20px; }
.newsbox .newsfont h1 { color:#333; font-size:18px; text-align: left; margin-bottom: 10px; margin-top: 8px;  }
.newsbox .newsfont p { color:#666; font-size:14px; text-align: left; margin-bottom: 0px;  }
.newsbox .newsbut { width:15%; float: left; height: 90px; background: url(../images/but.png) no-repeat center center;}

.newsbox:hover { background:#46b1f4;}
.newsbox:hover > a > .newsfont > h1 { color:#fff; }
.newsbox:hover > a > .newsfont > p { color:#fff; }
.newsbox:hover > a > .newsbut { background: url(../images/but1.png) no-repeat center center; }


.ygleft .swiper-slide:hover > p { background: #46b1f4; }
.ygleft .swiper-slide:hover > p > a { color:#fff; }
.ygleft .swiper-slide:hover > p > span { color:#fff; }



/*yewu*/


.yewu { padding-top: 40px; padding-bottom: 60px; background:#fff; width:1920px;margin: 0 auto;}
.yewu .title5 { width:100%; overflow: hidden; text-align: center; margin-top:20px;  }
.yewu .title5 h1 { font-size:32px; font-weight: normal; color:#333; margin-bottom: 10px;  }
.yewu .title5 h2 { font-size:14px; font-weight: normal; color:#999;  }
.yewu .title5 p { color:#999; font-size:14px; }
.yewubox { width:100%; margin-top:40px; overflow: hidden; }
.yewu1 { width:22%; float: left; margin-right: 4%; overflow: hidden; background: #f9f9f9; min-height: 300px; }
.yewu1:nth-child(4){ margin-right:0px; }
.yewu1 .yewuimg { padding:20px 80px; display: inline-block; }
.yewu1 .yewuimg img { width:100%; display: block; }
.yewu1 .yewufont { padding:20px; border-top:1px solid #eee; }
.yewu1 .yewufont h1 { font-size:20px; font-weight: normal; color:#333; text-align: center; margin-bottom: 10px; }
.yewu1 .yewufont p { text-align:center; font-size:14px; color:#666;}
.yewu1 a { text-decoration:none;}

.yewu1:hover { background:#46b1f4; }
.yewu1:hover > a > .yewufont > h1 { color:#fff; }
.yewu1:hover > a > .yewufont > p { color:#fff; }




/*内页样式*/


.nybanner { width:100%; overflow: hidden; position: relative; }
.nybanner img { width:1920px;margin: 0 auto;display: block; }
.nybox { overflow:hidden; position: relative; min-height: 600px; }

.nynav { width:1920px;margin: 0 auto;padding: 0px 0px; background: #f9f9f9; overflow: hidden; line-height: 50px;}
.nynav h2 { width:20%; float: left; font-size:16px; color:#666; padding-left: 15px; font-weight: 700; line-height: 50px; margin-bottom: 0; }
.nynav .nynavright { width:70%; float: right; text-align: right; }
.nynav .nynavright li { display:inline-block;}
.nynav .nynavright li a { color:#666; text-decoration: none; font-size:14px; line-height: 24px; display: inline-block;  padding: 5px 15px; border: 0px solid #f9f9f9; border-radius: 4px; margin: 0px 4px; }
.nynav .nynavright li a:hover { color:#fff; background: #0099ff; }
.nynav .nynavright li .xz { color:#fff; background: #0099ff; }


/*about*/
.nyabout { padding:30px 0px; }
.aboutbg{background: url(../images/aboutbg01.jpg) center center;width:1920px;margin: 0 auto;}
.casebg{background: url(../images/casebox.jpg)}
.probg{background: url(../images/cbg.jpg) no-repeat;background-size:cover;}
.nyabout h1 { text-align:center; color:#fff; font-size:24px; margin-bottom: 30px; padding-top: 60px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nyabout .aboutnr { font-size:14px; width:100%; overflow: hidden; }
.nyabout .aboutnr p { margin-bottom:10px; font-size:15px; color:#fff; line-height: 36px; }
.nynewstitle h2{color:#333}
.about2 { width:100%; background: url(../images/fzline.jpg) repeat center;}
.fzbox { width:100%; height: 300px; overflow: hidden; position: relative;  }
.fzbox .fzimg { width:280px; height: 210px; float: left;  }
.fzbox .fzimg img { width:100%; }

.fzbox .fzdian { width:26px; height:26px; background: url(../images/fzdian.png) no-repeat center center; z-index: 1; position: absolute; left: 326px; top:90px;}

.fzbox .fzfont { width:800px; height: 210px; float: right; }
.fzbox .fzfont h2 { font-size:24px; color:#7ec14f; font-family: "Cinzel"; margin-bottom: 20px; }
.fzbox .fzfont p { font-size:14px; color:#666; line-height: 32px; }

.nynewstitle p{color:#333}

.nynewstitle span{color:#666}
.nyabout .newsnybox p{color:#333}
.nyabout .newsleft p{color:#333}

/*智慧停车*/

.nyzhihui { padding:30px 0px; }
.nyzhihui h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nyzhihui .zhihuinr { font-size:14px; width:100%; overflow: hidden; }
.nyzhihui .zhihuinr p { margin-bottom:10px; font-size:14px; color:#666; line-height: 32px; }


/*主营业务*/

.nyyewu { padding:30px 0px; }
.nyyewu h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nyyewu .yewunr { font-size:14px; width:100%; overflow: hidden; }
.nyyewu .yewunr p { margin-bottom:10px; font-size:14px; color:#666; line-height: 32px; }


/*案例*/

.nycase { padding:30px 0px; }
.nycase h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nycase .casenr { font-size:14px; width:100%; overflow: hidden; }
.nycase .casenr p { margin-bottom:10px; font-size:14px; color:#666; line-height: 32px; }


/*合作*/


.nyhezuo { padding:30px 0px; }
.nyhezuo h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nyhezuo .hezuonr { font-size:14px; width:100%; overflow: hidden; }
.nyhezuo .hezuonr p { margin-bottom:10px; font-size:14px; color:#666; line-height: 32px; }


/*合作*/


.nyguanli { padding:30px 0px; }
.nyguanli h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nyguanli .guanlinr { font-size:14px; width:100%; overflow: hidden; }
.nyguanli .guanlinr p { margin-bottom:10px; font-size:14px; color:#666; line-height: 32px; }


/*联系我们*/

.nycontact { padding:30px 0px; background: url(../images/conbg.png) no-repeat;margin: 0 auto;width: 1920px;}
.nycontact h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f5f5f5; }
.nycontact .contactnr { font-size:14px; width:100%; overflow: hidden; }
.nycontact .contactnr p { margin-bottom:10px; font-size:16px; color:#666; line-height: 32px; }
.contactleft { width:50%; float: left; }
.contactleft p { color:#666; font-size:16px; margin-bottom: 20px; }
.contactright { width:50%; float: right; text-align: right; }
.contactright img { display:inline-block; width:240px;  }
.contactmap { padding-top:50px; margin-top: 40px; margin-bottom: 20px; border-top:1px solid #eee;}

.liuyan { overflow: hidden; position: relative; margin-top:50px; padding-top: 50px; border-top:1px solid #eee; }
.liuyanbox { width:32%; margin-right: 2%; float: left; margin-bottom: 30px; }
.liuyanbox:nth-child(3) { margin-right:0px; }
.liuyanbox input { width:100%; padding: 15px 2.5%; color:#999; font-size:16px; border:1px solid #bdbdbd;  }
.liuyanbox1 { width:100%; margin-bottom: 30px; padding: 1%; border: 1px solid #bdbdbd; }
.liuyanbox1 textarea { width:99.5%; margin: 0.25%; color:#999; font-size:16px; min-height: 200px;  display: block; border: 1px solid #fff; }
.tijiao { width:100%; overflow: hidden; text-align: center }
.tijiao a { display: inline-block; min-width:150px; color:#fff; background:#999; text-align: center; font-size:16px; padding: 15px 50px; text-decoration: none; }
.tijiao a:hover { background:#0099ff; color:#fff; }



/*case1*/

.nycase1 { padding:0px; }
.jishubox{ background: url(../images/jishu01.jpg)no-repeat center center;background-size: cover}
.newsbg{background: url(../images/newsbox.jpg) no-repeat center center;background-size: cover}
.nycase1 h1 { text-align:center; color:#fff; font-size:24px; margin-bottom: 30px; padding-bottom: 30px;padding-top: 60px; border-bottom:1px solid #f5f5f5; }
.jishubox h1 { text-align:center; color:#333; font-size:24px; margin-bottom: 30px; padding-bottom: 30px;padding-top: 60px; border-bottom:1px solid #ededed; }
.productbox h1{color:#333;border-bottom:1px solid #ededed;}
.probg h1{color:#333;border-bottom:1px solid #333;}
.nycase1 .casenr { font-size:14px; width:100%; overflow: hidden; }
.nycase1 .casenr p { font-size:14px; color:#666; line-height: 32px;  }
.nycase1 .casenr .more{border-radius: 20px; background: #5ac0ff;width:100px;text-align: center;margin: 50px 0 0 0}
.nycase1 .casenr p a { text-decoration:none; color:#666; font-size:16px;  }
.nycase1 .casenr .casebiao{font-weight: bold;margin-top: 20px;margin-bottom: 20px;}



.nycase1 .casenr .more a{text-decoration:none; color:#fff; font-size:12px; }
.nycase1 .casenr .more p{text-decoration:none; color:#fff; font-size:12px; line-height: 24px;}

.casebox { width:100%; margin: 0px 0 30px; float: left; border:1px solid #e7e5e5;background: #fff}
.casebox .caseimg { width:100%; overflow:hidden;  }
.casebox .caseimg img { width:100%; display: block; }




.product_c{ width:100%; padding: 0px 60px 30px 60px; }
.product_c .caseimg { width:100%; overflow:hidden; }
.product_c .caseimg img { width:100%; display: block; }

.product_c p{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: center;
}
.product_c p a {
    text-decoration: none;
    color: #666;
    font-size: 16px;
}

.product_c .more {
    border-radius: 20px;
    background: #5ac0ff;
    width: 100px;
    margin: 0 auto 20px;
}


 .product_c .more a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

.chanpinbox{padding: 10px 0 0;border-bottom:1px solid #F3F3F3;border-left:1px solid #F3F3F3;border-right:1px solid #F3F3F3  }

.lxbox{
    width: 100%;
    padding: 0px 60px 30px 60px;
}
.lxbox p{color:#666;line-height: 26px;font-size: 14px;margin-top: 30px;}

#wrapper{
	width:448px;
	margin:30px auto 0;
	height:280px;
	position:relative;
	color:#fff;
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	
}

#slider-wrap{
	width:448px;
	height:300px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:448px;
	height:300px;	
}

#slider-wrap ul#slider li > div{
	position:absolute;
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}








/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:35%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:350px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}




/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}
























.nycase1 .fy ul li a{color:#fff} 
.nycase1 .fy ul li .xz {
    color: #0099ff;
}


.productbox .fy ul li a {
    color: #666;
}





.pro1 {
    width: 100%;
    height: 550px;
	position: relative;}


.wrapper {
    max-width: 986px;
    margin: 0 auto;
    position: relative;
}

.pro1font {
    width: 26%;
    float: left;
    margin-top: 20%;
	
}

.pro1font h2 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    
}

.pro1font p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
	text-align: center
}


.pro1font a {
    display: block;
    width: 252px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    margin-top: 10px;
    background: #0099ff;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
}


.pro3 {
    width: 100%;
    height: 550px;
	position: relative;}

.pro3font {
    width: 26%;
    float: right;
	margin-top: 20%;}


.pro3font a {
    float: right;
    display: block;
    width: 252px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    margin-top: 10px;
    background: #0099ff;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
}
.pro3font h2 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
	text-align: center;}

.pro3font p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*news*/


.newsbox1 { width:30.33%; min-height: 485px; padding:10px; margin-right: 1%;margin-left: 1%; margin-bottom: 20px; background: #f5f5f5; float: left; }
.newsbox1 img{width:100%}
.newsbox1 .newsfont { width:85%; float: left; padding-left: 20px; }
.newsbox1 .newsfont h1 { color:#333; font-size:20px; text-align: left; margin-bottom: 10px; margin-top: 8px; padding-bottom: 0px; border: 0px solid #eee; padding-top: 5px }
.newsbox1 .newsfont p { color:#666; font-size:14px; text-align: left; margin-bottom: 0px; max-height: 156px; }
.newsbox1 .newsbut { width:15%; float: left; height: 90px; background: url(../images/but.png) no-repeat center center;}

.newsbox1:hover { background:#46b1f4;}
.newsbox1:hover > a > .newsfont > h1 { color:#fff; }
.newsbox1:hover > a > .newsfont > p { color:#fff; }
.newsbox1:hover > a > .newsbut { background: url(../images/but1.png) no-repeat center center; }


.ygleft .swiper-slide:hover > p { background: #46b1f4; }
.ygleft .swiper-slide:hover > p > a { color:#fff; }
.ygleft .swiper-slide:hover > p > span { color:#fff; }


.probottom { width:100%; overflow: hidden; margin: 0 auto; font-size:14px; padding-top: 30px; border-top:1px solid #eee; margin-top: 30px; }
.newsleft { width:70%; overflow: hidden; float: left;  }
.newsleft p { color:#666; font-size:14px; margin-bottom: 10px; line-height: normal!important; }
.newsleft p a { color:#666; font-size:14px; text-decoration: none; }
.newsright { width:30%; overflow: hidden; float: left; }
.newsright a { display:block; width:110px; height: 42px; background:#999; color:#fff; text-align: center; float: right; line-height: 42px; text-decoration: none; }




/*fy*/

.fy { width:100%; overflow: hidden; position: relative; text-align: center; margin: 50px 0px; }
.fy ul li { display:inline-block; }
.fy ul li a { color:#666; padding: 10px 5px; text-decoration: none;font-size: 18px; }
.fy ul li .xz { color:#0099ff; }
.fy ul li a:hover { color:#0099ff; }

	.demo{
		padding: 2em;background: #fff;
	}
	.serviceBox{
		border: 1px solid #ededed;
		padding: 30px 30px 30px 60px;
		position: relative;
		transition: all 0.5s ease 0s;
	}
	.serviceBox:hover{
		border-color: #0099ff;
	}
	.serviceBox:before,
	.serviceBox:after{
		content: "";
		display: block;
		width: 50px;
		height: 5px;
		background: #0099ff;
		position: absolute;
		left: 0;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.serviceBox:before{
		top: -3px;
	}
	.serviceBox:after{
		bottom: -3px;
	}
	.serviceBox:hover:before,
	.serviceBox:hover:after{
		left: 60px;
		opacity: 1;
	}
	.serviceBox .service-icon{
		display: inline-block;
		font-size: 45px;
		color: #0099ff;
		opacity: 1;
		transition: all 0.5s ease-in 0s;
		width:20%;
		margin-left: 10%
	}

.serviceBox .service-icon img{width:100%}
.service-Content{width:70%;float: left}

	.serviceBox:hover .service-icon{
		opacity: 1;
	}
	.serviceBox .title{
		font-size: 16px;
		font-weight: 700;
		color: #0099ff;
		margin-bottom: 15px;
	}

.serviceBox .description{text-align: left!important;}




	.serviceBox .description{
		font-size: 13px;
		color: #666;
		line-height: 20px;
	}

	.serviceBox .more-1{
		font-size: 13px;
		color: #fff!important;
		width:120px;
		border-radius: 20px;
		line-height: 20px;
		background: #0099ff
	}




.xiangguan .more-1{font-size: 13px;
		color: #fff!important;
		width:80px;
	display: block;
	text-align: center;
		border-radius: 20px;
		line-height: 20px;
		background: #0099ff;
	float: right;
}



.xiangguan .title{
		font-size: 16px;
		font-weight: 700;
		color: #0099ff;
		margin-bottom: 15px;
	}

.c_prox .title{padding: 30px 30px 0px 60px;font-size: 16px;
		font-weight: 700;
		color: #0099ff;}

.xiangguan {padding: 30px 30px 30px 60px;border-bottom: 1px #fafafa solid}



	@media only screen and (max-width: 990px){
		.serviceBox{ margin-bottom: 30px; overflow: hidden}
	}



.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	
}


.inner {
	max-width: 1230px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}


.inner1 {
	min-width: 1200px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}

.inner2 {
	max-width: 1400px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-family: "微软雅黑";
}


/*手机版*/


.sjbanner { width:100%; overflow: hidden; position: relative; display: block; }
.sjbanner img { width:1920px;margin: 0 auto;display: block; }
.zhihui1 { display: block;  }
.zhihui2 { display:none;}

@media(max-width:768px) {
	
	.demo2{width:100%}
	.sjbanner {display: block; }
	.swiper-container { display: none; }
	.aboutnr .swiper-container { display: block!important; }
	.OEM-ico { padding: 10px 0px; }
	.num-change li:nth-child(3) { font-size:12px; }
	.num-change li span { font-size:14px; }
	.num-change li:first-child { width:55px; height: 42px; }
	
	.case{width:100%}
	.nycontact{width:100%}
	.inner1{width:100%;min-width: 100%}
	.indexnr{width:100%;min-width: 100%}
	.yewu{width:100%;min-width: 100%}
	.zhihui{width:100%}
	.yuangong{width:100%}
	.foot{width:100%}
	.beian{width:100%}
	.sjbanner img{width:100%}
	.nynav{width:100%}
	.inner{width:100%;max-width: 100%}
	.aboutbg{width:100%}
	.nybanner img{width:100%}
	.yewu1 .yewuimg{padding: 0}
	
	.num-figure .WeSold {
    background: url("../images/trustful_031.png") no-repeat -56px 7px;
}

.num-figure .Available {
    background: url("../images/trustful_031.png") no-repeat -282px 9px;
}

.num-figure .Shopping {
    background: url("../images/trustful_031.png") no-repeat -501px 9px;
}

.num-figure .Employees {
    background: url("../images/trustful_031.png") no-repeat -726px 9px;
}

.num-figure .Trusted {
    background: url("../images/trustful_031.png") no-repeat -944px 8px;
}

.num-figure .ProjectsSup {
    background: url("../images/trustful_031.png") no-repeat -1107px 9px;
}
	
	
.zhihui .title1 { top:0px;  }
	
.zh01,.zh02,.zh03,.zh04,.zh05,.zh06  { width:30%; height: auto; position: relative; float: left; margin-right: 5%; margin-bottom: 20px; }
	.zh03 { margin-right:0px!important; }
    .zh06 { margin-right:0px!important; }
.zh06 img { width:100%; }
.zh05 img { width:100%; }
.zh04 img { width:100%; }
.zh03 img { width:100%; }
.zh02 img { width:100%; }
.zh01 img { width:100%; }
.zh01 { top:auto; left: auto; }
.zh02 { top:auto; left: auto; }
.zh03 { top:auto; left: auto; }
.zh04 { top:auto; right:auto; }
.zh05 { top:auto; right:auto; }
.zh06 { top:auto; right:auto; }
	
	
	
	.aboutleft { width:100%; float: none; margin-top: 20px; }
	.aboutright { width:100%; float: none; margin-top: 20px; }
	.about .title3 { margin-top:0px; }
	.aboutright p { overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:7; 
margin-bottom: 50px; }
	
	
	.yuangong .ygleft { width:100%; float: none; }
	.yuangong .ygleft img { min-height:inherit; }
	.yuangong .ygleft p span { display:none; }
	.yuangong .ygright { width:100%; float: none; margin-top: 20px; }
	.newsbox .newsfont h1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
	
	.newsbox .newsfont p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
	.footleft { display:none; }
	
	.footright { float:none; width:100%; border-left: 0px solid #555; height: auto; }
	.erxx { margin-left:0px; width:100%; }
	
	
	.yuangong .title4 { margin-top:10px; }
	
	
	
	.zhihui .title1 { position: relative; margin-top: 10px; margin-bottom: 10px;  } 
	.zhihui1 { display: none;  }
    .zhihui2 { display: block;}
	.zhihui {  background: url(../images/zhihuibg1.jpg) no-repeat center center; }
	.beian span { float:none; }
	.beian a { float:none;}
	.beian { text-align:center;}
	
	
	.sjbannerbox { display:block!important; }
	
	
	.yewu1 { width:49%; float: left; margin-right: 2%; overflow: hidden; background: #f9f9f9; min-height: 300px; margin-bottom: 10px; }
	.yewu1:nth-child(2){ margin-right:0px; }
}


@media(max-width:768px) {
	
	.sp_header { display:block; }
	
	.inner { min-height:20px;}
	
	.logo img { width:100%; display: block; max-width:none; }
	
	
	.sTop { padding:0px; display: none; }
	.topleft { display:none; }
	.subMenu { display:none; }
	.so { display:none; }
	
	.about { padding-top:20px; }
	.aboutbox { padding-top:20px; }
	.abouttitle { width: 100%;}
	.aboutleft { width:100%; padding-bottom:20px; }
	.leftfont {     width: auto;
    padding: 20px;
    background: #fff;
    position:inherit;
    left: 0px;
    top: 0px;
    z-index: 1; }
	
	.pro { padding-top:20px; padding-bottom:20px; min-height: 0px; }
	.protitle { width: 100%;}
	.cententbox { padding-top:20px; }
	
	
	.yanfatitle { width: 100%;}
	.yanfaleft { width:100%; float: none; min-height: 100px; }
	.yanfaleft img { width:100%!important; }
	
	.yanfaright { width:100%; float: none; min-height: inherit; }
	.yanfabor { display:none; }
	
	.yanfa { padding-bottom:40px; }
	
	.newstitle { width:100%; }
	.news { padding-top:30px; padding-bottom: 30px; }
	
	.newsbox { width:100%; margin-right: 0px; float: none; }
	.newsbut {  }
	.tel { text-align:center; width:100%; float: none; }
	.footlogo { text-align:center; width:100%; float: none; }
	.er { text-align:center; width:100%; float: none; margin-top: 20px; }
	.er img { width:100px; height: 100px; }
	
	.footnav { display:none; }
	
	.baleft { width:100%; text-align: center; float: none; }
	.baright { width:100%; text-align: center; float: none; margin-top: 10px; }
	
	.foot { padding-bottom:30px; }
	.beian { padding-top:30px; }
	
	
	/*内页*/
	
	.nycenter { padding-left:10px; padding-right:10px; }
	.nycenter1 { padding-left:10px; padding-right:10px; }
	.nynav h2 { display:none; }
	.nynav .nynavright { width:100%; float: none; text-align: center; }
	.nynav .nynavright li a { padding-top:5px;  padding-bottom: 5px; display: inline-block; }
	
	
	.about2 { background:#fff;}
	.fzbox { height: auto; }
	.fzbox .fzdian { display:none; }
	.fzbox .fzimg { width:100%; height: auto; }
	.fzbox .fzfont { width:100%; height: auto; margin-top: 10px;}
	
	
	.probox1 { width:50%; }
	
	
	.casebox { width:100%; margin: 0px 0px 0px 0px; }
	
	
	.contactleft { width:100%; float: none; }
	.contactright { width:100%; float: none; text-align: center; }
	.nycontact .contactnr p { font-size:15px; }
	
	
	.liuyanbox { width:100%; margin-right:0px; }
	
	
	.proii { width:100%; height: auto; float: none; }
	.prooo { width:100%; position: relative!important; }
	.profont { width:100%; position: relative; height: auto; left: 0; top:0; }
	.probutbox a { float:none; }
	.proxiangxi img { width:100%; }
	

	.sp_header { position:relative;}
	
	.newsbox1 { width:100%; margin-right: 0px!important; }
	.newsbox1 .newsfont p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
	.newsbox1 .newsfont h1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
	
}