@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{color:#000;font-size:12px; margin:0; padding:0; font-family:"宋体"; font-weight:400;}
a { color:#666666; text-decoration:none; }  
body{ background:url(../images/bg.jpg)}
a:focus{outline:0;} 
.clear{ clear:both; font-size:0; line-height:0; height:0;}
i{ font-style:normal;}
.fl { float:left;}
.fr { float:right;}
li{ list-style:none;}
img{ border:none;}
.h_con,.h_top,.h_nav{ margin:0 auto; width:1003px; overflow:hidden;text-align:center;margin:0 auto;}
.header{ width:100%; height:163px;background:#157bc3;}
.h_con{ height:120px;}
.logo{ float:left; width:546px; height:120px;  padding:0; margin:0x 0 0 0; display:inline;}
.h_nav { height:40px;background:#157bc3;width:100%;}
.h_nav ul{ width:990px; margin-left:10px; padding:0; overflow:hidden;text-align:center;margin:0 auto;}
.h_nav ul li { float:left; overflow:hidden; width:109px; text-align:center; font-size:13px;background:url(../images/nav_20.jpg) no-repeat right top;}
.h_nav ul li a { color:#fff; height:44px; line-height:44px;width:106px;  overflow:hidden; display:inline-block;}
.h_nav ul li a:hover,.h_nav ul li a.cur{background:url(../images/nav_19.jpg) no-repeat right top;}
.h_nav ul .nobot{ background:none!important;}
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:center;position:relative; width:550px!important; z-index:0!important;
}
.bitdiv{display:inline-block;width:12px;height:10px;margin:13px 10px 10px 0px;cursor:pointer; float:right; _overflow:hidden;}
.defimg{background-image:url(../images/qie.png); width:10px; height:10px;}
.curimg{background-image:url(../images/qie_s.png); width:10px; height:10px; }
.main{ margin:1px auto 0; width:998px; overflow:hidden; }
.footer{ float:left; width:100%; font-size:12px; }
.subnav{background:#157cc4;height:44px; line-height:44px; }
.subnav p{ margin:0 auto; width:728px;}
.subnav p a{padding:0 15px; background:url(../images/line_03.gif) no-repeat right center; color:#fff;}
.subnav p a:hover{ text-decoration:underline;}
.subnav p a.last{ background:none;}
.copyright{ margin:10px auto; width:998px; text-align:center; line-height:24px;}
.right_info .more a:hover,.new_box h2 span a:hover,.case h2 span a:hover,.link .link_list a:hover{ text-decoration:underline; color:#157cc4}
.product h2 span a:hover,.new_com li a:hover,.new_jc li a:hover{ color:#157cc4}
.about_box{ width:998px; overflow:hidden;}
.about_index{ background:url(../images/about_32.png) no-repeat; height:267px; width:627px; }
.left_tit{ width:200px;}
.left_tit h2{ height:50px; line-height:60px; text-indent:3em; font-size:16px; color:#333; font-weight:400;}
.about_img{ width:180px; height:185px; padding:13px;}
.right_info{ width:380px; padding:20px; line-height:22px;}
.right_info .more a{ color:#74a6e1;}
.viedo_index{ background:url(../images/about_34.png) no-repeat; height:267px; width:356px;}
.viedo_index h2{ height:50px; line-height:55px; text-indent:3em; font-size:16px; color:#333; font-weight:400;}
.video{width:315px; height:200px; margin:0 20px;}
.product{ width:1003px;margin-top:15px;}
.product h2{ float:left; background:url(../images/index_39.jpg) no-repeat 0 bottom; height:40px; width:998px; line-height:35px; font-size:14px; color:#333;}
.product h2 i{ width:105px; text-align:center; color:#fff; float:left;}
.product h2 span a{ color:#666; padding-right:10px; font-weight:400; font-size:12px;}
.pro{ float:left;  background:#fff; height:173px; width:994px; border:1px solid #efefef; border-top:none; margin-left:1px;}
.cardmain{width:980px;  overflow:hidden; margin:5px 0 0 8px;  }
.cardmain .prev{ background:url(../images/pro_51.jpg) no-repeat; width:23px; height:50px; float:left; margin-top:50px; cursor:pointer;}
.cardmain .next{ background:url(../images/pro_54.jpg) no-repeat; width:23px; height:50px; float:right;margin-top:50px;cursor:pointer; }
.cardmain .img-list{ width:895px; float:left; overflow:hidden; margin-left:20px; margin-top:5px; }
.img-list ul{ width:9999px;}
.cardmain ul li{ width:200px; float:left; overflow:hidden; margin-left:19px;}
.cardmain ul li img{ margin:0 auto; display:block;border:1px solid #f2f2f2; padding:5px;}
.cardmain ul li img:hover{border:1px solid #0570A7;}
.cardmain ul li span{ display:block; text-align:center; line-height:30px; width:200px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:12px;}
.cardmain ul li span a{ color:#333;}
.cardmain ul li span a:hover{ color:#0570A7; text-decoration:underline;}
.new_box{float:left; width:998px;margin-top:15px;}
.new_com{ width:345px;}
.other{ margin-left:15px;}
.new_com h2{ float:left; background:url(../images/index_45.jpg) no-repeat 0 bottom; height:35px; width:345px; line-height:35px; font-size:14px; color:#333;}
.new_com h2 i{ width:105px; text-align:center;color:#03346a; float:left;font-weight:bold;font-size:16px;}
.new_com h2 span a{ color:#666; padding-right:10px; font-weight:400; font-size:12px;}
.new_com ul{ padding:10px; width:321px; border:1px solid #efefef; border-top:none; float:left; background:#fff; margin-left:1px;}
.new_com li{ float:left; line-height:30px; width:321px;background:url(../images/index_52.jpg) no-repeat 0 10px; text-indent:1em; border-bottom:1px dashed #e9e9e9; }
.new_box li span{ float:right;}
.new_com li a{ width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  float:left;}
#jobnews  h2{ float:left; background:url(../images/jobtitle.jpg) no-repeat 0 bottom; height:35px; width:395px; line-height:35px; font-size:14px; color:#333;}
.new_jc{ width:277px;}
.new_jc h2{ float:left; background:url(../images/index_47.jpg) no-repeat 0 bottom; height:35px; width:277px; line-height:35px; font-size:14px; color:#333;}
.new_jc h2 i{ width:105px; text-align:center;color:#03346a; float:left;font-weight:bold;font-size:16px;}
.new_jc h2 span a{ color:#666; padding-right:10px; font-weight:400; font-size:12px;}
.new_jc ul{ padding:10px; width:254px; border:1px solid #efefef; border-top:none; float:left; background:#fff; margin-left:1px;}
.new_jc li{ float:left; line-height:30px; width:254px;background:url(../images/index_52.jpg) no-repeat 0 10px; text-indent:1em; border-bottom:1px dashed #e9e9e9; }
.new_jc li a{ width:254px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  float:left;}
.case{ width:998px; margin-top:15px;}
.case h2{ float:left; background:url(../images/index_59.jpg) no-repeat 0 bottom; height:37px; width:998px; line-height:32px; font-size:14px; color:#333;}
.case h2 i{ width:115px; text-align:center; color:#666; float:left;padding-left:15px;fontweight:bold;}
.case h2 span a{ color:#666; padding-right:10px; font-weight:400; font-size:12px;}
.case_box{width:996px; border:1px solid #efefef;  background:#fff; float:left;}
#marquee1{ float:left; width:976px; margin-left:10px; }
.marqueeleft{height:150px;width:996px;overflow:hidden;}
.marqueeleft ul{ margin-top:10px; float:left;}
.marqueeleft li{float:left;margin:0 5px 0 5px;display:inline;width:154px;height:64px; line-height:20px; }
.marqueeleft li .title{  float:left; margin-top:-10px; text-align:center;width:154px; color:#666}
.marqueeleft li .title:hover{ color:#157cc4; text-decoration:underline;}
.marqueeleft li .pic{display:block;width:144px;height:58px;overflow:hidden; padding:3px;border:1px solid #e8e8e8;}
.marqueeleft li .pic:hover{border:1px solid #157cc4;}
.marqueeleft li .pic img{width:144px;height:58px; }
.link{background:url(../images/link_70.png) no-repeat -1px top; height:60px; width:998px; position:relative; margin-top:15px;}
.link .link_list{ position:absolute; left:170px; top:20px; }
.link .link_list a{ padding:0 10px; background:url(../images/line_03.gif) no-repeat right center;}
#left{float:left; width:233px; overflow:hidden;  }
#right{ float:right; width:752px;overflow:hidden; }
#left .menu{ width:230px; background:#fff;}
#left .menu h2{ background:url(../images/about_36.jpg) no-repeat 0 bottom; height:32px; width:230px; line-height:32px; font-size:14px;text-indent:2.4em; color:#333;}
#left .menu .part li{ width:220px; height:32px; display:block; float:left; line-height:32px; text-indent:3em; padding:8px 8px 0 8px;}
#left .menu .part { width:228px; overflow:hidden; padding-bottom:10px;border:1px solid #dbdbdb; border-top:none; }
#left .menu .part li a{ color:#333;background:url(../images/about_44.jpg) no-repeat; display:block; width:213px;height:32px;}
#left .menu .part li a:hover{ color:#0093dd;}
.parter{ float:left;width:220px; margin:5px 0 10px 8px; display:inline;}
.parter li{ float:left; margin:5px 0 0 5px; display:inline;}
.contact_left{ float:left; width:230px; font-size:12px; margin:10px 0; display:inline;line-height:25px; background:#fff url(../images/contac.jpg) no-repeat 0 bottom; }
.contact_left h2{color:#333; font-size:12px; text-indent:2.5em; line-height:32px; font-family:"微软雅黑"; height:32px;background:url(../images/about_36.jpg) no-repeat ; }
.contact_left  .tel{ float:left; width:212px;font-size:12px; color:#333; border:1px solid #dbdbdb; border-top:none; padding:8px; }
.contact_left  .tel p{ float:left; width:200px;}
.position{ width:752px; color:#333; font-size:14px; line-height:28px; height:28px;font-family:"微软雅黑"; background:url(../images/about_38.jpg) no-repeat;padding-left:25px;}
.position span{ padding-left:20px; font-size:12px; font-weight:100; color:#666}
.position span a{ color:#666;}
.position span a:hover{ color:#008DD7;}
.nowposition{margin-left:25px;float:right;}
.web_box{ float:left; width:750px;  border:1px solid #dbdbdb; background:#fff;}
 .content{ float:left; width:750px; margin:10px 0 10px 15px;display:inline; overflow:hidden;  font-size:12px; color:#333;  line-height:25px; }
 .content p{ display:block; color:#333;line-height:200%;clear:both;padding-left:5px;padding-right:5px;margin-right:5px;}
 .content p img{ text-indent:0!important; float:left;margin-left:20px;}
 .content h2,#content .content h3,#content .content h4,#content .content h5,#content .content h6{display:block;  line-height:25px; font-size:14px; color:#333;}
.apage { height:25px; line-height:25px;padding:0 5px; margin-top:10px; text-align:center; font-size:12px; color:#333; width:720px; float:left;}
.apage a { border:1px solid #d4e3e9; padding:0 5px;  margin-right:5px; text-decoration:none; color:#333;}
.apage a:hover, .apage .cur { border:1px solid #0093dd;background-color:#0570A7; color:#fff; text-decoration:none;}
.pagenav{ float:left; width:720px; margin:10px 0 0 10px; display:inline;}
.pagenav .s{ font-size:12px; color:#333; line-height:20px; width:350px; float:left; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pagenav .x{ font-size:12px; color:#333; line-height:20px; width:350px; float:left; margin-left:5px; display:inline; text-align:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pagenav  dd a{ color:#666;}
.pagenav  dd a:hover{ color:#0093dd; text-decoration:underline;}
 
.news{ float:left; width:720px;  }
.news li{ float:left; width:720px; height:30px; line-height:25px;background:url(../images/icon-news.gif) no-repeat 3px 6px; text-indent:2em; border-bottom:1px dashed #DEDEDE; font-size:12px;}
.news li a{color:#666;}
.news li a:hover{ color:#0093dd;}
.news li span{ float:right; font-size:12px; color:#666;} 
.c-top .title{ float:left;width:705px; text-align:center; font-size:14px; color:#666; line-height:25px; font-weight:bold; font-family:"微软雅黑",Arial, Helvetica, sans-serif;  }
.c-top .time{ width:705px;  text-align:right;  color:#666; line-height:25px;  float:left;  font-size:10px;border-bottom:1px solid #e8e8e8;}
.content_begin .contents{ float:left; width:705px; padding-bottom:10px;}
.content_begin .contents p{ text-indent:2em;}
.content_begin .contents p,#content .contents h1,#content .contents h2,#content .contents h3,#content .contents h4,#content .contents h5,#content .contents h6 { display:block;  color:#666; font-size:14px;}
.products { width:720px;}
.products li{ width:170px; float:left; overflow:hidden; margin:5px; display:inline;}
.products li img{ margin:0 auto; display:block;border:1px solid #ddd; padding:2px;}
.products li img:hover{border:1px solid #0093dd;}
.products li span{ display:block; text-align:center; line-height:30px; width:162px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:12px;}
.products li span a{ color:#333;}
.products li span a:hover{ color:#0093dd; text-decoration:underline;}
.all-list{ float:left; width:705px; }
.all-list .left_img{ width:250px; float:left;   margin:10px; display:inline; overflow:hidden;}
.all-list .left_img span{ float:right; font-size:12px; background:url(../images/big_03.jpg) no-repeat  right center; padding-right:20px; color:#666; width:280px; text-align:right; margin-top:5px; display:inline;}
.all-list .left_img strong{ font-size:12px; width:250px; float:left; text-align:center; line-height:25px;}
.all-list .left_img img{ width:240px; height:180px; border:1px solid #0570A7; padding:4px; margin:0!important; float:left;}
.all-list .w_right{ width:420px; float:right; margin:10px 10px 0 0; display:inline; }
.all-list .w_right .title{width:420px; min-height:30px; text-indent:0;  line-height:30px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; border:1px solid #e8e8e8; background:#F0F0F0; text-align:center;color:#333; }
.all-list .intro { float:left; margin-top:10px;display:inline; }
.all-list .intro h2 a,.all-list .intro h2{ font-size:14px; color:#333;}
.all-list .intro p{ width:350px;font-size:12px; color:#666;  line-height:20px; float:left; text-indent:0;}
.all-list  .sert{text-align:right; font-size:12px; float:right;  text-align:center;  width:50px;  border:1px solid #e8e8e8; background:#F0F0F0;}
.all-list  .sert a{ color:#1570A6;}
.all-list  .sert a:hover{ color:#666;}
.bottom_e{ margin-top:10px; border:1px solid #E8E8E8; width:718px; background:url(../images/list_07.jpg) no-repeat; float:left; padding-bottom:10px;}
.bottom_e dt{ font-size:14px;color:#1883C7; line-height:45px; width:140px; text-align:center;}
.bottom_e .products{ width:690px; margin:10px; float:left; }
.bottom_e .products p{ overflow:hidden;zoom:1; line-height:20px; font-size:12px;}
.bottom_e .products p img{ padding:5px 0; float:left;}

.web_title{ float:left; width:720px; border-bottom:1px solid #dedede;}
.web_title h3{ font-size:16px; float:left; line-height:25px; width:705px;}
.w_demo{ float:left; font-size:12px; line-height:25px;}
.bottom_e .contents_m{ width:720px; margin:10px auto;}
.bottom_e .contents_m p{ overflow:hidden;zoom:1; line-height:20px; font-size:12px; text-indent:2em; margin:5px 0 5px 0; float:left; width:720px;   }
.bottom_e .contents_m p img{ padding:5px 0; float:left;}
.bottom_e .contents_m p label{ width:113px; text-align:right; float:left; line-height:28px;}
.bottom_e .contents_m p .e span{ margin-left:15px; float:left;}
.bottom_e .contents_m p .y span{ margin-left:16px; float:left;}
.bottom_e .contents_m p .b span,.bottom_e .contents p .n span{ margin-left:29px; float:left;}
.bottom_e .contents_m p strong{ float:left; text-indent:5px; color:#999; font-weight:100; font-size:12px;}
.bottom_e .contents_m p input{ float:left; width:200px; height:25px; border:1px solid #ccc; line-height:28px;}
.bottom_e .contents_m p input:hover{ border:1px solid #FA8ABA;}
.bottom_e .contents_m p span{ float:left; margin-left:5px; display:inline; font-size:12px; color:#3f72bd}
.bottom_e .contents_m  #textarea{ float:left;width:590px; }
#textarea textarea{ float:left; border:1px solid #ccc;}
.bottom_e .contents_m .sbts{float:left; margin:10px 0 10px 150px; display:inline;  width:200px; height:35px; background:none;}
.bottom_e .contents_m .sbts input{ float:left; width:69px; line-height:20px; height:35px; display:block;cursor:pointer; color:#666; margin-left:20px;}
.bottom_e .contents_m .sbts input:hover{ color:#1E89CD;}
 
 .problem{ float:left;  width:705px;margin-left:10px; display:inline;}
.problem-list{ float:left; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:10px; display:inline;}
.problem-list .q{ float:left; width:705px;border-bottom:1px dashed #1E89CD; }
.problem-list .a{ float:left; margin-top:10px;background:url(../images/problem_58.jpg) no-repeat;}
.problem-list .q p{ float:left; width:620px; color:#1E89CD; font-size:14px; line-height:34px; text-indent:2em; background:url(../images/problem_52.jpg) no-repeat 0 8px; }
.problem-list .a p{ float:left; width:620px; font-size:12px; color:#666;line-height:20px; text-indent:2em; }
.problem-list .intro{ float:left; text-align:right; width:660px; font-size:12px;}
.problem-list .intro a{ color:#1E89CD; padding-right:10px;}
.problem-list .intro a:hover{ text-decoration:underline;}