/* 未能缩小。正在返回未缩小的内容。
(2299,1): run-time error CSS1019: Unexpected token, found '}'
 */

@font-face {
    /*font-family: 'verbblack';
    src: url('fonts/verbblack-webfont.eot');
    src: url('fonts/verbblack-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/verbblack-webfont.woff') format('woff'),
         url('fonts/verbblack-webfont.ttf') format('truetype'),
         url('fonts/verbblack-webfont.svg#verbblack') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li{
	display: block;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;

}
table {
	border-collapse: collapse;
	border-spacing: 0;

}
textarea{resize: none}
::-moz-selection {
    color: #fff;
    background: #eb5946;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #13c4a5;
    text-shadow: none;
}

@font-face {    
    /*font-family : 'SingleMaltaRegular';    
    src : url('/Content/fonts/SourceHanSansCN-Regular.eot');
    src : url('/Content/fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Content/fonts/SourceHanSansCN-Regular.woff') format('woff'),
        url('/Content/fonts/SourceHanSansCN-Regular.otf') format('truetype'),
        url('/Content/fonts/SourceHanSansCN-Regular.svg#SingleMaltaRegular') format('svg');*/
    /*font-family: "SingleMaltaRegular";
    src: url('/fonts/SourceHanSansCN-Regular.woff2') format("woff2"),
       url("/fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("/fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("/fonts/SourceHanSansCN-Regular.svg") format("svg"),
       url("/fonts/SourceHanSansCN-Regular.otf") format("opentype");*/
    font-family: mytitlefont;
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}
:root {
    
}
body {
  width: 100%;
  *zoom: 1;
  font-family : 'mytitlefont' !important;
  /*font-weight :400 ;*/
  /*font-size : 20px;*/
  background:transparent;
  /*background-image:url(/Content/img/bg10.jpg);*/
  background-size :cover;
  background-repeat:repeat-y;
}
input {
    font-family:mytitlefont;
}
#PageContent {
    /*font-family : 'SourceHanSansCN-Regular';*/
    min-width :1200px;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.hidden {
  display: none !important;
}
.wrapper {
  width: 100%;
  max-width: 1002px;
  margin: 0 auto;
}
.first {
  margin-left: 0;
}
.clear {
  clear: both;
}
/*a, a:visited, a:active {
 color:#FFFFFF;
}*/
/*a:hover { color:#777;}*/
html{
    -webkit-font-smoothing: antialiased;
	
    /*font-smooth: always ;
    text-rendering: optimizeLegibility;
	text-shadow: 0 0 1px rgba(255,255,255,1);*/
}
section{
  width: 100%;
  max-width: 1002px;
  margin: 0 auto;
  text-align: center;
  *zoom: 1;
}
section:before,
header:before,
section:after,
header:after {
  content: "";
  display: table;
}
section:after, header:after {
  clear: both;
}

.sectiongrey { background: #f5f6f7; }
.sectiongreen {background:#13c4a5;} 
.sectiongreen h2, .sectiongreen h1, .sectiongreen p { color:#fff; }
.sectiongreen a{color:#0d803e;}

.sectionblue {background:#233445;}
.sectionorange {background:#e84f40;}
.sectionorange h2{ color:#fff;}
.sectionyellow {background:#f1c40f;}
.sectionteal {background:#30c3a6;}
.sectionteal h3, .sectionteal h3 a, .sectionteal h2, .sectionteal h1, .sectionteal p { color:#fff; }
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

#top {
 /* background-color: #015289;
  border-bottom: 2px solid #003355;*/
/*box-shadow: 0 0 5px rgba(0,0,0,.1);*/

  position: fixed;
  width: 100%;
  z-index: 100;
  left:0;
  right:0;
  margin-top: 20px;
  *zoom: 1;
}
#top:before, #top:after {
  content: "";
  display: table;
}
#top:after {
  clear: both;
}

.menu-dropdown{
  width: 40%;
  display: block;
  float: right;
  margin:15px;
}
.menu-dropdown select{
	width:100%;
	height:24px;
}
.index-toEnglish {
    position: absolute;
    background: url(/Content/img/index-toEnglishBg.png) no-repeat;
    width: 120px;
    height: 20px;
    left: 20px;
    top: 0;
    color: #ffffff;
    font-size: 15pt;
    text-align: center;
    letter-spacing:3px;
}
.index-toEnglish a{
    
    color: #ffffff;
    text-decoration:none;
}
.IndexNav {
    position:relative;
}
#indexNav {
    width: 100%;
    max-width: 1054px;
    margin: 0 auto;
    height: 72px;
    background: url(/Content/img/bg9.png) no-repeat 0 58px;
    overflow: hidden;
    position:relative;
}
#indexNav ul {
  
}
#indexNav ul li {
  
  vertical-align: baseline;
  float: left;
  margin-top : 1.5px;
}
#indexNav ul li a {
  color: #FFFFFF;
  text-decoration: none;
  width: 125px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 17pt;
  margin-left:20px;
  margin-top:26px;
  /*font-weight :bold;*/
}
#indexNav ul li a:hover {
  background-color: #afe2fa;
  color: #004668;
  height: 30px;
  
}
#indexNav ul li a:active {
  background-color:#afe2fa;
  color: #004668;
  
}
#top nav .menu-btn {
	display:none;
}
/*header {
  text-align: center;
}
header .content {
  width: 100%;
  *zoom: 1;
  padding: 107px 0;
  
}*/
/*header a { color:#fff !important;}*/
/*.border-header{
  background: url(../img/border.png) bottom repeat-x;
  width: 100%;
  margin-top: -2px;
  height: 2px;
}*/
/*header .content:before, header .content:after {
  content: "";
  display: table;
}
header .content:after {
  clear: both;
}
header .content hgroup {
  margin-bottom: 80px;
}
header .content hgroup h1 {
  font-size: 60px;
  color: #ffffff;
   font-family: 'Source Sans Pro', sans-serif;
  text-shadow: 0px 1px 0px rgba(51, 51, 51, 0.5);
  text-transform: uppercase;
  font-weight:bold;
}
header .content hgroup h2 {
  font-size: 42px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 200;
  color: #ffffff;
  display: inline;
  float: left;
  width: 80.35714285714286%;
  margin: 0 1.488095238095238%;
  display: block;
  float: none;
  margin: 20px auto;
  line-height: 52px;
}
header .content ul {
  width: 40%;
  display: block;
  float: none;
  margin: 0 auto;
  *zoom: 1;
}
header .content ul:before, header .content ul:after {
  content: "";
  display: table;
}
header .content ul:after {
  clear: both;
}
header .content ul li {
  width: 50%;
  display: block;
  float: left;
}*/
/*header .content ul li a {
  width: 100%;
  display: block;
  color: #323232;
  text-decoration: none;
 
  line-height: 49px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  
}*/
/*header .content ul li a.cta {
  background-image: -moz-linear-gradient(48% 0%, #ff9900 0%, #ffcc00 100%);
  background-image: -webkit-gradient(linear, 48% 0%, 48% 120%, color-stop(0, #ff9900), color-stop(1, #ffcc00));
  background-image: -webkit-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: -o-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: -ms-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: linear-gradient(#ff9900 0%, #ffcc00 100%);
  margin-left: 31px;
}
header .content ul li a.cta:hover {
  background-image: -moz-linear-gradient(-6% -174% -90deg, #ffc533 0%, #ffc533 100%);
  background-image: -webkit-gradient(linear, -6% -174%, -6% -49%, color-stop(0, #ffc533), color-stop(1, #ffc533));
  background-image: -webkit-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: -o-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: -ms-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
}*/

/* Buttons */

