@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{color:#666; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
.clr{clear:both;}
input{outline:medium;}

/*header*/
.header_box{border-bottom:1px solid #ddd;}
.header{ width:1100px; margin:0 auto; height:100px;}
.logo{ float:left;}
.logo img{ height:100px;}
.tel{float:right;}
.tel img{height:100px;}

/*nav*/
.menu{background:#fff; height:40px;position:relative; z-index:9999;}
.menu ul{width:1098px; margin:0 auto;}
.mainlevel{width:133px; /*IE6 only*/  text-align:center; position:relative; z-index:99; float:left; border-right:1px solid #ddd;}
.mainlevel a{width:100%; height:40px; line-height:40px; display:block; color:#333; font-size:15px;}
.mainlevel a:hover,.mainlevel a.active{ background:#003e9c; color:#fff;}
.mainlevel ul{width:133px; display:none; position:absolute; left:0px; padding:10px 5px; background:#095ee0; z-index:999; top:40px;}
.mainlevel li{width:100%;/*IE6 only*/ height:100px; line-height:100px; text-align:center;}
.mainlevel ul li{height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#003e9c; font-weight:normal;}

/*bannner*/
#full-screen-slider { width:100%; height:400px; position:relative; clear:both;}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:40%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:36px; height:6px; float:left; margin-left:15px;  background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#ff9900;}

/*newss*/
.ban_foot{width:100%; height:50px; background:#003e9c; position:relative; z-index:99; clear:both}
.ban_fn{width:1100px; margin:0 auto; clear:both}
.www_zzjs_net{width:700px; position:relative; font-size:14px;}
.xw_t{float:left; line-height:50px; color:#fff;}
#qy{width:430px; height:50px; overflow:hidden; padding-left:15px; float:left;}
#qy a{width:100%; height:50px; line-height:50px; overflow:hidden; float:left; color:#fff;}
#qy a:hover{text-decoration:underline;}
#btm_zzjs{width:65px; padding-top:15px; float:right}
#btm_zzjs a{display:block; height:24px; width:24px; float:left; padding-right:8px;}
#btm_zzjs a#zzjs_up{background:url(../images/news_s.png) no-repeat;}
#btm_zzjs a#zzjs_up:hover{ opacity:.5;}
#btm_zzjs a#zzjs_dw{background:url(../images/news_x.png) no-repeat;}
#btm_zzjs a#zzjs_dw:hover{ opacity:.5;}
/*search*/
.ss_r{width:237px; height:27px; margin-top:-38px; background:url(../images/ss_bg.png) no-repeat; clear:both; float:right;}
.ss_in{width:204px; background:none; height:27px; line-height:27px; color:#878787; text-indent:1em; font-size:12px; border:none; float:left;}
.ss_btn{width:33px; height:27px; line-height:27px; border:none; background:none; cursor:pointer; font-size:12px; color:#fff; float:left}


/*about*/
.about{width:1100px; margin:20px auto; overflow:hidden;}
.about_l{width:210px; float:left;}
.about_t{width:80px; height:30px; display:block; background:#003e9c; color:#fff; line-height:30px; text-align:center; margin-top:75px; float:left;}
.jj_box{width:118px; height:158px; border:1px solid #003e9c; padding:10px; float:left; margin-left:-10px; text-align:center;}
.jj_box span{text-align:center; margin-top:20px; width:120px; height:24px; display:block; line-height:24px;}
.jj_box a{ display:block; font-size:16px; font-weight:bold; margin-top:24px; color:#333; padding-bottom:40px; border-bottom:1px solid #ff9c00;}
.jj_box a:hover{color:#ff9c00;}
.about_txt{width:510px; float:left; height:180px; overflow:hidden;}
.about_txt p{padding:30px; font-size:16px; line-height:30px; color:#333;}
.about_r{width:380px; float:right; height:180px; overflow:hidden;}
.about_r h3{height:30px; line-height:30px; border-bottom:#ddd 1px solid; clear:both;}
.about_r h3 a{color:#333;}
.about_r h3 a:hover{color:#ff9c00;}
.about_r li{width:100%; height:30px; line-height:30px; float:left;}
.about_r li a{float:left; color:#333}
.about_r li a:hover{color:#ff9c00;}
.about_r li span{float:right; font-size:12px;}

/**/
.case_wrap_box{background:#f8f8f8; overflow:hidden;}
.case_wrap{width:1100px; padding:20px 0px; margin:0 auto; clear:both}
.case_wrap .title h4{text-align:center; height:40px; line-height:40px; clear:both; font-size:20px; color:#003e9c;}
.case_wrap .title h4 span{color:#666; font-size:16px; font-weight:normal; padding-left:10px;}
.case_wrap .title{ text-align:center; line-height:30px;}
.case_tit{width:1080px; margin:20px auto; font-size:14px; text-align:center; height:140px; clear:both; background:url(../images/dot.jpg) repeat-x left 130px; line-height:206px;}
.case_tit a{width:80px; height:137px; margin:0px 50px; font-size:12px; color:#666; float:left; display:block;}
.case_tit #a1{background:url(../images/icon_01.png) no-repeat left top;}
.case_tit #a2{background:url(../images/icon_02.png) no-repeat left top;}
.case_tit #a3{background:url(../images/icon_03.png) no-repeat left top;}
.case_tit #a4{background:url(../images/icon_04.png) no-repeat left top;}
.case_tit #a5{background:url(../images/icon_05.png) no-repeat left top;}
.case_tit #a6{background:url(../images/icon_06.png) no-repeat left top;}

.case_tit #a1:hover{background:url(../images/icon_01_h.png) no-repeat left top;}
.case_tit #a2:hover{background:url(../images/icon_02_h.png) no-repeat left top;}
.case_tit #a3:hover{background:url(../images/icon_03_h.png) no-repeat left top;}
.case_tit #a4:hover{background:url(../images/icon_04_h.png) no-repeat left top;}
.case_tit #a5:hover{background:url(../images/icon_05_h.png) no-repeat left top;}
.case_tit #a6:hover{background:url(../images/icon_06_h.png) no-repeat left top;}


.case_tit a:hover,.case_tit a.active{color:#003e9c; font-weight:bold;}
.artist{width:100%; position:relative; float:left;}
.artist li{overflow:hidden; margin-bottom:2px; position:relative; float:left;}
.artist li a{background:url(../images/black.png) repeat; left:0px; color:#fff; width:100%; height:30px; position:absolute; top:104px; }
.artist .li_d a{background:url(../images/black.png) repeat; left:0px; color:#fff; width:90%; height:90%; position:absolute; top:0px; padding:5%;}
.artist li a h3{color:#fff; font-size:12px; text-indent:2em;}
.artist li a h4{line-height:20px;}
.artist li a .case_ny{ line-height:24px;}
.yc{display:none;}
.artist .li_d{width:273px; height:205px; margin:0; margin-right:2px;}
.artist .li_d a h3{height:20px; text-indent:0; margin-bottom:10px; font-size:14px; overflow:hidden;}
.artist .li_d img{width:273px; height:205px;}
.artist .li_d a span{width:78px; height:26px; border:1px solid #fff; display:block; margin:0 auto; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:26px; margin-top:30px;}

/*ban*/
.ban{background:url(../images/ban.jpg) no-repeat center top; height:200px;}

/*news*/
.news_box{overflow:hidden;}
.news{width:1100px; margin:20px auto;}
.news_t{height:70px; text-align:center;}
.news_t h4{font-size:20px; color:#003e9c;height:40px; line-height:40px;}
.news_t h4 span{color:#666; font-size:16px; font-weight:normal; padding-left:10px;}
#featureContainer{width:100%; float:left;}
#feature{POSITION:relative; height:220px;}
#feature .prev{text-indent:-9999px; width:30px; display:block; background:url(../images/prev.jpg) no-repeat; top:-30px; right:40px; height:24px; position:absolute; z-index:9999;}
#feature .next{text-indent:-9999px; width:30px; display:block; background:url(../images/next.jpg) no-repeat; height:24px; position:absolute; top:-30px; right:0; z-index:9999;}
.featureUL{POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH:2800px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; LEFT: 0px}
.featureBox{WIDTH:1100px; FLOAT: left; OVERFLOW: hidden;}
#botton-scroll{Z-INDEX: 0; WIDTH:100%; FLOAT: left;}

.news_txtbox{width:510px; float:left; margin:20px;}
.news_l{width:178px; height:138px; border:1px solid #ddd; float:left;}
.news_l img{width:174px; height:134px; padding:2px;}
.news_txt{width:320px; float:right;}
.news_txt h4{height:30px; overflow:hidden;}
.news_txt h4 a{line-height:30px; font-size:14px; color:#333; }
.news_txt h4 a:hover{color:#ff9900;}
.news_txt p{font-size:12px; line-height:24px; height:72px; overflow:hidden; color:#666; margin:4px 0;}
.date{height:30px; line-height:30px; overflow:hidden; width:296px;}
.date span{background:url(../images/icon_date.jpg) no-repeat left center; padding-left:24px; color:#999; float:left;}
.date a{float:right; color:#f00;}


/*footer_nav*/
.footer_nav{ background:#666; clear:both;}
.footer_nav ul{width:1080px; margin:0 auto; overflow:hidden; height:40px; padding:5px 0; margin-top:30px;}
.footer_nav ul li{width:154px; background:url(../images/f_line.jpg) no-repeat right center; float:left; text-align:center;}
.footer_nav ul li a{color:#fff; line-height:40px;}
.footer_nav ul li a:hover{color:#ff9900;}

/*footer_box*/
.footer_box{background:#333;}
.footer{ width:1100px; margin:0 auto; padding:30px 0; overflow:hidden;}
.footer_l{ width:220px; float:left;}
.ewm_sj{width:90px; float:left; margin-right:40px; text-align:center;}
.ewm_wx{margin-right:0;}
.ewm_sj img{width:90px; height:90px;}
.ewm_sj p{height:30px; line-height:30px; color:#fff;}
.footer_r{width:840px; float:right;}
.dz{width:540px; float:left;}
.dz p{color:#fff; line-height:30px;}
.bqq{width:200px; float:right;}
.bqq a{margin-left:30px;}
.qqq{clear:both; color:#fff; line-height:30px;}


/*link*/
.link_box{background:#666;}
.link{width:1100px; margin:0 auto;}
.link a{color:#999; margin-right:20px; display:inline-block; line-height:40px;}
.link a:hover{color:#fff;}

/*kf*/
.lxfx {height: auto; position: fixed;right:0px;top:400px;width: 77px;z-index:99999;}
.lxfx li a {color: rgb(255, 255, 255); display: block;height: 47px; margin-top: 9px;width: 300px;}
.leftlx { float: left;height: 47px;width: 77px;}
.lxfx li span {border-left: 1px solid rgb(255, 255, 255);color: rgb(255, 255, 255);float: left;font-size: 18px;height: 24px;line-height: 22px;margin-top: 8px;padding-left: 8px;}
.fix_ewm {border: 5px solid rgb(255, 255, 255);display: none;height:90px;left: -105px;position: absolute;top: -40px;width:90px;}
.lxfx li i {display: block;height: 27px;margin: 0 auto;text-align: center;width: 30px; background:url(../images/fx.png) no-repeat;}
.lxfx li i.icon-tel {background-position: 0 -25px;}
.lxfx li i.icon-ly {background-position: 4px -53px;}
.lxfx li i.icon-wx {background-position: -34px 4px;}
.lxfx li i.icon-wb {background-position: -30px -22px;}
.lxfx li p {line-height: 12px; text-align: center; color:#fff; font-size:12px;}
.lxfx li {background:#ff9900;height: 56px;margin-bottom: 1px;margin-left: 0;overflow: hidden; position: relative;width: 77px; float:left;}
.wx_ewm {border: 5px solid rgb(255, 255, 255);display: none;height:90px;left: -105px;position: absolute;top: -40px;width:90px;}


/*内页*/
/*about*/
.ny_banner_about{background:url(../images/banner_about.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_fw{background:url(../images/banner_fw.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_news{background:url(../images/banner_news.jpg) no-repeat top center; width:100%;height:300px;overflow:hidden;}
.ny_banner_join{background:url(../images/banner_join.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_con{background:url(../images/banner_con.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_honor{background:url(../images/banner_honor.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}


.ny_main{width:1100px; margin:0 auto; overflow:hidden; padding:40px 0px; }
.ny_left{width:240px; float:left;}
.ny_lft{width:180px; height:60px; line-height:60px;font-size:16px; font-weight:bold; float:left; color:#fff; background:url(../images/ny_t_bg.jpg) no-repeat left center; padding:0 30px;}
.ny_menu{width:238px;float:left; margin-bottom:20px; border:1px solid #ddd; border-top:none 0;border-bottom:none 0;}
.ny_menu ul{overflow:hidden;}
.ny_menu li{width:180px; height:50px; line-height:50px;  float:left;  padding:0 30px;border-bottom:1px solid #ddd;}
.ny_menu li a{ height:50px; display:block; font-weight:bold; color:#666; font-size:14px;background: url(../images/menu_bg.jpg) right center no-repeat;}
.ny_menu li a:hover,.ny_menu li a.active{color:#ff9900;}
.ny_lft_1{background:url(../images/ny_news_t_bg.jpg) no-repeat left center; height:50px; line-height:50px;}
.ny_news{width:238px;float:left; margin-bottom:20px; border:1px solid #ddd; border-top:none 0;}
.ny_news ul{padding:20px 0;}
.ny_news ul li{   width:180px; padding:0 30px;}
.ny_news ul li a{color:#666;background:url(../images/news_tt.jpg) no-repeat left center;height:30px; line-height:30px;overflow:hidden; display:block; padding-left:10px; font-size:12px;}
.ny_news ul li a:hover{color:#ff9900;}


.ny_right{width:818px; float:right; background:#fff; border:1px solid #ddd;}
.about_img{margin-top:20px; float:left;}
.ny_rtt{width:100%; height:60px; line-height:60px; border-bottom:#ddd 1px solid; background:#eee;}
.ny_rtt span{font-size:16px; font-weight:bold; float:left;color:#3f92fa; margin-left:30px;}
.ny_rtt .rt{float:right; color:#666; font-size:14px; margin-right:30px;}
.ny_rtt .rt a{color:#666; font-size:14px;}
/*sub_nav*/
.sub_nav{width:756px; margin:0 auto; overflow:hidden; margin-top:20px; }
.sub_nav li{width:100px; margin:0 13px 10px 13px; float:left; text-align:center;}
.sub_nav li a{-moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; display:block; line-height:30px; background:#fff; color:#666; font-size:12px; border:1px solid #ff9900; width:98px; height:28px;}
.sub_nav li a:hover,.sub_nav li a.active{background:#ff9900; color:#fff;}

.ny_rtm{width:760px; line-height:28px;padding:30px 29px 60px 29px; overflow:hidden;}


/*products*/
.pro_list{width:100%; float:left;text-indent:0;}
.pro_list li{width:243px; padding:5px; text-align:center; float:left;}
.pro_list li img{width:237px; height:170px; border:1px solid #ddd; padding:2px;}
.pro_list li p{clear:both; line-height:20px; font-size:12px; text-align:left;}
.pro_list li a{color:#666;}
.pro_list li p:hover{color:#ff9900;}

.honor_list{width:100%; float:left;text-indent:0;}
.honor_list li{width:243px; padding:5px; text-align:center; float:left;}
.honor_list li img{width:237px; height:170px; border:1px solid #ddd; padding:2px;}
.honor_list li p{clear:both; line-height:30px; font-size:12px;}
.honor_list li a{color:#666;}
.honor_list li p:hover{color:#ff9900;}


/*news*/
.news_bds{width:100%; padding-bottom:10px; float:left;}
.news_bds img{width:182px; height:140px; border:#eee 4px solid; margin-right:18px; float:left;}
.news_bds h1{width:540px; height:34px; border-bottom:#ddd 1px dashed; line-height:34px; color:#0082dd; float:right;}
.news_bds h1 a{font-size:14px; color:#666; float:left}
.news_bds h1 a:hover{color:#ff9900;}
.news_bds h1 span{float:right; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666;}
.news_bds_span2{width:540px; height:110px; color:#666; line-height:28px; float:right;}
.news_bds_span2 a{color:#ff9900;}
.news_bdx{width:100%; float:left; margin-top:10px;}
.news_bdx ul{overflow:hidden; text-indent:0;}
.news_bdx li{width:100%; height:32px; border-bottom:#ddd 1px dashed; float:left;}
.news_bdx li a{ line-height:32px; padding-left:12px; float:left;  background:url(../images/news_tt.jpg) no-repeat left center; color:#666;}
.news_bdx li a:hover{color:#ff9900;}
.news_bdx li span{color:#999; line-height:30px; padding-right:12px; float:right; font-size:12px;}


/*contact*/
.lxfs{width:100%; clear:both}
.lxfs div{width:500px; float:left;}
.lxfs h3{line-height:40px; margin-top:10px; clear:both}
.lxfs p{line-height:30px; clear:both}
.lxfs ul{margin-top:20px; float:right}
.lxfs ul li{width:105px; text-align:center; margin-right:20px; float:left;}
.lxfs ul li img{width:100px; height:100px; border:#ddd 1px solid; padding:2px; float:left;}