@charset "utf-8";
@import url("core.css");
/* CSS Document */
body { background-color:#fff; font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif; font-size:14px; color:#333; }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/***/
#body_index {height:100% }
#top { position:fixed; background:#e60012 url(../images/navbg.jpg) no-repeat left top; font-size:14px; color:#fff; width:100%; top:0; left:0; height:70px; z-index:9999 }
#header { max-width:1160px; margin:0 auto; height:70px; position:relative }
#header .logo { margin-top:10px; display:block; float:left; }
#nav { position:absolute; right:-20px; top:0 }
#nav li { float:left; position:relative }
#nav li a { float:left; display:block; padding:0 20px; color:#fff; font-size:15px; height:70px; line-height:70px; }
#nav li ul { position:absolute; left:0; top:70px; width:100%; background:#cd0616; display:none; }
#nav li ul li { float:none }
#nav li ul a { color:#fff; float:none; padding:8px 0; text-align:center; line-height:normal; font-size:14px; height:auto; display:block; border-bottom:1px solid #b00613 }
#nav li ul a:hover { background:#e60012 }
#page_01 .swiper-slide { background-repeat:no-repeat; background-size:100% 100%; background-position:center top }
#page_01 .swiper-pagination-bullet-active { background:#fff }
#page_01 .swiper-pagination-bullet { background:rgba(255, 255, 255, 0.8); width:12px; height:12px; }
/***/
#page_02 { background:url(../images/2.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center 50px; }
#about_index { width:1210px; margin:0 auto; margin-top:70px; }
.about_left { float:left; width:600px; text-align:left; background:#c3c0c1; padding:20px; }
.about_left img { display:block; width:100%; }
.about_left p { display:block; position:relative; font-size:14px; color:#000; padding-left:42px; padding-right:105px; margin-top:20px; }
.about_left p a { display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; }
.about_left p a:hover { color:#000; text-decoration:underline }
.about_left p label { position:absolute; left:0; top:0 }
.about_left p span { position:absolute; right:0; top:0 }
.about_right { float:right; width:530px; text-align:left; color:#fff; font-size:14px; line-height:24px }
.about_right .about_h1 { display:block; text-transform:uppercase }
.about_right .about_h1 font { display:block; font-size:34px; font-family:Arial, Helvetica, sans-serif; }
.about_right .about_h1 span { display:block; font-size:25px; font-weight:bold; margin-top:15px; margin-bottom:10px; }
.about_right .about_h1 em { display:inline-block; height:4px; background:#e60012; width:60px; margin-left:3px }
.about_right p { display:block; font-size:15px; line-height:28px; margin-top:50px; }
.about_gonggao{ position:relative; padding-left:50px;margin-top:20px; }
.about_gonggao label{ position:absolute; left:0; top:3px; font-size:14px;}
.about_gonggao a{display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; line-height:20px; padding-right:120px;}
.about_gonggao li{ position:relative}
.about_gonggao li span{ position:absolute; right:0; top:3px; font-size:14px;}
/***/
#page_03 { background:url(../images/333.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center 70px; }
/***/
#page_04 { background:url(../images/4.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center bottom; }
.a5 { width:1210px; margin:0 auto; margin-top:70px; color:#fff }
.a5_right { float:right; width:600px; text-align:left }
.a5_h1 { display:block; text-transform:uppercase }
.a5_h1 font { display:block; font-size:34px; font-family:Arial, Helvetica, sans-serif; }
.a5_h1 b { display:block; font-size:25px; font-weight:bold; margin-top:15px; }
.a5_h1 span { display:block; font-size:25px; margin-top:15px; margin-bottom:15px; color:#eeeaea; margin-bottom:15px; }
.a5_h1 em { display:inline-block; height:1px; background:#fff; width:100px; }
.a5_p { display:block; font-size:15px; line-height:28px; margin-top:20px; }
.a5_p p { margin-top:30px; }
.a5_p p img { display:block; max-width:100% }
/***/
#page_05 { background:url(../images/8.jpg) no-repeat; background-repeat:no-repeat; background-size:100% 100%; background-position:center bottom; }
.a55 { width:1210px; margin:0 auto; margin-top:70px; }
.group_index { float:left; width:600px; text-align:left; line-height:24px }
.goup_h1 { display:block; text-transform:uppercase }
.goup_h1 font { display:block; font-size:34px; font-family:Arial, Helvetica, sans-serif; }
.goup_h1 span { display:block; font-size:25px; font-weight:bold; margin-top:15px; margin-bottom:10px; }
.goup_h1 em { display:inline-block; height:4px; background:#e60012; width:60px; margin-left:2px; }
.group_p { display:block; text-transform:uppercase; font-size:16px; line-height:normal; padding-top:10px }
.group_p b { display:block; font-size:24px; margin-bottom:5px; font-weight:normal }
.group_p p { display:block; padding-top:8px; }
.group_carousel { padding-top:25px; }
.group_carousel .g_carousel img { display:block; width:100% }
.group_carousel .g_carousel { padding:0 0px; }
.g_carousel .owl-prev { background:url(../images/prev.png) no-repeat; width:12px; height:21px; position:absolute; left:-24px; top:50%; margin-top:-10.5px }
.g_carousel .owl-next { background:url(../images/next.png) no-repeat; width:12px; height:21px; position:absolute; right:-24px; top:50%; margin-top:-10.5px }
.group_carousel .owl-carousel .owl-nav.disabled { display:block }
.group_more { padding-top:25px; }
.group_more a { display:inline-block; border:1px solid #333; padding:4px 15px; color:#333; font-size:13px; }
/***/
.news_index { width:1210px; margin:0 auto; margin-top:20px; text-align:left }
.news_h1 { text-transform:uppercase; text-align:center }
.news_h1 font { font-size:35px; display:block; padding-bottom:10px; }
.news_h1 span { font-size:25px; display:block }
.news_h1 em { width:80px; height:2px; background:#e60012; display:inline-block; }
.news_top { float:left; width:100% }
.news_top_left { float:left; width:45%; margin-top:50px }
.news_top_left img { width:100% }
.news_top_right { float:right; width:49%; margin-top:50px }
.news_top_right li { float:left; width:100%; margin-bottom:18px; font-size:14px; position:relative }
.news_top_right li a { font-size:14px; }
.news_top_right li span { position:absolute; right:0; top:0 }
.news_top_right li p { display:block; line-height:22px; padding-top:5px; }
.h_left { float:left; width:45%; position:relative; margin-top:30px; }
.h_right { float:right; width:49%; position:relative; margin-top:30px; }
.h_title { display:block }
.h_title font { font-size:20px; text-transform:uppercase; display:block; padding-bottom:5px; }
.h_title span { font-size:20px; display:block }
/***/
.h_left .thumb { position:absolute; left:0; top:70px; width:240px; }
.h_left .thumb img { display:block; width:100% }
.h_left ul { padding-left:256px; padding-top:25px; }
.h_left ul a { font-size:14px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.h_left ul li { margin-bottom:15px; float:left; width:100% }
/***/
.h_right .thumb { position:absolute; left:0; top:70px; width:240px; }
.h_right .thumb img { display:block; width:100% }
.h_right ul { padding-left:256px; padding-top:25px; }
.h_right ul a { font-size:14px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.h_right ul li { margin-bottom:15px; float:left; width:100% }
.h_right ul a:hover, .h_left ul a:hover, .news_top_right li a:hover { color:#cc2a1e }
/***/
.case_07 { display:block; width:100%; padding-top:70px; }
.news_h1 p { display:block; padding-top:15px; font-size:13px; }
#page_07 { background:url(../images/fbg.jpg) repeat }
.case_carousel { display:block; width:100%; float:left; margin-top:30px; }
.case_carousel img { display:block; width:100%; height:282px;}
.case_carousel a p { display:block; background:rgba(0, 0, 0, 0.5); color:#fff; display:block; padding:8px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; }
/***/
#footer { background:#cc2a1e; float:left; width:100%; font-size:14px; color:#fff; margin-top:50px; padding-top:30px; }
.footer { width:1210px; margin:0 auto; }
.footer a { color:#fff }
.footer li { float:left; margin-right:30px; line-height:22px; text-align:left }
.footer li b { display:block; font-weight:normal; padding-bottom:0px; }
.footer li b a { font-size:14px; }
.footer li p { padding-left:13px; }
.footer li p a { font-size:12px; }
.footer li.contact { margin-right:20px; }
.footer li.contact p { position:relative; padding-left:28px; margin-top:10px; }
.footer li.contact p:before { background:url(../images/fotoer_icon.jpg) no-repeat; content:""; position:absolute; left:0; top:0; width:22px; height:22px; }
.footer li.contact p.tel:before { background-position:left top; font-size:18px; }
.footer li.contact p.email:before { background-position:left -42px; }
.footer li.contact p.address:before { background-position:left -87px; }
.footer li.code p { display:block; padding-top:10px; }
.footer li.code { margin-right:0; float:right }
.copyright { width:1210px; margin:0 auto; text-align:left; margin-top:20px; border-top:1px solid #db6a62; padding:12px 0; font-size:12px; line-height:22px; }
.copyright p.add span a{ color:#fff; vertical-align:top}
.copyright p.add span i{ vertical-align:top; margin-right:3px;}
.copyright p.add font { margin-right:50px; vertical-align:top}
.footer_link { background:#ad0d01; text-align:left; color:#fff; font-size:12px; line-height:22px; padding:12px 0; float:left; width:100% }
.footer_link a { color:#fff; vertical-align:top}
.footer_link p{ display:block; position:relative; padding-left:74px;}
.footer_link p label{ position:absolute; left:0; top:0}
.link_p { width:1210px; margin:0 auto }
html, body { min-width:1300px; margin:0 auto;}
/*********************/
#innerbaner { margin-top:70px; }
#innerbaner * { height:300px}
/****/
#cate_full{ background:#e7e7e7; float:left; width:100%}
#cate_full ul{ width:1200px; margin:0 auto;}
#cate_full ul li{ float:left; position:relative;}
#cate_full ul li:after{ height:15px; width:1px; background:#bcbbbb; content:""; position:absolute; right:0px; top:15px; display:block;}
#cate_full a{display:block; position:relative; float:left; padding:15px 22px; color:#666}
#cate_full a:before{display:none;position: absolute; bottom:-14px; left:50%; margin-left:-7px; width: 0; height: 0; border:7px solid transparent; border-top-color:#e60012; content:""; }
#cate_full li.hover a{ background:#e60012; color:#fff}
#cate_full li.hover a:before{ display:block}
#cate_full ul li.hover:after{ background:#e60012}
#cate_full li a:hover{ color:#e60012}
#cate_full li.hover a:hover{ color:#fff}
/**/
#pages { text-align:center; padding:0px 0; margin-top:10px; padding-bottom:10px; }
#pages .a1 { display:none; }
#pages a { border:1px solid #e60012; padding:2px 7px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 5px; line-height:18px; font-size:12px; color:#173c82; }
#pages span, #pages a:hover { border: 1px solid #e60012;-moz-border-radius:5px; line-height:18px;-webkit-border-radius:5px; border-radius:5px; padding:2px 7px; margin:0 5px; font-size:12px; background:#e60012; color:#fff; }
/***/
.about_h1_title{ display:block; font-size:30px; font-weight:bold; text-align:center; margin-bottom:40px;}
.about_h1_title font{ display:block; padding-bottom:10px;}
.about_h1_title:after{ content:""; height:4px; width:70px; background:#e60012; display:inline-block;}
#page_about{ padding-top:20px; padding-bottom:10px;}
.about_content{ width:1200px; margin:0 auto; line-height:1.8; font-size:14px;}
/***/
.news_list{}
.news_list li{ float:left; width:100%; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px;}
.news_list li img{ display:block; float:left; margin-right:25px; width:250px; height:150px;}
.news_list li b{ display:block; font-size:16px;}
.news_list li p{ display:block; padding-top:10px; color:#666}
.news_list li a:hover b{ color:#e60012}
/***/
.news_h1{ display:block; text-align:center; font-size:16px;}
.news_p{ display:block; text-align:center; font-size:13px; color:#666; padding:10px 0}
.content_show{ display:block; border-top:1px solid #eee; padding-top:25px; margin-top:10px;}
/***/
.position{ display:block; padding-top:25px;}
.position p{ display:block; width:1200px; margin:0 auto; background:url(../images/iocn_home1.png) no-repeat left center; padding-left:20px; font-size:12px;vertical-align:top}
.position p a{ vertical-align:top}
/***/
.case_list{}
.case_list li{ float:left; width:280px; margin-right:26.66666666666667px; height:320px;}
.case_list li.odd{ margin-right:0; float:right}
.case_list li img{ display:block; width:280px; height:168px; float:none}
.case_list li span{ display:block; width:280px; height:168px; margin-bottom:10px;}
.case_list li b{ display:block; font-size:14px; line-height:20px;}
.case_list li p{ display:block; font-size:12px; color:#666; line-height:20px; padding-top:5px;}
.case_list li a:hover b{color:#e60012}
/***/
.page_next a:hover{color:#e60012}
/***/
.dianpu_list{}
.dianpu_list li{ float:left; width:380px; margin-right:30px; margin-bottom:15px;}
.dianpu_list li.odd{ float:right; margin-right:0}
.dianpu_list li b{ display:block; text-align:center; padding:10px 0;}
.dianpu_list li img{ display:block; width:380px; height:328px;}
.dianpu_list li a:hover b{color:#e60012}
/***/
.faqs_list{}
.faqs_list li{ float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:0px solid #ddd}
.faqs_list li .title{ display:block; padding-left:35px; position:relative; font-weight:bold; font-size:15px;}
.faqs_list li .title i{ background:#e60012; color:#fff;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; display:block; width:22px; height:22px; font-style:normal;font-size:12px; line-height:22px;text-align:center; position:absolute; left:0; top:0}
.faqs_list li .desc{ padding-left:35px; position:relative; font-size:12px; line-height:20px; margin-top:10px;}
.faqs_list li .desc i{ background:#F60; color:#fff;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; display:block;width:22px; height:22px; font-style:normal;font-size:12px; line-height:22px; text-align:center; position:absolute; left:0; top:0; font-weight:bold;}
.faqs_list li p{ font-size:14px; line-height:24px; color:#666}
.faqs_list li b{ display:block; padding-bottom:5px; color:#e60012}
.faqs_list li a:hover b{ text-decoration:underline}
/***/
.contact_lf{ float:left; width:47%;}
.contact_rt{ float:right; width:47%}
.footer_link a{ margin-right:10px;}
/***/
.jiameng_form{ padding:40px 0; padding-bottom:60px; background:#e8374a; float:left; width:100%}
.width_1200{ margin:0 auto; max-width:1300px; margin:0 auto; background:#fff;-moz-box-shadow:0px 0px 30px rgba(0,0,0,0.7); -webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.7); box-shadow:0px 0px 30px rgba(0,0,0,0.7);}
.jiameng_form .froom_left{ float:left; width:40%; padding-left:5%; padding-top:60px}
.jiameng_form .form_left{ float:right; width:55%;}
.jiameng_form .form_left img{ display:block; width:100%;}
.jiameng_form li{ float:left; width:100%; position:relative; padding-bottom:10px; border-bottom:1px solid #ddd; margin:15px 0; padding-left:90px;}
.jiameng_form li label{ display:block; position:absolute; left:32px; top:2px; font-size:13px; color:#666}
.jiameng_form li:before{ content:""; width:28px; height:28px; background:url(../images/jm_con.jpg) left top; display:block; position:absolute; left:0; top:-3px}
.jiameng_form li.mobile:before{ background-position:left -78px;}
.jiameng_form li.code:before{ background-position:left -158px;}
.jiameng_form li.qq:before{ background-position:left -239px;}
.jiameng_form li.email:before{ background-position:left -319px;}
.jiameng_form li.address:before{ background-position:left -399px;}
.jiameng_form li input[type='text'],.jiameng_form li textarea{ border:0; background:none; display:block; width:100%; padding-right:10px;}
.jiameng_form li textarea{height:80px;}
.jiameng_form li.code{}
.jiameng_form li.code img{ position:absolute; left:245px; top:0}
.jiameng_form li.submit{ padding-left:0; border:0}
.jiameng_form li.submit:before{ display:none}
.jiameng_form li.submit input{ display:block; background:#cc3344; color:#fff; padding:15px 0; font-size:16px; text-align:center; cursor:pointer; border:0; width:100%}
.table_form .input-text.Validform_error, .table_form textarea.Validform_error { border:1px solid #F00 }
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border:1px solid #F00; padding:2px 20px 2px 5px; border-radius:2px; color:#F00; position:absolute; display:none; line-height:20px; background-color:#fff; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }

/*------------------- 返回顶部代码  ---------*/

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#efab36;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#333;display:none;}
.suspension .a-top:hover{background:#efab36;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:60px;min-height:70px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;width: 240px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:5px 10px;}
.suspension .d-service-item{}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; margin-top: 5px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{line-height:34px;font-size:18px;}
.suspension .d-service-item .text{float:left;width:160px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:18px;}