.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14.994px;
  /* 15px */

  font-weight: 500;
}
.btn {
  border: none;
  background: #bdc3c7;
  color: #ffffff;
  padding: 9px 12px 10px;
  line-height: 22px;
  text-decoration: none;
  text-shadow: none;
 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.btn:hover,
.btn:focus,
.btn-group:focus .btn.dropdown-toggle {
  background-color: #cacfd2;
  color: #ffffff;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.btn:active,
.btn-group.open .btn.dropdown-toggle,
.btn.active {
  background-color: #a1a6a9;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled] {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn.btn-large {
  font-size: 16.996px;
  /* 17px */

  line-height: 20px;
  padding: 12px 18px 13px;
}
.btn.btn-large > [class^="fui-"] {
  top: 0;
}
.btn.btn-large > [class^="fui-"].pull-right {
  margin-right: -2px;
}
.btn.btn-primary {
  background-color: #1abc9c;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-group:focus .btn.btn-primary.dropdown-toggle {
  background-color: #48c9b0;
}
.btn.btn-primary:active,
.btn-group.open .btn.btn-primary.dropdown-toggle,
.btn.btn-primary.active {
  background-color: #16a085;
}
.btn.btn-info {
  background-color: #3498db;
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn-group:focus .btn.btn-info.dropdown-toggle {
  background-color: #5dade2;
}
.btn.btn-info:active,
.btn-group.open .btn.btn-info.dropdown-toggle,
.btn.btn-info.active {
  background-color: #2c81ba;
}
.btn.btn-danger {
  background-color: #e74c3c;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn-group:focus .btn.btn-danger.dropdown-toggle {
  background-color: #ec7063;
}
.btn.btn-danger:active,
.btn-group.open .btn.btn-danger.dropdown-toggle,
.btn.btn-danger.active {
  background-color: #c44133;
}
.btn.btn-success {
  background-color: #2ecc71;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-group:focus .btn.btn-success.dropdown-toggle {
  background-color: #58d68d;
}
.btn.btn-success:active,
.btn-group.open .btn.btn-success.dropdown-toggle,
.btn.btn-success.active {
  background-color: #27ad60;
}
.btn.btn-warning {
  background-color: #f1c40f;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn-group:focus .btn.btn-warning.dropdown-toggle {
  background-color: #f5d313;
}
.btn.btn-warning:active,
.btn-group.open .btn.btn-warning.dropdown-toggle,
.btn.btn-warning.active {
  background-color: #cda70d;
}
.btn.btn-inverse {
  background-color: #34495e;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn-group:focus .btn.btn-inverse.dropdown-toggle {
  background-color: #415b76;
}
.btn.btn-inverse:active,
.btn-group.open .btn.btn-inverse.dropdown-toggle,
.btn.btn-inverse.active {
  background-color: #2c3e50;
}

.btn-submit { margin-top:10px; border:0 !important; color:#fff !important; font-family: 'Source Sans Pro', sans-serif !important; }

section {
  overflow: hidden;
  padding-top: 110px;
  padding-bottom:110px;
}
section h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 42px;
  line-height: 50px;
  font-weight: 200;
  color: #666666;
  margin-bottom: 50px;
}
section h2 {
  width: 27%;
  float: left;
  line-height: 45px;
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  color: #323232;
}
section .separator {
  display: inline;
  float: left;
  width: 97.02380952380952%;
  margin: 0 1.488095238095238%;
  *zoom: 1;
}
section .separator:before, section .separator:after {
  content: "";
  display: table;
}
section .separator:after {
  clear: both;
}
section .separator .line {
  width: 36%;
  float: left;
  height: 5px;
  background-color: rgba(102, 102, 102, 0.118);
  margin: 20px 0 0 0;
}
section article {
  display: inline;
  float: left;
  width: 30.357142857142854%;
  margin: 0 1.488095238095238%;
}
section article figure {
  position: relative;
  width: 59.28%;
  margin: 0 auto;
  border-color: #ffffff;
  border-width: 8px;
  border-style: solid;
  -moz-box-shadow: 0px 0px 3px 0px rgba(51, 51, 51, 0.44);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(51, 51, 51, 0.44);
  box-shadow: 0px 0px 3px 0px rgba(51, 51, 51, 0.44);
}
section article figure img {
  width: 100%;
  height: auto;
  margin: 0;
  display: 0;
  border: none;
}
section article figure .icon {
  border-color: #d8d7d4;
  border-width: 1px;
  border-style: solid;
  width: 88px;
  height: 88px;
  display: block;
  -moz-border-radius: 44px;
  -webkit-border-radius: 44px;
  border-radius: 44px;
  position: absolute;
  z-index: 50;
  bottom: -34px;
  left: 50%;
  margin-left: -44px;
}
section article figure .icon-ui {
  background: #ffffff url(../img/icon-ui.png) center center no-repeat;
}
section article figure .icon-fe {
  background: #ffffff url(../img/icon-fe.png) center center no-repeat;
}
section article figure .icon-ux {
  background: #ffffff url(../img/icon-ux.png) center center no-repeat;
}
section article h3, section article h3 a {
  text-align: center;
  font-size: 42px;
  margin: 30px auto;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 200;
  color: #666666;
  min-height:85px;
}
section p {
  font-size: 16px;
  padding: 0 20px;
  line-height: 24px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #666666;
  margin-bottom: 20px;
}
section article a {
  font-family: 'verbblack';
  font-size: 18px;
  color: #323232;
  text-decoration: none;
  text-transform: uppercase;
}

.sectionh3 { font-size:20px; margin-top:40px; margin-bottom:20px;}

#slide-wrapper {
  margin-top: 20px;
  *zoom: 1;
  overflow: hidden;
  display: inline;
  float: left;
  width: 97.02380952380952%;
  margin: 0 1.488095238095238%;
}
#slide-wrapper:before, #slide-wrapper:after {
  content: "";
  display: table;
}
#slide-wrapper:after {
  clear: both;
}
#slide-wrapper .testimonials {
  position: relative;
}
#slide-wrapper .testimonials li {
  width: 192px;
  display: block;
  float: left;
  height: 90px;
  padding: 50px 0;
  margin: 0 34px;
  text-align: center;
}
#slide-wrapper .testimonials li figure {
  margin: 0 auto;
  *zoom: 1;
}
#slide-wrapper .testimonials li figure:before, #slide-wrapper .testimonials li figure:after {
  content: "";
  display: table;
}
#slide-wrapper .testimonials li figure:after {
  clear: both;
}
/*.pagination {
  text-align: center;
}
.pagination a {
  width: 10px;
  height: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color:#fff;
  display: block;
  margin: 0 5px 0 0;
  display: inline-block;
  cursor: pointer;
}
.pagination a.selected {
  background-color: #494949;
}
.pagination a span {
  display: none;
}*/
.contact-form {
  width: 86.8%;
  background: #fdfdf7;
  margin: 0 auto;
  padding: 40px 0 ;
  *zoom: 1;

}
.shadow{
  -moz-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
  }
#ajax-message{
	background-color:rgba(227,15,15,0.1);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:20px;
	color:rgb(227,15,15);
	text-align:center;
	margin:32px 0 0 5%;
	display:none;
	float:left;
	width:54%;
}
.contact-form:before, .contact-form:after {
  content: "";
  display: table;
}
.contact-form:after {
  clear: both;
}
.contact-form fieldset {
  width: 42%;
  float: left;
  margin-left: 5%;
  display:block;
}
.contact-form fieldset.full-form {
  width: 94%;
  float: left;
  margin-left: 0;
  display:block;
}
.contact-form fieldset label {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #323232;
  margin: 10px;
  display: block;
  width: 97%;
  text-align: left;
}
.contact-form fieldset span {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: #323232;
  margin: 10px 0;
  display: block;
  width: 97%;
  text-align: left;
}

