/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
.h,
a:hover { color: #005bac; }
body { color: #666; font: 12px/1.5 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff;}
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
.wrapper:after,
.row:after { content: ""; display: table; clear: both; }
.en-txt { font-family: Arial, Helvetica, sans-serif !important; }
/* 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: 1px; }
.arr-r span { border-left-color: #3675bb; }
.tri { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* ==========================================================================
   Header
   ========================================================================== */
.topbar { height: 42px; border-bottom: 1px solid #ededed; box-shadow: 0 1px 0 #e0e0e0; font-size: 14px; background: #fff; }
.topnav { float: right;  line-height: 24px; padding: 8px 0;  }
.topnav a { float: left; margin-right: 10px; }
.globalsearch { float: right;  margin-top: 8px; }
.globalsearch input { float: left; border: 0 none }
.globalsearch #q { width: 155px; height: 21px; padding: 1px 30px 1px 6px; line-height: 21px; background: #fff; border: 1px solid #d6d6d6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; transition: border-color .3s; }
.globalsearch .search-btn { width: 30px; height: 25px; cursor: pointer; background: transparent; margin-left: -30px; background: url(../images/search-btn.png) no-repeat 50% 6px; }
.globalsearch .search-btn:hover { background-image: url(../images/search-btn2.png); }
.header {  background: url(../images/header-bg.png) repeat-x 0 100%; margin-bottom: -8px; padding-bottom: 8px; }
.header-bg {  background: #fff;}

.header .wrapper { height: 86px; position: relative; z-index: 99 }
.logo { position: absolute; top: 19px; left: 0; }
.globalsearch:hover #q { border-color: #bbb; }
.globalnav { position: absolute; right: 0; top: 0; }
.globalnav li { float: left }
.globalnav li a { display: block; color: #333; padding: 0 28px; font-size: 14px; line-height: 86px }
.globalnav .nav-sep { width: 2px; height: 35px; background: url(../images/nav-sep.png) no-repeat }
.globalnav li .active1,
.globalnav .active a { color: #fff; background: #005bac; }
.dropdown { position: absolute; z-index: 999; background: #005bac; background-color: rgba(0,91,172,.9); display: none; border-top: 1px solid #0b62af;  }
#gn_01 .dropdown:after,
#gn_01 .dropdown:before { content: ""; position: absolute; width: 1px; height: 100%;  background: #3385d1; left: 33.33%; top: 0;}
#gn_01 .dropdown:after { left: 66.66%;}
.globalnav .dropdown a { white-space: nowrap; line-height: 30px; color: #fff; background: none }
.globalnav .dropdown a:hover { color: #fff; background: #005bac }
#gn_01 { position: relative; }
#gn_01 .dropdown { background: #0066c5; width: 669px; left: -318px;  padding: 30px 0; }
#gn_01 .dropdown a { line-height: 38px; padding: 0 0 0 54px; }
/*#gn_01 .dropdown a:hover { background: none;  color: #fffa99;}
*/#gn_01 .dropdown dl { display: inline-block; *display:inline; zoom: 1; vertical-align: top;  width: 220px; line-height: 38px;}
#gn_01 .dropdown dt { background-repeat: no-repeat; background-position: 24px 50%;}
#gn_01 .dropdown dt a { font-size: 14px; color: #fffa99; font-weight: 300; }
#gn_01 .dropdown dt a:hover { background: none; color: #fff;}
.dropdown .dl1 dt { background-image: url(../images/dd-ico1.png);}
.dropdown .dl2 dt { background-image: url(../images/dd-ico2.png);}
.dropdown .dl3 dt { background-image: url(../images/dd-ico3.png);}
.dropdown .dl4 dt { background-image: url(../images/dd-ico4.png);}
.dropdown .dl5 dt { background-image: url(../images/dd-ico5.png);}
.dropdown .dl6 dt { background-image: url(../images/dd-ico6.png);}


/* ==================================
   menu
   ================================== */
.menu { position: relative; float: right;  padding: 5px 0;   margin-left: 12px; }
.menu,
 .menu-bd { width: 165px; }
/* menu-hd */
.menu-hd { position: relative; z-index: 1002; overflow: hidden; height: 24px;  padding-left: 100px; }
.menu-hd a { border-left: 1px dotted #ddd; display: block; line-height: 1; padding-left: 9px; margin: 6px 0;}
.menu .arr { -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; position: absolute; top: 5px; left: 81px;  line-height: 24px; z-index: 10003; }
.menu-bd { display: none; position: absolute; z-index: 1001 }
.menu-bd-panel { border: 1px solid #ddd; background: #fff; padding: 5px 0 5px 109px; }
.menu-bd-panel a { display: block; line-height: 24px; white-space: nowrap; color: #6C6C6C }
.menu-bd-panel a:hover { color: #000; }
.menu-hover .menu-bd { z-index: 10001; top: 0; }
.menu-hover .arr { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-hover .menu-bd { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); }
.lang-txt { color: #999; position: absolute; left: 0; top: 5px; width: 55px;  line-height: 24px; z-index: 10003; background: url(../images/globe.gif) no-repeat 3px; padding-left: 45px; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; overflow: hidden; min-width: 1000px; width: 100%; height: 615px; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 615px; /* superslide 取值规定必须是具体数值 */ -webkit-background-size: cover; background-size: cover; }
.banner .hd { position: absolute; width: 100%; left: 0; bottom: 0; height: 82px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
background-color: rgba(0,0,0,.5); text-align: center; }
:root .banner .hd { filter: none; }
.banner .hd ul { display: inline-block; *display:inline;
zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 18px; height: 18px; margin: 32px 3px; background-image: url(../images/banner-dot.png); background-repeat: no-repeat; background-position: 0 0; }
.banner .hd .on { background-position: -22px 0; }
.prev,
.next { position: absolute; top: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.tempWrap { margin: 0 auto; }
.banner { position: relative; }
.banner .prev,
.banner .next { width: 74px; height: 76px; margin-top: -38px; }
.banner .prev { background: url(../images/prev.png) no-repeat; left: 2%; }
.banner .next { background: url(../images/next.png) no-repeat; right: 2%; }
/* ==========================================================================
   Content
   ========================================================================== */
.row { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; }
.row-hd { text-align: center; margin-bottom: 40px;  }
.row-hd h2 { font-size: 30px; font-weight: 300; color: #333; position: relative; display  }


.row-hd h2 a {  color: #333;  display: inline-block; position: relative; padding: 0 18px; }
.row-hd .en-txt { font-size: 20px; color: #005bac; text-transform: uppercase; display: inline-block; position: relative;  padding: 10px 15px 0; line-height: 1; }
.row-hd .en-txt em {  display: inline-block; position: relative; padding: 0 10px;  z-index: 2; background: #f4f4f4; }
.row-hd .en-txt:after { content: ""; position: absolute;  width: 100%; height: 17px;  border: 1px solid #666; left: 0; top: 0;   }

.row-hd h2 a:before,
.row-hd h2 a:after { content: ""; position: absolute;  width: 68px; height: 1px; background: #333; font-size: 0; line-height: 0;  top: 50%;    }
.row-hd h2 a:before {  left: -68px;}
.row-hd h2 a:after { right: -68px; }

.r1 {  background-image: url(../images/bg1.jpg); background-color: #8bb4e8;  height: 147px;  color: #fff;}
.r1 .wrapper { padding-top: 42px; }
.r1 h3 { font-weight: 300;   font-size: 24px; }
.r1 .en-txt {  font-size: 14px;  }
.subscribe-form { float: right;}
.subscribe-form  .ui-input {  padding: 10px 19px;  font-size: 14px;  width: 158px;  }

/* pro */
.row-pro { background: #f4f4f4;  padding: 40px 0;}
.row-pro .tab-hd {  background: #fff; height: 40px;   margin-bottom: 22px;}
.row-pro .tab-hd h2 {  float: left; width: 20%; text-align: center; }
.row-pro .tab-hd h2 a { border: 1px solid #dadada;  margin-right: -1px; display: block;  line-height: 40px; height: 40px; font-size: 14px; color: #333;}
.row-pro .tab-hd .on a { border-top: 2px solid #005bac; margin-top: -2px; position: relative; }
.row-pro .pro-list li { float: left; width: 250px; position: relative; }
.row-pro .pro-list li a {  display: block; border: 1px solid #dadada; margin-right: -1px; position: relative;  text-align: center; overflow: hidden;  }
.row-pro .pro-list li a * { -webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;}
.row-pro .pro-list .pic { display: block; text-align: center; margin: 0 25px; padding: 10px 0; height: 230px;  border-bottom: 1px solid #dadada; }
.row-pro .pro-list .pic img { max-width: 100%; max-height: 230px; }
.row-pro .pro-list .txt { display: block; font-size: 16px; line-height: 42px;  color: #333; position: relative; z-index: 2;  }
.row-pro .pro-list li a:hover .txt { color: #fff; background: #005bac;}
.row-pro .pro-list li a:hover .pic { border-bottom: 0 none; margin-bottom: 1px;}
.row-pro .pro-list li  a .more { position: absolute; width: 100%;  line-height: 37px; border: 1px solid #fff; color: #fff; opacity: .8; filter: alpha(opacity=80); width: 134px;  left: 50%;  z-index: 3; margin-left: -68px; font-size: 14px; text-transform: uppercase; top: 100%; }

.row-pro  .pro-list li .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 100%; background: #000; opacity: .4; filter: alpha(opacity=40); z-index: 1; }
:root .row-pro .pro-list li .mask { filter: none; }
.row-pro .pro-list li .ico { position: absolute; width: 60px; height: 60px; background: url(../images/ico-link.png) no-repeat; left: 50%; margin-left: -30px; top: 270px; }
.row-pro .pro-list li  a:hover .mask { top: 0;}
.row-pro .pro-list li  a:hover .more { top: 114px;}


.row-about { height: 381px; background-image: url(../images/bg2.jpg); background-color: #3582e7; color: #fff; }
.row-about .wrapper { padding: 32px 0; }
.row-about a { color: #fff; }
.row-about h2 { font-weight: 300; font-size: 18px; line-height: 37px; height: 37px; margin-bottom: 20px; width: 139px; text-align: center; background: url(../images/bord-bg.png) no-repeat 50% 50%; }
.row-about .col-l { float: left; width: 512px; }
.row-about .col-r { float: right; width: 410px; }
.row-about .about-pic { display: block; height: 310px; position: relative; }
.row-about .about-pic img { width: 100%; height: 100%; }
.row-about .about-pic .ico { width: 60px; height: 60px; background: url(../images/i-play.png) no-repeat 50%; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; }
.row-news { background: #f4f4f4; padding: 50px 0; }
.row-news li { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #fff; }
.row-news li:hover { box-shadow: 1px 1px 10px rgba(0,0,0,.2) }
.row-news li h3 { font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.row-news li h3 a { color: #333; }
.row-news li h3 a:hover { color: #005bac; }
.row-news li .desc { line-height: 1.75; }
.home .news-list { float: right; width: 495px; }
.home .news-list li { background: #fff; margin-bottom: 12px; padding: 15px; }
.home .news-list li .imgArea { width: 116px; height: 88px; margin-right: 20px; }
.home .news-list li h3 { font-size: 14px; margin-bottom: 10px; }
.latest-list { float: left; width: 495px; }
.latest-list li { height: 378px; }
.latest-list li h3 { font-size: 16px; margin-bottom: 20px; }
.latest-list .pic { display: block; height: 232px; }
.latest-list .pic img { width: 100%; height: 100%; }
.latest-list .txt { padding: 26px 12px 10px; }
.latest-list .published { color: #333; margin-left: 25px; }
.row-partner {  margin: 30px 0;  }
.row-partner .prev,
.row-partner .next { font-size: 70px; width: 40px; margin-top: -35px; line-height: 1; color: #c0bebe; font-family: simsun; }
.row-partner .prev { left: 0; }
.row-partner .next { right: 0; text-align: right; }
.row-partner .prev:hover,
.row-partner .next:hover { color: #0125b3; }
.partner-slider { border:  1px solid #d6d6d6; margin-right: -1px; border-right: 0; position: relative;    }
.partner-list li { float: left; width: 200px;    }
.partner-list li  a { display: block;  border-right: 1px solid #d6d6d6; text-align: center;  padding: 4px;   }
.partner-list li img { max-width: 100%; height: 42px; }
.row-support { height: 381px; background-image: url(../images/bg3.jpg); background-color: #2f72cb; color: #fff; }
.row-support .wrapper { padding: 55px 0 0; }
.row-support .row-hd h2 a,
.row-support .row-hd .en-txt {  color: #fff; }
.row-support .row-hd .en-txt:after {border-color: #fff; }
.row-support .row-hd .en-txt em {  background: #2f72cb; }
.row-support .row-hd h2 a:before,
.row-support .row-hd h2 a:after {  background: #fff; }
.access-list li { float: left;  width: 250px;  margin-top: 5px; }
.access-list li a { color: #fff; text-align: center; display: block; }
.access-list li .ico { display: inline-block;  width: 109px; height: 109px; background: url(../images/circle-bg.png) no-repeat 50%; transition: 1s; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.access-list li .ico i,
.access-list li .ico:after { display: inline-block; content: ""; width: 1px; height: 100%; vertical-align: middle; }
.access-list li  .txt { display: block;  margin-top: 18px; font-size: 18px;  }
.access-list li .ico:hover { background-color: #f60;}
/* ==========================================================================
   Footer
   ========================================================================== */
.footer { background: #303030; color: #fff; border-top: 1px solid #222; }
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; color: #fff; }
.footer-bd { padding: 24px 0; border-top: 1px solid #323232; }
.footer-nav { text-align: justify; }
.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.fn-col { display: inline-block; *display:inline;
zoom: 1; vertical-align: top; *padding-right: 100px;}
.fn-col h3 { font-size: 14px; margin-bottom: 10px; }
.fn-col h3 a { }
.fn-col h3 a:hover { }
.fn-col ul { }
.fn-col li { line-height: 30px; }
.fn-col li a { color: #e7e7e7; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
.fn-col li a:hover { color: #fff; }
.qr-col { *padding-right: 0;}
.qr-col .social { border-top: 1px solid #242424; padding: 8px 0; width: 105px; }
.qr-col .social a { float: left; width: 25px; height: 25px; background-image: url(../images/social-sprite.png); background-repeat: no-repeat; margin: 0 5px 12px; text-indent: -9999px; overflow: hidden; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s; }
.qr-col .social a:hover { opacity: .8; }
.qr-col .social .item1 { background-position: 0 0; }
.qr-col .social .item2 { background-position: -35px 0; }
.qr-col .social .item3 { background-position: -71px 0; }
.qr-col .social .item4 { background-position: 0 -37px; }
.qr-col .social .item5 { background-position: -35px -37px; }
.qr-col .social .item6 { background-position: -71px -37px; }
.qr-pic { padding: 2px; width: 100px; background: #fff; text-align: center; }
.qr-pic img { width: 100px; height: 100px; }
.footer-ft { padding: 12px 0; border-top: 1px solid #242424; }
.admin-link { margin-left: 20px; }