@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,img,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,span,textarea,p,blockquote,th,td,img {margin:0; padding:0; border:0;}
body{ color:#333; font-family:"宋体"; background:#fff;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#E4551B; text-decoration:none;}
ul,li{ list-style:none;}
.left{ float:left;}.right{ float:right;}
.clear{ clear:both;}.red{ color:#F00;}
.headbox{ width:100%; background:url(../images/top_x.png) repeat-x; margin:0 auto; border-bottom:2px solid #354A89;}
.contentbox{ width:1100px; margin:0 auto;}
.rtyl{ width:1000px; margin:0 auto; }

#header{ width:1200px; height:97px; margin:0 auto;}
#logo{ width:300px; height:80px; margin:10px 0 0 15px; float:left; display:inline;}
#meau{ width:885px; height:97px; float:right; display:inline;}
#search_bd{ width:300px; height:53px; float:right; display:inline; margin:5px 15px 5px;}
#search_bd p{ font:12px/23px "宋体"; float:left; display:inline; margin-right:10px;}
#search_int{ width:150px; height:21px; border:1px solid #DBDBDB; border-right:none; float:left; display:inline;}
#search_but{ width:28px; height:23px; cursor:pointer; border:1px solid #DBDBDB; float:left; display:inline; background:#F3F3F3 url(../images/search.png) center no-repeat;}
#nav{ width:885px; height:25px; float:left; display:inline;}
#nav li{ width:110px; height:25px; float:left; display:inline; text-align:center; font:18px/25px "微软雅黑"; font-weight:bold; background:url(../images/nav_li.jpg) 0 5px no-repeat; position:relative;color:#000;}
#nav li a{ color:#000; display:block;}
#nav li a:hover{ width:110px; height:25px; background:#2A195D; color:#fff;}
#nav .karl{ width:105px; position:absolute; z-index:9999; top:25px;float:left; display:none;}
#nav .karl li{ width:105px; height:25px; float:left; background:#D4D4D4; border-bottom:1px solid #FFF; display:inline; text-align:center; font:14px/25px "微软雅黑"; font-weight:bold;}
#nav .karl li a{ color:#000; display:block;}
#nav .karl li a:hover{ width:105px; height:25px; background:#354A89; color:#fff}
#nav .parl{ width:165px; position:absolute; z-index:9999; top:25px;float:left; left:-30px; display:none;}
#nav .parl li{ width:165px; height:25px; float:left; background:#D4D4D4; border-bottom:1px solid #FFF; display:inline; text-align:center; font:14px/25px "微软雅黑"; font-weight:bold;}
#nav .parl li a{ color:#000; display:block;}
#nav .parl li a:hover{ width:165px; height:25px; background:#354A89; color:#fff}
#nav li a{color:#333;}
#nav li a:hover{color:#F77601;}

/*---------banner切换--------*/
#banner{ height:410px; width:100%; margin:0 auto;}
.pro-switch {width:1100px; height: 410px;overflow: hidden;position: relative;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li { width:1100px; display: none;-webkit-backface-visibility: hidden;}
.flexslider {width:1100px ;margin: 0 auto;position: relative; zoom: 1;}
.slides li img{ width:1100px;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
/*---------切换的小点点--------*/
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}


.index-title{ text-align:center; font-size:36px; color:#323232; font-family:fz; line-height:36px; padding:55px 0 50px;}
.index-video{ width:716px; height:487px; float:left; overflow:hidden;}


#ylldy{ width:100%; height:85px; background:url(../images/st_bg.jpg) center center no-repeat; margin:0 auto;}
#ylldy_con{ width:1100px; height:85px; margin:0 auto;}
#ylldy_nav{ width:1010px; height:50px; margin:20px 0 0 70px; float:left; display:inline;}
#ylldy_nav li{ width:250px; height:50px; float:left; display:inline;}
#ylldy_nav h1{ font:18px/25px "微软雅黑"; color:#fff; font-weight:bold;}
#ylldy_nav h2{ font:12px/20px "微软雅黑"; color:#687ca6;}
#ylldy_nav h1 a{ color:#fff;}

#conter_bd{ width:1000px; height:195px;}
#content_bd{ width:1000px; margin:20px auto; clear:both;}
#about{ width:460px; float:left; display:inline;}
#about_right{ width:460px; float:right; display:inline;}
.title_bd{ width:460px; height:37px; border-bottom:1px solid #DFDFDF;}
.title_bd h1{ font:16px/37px "宋体"; color:#000; font-weight:bold; float:left; display:inline; margin:0 10px 0 0;}
.title_bd h2{ color:#c8c8c8; font:13px/42px "微软雅黑"; float:left; display:inline;}
.more{ width:43px; height:14px; float:right; display:inline; margin:15px 0;}
.contern{ width:460px; margin-top:5px; float:left; display:inline;}
.contern p{font:12px/25px "宋体"; text-indent:24px;}
#news{ width:460px; float:right; display:inline;}
#news_left{ width:460px; float:left; display:inline;}
#news_nav{ width:460px; margin-top:5px; float:left; display:inline;}
#news_nav li{ width:460px; height:27px; border-bottom:1px dotted #DFDFDF; background:url(../images/dd.jpg) 3px 8px no-repeat; overflow:hidden;}
.cont{ width:325px; float:left; display:inline; font:12px/27px "宋体"; text-align:left; margin-left:15px;}
.time{ width:80px; float:right; display:inline; font:12px/27px "宋体"; text-align:right;}

#stories{ width:1000px; height:240px;}
.stories_title{ width:1000px; height:37px; border-bottom:1px solid #DFDFDF;}
.stories_title h1{ font:16px/37px "宋体"; color:#000; font-weight:bold; float:left; display:inline; margin:0 10px 0 0;}
.stories_title h2{ color:#c8c8c8; font:13px/42px "微软雅黑"; float:left; display:inline;}
#stories_bd{ width:1000px; height:160px; margin-top:15px;}
.str_nav{ width:890px; height:150px; float:left; display:inline; margin-left:20px;}
.str_nav li{ width:165px; height:150px; float:left; display:inline; margin:0 5px;}
.str_pic{ width:165px; height:125px;}
.str_cont{ width:165px; height:25px; font:12px/25px "宋体"; text-align:center;}
.sr_lt{ width:34px; height:34px; float:left; display:inline; margin:50px 0 0;}
.sr_rt{ width:34px; height:34px; float:right; display:inline; margin:50px 0 0;}

#system_tit{ width:960px; height:140px; margin:0 auto;}
#system{ width:960px; height:1050px; position:relative; margin:0 auto; padding-bottom:30px; background:url(../images/center_bg.jpg) no-repeat; }
.vold_a{ width:395px;  position:absolute;  left:60px; top:15px;}
.vold_tit{ width:395px; height:45px; border-bottom:1px dotted #C4C4C4;}
.vold_tit h1{ font:18px/25px "微软雅黑"; color:#004c9d; font-weight:bold;}
.vold_tit h2{ font:10px/15px "微软雅黑"; color:#ababab;}
.vold_cnter{ width:395px; }
.vold_cnter p{ font:14px/25px "微软雅黑"; font-weight:bold; margin-left:10px;}

.vold_b{ width:395px; position:absolute;  left:60px; top:162px;}
.vold_c{ width:395px; position:absolute;  left:573px; top:337px;}
.vold_d{ width:395px; position:absolute;  left:573px; top:479px;}
.vold_e{ width:395px; position:absolute;  left:60px; top:638px;}

#stories_too{ width:1000px; height:140px;}
#stories_bd_too{ width:1000px; height:100px; margin-top:15px;}
.strto_nav{ width:890px; height:60px; float:left; display:inline; margin:20px 0 0 30px;}
.strto_nav li{ width:135px; height:60px; float:left; display:inline; margin:0 5px; border:1px solid #000;}
.str_lt{ width:34px; height:34px; float:left; display:inline; margin:35px 0 0;}
.str_rt{ width:34px; height:34px;float:right; display:inline; margin:35px 0 0;}

#finish_pic{ width:960px; height:140px; margin:30px auto 50px;}


/*---------底部--------*/
#foot{ width:100%; height:105px; background:#f3f3f3; border-top:1px solid #DFDFDF;}
#foot_bd{ width:1000px; height:105px; margin:0 auto;}
#foot_lt{ width:720px; height:25px; font:12px/25px "宋体"; color:#333; float:left; display:inline; margin:10px;}
#foot_rt{ width:260px; height:25px; font:12px/25px "宋体"; color:#333; float:right; display:inline;margin-top:20px;}


/*---------单页面--------*/
#rage_lt{ width:210px; float:left; display:inline;}
.lt_bd{ width:210px; border:1px solid #005dac; margin-bottom:15px;}
.lt_bd_tit{ width:210px; height:30px; background:#005dac url(../images/tit_dd.jpg) 10px 8px no-repeat;}
.lt_bd_tit h1{ font:14px/30px "宋体"; font-weight:bold; color:#fff; text-align:center;}
.lt_nav{ width:210px;}
.lt_nav li{ width:180px; height:30px; border-bottom:1px dashed #ccc; margin-left:13px; font:12px/30px "宋体"; background:url(../images/page_tit.jpg) 5px 10px no-repeat; overflow:hidden;}
.lt_nav li a{ color:#333; padding-left:20px;}
#cnt_bd{ width:210px; padding:10px 0; background:url(../images/conter.png) right bottom no-repeat;}
#cnt_bd p{ width:180px; font:12px/25px "宋体"; margin-left:15px; color:#000;}

#rage_rt{ width:880px; float:right; display:inline;}
#rage_rt_tit{ width:880px; height:30px; background:#005dac; float:right; display:inline;}
#rage_rt_tit h1{ font:12px/30px "宋体"; color:#fff; padding-left:10px;}
#rage_rt_tit a{ color:#fff;}
#jarl_yl{ width:878px; border:1px solid #C6C6C6; padding-bottom:15px; margin-bottom:10px;}
#page_banner{ width:860px; height:225px; margin:10px 10px 0; float:left; display:inline;}

#jancnt{ width:840px; padding:10px 20px 0; float:left; display:inline; overflow: hidden;}
#jancnt p{ font:12px/25px "宋体"; }
#jancnt img{ max-width:100%;}

/*---------详细页--------*/
#show_bd{ width:830px; border-bottom:1px solid #ccc; margin:20px 20px 0; float:left; display:inline;}
#show_tit{ width:830px;  font:20px/30px "宋体"; color:#333; font-weight:bold; text-align:center;}
#show_dlyl{ width:830px; height:25px; font:12px/25px "宋体"; text-align:center; margin:0 0 10px;}


/*----------------新闻----------------*/
#font_nwes{ width:825px; margin:20px 20px 20px; float:left; overflow:hidden;}
#font_nwes li{ width:820px; height:33px; border-bottom:1px dashed #666; font:12px/33px "宋体"; background:url(../images/page_tit.jpg) 0 13px no-repeat; overflow:hidden;}
.news_yl{ width:710px; float:left; display:inline; padding-left:15px;}
.news_dy{ width:80px; float:right; display:inline; text-align:right;}


/*----------------产品----------------*/
#prd_list{ width:850px; margin:10px;  float:left;}
#prd_list li{ width:232px;  float:left; display:inline; margin:10px 0 0 40px;}
#honor_list li{  float:left; display:inline; margin:10px 0 0 40px;}
.list_pic{ width:230px;  float:left; display:inline; border:1px solid #000;}
.list_fot{ width:232px; height:40px; float:left;padding-top: 5px; display:inline; text-align:center; font:12px/18px "宋体";}
.honor_pic{ float:left; text-align:center; display:inline; border:1px solid #000;}
.honor_pic img{ max-width:230px; max-height:230px; min-height:175px;}
.scene_pic{ width:230px; height:175px; float:left; display:inline; border:1px solid #000;}
.scene_fot{ width:232px; height:40px; float:left;padding-top: 5px; display:inline; text-align:center; font:12px/18px "宋体";}

#dars{ width:596px; height:396px; background:url(../images/p.jpg) no-repeat; margin:50px 0 0 20px; position:relative;}
.xt_a{ width:83px; height:85px; position:absolute; left:276px; top:93px; text-align:center; font:0px/85px "宋体";}
.xt_a a,.xt_b a,.xt_c a,.xt_d a,.xt_e a{ color:#FFF; display:block;}
.xt_a a:hover,.xt_b:hover,.xt_c:hover,.xt_d:hover,.xt_e:hover,.xt_f:hover{ width:83px; height:85px;}
.xt_b{ width:83px; height:85px; position:absolute; left:488px; top:179px; text-align:center; font:0px/85px "宋体";}
.xt_c{ width:83px; height:85px; position:absolute; left:357px; top:272px; text-align:center; font:0px/85px "宋体";}
.xt_d{ width:83px; height:85px; position:absolute; left:185px; top:242px; text-align:center; font:0px/85px "宋体";}
.xt_e{ width:83px; height:85px; position:absolute; left:59px; top:124px; text-align:center; font:0px/85px "宋体";}


/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;margin-top:20px;}
/*.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #005DAC;color:#A0A0A0;}
.List_page span{background:#005DAC;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #005DAC;}*/

.pageController {
PADDING-BOTTOM: 5px;
LINE-HEIGHT: 24px;
MARGIN: 16px auto 0px;
PADDING-RIGHT: 10px;
COLOR: #505050;
BORDER-TOP: #e2e3e4 1px solid;
PADDING-TOP: 5px;
margin-left:20px;
}
.pageController A {
BORDER: #efefef 1px solid;
PADDING: 5px 8px;
BACKGROUND-COLOR: #fff;
COLOR: #505050;
MARGIN: 0px 3px;
VERTICAL-ALIGN: middle;
font-size: 12px;
}
.pageController span{font-size: 12px;}





/*浮动客服*/
#floatDivBoxs{width:120px;background:#fff;position:fixed;top:100px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:center;}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:120px;z-index:999;}
#rightArrow a{display:block;height:45px;}