.contact-form fieldset input {
  font-size: 18px;
  color: #323232;
  border-color: #bdbcbd;
  border-width: 1px;
  border-style: solid;
  background: #ffffff;
  width: 95%;
  height: 38px;
  text-indent: 10px;
}
.contact-form fieldset textarea {
  font-size: 18px;
  line-height: 24px;
  color: #323232;
  border-color: #bdbcbd;
  border-width: 1px;
  border-style: solid;
  background: #ffffff;
  width: 100%;
  text-indent: 10px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  height: 195px;
}
.contact-form fieldset input[type="submit"] {
  border-style: solid;
  border-width: 1px;
  border-color: #ffcf47;
  height: 58px;
  width: 250px;
  font-family: 'verbblack';
  background-image: -moz-linear-gradient(48% 0%, #ff9900 0%, #ffcc00 100%);
  background-image: -webkit-gradient(linear, 48% 0%, 48% 120%, color-stop(0, #ff9900), color-stop(1, #ffcc00));
  background-image: -webkit-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: -o-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: -ms-linear-gradient(#ff9900 0%, #ffcc00 100%);
  background-image: linear-gradient(#ff9900 0%, #ffcc00 100%);
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 58px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  float: right;
  margin-top: 32px;
}
.contact-form fieldset input[type="submit"]:hover {
  background-image: -moz-linear-gradient(-6% -174% -90deg, #ffc533 0%, #ffc533 100%);
  background-image: -webkit-gradient(linear, -6% -174%, -6% -49%, color-stop(0, #ffc533), color-stop(1, #ffc533));
  background-image: -webkit-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: -o-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: -ms-linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
  background-image: linear-gradient(-90deg, #ffc533 0%, #ffc533 100%);
}
#thanks h1.color {
  color: #12d0c0;
}
#thanks p {
  font-size: 16px;
  color: #323232;
  line-height: 32px;
  margin: 25px auto;
}
#thanks .thanks-txt {
  display: inline;
  float: left;
  width: 47.023809523809526%;
  margin: 0 1.488095238095238%;
  float: none;
  display: block;
  margin: 0 auto 20px;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(102, 102, 102, 0.118);
}
#thanks .thanks-txt figure {
  margin: -39px auto 0;
  background-color: #fdfdf7;
  padding: 0 12.26%;
  width: 100px;
  height:100px;
}
#thanks .thanks-txt p {
  font-style: italic;
  width: 80%;
}
#thanks a {
  font-family: 'verbblack';
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #323232;
}
.bottom-shadow {
  background: url(../img/bottom-shadow.png) no-repeat;
  background-position: center top;
	   -moz-background-size: 86.8%;           /* Gecko 1.9.2 (Firefox 3.6) */
		 -o-background-size: 86.8%;           /* Opera 9.5 */
	-webkit-background-size: 86.8%;           /* Safari 3.0 */
			background-size: 86.8%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

	   -moz-border-image: url(../img/bottom-shadow.png) 86.8%;    /* Gecko 1.9.1 (Firefox 3.5) */

	background-size: 86.8%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bottom-shadow.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bottom-shadow.png', sizingMethod='scale')";
  width: 100%;
  height: 16px;
}
.no-shadow{
	width:100%;
	height:16px;
}
.direct-contact {
  width: 86.8%;
  margin: 0 auto;
  padding: 80px 0 40px;
  *zoom: 1;
}
.direct-contact:before, .direct-contact:after {
  content: "";
  display: table;
}
.direct-contact:after {
  clear: both;
}
.direct-contact #mapframe {
  width: 290px;
  height: 290px;
  float:left;
}

.direct-contact #mapframe img{
	width:100%;
	height:auto;
}
.direct-contact .contact-title {
  display: inline;
  float: left;
  width: 57%;
  margin: 0;
  float: right;
}
.direct-contact .contact-info {
  display: inline;
  float: left;
  width: 60.3896103896104%;
  margin: 0;
  float: right;
}
address {
  width: 75%;
  margin: 0 auto;
  *zoom: 1;
}
address:before, address:after {
  content: "";
  display: table;
}
address:after {
  clear: both;
}
address ul {
  margin: 0 25px;
  float: left;
  text-align: left;
}
address ul li {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
address ul li a {
  color: #666666;
  text-decoration: none;
}
footer {
  
  padding-top: 25px;
  *zoom: 1;
}
footer:before, footer:after {
  content: "";
  display: table;
}
footer:after {
  clear: both;
}
footer .left-content {
  display: inline;
  float: left;
  width: 30.357142857142854%;
  margin: 0 1.488095238095238%;
  *zoom: 1;
  margin: 10px 0 30px 66px;
}
footer .left-content:before, footer .left-content:after {
  content: "";
  display: table;
}
footer .left-content:after {
  clear: both;
}
footer .left-content .logo {
	width: 101px;
  height: 27px;
  float: left;
  margin-top:6px;
}

footer .left-content .logo img{
	width:100%;
	height:auto;
}
footer .left-content .menu-footer {
  display: none;
}
footer .left-content .multilanguage {
  background-color: transparent;
  height: 25px;
  padding-top: 20px;
  width: 120px;
  float: left;
  position: inherit;
  *zoom: 1;
}
footer .left-content .multilanguage:before, footer .left-content .multilanguage:after {
  content: "";
  display: table;
}
footer .left-content .multilanguage:after {
  clear: both;
}
footer .left-content .multilanguage ul {
  float: left;
  margin: 0 0 10px 10px;
  width: 100%;
  height: 20px;
}
footer .left-content .multilanguage ul li {
  display: block;
  float: left;
  margin-left: 10px;
}
footer .left-content .multilanguage ul li a {
  color: #ffffff;
  text-decoration: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 12px;
}
footer .left-content .multilanguage ul li a.current {
  color: #666666;
}
footer .right-content {
  
  margin-right: 66px;
  *zoom: 1;
  float: right;
}
footer .right-content:before, footer .right-content:after {
  content: "";
  display: table;
}
footer .right-content:after {
  clear: both;
}

footer .right-content ul {
  margin-top: 10px;
  margin-left: 0;
}
footer .right-content ul li {
  float: left;
  display: block;
  line-height: 27px;
  height: 22px;
  width: 22px;
  color: #ffffff;
  margin: 0 10px;
  
}
footer .right-content ul li a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  font-size: 24px;
}
footer .right-content ul li a:hover { color:#13c4a5;}
.fullwidth {
  display: inline;
  float: left;
  width: 97.02380952380952%;
  margin: 0 1.488095238095238%;
}
.grid2 .col {
  display: inline;
  float: left;
  width: 47.023809523809526%;
  margin: 0 1.488095238095238%;
}
.grid3 .col {
  display: inline;
  float: left;
  width: 30.357142857142854%;
  margin: 0 1.488095238095238%;
}
.grid4 .col {
  display: inline;
  float: left;
  width: 22.023809523809522%;
  margin: 0 1.488095238095238%;
}
@media screen and (max-width: 1280px) {
    header{
           -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
     -o-background-size: cover;           /* Opera 9.5 */
  -webkit-background-size:cover;           /* Safari 3.0 */
      background-size: cover;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

     -moz-border-image: url(../img/img-header.jpg) cover;    /* Gecko 1.9.1 (Firefox 3.5) */

  background-size: cover;
    }
}
@media screen and (max-width: 900px) {
  header .content ul {
    width: 50%;
}
#ajax-message{
	width:50%;
}
	.direct-contact .contact-title {
	  display: inline;
	  float: left;
	  width: 54%;
	  margin: 0;
	  float: right;
	}
	.direct-contact .contact-info {
    display: inline;
    float: right;
    margin: 0;
    width: 53%;
}
address {
    margin: 0;
    width: 100%;
}
}
@media screen and (max-width: 800px) {
  header .content ul {
    width: 60%;
}
.multilanguage ul {

    margin-right: 20px;
}
nav .logo {
    margin-left: 15px;
}
nav ul li a {
  width: 100px;
} 

 header .content {
    padding-bottom: 66px;
  }
  header .content hgroup {
    margin-bottom: 80px;
  }
  header .content ul li {
    min-width: 50%;
	
}
  section h2 {
    font-size: 25px;
    line-height: 45px;
    width: 24%;
  }
  section .separator:before, section .separator:after {
    content: "";
    display: table;
  }
  section .separator:after {
    clear: both;
  }
  section .separator .line {
    background-color: rgba(102, 102, 102, 0.118);
    float: left;
    height: 5px;
    margin: 20px 0 0;
    width: 38%;
  }
  section article h3 {
    margin: 30px auto;
    width: auto;
	min-height:auto;
  }
  #testimonials {
    display: inline;
    float: left;
    width: 47.023809523809526%;
    margin: 0 1.488095238095238%;
    height: 315px;
	
  }
  #testimonials ul {
    position: relative;
  }
  #testimonials ul li span {
    display: inline;
    float: left;
    width: 297.0238095238095%;
    margin: 0 1.488095238095238%;
    position: relative;
    left: -100%;
    display: none;
    top: 15px;
  }
  #testimonials ul li .tooltip {
    display: inline;
    float: left;
    width: 297.0238095238095%;
    margin: 0 1.488095238095238%;
    position: relative;
    left: -100%;
    display: none;
    top: 30px;
    z-index: 50;
  }
  #testimonials ul li.active .tooltip {
    display: block;
  }
  #testimonials ul li.active span {
    display: block;
  }
  form .grid3 .col {
    display: inline;
    float: left;
    width: 38.69047619047619%;
    margin: 0 1.488095238095238%;
  }
  form .grid3 .col input[type=text], form .grid3 .col input[type=email] {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
  }
  form .grid3 .col input[type=submit] {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    margin-top: 20px;
  }
  form .grid3 .col:nth-of-type(3) {
    display: inline;
    float: left;
    width: 13.690476190476192%;
    margin: 0 1.488095238095238%;
  }
  .contact-form fieldset input[type="submit"]{
	width:45%;
  }
  #ajax-message{
	width:40%;
	padding:15px;
	}
	  .direct-contact .contact-title {
	  width: 97%;
	}
	.direct-contact .contact-info {
	  width: 50%;
	}
	address {
	  width: 100%;
	}
	address ul {
	  margin: 0;

	}
	footer .left-content {
    margin-left:15px;
    width: 40%;
}
}
@media screen and (max-width: 730px) {

	header .content ul{
		width:60%;
	}
	section article h3 {
		font-size:30px
	}
	.direct-contact {
	  width:97%;
	}

	.direct-contact .contact-info {
	  width: 40%;
	  margin-left:1%;
	}
	address {
	  width: 100%;
	}
	address ul {
	  margin: 0;

	}
}
@media only screen and (min-device-width : 719px) and (max-device-width : 721px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) { 
	#footer{padding-bottom:0}
}
@media screen and (max-width: 600px) {

  #top ul, .bottom-shadow {
    display: none;
  }
  .multilanguage {
    display: none;
  }
  #top {
   
    padding-top: 14px;
    margin-top: 0;
  }
