@charset "utf-8";
html,body {background:#fff; }
li {list-style:none;}



a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


/* 导航 */
.navbar-default {
padding:15px 0px;
background:white;
opacity: 0.9;
-moz-box-shadow:0px 0px 15px #888;
-webkit-box-shadow:0px 0px 15px #888;
box-shadow:0px 0px 15px #888;
}
@media (max-width: 768px) {.navbar-default {padding:5px 0px;}}
.navbar-default .navbar-nav>li> a {color:#000;}
.table>tbody>tr>td{padding:8px 4px;}
/* logo */
a.navbar-brand {max-height:48px; margin:5px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}
@media (max-width: 768px) {a.navbar-brand {margin-left:10px; max-width:180px;}a.navbar-brand img {max-width:180px;max-height:45px;}}

/* 导航右侧 */
@media (min-width: 768px) {#navbar {float:right;}}

/*导航用户注册*/
.user-panel { margin:10px 20px 0 0px;  }
.user-panel a,
.user-panel a:visited,
.user-panel a:link{	color: #198DDD;	font-size: 14px;	padding: 5px 10px;	text-align: center;	text-decoration: none;	border:1px solid #198DDD;}
.user-panel a:hover{ color:#198DDD;}
.user-panel a.top-login {color:white; background:#198DDD;}
.user-panel a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}
}



@media (min-width: 768px) {
ul.navbar-nav li.oen { height:70px; padding:10px 0px;}
}

.top-nav-right { position: absolute; top:20px; right:0px; width:110px; margin:0px; padding:0px;}


@media all and (min-width:1024px) and (max-width:1024px){
.top-nav-right {top:5px;}
.user-panel { margin:30px 0px 0px 0px;  }
}

@media all and (min-width:1156px) and (max-width:1280px){
.user-panel { margin:10px 60px 0 0px;  }
}


.top-nav-right ul {margin:0px;padding:0px;}

.top-nav-right ul li {float:left; width:30px;line-height:30px;margin:2px;}
.top-nav-right ul li.nav-shopping a {position: absolute;top:0px;right:0px;display:block; width:30px; height:30px;}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}

@media (max-width: 768px) {
.user-panel { margin:10px 0px 0px 0px;  }
.top-nav-right {margin-top:10px;}
.top-nav-right ul li.nav-shopping,
.top-nav-right ul li.glyphicon-search {
display:none;
}
.navbar-toggle {z-index:999;}
.top-nav-right {width:30px;position:relative;top:0px;left:5px; z-index:99; font-size:26px; }
}

#fat-menu {margin-top:3px;}





/* 幻灯文字 */


.carousel-caption {
bottom:10%;
}

.carousel-caption h3 {margin-bottom:30px;font-size:3.2em;}
.carousel-caption p {line-height:200%;font-size:1.2em;}
.carousel-caption .btn {margin-top:20px; font-size:1.0em;}

@media (max-width: 1280px) {

.carousel-caption h3 {font-size:2.0em;}
.carousel-caption p {line-height:180%;font-size:1.0em;}
}
@media (max-width: 768px) {
.carousel-caption h3 {margin-bottom:30px;font-size:1.2em;}
.carousel-caption p {display:none;}
.carousel-caption .btn {display:none;}
}



.modal {top:20%;}

.bs-example-modal-lg-search .row { padding:20px; }



/* 通用 */

.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}



.title,.title-2 { padding:50px 0px 60px 0px; text-align:center; text-transform:uppercase;}
.title h1,.title h3 a { color:#0081CC;line-height:35px;height:35px;font-size:30px; font-weight: normal;text-decoration: none; }
.title h3 small {display:block; clear:both; margin:20px 0px 10px 0px; color:#a1a1a1; font-size:10px; }
.title p,.title-index-1 p { margin:10px auto 30px auto;line-height:20px;color:#333;font-size:16px; }
.title span {}
@media (min-width: 768px) {
.title p,.title-index-1 p {width:600px;}
  }
}
.title-2 a {font-size:30px;}
.title-2 h3 a small {display:block; clear:both; margin:10px 0px 10px 0px; color:#a1a1a1; font-size:8px;}


/* 页底 */







.sub_menu {
margin-top:30px;}



@media (max-width: 768px) {
.sub_menu {
height:0px;overflow:hidden;
}
}


/* 面包屑导航 */
.breadcrumb {margin-bottom:50px;}
.breadcrumb span {padding-right:15px; color:#ccc;}

/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}





/************* 分页 */

.pages {
  clear:both;
  margin:0px 10px;
  font-size:0.8em;
  color:#888;
}

.pages strong,.pages span {
  color:#FFFFFF;
  display:block;
  float:left;
  height: 26px;
  line-height: 26px;
  float:left;
  padding:0px 8px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
}
.pages a,.pages a {
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  float:left;
  padding:0px 8px;
  border:1px solid #337ab7;
  border-radius: 3px 3px 3px 3px;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#337ab7;
  font-size:0.8em;
}

.pages strong {color:white;}

.pages span {
  float:right;
}

#page {
font-size:0.8em;
margin: 8px 0;
}
#page .blank10{height:20px;}
#page strong {
padding:5px 8px;
background:#337ab7;
border-radius:5px;
color:white;
margin-right:15px;
font-size:0.8em;
}

.pagination {margin:50px 0px;}




/* 分页 */

.page-number {
 position:relative;
 right:0px;
 top:5px;
  color:#FFFFFF;
  height: 26px;
  line-height: 26px;
  padding:9px 20px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
}

/* 正文 */
#content_text {line-height:180%;font-size:1.2em;}





/* 首页 */


.index-1,.index-3 { padding-bottom:100px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px;  overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover {background:white;border:1px solid #ccc;}
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto {height:176px; margin:0px 0px 10px 0px; overflow:hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top:-50px; }
.index-1 li:hover .t2 { bottom:0px; }

@media (max-width: 768px) {
.index-1 li {
margin-bottom:30px;
background:white;border:1px solid #ccc;
}
.index-1 li .t1 { margin-top:-50px; }
.index-1 li .t2 { bottom:0px; }
}


.index-2 {padding-bottom:80px;}
.index-2 div div { padding:20px 30px; border:1px solid #eee;  -moz-box-shadow:0px 0px 10px #eee;
-webkit-box-shadow:0px 0px 10px #eee;
box-shadow:0px 0px 10px #eee; border-radius:3px;}
@media (max-width: 768px) {
.index-2 div div {margin-bottom:20px;}
}

.index-2 div div.img-auto a {display:block; height:100px;margin:20px 0px;overflow:hidden;}
.index-2 div div.img-auto h4 a { height:16px; font-size:14px;}
.index-2 div div:hover {background:#eee;}
.index-2 div div p {font-size:12px;color:#555;}
.index-2 div div p.date {color:#999;}



.index-3 .btn {padding:10px 40px;border-radius:50px;}
.index-3-left { height:240px; overflow:auto; }
.index-3-left p {text-indent:2em; }
@media (max-width: 768px) {
.index-3-left {margin-bottom:30px;}
}

.index-6 {padding:0px 0px 100px 0px;}
.index-6 ul li { height:124px; padding:0px; border:1px solid #eee; overflow:hidden;}
.index-6 ul li .img-auto {
width:89px;
height:68px;
margin:28px 50px;
overflow:hidden;
}






/* 友情链接 */
.home-links { padding:50px 0px 0px 0px;  background:#333; color: #666; }
.home-links .hr  {padding:15px 0px 0px 0px; border-top:1px dotted #555;}
.home-links-left {padding:0px;}
.home-links .links-logo img {
float:left; margin:10px;
opacity: 0.2;
}
.home-links .links-logo img:hover {opacity: 1; transition: 400ms;}
.home-links .links-a { clear:both; margin: 0 auto; font-size: 14px; padding-bottom: 60px; }
.home-links .links-a a { color: #666; padding: 10px; line-height: 300%; }






/**/
/*列表页 -文字列表*/
/**/
.list-container a {color:#333;}
.list-container p {color:#888;}
.list-container h4 {color:#000;font-weight:bold; }
.list-container .row{margin-bottom:15px;}
.list-container .news-list{margin-bottom:0;}

.list-border{padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;}
.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}
.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}


.list-date {width: 4em; float: left; margin-right: 20px;text-align: center;}
.list-date span{display:block;width:1em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 4em;color:#555;overflow:hidden;}
.list-date p {clear:both; display:block; width:4em;overflow:hidden;margin-bottom:0;}

.news-list p,
.news-list-text-pic p,
.list-down p{line-height:1.6}
.list-down .img-auto {height:170px;overflow:hidden;}



#projectlist.masonry {
margin: 0 auto;
}

#projectlist { }
.wrapper { margin: 0px auto; }
.projectitem {margin:0px 0px 30px 0px;width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}
.projectitem a
{position:relative;display:block; }

.projectitem a:hover
{text-decoration:none;overflow:hidden;}

.projectitem a h4
{display:none;cursor:hand;text-align:center;}

.projectitem a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}


.projectitem img,
.index-1 img,
.index-2 img,
.index-3 img,
#projectlist .owl-item img
{
 -moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}

.projectitem p {line-height:200%;font-size:1.2em;}

.post-masonry {margin:0px 0px 30px 0px;}
.post-masonry a
{position:relative;display:block; }

.post-masonry a:hover
{text-decoration:none;overflow:hidden;}

.post-masonry a h4
{display:none;cursor:hand;text-align:center;}

.post-masonry a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}


.post-masonry img,
.index-1 img,
.index-2 img,
.index-3 img,
#projectlist .owl-item img
{
 -moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}


/*列表页 - 右侧*/

.content-right-list h3 {font-size:16px;}
.content-right-list ol {margin-bottom:60px;}
.content-right-list ol li {list-style-type:decimal ;font-size:14px;line-height:1.8}
@media (max-width: 768px) {
.content-right-list {
margin-top:60px;
}
}



/* 联系我们地图页 */

.contact-us {background:#242625; }

.contact-us h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.contact-us h3 span{font-weight:bold;color:#C22C45;}
.contact-us h4 {clear:both;  margin:50px auto 0;padding:0 0 50px}

.contact-us dl {}
.contact-us dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.contact-us dl dd{color:#AEAEAE;font-size: 1.0em;}
.content-ditu {height:500px;width: 100%;overflow:hidden;}
@media (max-width: 768px) {
	.content-ditu {height:300px;}
	}



/* 产品页面右侧文字信息 */
.product_info{  overflow:hidden}
.product_info table{ color:#535353; width:100%; }
.product_info table th{ text-align:right; padding:7px 5px; width:120px; font-weight:normal; color:#888;}
.product_info table td{ padding:5px; color:#535353; font-size:0.9em;}
.product_info table tr{}
.product_info strong{ color:#E53F40; font-size:30px;}
#dialog_link {margin-left:20px;background:#236298;}
@media (max-width: 768px) {
#dialog_link {margin:20px 0px 0px 0px;}
}


/* 滚动图片 */
#projectlist .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
#projectlist .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
#projectlist .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
#projectlist .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
#projectlist .owl-carousel .owl-item {float:left;  padding:0px 50px; overflow:hidden; text-align:center; }
#projectlist .owl-carousel .owl-item a.img-auto {height:350px;overflow:hidden;}
#projectlist .owl-carousel .owl-item h4 { margin:30px 0px; font-size:16px;}
#projectlist .owl-carousel .owl-item h4 small {padding-left:20px; font-style : oblique; }


#projectlist .owl-controls .owl-page,
#projectlist .owl-controls .owl-buttons div{cursor: pointer;}
#projectlist .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
#projectlist .grabbing{cursor:url(../images/index/grabbing.png) 8 8, move;}
/* fix*/
#projectlist .owl-carousel .owl-wrapper,
#projectlist .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}



#projectlist .owl-theme .owl-controls{margin-top: 20px;text-align: center;}
/* Styling Next and Prev buttons*/
#projectlist .owl-theme .owl-controls .owl-buttons div {color: #333;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 5px 15px;font-size: 20px; font-weight:bold; background: #eee; }
#projectlist .owl-theme .owl-controls .owl-buttons div:hover {background:#333; color:white;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
#projectlist .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
#projectlist .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
#projectlist .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=30);/*IE7 fix*/opacity: 0.3;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #999;}
#projectlist .owl-theme .owl-controls .owl-page.active span,
#projectlist .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
#projectlist .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
#projectlist .owl-item.loading{min-height: 150px;background: url(../images/base/AjaxLoader.gif) no-repeat center center}
#projectlist .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}



.content-bottom-list-more {padding:8px 15px; background:#eee; color:#888;}

@media (min-width: 768px) {
.servers-wap {
display:none;
}
.dropdown-menu>li>a {padding:10px 20px;}

.navbar .nav > li.oen ul.two {
	margin: 0;
}
.navbar .nav > li.oen:hover ul.two {
	display: block;
}

}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #ccc;
}

/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #ccc;
}

/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #ccc;
}


.servers,
.foot-share,
.content_tools_box
{display:none;}

ul.nav-pills li.active {clear:both; display:block; }
.content-bottom-list-more {display:block; width:110px; margin-bottom:30px;}

}

.navbar-right {padding:0px;}
.top-nav-right .dropdown-menu li {clear:both;width:98%;}
.lead {font-size:1.0em; line-height: 1.8;}
.index-1 ul,.index-6 ul {margin:0px;padding:0px;}





.lead img {max-width:100%;}

.child{
display:none;
}


.left-menu {line-height:42px;  border:1px solid #ccc; border-radius: 5px;}
.left-menu ul {margin:0px;padding:0px;}
.left-menu ul li a {display:block; padding:0px 0px 0px 40px;}
.left-menu ul li.two {padding-left:10px;}
.left-menu ul li.three {padding-left:10px;}
.left-menu ul li.four {padding-left:10px;}
.left-menu ul li.five {padding-left:10px;}

.top-login {padding-left:5px;}









.btn-primary {
    background-color: #0081CC;
    border-color: #0081CC;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0081CC;
    border-color: #0081CC;
}
.pagination>li>a, .pagination>li>span {
    color: #0081CC;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #0081CC;
}
#page strong {
    background: #0081CC;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #0081CC;
}
#dialog_link {
    background: #0081CC;
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #0081CC;
    background-color: #fff;
}
.comm input.btn {
    background: #0081CC;
    color: #fff;
}
.pages strong, .pages span {
    color: #FFFFFF;
    background: #0081CC;
}
.btn-primary .badge {
    color: #0081CC;
    background-color: #fff;
}





*/









body{background:#F5F5F5;overflow-x:hidden;}
ul,ol,li{list-style: none;}
.blank5{clear:both;height:5px;}
.blank10{clear:both;height:10px;}
.blank20{clear:both;height:20px;}
.blank30{clear:both;height:30px;}
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:100%; height:auto; margin:0px auto; transition: 600ms; }
.img-auto:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }





.top{position:fixed;top:0;width:100%;padding:15px 0;z-index:19;height: 103px;background:url(../images/base/head-bg.png) repeat;transition:.3s}
.logo-box{float:left;transition:.3s;height: 83px;overflow: hidden;}
.logo-box img{position:relative;top:0}


.top.mini{height:50px;padding:0;}
.top.mini .logo-box{height:50px;overflow:hidden}
.top.mini .logo-box img{top:-10px}


.toptel{float: right;margin-left:0px; padding-left: 40px;height: 83px;line-height: 83px;font-size: 22px;color: #06C;background:url(../images/base/top-tel.png) left center no-repeat;

}
.top.mini .toptel{display: none;height: 50px;line-height:  50px;}


.topsousuo{float: right;margin: 17px 0 0 0px;height: 50px;line-height: 50px;width: 50px;text-align: center;}
.topsousuo span{font-size: 24px;color: #4879DB;line-height: 50px;cursor: pointer;}
.top.mini .topsousuo{margin-top: 0;}
.navbar .topsousuo{margin: 0 10px 0 0;}


.search{display: none;position: fixed;z-index: 999;left: 0;top: 50%	;width: 100%;margin-top: -50px;text-align: center;}
.search form{margin: 0 auto;max-width:600px;}
.search-bg{display: none;position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: #000;opacity: .3;z-index: 998;}


.header-bg{background:url(../images/base/head-black.png) repeat;height:10px;width:100%;position:absolute;left:0;top:100%}
.menu{float:right;margin-right:50px}
.menu ul{padding:0;margin:0;position:relative;}
.menu li.one{float:left;padding:16px 0}
.top.mini .menu li.one{padding:0}
.menu li.one a.aa{color:#000;display:block;width:80px;height:50px;line-height:50px;float:left;text-align:center}
.menu li.one:hover a.aa{color:#fff;background:#06C}
.menu li.one.on a.aa{color:#06C}
.menu li.one.on:hover a.aa{color: #fff;}

.menu2{display:none;width:680px;position:absolute;left:-40px;top:100%;padding:30px 34px 33px 20px;box-shadow:0 0 2px #c4c4c4 inset;background:url(../images/base/navshadow.jpg) repeat-x 0 0 #f9f9f9}
.menu2-ul{float:left;width:143px;padding-right:18px;border-right:1px solid #dedede}
.menu2-ul ul{float: left;padding:0;margin:0;}
.menu2-ul ul li a{display:block;width:124px;margin-bottom:12px;height:33px;line-height:33px;text-align:center;background:#0197df;color:#fff;overflow: hidden;}
.menu2-ul ul li a:hover{background:#4BB4E6}
.menu2-text{width:452px;float:right;}
.menu2-text2{overflow: hidden;}
.menu2-text h4{margin:0;font-size:18px;color:#000;padding-bottom:10px;overflow: hidden;}
.menu2-text p{font-size:12px;color:#474747;line-height:24px;padding-bottom:2px;overflow: hidden;}
.menu2-text a{color:#0197df;font-size:12px;float:right;position:relative;right:0;transition:.6s}
.menu2-text a:hover{right:10px}
.menu2-img{float:right;width:182px;margin-left: 30px;}
.menu2-img img{width:100%;height:auto}

.top.mini .menu2 {left:auto;right:0;}
#cpgnl0 {margin:10px 20px 10px 0px;float:left;  border:1px solid #ddd; background:#FFFFFF ; padding: 10px 20px; } 
#cpgnl0:hover {	border:1px solid #108cee; 	color:#108cee;}
#cpgnl { width:560px;float:left;margin-bottom:35px; }
#cpgnl a{color: #0086d1;}
#cpgnl a:hover{color: #0066cc;}
#cpgn4 { float:left;margin-bottom:35px; }
#cpgn4 a{color:#666;}
#cpgn4 a:hover{text-decoration:underline;color:#222;}
#cpgn4 li{line-height: 28px;}
#imgb{ float:left;margin-right: 30px }
#imgc{ float:left;margin-right: 30px }
#pp{ width:600px; height:70px}
#pp2{ width:640px; height:70px}
#codep{padding:15px 0;}
#codep1{background:#f5f5f5;padding:20px 0;}
#codep2{padding:20px 0;}
.cpzxtimg {position:absolute;overflow:hidden;}
.cpzxtimg img{display:none;}
.cpzxtimg:hover img{z-index:1;display:block;position: absolute;}

@media screen and (min-width: 992px) and (max-width: 1199px){
.toptel{display: none;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.toptel{display: none;}
.menu li.one a.aa{width:70px;}
.menu2{display:none;width:520px;}
.menu2-text{width:302px;float:right;}
.menu2-img{float:none;width:100%;margin: 0 auto 30px;}
.menu2-img img{max-width:100%;height: auto;}
.menu2-text2{overflow: hidden;}
}
.section1{}
.s1-item{float: left;width: 24%;}
.s1-item a{position: relative;overflow: hidden;text-decoration: none;display: block;}
.s1-img{display:block;overflow:hidden;}

 .s1-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s1-item:hover .s1-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.s1-text{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;padding: 5% 1%;z-index: 2; text-align:center;}

.s1-text h4{       color: #fff; font-size: 34px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s1-text p{    font-size: 14px;
    color: #fff;line-height: 20px;height: 80px;overflow: hidden;}

.s1-text h4:hover{color: #9580b0;}
.s1-item2 .s1-text h4 {color: #333;}
.s1-item2 .s1-text p{color: #333;}
.s1-item4 .s1-text h4 {color: #333;}
.s1-item4 .s1-text p{color: #333;}

@media screen and (min-width: 1200px) and (max-width: 1459px){
 .s1-text h4 {font-size: 28px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.s1-item{width: 50%;}
 .s1-text h4 {font-size: 20px;}
}


@media screen and (min-width: 768px) and (max-width: 991px){
.s1-item{width: 50%;}
 .s1-text h4 {font-size: 20px;}
}

@media screen and (min-width: 0) and (max-width: 767px){
.s1-item{width: 100%;}
.s1-text{padding: 8% 10%;}
.s1-text h4 {font-size: 20px;}
}

.section2{padding: 30px 0;}
.title10{text-align: center;max-width:800px;margin: 0 auto;margin-bottom: 20px;}
.title10 h4{margin:0;font-size:38px}
.title10 p{font-size:14px;color:#7f7f7f;text-align:center;margin-top:20px;line-height:22px}

.s2-item{margin:20px 0}
.s2-item a{display:block;position:relative;overflow:hidden;text-decoration:none}
.s2-img{display:block;overflow:hidden}
.s2-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s2-item:hover .s2-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s2-img p{position:absolute;left:0;right:0;bottom:0;margin:0;line-height:45px;color:#fff;padding:0 5%;background:url(../images/base/head-b1g.png);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s2-item:hover .s2-img p{display:none}
.s2-text{display:none;position:absolute;left:0;right:0;top:0;bottom:0}
.s2-item:hover .s2-text{display:block;background:url(../images/base/head-b1g.png)}
.s2-text h4{color:#fff;text-align:center;margin-top:10%;font-size:30px}
.s2-text p{color:#fff;margin-top:20px;padding:0 10%;overflow:hidden;line-height:22px;height:66px}
.s2-text .more{display:block;width:101px;height:25px;border:solid 1px #fff;text-align:center;line-height:23px;font-size:12px;color:#fff;margin:0 auto;margin-top:30px}
.s2-text .more:hover{background:#06C}
.params-con table{background-color:#fff}
.params-con table th,.params-con table td{border-bottom:1px solid  #ddd;border-right:1px solid #ddd}
.params-con table th{background-color:#ecf2f9;padding:20px 0}
.params-con table td{padding:30px 0;vertical-align:top}
.params-con table td.params-con-title{text-align:center}
.params-con table td dl{width:80%;margin:0 auto 10px;*zoom:1}
.params-con table td dl:before,.params-con table td dl:after{display:table;content:"";line-height:0}
.params-con table td dl:after{clear:both}
.params-con table td dl dt,.params-con table td dl dd{float:left;line-height:2}
.params-con table td dl dt{width:25%}
.params-con table td dl dd{width:75%;margin:0;color:#757575}
.params-con table td dl .spe{color:#616161}
.titleplc{;margin-bottom: 30px;}
.titleplc h4{margin: 0;line-height: 40px;height: 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.titleplc p{margin: 15px 0 30px;color:#848484}
.sectionlist{color: #108cee;}
.sectionlist a { text-align:center; display: inline-block; border: 1px solid #108cee;text-decoration: none; width: 100px; height: 30px; line-height: 28px; font-size: 14px; margin: 50px 30px 10px 0px;border-radius: 0px;} 
.sectionlist a:hover {color:#fff;background-color:#0b83e1;}
.sectionlist .more{color:#0b83e1;}
.sectionlist .duo{background-color:#108cee;color:#FFF;}
#titledgpsdata a:hover{	color:#0b83e1;	text-decoration:underline;}
@media screen and (min-width:992px) and (max-width:1199px){
.s2-text h4{font-size:20px}
}
@media screen and (min-width:320px) and (max-width:479px){
.s2-text h4{font-size:20px}
}
.section3{width:98%}
.s3-l{float:left;width:48%;overflow:hidden;background:#000;margin:0 0 0 2%; }
.s3-r{float:left;width:50%;overflow:hidden;padding:0 2%}
.s3-r1{margin-top:10%}
.s3-r1 h4{font-size:20px;color:#242424;text-align:center}
.s3-r1 h2{font-size:38px;color:#242424;text-align:center;margin-top:20px}
.s3-r1 p{max-width:480px;font-size:14px;color:#7f7f7f;text-align:center;margin:0 auto;margin-top:20px}
.s3-r2{margin-top:40px}
.s3-r2 a{display: block;text-decoration: none;}
.s3-r2-img{width:100%;text-align:center}
.s3-r2-img img{max-width:70%;height:auto}
.s3-r2 h4{font-size:12px;text-align:center;margin-top:20px;color:#242424}
.s3-r2 p{font-size:12px;color:#7f7f7f;text-align:center;margin-top:10px;min-height:22px;height:66px;overflow:hidden}
@media screen and (min-width:0) and (max-width:1199px){
.s3-l{width:100%}
.s3-r{width:100%;height:auto}
}




.section4{padding:40px 0 0}
.s4-l{float:left;width:50%;padding-right:20px}
.s4-r{float:right;width:50%;padding-left:20px}
.s4-item{margin:30px 0}
.s4-item a{position:relative;display:block;text-decoration:none;overflow:hidden}
.s4-img{width:100%;display:block;overflow:hidden}
.s4-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s4-item:hover .s4-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s4-text{position:absolute;left:0;right:0;top:0;bottom:0;padding:0 10%;background:url(../images/base/head-b1g.png)}
.s4-text span{display:inline-block;width:110px;height:22px;background:#fff;text-align:center;color:#0075c8;line-height:22px;margin:40px 0 0 0}
.s4-text h4{font-size:38px;margin:0;margin-top:20px;color:#fff}
.s4-text p{font-size:14px;color:#fff;line-height:22px;overflow:hidden;margin-top:20px;display:block;opacity:1;transition:1s all;-webkit-transition:1s all;-ms-transition:1s all}
.s4-text .more{display:block;width:103px;height:27px;border:solid 1px #cbc7c7;text-align:center;line-height:25px;color:#fff;margin-top:30px}
@media screen and (min-width:1200px) and (max-width:1459px){
.s4-item2{margin-bottom:22px}
.s4-item3{margin-top:22px}
}
@media screen and (min-width:0) and (max-width:1199px){
.s4-l{width:100%;padding:0;margin-bottom:-30px}
.s4-r{width:100%;padding:0}
}
@media screen and (min-width:0) and (max-width:991px){
.s4-text h4{font-size:26px}
}
@media screen and (min-width:480px) and (max-width:767px){
.s4-text{padding:0 15px;position:static;background:#fff}
.s4-text span{margin-top:20px}
.s4-text h4{color:#333}
.s4-text p{color:#7f7f7f}
.s4-text .more{color:#7f7f7f}
}




.section5{padding:40px 0;text-align:center;background:#4879DB}
.section5 p{color:#FFF;font-size:16px;margin-bottom:5px}
.section5 h2{margin:0;color:#fff;font-size:36px;font-weight:700}
.section5 a{display:inline-block;border:2px solid #FFF;text-decoration: none;width:205px;height:42px;line-height:38px;font-size:18px;color:#fff;margin-top:25px;border-radius:8px}
.section5 a:hover{background:#fff;color:#4879DB;text-decoration: none;}


.pcshow{display:none;}
@media screen and (min-width:768px){.phoneshow{display:none;}.pcshow{display:block;}}


.foot{background:#404143}
.foot1{padding:50px 20px 40px 50px;border-bottom:1px solid #999; width:95%}
.foot1 ul{padding:0;float:left;margin-left:3%}
.foot1 ul h4{color:#FFF}
.foot1 ul h4 a{color:#FFF;font-size:16px;text-decoration:none}
.foot1 ul li{color:#FFF;margin-bottom:5px}
.foot1 ul li a{color:#989898;font-size:13px;text-decoration:none}
.foot1 ul li a:hover{color:#FFF}
.weixin{text-align:center}
.weibo{text-align:center}
.weixin p{color:#989898;margin:10px 0 0}
.weibo p{color:#989898;margin:10px 0 0}
.foot2{padding:30px 3%;width:92%}
.foot2 p{float:left;color:#989898}
.foot2 p a{color:#fff}
.foot2 p span{margin:0 20px}
.foot-r{color:#FFF;float:right}
.foot-r a{color:#FFF;}
@media screen and (min-width:0) and (max-width:1459px){
.weixin{margin-top:20px}
.weibo{margin-top:20px}
}
@media screen and (min-width:0) and (max-width:1199px){
.foot1{padding-top:50px}

.foot1 ul h4{margin:0 0 5px}
.foot1 ul li{float:left;margin-right:8px}
}
@media screen and (min-width:0) and (max-width:1199px){
.foot-r{color:#FFF;float:left}
}







#banner2{width:100%;height:360px;background:url(../images/base/s1.jpg);background-size:cover;padding-top:102px}
.banner2-text h4{font-size:46px;color:#fff;padding-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.banner2-text p{padding-top:12px;line-height:26px;font-size:16px;color:#fff;overflow:hidden}
.banner2-img{height:257px;overflow:hidden}
.banner2-img img{height:100%;width:auto;max-width:100%}
@media screen and (min-width:0) and (max-width:991px){
.banner2-img{height:0}
}

@media screen and (min-width:320px) and (max-width:479px){
.banner2-text h4{font-size:24px;padding-top:10px}
.banner2-text p{font-size:14px;}
}
.box2{padding: 50px 0;} 
@media screen and (min-width: 0) and (max-width: 767px){
.box2{margin-top: 25px;}
}


.box2-left{width: 220px;float: left;margin-right: 40px;}

@media screen and (min-width: 0) and (max-width: 991px){
.box2-left{width: 100%;float: none;margin-right: 0;margin-bottom:40px;}
}

.left1{}
.left1 h4{height:50px;line-height:50px;overflow:hidden;padding:0 20px;color:#fff;font-size:20px;background-color:#a9b5c1;margin:0}
.left1 h4 a{color:#fff;}
.left1 ul{padding:0;margin:0}
.left1 ul li{height:40px;line-height:40px}
.left1 ul li a{display:block;height:40px;line-height:40px;padding:0 20px;color:#0075c8;border-bottom:1px solid #ededed;background:url(../images/base/pro_fast.png) 98% no-repeat #f7f7f7}
.left1 ul li a:hover,.left1 ul li.on a{color:#0075c8;background:url(../images/base/pro_fast.png) 98% no-repeat #EDEDED}

.left2{margin: 20px 0;}
.left2 img{width: 100%;height: auto;}
 @media screen and (min-width: 0) and (max-width: 991px){
.left2{display: none;}
}



.title20{border-bottom:1px solid #ccc;margin-bottom: 30px;}
.title20 h4{margin: 0;line-height: 40px;height: 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.title20 p{margin: 15px 0 30px;color:#848484}


.right1{}
.right1-item{margin:5px 0;background:url(../images/base/right1-bg1.jpg)}
.right1-item:hover{background:url(../images/base/right1-bg2.jpg)}
.r11{float:left;height:140px;width:200px}
.r11 p{height:40px;background:#FFF;margin:50px 20px;line-height:40px;text-align:center;border-radius:40px}
.r12{float:left;height:140px;width:200px;text-align:center;border-left:3px solid #FFF;border-right:3px solid #FFF}
.r12 img{max-width:160px;margin-top:5px;height:130px}
.r13{overflow:hidden;padding:0 40px}
.r13 p{background:#FFF;border-bottom:3px solid #346BAE;height:100px;margin:20px 0;padding:25px}
.r14{position: relative;right: 0;	float:right;width:100px;height:140px;background:url(../images/base/r1-ico.png) left center no-repeat}
.right1-item:hover .r14{animation: myfirst 500ms ease 0s infinite normal;}
@keyframes myfirst
{
0%     {right: 4px;}
100% {right: 0px;}
}

@media screen and (min-width:480px) and (max-width:767px){
.r12{border:none}
.r13 p{width:100%;height:100px;margin:20px 0;padding:25px}
.r13{width:100%}
}
@media screen and (min-width:0) and (max-width:479px){
.r11{width:100%;height:auto}
.r11 p{margin:20px 20px}
.r12{width:100%;border:none}
.r13{width:100%}
.r14{width:0}
}




.right2{}
.right2-item{margin: 20px 0;}
.right2-img{margin-right: 30px;float: left;height: 103px;width: 144px;overflow: hidden;}
.right2-img img{width: 100%;height: auto;}
.right2-text{overflow: hidden;}
.right2-text h4{color: #0075C8;}
.right2-text h4 a{color: #0075C8;}
.right2-ttext p{line-height: 22px;height: 66px;overflow: hidden;color: #666;}
@media screen and (min-width: 0) and (max-width: 767px){
.right2-img{margin-right: 0;margin-bottom: 10px;float: none;height: auto;width: 100%;overflow: hidden;text-align: center;}
}



.mianbao{margin-top: 108px;height: 70px;line-height: 70px;background: #FAFAFA;color: #999;}
.mianbao a{margin:0 5px;color: #4d4d44;}
 @media screen and (min-width: 0) and (max-width: 767px){
.mianbao{display: none;}
}



.right31{position:relative;overflow:hidden;width:290px;margin:0 auto 20px}
.right31 ul{padding:0;margin:0}
.right31 .bigImg{height:auto;position:relative}
.right31 .bigImg li{height:245px;width:290px;border:1px solid #EEE;overflow:hidden}
.right31 .bigImg li img{vertical-align:middle;width:288px;height:auto;min-height:100%}
.right31 .smallScroll{height:63px;margin:10px auto;width:290px}
.right31 .sNext,.right31 .sPrev{float:left;display:block;width:22px;height:63px;text-indent:-9999px;background:url(../images/base/sPrev.jpg);opacity:.8}
.right31 .sNext{background:url(../images/base/sNext.jpg)}
.right31 .sPrev:hover{opacity:1}
.right31 .sNext:hover{opacity:1}
.right31 .smallImg{float:left;margin:0 6px;display:inline;width:234px;overflow:hidden}
.right31 .smallImg ul{height:63px;width:9999px;overflow:hidden}
.right31 .smallImg li{float:left;padding:0;width:78px;cursor:pointer;display:inline}
.right31 .smallImg img{border:1px solid #EEE;width:76px;height:63px}
.right31 .smallImg .on img{border-color:#999}





.right31-r{}
.right31-r h4{color:#0364B1;font-size:20px;margin:0}
.right31-r span{display:block;font-size:12px;margin:15px 0;color:#000}
.right31-r p{border-top:2px solid #EEE;font-size:12px;line-height:24px;color:#494949;padding-top:10px}
.right32{margin:20px 0}
.right32-title{border-bottom:1px solid #666}
.right32-title ul{padding:0;margin:0;position:relative;top:1px}
.right32-title ul li{float:left;width:104px;margin:0 0 0 10px;color:#333;text-align:center;line-height:18px;padding:9.5px 0;font-size:14px;font-weight:700;cursor:pointer;background:url(../images/base/show_menu_bg1.jpg) left bottom no-repeat}
.right32-title ul li a{color:#333;}
@media screen and (min-width:992px) and (max-width:1199px){
.right32-title ul li{margin:0 0 0 5px}
}
.right32-title ul li.on{color:#B00;background:url(../images/base/show_menu_bg2.jpg) left top no-repeat}
.right32-title ul li.on a{color:#B00;}
@media screen and (min-width:0) and (max-width:767px){
.right32-title{border-bottom:none}
.right32-title ul li{width:16.66666%;margin:0;border-left:1px solid #FFF;border-right:1px solid #FFF;background:#E2E2E2}
.right32-title ul li.on{background:#EDEDED}
}
.right32-c{padding:20px}
.right32-c5 ul{padding:0;margin:0}
.right32-c5 ul li{font-size:12px;line-height:30px;padding-left:15px;background:url(../images/base/download.png) left center no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.right32-c5 ul li a{text-decoration:none;color:#333}
.right32-c5 ul li p {font-size:12px;line-height:30px;margin:0px;}



.title30{font-size:24px;color:#333;margin-top:0;padding:10px 0 30px;border-bottom:2px solid #EEE;text-align:center}


 .btn_list{width: 100%;overflow:hidden;margin:20px 0px; position: relative;}
 .btn_list ul li{display: block; float: right; width: 85px;  line-height: 30px; font-size: 14px; color: #666;text-align: left; height: 30px;}
 .btn_list ul li a{display:block;line-height:30px;padding-left: 40px; background: url(../images/base/btn_pro_detail.png) #f7f7f7 no-repeat;margin-left:2px;}
 .btn_list ul li a:hover{background-color:#eee;}
 .btn_list ul li.download a{background-position: 0 -90px;}
 .btn_list ul li.collect a{background-position: 0 -60px;}
 .btn_list ul li.print a{background-position: 0 -30px;}
 .btn_list ul li.good a{background-position: 0 0;margin-left:0px;}
 .btn_list span.time{display: block; width: 150px; height: 30px; line-height: 30px;  position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2;}


.right5{color:#666;line-height: 1.8; font-size:16px;}
.right5 h3{
	font-size: 22px;
    color: #333;
	}
.right6{}
.right6 ul{padding: 0;margin: 0;}
.right6 ul li{line-height: 30px;padding-left: 15px;background: url(../images/base/sj_solve.png) left center no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.right6 ul li a{color: #0075c8;}
.right6 ul li span{color:#999;float: right;	}



.right7{}
.right7:before{content:"";display:block;width:34px;height:22px;background:url(../images/base/right7.jpg) left top no-repeat}
.right7 dl{border-left:1px solid #ccc;margin:0;padding:20px 0 0;margin-left:17px}
.right7 dt{position:relative;float:left;margin-right:20px;font-weight:400;padding-left:15px;color:#348EDC;line-height:30px}
.right7 dt a{color:#348EDC}
.right7 dl:hover dt a{color:#C21119}
.right7 dt:before{content:"";display:block;position:absolute;left:-5px;top:50%;margin-top:-5px;height:10px;width:10px;background:#CFCFCF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.right7 dl:hover dt::before{content:"";display:block;position:absolute;left:-3px;top:50%;margin-top:-2px;height:5px;width:5px;background:#C21119;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.right7 dt:after{content:"";display:block;position:absolute;left:-9px;top:50%;margin-top:-8px;height:17px;width:17px;border:1px solid #C21119;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0}
.right7 dl:hover dt:after{opacity:1}
.right7 dd{overflow:hidden}
.right7 dd a{display: block;line-height:30px;color:#333}
.right7 dl:hover dd a{color:#348EDC}

.right8{}
.right8-title{}
.right8-title ul{padding:0;margin:0;position:relative;top:1px}
.right8-title ul li{float:left;padding:10px 15px;line-height:20px;height:50px;margin-right:-1px;cursor:pointer;background:#F8F8F8;border:1px solid #CCC}
.right8-title ul li.on{background:#FFF;border-top:3px solid red;border-bottom:1px solid #fff}
.right8-c{clear:both;padding:30px 40px;border:1px solid #CCC}
.right8-c{color:#666}
.right8-c li{line-height:30px}
@media screen and (min-width: 320px) and (max-width: 479px){
.right8-title ul li{padding:10px 3px;font-size: 12px;line-height:20px;}
}



.right9{border:2px solid #A2C3FB}
.right9-1{position:relative;color:#999;min-height:35px}
.right9-0{font-weight:700;color:#777}
.right9-th{float:left;width:25%;min-width:100px;height:100%;border-top:1px solid #A2C3FB;margin-top:-1px}
.right9-th p{position:absolute;left:0;top:50%;width:25%;min-width:100px;margin-top:-23px;padding:10px 20px;line-height:25px}
.right9 table{float:right;width:75%;margin:-1px}
.right9 table tr{border:1px solid #A2C3FB;border-bottom:none}
.right9 table tr td{padding:12px;position:relative}
.right9 table tr td a{border-bottom:dashed 1px #2073b7;color:#2073b7}
.right9 table tr td span{position:absolute;left:12px;top:12px;display:block;width:60px;height:20px;text-align:center;color:#4879DB}
.right9 table tr td a{width:60px;height:20px;display:block;text-align:center;margin:0;padding:0}
.right9 table tr td a img{opacity:0}
.container2{max-width:1170px;padding:0 15px}


.imgapp {
position:relative;

}
.imgapp img{display:none;}
.imgapp:hover img{z-index:1;display:block;position: absolute;left: -300px; top:-180px;}
#imga{ float:right;}
#imga2{ float:left;}
.tab{border-collapse:collapse; text-align:left;}
.tab td{ border:#4F81BD 1px solid}  
#head2line { width: 100%; height: 103px; background:#CCC;  background-size: cover;}
.section00{	color: #108cee;}
.section00 a {text-align:center;display: inline-block; border: 1px solid #108cee;text-decoration: none; width: 150px;height: 40px;line-height: 38px;font-size: 16px;margin: 15px 30px 0px 0px;border-radius: 0px;} 
.section00 a:hover {color:#fff;	background-color:#0b83e1;} 
.docmore{color:#0b83e1;}
.docmore2{color:#EEE;}
.buy{background-color:#108cee;color:#FFF;}
#leftbar {width:100px; left: 0; z-index: 200; display: none;position: fixed; height: 0px; top: 0px; display:none;}
#leftbar .container2 {position: absolute; left: 0;top: 216px;padding:0px;width: 100%;min-width: 50px;height: 100%;}
.container2 li.one a.aa {color: #000;width: 60px;height: 80px;line-height: 20px;float: left;text-align: center;background:#eee;}
.container2 li.one:hover a.aa {box-shadow: 0px 0px 5px  #c4c4c4 inset;background:  #f9f9f9;	}
.pcdivs{margin:auto;  padding:20px 10px}
.target-fix {padding-top: 65px;margin-top: -65px;} 
#title1left{width:40%;float:left;height:100px;background:#59bfcb;text-align:left;color:#FFFFFF;}
#title1left3{overflow:hidden;width: 0;height: 0;border-top: 40px solid transparent;border-left: 60px solid #4daab5;border-bottom: 0px solid transparent;}
#title1right0{overflow:hidden;float:left;height:60px;width: 60px;background:#4daab5;}
#title1right{overflow:hidden;height:60px;bottom:0px;margin-top:0px;background:#59bfcb;}
#title1right2{margin-top:10px;float:right;}
#titledgps{position:relative;background:url(/upload/images/201710/4gplc2_0.png);width:1118px; height: 537px;}
#titledgpsdata { position:absolute;}
.s1-item{color:#FFF;margin:5px; border:#999 solid 1px; padding: 10px; box-shadow: 0px 0px 10px #BFBFBF;}
.s1-item:hover {color:#FF00FF;    border: #2073b7 solid 1px;}
.pcdivs .s1-item{width: 45%; margin:0px 20px}
.pcdivs2{margin:auto; background:#F6F6F6; padding:20px 10px}
.pcdivs2 .s1-item{width: 32%;margin:5px}
.pcdivs2 .maxdd{width: 48%}
.mr100{margin-right: 100px}
.mr6434{margin:60px 40px 38px 40px;}
.mr6030{margin:60px 0px 38px 0px;}
.mr5r{margin-right:50px}
.m5280{margin:50px 20px 80px 0px}
.m1505{margin: 100px 50px 0px 50px}
.m0102{margin:0px 100px 0px 20px;}
.ppimg{float:right; width:349px;}
@media screen and (min-width:320px) and (max-width:479px){
h2{ font-size: 19px;}	
#head2line{height:60px}	
#banner2 {height: 310px;}
.banner2-text p{line-height: 20px;}
.section00 a{width: 120px;height: 35px; line-height: 35px;font-size: 14px;margin: 0 10px 0 0;}
.box2-right .title20 {margin-bottom: 10px;}
#cpgnl { width: 100%; margin-bottom: 10px;}
#pp{ width:100%; height:auto; font-size: 12px; } 
#pp2{ width:100%; height:auto; font-size: 12px; } 
#imgb {float: left;margin-right: 10px;}
#imgc { float:none;}
.pcdivs .s1-item{width: 100%; margin:10px 0 }
.pcdivs2 .s1-item{width: 100%;margin:5px 0}
#cpgnl0 {margin: 0 0 10px 0;padding: 10px;}
#cpgnl0 #pp h4{font-size: 15px;margin:5px 0;}
.sectionlist a {margin: 5px 30px 20px 0px;} 
.top {  padding: 0;  height: 65px; }
.navbar-nav{background-color:#fff; float:right;}
.foot1{padding:20px 10px;}
.mr100{margin: 0 30px 30px}
.mr6434{margin: 0 10px 20px}
.mr6030{margin: 0 0 20px}
.mr5r{margin: 0 0 10px}
.m5280{margin: 0 0 10px}
.m1505{margin: 0 30px 30px;}
.m0102{margin: 0 0 10px}
.r13 p{padding:10px;}
.ppimg{float:none; width:96%;}
.box2-right{width: 100%}
}