﻿

.mb20 {
  margin-bottom: 20px; }

.pt10 {
  padding-top: 10px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr20 {
  padding-right: 20px !important; }

.clear {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.row {
  width: 1200px;
  margin: 0 auto; }

.big-row {
  width: 1250px; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.transition {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s; }

/*
box model;
*/
.logoleft img, .pro-category .category-list ul li, .common-pro ul li, .index-honor .bd ul li, .application .area-content ul li {
  float: left; }

.application .area-contact img, .application .area-contact span {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.back-top-gray {
  background-color: #f8f6f9;
  height: 34px; }
  .back-top-gray p {
    line-height: 34px;
    color: #666666;
    font-size: 12px; }
    .back-top-gray p a {
      color: #666666;
      padding: 0 10px;
      font-size: 12px; }
      .back-top-gray p a:hover {
        color: #000033; }
      .back-top-gray p a + a {
        border-left: 1px solid #666666; }

.welcome {
  width: 300px; }

.piecemeal {
  width: 202px; }

.top-logo {
  height: 94px;
  border-bottom: 1px solid #cccccc; }

.toplogo {
  width: 350px;
  text-align: left; }

.logoleft {
  width: 420px;
  height: 54px;
  padding-left: 10px; }
  .logoleft p {
    display: block;
    font-size: 16px;
    margin-left: 20px;
    line-height: 20px; }
    .logoleft p span {
      color: #d6252d;
      font-size: 16px; }

.toptel {
  width: 230px;
  background: url(../images/top-tel.jpg) no-repeat left; }
  .toptel p {
    padding-left: 50px;
    color: #000000;
    font-size: 14px; }
    .toptel p span {
      font-size: 30px;
      font-family: 'impact';
      display: block; }


ul.gdao li {
  width: 133px;
  float: left;
  list-style: none;
  text-align: center;
  line-height: 47px;
  position: relative;
  height: auto; }

ul.gdao li a {
  display: block;
  height: 47px;
  text-align: center;
  position: relative; }

ul.gdao li:hover, ul.gdao li.hover {
  background-color: #1a3a74; }

ul.gdao li b {
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  padding-top: 5px;
  display: inline-block; }

ul.gdao li:hover b,ul.gdao li.hover b {
  color: #ffffff; }

ul.gdao li span {
  color: #ffffff;
  font-family: 'Arial';
  line-height: 12px; }

ul.gdao li ul {
  width: 244px;
  top: 47px;
  line-height: 30px;
  position: absolute;
  z-index: 999;
  left: 0;
  display: none; }

ul.gdao li ul li {
  float: left;
  height: 40px;
  width: 133px;
  border-bottom: 1px dotted #fcf5c1;
  background: none;
  background-color: #ffffff;
  line-height: 40px;
  position: relative; }

ul.gdao li ul li:hover {
  background: none;
  background-color: #fcf5c1;
  line-height: 40px;
  padding: 0; }

ul.gdao li ul li a {
  color: #000000;
  line-height: 40px;
  height: 40px;
  display: block;
  padding: 0;
  position: relative; }

ul.gdao li ul li:hover a {
  color: #333333; }

ul.gdao li ul li ul {
  position: absolute;
  width: 171px;
  height: 50px;
  left: 12.5%;
  top: 0;
  display: none; }

ul.gdao li ul li:hover ul {
  display: none; }

ul.gdao li ul li:hover ul li a {
  color: #ffffff; }

ul.gdao li ul li ul li {
  width: 171px;
  height: 40px;
  background-color: #666666; }

ul.gdao li ul li ul li:hover a {
  color: #ffffff;
  display: block;
  width: 12.5%;
  height: 40px;
  background-color: #333333; }

ul.gdao li ul li ul li a:Hover {
  color: #333333;
  background-color: #fcf5c1; }

ul.gdao li ul div.toplei {
  width: 152px;
  padding: 10px;
  border-left: 1px #cccccc solid;
  overflow: hidden;
  height: auto; }

ul.gdao li ul .tflda a {
  font-weight: 900;
  font-size: 14px; }

ul.gdao li ul .tflxa a {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 24px;
  height: 24px; }

.fullSlide {
  width: 100%;
  position: relative;
  height: 570px;
  background: #000;
  text-align: center; }

.fullSlide .bd {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  overflow: hidden; }

.fullSlide .bd ul {
  width: 100% !important; }

.fullSlide .bd li {
  width: 100% !important;
  height: 570px;
  overflow: hidden;
  text-align: center; }

/*.fullSlide .bd li a {
  display: block;
  height: 600px; }*/
 
.fullSlide .bd li div {
	width:1200px;
	margin:0 auto;
}
.fullSlide .bd li p{
  width:332px;
  padding:20px;
  background:url(../images/li-back.png);
  color:#ffffff;
  line-height:26px;
  }
  .fullSlide .bd li p.first{
    float:right;
    margin-top:350px ;
    margin-right: 200px;
    }
    .fullSlide .bd li p.second{
    float:left;
    margin-top:290px ;
    margin-bottom:60px;
    }
.fullSlide .bd li p.third{
float:left;
margin-top:290px;
margin-right:340px;
}
.fullSlide .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 30px;
  line-height: 30px; }

.fullSlide .hd ul {
  text-align: center; }

.fullSlide .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 47px;
  height: 11px;
  margin: 1px;
  overflow: hidden;
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  line-height: 999px; }

.fullSlide .hd ul .on {
  background: #f00; }

.fullSlide .prev, .fullSlide .next {
  position: absolute;
  z-index: 999;
  top: 40%;
  left: 10%;
  width: 30px;
  height: 80px;
  background: url(../images/left_on.png) no-repeat;
  cursor: pointer;
  display: none; }

.fullSlide .next {
  left: auto;
  right: 10%;
  background: url(../images/right_on.png) no-repeat; }

.common-title {
  background: url(../images/common-title.png) no-repeat center;
  text-align: center; }
  .common-title span {
    font-size: 14px;
    color: #616161; }
  .common-title cite {
    display: block;
    text-align: center;
    font-style: normal;
    line-height: 36px;
    padding-top: 10px; }
  .common-title a h2 {
    color: #333333;
    font-size: 36px;
    font-weight: 900;
    text-align: center; }

.pro-category {
  overflow: hidden; }
  .pro-category .category-list ul {
    width: 1220px; }
    .pro-category .category-list ul li {
      text-align: center;
      width: 199px;
      height: 50px;border-radius:25px;margin-bottom:10px;
	  margin-top:1px;
	  margin-left: 1px; 
	  }
      .pro-category .category-list ul li a {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
		    border-radius: 50px;
        display: block;
        text-align: center;
        background-color: #0978bf;
		 margin-bottom:10px;
        color: #fff;
    }
        .pro-category .category-list ul li a:hover {
          background-color: #155ac2;
          color: #ffffff; }
      .pro-category .category-list ul li + li {
        }

.common-pro {
  width: 1230px;
  overflow: hidden; }
  .common-pro ul li {
    width: 285px;
    height: 285px;
    margin-right: 21px;
    margin-bottom: 21px;
    position: relative;
    overflow: hidden; }
    .common-pro ul li a span {
      position: absolute;
      line-height: 30px;
      bottom: -250px;
      height: 285px;
      left: 0;
      width: 100%;
      color: #ffffff;
      background: url(../images/imgbg1.png);
      text-align: center; }
    .common-pro ul li a p {
      text-align: center;
      height: 170px;
      width: 100%;
      padding-top: 100px;
      color: #ffffff;
      font-size: 24px; }
      .common-pro ul li a p cite {
        display: block;
        font-style: normal;
        color: #ffffff;
        font-size: 30px;
        text-align: center; }
    .common-pro ul li:hover a span {
      background: url(../images/imgbg3.png);
      bottom: 0;
      color: #ffffff; }

.about-us {
  background: url(../images/about-us.jpg) no-repeat center top;
  height: 880px; }
  .about-us .left-title {
    display: block;
    background-color: #1a3a74;
    width: 217px;
    height: 243px;
    text-align: center; }
    .about-us .left-title img {
      padding-top: 20px; }
    .about-us .left-title h2 {
      width: 105px;
      margin: 0 auto;
      color: #ffffff;
      font-size: 48px;
      line-height: 50px; }
  .about-us .right-about {
    width: 926px;
    padding-top: 30px; }
    .about-us .right-about p {
      color: #000;
      text-indent: 2rem;
      line-height: 2rem; }

.index-honor {
  text-align: center;
  position: relative;
  background: url(../images/imgbg4.png);
  padding-top: 20px;
  margin-top:100px;
  padding-bottom: 50px; }
  .index-honor .hd {
    position: absolute;
    top: 120px;
    width: 100%; }
    .index-honor .hd a {
      display: block;
      width: 12px;
      height: 61px;
      cursor: pointer;
      top: 100px; }
      .index-honor .hd a.prev {
        position: inherit;
        left: 0;
        background: url(../images/prev.jpg) no-repeat left top; }
      .index-honor .hd a.next {
        background: url(../images/next.jpg) no-repeat left top;
        position: inherit;
        right: 0; }
  .index-honor .bd {
    text-align: center;
    margin: 0 auto;
    width: 1148px;
    overflow: hidden; }
    .index-honor .bd ul li {
      width: 274px;
      height: 343px;
      margin-right: 16px; }
      .index-honor .bd ul li img {
        width: 274px;
        height: 343px; }

.application {
  background: url(../images/world-map.jpg) center top no-repeat;
  height: 628px; }
  .application .area-content {
    overflow: hidden;
    width: 100%; }
    .application .area-content ul {
      width: 1220px; }
      .application .area-content ul li {
        margin-top: 30px;
        width: 202px;
        height: 190px;
        text-align: left;
        position: relative; }
        .application .area-content ul li span {
          position: absolute;
          z-index: 1;
          line-height: 40px;
          bottom: 0;
          left: 0;
          width: 190px;
          text-align: center;
          color: #ffffff; }
  .application .area-contact {
    text-align: center; }
    .application .area-contact img {
      line-height: 30px;
      vertical-align: middle; }
    .application .area-contact span {
      font-size: 30px;
      color: #1a3a74;
      font-weight: 900;
      line-height: 30px;
      vertical-align: middle; }

.gnews {
  background: url(../images/newsback.jpg);
  height: 549px;
  overflow: hidden; }

.news_list {
  margin-top: 45px; }

.left_news {
  width: 554px; }

ul.nlist li a {
  font-size: 14px;
  color: #333333;
  background: url(../images/nlist.png) left center no-repeat;
  padding-left: 15px;
  line-height: 20px; }

ul.nlist li a:hover {
  color: #035ea7; }

ul.nlist li p {
  font-size: 14px;
  line-height: 24px; }

.right-video {
  width: 589px;
  height: 330px;
  position: relative; }
  .right-video span {
    position: absolute;
    background: url(../images/news-img.png) no-repeat center top;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 569px;
    height: 70px;
    padding-left: 20px;
    text-align: left;
    color: #ffffff;
    line-height: 70px; }

.gbottom {
  background: #5a5a5a;
  padding: 50px 0 0 0;
  overflow: hidden; }

.bottom_list dl {
  float: left; }
  .bottom_list dl.first {
    width: 422px; }
  .bottom_list dl.second {
    width: 382px; }
  .bottom_list dl.three {
    width: 140px; }
  .bottom_list dl.four {
    width: 220px; }

.bottom_list dl dt {
  font-size: 18px;
  color: #ffffff;
  height: 50px; }

.bottom_list dl dd {
  height: 30px;
  color: #a0a1a3;
  font-size: 14px; }

.bottom_list dl dd a {
  color: #a0a1a3;
  font-size: 14px; }

.bottom_list dl dd a:hover {
  color: #ffffff; }

.bottom_list dl dd img {
  vertical-align: middle; }

.bottom_list dl dd.ht {

  vertical-align: middle; }

.bottom_list dl dd.ht img {
  padding-right: 10px; }
.bottom_list dl.second dd {
width: 190px;
float:left;}
.bo_erweima {
  width: 106px;
  font-size: 14px;
  color: #a0a1a3; }
.gbottom_two{
background:#1a3a74;
}
.copyright_g {
  border-top: 1px solid #31363e;
  height: 40px; }

.copyright_g p {
  line-height: 40px;
  color: #a0a1a3;
  font-size: 12px; }

.copyright_g p em {
  color: #cccccc;
  font-style: normal;
  font-size: 12px; }

/*# sourceMappingURL=index.css.map */
.gs_svg_float_box {
	padding:0;
	position: absolute;
	top: 100px;
	left: 100px;
	background: #fff;
	border: 1px solid #66bbee;
	border-radius: 5px;
	width: 220px;
	color:#0066cc;
	padding:0 10px;
}
.gs_svg_float_box a{ text-decoration:none;}
.gs_svg_float_box ul{ list-style:none; float:left; padding:5px 10px; margin-top:-20px;}
.gs_svg_float_box h1{ line-height:26px; font-size:16px; margin:10px 0;  }
.gs_svg_float_box li {
	float: left;
	margin-right:10px;
	line-height: 26px;
	white-space: nowrap;
}

.desmap {
	width: 100%;
	height: 390px;
}
.goto-items {
	position: relative;
	z-index:7;
	border-bottom: 1px solid #B4DFF5;
	border-left: 1px solid #B4DFF5;
}
.goto-items dl.unfold {
	z-index:10;
	box-shadow: 0 1px 5px #ccc;
	position: relative;
*position: inherit;
}
.goto-items dt.panel-tab {
	border-top: 1px solid #B4DFF5;
	border-right: 1px solid #B4DFF5;
	padding:0 15px;
	font-size:14px;
	cursor: pointer;
	zoom: 1;
	height:39px;
}
.goto-items dd.panel-con {
	display: none;
	padding: 5px 15px;
	position: absolute;
	border: 1px solid #b4dff5;
	top:1px;
	_top:0;
	left:268px;
	width:400px;
	background: #fff;
	box-shadow: 1px 1px 2px #ddd;
}
.goto-items dd.panel-con li {
	position: relative;
	_zoom: 1;
	margin: 5px 0;
}
.goto-items dd.panel-con li strong {
	font-weight:normal;
	position: absolute;
	left:0;
	top:5px;
}
.goto-items dd.panel-con li strong a {
	color: #333;
	margin: 0;
}
.goto-items dd.panel-con li strong a:hover {
	color: #fff;
	background: #369;
}
.goto-items .itempl-60 .panel-con li { padding-left:60px; }
.goto-items dd.panel-con li em { margin-right:15px; }
.goto-items dd.panel-con li em a {
	color: #333;
	margin: 0;
}
.goto-items dd.panel-con li em a:hover {
	color: #fff;
	background: #369;
}
.goto-items dd.panel-con a {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
.goto-items .item:hover .panel-tab,
.goto-items dt.panel-hover {
	background: #fff;
	position: relative;
	z-index:3;
	border-right:none 0;
	border-top: 1px solid #b4dff5;
}
.goto-items dt.brt {
	border-top-color:#b4dff5;
	margin-bottom:0;
}
.goto-items .item:hover .panel-con {
	display: block;
	z-index:2;
}
.goto-des {
	background: #fafafa;
	padding-bottom: 10px;
}
.goto-des li {
	height: 60px;
	padding: 10px 0 0 60px;
}
.goto-des li strong {
	display: block;
	font:24px/34px "Microsoft YaHei", SimHei;
	color: #005e8b;
}
.goto-des li span { color: #afafaf; }
.brb { border-bottom: 1px solid #b4dff5; }
.hotthemes {
	overflow: hidden;
	padding-bottom: 20px;
}
.hotthemes ul { width:990px; }
.hotthemes li {
	float: left;
	padding:0 10px 10px 0;
}
.desmonth { overflow: hidden; }
.desmonth ul { width: 990px; }
.desmonth li {
	float: left;
	width: 100px;
	margin:0 10px 10px 0;
	position: relative;
	display: inline;
}
.desmonth li img { border-radius: 5px; }
.desmonth li i {
	bottom: 0;
	width: 100px;
	height: 24px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	border-radius: 0 0 5px 5px;
}
.desmonth li span {
	color: #fff;
	bottom: 0;
	width: 100px;
	line-height: 24px;
	position: absolute;
	text-align: center;
}
.desmonthtab {
	position: relative;
	height: 80px;
}
.bgtabgray {
	height: 2px;
	background: #dddddd;
	position: absolute;
	width: 980px;
	top: 41px;
}
.bgtabblue {
	height: 2px;
	background: #6ebeea;
	position: absolute;
	width: 35px;
	top: 41px;
}
.desmonthtab ul {
	position: absolute;
	z-index: 1
}
.desmonthtab li {
	float: left;
	width: 50px;
	height: 70px;
	margin: 0 14px;
	text-align: center;
	top: 10px;
	cursor: pointer;
	line-height: 26px;
	padding-top: 6px;
}
.desmonthtab li:hover { }
.desmonthtab li.cur {
	padding-top: 0;
}
.desmonthtab li a {
	cursor: pointer;
	color: #333;
}
.desmonthtab li.cur a { color: #fff; }
.desmonthtab li a:hover { text-decoration: none; }
.desmonthtab .more-link { margin-top: 9px; }
.desmonthtab .more-link .right-arrow {
	border-bottom: 4px solid transparent;
	border-left: 4px solid #0066CC;
	border-top: 4px solid transparent;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0 5px;
	width: 0;
}
.countrytab a,
.countrytab span {
	padding: 0 6px;
	line-height: 24px;
	color: #06c;
	cursor: pointer;
}
.countrytab a.cur,
.countrytab span.cur {
	background:#0189d5;
	color: #fff;
	padding: 2px 8px;
	border-radius: 4px;
	line-height: 18px;
}
.countrylist ul { padding:10px 0 0 0; }
.countrylist li {
	float: left;
	width: 20%;
	line-height: 24px;
}
.countrylist li span { color: #999; }
.desmap .content { position: relative; }
.desmap .des-nav a {
	float: right;
	width: 60px;
	height: 30px;
	overflow: hidden;
	background: url(../images/bg_des_nav.png);
	text-align: center;
	line-height: 30px;
	font-size: 12px;
}
.desmap a.btn-nav-china { background-position: 0 0; }
.desmap a.btn-nav-china-cur {
	background-position: 0px -30px;
	color: #fff;
}
.desmap a.btn-nav-world { background-position: -60px 0px; }
.desmap a.btn-nav-world-cur {
	background-position: -60px -30px;
	color: #fff;
}
.desmap .des-nav {
	position: absolute;
	right: 0;
	z-index: 9;
	top:30px;
}
.desmap .svn-map-china {
	height: 400px;
	overflow: hidden;
	margin:0 auto;
	width: 500px;
}
.desmap .svn-map-world {
	height: 400px;
	overflow: hidden;
	margin:0 auto;
	width: 900px;
}

.gs_svg_float_box {
	padding:0;
	position: absolute;
	top: 100px;
	left: 100px;
	background: #fff;
	border: 1px solid #66bbee;
	border-radius: 5px;
	width: 220px;
	color:#0066cc;
	padding:0 10px;
}
.gs_svg_float_box a{ text-decoration:none;}
.gs_svg_float_box ul{ list-style:none; float:left; padding:5px 10px; margin-top:-20px;}
.gs_svg_float_box h1{ line-height:26px; font-size:16px; margin:10px 0;  }
.gs_svg_float_box li {
	float: left;
	margin-right:10px;
	line-height: 26px;
	white-space: nowrap;
}
	.stateTip, #StateTip{display:none; position:absolute; padding:8px;line-height:18px; background:#fff; border:2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#333;}

	.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
	.mapInfo i.active{background:#E27F21;}
	.mapInfo span{ padding:0 5px 0 3px;}
	.mapInfo b{ font-weight:normal; color:#2770B5}
	
	
.common-pro ul li a p cite {
    display: block;
    font-style: Impact;
    color: #ffffff;
    font-size: 30px;
	line-height:40px;
    text-align: center;
}

.myClass {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
}


.case{
    margin: 40px 0;
}
.case_con{
    width: 1200px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}
.case_go{
    width: 99999px;
    position: relative;
}
.case_go ul li {
    width: 220px;
    height: 380px;
    float: left;
    margin: 7px;
    position: relative;
    overflow: hidden;

	text-align: center;
}
.case_go ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.case_go ul li a .alimg {
	display: block;
    width: 190px;
    height: 290px;
	margin: 0 auto;
	margin-top: 15px;
    transition: all 0.6s;
}
.case_go ul li span {
     height: 65px;
	 line-height: 65px;
	 font-size: 16px
}
.case_go ul li em{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;

	width: 44px;
	height: 47px;
}
.case_go ul li:hover span{
	color: #006cff;
	font-weight: bold;
}
.case_go ul li:hover .alimg{
    transform: scale(1.1);
}

.case_a,.case_b{
    float: left;
}

.probt{
	text-align: center;
	
}
.probt a{
    background: url(../images/btbj.jpg) center no-repeat;
	color: #333;
	font-size: 40px;
	font-weight: bold;
	display: block;
    height: 75px;
	line-height: 75px;
}
.probt a em{
    color: #0978bf;
	font-weight: bold;
}
.probt p{
	font-size: 16px;
	color: #666;
	line-height: 35px;
	margin-top: -12px;
}