#top nav .menu-btn {
    float: right;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 22px;
    background-image: url(../img/menu-btn.svg);
	background-size:64px 32px;
	background-position:left center;
  }
  #top nav .menu-btn:active {
    background-position:right center;
  }
  header {
    margin-top: 60px;
  }
 
  header .content {
    padding: 70px 0 35px 0;
  }
  header .content ul {
    width: 100%;
}
  header .content ul li {
    min-width: 44%;
}
  header .content hgroup h1 {
    font-size: 30px;
  }
  header .content hgroup h2 {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px;
	margin-bottom:40px;
  }
  header .content ul {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    margin-top: 40px;
  }
  header .content ul li {
    display: inline;
    float: left;
    width: 47.023809523809526%;
    margin: 0 1.488095238095238%;
  }
  header .content ul li a {

    margin: 0px;
  }
  header .content ul li a.cta {
    margin: 0px;
  }
  .scroll-point {
    *zoom: 1;
  }
  .scroll-point:before, .scroll-point:after {
    content: "";
    display: table;
  }
  .scroll-point:after {
    clear: both;
  }

  section .separator .line {
    width: 19%;
    margin: 20px 0.7% 0;
  }
  section .separator h2 {
    width: 57%;
  }
  	section article h3 {
		font-size:42px
	}
  section h1{
	margin-bottom:45px;
  }
  .grid3 .col {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    margin-bottom: 55px;
  }
  .grid3 .col:nth-of-type(3){
	margin-bottom:0;
  }
  .contact-form {
    padding: 15px 10px 40px;
  }
  #form h1 {
    margin-bottom: 10px;
  }
  #form fieldset {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
  }
    #ajax-message{
	width:90%;
	padding:15px 5%;
	margin-left:0;
	}
  .contact-form fieldset input[type="submit"] {
  width: 100%;
  float: left;

}
#thanks .thanks-txt figure {
  background-color: transparent;
  
}
#thanks .thanks-txt {
  width: 97%;
  margin: 0 auto 20px;

}
.direct-contact{
	padding-top:0;
	margin:20px auto;
	width:86.8%;
}
  .direct-contact .contact-title {
    width: 100%;
  }
  .direct-contact .contact-title h1 {
    width: 101%;
  }
  .direct-contact #mapframe {
	width: 290px;
	margin:0 auto;
	height:auto;
  }
  .direct-contact .contact-info {
    display: block;
	width: 100%;
	max-width:370px;
    margin: 0 auto;
  }
  .direct-contact .contact-info address {
    width: 100%;
    margin-top: 40px;
  }
  .direct-contact .contact-info ul.address {
    width: 180px;
    height: 120px;
    float: left;
    margin: 0 15px;
  }
  .direct-contact .contact-info ul.phones {
    width: 130px;
    height: 120px;
    float: left;
    margin: 0 15px;
  }
  footer {
    margin-top: 0;
  }
  footer .left-content {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    *zoom: 1;
    margin: 30px 0 10px;
  }
  footer .left-content:before, footer .left-content:after {
    content: "";
    display: table;
  }
  footer .left-content:after {
    clear: both;
  }
  footer .left-content .logo {display:none;  }
  footer .left-content .menu-footer {
    display: block;
    height: auto;
    padding-bottom: 0;
    *zoom: 1;
  }
  footer .left-content .menu-footer:before, footer .left-content .menu-footer:after {
    content: "";
    display: table;
  }
  footer .left-content .menu-footer:after {
    clear: both;
  }
  footer .left-content .menu-footer ul {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 1.488095238095238%;
  }
  footer .left-content .menu-footer ul li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #666666;
    height: 42px;
  }
  footer .left-content .menu-footer ul li a {
    width: 100%;
  }
  footer .left-content .multilanguage {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    display: block;
    background-color: transparent;
    height: 25px;
    padding-top: 16px;
    position: inherit;
  }
  footer .left-content .multilanguage ul {
    width: 100%;
  }
  footer .left-content .multilanguage ul li {
    display: block;
    float: left;
    width: 33.33333333333333333333%;
    border-bottom: none;
    text-align: center;
	margin-left:0;
  }
  footer .left-content .multilanguage ul li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 12px;
  }
  footer .left-content .multilanguage ul li a.current {
    color: #666666;
  }
  footer .right-content {
    display: inline;
    float: left;
    width: 97.02380952380952%;
    margin: 0 1.488095238095238%;
    margin-top: 20px;
  }
  footer .right-content ul {
    width: 100%;
  }
  footer .right-content ul li {
    width: 43%;
    display: block;
    padding: 20px 0;
  }
  footer .right-content ul li a {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    font-size: 24px;
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
#hello-bar span{
  display: none;
}
#hello-bar #close-bar{
  margin-top: -26px;
}  
header .content ul li {
    width: 97.023809523809526%;
    margin: 0 1.488095238095238% 15px;
  }
}
@media screen and (max-width: 330px) {

  .direct-contact #mapframe {
	width:97%;
	max-width:310px;
	margin:0 1.5%;
	height:auto;
  }

}
.user-pic img{
	width:100%;
	height:100%;
}
/*scroll bar style*/
#ascrail2000 >div
{
width: 10px!important;
height: 127px!important;
background-color: #ec7063!important;
border:0px!important;
border-radius:0px!important;
-webkit-border-radius:0px!important;
-moz-border-radius:0px!important;
cursor:pointer;
}
.indexLogo {
    margin-top:100px;
}
.indexLogo img{
    margin-top:20px;
}
.header{
    height:410px;
}
#header {
    margin: 0 auto;
    max-width:1054px;
}
#headContent {
    margin: 0 auto;
    width :100%;
    max-width:1054px;
    /*background: url(/Content/img/bg4.png) no-repeat;*/
    height:320px;
    /*font-size:16px;*/
    margin-top:5px;
    float: left;
    /*padding-top:10px;*/
}
#headContent a {
    color: #004668;
    text-decoration: none;
}
#headContent ul li a{
    
}
.headDetail {
    margin: 0 auto;
    text-align: center;
    /*height :380px;*/
}
.headDetailNone {
    display:none;
}
.aboutNav {
    /*background: url(/Content/img/bg5.png) no-repeat;*/
    float :left;
    width : 210px;
    /*height:350px;*/
    /*margin-left :30px;*/
    /*margin-top :12px;*/
    /*padding : 5px,5px,0,0;*/
}
.aboutNav ul{
    margin-top:21px;
}
.aboutNav ul li{
    width:210px;
    height:30px;
    line-height: 30px;
}
.aboutNav ul li a{
    color: #004668;
    text-decoration: none;
    font-size:15pt;
    
}
.aboutNav ul li a:hover{
    color: #004668;
}
.twoLi{
    margin-top:40px;
    /*line-height: 52px;*/
}
#headContent a:hover{
  /*background-color: #fffc01;*/
  /*color: #fffc01;*/
}
#aboutContent {
    overflow:hidden;
}
#aboutContent img {
    float : left;
    margin-top:21px;
}
.aboutImg {
    margin-left :20px;
}
.bussinessFirstNav {
    float:left;
    width : 200px;
    height:30px;
}
.bussinessFirstNav ul{
    color: #004668;
    text-decoration: none;
    margin-top:22px;
}
.bussinessFirstNav ul li{
    height:30px;
    line-height: 30px;
}
.bussinessFirstNav ul li a{
     font-size:15pt;
}
.bussinessTwoLi{
    margin-top:70px;
    line-height: 30px;
}
.bussinessSecondNav{
    float : left;
    width :840px;
    margin-top:15px;
}
.bussinessSecondNav ul{
    float : left;
    /*width :120px;*/
    text-align:left;
    line-height :27px;
    height :85px;
    margin-top:5px;
}
.bussinessSecondNav ul li a{
     font-size:12pt;
    /*letter-spacing:2px;*/
}
.bussinessSecondNavOne{
    margin-left:20px;
    width:130px;
}
.bussinessSecondNavTwo{
    width :160px;
}
.bussinessSecondNav ul li a:hover{
    /*color:#009ce8;*/
}
.followType,.followService{
    float :left;
    margin-left:38px;
    margin-top:20px;
}
.followType li a {
    color: #fff;
    text-decoration: none;
    line-height: 30px;
}
#bussinessContent div{
    /*margin-top :0px;*/
    /*height :5px;
    float:left;*/
}
.twoNavBgDiv {
    /*float:left;*/
    margin-top :5px;
}
.twoNavBgDivSecond {
    margin-top : -6px;
}
#firstLi{
    color:#fffc01;
}
.serviceNav {
    /*background: url(/Content/img/bg6.png) no-repeat;*/
    float :left;
    width : 630px;
    /*margin-left :30px;*/
    margin-top :12px;
    text-align:left;
    overflow :hidden;
}
.serviceFirstNav {
    float:left;
    width : 200px;
    
    /*height:30px;*/
}
.serviceFirstNav ul{
    color: #004668;
    text-decoration: none;
    margin-top:10px;
    text-align :center;
}
.serviceFirstNav ul li{
    height:30px;
    line-height: 30px;
}
.serviceFirstNav ul li a{
    font-size:15pt;
}
.serviceSecondNav{
    float : left;
    width :420px;
    margin-top:10px;
    font-size :15px;
}
.serviceTwoLi{
    margin-top:28px;
    line-height: 30px;
}
.serviceSecondNav ul{
    float : left;
    width :130px;
    text-align:left;
    line-height :24px;
}
.serviceSecondNavOne{
    margin-left:20px;
    width:120px;
}
.serviceSecondNavTwo{
    width :100px;
}
.serviceSecond-NavBg{
    /*margin-top:10px;*/
    float :left;
}
.serviceSecond-NavBgTwo {
    margin-top:-10px;
    float:left;
}
.serviceSecond-NavBgThree {
    margin-top:15px;
    float:left;
}
.serviceSecond-NavBgFour {
    margin-top:-10px;
    float:left;
}
.serviceNav ul li a {
    color: #fff;
    text-decoration: none;
    /*line-height: 37px;*/
    
}
.serviceNav ul li ul{
    display:inline;
    height:20px;
}
.serviceNav ul li ul li{
    display:inline;
}
.serviceSecondNav ul li a {
    font-size:12pt;
}
.serviceImg {
    float : left;
    /*margin-left:10px;*/
    margin-top:20px;
}
.followService li a{
    color: #fff;
    text-decoration: none;
    line-height :33px;
}
.specialService {
    float :left;
    margin-left:45px;
    margin-top:15px;
}
.specialService li a{
    color: #fff;
    text-decoration: none;
    line-height :44px;
}
.newsNav {
    float :left;
    margin-top :10px;
    text-align:left;
}
.newsFirstNav {
    float:left;
    width : 200px;
    /*height:30px;*/
}
.newsFirstNav ul{
    color: #004668;
    text-decoration: none;
    margin-top:12px;
    text-align :center;
}
.newsFirstNav ul li{
    height:30px;
    line-height :30px;
}
.newsFirstNav ul li a{
    font-size : 15pt;
}
.newsTwoLi{
    margin-top:20px;
    line-height: 30px;
}
.NavLevel2 {
    margin-left:30px;
    font-size:17px;
}
.newsImgList {
    float:left;
    width:830px;
    margin-top:21px;
}
.newsImg{
    float:left;
}
.newsImg2{
    margin-left:15px;
}
#baseContent img {
    float : left;
    margin-top:20px;
}
.baseNav {
    float :left;
    width : 180px;
}
.baseFirstNav ul{
    color: #004668;
    text-decoration: none;
    margin-top:22px;
    text-align :center;
}
.baseFirstNav ul li{
    height:30px;
    line-height :30px;
}
.baseFirstNav ul li a{
    font-size : 15pt;
}
.baseTwoLi{
    margin-top:20px;
    line-height: 30px;
}
.contractImg{
    float : left;
    margin-top:22px;
    height :270px
}
.contractNav {
    float :left;
    width : 210px;
    
}
.contractFirstNav ul{
    color: #004668;
    text-decoration: none;
    margin-top:22px;
    text-align :center;
}
.contractFirstNav ul li{
    height:30px;
    line-height :30px;
}
.contractFirstNav ul li a{
    font-size : 15pt;
}
.contractTwoLi{
    margin-top:20px;
    line-height: 30px;
}
.CenterContent{
    /*width:1900px;*/
    margin : 0 auto;
}
.goLogin{
    text-align : center;
    margin-top:-10px;
    /*margin : 0 auto;*/
}
#indexLoginImage {
    height :250px;
    margin :0 auto;
}
.pageDump {
    text-align : center;
    /*margin : 0 auto;*/
    /*float : left;*/
    /*width:1100px;*/
    margin-top : 48px;
}
.tableDown {
    text-align : center;
    margin-top:60px;
    height :150px;
    /*width :100%;
    margin : 0 auto;*/
}
.bottomNav {
    /*width:55%;*/
    /*text-align : center;*/
    /*width :65%;*/
    /*display:inline-block;*/
    height:60px;
    /*margin :30px auto;*/
    /*background :url(/Content/img/bottomNav1.png) no-repeat;*/
    width :1060px;
    /*display:inline-block;*/
    margin :0 auto;
    /*text-align :center;*/
}
.bottomNavBackground1 {
    background :url(/Content/img/bottomNav1.png) no-repeat;
}
.bottomNavBackground2 {
    background :url(/Content/img/bottomNav22.png) no-repeat;
}
.bottomNavBackground3 {
    background :url(/Content/img/bottomNav3.png) no-repeat;
}
.bottomNavBackground4 {
    background :url(/Content/img/bottomNav4.png) no-repeat;
}
.bottomNav ul{
    margin-left : 80px;
    width : 100%;
}
.bottomNav ul li{
    float :left;
    width:195px;
    height:50px;
    margin-left:50px;
}
.bottomContent {
    min-width :1060px;
    display:inline-block;
    margin :0 auto;
    text-align :center;
}
.bottomContent ul {
    margin-left :100px;
}
.bottomContent ul li{
    text-align:left;
    line-height : 28px;
}
.bottomContent a {
    text-decoration :none;
    color:black;
}
.loginDiv {
    margin : 0px auto 0px auto;
    width : 295px;
    height : 250px;
    background :url(/Content/img/loginBg.png) no-repeat;
}
.loginDiv form {
    padding-top :29px;
}
.loginDiv input{
    text-align :center;
    margin-top : 11px;
    background:none;
    border : 0;
    /*width : 180px;*/
    width : 100%;
    height :32px;
    outline:none;
    color: #005293;  
    font-size : 14pt;
    /*font-weight : bold;*/
    /*padding-left :100px;*/
}
#loginBt1,#loginBt2{
    background :url(/Content/img/loginbt1.png) no-repeat;
    width :145px;
    height :38px;
    cursor :pointer;
    text-align : center;
    padding-left :0px;
    color: white; 
}
.verifyCode {
    text-align : left;
    margin-top :5px;
    /*padding-bottom:5px;*/
    height:45px;
}
.verifyCode canvas{
    margin-left :10px;
    float:left;
    margin-top:2px;
}
.verifyCode span{
    width:100px;
    height:30px;
    margin-left :50px;
    font-size : 20px;
    font-family:Arial; 
    font-style:italic; 
    font-weight:bold; 
    border:0; 
    letter-spacing:2px; 
    color:blue; 
    display : inline-block;
        -moz-user-select: none; /*���*/
        -webkit-user-select: none;  /*webkit�����*/
        -ms-user-select: none;   /*IE10*/
        -khtml-user-select: none; /*���������*/
        user-select: none;
}
.verifyCode strong {
    background-color :lightgrey;

}
.verifyCode a{
    text-decoration :none;
    color: #005293;  
    font-weight : bold;
    font-size : 19px;
    margin-left :30px;
    width :80px;
    display:block;
    float:left;
    margin-top:10px;
}
.headContendDIV {
    height :380px;
}
input::-webkit-input-placeholder { /* WebKit browsers */ 
    font-size : 14pt;
    /*font-weight : bold;*/
    color: #005293; 
    /*font-family:mytitlefont;*/
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    font-size :14pt;
    /*font-weight : bold;*/
   color: #005293; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    font-size : 14pt;
    /*font-weight : bold;*/
    color: #005293; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    font-size : 14pt;
    /*font-weight : bold;*/
    color: #005293; 
} 
.loginTip{
    background-color :white;
    width:300px;
    height:270px;
    position :absolute;
    left : 800px;
    top : 430px;
    display:none;
}
.loginTip span{
    font-size : 21px;
}
.TopNavShow{
    width:100%;
    height:37px;
    /*position:fixed;
    top:0;
    left:0;*/
    background-color :#e9f9ff;
    overflow:hidden;
    line-height :35px;
    margin-top:0px;
    z-index:999;
}
.TopNavShow-div{
    width: 100%;
    max-width: 1154px;
    margin: 0 auto;
    /*padding:5px;*/
    font-size :14px;
}
.TopNavShow-div img{
    height:15px;
    margin-right:5px;
    margin-top:-3px;
    vertical-align:middle;
}
.TopNavShow-account{
    float:left;
}
.TopNavShow-account a{
    text-decoration :none;
    color : black;
}
.TopNavShow-account-org{
    margin-left : 180px;
}
.TopNavShow-button {
    float :right;
    display:block;
}
.TopNavShow-button a{
    text-decoration :none;
    color :black;
    margin-right :15px;
}
.TopNavShow-button a:hover,.TopNavShow-account a:hover{
    color:#00a0e9;
}

