/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #555; }
a:hover { color: #0075c1; }
body { color: #555; font: 12px/1.6; font-family:Arial; background: #fff; }
.head{ width:100%; background:url(../images/hdbg.jpg); height:103px;}
.clear{ clear:both;}
.wrapper { width: 1000px; margin-left: auto; margin-right: auto;  }
 [class*=icon] {
padding-right: 5px;
}
/* arrow */
.arrow { position: absolute; top: 50%; margin-top: -4px; left: 10px; }
.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: #e60012; }
.dropdown .arr-r em { border-left-color: #555; }
.dropdown .arr-r span { border-left-color: #fff; }
.dropdown li:hover .arr-r em { border-left-color: #0075c1; }
.sidenav .arr-r { top:14px; margin:0; left:15px; }
.sidenav .arr-r em { border-left-color: #555; }
.sidenav .arr-r span { border-left-color: #fff; }
.sidenav li:hover .arr-r em,
.sidenav .active .arr-r em { border-left-color: #fff; }
.sidenav li:hover .arr-r span,
.sidenav .active .arr-r span { border-left-color: #59a9de; }



/* ==========================================================================
   Header
   ========================================================================== */
header { height: 100px; position: relative; z-index: 999; }
/* logo */
.logo { position: absolute; padding: 28px 0 0 10px; }
.lang { padding: 18px 0 3px 0; text-align: right; }
.lang a { display: inline-block; line-height: 19px; background: url(../images/lang-bg.gif) no-repeat; width: 76px; text-align: center; margin-left: 15px; }

.lang  .key{ background:url(../images/key.png) no-repeat; width:180px; height:26px; line-height:26px; text-indent:1em; border:none; position:absolute;top:50px; right:40px;}
.lang  .an{ background:url(../images/sos.png) no-repeat; width:51px; height:26px; border:none; position:absolute; right:0px; top:50px;}



.navbar { position: absolute; right: 0; bottom: 0; z-index: 999; }
/* primary */
.globalnav { }
.globalnav li { float: left;  position: relative; z-index: 999; background: url(../images/nav-separator.gif) no-repeat 100%; padding-right: 1px; line-height: 60px; }
.globalnav li a { display: block; padding: 0 22px; font-size:16px;}
.globalnav li a:hover,
.globalnav .active a,
.globalnav .active { color: #0075c1; }
/* secondary */
.dropdown:after { display: block; content: ""; position: absolute; top: -15px; left: 50%; margin-left: -5px; border: 5px dashed transparent; overflow: hidden; border-top-style: solid; border-top-color: #0075c1; z-index: 999; }
.dropdown { position: absolute; left: 50%; margin-left: -140px; top: 100%; z-index: 999; padding: 10px 15px; background: #fff; min-width: 250px; _width: 250px; border-bottom: 1px solid #0075c1; border-top: 1px solid #a5c1cb; display: none; }
.dropdown li { background: none; float: none; line-height: 28px; height: 28px; }
.dropdown li a { display: block; font-size:12px;min-width:250px; _width:250px;  }
.dropdown li a:hover { }
.dropdown .imgArea { float: left; padding: 0; }
.dropdown .imgArea img { width:100px; height:100px;}

/* ==========================================================================
   Nav
   ========================================================================== 
.navbar { position: absolute; right: 0; bottom: 0; z-index: 999; top:44px; }

.globalnav { }
.globalnav li { float: left; position: relative; z-index: 999; padding-right: 1px; line-height: 60px; }
.globalnav li a { display: block; padding: 0 21px; font-size:15px;}
.globalnav li a:hover,
.globalnav .active a,
.globalnav .active { color: #0075c1; }

.dropdown { position: absolute;  left:-24px; top:57px; z-index: 999; background: #fff; opacity: 0.94; min-width: 150px; _width: 150px;  display: none; }
.dropdown li { background: none; float: none; line-height: 35px; height: 35px; padding:0px; margin:0px; text-align:center; border-bottom:1px solid  #E4E4E4; }
.dropdown li a { display: block;   font-size:13px; font-weight:500;}
.dropdown li a:hover { background-color:#0291d7;  color:#fff;}
.dropdown .imgArea { float: left; padding: 0; }
.dropdown .imgArea img { width:100px; height:100px;}*/

.dropdown ul { overflow: hidden; *zoom:1; z-index:10000;}
#gn_06 { padding-right: 0; background: none; }
#gn_06 a { padding-right: 0; }
#gn_06 .dropdown:after {   left:auto; right:15px; margin-left:0;}
#gn_04 .dropdown {  min-width: 430px; _width: 430px;   margin-left: -230px;}
#gn_04 .dropdown li { width:150px; float:left;  }

/* ==========================================================================
   Banner
   ========================================================================== */
.banner {  height: 450px; position: relative; z-index:1; }
.imgjs { position: relative; z-index: 1; height: 450px; width: 100%; }

.imgjs li { position: absolute; width: 100%; height: 450px; left: 0; top: 0; }
.control { position: absolute; z-index: 20; width: 110px; height: 13px; left: 50%; margin-left: -55px; bottom: 40px; }
.control li { float: left; width: 13px; height: 13px; margin-right: 16px; }
.control li a { display: block; width: 13px; height: 13px; background: url(../images/b_listc.png) 0 0 no-repeat; }
.control li a:hover { background: url(../images/b_lista.png) 0 0 no-repeat; }
.control li.now a { background: url(../images/b_lista.png) 0 0 no-repeat; }

#new{ width:100%; height:39px;  border-bottom:1px solid #e4e4e4;}
.new{ width:1000px; height:39px; margin:0 auto;}
.new_left{ float:left; line-height:39px; overflow:hidden; height:39px; display:block;color:#009ce8;}
.new_left strong{ font-size:13px; color:#a61f23; display:block; float:left;padding-right:10px;}
.new_left a{ float:left; display:block; padding-right:20px; color:#009ce8;}
.new_right{ float:right; padding-top:3px; display:block;}



/* ==========================================================================
   Content
   ========================================================================== */
   
   
.content { padding: 20px 0; }
.mod { float: left; }
.mod1 { width: 400px; }
.mod2 { width: 340px; }
.mod3 { width: 260px;  }
.mod4 { width: 260px; color:#999;s }
.mod-wrap { padding-right: 25px; }
.mod-hd { height: 30px; line-height: 30px; background: url(../images/tbd.jpg) no-repeat; background-position:bottom;  }
.mod-hd h2 { float: left; }
.mod-hd h2 a { color: #0075c1; font: 15px microsoft yahei;  font-weight:bold;}
.mod-hd .more { float: right; background: url(../images/i-arr1.jpg) no-repeat 0px 10px; padding-left: 12px;  color: #999; font-size:10px}
.mod-bd { height: 190px; padding: 10px 0px; overflow: hidden; line-height:23px ;font-size:13px}
/* mod1 */
.mod1 .mod-hd {  }
.mod1 .mod-hd h2 {  width: 151px;  line-height: 29px; margin-bottom: 1px; color: #999;  font-weight:500;}
.mod1 .about-pic { padding-right: 10px; }
/* mod2 */
.mod2 {  }
.mod2 .mod-hd { }
.mod2 .mod-hd h2 {color: #999;  font-weight:500; }
.news-list { }
.home .news-list li {  line-height: 30px; height:30px;  border-bottom:1px dashed #dbdbdb; font-size:13px  }
.news-list li a { }
.news-list li span { float: right; }
.news-list li:hover { background-position: 0 -14px; }
/* mod3 */
.mod3 {height: 220px; }
.mod3 .mod-hd h2 {   color: #999;  font-weight:500;}
.mod3 .mod-wrap {   padding:0px; }
.mod3 .mod-wrap img { width: 258px; height: 180px; }
/* mod3 */
.mod4 {height: 220px;margin-top:20px;  }
.mod4 .mod-hd{background: url(../images/ct.jpg) no-repeat;background-position:bottom;}
.mod4 h2 { font-weight:500; color:#999; }
.mod4 h2 a{ font-weight:500; font-size:15px; color:#bc2d23; font-weight:bold;}
.mod4 .mod-hd .more { float: right; background: url(../images/i-arr2.jpg) no-repeat 0px 10px; padding-left: 12px;  color: #999; font-size:10px }
.mod4 .mod-wrap {   padding:0px; }

.video{ padding-top:10px;}
/* rollBox */
.s2 { position: relative; width: 715px; margin-top: 20px; color: #999; font-weight:500; float:left;margin-right: 25px;}
.s2 h2{ font-weight:500;  }
.s2 h2 a{  color:#bc2d23; font-weight:bold;;}
.s2_prev,
.s2_next { cursor: pointer; position: absolute; top: 10px; width: 0; height: 0;  overflow: hidden; }
.s2_prev {left: 0px; top:90px; background:url(../images/prev.jpg); width:24px; height:58px;}
.s2_next { right: 0px; top:90px; background:url(../images/next.jpg); width:24px; height:58px;}
.s2_prev:hover { border-right-color: #0075c1; }
.s2_next:hover { border-left-color: #0075c1; }
.s2_mask { width: 615px; overflow: hidden; position: relative; margin:0px auto; }
.s2_mask div { float: left; }
.s2_mask li { float: left; margin: 0 25px 0 0; width: 188px; }
.s2_mask a.pic { display: block; width: 100%; height: 140px; }
.s2_mask a.pic img { width: 100%; height: 100%; }
.s2_mask a.txt { display: block; line-height: 30px; position:absolute; width: 188px; font-size:13px; 
        background-color:#000;
      filter:alpha(opacity=40);  
      -moz-opacity:0.4;  
      -khtml-opacity: 0.4;  
      opacity: 0.4;  text-align:center; color: #fff; top:110px;}
.s2_mask .txt .en { color: #999; font-size: 10px; }
.s2 .mod-hd { margin-bottom: 15px; background: url(../images/ct.jpg) no-repeat; background-position:bottom;  }
.s2 .mod-hd .more { float: right; background: url(../images/i-arr2.jpg) no-repeat 0px 10px; padding-left: 12px;  color: #999;font-size:10px }
/* ==========================================================================
   Footer
   ========================================================================== */
/* 友情链接 */
.layout{ width:1000px;  margin:0px auto;}
.friendlink{ height:183px; background: url(../images/footbg.jpg);}
.friendlink li {  float: left;  margin-left:12px;  display: inline;  width: 170px;  margin-top:20px; }
.friendlink li dt{ padding-bottom:5px; font-size:14px; color:#333; font-weight:bold;}
.friendlink li dd{ line-height:23px;}
.friendlink li dd a{ font-size:13px; color:#666;}
.friendlink li dd a:hover{ font-size:13px;  color: #0075c1; }
.friendlink li.concat{ width:100px; text-align:center;margin-right:0; margin-left:40px;}
.friendlink li.concat h2{ padding-bottom:5px; font-size:14px; }
.friendlink li.concat p{ padding-bottom:13px; font-size:12px; margin-top:5px; }
.friendlink li.last{ margin-right:0;}

.footer{  width:100%; height:43px; background-color:#4f4f4f; }
.footer .copy{ width:1000px; margin:0px auto; line-height:43px; font-size:12px; color:#fff;}


#nei_banner{ width:100%; height:241px;margin:0 auto; padding-top:0px }
.nei_banner{ width:100%;margin:0 auto ; padding-top:0px }

.comy{ width:1000px; margin:0 auto; padding:18px 0px 50px 0px;  }
.comy_left{ float:left; width:196px; border:1px solid #dedede; }
.comy_left1{ width:196px; }
.comy_left_title{width:196px;  height:35px; line-height:35px; background:url(../images/menut.jpg) no-repeat; text-indent:25px;  font-size:13px;}
.comy_left_title strong{ font-size:15px;  color:#333; }
.comy_left2{ width:196px; background:url(../images/menubg.jpg) repeat-y;}
.comy_left2 ul{ padding-top:15px;margin:0 auto;}
.comy_left2 ul li{ width:197px; height:auto!important; height:35px; min-height:31px; margin:0 auto;background:url(../images/menub2.jpg) no-repeat; background-position:10px center; font-size:12px}
.comy_left2 ul li a{  margin:0px auto; width:197px; height:35px; line-height:35px; text-indent:20px; display:block;  background:url(../images/line.jpg) no-repeat; background-position:bottom;}
.comy_left2 ul li a:hover{ color:#01a1f9; }
.comy_left2 ul li:hover{background:url(../images/menub1.jpg) no-repeat; background-position:10px center;}
.comy_left2 ul li ul{ padding:0px;}
.comy_left2 ul li ul li{  width:196px; height:38px; line-height:38px; background:url(../images/nav1.jpg)}
.comy_left2 ul li ul li a{ background:none;width:196px; height:38px; line-height:38px; text-indent:45px;  display:block;}
.comy_left2 ul li ul li a:hover{ background:none; color:#085196; font-weight:500;}
.comy_left2x{ background:url(../images/menub1.jpg) no-repeat !important; background-position:10px center !important; }
.comy_left2x a{color:#01a1f9 !important;}
.comy_left3{ width:196px; height:70px;}
.comy_left3 dl{ margin:50px 0px 0px 15px;}
.comy_left3 dd{ float:left;}
.comy_left3 dt{ float:left;}
.comy_left3 dd span{ display:block; margin-left:8px; margin-top:5px; color:#333; font-size:13px}
.comy_left3 dd strong{ display:block; color:#0096e2;margin-left:8px; font-size:18px; font-family:"Impact"}

.comy_right{ width:746px; float:right;  }
.comy_right1{ width:746px; height:52px; background:url(../images/navt.png) no-repeat; background-position:bottom; }
.comy_right1 strong{ float:left; line-height:22px; font-size:16px;  padding-top:3px; color:#01a1f9;}
.comy_right1 span{float:right;  padding-top:8px; padding-right:15px;background:url(../images/home.jpg) no-repeat; background-position:left 11px; text-indent:18px; }
.comy_right2{ line-height:24px; padding-top:10px; font-size:14px}

.news-list1{ padding:15px; }
.news-list1 .news-tit{ text-align:center; font-size:16px; font-weight:bold;}
.news-list1 .das{ text-align:center; margin-top:15px;}
.news-list1 .news-list-box{ margin-top:15px; line-height:25px;}


/* pro */
.pro-list { margin-right: -30px; }
.pro-list li { float: left; width: 237px; padding: 0 15px 0 0; }
.pro-list .thumbnail { display: block; width: 238px;  height: 160px; border:1px solid #e0e0e0; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) }
.pro-list .thumbnail img { width: 100%; height: 100%; }
.pro-list .caption { line-height: 40px; text-align: center; font-size:13px }

/*选项卡*/
/* tabbox */
.tabbox{width:100%;margin:30px auto;position:relative;overflow:hidden;}
.tabbox .tabbtn{height:34px; border-bottom:solid 3px #cdcdcd;}
.tabbox .tabbtn li {float:left;position:relative;border-top:2px solid #767676;border-right:solid 1px #cdcdcd;border-left:solid 1px #cdcdcd; background: #fff; width: 90px; margin-right: 9px; border-bottom: none;}
.tabbox .tabbtn li span{display:block;float:left;height:32px;line-height:35px;overflow:hidden;width:90px;text-align:center;cursor:pointer; color: #767676; }
.tabbox .tabbtn li.current{border-top:solid 2px #0062c4; border-bottom: none;}
.tabbox .tabbtn li.current span{ height:35px;line-height:35px; font-size:13px;background:#fff;color:#0062c4; text-align: center; font-weight:bold }

.tabcon{ /*line-height:50px;*/ padding-left:2em; padding-top:30px; padding-bottom:1px;}

/* 分页样式*/
.paginator
{
    font: 11px Arial, Helvetica, sans-serif;
    padding: 10px 20px 10px 0;
    margin: 0px;
}
.paginator a
{
    padding: 1px 6px;
    border: solid 1px #ddd;
    text-decoration: none;
    margin-right: 2px;
    color: Gray;
    font-size: 12px;
}
.paginator a:visited
{
    padding: 1px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
}
.paginator .cpb
{
    padding: 1px 6px;
    font-weight: bold;
    font-size: 13px;
    border: none;
}
.paginator a:hover
{
    color: #fff;
    background: #ffa501;
    border-color: #ffa501;
    text-decoration: none;
}

