

/*合作品牌*/
.co-brand{ width:980px; height:180px; margin:0 auto; background:url(../images/pp_bg.jpg) no-repeat;}
.co-brand strong{ display:block; width:350px; height:30px; line-height:30px; margin:0 auto; text-align:center; color:#FFF;}
.co-brand-marquee{ width:980px; height:110px; padding:10px 0;}
.co-brand-gd{ width:924px; height:110px; float:left;}
.co-brand-list li{ width:144px; float:left; padding:0 5px;}
.co-brand-list li img{ width:142px; height:82px; border:#CCC solid 1px;}
.co-brand-list li span{ display:block; height:20px; line-height:20px; padding-top:5px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co-brand-list li a:hover img{ border:#06F solid 1px; filter: Alpha(Opacity=50); opacity:0.8;}

/*center*/
.more{ float:right; padding-right:10px; color:#666;}
.title01{ width:208px; height:36px; line-height:36px; background:url(../images/title01.jpg) no-repeat; color:#FFF;}
.title01 strong{ font-size:14px; padding:0 8px;}
.title01 span{ color:#ADBDCE; font-family:Arial; font-size:10px;}
.title02{ width:760px; height:36px; line-height:36px; background:url(../images/title02.jpg) no-repeat;}
.title02 strong{ color:#002C59; font-size:14px; padding-left:25px;}
.title03{ width:980px; height:44px; line-height:44px; background:url(../images/title03.png) no-repeat 0 12px;}
.title03 strong{ font-size:16px; padding-left:25px; padding-right:10px; font-weight:bold;}
.title03 span{ font-size:14px; color:#666; font-family:Arial;}

.center{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.box-l{ width:208px; height:auto; float:left;}
.sub-box{ width:208px; height: auto;}
.pro-menu{ width:206px;border:#CCC solid 1px; border-top:0; background:#F2F2F2; overflow:hidden;}
.menu-list{ width:190px; padding:8px;}
.menu-list li{ width:190px; height:28px; line-height:28px; background:url(../images/list.jpg) bottom no-repeat;margin-bottom: 13px;}
.menu-list li a{ display:block; height:28px; background:url(../images/li.jpg) no-repeat 5px 10px; padding-left:25px;}
.menu-list li a:hover,.on{ text-decoration:none; color:#F00;}


.box-r{ width:760px; height:auto; float:right;}
.product{ width:754px; border:#CCC solid 1px; border-top:0;overflow:hidden; padding:0 2px;}
.product-list li { width:176px; height:auto; float:left; padding:15px 6px 0px;}
.product-list li img{ width:170px; height:118px; border:#CCC solid 1px; padding:2px;}
.product-list li img:hover{ border:#06F solid 1px;}
.product-list li span{ display:block; text-align:center; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:5px;}

.gg01{ width:980px; height:120px; margin-top:40px;}
.gg_bg{ width:980px; height:20px; background:url(../images/gg_bg.jpg) no-repeat;}

.case{ width:980px; height:277px; background:url(../images/box_bg.png) top center no-repeat; padding-top:25px; overflow:hidden;}
.left_all{ width:23px; height:220px; float:left; padding-left:3px;}
.right_all{ width:23px; height:220px; float:right; padding-right:3px;}
.case-marquee{ width:924px; height:277px; float:left;}
.case-list li{ width:296px; height:auto;  float:left; padding:0 6px;}
.case-list li .case_bg{ width:296px; height:234px; background:url(../images/case_bg.jpg) no-repeat bottom;}
.case-list li img{ width:290px; height:218px; border:#CCC solid 1px; padding:2px;}
.case-list li img:hover{ border:#06F solid 1px;}
.case-list li span{ display:block; height:24px; line-height:24px;  text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg{ width:100%;/* height:344px; */background:#F9F9F9; border-top: #CCC solid 1px; border-bottom:#CCC solid 1px;}
.honor-box{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.honor{width:980px;/* height:270px;*/background:url(../images/box_bg.png) top center no-repeat #F9F9F9; padding-top:25px; overflow:hidden;}
.honor-marquee{width:924px; height:270px; float:left;}
.honor-list li{ width:168px; float:left; padding:0 8px;}
.honor-list li .ry_bg{ width:168px;height:229px; background:url(../images/ry_bg.jpg) no-repeat bottom;}
.honor-list li img{ width:162px; height:208px; border:#CCC solid 1px; padding:2px;}
.honor-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.honor-list li span{ display:block; height:24px; line-height:24px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.youshi{ width:980px; height:auto; overflow:hidden;}
.text01{ color:#D00000; font-size:14px; font-weight:bold; font-family:"微软雅黑";}
.ys-biaoti{ width:980px; height:104px; overflow:hidden;}
.ys01{ background:url(../images/ys01.jpg) no-repeat; overflow:hidden; height:300px;}
.ys01 strong{ display:block; font-size:23px; color:#1974B8; padding-top:50px; padding-left:70px; font-weight:normal;}
.ys01 p{ width:400px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys02{background:url(../images/ys02.jpg) no-repeat; overflow:hidden; height:300px;}
.ys02 strong{ display:block; width:460px; float:right; font-size:23px; color:#1974B8; padding-top:35px; padding-left:10px; font-weight:normal;}
.ys02 p{ width:460px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys03{background:url(../images/ys03.jpg) no-repeat; overflow:hidden; height:320px;}
.ys03 strong{ display:block; font-size:23px; color:#1974B8; padding-top:45px; padding-left:70px; font-weight:normal;}
.ys03 p{ width:410px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys04{ width:980px; height:320px; background:url(../images/ys04.jpg) no-repeat; overflow:hidden;}
.ys04 strong{ display:block; width:540px; float:right; font-size:23px; color:#1974B8; padding-top:40px; font-weight:normal;}
.ys04 p{ width:540px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px; overflow:hidden;}
.ys05{ width:980px; height:310px; background:url(../images/ys05.jpg) no-repeat; overflow:hidden;}
.ys05 strong{ display:block; font-size:23px; color:#1974B8; padding-top:35px; padding-left:70px; font-weight:normal;}
.ys05 p{ width:400px;max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}

.ys06{ width:980px; height:320px; background:url(../images/ys06.jpg) no-repeat; overflow:hidden;}
.ys06 strong{ display:block; width:540px; float:right; font-size:23px; color:#1974B8; padding-top:40px; font-weight:normal;}
.ys06 p{ width:540px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px; overflow:hidden;}
.ys07{ width:980px; height:310px; background:url(../images/ys07.jpg) no-repeat; overflow:hidden;}
.ys07 strong{ display:block; font-size:23px; color:#1974B8; padding-top:35px; padding-left:70px; font-weight:normal;}
.ys07 p{ width:400px;max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}



.aboutus-box{ width:980px; height:auto; margin:0 auto; padding-top:10px;}
.aboutus{background:url(../images/box_bg.png) top center no-repeat; padding-top:25px; overflow:hidden;}
.about-t{ width:322px; height:232px; float:left; background:url(../images/aboutus_bg.jpg) no-repeat bottom;}
.about-t img{ width:314px; height:214px; border:#CCC solid 1px; padding:3px;}
.about-text{ width:630px;height:232px; float:right; overflow:hidden; padding:0 12px 10px; line-height:28px; font-size:13px;}
.about-marquee{ width:980px; height:226px; padding-top:20px; background:url(../images/about_gun_bg.jpg) no-repeat top; margin:0 auto; }
.about-left{ width:17px; height:156px; float:left; padding-left:5px;}
.about-right{ width:17px; height:156px; float:right; padding-right:5px;}
.about-c{ width:924px; height:226px; float:left; padding:0 5px;}
.about-list li{ width:216px; height:auto; float:left; padding-left:8px; padding-right:7px;}
.about-list li img{ width:210px; height:150px; border:#CCC solid 1px; padding:2px;}
.about-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.about-list li span{ display:block; text-align:center; height:24px; line-height:24px; padding-top:5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg02{ width:100%; height:512px; padding-top:22px; background:#F9F9F9; border-top: #CCC solid 1px; }
.box01{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.js-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px;}
.js-title{ width:340px; height:45px; line-height:45px; background:url(../images/js-title.jpg) no-repeat;}
.js{ width:340px; padding-bottom:16px; overflow:hidden;}
.js-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.js-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.js-t img:hover{ border:#06F solid 1px;}
.js-text{ width:180px; height:116px; float:right; padding-top:6px;}
.js-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.js-text span{ height:20px; line-height:20px;}
.js-list{ padding-top:10px;}
.js-list li{ width:auto; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../images/list.png) no-repeat 0 13px;}
.js-list li span{ width:230px; height:34px; float:left; padding-left:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-list li em{ float:right;}

.news-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px; padding-left:20px;}
.news-title{ width:340px; height:45px; line-height:45px; background:url(../images/news-title.jpg) no-repeat;}
.news{ width:340px; padding-bottom:16px; overflow:hidden;}
.news-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.news-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.news-t img:hover{ border:#06F solid 1px;}
.news-text{ width:180px; height:116px; float:right; padding-top:6px;}
.news-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.news-text span{ height:20px; line-height:20px;}
.news-list{ padding-top:10px;}
.news-list li{ width:340px; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../images/list.png) no-repeat 0 13px;}
.news-list li span{ width:230px; height:34px; float:left; padding-left:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li em{height:34px; float:right;}

.faq-box{ width:222px; height:auto; float:right;}
.faq-title{ width:222px; height:45px; line-height:45px; background:url(../images/faq-title.jpg) no-repeat;}
.faq{ width:222px; overflow:hidden; }
.faq-list .wen{ width:220px; height:24px; line-height:24px; padding-top:10px; background:url(../images/wen.jpg) no-repeat 0 14px; overflow:hidden;}
.faq-list .da{ width:220px; height:48px; line-height:24px; padding-bottom:10px; background:url(../images/da.jpg) no-repeat 0 4px; overflow:hidden; border-bottom:#CCC dashed 1px;}
.faq-list a{ display:block; padding-left:20px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.link{ width:980px; height:84px; margin:0 auto; background:url(../images/link_bg.png) top no-repeat;}
.link p{ width:980px; height:34px; line-height:34px; padding:25px 0;}
.link i{ font-size:24px; color:#999999; font-family:"宋体";}
.link span{ font-size:14px; color:#BDB7B2; display:inline-block; padding:0 8px;}
.link a{display:inline-block; padding:0 5px;color:#BDB7B2; }

.footer{ width:100%; height:300px; background:#2E5882; overflow:hidden;}
.btm{ width:980px; height:270px; margin:0 auto;}
.sub-nav{ width:980px; height:45px; line-height:45px; border-bottom:#FFF dashed 1px; overflow:hidden;}
.sub-nav-list{ width:880px; margin:0 auto;}
.sub-nav-list li{ float:left; color:#FFF; text-align:center;}
.sub-nav-list li a{ display:inline-block; padding:0 17px; color:#FFF;}

.weixin{ width:145px; height:auto; float:left; padding-top:15px; padding-left:5px; padding-right:25px;}
.weixin span{ display:block; height:24px; line-height:24px; text-align:center; padding-top:5px; color:#FFF;}
.fenxiang{ width:145px; height:24px;}
.fenxiang p{height:24px; line-height:24px; color:#FFF;}
.bd02{ width:2px; height:202px; background:url(../images/bd02.jpg) no-repeat; float:left; margin-top:10px;}
.copy{ width:800px; height:auto; padding:15px 20px 0; line-height:25px; color:#FFF; margin:0 auto;}
.copy p img{ vertical-align:middle; padding:0 5px;}
.btm_link{ width:490px; height:40px; padding-top:10px;}
.map{ width:234px; height:auto; float:right; padding-top:15px; padding-right:5px;}

.ht a{ color:#fff;}
.ht a:hover{ color:#FF9900}