@charset "utf-8";
/* CSS Document */
/* head
----------------------------------------------------------------------------------------------------*/
.font14{font-size:14px;}
*{ padding:0; margin:0}
.pointer li span{ cursor:pointer}
body{font-family:"宋体"; font-size:12px; min-height:500px;color:#1F90CA;background:#015989}
.floatleft{ float:left}
.floatright{ float:right}
.clear{ clear:both; height:0px; overflow:hidden}
.center{ text-align:center}
a{ color:#fff}
.center{ text-align:center;}
h2 a{ font-weight:bold; font-size:12px; color:#441750; line-height:24px;}


#top{ width:100%;background:url(../images/top.jpg) top center repeat-x}
.topMain{ width:980px; margin:0 auto; }
.top{width:980px; float:left; height:54px;padding-top:16px;}
.logo{ float:left;}
.search_i{ float:right; width:268px; height:29px; padding:6px 0 0 12px; background:url(../images/search.png) top center no-repeat }
.search_text{float:left; width:200px;color:#fff; height:24px;border:0; background:none;line-height:20px; margin-right:5px;}
.search_i img{ vertical-align:middle; float:left;}
/*------search-------*/
.search01{ float:right; width:268px; height:35px; margin:0px 30px 0 0;background:url(../images/search.png) top center no-repeat }
.search02{ float:left;}
.search02 input.search03{ float:left; width:141px; font-size:12px; color:#000; font-family:'微软雅黑'; height:35px; line-height:35px;background:none;  border:none; border:0; padding-left:5px; }
.search01 input.search04{  float:right; width:30px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:35px;border:none; border:0; background: url(../images/search_but.gif) no-repeat center center;  cursor:pointer;}



.search05{ float:left; width:82px; margin-left:2px;}
.jslct { float:left;color:#000;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:12px;position:relative;vertical-align:middle;cursor:default; width:60px; padding-right:22px; height:35px; line-height:35px; background: url(../images/select.jpg) no-repeat  center;z-index:0;}
.jslct_hover {}
.jslct div.jslct_t {position:relative; z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal;margin:0;padding:0 ;display:block; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}

.jslct dl {background:#159CDA;position:absolute;top:35px;left:0px;cursor:default; width:66px; overflow:hidden;z-index:1;display:none; font-size:12px;}
.jslct_hover dl {}
.jslct dl dd { text-align:center;line-height:24px; white-space:nowrap;cursor:pointer;background:#159CDA;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#fff}
.jslct dl dd:hover {color:#fff; }
.jslct dl dd.hover {color:#fff; }
.jslct .jslcted {}
.jslct dl dd.noborder {}


/*首页头部banner*/
.banner{height:469px; width:100%; margin:0 auto; overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:469px; background-size:cover; background-position:center center; float:left;}
.banner .ctrl{position:absolute; z-index:99; bottom:40px; right:0;    text-align: center;
    width: 100%;
}
.banner .ctrl div{width:14px; height:14px;display:inline-block;background-color:none; border-radius:100%; margin-left:10px; cursor:pointer;border:2px solid #ccc;}
.banner .ctrl div.now{border:2px solid #fabe00;}
.banner .prev{display:none;width:42px; height:90px; background-image:url(../images/arrow_left.png); position:absolute; z-index:10; left:177px; bottom:50%; margin-bottom:-45px; cursor:pointer;}
.banner .next{display:none;width:42px; height:90px; background-image:url(../images/arrow_right.png); position:absolute; z-index:10; right:177px; bottom:50%; margin-bottom:-45px; cursor:pointer;}

/* menu
----------------------------------------------------------------------------------------------------*/

#menu {float:left;width:100%; height:79px;background:url(../images/menubg.jpg) top center repeat-x }
#nav { margin:0 auto; width:1004px;height:79px;}
#nav .mainlevel {  float:left;height:79px; width:100px;padding:0 5px;}
#nav .mainlevel a { display:block;width:100px;height:79px;  font-size:14px; text-align:center;}
#nav .mainlevel a:hover{background:url(../images/navhover.jpg) top center no-repeat; }
#nav .mainlevel .current{background:url(../images/navhover.jpg) top center no-repeat; }
#nav .mainlevel a div{width:100px;height:79px; float:left; cursor:pointer}
.index{background:url(../images/menuword.png) -2px 20px no-repeat;}
.about{background:url(../images/menuword.png) -114px 20px no-repeat;}
.news{background:url(../images/menuword.png) -224px 20px no-repeat;}
.product{background:url(../images/menuword.png) -337px 20px no-repeat;}
.case{ background:url(../images/menuword.png) -451px 20px no-repeat;}
.honor{ background:url(../images/menuword.png) -562px 20px no-repeat;}
.xhr{ background:url(../images/menuword.png) -678px 20px no-repeat;}
.xbook{ background:url(../images/menuword.png) -789px 20px no-repeat;}
.xcontact{ background:url(../images/menuword.png) -897px 20px no-repeat;}

.notice{width:100%; float:left; margin-bottom:38px;background:url(../images/noticebg.gif) left top repeat-x; height:46px; line-height:46px }
.noticecon{width:980px; margin:0 auto;color:#CDCFCC}
.notice b{ float:left; width:140px;height:46px; display:block;background:url(../images/noticeico.gif) left top no-repeat}
.notice marquee{ float:left; width:400px; padding-left:100px;}
.tel{float:right; width:290px;height:46px; display:block;background:url(../images/tel.gif) left center no-repeat }

/* indMain
----------------------------------------------------------------------------------------------------*/
.indMain{ margin:0 auto; width:980px;}
.product_i{float:left;width:980px; margin-bottom:40px;}
.product_i_t{float:left;width:980px; height:24px; background:url(../images/product_t.jpg) no-repeat top left; padding-top:38px;  }
.more_i{float:right;background:url(../images/more_ico.png) no-repeat 0 center;padding-left:22px; line-height:13px;}
.product_icon{float:left;width:980px; height:400px; background:url(../images/product_bot.jpg) no-repeat bottom center #1B6A95;  }
.product_icon ul{float:left;width:980px; padding-top:12px; height:388px;background:url(../images/product_top.jpg) no-repeat top left}
.product_icon ul li{float:left;margin-top:22px; padding:0 13px 0 35px; width:191px; height:150px; }
.proimg { border:4px solid #fff;float:left; margin-bottom:4px;}
.proname{float:left; width:175px; padding-left:14px;height:21px;line-height:21px; background:no-repeat  165px center  #509BBB;color:#BDE7FF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proname:hover{ background:url(../images/pro_ico.png) no-repeat  165px center #284E63 }
.news_i{float:left;width:629px; height:274px; padding-right:28px; }
.news_i_t{float:left;width:629px; height:24px; background:url(../images/news_i.jpg) no-repeat top left; padding-top:38px;  }
.news_icon{float:left;width:589px; padding:20px; height:169px; background:#146695;}
.newsimg{float:left;border:1px solid #E1E3E0; margin-top:11px; margin-right:19px;padding:2px; background:#fff; }
.news_icon h2 a{ color:#95D9FE; font-size:14px;float:left; width:300px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news_icon .title_intr{ float:left; width:340px; color:#BCE8FF; line-height:25px;}
.news_icon ul{ float:left; width:350px; }
.news_icon li{ float:left;width:347px; padding-top:18px; color:#BCE8FF }
.news_icon li .fl{float:left;background:url(../images/newsico.gif) 8px 4px no-repeat; padding-left:26px; width:240px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_icon li a{ color:#BCE8FF;}

.contact_i{float:left;width:320px; height:274px; }
.contact_i_t{float:left;width:320px; height:24px; background:url(../images/contact_i.jpg) no-repeat top left; padding-top:38px;}
.contact_i_t a{ float:left;width:200px; height:20px;}
.contact_icon{float:left;width:280px; line-height:30px; overflow:hidden; color:#BDE7FD; padding:12px 20px 0; height:197px; background:#146695;}
.case_i{ float:left;width:100%; height:344px; padding-top:23px;background:url(../images/row3.gif) repeat top left; margin-top:40px; border-top:1px solid #363636;border-bottom:1px solid #363636 }
.case_icon{width:980px; margin:0 auto;  }
.case_i_t{float:left; width:980px; height:35px; background:url(../images/case_title.jpg) no-repeat top left; padding-top:37px;}
.casemain{ float:left;width:980px;height:225px;background:url(../images/casemain.jpg) no-repeat center bottom #4B4B4B; }
.casemainCon{float:left;}
.service_icon{float:left;width:958px; height:220px; background:#5AB4D7;margin-left:12px;}

.left{ width:25px; float:left; padding-left:10px; padding-right:5px;height:40px; padding-top:100px;}
.right{ width:25px; float:left; padding-right:3px;height:20px; padding-top:100px;}
.partFourCon{ width:900px; float:left; padding-top:34px;}
.partFourCon li{float:left; width:200px; margin:0 10px; display:inline; height:155px; text-align:center; font-weight:bold; background:#FFF; border:1px solid #015989}
.caseproimg{float:left;width:200px;text-align:center; padding-top:4px;}
.caseproimg img{ margin:0 auto}
.caseproname{float:left;width:191px; }
 /*Webkit and Opera*/ @media all and (min-width:0px){ .caseproname a{text-indent:-1em;} }
 /*Firefox*/ @-moz-document url-prefix() {.caseproname a{text-indent:0} } 
.caseproname a{ width:167px; height:21px; font-weight:normal;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;  float:left; padding-left:24px; line-height:21px; color:#015989; background: url(../images/news_ico.gif) 6px 7px no-repeat;}

/* boot
----------------------------------------------------------------------------------------------------*/
.foot_x{width:100%; float:left;height:241px; text-align:left;background:#363636;color:#878787;}
.foot_x a{color:#878787; }
.f_link{ float:left;height:49px; margin-bottom:33px; line-height:49px;width:100%;text-align:left;background:url(../images/flinkbg.gif) repeat-x top left;}
.f_linkcon{ width:980px; margin:0 auto; }
.f_linkcon b{ float:left;background:url(../images/flink_title.gif) no-repeat center left; width:86px; }
.f_link a{ padding:0 12px;  }
.bottomnav a{padding:0 12px; border-right:1px solid }
.bootTxt{ width:980px; margin:0 auto; line-height:35px;}
.bootTxt a{ line-height:37px;}
.bottomnav{width:100%;float:left; height:38px; line-height:38px;margin-bottom:30px; }
.bottomnavcon{width:1000px; margin:0 auto; }

/* 二级页面
-----------------------------------------------------------------------------------------------------*/
.fyMain{ width:980px;margin:0px auto 0}
.wrap{width:980px;float:left;padding-bottom:25px;}
.fyLeft{ float:left;width:220px;overflow:hidden; margin-right:38px;}
.l_contact{float:left; background:#146695; width:200px; padding:10px; color:#fff; line-height:30px; }

.l_news{float:left;width:210px; margin-bottom:30px; margin-top:10px; }
.l_news_t{float:left; width:210px;height:24px; padding-top:5px; background:url(../images/l_news_t.gif) 0 0px no-repeat }
.l_news_t .fr{background:url(../images/titleword_i.jpg) 0 -49px no-repeat;width:59px;height:23px; }
.l_news ul{float:left;width:200px; background:#146695; padding:15px 10px;}
.l_news ul li{float:left;width:200px;}
.l_news ul li a{float:left;width:200px;padding-left:8px;background:url(../images/newsico.gif) left center no-repeat;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px; color:#fff}

.l_pro{float:left;width:220px; margin-top:10px;margin-bottom:20px;background:url(../images/pro_bot.gif) no-repeat bottom center #353334;}
.l_pro_t{float:left;width:220px;height:80px;background:url(../images/pro_top.gif) no-repeat top left }
.l_procon{ float:left;width:220px; padding:10px 0}
.l_case_t{float:left;width:220px;height:80px;background:url(../images/l_case_top.gif) no-repeat top left }

.proOne{ width:220px;float:left; overflow:hidden; margin-bottom:12px;}
.proOne a{width:178px; line-height:25px; float:left; padding-left:42px; color:#59D3EB;font-size:12px;background:url(../images/l_pro_ico.png) no-repeat 15px center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.proOne a:hover{ color:#fff;background:url(../images/l_pro_ico.png) no-repeat 15px center #5AB4D7; }
.proOne a.current{ color:#fff;background:url(../images/l_pro_ico.png) no-repeat 15px center #5AB4D7; }

/* fyRight
-----------------------------------------------------------------------------------------------------*/
.fyRight{ float:left; width:720px;overflow:hidden;background:url(../images/mainrbg.jpg) center 41px no-repeat #1B6A95; color:#BDE7FF; }
.main_top{ display:none; float:left;width:705px;height:18px;background:url(../images/mainr_top.jpg) top left no-repeat; }
.main_bot{ display:none; float:left;width:705px;height:18px;background:url(../images/mainr_bot.jpg) top left no-repeat;}

.title{float:left;width:700px;height:34px; margin-bottom:20px;padding:7px 10px 0;background:url(../images/mainrtbg.jpg) bottom center no-repeat #015989;}
.title .fl{ font-size:20px; font-family:微软雅黑;color:#4BB8D5}
.title .fr{ padding-top:5px; color:#fff; padding-right:5px;}
.title .fr a{color:#fff;}
.title .fr font{ color:#5AD2EA}
.title font{ font-size:12px;}
.mainRightMain{float:left;width:720px;padding-bottom:20px; min-height:600px; _height:600px;}
.padding25{ padding:25px; line-height:30px; font-size:14px;}
.mainr_line{float:left; height:18px; width:99%;background:url(../images/line_s.gif) top left repeat-x;}
.tip{ padding:20px;}


/* news.php
----------------------------------------------------------------------------------------------------*/
.prolist{ float:left;width:730px; padding:15px 5px 0;}
.prolist li{ float:left;width:200px; height:180px; display:inline; margin:0 13px 0 22px;}

.news_list{float:left; width:646px; font-size:14px;padding:0px 15px 0;}
.news_list li{ float:left;width:646px;line-height:32px;}
.news_list li a{float:left;width:636px; height:30px; padding:0 7px 0 3px;}
.news_list li a:hover{ color:#56D2EA }
.news_list li a span:hover{ cursor:pointer; color:#BCE9FE}
.news_list li .floatleft{width:500px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/listico.gif) no-repeat 5px 13px; padding-left:15px;background:url(../images/news_ico.gif) no-repeat 0 center}
.news_line{ float:left;width:630px; height:10px; margin:18px 0}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}

.pro_txt{ float:left; padding-top:10px;}
.pro_txt li{ float:left; width:307px;height:151px;padding-top:9px; margin:0 10px 0 30px; display:inline;background:url(../images/pro_txtimg.jpg) top left no-repeat;}
.pro_txt_l{ float:left; padding-left:12px;  width:145px;}
.pro_txtimg{float:left; border:1px solid #CBDFF8; padding:2px; background:#EFFAFE;}
.pro_txt_r{ float:left; width:140px; color:#777; line-height:23px; text-indent:2em;}
.pro_txt_l .proName{float:left; line-height:24px; width:115px;color:#005A89; padding-left:20px;background:url(../images/news_ico.gif) 2px 9px no-repeat;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }


/* fy_product
----------------------------------------------------------------------------------------------------*/
.mainnav{ float:left; width:640px; padding-left:20px; color:#24ABD8; padding-top:20px; padding-bottom:18px;}
.mainnav a{padding:1px 2px; margin-right:10px; }
.mainnav a:hover{ background:#9DA7B1; color:#fff;}
/*news_view

----------------------------------------------------------------------------------------------------*/
.mainRightMain h2{ font-size:18px; font-family:微软雅黑; font-weight:normal; color:#5AD2EB; padding-top:25px;}
.title_s{ text-align:center; color:#BFC1C0;line-height:35px;}
.conbanner{ float:left; width:100%;}
.mainrbanner{ width:327px; height:253px; padding:7px 5px 0 4px;text-align:center;margin:0 auto 20px;background:url(../images/viewbanner.jpg) center no-repeat;}
.mainrbanner img{ border:3px solid #EEF2F4}

.line_s{float:left; width:100%; height:8px; margin:8px 0 15px 10px; display:inline; border-bottom:1px dashed #CDCBCC; }
.newsview{ min-height:400px;border-bottom:1px dashed #CDCBCC; margin-left:10px; display:inline; width:670px; padding:0 20px; margin-bottom:25px; padding-bottom:15px;_height:400px; font-size:14px; line-height:28px; float:left;}
.main_r_nav div{ line-height:25px;}
.main_r_nav{ float:left; width:580px;color:#fff; padding-left:25px; }
.returnlist{ margin-top:30px; float:left;color:#5AD4EC}
.main_r_nav a:hover{  color:#5AD4EC}
/* page
-----------------------------------------------------------------------------------------------------*/
.page{margin-top:15px; font-size:14px;float:left; width:100%; line-height: 34px; text-align:center; color:#000;}
.page a { color:#000; padding:0 10px; margin:0 5px; font-w/eight: bold; border: 1px solid #509BBB; background: #fff;;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px; }
.page a:hover {color:#000; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; background:#509BBB; color:#fff; margin:0 5px;}
.page .disabled{padding:0 10px; color: #c5c5c5; border: 1px solid #d5d5d5; background: #fff; }
.page .current {display:inline-block;border: 1px solid #f1a60d; font-weight: bold; padding:0 10px;  color:#fff; background:#f1a60d;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
.btn{ width:36px;}
.btn a{ background: #f1a60d; border:1px solid #f1a60d; color: #fff; line-height: 34px; width: 64px; height: 34px; text-align: center;}
.btn a:hover{ color:#fff;}
.input_page{ width:30px;height:32px; text-align:center; border:1px solid #509BBB; font-size:12px; line-height:32px;}
.arrow_l{}

/* search
-----------------------------------------------------------------------------------------------------*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.search_txt{ float:left; color:#4199FA; font-size:12px; line-height:21px; padding:5px 5px 10px 25px;}
.searchmore{ float:left; width:95%; background:#064674; text-align:center;border:1px solid #004C84;margin:10px 20px;_margin:10px}
.searchmore a{ line-height:25px; color:#fff}