.backgroundInsize {
    
}

.foot{
    margin-top : 150px;
    width :100%;
    /*height :415px;*/
    background :url(/Content/img/bottomBg.png) no-repeat;
   min-width :1550px;
    text-align :center;
     background-size: cover; 
    -webkit-background-size: cover;/* ����Webkit�ں��������Chrome��Safari */ 
    -o-background-size: cover;/* ����Opera */ 
}
.footContent {
    margin : 0 auto;
    /*padding-top:100px;*/
    text-align :right;
    padding-right:19.5%;
    height:310px;
    /*padding-right:100px;*/
}
.footContent div{
    margin-top :45px;
    margin-right :30px;
    /*margin-right :100px;*/
    float : right;
}
.footContent ul{

}
.footContent ul li{
    margin-top :45px;
}
.footContent ul li a{
    color :#777c80;
    text-decoration :none;
}
.footContent ul li a:hover{
    color:white;
}
.footContent ul li img{
    margin : 0 10px;
    position :relative;
    top :3px;
}
.footBeiContent{
    text-align : center;
    color:#004668;
    font-size:17px;
    height :80px;
    line-height :20px;
    float:left;
    width :100%;
    margin : 0 auto;
}
.footBeiContent div {
    margin-top :10px;
}
.footBeiContent a{
    text-decoration :none;
    color:#004668;
}

