/* ==========================================================================

   Global

   ========================================================================== */

html { font-size: 62.5%; }

a { color: #fff; }

body { color: #fff; font: 12px/1.6 Arial, Helvetica, sans-serif; font: 1.2em/1.6 Arial, Helvetica, sans-serif; background: #00004C url(../images/body-bg.jpg) no-repeat 50% 0; }

.wrapper { width: 960px; margin-left: auto; margin-right: auto; padding:0 20px; }

[class*=icon] {

padding-right: 5px;

}

/* arrow */

.arrow { position: absolute; top: 50%; margin-top: -4px; }

.arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }

/* arrow-right */

.arr-r * { border-left-style: solid; border-width: 4px 0 4px 4px; }

.arr-r em { left: 2px; }

.arr-r span { border-left-color: #f00; }

/* arrow-down */

.arr-d * { border-top-style: solid; border-width: 7px 7px 0 7px; }

.arr-d span { border-top-color: #1a609c; }

/* arrow-up */

.arr-u * { border-bottom-style: solid; border-width: 0 7px 7px 7px; }

.arr-u span { border-bottom-color: #1a609c; }

.mod-hd .arrow,

.proshow .download .arrow { left: 15px; }

.app-list h4 .arrow { left: 20px; }

.title .arrow { left: 10px; }

.sidebar .arrow { left: 28px; top: 14px; margin: 0; }

.sidebar .arr-r span,

.download .arr-r span,

.app-list .arr-r span { border-left-color: #1a609c; }

.sidebar li:hover .arr-r span,

.sidebar .active .arr-r span { border-left-color: #e60012; }

/* ==========================================================================

   Header

   ========================================================================== */

header { height: 108px; }

/* logo */

.logo { position: absolute; padding: 22px 0 0 10px; }

.top-r { float: right; padding-top: 20px; }

.lang { margin-bottom: 10px; text-align: right; }

.lang a { line-height: 20px; padding-left: 22px; }

/* search */

.globalsearch { }

#searchInput,

#submitBtn { float: left; }

#searchInput { width: 222px; padding: 1px 0 1px 10px; line-height: 22px; height: 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b0dbf3; }

#submitBtn { width: 30px; margin-left: -30px; height: 26px; cursor: pointer; border: 0; background: url(../images/i-magnify.png) no-repeat 50%; }

.M_globalsearch{display: none;}

/* ==========================================================================

   Nav

   ========================================================================== */

.navbar { padding:4px; background:url(../images/nav-bg.png) no-repeat; position: relative; z-index:999; width:960px; height:33px; margin-left:-4px; }

/* primary */

.globalnav { padding-left: 19px; }

.globalnav li { float: left;background: url(../images/nav-separator.gif) no-repeat 100%; padding-right: 2px;width: 152px; }

.globalnav li a { display: block; color: #0027a0; font:700 14px/33px microsoft yahei;  text-align: center;  }

.globalnav li a:hover,

.globalnav li .active { background: #1a609c; color:#fff; }



#gn_05 { background: none; padding-right: 0; }

/* secondary */

.dropdown { display: none; position: absolute; top: 37px; _top: 33px; z-index: 999; filter: Alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; width:380px; height:500px;}

.dropdown li { float: none; padding:0; background: none; background: #1a609c; *font-size:0; *line-height:0;  position: relative; z-index:999;  }

.dropdown li a { font-weight: 300; display: block; line-height: 28px; white-space: nowrap; padding:0 50px 0 25px; color:#fff; font-size:13px; text-align: left; *zoom:1; }

.dropdown li a:hover,

.dropdown .arr .dropdown2 a:hover  { background:#4281f4; }

.globalnav .arr { background:#1a609c url(../images/nav-arr.png) no-repeat 100%;}

.globalnav .arr a:hover,

.globalnav .selected { background:#4281f4 url(../images/nav-arr.png) no-repeat 100%; box-shadow: -1px 1px 10px rgba(0,0,0,0.2) }



.dropdown .dropdown2 {  position: absolute; left: 100%; top: 0; z-index: 999; width:160px; }

.dropdown li .dropdown2 a {  display:block; line-height:28px; height:28px; background: #1a609c;}

#gn_01 .dropdown li {width: 171px; }

#gn_03 .dropdown li {width: 171px; }



/* ==========================================================================

   Banner

   ========================================================================== */

.banner { width: 968px; margin:-11px 0 0 -24px; height: 344px; position:relative; overflow:hidden; padding:0 20px; }

.nivoSlider { position: relative; width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat 50% 50%; }

.nivoSlider img { display: none; position: absolute; top: 0px; left: 0px; max-width: none; width: 100%; height: 100%; }

.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

.nivoSlider a { display: block; }

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav { position: absolute; right: 50px; bottom: 20px; z-index: 99;  }

.nivo-controlNav a { float:left; width: 18px; height: 18px; margin: 0 3px;  cursor: pointer;  background: #1a609c; line-height:18px; text-align:center;}

.nivo-controlNav a.active {  background:  #e60012;}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a { display: block; width: 56px; height: 76px; position: absolute; top: 45%;  text-indent: -999em; opacity: 0.8; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; cursor: pointer; z-index:999; }

.banner:hover .nivo-directionNav a { opacity: 1; }

.nivo-directionNav .nivo-nextNav { background:url(../images/next-btn.png) no-repeat;right: -17px; }

.nivo-directionNav .nivo-prevNav { background:url(../images/prev-btn.png) no-repeat; left: -17px; }

/* Caption styles */

.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }

.nivo-caption p { padding: 5px; margin: 0; }

.nivo-caption a { display: inline !important; color: #fff; border-bottom: 1px dotted #fff; }

.nivo-html-caption { display: none; }

.nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }

/* The slices and boxes in the Slider */

.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }

.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }

.nivo-box img { display: block; }

/* ==========================================================================

   Content

   ========================================================================== */

.mod { float: left; width: 33%; }

.mod-wrap { padding-right: 10px; }

.mod-hd { position: relative; height: 40px; line-height: 40px; }

.mod-hd h2 a { padding-left: 30px; text-shadow: 1px 1px rgba(0,0,0,.75); }

.mod-bd { min-height: 220px; _height: 220px; padding: 15px; border: solid 1px #d6e6ef; overflow: hidden; color: #014d8d; background:#f0f4f8 url(../images/mod-bg.gif) repeat-x;}

.mod-bd a { color: #014d8d; }

/* toggle-box */

.toggle-box .btn { padding: 0 10px 0 0px; cursor:pointer; }

.toggle-box .btn:hover { text-decoration:none;}



.toggle-box li { line-height: 20px; }

.toggle-box ul { display: none; padding: 5px 0 5px 20px; }

.toggle-box ul li a { color: #666; background: url(../images/i-square.gif) no-repeat 0; padding-left: 12px; }

.toggle-box a:hover { text-decoration:underline; }



/* mod4 */

.mod4 .mod-bd { padding: 0; min-height: 250px; _height: 250px; }

.mod4 .mod-wrap { padding-right: 0; }

.mod4 .mod-cont { background:url(../images/mod-cont-bg.gif) repeat-x; }

.mod4 h4 { line-height: 35px; height: 35px; text-align: center; }

.location { height: 75px; }

.partner { padding: 15px; height: 40px; }

.partner a { padding-right: 15px; float: left; }

/* ==========================================================================

   Footer

   ========================================================================== */

footer { padding: 15px 0; border-top: 1px solid #4880b0; margin-top: 15px; text-align: center; }

footer,

footer a { font-size: 11px; text-transform: uppercase; color: #7bbbf2; text-shadow: 1px 1px rgba(0,0,0,.75); }

footer a:hover { text-decoration: underline; }





.fb { width: 240px; position: fixed; right: 0; bottom: 0; _bottom: auto; z-index: 10000; _position: absolute; overflow: visible; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);

   -webkit-box-shadow: -2px -2px 10px rgba(0,0,0,.4); 

   box-shadow: -2px -2px 10px rgba(0,0,0,.4);



    -webkit-border-radius: 6px 6px 0 0;

-moz-border-radius: 6px 6px 0 0;

border-radius: 6px 6px 0 0; 

}

.fb .fb-hd { background: #6cadde; color: #f5f5f5; -webkit-border-radius: 6px 6px 0 0;

-moz-border-radius: 6px 6px 0 0;

border-radius: 6px 6px 0 0; line-height: 31px; height: 31px; position: relative; color: #fff; padding-left: 15px;} 

.fb .btn-close { position: absolute;top: 9px; right: 15px; width: 20px; height: 11px; cursor: pointer; background: url(../images/unfold-btn.png) no-repeat; }

.fb .fb-bd { border: 1px solid #6cadde;  background: #f5f5f5; padding: 10px; }

.field { margin-bottom: 8px;

background: #fff; border: 1px solid #ccc; line-height: 20px; height: 20px; width:200px;

 }





legend { display: none;}

fieldset { border: 0 none; padding: 0;}

.ui-input {  border: 0 none; background: none;}

.ui-label { color: #666; float: left; padding: 0 0 0 5px;   }



#GuestBook_Content { background: #fff; border: 1px solid #ccc; padding: 2px; width: 194px; height: 90px; margin-bottom: 5px;}





/* clearfix */

.field:before,

.field:after { content: ""; display: table; }

.field:after { clear: both; }

.field { *zoom: 1}



.btn-field { text-align: center;padding-top: 10px;}

.btn-field .submit-btn { background: #6cadde; -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px; padding: 0 30px; line-height: 30px; border: 0 none;}

.asterisk { color: #f00; position: absolute; padding-left: 5px;}

.field .asterisk { padding-left: 10px;}





.unfold .fb-bd { display: none;}

.unfold .btn-close { background: url(../images/fold-btn.png) no-repeat;}



@media only screen and (max-width: 767px) {

      body {background: #1a609c; background-image: none;}

      header{display: none;}

      .navbar{display: none;}

      .wrapper {width: calc(100% - 40px);}

      .banner { display: none;}

      .fb{/*display: none;*/}

      .mod{width: 100%;}

      .mod-bd{min-height: auto;}

}



.phonehead{display: none;}

#cd-lateral-nav{display: none;}

.phonesearch{display: none;}

.phonebanner{display: none;}



@media only screen and (max-width: 767px) {

  .M_globalsearch{display: block;}

  #searchInputm,

#submitBtn { float: left; }

#searchInputm {  width: calc(100% - 70px); padding: 1px 0 1px 10px;margin-left:20px; line-height: 28px; height: 26px; border: 1px solid #b0dbf3; }

#submitBtn { width: 50px; margin-left: -40px; height: 30px; cursor: pointer; border: 0; background:#02467f;color:#fff;font: 300 14px/30px microsoft yahei;  }



.phonehead{display: block;}

.phonebanner{display: block;}

#cd-lateral-nav{display: block;}

.phonesearch{display: block;padding:50px 0 0  15px;}

.phonesearch .ui-input01,.phonesearch .ui-btn01{ float: left; }

.phonesearch .ui-input01 { width: 160px; padding: 0 10px; line-height: 40px; height: 40px;  border: 0; }

.phonesearch .ui-btn01 { width: 40px;height: 40px; cursor: pointer; border: 0; background:#02467f;color:#fff;font: 300 14px/40px microsoft yahei; }



.phonehead {

  height: 50px;

  width: 100%;padding:0 20px;position: relative;margin-left: -20px;

background:url(../images/m_headbg.jpg) no-repeat left center;

  z-index: 99;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.phonehead.lateral-menu-is-open {

  /* translate to show the lateral menu */

  -webkit-transform: translateX(-260px);

  -moz-transform: translateX(-260px);

  -ms-transform: translateX(-260px);

  -o-transform: translateX(-260px);

  transform: translateX(-260px);

}

.phonehead.is-fixed {

  position: fixed;

}

#cd-menu-trigger {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  width: 50px;

}



#cd-menu-trigger .cd-menu-icon {

  display: inline-block;

  position: absolute;

  left: 50%;

  top: 50%;

  bottom: auto;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  width: 18px;

  height: 2px;

  background-color: #FFF;

  /* these are the upper and lower lines in the menu menu */

}

#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  background-color: inherit;

  left: 0;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -webkit-backface-visibility: hidden;

}

#cd-menu-trigger .cd-menu-icon::before {

  bottom: 5px;

}

#cd-menu-trigger .cd-menu-icon::after {

  top: 5px;

}

#cd-menu-trigger.is-clicked .cd-menu-icon {

  background-color: rgba(255, 255, 255, 0);

}

#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {

  background-color: white;

}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {

  bottom: 0;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {

  top: 0;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

@media only screen and (min-width: 768px) {

  #cd-menu-trigger {

    width: 110px;

    padding-left: 1.25em;

  }

  #cd-menu-trigger .cd-menu-icon {

    left: auto;

    right: 1.25em;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

}



#cd-lateral-nav {

  position: fixed;

  height: 100%;

  right: -180px;

  top: 0;

  /* the secondary navigation is covered by the main element */

  z-index: 1;

  width: 260px;

  background-color: #1a609c;

  overflow-y: auto;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  transition-duration: 0.4s;

  /* this creates the subtle slide in animation of the navigation */

  -webkit-transform: translateX(80px);

  -moz-transform: translateX(80px);

  -ms-transform: translateX(80px);

  -o-transform: translateX(80px);

  transform: translateX(80px);

}

#cd-lateral-nav .cd-navigation {

  margin: 10px 0 16px;

}

#cd-lateral-nav .sub-menu {

  padding: 0 10px 20px 15px;

  display: none;

}

#cd-lateral-nav a {

  display: block;

  line-height: 3em;

  padding: 0 16px 0 32px;

  color: #fff;

}

#cd-lateral-nav a.current {

  background-color: #3a4a4d;

  color: #FFF;

}

.no-touch #cd-lateral-nav a:hover {

  color: #FFF;

}

@media only screen and (min-width: 768px) {

  #cd-lateral-nav .cd-navigation {

    margin: 20px 0;

  }



}

#cd-lateral-nav.lateral-menu-is-open {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  /* smooth the scrolling on touch devices - webkit browsers */

  -webkit-overflow-scrolling: touch;

  right: 0;

}



/* style menu items which have a submenu  */

#cd-lateral-nav .item-has-children > a {

  position: relative;

  text-transform: uppercase;

  font-weight: 600;

  /* this is the right arrow to show that the item has a submenu  */

}

#cd-lateral-nav .item-has-children > a::after {

  content: '';

  display: block;

  height: 11px;

  width: 8px;

  position: absolute;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 1em;

  background: url("../images/cd-arrow.png") no-repeat center center;

  background-size: 8px 11px;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  transition-duration: 0.2s;

}

#cd-lateral-nav .item-has-children > a.submenu-open::after {

  -webkit-transform: translateY(-50%) rotate(90deg);

  -moz-transform: translateY(-50%) rotate(90deg);

  -ms-transform: translateY(-50%) rotate(90deg);

  -o-transform: translateY(-50%) rotate(90deg);

  transform: translateY(-50%) rotate(90deg);

}



#cd-lateral-nav .cd-single-item-wrapper{border-top:1px solid #4b4e4e;}

#cd-lateral-nav .cd-single-item-wrapper a{width:30%;float: left;}

#owl-banner .item img{    display: block;    width: 100%;    height: auto;}

#owl-banner .owl-pagination{/*display: none;*/}

}

#owl-banner .owl-controls {margin-top: 0px; }

#owl-banner .owl-controls .owl-page span {    width: 10px;

    height: 10px;}

#owl-banner .owl-controls .owl-page span{

	background: #fcfefe;

}