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

   Global

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

html { font-size: 62.5%; }

a { color: #555; }

a:hover { color: #037dc0; }

body { color: #555; font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; }

.wrapper, .row { width: 980px; margin-left: auto; margin-right: auto; }

.wrapper:after, .row:after { content: ""; display: table; clear: both; }

/* 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

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

header { min-width: 980px; background: url(../images/header-bg.gif) repeat-x 0 100%; }

header .wrapper { height: 83px; position: relative; z-index: 99; }

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

.lang { color: #037dc0; position: absolute; top: 14px; line-height: 25px; right: 228px; }

.lang .fa { font-size: 16px; padding-right: 10px; line-height: 25px; }

.lang .lang-txt, .lang a { float: left; color: #037dc0; background-repeat: no-repeat; background-image: url(../images/lang-bg.png); height: 25px; text-indent: -9999px; overflow: hidden; }

.lang a:hover { text-decoration: underline; }

.lang .lang-txt { width: 60px; background-position: -25px 4px; }

.lang .cn { width: 28px; background-position: -92px 4px; margin: 0 6px 0 9px; }

.lang .en { width: 59px; background-position: -124px 4px; }

.lang a:hover { opacity: 0.8; }

/* search */

.globalsearch { position: absolute; top: 14px; right: 20px; border: 1px solid #d3d9dd; }

.globalsearch #q, .globalsearch .search-btn { float: left; border: 0 none; }

.globalsearch #q { width: 120px; height: 19px; padding: 2px 57px 2px 10px; line-height: 19px; background: #fff; }

.globalsearch .search-btn { width: 56px; padding-right: 2px; margin-left: -56px; height: 23px; line-height: 23px; cursor: pointer; background: #037dc0 url(../images/search-btn.gif) no-repeat; color: #fff; font-family: microsoft yahei; }

 .globalsearch :-moz-placeholder {

 color: #0b5486;

 font-family: microsoft yahei;

}

.globalsearch ::-moz-placeholder {

 color: #0b5486;

 font-family: microsoft yahei;

}

.globalsearch ::-webkit-input-placeholder {

 color: #0b5486;

 font-family: microsoft yahei;

}

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

   Nav

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

.navbar { min-width: 980px; position: relative; z-index: 999; background: #2a7157 url(../images/nav-bg.gif) repeat-x; margin-bottom: 2px; }

/* primary */

.globalnav { position: absolute; right: 0; bottom: -1px; }

.globalnav li { float: left; margin: 0 1px; }

.globalnav li a { display: block; color: #000; padding: 5px 16px 4px; font-size: 14px; line-height: 35px; height: 35px;/* _height: auto; width: 56px;overflow: hidden; */}

.globalnav .nav-sep { width: 2px; height: 44px; background: url(../images/nav-sep.gif) no-repeat 0; }

.globalnav li .active1 { color: #037dc0; padding: 5px 16px 0; border-bottom: 4px solid #037dc0; }

.globalnav .active a { color: #037dc0; background: #fff; border-style: solid; border-width: 1px 1px 0; border-color: #e8edf1; padding: 4px 15px; position: relative; z-index: 1010; _position: static; }

.globalnav .dropdown { position: absolute; z-index: 999; display: none; background: #fff; padding: 30px; border: 1px solid #e8edf1; top: 43px; width: 320px; }

.globalnav .dropdown .dd-l { float: left;  }

.globalnav .dropdown .dd-r { float: right; width: 190px; height: 127px; }

.globalnav .dropdown .dd-r a, .globalnav .dropdown .dd-r a img { padding: 0; border: 0 none; display: block; width: 191px; height: 127px; }

.globalnav .dropdown .dd-l a { white-space: nowrap; line-height: 2; height: auto; font-size: 13px; color: #333; padding: 0 0 0 18px; border: 0 none; background: url(../images/dd-arr.gif) no-repeat 0; }

.globalnav .dropdown .dd-l a:hover { color: #037dc0; }

#gn_02 .dropdown,

#gn_06 .dropdown,

#gn_07 .dropdown,

#gn_08 .dropdown { right: 0; }



.pronav li{   

   float:left;

   width: 31.6%;

   height: 108px;

   overflow: hidden;

   padding: 0 20px 20px 0;



}

.pronav li.last{   

   padding-right: 0;



}



.pronav  li a img{

}



.pronav  li .pronav-intro{

   padding-left: 120px;

}



.dropdown .pronav li a{

   display:block;

   position: absolute;

   padding: 0;

   border: 0;   

   width: auto;

   height: auto;

}



.pronav  li .pronav-intro a{

   line-height: 24px;

   font-weight: bold;

   position:static;

}





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

   banner

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

.banner { position: relative; overflow: hidden; min-width: 980px; width: 100%; height: 240px;background-color: #037dc0; }

.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 355px; /* superslide 取值规定必须是具体数值 */ }

.banner .hd { position: absolute; left: 50%; bottom: 15px; margin-left: -30px; }

.banner .hd li { float: left; cursor: pointer; width: 10px; height: 10px; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #bbb; }

.banner .hd .on { border-color: #037dc0; }

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

   Content

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

.notice-bar { background: url(../images/notice-bg.gif) repeat-x; min-width: 980px; height: 46px; line-height: 41px; color: #037dc0; }

.notice-bar a { color: #037dc0; }

.notice-bar a:hover { text-decoration: underline; }

.notice-bar h2 { float: left; font-size: 14px; font-weight: 300; padding-right: 18px; }

.notice-bar h2 .fa { font-size: 18px; line-height: 41px; padding-right: 12px; }

.notice-list { float: left; width: 700px; height: 41px; overflow: hidden; }

.notice-list li { float: left; display: inline; margin-right: 34px; width: auto !important; }

.notice-bar .more { float: right; }

.notice-bar .tempWrap { width: 700px !important; }

.row { margin-bottom: 25px; }

/* mod */ 

.r1 { margin-bottom: 30px; color: #000; }

.r1 a:hover { color: #037dc0; }

.mod-hd { line-height: 50px; height: 50px; overflow: hidden; border-bottom: 1px solid #d6dee4; margin-bottom: 15px; }

.mod-hd h2 { float: left; font-weight: 300; padding-left: 20px; }

.mod-hd h2 a { color: #037dc0; font-size: 14px; }

.mod-hd h2 .fa { padding-right: 12px; font-size: 18px; line-height: 50px; }

.mod-hd .more { float: right; color: #666a6d; }

.mod-bd { overflow: hidden; }

.col { float: left; }

.col-l { width: 222px; }

.col-m { width: 442px; display: inline; margin-left: 25px; }

.col-r { float: right; width: 266px; }

/* cat */

.mod-cat .mod-hd { margin-bottom: 6px; }

.cat-list li { border-bottom: 1px solid #d6dee4; line-height: 20px; padding: 7px 20px 7px 48px; background: url(../images/cat-arr.png) no-repeat 26px; }

.cat-list li a { font-size: 14px; color: #000; }

.cat-list li a:hover { color: #037dc0; }

.cat-list li:last-of-type { border-bottom: 0 none; }

.mod-about .mod-hd { margin-bottom: 27px; }

.mod-about .imgArea { width: 153px; height: 111px; margin: 0 20px 0 15px; }

.mod-about .txtArea { line-height: 2; }

/* partner */

.partner-list { padding: 0 5px; }

.partner-list li { float: left; width: 62px; margin: 0 5px; }

.partner-list .pic { display: block; width: 100%; height: 54px; margin-bottom: 10px; }

.partner-list .pic img { width: 100%; height: 100%; }

.mod-contact .mod-hd .fa { font-size: 16px; }

.contact-area { background: url(../images/contact-bg1.gif) no-repeat 100% 100%; }

.mod-contact h4 { font-weight: 300; font-size: 14px; padding-left: 15px; background: url(../images/arr1.gif) no-repeat 4px; }

.contact-area h4 { color: #037dc0; margin-bottom: 5px; }

.contact-area p { padding: 0 15px; }

.qq-area { border-bottom: 1px dashed #ccc; padding: 15px 0; margin-bottom: 20px; }

.qq-area h4, .qq-area a { float: left; }

.qq-area a { margin-left: 4px; }

.tel-area p { padding-left: 15px; }

.tel-area-hd { margin-bottom: 10px; }

.tel-area-hd h3 { font-weight: 300; font-size: 16px; background: url(../images/arr2.gif) no-repeat 0; color: #c10a0a; padding-left: 15px; float: left; }

.tel-area-hd .more { float: right; color: #c10a0a; text-decoration: underline; }

.tel-area-hd .more .fa { padding-right: 5px; font-size: 14px; }

.quick-list { /*margin-top: 20px;*/ }

.quick-list li a { display: block; height: 54px; border: 1px solid #e9eef2; font-size: 16px; text-align: center; padding: 12px 130px 0 0; color: #000; }

.quick-list li a .fa { display: block; color: #037dc0; font-size: 16px; }

.quick-list .item1 a { background: url(../images/ql-pic2.gif) no-repeat 90% 100%; }

.quick-list .item2 a { border-top: 0 none; background: url(../images/ql-pic2.gif) no-repeat 90% 100%; }

.row-hd { border-bottom: 3px solid #2988c5; line-height: 38px; height: 38px; margin-bottom: 20px; overflow: hidden; }

.row-hd h2 { float: left; font-weight: 300; border-style: solid; border-width: 1px 1px 0; border-color: #ededed; padding: 0 16px; line-height: 37px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.row-hd h2 a { color: #2988c5; font-size: 14px; }

.row-hd .more { float: right; color: #037dc0; font-size: 14px; margin-right: 35px; }

.i-rcmd { color: #fff; background: #d00; margin-left: 6px; padding: 0 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* pro */

.home .pro-list { }

.home .pro-list li { float: left; width: 166px; display: inline; margin: 0 10px; }

.home .pro-list .pic { display: block; width: 100%; height: 142px; }

.home .pro-list .pic img { width: 100%; height: 100%; }

.home .pro-list .caption { line-height: 32px; text-align: center; font-size: 14px; }

.tempWrap { margin: 0 auto; }

.pro { position: relative; *zoom:1;

padding: 0 25px; }

.pro .prev, .pro .next { position: absolute; cursor: pointer; width: 14px; height: 112px; top: 15px; }

.pro .prev { background: url(../images/prev.gif) no-repeat; left: 2px; }

.pro .next { background: url(../images/next.gif) no-repeat; right: 2px; }

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

   Footer

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

footer { min-width: 980px; padding: 20px 0; background: #e8edf1; font-size: 13px; text-align: center; }

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