/*客服 回到顶部*/
.kefu-box { position: fixed; right: 20px; bottom: 180px; z-index: 1000; }
.kefu { width: 46px; height: 46px; padding-left: 10px; margin-bottom: 5px; position: relative; }
.kefu span { display: block; width: 45px; height: 45px; border: 1px solid transparent; position: relative; cursor: pointer; }
.kefu-email span { background: #333 url(../images/email.png) no-repeat center; }
.kefu-qq span { background: #333 url(../images/qq.png) no-repeat center; }
.kefu-tel span { background: #333 url(../images/tel.png) no-repeat center; }
.kefu-erweima span { background: #333 url(../images/erweima.png) no-repeat center; }
.kefu-email:hover span { background: #eb0001 url(../images/email-h.png) no-repeat center; border-color: #eb0001; }
.kefu-qq:hover span { background: #eb0001 url(../images/qq-h.png) no-repeat center; border-color: #eb0001; }
.kefu-tel:hover span { background: #eb0001 url(../images/tel-h.png) no-repeat center; border-color: #eb0001; }
.kefu-erweima:hover span { background: #eb0001 url(../images/erweima-h.png) no-repeat center; border-color: #eb0001; }
.kefu-email-info { width: 180px; display: block; position: absolute; right: 56px; top: 1px; height: 45px; line-height: 45px; background-color: #eb0001; text-align: center; color: #fff; display: none; }
.kefu-email-info:after { content: ''; display: block; width: 0; height: 0; border: 8px; border-color: transparent; border-style: solid; border-left: 8px solid #eb0001; position: absolute; right: -16px; top: 13px; }
.backTop { width: 45px; height: 45px; margin-left: 10px; border: 1px solid transparent; background: #333 url(../images/backtop.png) no-repeat center; cursor: pointer; }
.backTop:hover { background: #eb0001 url(../images/backtop-h.png) no-repeat center; border-color: #eb0001; }
.kefu-erweima-img {width: 110px;display: block;position: absolute;right: 56px;bottom: 0;height: 110px;text-align: center;color: #fff;display: none;border: 1px solid #fbfbfb;}
.kefu-erweima-img:after { content: ''; display: block; width: 0; height: 0; border: 8px; border-color: transparent; border-style: solid; border-left: 8px solid #ddd; position: absolute; right: -16px; bottom: 13px; }

/*header*/
.header { width: 100%; background-color: #fff; position: relative; z-index: 19; }
.head-top { width: 100%; height: 40px; line-height: 40px; background-color: #333; }
.head-top h1 { color: #fff; float: left; }
.head-tel { width: 500px; text-align: right; float: right; color: #fff; }
.head-tel span { font-size: 18px; font-family: Arial; color: #fff; }
.head { width: 100%; background-color: #fff; }
.logo { display: block; float: left; overflow: hidden; width: 280px; margin-top:12px;}
.nav { float: right; padding-top:10px; text-align: right; font-size: 0; margin-bottom:10px;}
.nav li { display: inline-block; *display: inline; *zoom: 1; width: 110px; height: 70px; position: relative; vertical-align: middle; }
.nav li > a { display: block; width: 110px; height: 70px; text-align: center; font-size: 16px; color: #333; line-height: 70px; }
.nav li:hover > a,.nav li.active > a { color: #eb0001; }
.nav li .pull-down { width: 180px; position: absolute; left: -30px; background-color: #fff; border-top: 2px solid #E50112; top: 69px; z-index: 20; display: none; }
.nav li:hover .pull-down { display: block; }
.nav li .pull-down a { display: block; width: 130px; padding: 0 25px; height: 40px; line-height: 40px; color: #666; font-size: 14px; text-align: left; border-bottom: 1px solid #eee; background: url(../images/nav_bg.png) no-repeat 150px center;
 -webkit-transition: 0.8s; -ms-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }
.nav li .pull-down a:hover { text-indent: 0.5em; background: #eee url(../images/nav_bg.png) no-repeat 160px center; color: #000; }

/*banner*/
.banner { width: 100%; background-color: #000; height: 500px; position: relative; z-index: 9; overflow: hidden; }
.banner .b-img { position: absolute; left: 0 ; top: 0; height: 500px; z-index: 11; }
.banner .b-img a { display: block; float: left; height: 500px; }
.banner-img { float: left; margin-top: 58px; width: 622px; float: left; }
.banner-img2 { float: left; width: 425px; margin: 196px 0 0 53px; }
.bar-left,.bar-right { display: block; width: 30px; height: 60px; position: absolute; top: 250px; z-index: 12; }
.bar-left { left: -35px; background: url(../images/ban_l.png) no-repeat center; }
.bar-right { right: -35px; background: url(../images/ban_r.png) no-repeat center; }
.banner:hover .bar-left { left: 55px; }
.banner .bar-left:hover { background: url(../images/ban_lh.png) no-repeat center; }
.banner:hover .bar-right { right: 55px; }
.banner .bar-right:hover { background: url(../images/ban_rh.png) no-repeat center; }

/*首页 服务项目*/
.i-project { padding: 40px 0; background-color: #fff; }
.i-project-top { width: 100%; overflow: hidden; margin-bottom: 20px; }
.i-project-title { float: left; width: 150px; padding-left: 10px; border-left: 3px solid #eb0001; }
.i-project-title h2 { font-size: 24px; color: #333; line-height: 30px; }
.i-project-title h4 { color: #444; line-height: 24px; }
.i-project-ctrl { float: right; text-align: right; font-size: 0; width:900px; padding-top: 12px; }
.i-project-ctrl a { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; height: 33px; line-height: 33px; border-bottom: 1px solid #eb0001; vertical-align: middle; color: #666666; font-size: 14px; }
.i-project-ctrl a.active { background-color: #eb0001; color: #fff; }
.i-project-content { width: 100%; overflow: hidden; }
.i-project-contents { width: 100%; overflow: hidden; display: none; }

.i-project-content .img1 { float: left; width: 543px; height: 543px; }
.i-project-content .img1 a,.i-project-content .img1 img { width: 543px; height: 543px; display: block; }
.i-project-content .img1 a { position: relative; cursor: pointer; overflow: hidden; }
.i-project-content .img1 a i { display: block; width: 102px; height: 84px; position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.68) url(../images/indexs_09.png) no-repeat center; }
.i-project-content .img1 a:hover i { background-color: #e50012; }

.i-project-content .imgs { width: 557px; float: right; overflow: hidden; }


.i-project-content .imgs a h3:hover { text-decoration: underline; }

.i-project-content .imgs .img3 { margin-bottom: 10px; width: 266px; height: 266px; float: left; }
.i-project-content .imgs .img3 { width: 266px; overflow: hidden; margin-left: 10px; }
.i-project-content .imgs .img3 a { display: block; width: 266px; height: 266px; cursor: pointer; position: relative; overflow: hidden; }
.i-project-content .imgs .img3 a h3 { padding-left: 20px; width: 246px; height: 38px; line-height: 38px; background: url(../images/bg.png) repeat left top; position: absolute; left: 0; bottom: 0; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.i-project-content .imgs a:hover h3 { background: url(../images/bg_h.png) repeat left top; }

.i-project-content a img { -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.i-project-content a:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

/*首页工程案例*/
.i-case { background-color: #f2f2f2; padding: 40px 0; }
.i-case h2 { text-align: center; font-size: 30px; line-height: 30px; padding-bottom: 30px; background: url(../images/index_26.png) no-repeat center bottom; }
.i-case h4 { color: #666; text-align: center; line-height: 30px; margin-bottom: 35px; }

.i-case-left { float: left; position: relative; z-index: 3; }
.i-case-left ul li { width: 124px; height: 95px; padding-left: 40px; background-color: #646464; border-top: 1px solid #fff; position: relative; *zoom: 1;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.i-case-left ul li:first-child { border: none; }
.i-case-left ul li h3 { font-size: 18px; color: #fff; line-height: 24px; padding-top:18px; }
.i-case-left ul li h5 { font-size: 14px; font-family: Arial; color: #dfdfdf; line-height: 24px; }
.i-case-left ul li.active { background-color: #eb0001; }
.i-case-left ul li .line { width: 42px; height: 3px; background-color: #646464; margin-top: 3px; }
.i-case-left ul li.active .line { background-color: #fff; }
.i-case-left ul li:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 9px; border-color: transparent; position: absolute; right: -18px; top: 5px; }
.i-case-left ul li.active:after { border-left-color: #eb0001; }

.i-case-right { width: 936px; float: right; position: relative; z-index: 2; }
.i-case-slide { width: 936px; position: relative; display: none; }
.i-case-slide .bd ul { overflow: hidden; }
.i-case-slide .bd ul li { float: left; position: relative; width: 936px; height: 480px; }
.i-case-slide .bd ul li .img { width: 936px; height: 480px; }
.i-case-slide .bd ul li .img img { display: block; width: 936px; height: 480px; }
.i-case-slide .bd ul li .img-intro { position: absolute; left: 0; top: 0; width: 230px; height: 420px; padding: 61px 40px 0; background: url(../images/index_13.png) repeat left top; }
.i-case-slide .bd ul li .img-intro h5 { font-size: 24px; color: #fff; line-height: 30px; margin: 30px 0 10px; }
.i-case-slide .bd ul li .img-intro h6 { color: #fff; line-height:20px;width:250px; padding-bottom:8px;}



.i-case-slide .bd ul li .img-intro p { color: #fff; }
.i-case-slide .bd ul li .img-intro a { display: block; width: 105px; height: 30px; border-radius: 2px; background-color: #fff; text-align: center; line-height: 30px; color: #333; margin-top: 30px; }
.i-case-slide .bd ul li .img-intro a:hover { background-color: #eb0001; color: #fff; }
.i-case-slide .hdnext,.i-case-slide .hdprev { display: block; width: 70px; height: 46px; background: url(../images/indexs_13.jpg) no-repeat center; position: absolute; bottom: 0; cursor: pointer; }
.i-case-slide .hdprev { right: 70px; background-position: 0 0; }
.i-case-slide .hdprev:hover { opacity: 0.9; filter: alpha(opacity=90); }
.i-case-slide .hdnext { right: 0; background-position: -70px 0; }
.i-case-slide .hdnext:hover { opacity: 0.9; filter: alpha(opacity=90); }

/*首页 第三部分*/
.i-choose { padding: 40px 0; background-color: #fff; }
.i-choose-title { width: 1100px; margin: 0 auto 42px; height: 102px; background: url(../images/index_41.png) no-repeat center top; }
.i-choose-title h2 { font-size: 30px; text-align: center; color: #fff; padding-top: 15px; }
.i-choose-title h4 { font-size: 18px; font-family: 'itc_avant'; color: #f79494; text-align: center; text-transform: uppercase; }
.i-choose .items { width: 550px; float: left; padding-bottom: 10px; }
.i-choose .items-t { overflow: hidden; }
.i-choose .items-t .number { float: left; font-family: 'itc_avant'; width: 37px; height: 99px; line-height: 36px; background: url(../images/index_59.jpg) no-repeat center; text-align: center; color: #fff; font-size: 24px; font-weight: bold; }
.i-choose .items-t .para { float: left; width: 497px; padding: 2px 0 0 16px; }
.i-choose .items-t .para h3 { font-size: 24px; color: #eb0001; line-height: 30px; }
.i-choose .items-t .para h6 { line-height: 24px; color: #666666; font-family: Arial; }
.i-choose .items-t .para p { font-size: 16px; color: #666666; }
.i-choose .items1 .img { background-color: #eb0001; border-radius: 50%; width: 328px; height: 328px; padding: 10px 0 0 10px; }
.i-choose .items1 .img img { display: block; width: 338px; height: 338px; border-radius: 50%; }
.i-choose .items2,.i-choose .items4 { width: 467px; margin-left: 83px; }
.i-choose .items2 .img { width: 467px; height: 254px; margin-bottom: 22px; }
.i-choose .items2 .img img { width: 467px; height: 254px; display: block; }
.i-choose .items2 .items-t,.i-choose .items4 .items-t { padding-left: 30px; }
.i-choose .items2 .items-t .para,.i-choose .items4 .items-t .para { width: 384px; }
.i-choose .items3 { padding-top: 40px; }
.i-choose .items3 .img { margin: -15px 0 0 55px; width: 440px; }
.i-choose .items3 .img img { width: 440px; display: block; }
.i-choose .items4 .img { margin: 0 auto; width: 366px; margin-bottom: 15px; }
.i-choose .items4 .img img { width: 366px; display: block; }

/*首页 关于我们*/
.i-about { padding: 40px 0; background-color: #f3f3f3; }
.i-about h2 { text-align: center; font-size: 30px; line-height: 30px; padding-bottom: 30px; background: url(../images/index_26.png) no-repeat center bottom; }
.i-about h4 { color: #666; text-align: center; line-height: 30px; margin-bottom: 35px; }

.i-about-video { float: left; width: 496px; height: 310px; background-color: #000; }
.i-about-video a,.i-about-video a img { display: block; width: 496px; height: 310px; }
.i-about-video a:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*弹框*/
.pop-box-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/bg-box.png); display: none; z-index: 1001; }
.pop-box { width: 860px; height: 524px; padding: 50px; background-color: #F3F3F3; position: absolute; left: 50%; margin-left: -480px; top: 0; margin-top: -312px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.pop-box .close-box { width: 38px; height: 38px; background: url(../images/btn-close-modal.png) no-repeat center; cursor: pointer; position: absolute; right: 10px; top: 10px;
 -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.pop-box .close-box:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.i-intro { width: 524px; float: right; height: 230px; padding: 40px; background-color: #fff; }
.i-intro h3 { font-size: 24px; font-weight: bold; color: #eb0001; line-height: 22px; margin-bottom: 20px; }
.i-intro .para { height: 96px; overflow: hidden; margin-bottom: 36px; }
.i-intro .para p { line-height: 24px; color: #666; }
.i-intro a { display: block; width: 94px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #eb0001; }
.i-intro a:hover { background-color: #333; }

/*办公环境*/
.i-about-scroll { width: 100%; overflow: hidden; margin-top: 20px; }
.i-about-scroll h3 { width: 95px; height: 150px; background: #e50012; color: #fff; text-align: center; line-height: 150px; float: left; font-size: 18px; }
.i-about-slide { width: 1005px; float: left; position: relative; }
.i-about-slide .bd ul { overflow: hidden; }
.i-about-slide .bd ul li { float: left; width: 223px; height: 150px; margin-left: 10px; background-color: #000; }
.i-about-slide .bd ul li img { display: block; width: 223px; height: 150px; -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.i-about-slide .bd ul:hover li img { opacity: 0.3; filter: alpha(opacity=30); }
.i-about-slide .bd ul li:hover img { opacity: 1; filter: alpha(opacity=100); }
.i-about-slide .hdnext,.i-about-slide .hdprev { display: block; width: 70px; height: 46px; background: url(../images/indexs_13.jpg) no-repeat center; position: absolute; bottom: 0; cursor: pointer; }
.i-about-slide .hdprev { right: 70px; background-position: 0 0; }
.i-about-slide .hdprev:hover { opacity: 0.9; filter: alpha(opacity=90); }
.i-about-slide .hdnext { right: 0; background-position: -70px 0; }
.i-about-slide .hdnext:hover { opacity: 0.9; filter: alpha(opacity=90); }

/*首页 公司新闻，常见问题*/
.i-news { padding: 40px 0; background-color: #fff; }
.i-news-left { width: 755px; float: left; }
.i-news-top { width: 100%; overflow: hidden; margin-bottom: 26px; }
.i-news-title { float: left; width: 200px; padding-left: 10px; border-left: 3px solid #eb0001; }
.i-news-title h2 { font-size: 24px; color: #333; line-height: 30px; }
.i-news-title h4 { color: #444; line-height: 24px; text-transform: uppercase; }
.i-news-ctrl { float: right; text-align: right; font-size: 0; width: 500px; padding-top: 12px; }
.i-news-ctrl a { display: inline-block; *display: inline; *zoom: 1; padding: 0 23px; height: 33px; line-height: 33px; border-bottom: 1px solid #eb0001; vertical-align: middle; color: #666666; font-size: 14px; }
.i-news-ctrl a.active { background-color: #eb0001; color: #fff; }

.i-news-contents { width: 100%; }
.i-news-hot { width: 100%; overflow: hidden; }
.i-news-hot .img { width: 355px; height: 166px; float: left; position: relative; }
.i-news-hot .img a { display: block; width: 355px; height: 166px; overflow: hidden; background-color: #000; }
.i-news-hot .img a img { -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.i-news-hot .img a:hover img { opacity: 0.7; filter: alpha(opacity=70); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.i-news-hot .img .time { width: 62px; height: 54px; padding-top: 11px; background-color: #535353; text-align: center; color: #ccc; font-family: Arial; position: absolute; left: 0; top: 0; }
.i-news-hot .img .time b { font-size: 30px; color: #fff; display: block; line-height: 30px; }
.i-news-hot .imgr { float: left; padding: 10px 0 0 20px; width: 380px; }
.i-news-hot .imgr h2 { font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 10px; }
.i-news-hot .imgr h2 a { color: #333; }
.i-news-hot .imgr h2 a:hover { text-decoration: underline; color: #eb0001; }
.i-news-hot .imgr .para { height: 48px; overflow: hidden; margin-bottom: 15px; }
.i-news-hot .imgr .para p { line-height: 24px; color: #666; }
.i-news-hot .imgr a.transition { display: block; width: 94px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #eb0001; }
.i-news-hot .imgr a.transition:hover { background-color: #333; }

.i-news-list li { padding: 20px 0; border-top: 1px solid #dfdfdf; overflow: hidden; }
.i-news-list li:first-child { border: none; }
.i-news-list li .li-times { float: left; width: 70px; height: 72px; background-color: #656565;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.i-news-list li:hover .li-times { background-color: #eb0001; }
.i-news-list li .li-times span { width: 100%; display: block; height: 50px; line-height: 50px; text-align: center; font-family: 'avantgargotitcteedemregular'; color: #fff; font-size: 44px; }
.i-news-list li .li-times p { width: 100%; height: 20px; line-height: 20px; border-top: 2px solid #e5e5e5; text-align: center; font-size: 12px; color: #fff; }
.i-news-list li .li-contents { float: left; padding: 12px 0 0 20px; width: 665px; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.i-news-list li:hover .li-contents { padding-left: 15px; }
.i-news-list li .li-contents h3,
.i-news-list li .li-contents p { line-height: 24px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.i-news-list li .li-contents h3 a { color: #333; font-size: 16px; }
.i-news-list li .li-contents p { color: #666; }
.i-news-list li .li-contents h3 a:hover,
.i-news-list li .li-contents p a:hover { color: #eb0001; }
/*右侧 常见问题*/
.i-problem { width: 296px; float: right; }
.i-problem-title { padding: 20px; height: 50px; width: 285px; background-color: #f7f7f7; position: relative; }
.i-problem-title h2 { font-size: 24px; line-height: 30px; border-left: 3px solid #eb0001; padding-left: 12px; }
.i-problem-title h4 { font-family: Arial; line-height: 18px; color: #666; border-left: 3px solid #eb0001; padding-left: 12px; }
.i-problem-title a { display: block; width: 26px; height: 26px; background: #2d2d2d url(../images/indexs_17.png) no-repeat center; position: absolute; right: 20px; top: 20px; }
.i-problem-title a:hover { background-color: #eb0001; }

.i-problem-list { width: 296px; }
.i-problem-list li { padding: 20px 0; border-top: 1px dashed #a1a1a1; }
.i-problem-list li:first-child { border-top: none; }
.i-problem-list li h5,.i-problem-list li h6 { height: 22px; line-height: 22px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.i-problem-list li h5 { margin-bottom: 8px; }
.i-problem-list li h5 span,.i-problem-list li h6 span { float: left; display: block; width: 22px; height: 22px; line-height: 22px; margin-right: 12px; background-color: #eb0001; color: #fff; text-align: center; }
.i-problem-list li h5 a { color: #333; }
.i-problem-list li h5 a:hover { color: #eb0001; }
.i-problem-list li h6 span { background-color: #4b4b4b; color: #fff; }
.i-problem-list li h6 a { color: #818181; }
.i-problem-list li h6 a:hover { color: #4b4b4b; }
/*.i-problem-list li:hover h5 span,.i-problem-list li:hover h6 span { margin-left: 8px; }*/

/*底部*/
.footer	{ width: 100%; background-color: #292929; }
.footer	a { -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.friend-link { width: 1100px; margin: 0 auto; padding: 38px 0 30px; line-height: 24px; color: #666; }
.friend-link a { color: #666; margin: 0 20px; }
.friend-link a:hover { color: #999; }
.foot { width: 1100px; margin: 0 auto; border-top: 1px solid #303030; padding: 40px 0 35px; overflow: hidden; }
.foot-left { width: 274px; float: left; overflow: hidden; }
.foot-left .img { width: 117px; float: left; margin-right: 20px; }
.foot-left .img img {width: 117px;height: 117px;border: 1px solid #fbfbfb;}
.foot-left .img p { text-align: center; color: #fff; line-height: 24px; }
.foot-nav { float: right; width: 730px; overflow: hidden; }
.foot-nav dl { float: left; width: 110px; margin-right: 22px; }
.foot-nav dl.last { width: 70px; margin-right: 0; }
.foot-nav dl dt { line-height: 24px; margin-bottom: 5px; }
.foot-nav dl dt a { color: #999; }
.foot-nav dl dt a:hover { color: #eee; }
.foot-nav dl dd { line-height: 24px; }
.foot-nav dl dd a { color: #666; }
.foot-nav dl dd a:hover { color: #999; }
.copyright { width: 100%; background-color: #1e1e1e; height: 50px; line-height: 50px; }
.copyright p { float: left; color: #666; }
.copyright .ctmon { float: right; }
.copyright p a:hover,.copyright .ctmon:hover { color: #999; }

/*----  list   ----*/


.banners { width: 100%; height: 307px; }
.banners-main { width: 1100px; margin: 0 auto; padding-top: 98px; }
.banners-main h2 { font-size: 30px; text-align: right; color: #fff; line-height: 28px; margin-bottom: 28px; }
.banners-main p { line-height: 26px; text-align: right; color: #fff; }

.menu-box { width: 100%; background-color: #fff; }
.menu-box.fixed { position: fixed; left: 0; top: 0; z-index: 1002; }
.menu { width: 1100px; margin: 0 auto; overflow: hidden; }
.menu span { display: block; float: left; line-height: 66px; }
.menu span a { display: block; height: 62px; border-top: 4px solid #fff; padding: 0 25px; font-size: 15px; color: #333333; }
.menu span.active a { border-top: 4px solid #d41120; background-color: #f4f4f4; color: #e50012; }
.menu span a:hover { color: #e50012; }


.container { width: 100%; background-color: #f4f4f4; }

.project { width: 1100px; margin: 0 auto; padding-top: 58px; }
.project-list { width: 1112px; margin: 0 auto; padding-bottom: 100px; }
.project-list ul { overflow: hidden; margin-bottom: 56px; }
.project-list ul li { float: left; margin: 12px 6px 0; }
.project-list ul li a { display: block; width: 266px; height: 266px; overflow: hidden; position: relative; }
.project-list ul li a img { display: block; width: 266px; height: 266px; -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.project-list a:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

.project-list ul li a h3 { padding-left: 20px; width: 246px; height: 46px; line-height: 46px; background: url(../images/bg.png) repeat left top; position: absolute; left: 0; bottom: 0; color: #fff;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.project-list ul li a:hover h3 { background: url(../images/bg_h.png) repeat left top;; }
.project-list ul li a h3:hover { text-decoration: underline; }


.case-banner .banners-main h2,.case-banner .banners-main p { text-align: left; }
.case { width: 1100px; margin: 0 auto; padding: 60px 0 84px; }
.case-list { overflow: hidden; margin-bottom: 50px; }
.case-list li { width: 550px; float: left; margin-bottom: 30px; border-bottom: 1px dashed #dcdcdc; }
.case-list li.r { padding-left: 10px; width: 540px; }
.case-list li .img { display: block; width: 540px; height: 272px; position: relative; overflow: hidden; cursor: pointer; }
.case-list li .img img { display: block; width: 540px; height: 272px; -webkit-transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.case-list li:hover .img img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
.case-list li .img h3 { padding-left: 14px; width: 526px; position: absolute; left: 0; bottom: 0; height: 36px; line-height: 36px; background: url(../images/bg.png) repeat left top; color: #fff; }
.case-list li h4 { height: 58px; line-height: 58px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; }
.case-list li:hover h4 { text-indent: 1em; }
.case-list li .img h3 { -webkit-transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.case-list li:hover .img h3 { background: url(../images/bg_h.png) repeat center; }
.case-list li .img h3:hover { text-decoration: underline; }
.case-list li h4:hover { color: #444; }

.aboutList {width: 1020px;padding: 38px; margin: 0 auto;border: 1px solid #e6e6e6;background-color: #fff;overflow: hidden;}

.aboutList p { line-height:30px; padding-bottom:12px;}
.aboutList div { line-height:30px; padding-bottom:12px;}

.service { width: 1100px; margin: 0 auto; padding: 60px 0 100px; }
.faqList { width: 100%; margin-top: 26px; }
.faqList li { width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #c9c9c9; margin-bottom: 40px; }
.faqList li h4 { width: 1047px; height: 43px; line-height: 43px; padding-left: 53px; background: #8c8c8c url(../images/faq_01.png) no-repeat 12px center; font-size: 15px; color: #FFF; margin-bottom: 15px; }
.faqList li .faqListC { margin-left: 62px; width: 1038px; overflow:hidden; -webkit-box-shadow: 0 3px 7px #e1e1e1; box-shadow: 0 3px 7px #e1e1e1; padding-top: 7px; background: #f7f7f7 url(../images/faq_03.jpg) no-repeat center top; }
.faqList li .faqListC .para { width: 984px; padding: 10px 12px 10px 40px; border: 1px solid #d6d6d6; border-top: none; background: url(../images/faq_02.jpg) no-repeat 12px 12px; }
.faqList li .faqListC .para p { color: #616469; line-height: 24px; }


.titlebar{height:50px;  font-size:16px; color:#fff; margin-top:20px; font-weight:bold; width:100%;}
    
.titlebar li{float:left;background:#D41120; padding:13px 0; overflow:hidden;text-align: center;}
.w132{width:200px; margin-right:1px;}
.w155{width:698px; margin-right:1px;}

.w127{width:200px;}
a.x007{color:#626262;}
a.x007:hover,.w127 a:hover{color:#c00; text-decoration: underline;}
.titlebar2 { margin-bottom: 50px;}
.titlebar2 ul{overflow:hidden; width:100%;}
.titlebar2 ul li{padding:10px 0; height:22px; line-height: 22px; color:#626262; font-size:13px; text-align:center; overflow:hidden;}

.titlebar2 .bga li{background:#eee; float:left;}
.titlebar2 .bgb li{background:#fff; float:left;}


.news-banner .banners-main h2 { color: #333; }
.news-banner .banners-main p { color: #959595; }
.news { width: 1100px; margin: 0 auto; padding: 55px 0 88px; }
.news-list { width: 100%; padding-bottom: 60px; }
.news-list li { width: 1098px; border: 1px solid #d7d7d7; margin-bottom: 20px; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.news-list li:hover { background-color: #d41120; border: 1px solid #d41120; }
.news-list li a { display: block; width: 1038px; padding: 20px 40px 20px 20px; overflow: hidden; cursor: pointer; }
.news-list li a .img { float: left; width: 265px; height: 124px; overflow: hidden; }
.news-content { float: left; margin-left: 18px; width: 650px; -webkit-transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.news-list li:hover .news-content { margin-left: 25px; }
.news-content h2 { font-size: 16px; color: #333; line-height: 24px; }
.news-content .para p { color: #868686; line-height: 24px;height:72px; overflow:hidden;}
.news-content .line { width: 32px; height: 2px; background-color: #d7d7d7; margin: 10px 0 25px; }
.news-right { float: right; width: 60px; }
.news-time p { line-height: 20px; color: #999; text-align: right; }
.news-time p.p1 { font-size: 18px; }
.news-right i { display: block; width: 27px; height: 27px; background: url(../images/news-ico.png) no-repeat 0 0; margin: 57px 0 0 32px; }
.news-list li:hover h2,.news-list li:hover p { color: #fff; }
.news-list li:hover .news-right i { background: url(../images/news-ico.png) no-repeat 0 -27px; }


.newsDetail { width: 1020px; padding: 40px 40px 80px; background-color: #FFF; margin: 0 auto; }
.newsDetail .newsTitleBox { width: 1020px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.newsDetail .newsTitleBox h3 { font-size: 24px; color: #333; line-height: 36px; text-align: center; }
.newsDetail .newsTitleBox p { font-size: 13px; color: #999; line-height: 24px; text-align: center; }
.newsDetail .newsDetails { padding: 20px 10px 0; }
.newsDetail .newsDetails p { color: #666; line-height: 24px; margin-top: 10px; }
.newsDetail .newsDetails img { margin: 15px auto 0; }

.newsDetail .tag { width: 100%; margin-top: 30px; }
.newsDetail .tag a { margin: 0 5px; }
.newsDetail .tag a:hover { text-decoration: underline; }

.newsDetail .detailPage { width: 1020px; height: 30px; line-height: 30px; position: relative; margin-top: 50px; }
.newsDetail .detailPage .detailPageL { float: left; width: 340px; padding: 0 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.newsDetail .detailPage .detailPageR { float: right;  padding: 0 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.newsDetail .detailPage .detailPageL { background: url(../images/L01.png) no-repeat left center; }
.newsDetail .detailPage .detailPageR { background: url(../images/R01.png) no-repeat right center; }
.newsDetail .detailPage .detailPageL:hover a,.newsDetail .detailPage .detailPageR:hover a { text-decoration: underline; }
.newsDetail .detailPage .detailPageC { width: 180px; float: left; }
.newsDetail .detailPage .detailPageC span { float: left; }

.otherNews { width: 1020px; margin-top: 50px; }
.otherNews h4 { font-size: 18px; margin-bottom: 15px; }
.otherNews ul { margin: 0 auto; overflow: hidden; }
.otherNews ul li { float: left; width: 310px; margin-bottom: 15px; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.otherNews ul li a { color: #999; }
.otherNews ul li a:hover { color: #D41120; }
















.listBody { background:#eee;padding:10px 0 40px 0px;}

.zong_top{overflow:hidden; height:50px; line-height:50px; vertical-align:middle; background:#fff; padding:0px 30px; margin-bottom:10px;}
.zong_top.r{margin-bottom:inherit; border-bottom:1px solid #ededed;}
.zong_top strong{display:block; float:left; font-size:18px; color:#eb0001;}

.zong_top .position{ overflow:hidden;text-align:right;}
.zong_top .position a{font-size:14px;padding-left:5px;}
.zong_top .position .visited{color:#666; padding:0;}


.zong_left{float:left; width:240px; overflow:hidden;}
.left_top ul{overflow:hidden; background:#fff; padding:40px 30px;}
.left_top ul li{}
.left_top ul li a{padding:0 10px;font-size:14px;color:#fff;height:36px;line-height:36px;display:block;text-align:center;background:#eb0001;border-bottom:1px solid #fff;-webkit-transition: all 0.5s ease-in-out;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.left_top ul li:hover a{background:#eee;color:#333;}

.left_middle{margin-top:10px; overflow:hidden; background:#fff; padding:40px; position:relative;}
.left_middle strong {color:#eb0001; font-size:14px;}
.sorllMenul{width:160px; overflow:hidden;margin-top:10px;}
.sorllMenul li{width:160px;overflow:hidden; float:left; text-align:center;}
.sorllMenul li img{width:160px;height:130px;}
.sorllMenul li p{font-size:14px; color:#ffffff; height:30px; line-height:30px; vertical-align:middle; background:#767676;}
.btnl{z-index:11;}
.btnl .btn_l{text-align:right;width:15px;height:30px; position: absolute; top:120px;z-index: 2;left:40px; background:url(../images/l_z.jpg) no-repeat center;-webkit-transition: all 0.5s ease-in-out;}
.btnl .btn_r{text-align:left;width:15px;height:30px;position: absolute; top:120px;right:40px;z-index:2;background:url(../images/r_z.jpg) no-repeat center;-webkit-transition: all 0.5s ease-in-out;}
.btnl .btn_l:hover{background:url(../images/lh_z.jpg) no-repeat center;}
.btnl .btn_r:hover{background:url(../images/rh_z.jpg) no-repeat center;}

.left_bottom{overflow:hidden; margin-top:10px; background:#fff; padding:40px;}
.left_bottom strong{display:block; border-bottom:1px solid #d9d9d9;color:#eb0001; font-size:14px; padding-bottom:10px; margin-bottom:10px}
.left_bottom p{font-size:14px; color:#666666; padding:5px 0px 15px 0px;}
.left_bottom p span{display:block;font-size:14px; color:#666666;}
.left_bottom p a{display:block;font-size:14px; color:#666666;}
.left_bottom p a:hover{color:#eb0001;}


.zong_right{width:770px; overflow:hidden; float:right; background:#fff; padding:40px;}
.zong_right h2{border-bottom:1px solid #cfd8d6; padding-bottom:10px; margin-bottom:25px; font-size:18px; color:#333;}

/* -- about -- */

.aboutCon p{font-size:14px;line-height:28px; padding-bottom:10px;text-indent:2em;}
.aboutCon div{font-size:14px;line-height:28px;padding-bottom:10px; text-indent:2em;}

/* -- message -- */

.message td { padding-bottom:15px; }
.message .ltd { width:100px;padding-right:15px; text-align:right;}

.red { padding-right:10px; color:#F00;}

.formbtn { width:80px; height:30px; border:0; background:#f7941d; color:#fff; font:14px/30px "Microsoft YaHei","STHeiti Light"; outline:none; cursor:pointer; border-radius:3px; background-image:-webkit-linear-gradient(90deg,#f7941d, #f58703 ); background-image:linear-gradient(90deg,#f7941d, #f58703 ); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.formbtn:hover { opacity:0.8; box-shadow:0 0 3px #888; }
.formtext { width: 315px; height:20px; padding: 5px 10px; border:1px solid #d8d8d8; background:#fff; color:#595959; font: 12px/20px Arial,Helvetica; border-radius:3px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.formtext:focus { border-color:#f69d30; box-shadow:inset 0px 0px 3px #f7941d; }
.form1 { width:100px; height:20px; padding: 5px 10px; border:1px solid #d8d8d8; background:#fff; color:#595959; font: 12px/20px Arial,Helvetica; border-radius:3px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.form1:focus { border-color:#f69d30; box-shadow:inset 0px 0px 3px #f7941d; }
textarea { resize: none; }

/* -- products -- */

.productCon li{overflow:hidden; width:250px; float:left; text-align:center; position:relative; margin-right:9px; margin-bottom:15px;}
.productCon li a{display:block; cursor:pointer; overflow:hidden;}
.productCon li p{font-size:14px; color:#585858;margin-top:10px;height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_cover{position:absolute; top:0px; left:0px; text-align: center; width:250px; height:194px; background:url(../images/hover.png);
opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}
.productCon li:hover p{color:#eb0001;}

.productCon li:nth-child(3n){margin-right:0px;}

/* -- products detail -- */

.product-top { width: 100%; overflow: hidden; }
.spec-preview { width: 300px; border: 1px solid #e0e0e0; float: left; }
.jqzoom { display: block; width: 300px; position: relative; }
.jqzoom img { width: 300px; height: 300px; }
.zoomdiv { z-index: 100; position: absolute; left: 0; top: 0; width: 300px;height: 300px; overflow: hidden; border: 1px solid #e0e0e0; }
.jqZoomPup { z-index: 10; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }

.product-intro { width:450px; float: right; }
.product-intro h1 { font-size:24px; color: #222222; font-weight: bold; line-height:50px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.pro_short { line-height:28px;font-size:12px;color: #888;height:112px; overflow:hidden;}
.pro_short span{ font-weight:bold;font-size:14px;color: #333;}
.pro_tel {margin-top:10px;}
.pro_tel span{font-size:34px;font-weight:bold; font-family:"Times New Roman", Times, serif;color: #F90;}
.pro_btn {margin-top:20px;}
.pro_btn a {transition:.5s;border: 1px solid transparent;width: 209px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;text-align: center;background:#eb0001; display:block;}
.pro_btn a:hover {background:transparent;color:#eb0001;border:1px solid #eb0001;}


.product-detail { margin-top: 36px; width: 100%; }
.product-title { border: 1px solid #dcdcdc; height: 57px; line-height: 57px; overflow: hidden; margin-bottom: 40px; }
.product-title h4 { float: left; width: 190px; border-right: 1px solid #dcdcdc; height: 54px; border-bottom: 4px solid #eb0001; text-align: center; font-size: 18px; color: #000; font-weight:normal;}

.prod-bdsharebuttonbox { float: right; margin: 15px 15px 0 0; text-align: right; }
.bdsharebuttonbox span {float: left;}

.product-details {}
.product-details div{line-height:30px;padding-bottom:12px;}
.product-details p{line-height:30px;padding-bottom:12px;}
.product-details img{max-width:600px !important;max-width:600px;}
.product-details table {  border: solid 1px #ddd;  border-collapse: collapse; }  
.product-details table tr th{  padding: 5px 10px;border: solid 1px #ddd;  }  
.product-details table tr td{  padding: 5px 10px; border: solid 1px #ddd;  }


.product-list { width: 100%; overflow: hidden; }
.product-list li { width: 232px; float: left; margin: 0 30px 30px 0; }
.product-list li a.img { display: block; width: 230px; height: 230px; cursor: pointer; border: 1px solid #dcdcdc; }
.product-list li a.img img {width: 230px;height: 230px; -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.product-list li:hover a.img img { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.product-list li h3 { text-align: center; height: 55px; line-height: 55px;font-weight:normal;}
.product-list li h3 a { font-size: 16px; color: #222222; }
.product-list li:hover h3 a { color: #005da7; }
.product-list li:nth-child(3n){margin-right:0px;}

/* -- news -- */

.newsCon .newsList { display: block; width: 743px; padding-left: 25px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed #d1d1d1; cursor: pointer; background: url(../images/index_16.png) no-repeat 0 12px; }
.newsCon .newsList:hover { background: url(../images/index_15.png) no-repeat 0 12px; }
.newsCon .newsList .newsHead { width: 743px; line-height: 28px; overflow: hidden; }
.newsCon .newsList .newsHead h3 { font-size: 16px; color: #313131; line-height: 28px; float: left; margin-bottom: 5px;font-weight:normal;}
.newsCon .newsList:hover .newsHead h3 { text-decoration: underline; color: #015DA8; }
.newsCon .newsList .newsHead span { float: right; font-size: 13px; color: #9f9f9f; }
.newsCon .newsList .para p{ color: #7f7f7f; line-height: 22px; font-size: 13px;height: 44px;overflow: hidden;}

.hot-news { overflow: hidden; width: 100%; }
.hot-news ul li { float: left; line-height: 40px; width: 340px; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom:1px dotted #ddd;}
.hot-news ul li a { color: #202020; font-size: 12px; }
.hot-news ul li a:hover { text-decoration: underline; color: #015da8; }

.newsTitle h1 {font-size:20px;color:#233539;text-align:center;}
.publishDate {margin:10px 0;padding:15px 0;text-align:center;color:#2c4348;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;font-size:12px;font-family:Arial;}
.pre_next { line-height:36px;}
.pre_next a{ color:#999;}
.pre_next a:hover{ color:#C00;}

/* -- page -- */

.page { text-align:center;}
.page span { display:none;}
.page span strong {}
.page a {margin-right:4px;padding:6px 10px;border:#8c8c8c 1px solid;color:#fff;text-decoration: none;background-color:#8c8c8c;}
.page a:hover {background-color:#d41120;color:#fff;border:#d41120 1px solid;}
.page a.current {background-color:#d41120;color:#fff;border:#d41120 1px solid;}

.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border: #115c93 1px solid;font-weight:bold;color: #fff;background-color:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background-color:#d41120;color:#fff;border:#d41120 1px solid;}

.listBar {background: #eee;padding-top:10px;}
