body{ font-size:12px; color:#333333; line-height:2; margin:0px auto; font-family:"微软雅黑" ;min-width:1300px; *display:inline;width:100%;} ul,ol,li,p,dl,dt,dd{margin:0;padding:0; list-style:none} a{ text-decoration:none; color:#000; } a img { border:0px;} a:hover{color:#c00;} img{border:0;vertical-align:top} .left{float:left; } .right{float:right;} .clear{clear:both;} .center{text-align:center} .container{width:1264px;clear:both;margin:0 auto;} .container:after{content:"";display:table;clear:both;} .titc{clear:both;text-align:center} .ctitle{background:#2061C4;height:43px;line-height:43px;text-indent:15px;font-size:15px;margin-left:10px;padding-right:10px;color:white} .ctitle a{font-size:15px;color:white} .ok{margin-left:10px;margin-top:10px;} .ftit{font-size:18px;font-weight:600;text-align:center;} .ftit1{font-size:15px;text-align:center;border-top:1px #ccc dashed;border-bottom:1px #ccc dashed;margin-top:10px;} .tit{} #p_proList li{width:245px;height:215px;text-align:Center;float:left} #p_proList li img{width:230px;height:168px;} #header{height:137px;} #top1{height:40px;line-height:40px;background:#3D3D3D} #top2{height:97px;background:url(images/lhqp_12.jpg) repeat-x;} #huanying{width:860px;height:40px;overflow:hidden;color:white;line-height:40px;float:left} #huanying p{margin:0;padding:0;} #huanying span{float:left;} #huanying span img{ float: left;} #huanying marquee{float:left;width:650px;margin-left:20px;} #ydh{float:right;text-align:right;font-size:14px;color:white;height:40px;overflow:hidden;} #ydh a.tk{color:white;padding:0 10px 0 30px;font-size:14px; margin: 0 10px;} #logo{float:left;height:97px;} #nav{position:relative;float:right;height:97px;} #nav>ul{height:97px;} #nav>ul>li{line-height:97px;text-align:center;height:97px;vertical-align:middle;position:relative;width:105px;float:left;} #nav>ul>li>a{font-size:16px;display:block;} #nav>ul>li{background:url(mages/bg-4.png) no-repeat left center; margin-left: -4px;} #nav>ul>li:hover{background:url(images/bg-3.png) no-repeat center center;} #nav>ul>li:hover:after li{background:none;} #nav>ul>li:hover a{color:white;} #nav>ul>li ul{position:absolute;z-index:999;top:97px;left:0;right:0;width:145px;background:#F8F8F8; display:none; margin: 0; padding: 0; left: 0;} #nav>ul>li:hover ul{display:block;} #nav>ul>li ul a{display:block; color: #000;} #nav>ul>li ul li{color:#3d3d3d;line-height:36px;border-bottom:1px #E0E0E0 solid;} #nav>ul>li ul li a{color:#3d3d3d !important;} #nav>ul>li ul li a:hover{ background: #ED1B24; color: #fff !important;} #banner{width:100%;height:496px;overflow:hidden;} #zoom{margin-top:10px;} #banner{width:100%;height:496px;clear:both;position:relative;overflow:hidden} #banner1{left:-960px;width:1920px;position:absolute;margin-left:50%;} .jc_index_banner{width:1920px;height:496px; overflow:hidden; position:relative;margin-left:-960px; left:50%; } #jc_banner{width:1920px; height:496px; overflow:hidden; margin-left:-960px; left:50%; } .jc_box_skitter{position:relative; background:none;} .fn-clear{zoom:1;} .jc_box_skitter .container_skitter { overflow:hidden; position:relative; } .jc_box_skitter .image { overflow:hidden; } .jc_box_skitter .image img { display:none; } .jc_box_skitter .box_clone { position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:20; } .jc_box_skitter .box_clone img { position:absolute; top:0; left:0; z-index:20; } .jc_box_skitter .prev_button_skitter, .jc_box_skitter .next_button_skitter{display:none; position:absolute; top:50%; width:40px; height:84px; overflow:hidden; text-indent:-9999em; margin-top:-44px; z-index:100;} .jc_box_skitter .prev_button_skitter{left:400px; background:url({$model.skin}/images/i_left2.png) no-repeat !important;} .jc_box_skitter .next_button_skitter{right:400px; background:url({$model.skin}/images/i_right2.png) no-repeat !important;} .jc_box_skitter .label_skitter { z-index:150; position:absolute; display:none; } .loading{position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px; color:#fff; text-indent:-9999em; overflow:hidden; width:31px; height:31px; } .jc_box_skitter .info_slide { position: absolute; bottom: 15px; left: 15px; z-index: 100; background-color: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; border-radius: 5px; opacity: 0.75; }.jc_box_skitter .info_slide .image_number { background-color: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; border-radius: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; } #mbaner{clear:both;z-index:100} #mbaner:before{clear:both;content:""} #mbaner:after{clear:both;content:""} #main1{margin:30px auto;height:170px;overflow:hidden} #main1 a{padding:0 10px;} #habout{min-height:456px;} #hproducts{margin:40px auto 20px auto;background:#1359B1;min-height:650px;color:white} #hproducts a{color:white} #hproducts .tit{height:110px;line-height:140px;overflow:hidden} #hproducts .tit span{float:left;} #hproducts .tit span a{font-size:24px;font-weight:bold} #hproducts .tit dd{float:right;} #hproducts .tit dd a{padding:0 30px;} #hproducts .con li{width:300px; height:285px; text-align:center;float:left;line-height:66px;} #hproducts .con li .img{background:url(images/cpbj.jpg) no-repeat;height:194px;width:268px;margin:0 auto;padding:10px;} #hproducts .con li .img img{width:268px;height:194px;} #newsbox{margin-bottom:20px;min-height:565px;} #newsbox .item{width:415px;} #newsbox .item .nr{padding:8px 0;height:130px;overflow:hidden} #newsbox .item ul li{border-bottom:1px dashed #ccc;background:url(images/tb.gif) no-repeat left 13px;text-indent:20px;clear:both;line-height:41px;font-size:14px;} #newsbox .item ul li span{float:right} #hydt{padding-left:15px;} #zswd{width:411px;} #zswd .con{margin:8px 0 0 0;border:2px #FDECCE solid;border-radius:3px;background:#2161C5;height:470px;overflow:hidden;color:white} #zswd .con a{color:white} #zswd .con li{padding:20px 10px;border-bottom:1px white dashed;} #zswd .con li .q{background:url(images/f.gif) no-repeat;padding:0 0 0 40px;} #zswd .con li .q .tit{width:340px;height:32px;background:#2882E3;overflow:hidden;padding-left:8px;font-size:15px;} #zswd .con li .a{background:url(images/Q.gif) no-repeat;padding:0 0 0 40px;height:48px;overflow:hidden;line-height:23px;font-size:14px;} #imggd{margin:24px auto;} #imggd .marquee{width:1258px;height:185px;overflow:hidden;margin-top:10px;} #imggd .marquee ul{padding:0;margin:0;} #imggd .marquee ul li{width:255px;height:185px;float:left;} #imggd .marquee ul li img{width:235px;height:185px;} #muse{} #muse .item{height:40px;line-height:40px;border:1px #DFDFDF solid;margin-bottom:3px;overflow:hidden;background:#F3F3F3;} #muse .item .tit{width:125px;background:url(images/cgal.gif) no-repeat 9px 9px;text-indent:50px;} #muse .item .tit.bg{background:url(images/xgcp.gif) no-repeat 9px 9px;} #muse .item .tit a{font-size:14px;font-weight:bold} #muse .item .con{width:1110px;height:40px;overflow:hidden} #muse .item .con a{padding:0 8px;white-space:nowrap;} #di{color:white;font-size:14px;margin-top:20px;clear:both;line-height:36px;} #di a{color:white} #yqlj{clear:both;background:#000000} #yqlj .tit{font-size:16px;color:white;font-weight:bold;} #yqlj .con{width:1120px;} #yqlj .con li{float:left;} #yqlj .con li a{white-space:normal;padding:0 8px;} #ditem{height:345px;clear:both;background:#014898;border-bottom:1px #336DAD solid} #ditem .dbq{width:700px;overflow:hidden} #ditem .dnav{width:550px;overflow:hidden} #ditem .dnav .item{width:270px;overflow:hidden} #ditem .dnav .item .tit{text-align:left;font-size:16px;font-weight:bold;line-height:120px;} #ditem .dnav .item .con{text-align:left;width:220px;line-height:30px;} #ditem .dnav .item .con a{padding:0 15px;white-space:nowrap} #ditem .dnav .item .kp a+a{border-left:1px white solid;} #di .bq{background:#014898;line-height:56px;height:56px;overflow:hidden;color:#CDDAEA} #di .bq p{padding:0;margin:0} #di .bq a{color:#CDDAEA} .w284{width:254px;margin-top:15px;} .w1010{width:990px;padding-LEFT:20px;margin-top:15px;} #leftlist {width:254px;} #leftlist .con{min-height:100px;padding:1px 0;background:url(images/j_27.jpg) repeat-y} #leftlist .con li{line-height:37px;height:36px;background:url(images/b.gif) no-repeat center center;text-indent:28px;width:248px;margin:4px auto;} #leftlist .con li a{font-size:14px;} #leftlist .con li.on{color:white;background:url(images/b.gif) no-repeat center center;} #leftlist .con li.on a{} #leftlist .con li:hover a{} #leftlist .foot{height:24px;overflow:hidden;background:url(images/j_34.jpg) no-repeat} #lxwm{margin-top:10px;width:254px;} #lxwm .con{min-height:150px;overflow:hidden;padding:10px 5px;background:url(images/j_27.jpg) repeat-y} #lxwm .foot{height:24px;overflow:hidden;background:url(images/j_34.jpg) no-repeat} #lxwm .con li{line-height:37px;height:37px;background:url(images/cpbg.jpg) no-repeat center center;text-indent:42px;width:242px;margin:0 6px;} #p_cplb{text-align:center;} #p_cplb li{ width:245px; height:215px; text-align:center;float:left;padding-top: 10px;} #p_cplb li img{width:230px; height:168px;border:1px #ccc solid;} #m_newsList{margin:0;padding:0;width:99%;} #m_newsList li{margin:0;height:40px;border-bottom:1px #ccc dashed;padding-left:20px; line-height:40px; clear:both; background:url(images/dot.png) no-repeat 8px 18px; } #m_newsList li a{float:left;font-size:14px;} #m_newsList li em{ float:left;} #m_newsList li span{float:right;margin:0 10px 0 0;font-size:13px;} #newsshow h2{font-size:16px; text-align:center; border-bottom:1px #C8D8F2 solid; line-height:50px;margin:0 10px;} #newsshow .time{ text-align:center;line-height:30px;margin:0 10px;border-bottom:1px #C8D8F2 solid;} #newsshow .time #art_author{margin:0 5px;} #newsshow .time #art_font a{margin:0 5px;} #newsshow .time #art_font a.on{color:Red;} #newsshow .rc{margin:0 5px;} .pagexl{clear:both; text-align:center;margin:0 auto;} .page{clear:both;text-align:center;margin:0 auto;} .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .pagination>li {display: inline;} .pagination>li>a:hover,.pagination>li>a.active, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #2a6496;background-color: #eee; border-color: #ddd;} .pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #428bca;text-decoration: none; background-color: #fff;border: 1px solid #ddd;} .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0} .pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;} /*end次页面包屑，新闻，产品，翻页样式*/ .h_site{float:right;} /*产品详细页 左图右简介 */ #protxt{display:inline-block;} #proimg {width:360px;height:280px;float:left; border:1px solid #ddd; margin:10px 0;} #protit{ font-size: 20px;float: left;margin-bottom: 6px;color:#000;font-family:'microsoft yahei';font-weight:300;line-height:60px;border-bottom:1px #D8D9DA dotted;width:100%;} #proAbstract{text-align: left;padding-top:60px; height:121px;} #proAbstract .con{width:100%;height:80px;overflow:hidden;font-size:13px;line-height:25px;} #productimagelist { width:360px;height:280px;position:relative;} #productimagelist ul { position:absolute;left:0;top:0;width:360px;height:280px; z-index:1;} #productimagelist ul li {float:left;width:360px;height:280px; display:none;} #productimagelist ul li.on {display:block;} #productimagelist ul li img {width:360px;height:280px;} #productimagelist ol { position:absolute;bottom:20px;left:20px; z-index:2;} #productimagelist ol li { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:0.4;} #productimagelist ol li.on { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:1;} #pro_right{width:590px;float:left; margin-left:25px;} #pro_con{padding:0;margin:0;clear:both;} #pro_con .menubox {width:100%;display:inline-block;border-bottom:1px #D7D4D4 solid;} #pro_con .menubox li{width:15%;float:left;background:#EE1C25;text-align:center;height:35px;color:#FFF;} #pro_con .menubox li:hover{background:#0C5CD3;} #pro_con .menubox li+li{background:#F3F3F3;color:#000;margin-left:2px;} #pro_con .menubox li+li a{color:#000;width:100%;} #pro_con .menubox li+li:hover{color:#FFF;} #pro_con .menubox li+li a:hover{color:#FFF;} #pro_con .menubox li a{line-height:35px;height:35px;color:#FFF; font-family: 'microsoft yahei';font-size: 15px;font-weight: normal;} #pro_con .itemtab {} #pro_con .itemtab h3{font-size:16px;font-family: 'microsoft yahei';color:#333;} #procon{float:left;} #procon .cpzx{float:left; width:820px; margin-left:5px; } #procon .cpzx .nrcon{padding-bottom:10px;} #procon .cpzx .cname{width:100%;border-bottom:1px #DCDCDC solid;} #procon .cpzx .cname a{font-family:'microsoft yahei';font-size:18px;color:#222222;padding-LEFT:10px;} #procon .cpzx .cimg {padding:20px 0;} #procon .cpzx .cimg li{font-family:'microsoft yahei';font-size:14px;color:#222222;padding:0 10px;float:left;overflow:hidden;width:185px; height:200px;} #procon .cpzx .cimg img{width:170px;height:135px; border:1px solid #ddd;} #procon .cpzx .cimg .img a{height:auto;} #procon .cpzx .cimg .txt a{width:171px;line-height:30px;height:30px;text-align:center;overflow:hidden; margin:8px 0; font-size:13px; background:#f3f3f3; color:#666;} .service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; font-size:12px;} .service_box .tab_nav{ position:absolute;left:-42px;top:-1px;margin:0;padding:0;list-style:none;} .service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;margin:0;padding:0;list-style:none;} .service_box .tab_nav > li.active{ background:#3463FF;} .service_box .tab_nav > li:first-child{border-radius:8px 0 0;} .service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;} .service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;} .service_box .tab_nav > li.active > a{ color:#fff;} .service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(images/bg_online_service_new.png) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;} .service_box .tab_nav .icon_1{ background-position:0 0 ;} .service_box .tab_nav .icon_2{ background-position:-28px 0 ;} .service_box .tab_nav .icon_3{ background-position:-56px 0 ;} .service_box .tab_nav .active .icon_1{ background-position:0 -28px ;} .service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;} .service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;} .service_box .tab_content{padding:18px 10px 10px; position:relative;} .service_box .tab_plan{ display:none; text-align:center;} .service_box .tab_plan p{color:#333;} #zoom p{font-size:14px;margin-bottom:15px;}