@import url("reset.css");
/* CSS Document */
/********************************    系统公用默认样式      ******************************/
.picicon { display: inline-block; text-align: center; font-family: FontAwesome; font-weight: normal; }
@font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot'); src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }
body { background: #fff; font-family: 微软雅黑; font-size: 12px; overflow-x: hidden; }
a { text-decoration: none; color: #585858; font-family: 微软雅黑; }
a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.clear { clear: both; overflow: hidden; }
.wapDivContent { display: none; }
.mt10 { margin-top: 10px !important; }
.box { clear: both; }
.w1200 { margin: 0px auto; clear: both; width: 1200px; position: relative; }
.w1200 img { max-width: 100%; }
.w1200::after { content: ''; clear: both; display: block; }
.box1 {width:1200px;margin:0 auto}
.strong_cn {color:#e62129;font-size:36px}
.bt_en  {color:#404040;font-size:22px;display:block}
.more_btn {width:126px;height:33px;border-radius:5px;background:#e6212a;text-align: center;margin:0 auto;margin-top:45PX}
.page_btn {width:280px;margin:0 auto}
/********************************    系统公用默认样式      ******************************/

.top {width:1200px;margin:0 auto}
.top ul {overflow:hidden}
.top ul li {float:left;}
.top ul li.sy {padding-left:35px;overflow:hidden;text-align:center;margin-top:43px}
.top ul li.sy a {line-height:27px;font-size:14px;color:#231f1f;width:69px;height:27px;display:block;float:left; border-radius:3px;margin-right:20px}
.top ul li.sy a:hover,.top ul li.sy a.sel  {color:#e62129;border:1px #e62129 solid;width:67px;height:25px;line-height:25px;}




.idexproudt {margin:0 auto;margin-top:60px;overflow:hidden;}

.idexproudt ul li {text-align:center;padding-bottom:60px}
.idexproudt ul li {}


.idexproudt ul.proudt_bk {width:585px;height:210px;text-align:center;overflow:hidden;float:left;margin-right:12px;margin-bottom:12px}
.idexproudt ul.proudt_bk li.tp_left {width:245px;background:#e8e9eb;height:210px;float:left}
.idexproudt ul.proudt_bk li.tp_left img {width:85%}
.idexproudt ul.proudt_bk li.tp_center {float:left}
.idexproudt ul.proudt_bk li.tp_right {float:left;width:245px;background:#e6212a;height:210px}
.idexproudt ul.proudt_bk li.tp_right span {font-size:24px;color:#ffffff;padding-top:80px;display:block;line-height:34px}
.idexproudt ul.proudt_bk li.tp_right p  {font-size:14px;color:#ffffff;width:58px;margin-left: 95px}
.idexproudt ul.proudt_bk li.tp_right p:hover {border-bottom:1px #ffffff solid;}


.about_bk {background:url(../images/00.jpg)no-repeat center;height:744px;margin-top:60px}
.about_bk ul.bt {text-align:center;padding-top:60px;padding-bottom:55px}

.about_bk ul.about_content {overflow:hidden;  }
.about_bk ul.about_content li.abtp_left {float:left}
.about_bk ul.about_content li.abtp_right {float:right;width:585px;padding-top:80px;text-indent:2em}
.about_bk ul.about_content li.abtp_right p {font-size:14px;color:#404040;line-height:30px;}

.more_btn li span {font-size:14px;color:#ffffff;line-height:33px}


.new_bk {}
.new_bk  ul.bt {text-align:center;padding-top:60px;padding-bottom:55px}


.newcontent_bk{overflow:hidden}
.newcontent_bk ul {overflow:hidden}
.newcontent_bk ul.fl li em {display:block;width:616px;height:426px;text-align:center}
.newcontent_bk ul.fl li em img { max-width: 100%; height: 100% }
.newcontent_bk ul.fr li { width: 544px; height: 100px; margin-bottom: 50px; margin-top: 10px }
.newcontent_bk ul li p.fl {width:92px;height:98px;text-align:center;border-right:1px #c4c4c4 solid;padding-right:10px}
.newcontent_bk ul li p.fl span   {font-size:38px;color:#e6212a }
.newcontent_bk ul li p.fl b {font-size:20px;color:#e6212a;display:block; }
.newcontent_bk ul li p.fr  {width:430px;height:98px;}
.newcontent_bk ul li p.fr span {font-size:20px;color:#e6212a}
.newcontent_bk ul li p.fr b { font-size: 15px; color: #404040; display: block; line-height: 20px; margin-top: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden}
.indexbottom {height:320px;margin-top:75px;overflow:hidden;background:url(../images/bottom3.jpg)no-repeat center}
.indexbottom ul li.fl strong  {margin-top:45px;border-bottom:1px #c4c4c4 Dashed;height:26px;display:block;width:72px;color:#232323;font-size:18px;font-weight:normal}
.indexbottom ul li.fl p span {display:block;font-size:14px;color:#9f9f9b;border-bottom:1px #c4c4c4 Dashed;height:34px;line-height:34px;width:240px}
.indexbottom ul li.fl p span:hover {color:#e82f37}
.indexbottom ul li.fl p.dz {width:340px;background:url(../images/bottom1.png)no-repeat;height:190px}
.indexbottom ul li.fl p b {font-size:16px;color:#9f9f9b;}
.indexbottom ul li.fl p b:hover {color:#e82f37}
.indexbottom ul li.fl p.link {width:240px;border-bottom:1px #c4c4c4 Dashed;}
.indexbottom ul li.fl p a  span.lxwm {border-bottom:none}

.indexbottom ul li.Hotline {margin-top:100px;margin-left:80px}
.indexbottom ul li.Hotline span {font-size:24px;color:#232323;display:block;text-align:center}
.indexbottom ul li.Hotline b {font-size:16px;color:#9f9f9b;display:block;text-align:right;margin-top:25px;line-height:30px}
.indexbottom ul li.Hotline p  {font-size:30px;color:#e6212a;line-height:30px;padding-top:10px} 
.indexbottom ul li.fr p {float:left;margin-top:100px;padding-left:20px}
.indexbottom ul li.fr p span {display:block;text-align:center;color:#9f9f9b;font-size:14px}



.indexbottom ul li.fl p.dz em { display: block;
    padding-left: 25px;
    font-size: 14px;
    color: #9f9f9b;
    /* line-height: 18px; */
    height: 30px;
    /* overflow: hidden; */
    /* white-space: nowrap; */
    padding-top: 9px}

.foot {height:70px;background:#232323;}
.foot p.fr {width:1200px; margin:0px auto;}
.foot p.fr span {color:#ffffff;font-size:14px;display:block;line-height:70px}

.aboutbanner {height:300px}
.proudt_bt {overflow:hidden;width:1010px;padding-top:56px}
.proudt_bt ul.fr li a {font-size:14px;color:#666666;margin-left:48px;}
.proudt_bt ul.fr li a:hover,.proudt_bt ul.fr li a.sel {color:#e62129}

.proudt_tp {}
.proudt_tp ul {overflow:hidden;margin-top:60px;}
.proudt_tp ul li {width:330px;text-align:center;float:left;margin-left:40px;margin-bottom:50px}
.proudt_tp ul li span.img  {display:block;height:402px;background:#e8e9eb;padding-top:50px}
.proudt_tp ul li span.cpwz {font-size:20px;color:#ffffff;display:block;background:#e82f37;height:95px;line-height:95px}
.proudt_tp ul.page_btn {overflow:hidden;width:400px}
.proudt_tp ul.page_btn li span.sz {display:block;height:42px;width:40px;border:1px #e4eaec solid;float:left;line-height:42px;font-size:14px;color:#6a6a6a}
.proudt_tp ul.page_btn li span.fy {display:block;height:42px;width:76px;border:1px #e4eaec solid;float:left;line-height:42px;font-size:14px;color:#6a6a6a}
.proudt_tp ul.page_btn li span.sz:hover {background:#e82f37;color:#fff}

.about_bt {width:1100px}
.about_bt ul.fr {overflow:hidden;text-align:right}
.about_bt ul.fr li {float:left}
.about_bt ul.fr li a { display: block; margin-left: 30px;  font-size: 14px; padding-top: 25px; color: #666666 }
.about_bt ul.fr li a:hover,.about_bt ul.fr li a.sel {color:#e62129}


.about_tp {width:1100px;margin:0 auto;height:340px;border-bottom:1px #e4eaec solid;padding-top:56px}
.about_tp ul li.fl {margin-right:30px}
.about_tp ul li.fl b {color:#333333;font-size:16px}
.about_tp ul li.fl span  {width:675px;display:block;color:#666666;font-size:14px;margin-top:25px;line-height:25px;text-indent:0.2em}

.mission_bk {margin-left:60px}
.mission_bk ul {overflow:hidden;margin-top:45px}
.mission_bk ul p {font-size:16px;color:#333333;text-align:center; margin-right: 100px}
.mission_bk ul li.fl {width:280px;text-align:center;margin-right:100px}
.mission_bk ul li.fl span.abwz {display:block;height:50px;line-height:80px;font-size:14px;color:#333333}

.bottombq ul li a img {margin:0 auto ;display:block}
.news_bk {margin-top:56px}
.news_bk ul {overflow:hidden}
.news_bk ul li.fl {width:318px;height:400px;border:1px #e4eaec solid;margin-right:62px;margin-bottom:50px}
.news_bk ul li.fl span  {color:#c3c3c3;font-size:14px;padding-left:17px;display:block;padding-top:20px;padding-bottom:13px}
.news_bk ul li.fl b  {display:block;color:#666666;font-size:16px;margin:0.1rem 0.8rem 0.5rem ;margin-bottom:1.5rem}
.news_bk ul li.fl p {width:78px;height:30px;background:#c3c3c3;line-height:30px;text-align:center;margin-left:20px;color:#ffffff;font-size:14px}
.news_bk ul li.fl p:hover {background:#e62129;}
.news_bk ul.page_btn {overflow:hidden;width:400px}
.news_bk ul.page_btn li {text-align:center}
.news_bk ul.page_btn li span.sz {display:block;height:42px;width:40px;border:1px #e4eaec solid;float:left;line-height:42px;font-size:14px;color:#6a6a6a}
.news_bk ul.page_btn li span.fy {display:block;height:42px;width:76px;border:1px #e4eaec solid;float:left;line-height:42px;font-size:14px;color:#6a6a6a}
.news_bk ul.page_btn li span.sz:hover {background:#e82f37;color:#fff}
.aboutloc { width: 1100px; padding-top: 15px; text-align: right; margin: 0 auto; }
.aboutloc a:last-child { color: #e62129; }

.web-page { text-align: center; clear: both; margin: 0px 0px 30px 0px; }
.web-page a, .web-page span { display: inline-block; border: 1px #ddd solid; font-size: 14px; line-height: 30px; color: #666; padding: 0px 10px; }
.web-page a:hover, .web-page span.cur { color: #fff; background: #c11531 }




.contact_bk {width:977px;margin:56px auto} 
.contact_bk ul li strong {font-size:36px;color:#000000;display:block;padding-bottom:20px}
.contact_bk ul li span {display:block;color:#000000;font-size:16px;line-height:43px;}
.contact_bk ul li span.map {margin-top:45px}
.contact_bk ul li span img {margin-top:50px}


.guestbook { padding: 30px 0px; font-size: 16px; margin: 0px auto; width: 600px; }
.righttitle { height: 60px; line-height: 60px; text-align: center; font-size: 18px; }
.guestbook li { line-height: 35px; font-size: 14px; margin-bottom: 10px; clear: both; overflow: hidden; color: #333333; text-align: center; }
.guestbook li b { font-weight: normal; display: block; width: 20%; float: left; text-align: right; }
.guestbook li input.txt { border: 1px #bebebe solid; line-height: 30px; width: 75%; padding-left: 10px; }
.guestbook li textarea { padding-left: 10px; width: 75%; height: 100px; }
.guestbook input.btn { background: #035cac; line-height: 34px; border-radius: 10px; width: 150px; height: 34px; font-size: 14px; border: none; color: #fff; margin: 20px 0px; }

.mess-tab td { padding: 6px 0; font-size: 16px; }
.mess-tab td input { width: 500px; height: 35px; padding-left: 6px; background: #fff; border: 1px solid #e8e8e8; font: 14px/23px "微软雅黑"; color: #666; }
.mess-tab td textarea { width: 500px; height: 110px; padding: 3px 6px; font: 14px/20px "微软雅黑"; overflow: auto; background: #fff; border: 1px solid #e8e8e8; color: #666; }
.mess-tab td .mess-btn { width: 129px; height: 32px; background: url(../images/mess_btnbg.gif) no-repeat -140px 0; border: none; font: 14px/32px "微软雅黑"; color: #fff; margin-right: 12px; cursor: pointer; }
.mess-tab td .mess-btn:hover { background: url(../images/mess_btnbg.gif) no-repeat 0 0; }
.mess-tab td input.small { width: 300px; }

.joinform .btn { display: block; width: 120px; line-height: 30px; height: 30px; background: #2e6ab2; border-radius: 15px; color: #fff; text-align: center; margin-top: 50px; border: 0px; }
.joinform {margin-top:56px}

.proDetailDiv { line-height: 1.8; color: #383e49; padding: 10px; }
.proDetailDiv ul { overflow: hidden; margin-top: 20px; }
.proDetailDiv ul.tabjs li { font-size: 20px; line-height: 40px; border-bottom: 2px #ddd solid; }
.proDetailDiv ul.tabjs li span { display: inline-block; border-bottom: 2px #2e6ab2 solid; padding: 0px 20px; position: relative; top: 2px; }

.proDetailDiv img { max-width: 100%; }
.proDetailDiv table { width: 100% !important; }
.proDetailDiv .detail { padding: 20px; font-size: 16px !important; }
.proDetailDiv .detail a { font-size: 16px; }
.proDetailTop {margin-top:56px;}
.proDetailTop ul { overflow: hidden; }
.proDetailTop ul li.fl { width: 300px; text-align: center; border: 1px #ddd solid; padding: 20px 0px; }
.proDetailTop ul li.fr { width:850px; }
.proDetailTop ul li.fr p { display: block; margin: 10px 0px; font-size: 16px; }
.proDetailTop ul li.fr p.protit { font-size: 26px; color: #2e6ab2; font-weight: bold; margin-top: 30px; }
.proDetailTop ul li.fr p.inquery { display: block; width: 120px; line-height: 30px; background: #2e6ab2; border-radius: 15px; color: #fff; text-align: center; margin-top: 50px; }

.newsbody { padding: 20px 10px; line-height: 1.8; color: #1a1a1b; text-align: justify; }

.newsbody h2 { text-align: center; font-size: 24px; color: #222; line-height: 60px; }
.newsbody h3 { text-align: center; color: #9b9b9b; line-height: 30px; }
.newsbody h4 { text-align: center; }

.newscontent {text-align:center;padding-top:20px;padding-bottom:30px}
.newscontent img {margin:0 auto;}
.technologybk {width:1100px}
.technologybk p {font-size:18px;color:#000000;line-height:28px;margin-top:57px}
.technologybk ul {margin-top:35px}
.technologybk ul li b  {width:174px;height:28px;background:#e62129;display:block;text-align:center;line-height:28px;color:#ffffff;font-size:18px;margin-bottom:20px}
.technologybk ul li span {display:block;font-size:16px;color:#818181;line-height:45px}


.salebk {width:1100px;overflow:hidden;margin-top:60px}
.salebk p span {font-size:18px;color:#000000}
.salebk ul {overflow:hidden;    margin-top: 20px}
.salebk ul li {width:524px;;margin-top:36px;}
.salebk ul li b {font-size:16px;color:#e6212a;display:block;margin-bottom:16px}
.salebk ul li span {display:block;font-size:14px;color:#666666;line-height:20px}



/* 案例分页 */
.prevornext { font-size: 12px; height: 48px; padding: 20px 0px; width: 100%; margin: auto; position: relative; border-top: 1px solid #efeff1 }
.prevornext li { line-height: 24px; color: #333; }
.prevornext .gob { display: block; width: 56px; height: 24px; padding-left: 13px; overflow: hidden; line-height: 24px; background: url(../images/icon_03.jpg) no-repeat; }
.prevornext .gob { position: absolute; right: 0px; top: 20px; }