#orderExpressInputModal {
    /*position: absolute;*/
    top: 50%;
    left: 50%;
    z-index: 3;
    margin: auto; 
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
#Index-ProtectApply {
    position: absolute;
    /*right: 120px;*/
    left: 40px;
    /*width:220px*/
    background: url(/upload/News/eletronNew.png) no-repeat;
    width: 275px;
    height: 128px;
    cursor:pointer;
}
/*#Index-ProtectApply a{
    color:#ffffff;
    text-decoration:none;
    font-size:14pt;
    font-weight:bold;
    
}
#Index-ProtectApply a:hover{
    color:#005293;*/
}
.protectApply1{
    position:absolute;
    bottom:10px;
    left:14px;
    width:160px;
    height:40px;
    background:url(/Content/img/protectBtBg.png) no-repeat;
    text-align:center;
    line-height:40px;
}
.protectApply2 {
    position: absolute;
    bottom: 10px;
    right: 13px;
    height: 40px;
    width: 160px;
    background: url(/Content/img/protectBtBg.png) no-repeat;
   text-align:center;
    line-height: 40px;
}
.protectApply3 {
    position: absolute;
    top: 70px;
    left: 15px;
    height: 40px;
    width: 320px;
    background: url(/Content/img/protectBtBg2.png) no-repeat;
    text-align: center;
    line-height: 40px;
}
.protectApplyClose {
    position: absolute;
    top: 0;
    right: 5px;
}
.protectApplyClose:hover{
   color:black;
}
.Index-fixed-bar {
    float:left;
    z-index: 9999; 
    position: fixed ! important; 
    right:10px;
    top: 52%;
}
#Index-fixed-bar-firstUl{
    margin-top :100px;
}
#Index-fixed-bar-ul{
    line-height:30px;
}
.Index-fixed-bar-wechatLogo {
    z-index: 9999; 
    position: fixed ! important; 
    right:70px;
    top: 52%;
}
.Index-tmpShow {
    position:fixed;
    right:0px;
    top:680px;
    background:url(/Content/img/index-anti-bg.png) no-repeat;
    width:170px;
    text-align:center;
    height:80px;
    padding-top:10px;
    line-height:25px;
}
    .Index-tmpShow a {
        text-decoration: none;
        color: #FFF;
    }
