/*案例开始*/
body{ background:#f7f7f7; }
.anli{ padding-top:44px; padding-bottom:50px; }
.anli ul{ padding-bottom:10px; }
.anli li{ float:left; width:32%; background:#fff; margin:0 2% 30px 0; -o-box-shadow:6px 6px 12px #cdcdcd; -ms-box-shadow:6px 6px 12px #cdcdcd; -moz-box-shadow:6px 6px 12px #cdcdcd; -webkit-box-shadow:6px 6px 12px #cdcdcd; box-shadow:6px 6px 12px #cdcdcd; }
.anli li:nth-child(3n){ margin-right:0; }
.anli li .pic{ width:100%; overflow:hidden; text-align:center; }
.anli li img{ width:100%; display:block; }
.anli li:hover img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.anli li h3{ font-size:14px; color:#333; line-height:54px; padding:0 58px 0 20px; background:url(../images/al_icon.png) 98% center no-repeat; }
.anli li:hover h3{ background-color:#c30d23; color:#fff; }
.page{ text-align:center; }
.page a{font-size:16px;color:#666666;padding: 0 5px;    margin: 5px;    border: 1px solid #d1d1d1;}
/*案例结束*/


/*三级菜单开始*/
.sanji_com{ border-bottom:10px solid #e6e6e6; }
.sanji_com .row{ height:142px; width:100%; border-bottom:1px solid #e6e6e6; }
.sanji_com .row:last-child(){ border:0; }
.sanji_com .row .col{ width:14%; float:left; font-size:15px; }
.sanji_com .row a{ color:#999; display:block; text-align:center; line-height:142px; border-right:1px solid #e6e6e6; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; }
.sanji_com .row p{ padding:5px 0 0; }
.sanji_com .row .box{ line-height:normal; display:inline-block; vertical-align:middle; }
.sanji_com .row .pic{ width:48px; height:44px; margin:0 auto; position:relative; }
.sanji_com .row .pic img{ top:0; left:50%; margin-left:-24px; width:48px; height:44px; position:absolute; }
.sanji_com .row .pic img:nth-child(2){ opacity:0; }
.sanji_com .row .col:last-child a{ border-right:0 none; }
.sanji_com .col:hover a,.sanji_com .col.on a{ color:#c30d23; }
.sanji_com .col:hover img{ transform:rotate(360deg); }
.sanji_com .col:hover img:nth-child(1),.sanji_com .col.on img:nth-child(1){ opacity:0; }
.sanji_com .col:hover img:nth-child(2),.sanji_com .col.on img:nth-child(2){ opacity:1; }

.about_siji{ border-width:0; }
.about_siji .col a{ border:0; line-height:140px; }

.about_siji .col.on a,.about_siji .col:hover a{ border-bottom:2px solid #c30d23; }
.about_siji .box{ width:99.9%; border-right:1px solid #e6e6e6; }
.about_siji .row .col:last-child .box{ border:0; }

.sjNavBtn{ display:none; }

.sjSanji{ background:#fff; display:none; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; }
.sjSanji li{ height:40px; line-height:40px; padding:0 2%; border-bottom:1px solid #ccc; }
.sjSanji li a{ color:#333; font-size:14px; }
/*三级菜单结束*/

/*四级菜单开始*/
.siji_com{ width:100%; padding:35px 0 15px; background:#c30d23; }
.siji_com a{ float:left; width:17.3%; text-align:center; color:#fff; margin:0 2% 20px 0; font-size: 16px; border: 1px solid #fff; }
.siji_com a:nth-child(5n){ margin-right:0; }
.siji_com a span{ display:block; font-size:16px; line-height:38px; border:1px solid #fff; -o-border-radius:8px; -ms-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.siji_com a:hover span,.siji_com a.on span{ background:#fff; color:#c30d23; }

.siji_com1{ width:100%; padding:35px 0 15px; background:#c30d23; border-top:10px solid #e6e6e6;}
.siji_com1 a{ float:left; width:15%; text-align:center; color:#fff; margin:0 2% 20px 0; }
.siji_com1 a:nth-child(6n){ margin-right:0; }
.siji_com1 a span{ display:block; font-size:16px; line-height:38px; border:1px solid #fff; -o-border-radius:8px; -ms-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.siji_com1 a:hover span,.siji_com1 a.on span{ background:#fff; color:#c30d23; }

/*四级菜单结束 -o- -ms- -moz- -webkit-*/

/*关于奥特开始*/
.about{ padding:15px 0 55px;  }
.about h3{ color:#c30d23; font-size:24px; font-weight:bold; text-align:center; line-height:74px; }
.about .text{ color:#333; font-size:14px; line-height:26px; }
.about .text img{ display:block; margin:0 auto; max-width:90%; }
.about ul{ padding:30px 0 0; }
.about li{ width:33%; float:left; margin:0 0.5% 5px 0; }
.about li img{ width:100%; }
.about li:nth-child(3n){ margin-right:0; }


/*服务支持开始*/
.fwzc_t{ padding:45px 0 0; }
.fwzc_l{ width:55%; font-size:14px; color:#333; line-height:28px; }
.fwzc_l h3{ color:#c30d23; height:46px; font-size:24px; font-weight:bold; text-align:center; }
.fwzc_l b{ color:#c30d23; font-size:16px; }
.fwzc_r{ width:45%; height:218px; position: relative; }
.fwzc_r .con{ right:0; bottom:0px; width:370px; height:546px; padding:10px; z-index:200; position:absolute; background:url(../images/blue_tm.png); }
.fwzc_r .box{ padding:22px 30px 28px; border:2px solid #d1e2f0; color:#fff; }
.fwzc_r h3{ font-size:28px; line-height:46px; height:92px; overflow:hidden; padding:0 0 8px; font-weight:bold; }
.fwzc_r h4{ line-height:60px; font-size:24px; border-top:1px solid #cfdfed; }
.fwzc_r .num{ padding:5px 0 0; }
.fwzc_r .num span{ width:48px; height:42px; font-size:28px; font-weight:bold; line-height:42px; text-align:center; display:inline-block; background:url(../images/num_bg.png) no-repeat center / cover; }
.fwzc_r p{ line-height:44px; font-size:18px; }
.fwzc_r p b{ font-size:28px; }
.xxhfw{ padding:25px 0 80px; }
.xxhfw .con{ padding:36px 55% 0 0; background:url(../images/xxhfw_pic.png) no-repeat right center / auto 66%; }
.xxhfw video{ width:100%; height:277px; }
.xxhfw .text{ padding:8px 20px 0; font-size:14px; color:#333; line-height:26px; }
/*服务支持结束*/

/*联系我们开始*/
.lxwm{ padding:42px 0 60px; font-size:16px; color:#333; line-height:40px; }
.lxwm h3{ font-size:18px; font-weight:bold; }
.lxwm .text{ padding:12px 0 0 147px; background:url(../images/lx_bg.png) no-repeat 80% center; }
.lxwm .index7_l{ background:none; height:auto; color:#333; }
.lxwm .lx_title{ height:40px; line-height:normal; padding-left:63px; color:#c30d23; font-size:24px; font-weight:bold; border-bottom:1px dotted #c4c4c4; }
.lxwm_icon{ width:28px; height:28px; margin-right:10px;; background-image:url(../images/lx_icon.png); } 
.lxlx_ewm{ width:135px; height:135px; margin:15px 0 0; overflow: hidden; border:2px solid #dbdbdb; }
.lxlx_ewm img{ width:100%; }
.gs_icon{ width:21px; height:19px; margin-top:11px; background-image: url(../images/zy_icon.png); }
.add_icon1{ width:16px; height:21px; margin-top:12px; background-image:url(../images/add_icon1.png); }
.tel_icon{ width:14px; height:21px; margin-top:12px; background-image:url(../images/tel_icon1.png); }
.lxwm .dit{ border:2px solid #c2c2c2; overflow:hidden; margin-top:30px; }
.lxwm .dit img{ display:block; width:100%; }
/*联系我们结束*/

/*新闻开始*/
.news ul{ padding:13px 0 0; }
.news li{ padding:30px 0; overflow:hidden; width:48%; float:left; margin-right:4%; border-bottom:1px dotted #dbdbdb; }
.news li:nth-child(2n){ margin-right:0; }
.news .pic{ width:134px; background:#fff; height:94px; overflow:hidden; margin-right:18px; padding:2px; text-align:center; border:1px solid #dbdbdb; }
.news .pic img{ max-width:100%; max-height:100%; }
.news li .text{ color:#333; font-size:14px; }
.news li h3{ font-size:18px; max-width:70%; font-weight:bold; height:45px; line-height:36px; }
.news li span{ display:inline-block; line-height: 36px; }
.news li .ckxq{ text-align:right; }
.news li:hover h3,.news li:hover .ckxq{ color:#c30d23; }
.news li:hover .pic{ border:1px solid #c30d23; }
.news .page{ padding:42px 0 52px; }
/*新闻结束*/

/*新闻详情开始*/
.news_xq{ padding:45px 0 60px; }
.news_xq .xq_title{ height:52px; text-align:center; color:#c30d23; font-size:24px; font-weight:bold; }
.news_xq .pic{ text-align:center; padding:30px 0 0; } 
.news_xq .pic img{ max-width:100%; }
.news_xq .text{ color:#333; line-height:26px; font-size:14px; }
.news_xq .text img{ display:block; max-width:90%; margin:0 auto; }
.news_xq .text h4{ font-size:16px; font-weight:bold; }
/*新闻详情结束*/

/*加入我们开始*/
.jrwm{ padding-bottom:50px; }
.jrwm .jrwm_title{ padding:45px 0; text-align:center; }
.jrwm .line{ width:90%; height:1px; margin:0 auto; background-color:#e7e7e7; }
.jrwm .con{ position:relative; }
.jrwm .pic{ top:-15px; left:0; position:absolute; }
.jrwm_r{ padding:0 0 0 45%; }
.jrwm_r li{ padding:20px 0 0 38px; overflow:hidden; margin-bottom:18px; }
.jrwm_r li .title{ line-height:38px; padding:0 0 0 17px; color:#c30d23; font-size:20px; position:relative; }
.jrwm_r li .title i{ top:0; left:-38px; color:#fff; width:40px; height:40px; font-style:normal; display:block; text-align:center; line-height:40px; position:absolute; background:url(../images/jr_titleIcon.png) no-repeat; }
.jrwm_r li .concon{ color:#333; font-size:13px; line-height:24px; padding:20px 28px 26px 0; border:1px solid #c30d23; }
.jrwm_r li span{ width:15%; text-align:right; }
.jrwm_r li .text{ width:85%; text-align:justify; }
.jrwm_r .page{ padding:17px 0 0; }
/*加入我们结束*/

/*案例详情开始*/
.alxq{ color:#333; line-height: 26px; font-size:14px; padding:18px 0 50px; }
.xq_title{ color:#c30d23; font-size:24px; height:75px; line-height:75px; text-align:center; }
.alxq_pic{ width:660px; height:540px; margin:0 auto; }
.alxq_picT{ width:660px; height:440px; margin-bottom:10px; border:2px solid #d6d6d6; text-align:center; line-height:440px;}
.alxq_picT img{vertical-align:middle; width:660px; height:440px;}



.alxq_picB{ width:605px; height:90px; padding:0 20px; position:relative; }
.alxq_picB span{ top:0; width:20px; cursor:pointer; height:90px; display:inline-block; position:absolute; }
.alxq_picB span.xq_lBtn{ left:0; background:#f7f7f7 url(../images/xq_lBtn.png) no-repeat left center; }
.alxq_picB span.xq_rBtn{ right:0; background:#f7f7f7 url(../images/xq_rBtn.png) no-repeat right center; }
.alxq_picB .xq_pic{ width:606px; overflow:hidden; height:90px; position:relative; }
.alxq_picB ul{ width:999999px; height:90px; position:absolute; top:0; left:0; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; }
.alxq_picB li{ width:142px; float:left; overflow:hidden; height:86px; margin-right:7px; border:2px solid #d6d6d6; }
.alxq_picB li img{ width:100%; }
.alxq_picB li.on{ border-color:#046ec7; }
.alxq .text,.chanpin_xq .text{ padding:32px 0 22px; border-bottom:1px dashed #dbdbdb; }
.alxq .text h4,.chanpin_xq .text h4{ font-size:20px; height:38px; font-weight:bold; }
.alxq .bjq{ padding:24px 0 0; }
.alxq .bjq h5{ font-size:14px; font-weight:bold; }
.big_tcPic{ top:50%; left:50%; position:fixed; display:none; background:#fff; z-index:999999; }
.gb_btn{ top:-24px; right:-24px; width:48px; height:48px; display:none; position:absolute; background:url(../images/gb_btn.png) no-repeat center / cover; }
.xq_mobile{ display:none; }
.xq_mobile img{ width:100%; }

/*案例详情结束*/


/*产品详情开始*/
.chanpin_xq{ padding:46px 0 56px; color:#333; font-size:14px; line-height:28px; }
.chanpin_xq .alxq_pic{ width:100%; height:auto; }
.chanpin_xq .alxq_picT{ margin:0 auto; }
.chanpin_xq .alxq_picB{ padding:0 60px; }
.chanpin_xq .alxq_picB li{ margin-right:10px; }
.chanpin_xq .xq_pic,.chanpin_xq .alxq_picB{ width:1086px; }
.chanpin_xq .alxq_picT{ position:relative; border:2px solid #d6d6d6; text-align:center; line-height:440px; }
.chanpin_xq .alxq_picT img{vertical-align:middle; width:660px; height:440px;}
.chanpin_xq .alxq_picT span{ top:0; width:80px; height:440px; cursor:pointer; position:absolute; display:inline-block; }
.chanpin_xq .alxq_picT span.xq_lBtn{ left:-80px; background:url(../images/left1_btn.png) left center no-repeat; }
.chanpin_xq .alxq_picT span.xq_rBtn{ right:-80px; background:url(../images/right1_btn.png) right center no-repeat; }

.chanpin_xq .alxq_picT span.xq_lBtn:hover{ left:-80px; background:url(../images/left_btn.png) left center no-repeat; }
.chanpin_xq .alxq_picT span.xq_rBtn:hover{ right:-80px; background:url(../images/right_btn.png) right center no-repeat; }

.chanpin_xq .wz_js{ padding:28px 0; }
.chanpin_xq .wz_js h5{ font-weight:bold; font-size:14px; height:30px; }
.chanpin_xq .wz_js table{width:100%; border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}
.chanpin_xq .wz_js table td{border-left:1px solid #E5E5E5;border-top:1px solid #E5E5E5; padding: 8px;text-align: center;}

.chanpin_xq .jsTitle{ height:50px; border-bottom:1px solid #dbdbdb; }
.chanpin_xq .jsTitle h2{ font-size:18px; color:#c30d23; font-weight: bold; line-height:47px; border-bottom:3px solid #c30d23; }
.chanpin_xq .tw_box{ text-indent:2em; padding:40px 0 0; }
.chanpin_xq .tw_box img{ max-width:100%; display:block; }
.chanpin_xq .tw_box .wznr{ padding:42px 0 0; }
.ly_title{ height:40px; text-align:center; color:#c30d23; font-size:20px; font-weight:bold; background:url(../images/ly_titleLine.png) center bottom no-repeat; }
.ly_list{ width:830px; margin:0 auto; }
.ly_list li{ width:45%; float:left; margin-bottom:20px; position: relative; margin-right:10%; }
.ly_list li:nth-child(2n){margin-right:0; }
.ly_list li input{ width:310px; height:24px; line-height:24px; border:1px solid #bfbfbf; } 
.ly_list li i{ color:#c30d23; font-style:normal; position:absolute; top:0; right:-25px; }
.zxly .ly_text{ padding:30px 0; text-align:center; }
.zxly .wby{ float:left; width:93%; height:60px; line-height:20px; border:1px solid #bfbfbf; }
.zxly .wby textarea{ width:100%; height:100%; border:0; background:none; }
.zxly .btn{ text-align:right; padding:25px 0 0; }
.zxly .btn input{ width:113px; height:42px; text-align:center; margin:0 13px; line-height:42px; color:#fff; }
.zxly .btn .qd_btn{ background:url(../images/qd_btn.png) no-repeat; }
.zxly .btn .cz_btn{ background:url(../images/cz_btn.png) no-repeat; }

@media only screen and (max-width: 1199px) {
    .xxhfw .con{ background-size:auto 57%; }
    .chanpin_xq .alxq_pic{ display:none; }
    .chanpin_xq .xq_mobile{ display:block; }

}
@media only screen and (max-width: 1023px) {
    .sanji_com{ display:none; }
    .sjNavBtn{ display:inline-block; }
    .siji_com{ margin-top:15px; }
    .fwzc_l{ width:100%; }
    .fwzc_r{ height:auto; width:100%; }
    .fwzc_r .con{ position:static; margin:0 auto; }
    .xxhfw .con{ background-size:auto 49%; }
    .news li{ width:100%; margin-right:0; }
    .sanji_com .row p{ font-size:12px; padding:0 5px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

}
@media only screen and (max-width: 959px) {
    .siji_com a span{ font-size:14px; line-height:30px; }
    .xxhfw .con{ padding-right:0; background:none; }
    .lxwm .text{ background:none; padding-left:40px; }
    .jrwm_r{ padding-left:0; }
    .jrwm .pic{ display:none; }
    .jrwm .jrwm_title{ padding:30px 0; }
    .jrwm .jrwm_title img{ width:260px; }
    .ly_list{ width:100%; }
    .ly_list li i{ position:static; }
    .ly_list li input{ width:73%; }
    .zxly .wby{ width:88%; }
    .zxly .btn{ padding-right:5%; }
}
@media only screen and (max-width: 767px) {
    .anli li{ width:49%; }
    .anli li:nth-child(3n){ margin-right:2%; }
    .anli li:nth-child(2n){ margin-right:0; }
    .siji_com{ padding:10px 0 0; }
    .siji_com a{ width:23.5%; margin-bottom:10px; }
    .siji_com a:nth-child(5n){ margin-right:2%; }
    .siji_com a:nth-child(4n){ margin-right:0; }
    .news li{ padding:10px 0; }
    .jrwm_r li span{ width:20%; }
    .jrwm_r li .text{ width:80%; }
    .alxq_pic{ display:none; }
    .xq_mobile{ display:block; }
    .ly_list li{ width:100%; margin-right:0; }
    .zxly .wby{ width:74%; }
    .zxly .btn{ padding-right:15%; }

}

@media only screen and (max-width: 559px) {
    .siji_com a{ width:32%; margin-bottom:5px; }
    .siji_com a:nth-child(4n){ margin-right:2%; }
    .siji_com a:nth-child(3n){ margin-right:0; }
    .siji_com{ padding-bottom:5px; }
    .lxwm{ font-size:12px; }
    
    .about{ padding-bottom:30px; }
    .about ul{ padding-top:10px; }
    .about li{ width:49%; }
    .about li,.about li:nth-child(3n){ margin-right:2%; }
    .about li:nth-child(2n){ margin-right:0; }
    .news .pic{ display:none; }
    .news .text{ width:100% !important; }
    .news .page{ padding:20px 0 30px; }

    .jrwm_r li .concon{ padding-top:10px; padding-bottom:10px; }
    .jrwm .jrwm_title{ padding:15px 0; }
    .ly_list li{ margin-bottom:10px; }
}
@media only screen and (max-width: 479px) {
    .anli li{ width: 48%; margin-right: 2%; }
    .siji_com a{ width:47%; }
    .siji_com a:nth-child(3n){ margin-right:2%; }
    .siji_com a:nth-child(2n){ margin-right:0; }
    .fwzc_r .con{ width: auto; height:auto; }
    .xxhfw{ padding-bottom:40px; }
    .fwzc_r p{ line-height:30px; }
    .lxwm .lx_title{ padding-left:20px; }
    .jrwm_r li .concon{ line-height:20px; font-size:12px; }
    .jrwm .jrwm_title img{ width:240px; }
    .jrwm_r li span{ width:95%; text-align:left; padding:0 0 0 5%; }
    .jrwm_r li .text{ width:90%; padding:0 0 0 10%; }
    .jrwm_r li .concon{ padding-right:5%; }
    .ly_list li input{ width:70%; }
    .zxly .wby{ width:71%; }
    .zxly .btn input{ margin:0; }
    
}

.indexFloatCon { position: fixed; display: block; right: 0; bottom: 0; width: 52px; z-index: 9999; background: #fff; }
.indexFloatCon li { position: relative; margin-top: 1px; height: 50px; *margin-top: -3px;
border: 1px solid #d9d9d9; }
.indexFloatCon li:first-child { margin-top: 0; }
.indexFloatCon li a { display: block; height: 50px; }
.indexFloatCon li a:hover { background: #db2f43; }
.indexFloatCon li a.back2up { background: url(../images/top1.png) center center no-repeat #db2f43; }
.indexFloatCon li a.back2up:hover { background: url(../images/top1.png) center center no-repeat #db2f43; }
.indexFloatCon li a.online { position: absolute; top: 0; left: 0; width: 180px; background: url(../images/qq.png) 6px center no-repeat #fff; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; }
.indexFloatCon li a.online:hover { background: url(../images/qq1.png) 6px center no-repeat #db2f43 }
.indexFloatCon li a.wb {  overflow: hidden;  font-size: 17px;color:#666;text-align: center;}
.indexFloatCon li a.wb:hover { background:#db2f43;color:#fff;  }

.indexFloatCon li a.erweima { background: url(../images/wx.png) center center no-repeat; }
.indexFloatCon li a.erweima:hover { background: url(../images/wx1.png) center center no-repeat #db2f43 }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 13px 10px 10px; bottom: 0; right: 50px; width: 260px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; font-size: 12px; }
.indexFloatCon li .ewmCon .ewm { float: left; margin: 0 10px; width: 110px; text-align: center; }
.indexFloatCon li .ewmCon .ewm img { display: block; width: 100%; }
.indexFloatCon li .ewmCon .ewm p { color: #343434; margin-top: 5px; }
.indexFloatCon li a.phone { position: absolute; top: 0; left: 0; width: 180px; background: url(../images/phone.png) 6px center no-repeat #fff; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; *margin:2px 0 0;
}
.indexFloatCon li a.phone:hover { background: url(../images/phone1.png) 6px center no-repeat #db2f43 }