/* Font Awesome: http://fortawesome.github.com/Font-Awesome/

License
-------------------------------------------------------
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
http://creativecommons.org/licenses/by/3.0/ A mention of
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
source code is considered acceptable attribution (most common on the web).
If human readable source code is not available to the end user, a mention in
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
or mobile software). */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'), url('fonts/fontawesome-webfont-2.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}
li[class^="icon-"], li[class*=" icon-"] {
  display: block;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.TwoAboutContent {
    /*background : url("/Content/img/twoCenterBg.jpg");*/
    background-color : white;
    height : 900px;
    text-align :center;
    margin : 0 auto;
}
.TwoAboutCenterContent {
    margin : 0 auto;
    text-align :center;
    max-width : 1200px;

}
.leftNav {
    margin-top :30px;
    float:left;
    position:relative;
}
.leftNav ul{
    margin-left : 5px;
}
.leftNav ul li{
    width:222px;
    height : 70px;
    line-height : 35px;
    margin-top:10px;
    /*text-align :center;*/
}
.leftNav ul li a{
    text-decoration :none;
    font-size :21px;
    color: #004668;
    float:left;
    /*margin-left:52px;*/
    width :222px;
    margin-left:-25px;
    /*background : url(/Content/img/leftNavTopBg3.png) no-repeat 0px 30px;*/
}
.leftNav ul li a:hover {
    /*background-color: #005293;
    width :138px;*/
}
.leftNav img{
    margin-top:20px;
    margin-left:47px;
}
.leftContent{
    background :url("img/leftContent-Bg.jpg") repeat-y 245px 0px;
    width : 250px;
    float :left;
    height:1000px;
}
.leftContent img{
    float : left;
    margin-left:22px;
}
.leftNavTop{
    float:left;
    width :220px;
    height :114px;
    background : url("/Content/img/leftNavTopBg.jpg") no-repeat;
}
.leftNavTopImg{
    float:left;
    /*height:95px;*/
    width :220px;
}
.leftNavTop-two{
    background : url("/Content/img/leftNavTop-twoBg.jpg");
    width : 162px;
    margin-left :35px;
}
.leftNavTop-two ul{
    /*margin-left : 25px;*/
    text-align : left;
    line-height :25px;
    padding :15px 15px;
}
.leftNavTop-two ul li a{
    text-decoration :none;
    color: #004668;
}
.leftNavTop-two ul li a:hover{
    text-decoration :none;
    color: #61c8fa; /*#009ce8 #61c8fa  #afe2fa*/
}
.leftNavTopImg img{
    margin-left :35px;
}
.leftNavTop div{
    float :left;
    color :white;
    font-size :22px;
    margin-top :37px;
    margin-left : 50px;
}
.leftNavBottom{
    margin-top:50px;
    float:left;
}
.leftNavBottom img {
    margin-left : 0px;
}
.rightContent {
    float:left;
    margin-left :20px;
    width :930px;
    overflow :hidden;
}
.rightMidContent {
}
.rightNav{
    height:40px;
    font-size:15px;
}
.rightTopContent {
    color: #004668;
    text-align:left;
    padding-top :8px;
}
.rightTopContent a{
    color: #004668;
    text-decoration :none;
    font-size :16px;
}
.rightTopContent a:hover{
    color: #61c8fa;
}
.rightTopContent img{
    float :left;
    margin-top :10px;
}
.rightHeadContent span{
    margin-top :5px;
}
.rightMid-head{
    padding-top:35px;
    padding-left :15px;
    width :100%;
    height :50px;
    background : url("/Content/img/rightMidHeadBg.png") no-repeat;
    font-size :16pt;
    overflow :hidden;
    font-weight :bold;
}
.rightMid-head span{
    float :left;
    color: #004668;
}

.targeNoticesContent{
    width:165px;
    height :140px;
    background : url("/Content/img/two-nav-selectTo4.png") no-repeat;
    position : absolute;
    left : 224px;
    float :left;
    top:10px;
    z-index:999;
}
.targeNoticesContent ul{
    float: left;
    text-align :left;
    width :80px;
    margin-left :40px;
    margin-top : 10px;
}
.targeNoticesContent ul li{
    float: left;
    width :120px;
    height : 20px;
}
.targeNoticesContent ul li a{
    font-size :15px;
    float :left;
    margin-left :20px;
}
.targeResourceContent{
    width:350px;
    height :115px;
    background : url("/Content/img/two-nav-selectTo.png") no-repeat;
    position : absolute;
    left : 224px;
    float :left;
    top:90px;
    z-index:999;
}
.targeResourceContent ul{
    float: left;
    text-align :left;
    width :100px;
    margin-left :45px;
    margin-top : 25px;
}
.targeResourceContent ul li{
    float: left;
    width :150px;
    height : 20px;
}
.targeResourceContent ul li a{
    font-size :16px;
    float :left;
    margin-left :20px;
}
.targeReportContent{
    width:350px;
    height :115px;
    background : url("/Content/img/two-nav-selectTo.png") no-repeat;
    position : absolute;
    left : 224px;
    float :left;
    top:170px;
    z-index:999;
}
.targeReportContent ul{
    float: left;
    text-align :left;
    width :100px;
    margin-left :45px;
    margin-top : 25px;
}
.targeReportContent ul li{
    float: left;
    width :150px;
    height : 20px;
}
.targeReportContent ul li a{
    font-size :15px;
    float :left;
    margin-left :20px;
}
#aboutAptitude {
    /*height :1000px;*/
    height:auto;
    min-height:1200px;
}
#aboutAptitude ul {
    /*margin-left:10px;*/
    line-height :20px;
    margin-top :-40px;
}
#aboutAptitude ul li {
    float:left;
    height :205px;
    width :252px;
    margin-top:50px;
}
#aboutAptitude ul li:not(.AptitudeFirst) {
    margin-left :80px;
}
#aboutAptitude p {
    margin-top :10px;
    font-size :14pt;
    font-weight:bold;
    color :#004668;
    /*font-weight :bold;*/
}
#aboutAptitude span {
    margin-top :5px;
    font-size :12pt;
    font-weight:bold;
    color :#004668;
    display :block;
    /*font-weight :bold;*/
}
.aboutAptitudeTump {
    width :230px;
    height:150px;
    border : 1px solid;
    border-style : none none solid none;
}
.aboutAptitudeTump img{
    width :200px;
    height:135px;
    margin-top :10px;
}
.serviceLoginDiv{
    padding-top:60px;
    width :920px;
    height :420px;
    background : url("img/serviceLogin-bg.jpg") no-repeat;
}
.serviceLogin {
    margin : 0 auto;
    width : 295px;
    height : 250px;
    background :url(/Content/img/serviceLoginBg.png) no-repeat;
    
}
.serviceLogin form {
    padding-top :29px;
}
.serviceLogin input{
    text-align :center;
    margin-top : 11px;
    background:none;
    border : 0;
    width : 180px;
    height :32px;
    outline:none;
    
    font-size : 17px;
    font-weight : bold;
    /*padding-left :100px;*/
    
}
.serviceLogin input:-ms-input-placeholder{/* Internet Explorer 10+  trident 内核*/  
    color: #bfc1c2; 
}
.serviceLogin input::-webkit-input-placeholder { /* WebKit browsers */ 
    font-size : 17px;
    font-weight : bold;
    color: #bfc1c2; 
} 
.serviceLogin input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    font-size : 17px;
    font-weight : bold;
    color: #bfc1c2; 
} 
.serviceLogin input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    font-size : 17px;
    font-weight : bold;
    color: #bfc1c2; 
} 
#serviceLoginBt,#serviceRegisterBt{
    color :white;
    background :url(/Content/img/loginbt1.png) no-repeat;
    width :145px;
    height :38px;
    cursor :pointer;
    text-align : center;
    padding-left :0px;
    font-size :20px;
}
#afterloginDiv{
    text-align : center;
}
#servicebussinessOrder {  /*,#servicecheckItem*/
    background : url("img/service-bussinessSearchBg.jpg") no-repeat;
    width:920px;
    height :220px;
    padding-top:20px;
    /*padding-left :50px;*/
    color : #004668; 
}
.serviceOrderBottomTb {
    margin-top :30px;
    float: left;
    /*margin-left : -50px;*/
    width :920px;
}
#servicebussinessOrder table {
    /*table-layout : fixed;
    word-wrap : break-word;
    border : 1px solid #ddd;
    width :100%;
    background-color : transparent;
    border-spacing :0;
    border-collapse :collapse;*/
}
#servicebussinessOrder table thead,#servicecheckItem table thead,#serviceprice table thead{
    vertical-align:middle;
    background-color :#d9edf7;
}
#servicebussinessOrder table th,#servicecheckItem table th,#serviceprice table thead{
    vertical-align:middle;
    border : 1px solid #ddd;
    height:50px;
    font-size :11pt;
    text-align:center;
}
#servicebussinessSearch,#serviceAccountManage,#serviceAccountUpdatePWD{
    background : url("img/service-bussinessSearchBg.jpg") no-repeat;
    width:920px;
    height :315px;
    padding-top:10px;
    padding-left :120px;
    color : #004668; 
}
#servicebussinessSearch input,#serviceAccountManage input,#serviceAccountUpdatePWD input,#servicebussinessOrder input,#servicecheckItem input,#serviceprice input{
    outline :none;
}
#servicebussinessSearch ul,#serviceAccountManage ul,#serviceAccountUpdatePWD ul,#servicebussinessOrder ul,#servicecheckItem ul,#serviceprice ul{
    float :left;
    
}
.servicebussinessSearchFirstUl{
    /*width :200px;*/
    text-align :right;
    line-height :35px;
    margin-left :10px;
}
.servicebussinessSearchSecondUl{
    width :220px;
    line-height :35px;
    margin-left :5px;
}
.servicebussinessSearchSecondUl input{
    border :0px;
    background : url("img/input-bg.png") no-repeat;
    width :210px;
    height :22px;
    padding-left:2px;
}
.servicebussinessSearchThirdUl{
    width :100px;
    text-align :right;
    line-height :35px;
    margin-left :10px;
}
.servicereportResult {
    color :#004668;
}
.servicereportResult ul{
    
    float:left;
    line-height :50px;
}
.servicereportResult-ul-second{
    width : 450px;
    margin-left :50px;
}
.servicereportResult-ul-second li span{
    color : red;
}
.servicereportResult-ul-second li b{
    margin-left :30px;
}
.servicereportResult input[type=text]{
    outline :none;
    border:1px solid;
    width : 320px;
    border-style: none none solid none;
    /*border :0px;*/
    /*background : url("img/input-bg.png") no-repeat;*/
    /*padding-left:2px;*/
    margin-left : 3px;
}
.servicereportResult p {
    color :red;
    float:left;
    margin-top :30px;
}
.reportResultButton {
    float:left;
    margin-top:30px;
}
.reportResultButton input{
    margin-left:200px;
    outline :none;
}
#reportResultSearchBt,#reportResultClearBt{
    color :white;
    background :url(/Content/img/service-searchBg.png) no-repeat;
    width :100px;
    height :33px;
    cursor :pointer;
    text-align : center;
    padding-left :0px;
    font-size :15pt;
    border :0px;
    margin-left :230px;
    font-weight :bold;
}
.inputBorder{
    /*background : url("img/input-bg.png") no-repeat;
    height:27px;*/
}
.servicebussinessBottom{
    width :700px;
    float :left;
}
.servicebussinessBottom ul{
    line-height :35px;
    margin-left :5px;
}
.servicebussinessBottom ul li{
    float :left;
    margin-left :20px;
}
.servicebussinessBottom img{
    margin-left :20px;
    margin-top :5px;
}
.servicebussinessBottom ul li span{
    margin-left :10px;
    margin-bottom :10px;
}
.servicebussinessOrderBottom {
    float :left;
    /*width :700px;*/
    margin-top :30px;
}
.servicebussinessOrderBottom ul{
    line-height :35px;
    margin-left :5px;
}
.servicebussinessOrderBottom input {
    margin-left:20px;
}
/*.servicebussinessOrderBottom input:nth-child(4) {
    width :150px;
    height:40px;
    background:url(/Content/img/loginbt22.png) no-repeat;
}*/
.serviceInput{
    color :white;
    background :url(/Content/img/service-searchBg.png) no-repeat;
    width :100px;
    height :33px;
    cursor :pointer;
    text-align : center;
    padding-left :0px;
    font-size :15pt;
    border :0px;
    margin-left :50px;
    font-weight :bold;
}
#aboutIntroduct p{
    color : #004668;
    line-height :35px;
    /*font-weight:bold;*/
    font-size :17px;
    text-align :left;
    margin-top :5px;
    /*font-family :'simsun'*/
}
.specialServiceContent{

}
.specialServiceContentTop{
    color: #004668;
    text-align :left;
    padding-top :8px;
    max-width :1200px;
    margin :0 auto;
}
.specialServiceContentTop a{
    color: #004668;
    text-decoration :none;
}
.specialServiceContentTop img{
    float :left;
    margin-top :10px;
}
.specialTopContent{
    width :100%;
    background-color :#f1f7fa;
    height :60px;
    margin-top :25px;
}
.specialTopContent div{
    text-align :left;
    margin : 0 auto;
    max-width :1200px;
    padding :20px;
}
.specialTopContent span{
    font-size :20px;
    color :#004668;
    font-weight :bold;
}
.specialMidContent {
    margin : 0 auto;
    max-width :1200px;
    margin-top:40px;
}
.specialMidContent-leftImg{
    float:left;
    /*bottom :0px;
    position:absolute;*/
    height :380px;
}
.specialMidContent-leftImg img{
    /*position : absolute;
    bottom :0px;*/
    margin-top : 200px;
}
.specialMidContent ul{
    height :380px;
    float:left;
    text-align : left;
    /*margin-left :20px;*/
    line-height :38px;
}
.specialMidContent ul img{
     margin-top : 10px;
     margin-left :10px;
}
.specialMidContent ul li{
     color:#004668;
}
.specialMidContent ul li a{
     text-decoration :none;
     color:#004668;
}
.specialMidContent ul li a:hover{
     color:#61c8fa;
}
.specialMidContent-title{
    margin-left :180px;
}
.specialMidContent-ul {
    margin-left :20px;
}
.serviceAccountBottom{
    width :700px;
    float :left;
}
.serviceAccountBottom div{
    width :600px;
    float :left;
    text-align :center;
}
.serviceAccountBottom div input{
    margin-top :30px;
    
}
.serviceAccountBottom p{
    color:red;
    margin-top :20px;
    float:left;
    display :block;
}
#serviceAccountUpdatePWD p{
    color :red;
    text-align :left;
    margin-top :20px;
    margin-bottom :10px;
}
#serviceAccountUpdatePWD{
    text-align :left;
    font-size :16px;
}
.passwordCheckVail {
    margin-top:50px;

}
.pw-strength {clear: both;position: relative;left:100px;}
.pw-bar{
    background: url(/Content/img/passwordCheckFirst.png) no-repeat; 
    position:relative; 
    top:1px;
    height: 14px;
    overflow: hidden;
    width: 179px;
} 
.pw-bar-on{
    background: url(/Content/img/passwordCheckSecond.png) no-repeat; 
    width:0px; 
    height:14px;
    position: absolute;
    top: 1px;
    left: 2px;
    transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -webkit-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
} 
.pw-weak .pw-defule{ width:0px;} 
.pw-weak .pw-bar-on {width: 60px;} 
.pw-medium .pw-bar-on {width: 120px;} 
.pw-strong .pw-bar-on {width: 179px;} 
.pw-txt {
    padding-top: 3px;
    width: 180px;
    overflow: hidden;
} 
.pw-txt span {
    color: #707070;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 58px;
}
.servicedelegateDown {
    overflow :hidden;
    text-align:left;
}
.servicedelegateDown ul{
    
}
.servicedelegateDown ul li{
    float:left;
    width:300px;
    height :30px;
    margin-bottom :50px;
    
}
.servicedelegateDown ul li img{
   position :relative;
   top : 6px;
}
.servicedelegateDown ul li a{
    text-decoration :none;
    color : #004668;
    margin-left :5px;
    font-weight :bold;
}
.servicedelegateDown ul li a:hover{
    color :#61c8fa;
}
.serviceAntiReportDown {
    width :870px;
    height:34px;
    border : 1px solid;
    float:left;
    margin-top :50px;
    text-align :center;
    padding-top :10px;
}
.serviceAntiReportDown span a{
     color :#61c8fa;
     text-decoration :none;
}
#serviceInvoiceShow {
    width :870px;
    border :1px solid;
    margin-top :20px;
    float :left;
}
#serviceInvoiceShow tr th{
    text-align :center;
    border : 1px solid #ddd;
    background-color : antiquewhite;
    height :20px;
    padding:2px;
}
#serviceInvoiceShow tr td{
    text-align :center;
    border : 1px solid #ddd;
    background-color :#f9f9f9;
    height :20px;
    padding:3px;
}
.serviceInvoiceManage span {
    float:left;
    width: 870px;
    border : 1px solid;
    margin-top :10px;
    height:30px;
    padding-top :10px;
}

.serviceShowCheckItem{
    text-align :left;
}
.serviceShowCheckItem ul li {
    line-height :60px;
    height :30px;
    margin-bottom :20px;
}
.serviceShowCheckItem ul li img{
   position :relative;
   top : 6px;
}
.serviceShowCheckItem ul li a{
    text-decoration :none;
    color : #004668;
    margin-left :15px;
}
.serviceShowCheckItem ul li a:hover{
    color :#61c8fa;
}
#checkImgShow {
    width:920px;
}
#servicerequestment b{
    font-weight :bold;
}
#servicerequestment p{
    color : #004668;
    line-height :40px;
}
.service-requestment-bottom {
    width: 75%;
    margin-left :150px;
    text-align:left;
    margin-top :20px
}
.service-flow-bottom {
    color : #004668;
    line-height :40px;
    text-align :left;
    margin-left :20px
}
.service-flow-bottom a{
    text-decoration:none;
    color : #004668;
}
.service-flow-bottom span{
    color : #000000;
}
#serviceflow {
    text-align : left;
}
.service-flow-Nav {
    height:50px;
    margin :100px auto 0 auto;
}
.service-flow-Nav ul li{
    float :left;
    width:50%;
    height:50px;
}
.service-flow-down {
    display :block;
    margin-top : -182px;
}
.service-flow-express li{
    color : #004668;
    font-weight:bold;
    font-size :11pt;
    line-height :25px;
}
.service-flow-expressBg1 {
    background :url(/Content/img/service-flow-express1.jpg) no-repeat;
}
.service-flow-expressBg2 {
    background :url(/Content/img/service-flow-express2.jpg) no-repeat;
}
#service-flow-express2 {
    margin-left :460px;
}
#myModal-showSearchResult {
    background-color:azure;
}
.modal-showSearchResult-downLink {
    /*position:absolute;
    top:6%;*/
}
.modal-showSearchResult-downLink a{
    text-decoration:none;
    color : #004668;
    margin-left:15px;
}
.service-bussiness-tip {
    float :left;
    color:red;
}
.service-bussiness-research {
    position :absolute;
    bottom :0%;
    right:0%;
    width:250px;
    height:140px;
}
#serviceReportSearBt {
    z-index:999;
    margin-left:-20px;
}
#serviceprice img{
    max-width:920px;
    max-height:920px;
}
#valiCode {
    float:left;
}
.about-video {
    min-height:150px;
    margin-top:20px;
    text-align:left;
    position:relative;
}
.about-video img{
    margin-left:100px;
}
.about-video span{
    color:#004668;
}
.about-video-text1 {
    position:absolute;
    left:180px;
    top:145px;
    
}
.about-video-text2 {
    position:absolute;
    right:130px;
    top:145px;
    
}