@charset "utf-8";

body { font: 14px "微软雅黑", "FontAwesome", "Arial Narrow", HELVETICA; -webkit-text-size-adjust: 100%; }
.fl{float: left}
.fr{float: right}
ol, ul {
    list-style: none outside none;
}
img{ max-width: 100%;}
a:hover{ text-decoration: none;}
 ul,li{ margin:0; padding:0; list-style:none; } 
.alignleft{text-align: left}
.center{text-align: center}
.relative{position: relative}
.dnone{display: none}
.color1{color: #8C8C8C}
.color2{color: #EF4548}
.color3{color: #A2A2A2}
.mtb10{margin: 10px 0px;}
.mtb20{margin: 20px 0px;}
.mtb30{margin: 30px 0px;}
.mtb40{margin: 40px 0px;}
.mtb50{margin: 50px 0px;}
.mt5{margin-bottom: 5px}
.mt10{margin-bottom: 10px}
.mt20{margin-bottom:20px}
.mt30{margin-bottom: 30px}

.nav-item{ font-size: 16px;}

.logo{ display: block; height: 100px;}
.logo img{ height: 100%;}
#navbar{ padding-top: 20px;}
.navbar{ margin-bottom: 0;}
.nav_tel{ text-align: right;}
.nav_tel span{ display: inline-block; height: 31px; padding-left: 31px; background: url(img/nav_tel.png) no-repeat center left; color: #AF2B38; font-size: 24px;}
.navbar-toggle .icon-bar{ background: #fff;}
.navbar-toggle{ background: #AF2B38;}
.navbar-nav > li > a{ color: #666; font-size: 16px; min-width: 64px;}
.navbar-nav > li.active > a{ color: #AF2B38; position: relative;}
.navbar-nav > li.active > a::after{ content: ''; background: #AF2B38; color: #AF2B38; position: absolute; bottom: 0; left: 50%; margin-left: -32px; width: 64px; height: 7px; background: url(img/nav_on.png) no-repeat center center;}

.inforbanner{ font-size: 0; position: relative; min-height: 120px;}
.inforbanner img{ width: 100%;}
.inforbanner_infor{ display: none; position: absolute; width: 100%; height: 120px; padding: 17px 0; background: rgba(0,0,0,0.6); bottom: 0; left: 0;}
.inforbanner_list{ overflow: hidden;}
.inforbanner_list li{ border-left: 1px solid #fff; text-align: center; height: 86px; color: #fff;}
.inforbanner_num{ font-size: 24px; position: relative; padding-top: 10px;}
.inforbanner_num span{ display: inline-block; padding: 10px 10px 0 10px; position: relative;}
.inforbanner_num span b{ font-size: 12px; position: absolute; right: 0; top: 0; font-weight: normal;}
.inforbanner_name{ font-size: 12px;}

.ctitle{ text-align: center; padding: 20px; margin-top: 30px;}
.ctitle_c{ font-size: 24px; color: #333;}
.ctitle_e{ font-size: 14px; margin-top: 10px; color: #B3B3B3;}

.index_business{ padding: 20px;}
.index_business_inner{ padding-left: 100px; height: 140px; position: relative; margin-bottom: 20px;}
.index_business_inner img{ width: 50px; height: 50px; position: absolute; left: 25px; top: 0;}
.index_business_infor{ height: 140px;}
.index_business_title{ height: 20px; font-size: 16px; line-height: 20px; overflow: hidden;}
.index_business_intro{ margin-top: 15px; padding-top: 15px; position: relative; height: 87px; line-height: 36px; overflow: hidden; color: #999;}
.index_business_intro::before{ content: ''; width: 34px; height: 1px; background: #666; position: absolute; left: 0; top: 0;}

.index_about{ padding: 45px 0; background: url(img/banner.png) no-repeat center center/cover; position: relative;}
.index_about_bg{ position: absolute; width: 50%; height: calc(100% - 90px); background: #fff; left: 0; top: 45px;}
.index_about_content{ width: 50%; position: relative; padding: 20px 0;}
.index_about_img{ padding: 25px; background: #fff; width: 750px;}
.index_about_img img{ width: 100%;}
.index_about_intro{ padding: 25px; font-size: 14px; color: #999; line-height: 28px;}
.index_about_title{ width: 152px; border-bottom: 1px solid #B2B2B2; margin-left: 25px;}
.index_about_title .ctitle{ padding: 20px 0; text-align: right;}
.index_about_title .ctitle .ctitle_e{ font-size: 12px;}

.index_office_inner{ position: relative; height: 450px;}
.io_1{ background: url(img/index_office1.png) no-repeat center center/cover;}
.io_2{ background: url(img/index_office2.png) no-repeat center center/cover;}
.io_3{ background: url(img/index_office3.png) no-repeat center center/cover;}
.io_4{ background: url(img/index_office4.png) no-repeat center center/cover;}
.index_office_inner b{ display: block; font-weight: normal; height: 100%; text-align: center; overflow: hidden; color: #fff; line-height: 30px; position: absolute; width: 100%; padding: 45px;top: 0; left: 0;}

.index_news{ margin-top: 50px;}
.index_news_img{ display: block; font-size: 0;}
.index_news_img img{ width: 100%;}
.index_news_list a{ display: block; height: 51px; line-height: 50px; overflow: hidden; border-bottom: 1px dashed #898989; padding-left: 20px; background: url(img/news_icon.png) no-repeat center left/10px auto; color: #444;}
.index_news_list a:hover{ color: #AF2B38; background: url(img/news_icon_on.png) no-repeat center left/10px auto;}

.footer{ background: #272727; overflow: hidden;}
.footer_infor{ padding: 40px 0; color: #fff;}
.footer_left_infor b{ display: block; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.footer_inner{ height: 210px;}
.footer_title{ height: 40px; line-height: 40px; font-size: 20px; overflow: hidden;}
.footer_form{ padding-left: 50px;}
.footer_qrcode{ text-align: center;}
.footer_qrcode img{ display: block; margin: 0 auto 10px auto; max-width: 140px;}
.footer_qrcode p{ margin: 0; line-height: 20px; font-size: 12px;}
.footer_icp{ background: #000;}
.footer_icp .container{ padding: 15px 0; line-height: 20px; color: #ccc; font-size: 12px;}
.footer_icp .container a{ color: #ccc;}
.footer_form_inline{ height: 32px; margin: 15px 0;}
.footer_form_left{ float: left; height: 32px; width: 70px; line-height: 32px; overflow: hidden; letter-spacing: 3px;}
.footer_form_left span{ color: #EF4548;}
.footer_form_right{ height: 32px; margin-left: 70px;}
.footer_form_right input{ height: 32px; border: none; outline: none; padding: 0 10px; border-radius: 5px; background: #344050; color: #fff; width: 100%; max-width: 256px;}

.article{ margin: 50px 0;}

.case{ margin-top: 50px;}
.case_inner{ box-shadow: 0 0 10px #ccc; margin-bottom: 20px;}
.case_img{ position: relative;}
.case_img img{ display: block; width: 263px; height: 330px; max-width: 100%;}
.case_img a{ display: none; position: absolute; width: 144px; height: 42px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; border: 1px solid #fff; top: 50%; left: 50%; margin: -21px 0 0 -72px; font-size: 18px;}
.case_inner:hover .case_img a{ display: block;}
.case_infor{ padding: 10px;}
.case_title{ display: block; font-size: 24px; height: 40px; line-height: 40px; color: #666;}
.case_intro{ height: 96px; line-height: 32px; overflow: hidden; color: #666; font-size: 18px; margin-top: 20px;}
.case_inner:hover .case_infor{ background: #bc825c;}
.case_inner:hover .case_infor .case_title{ color: #fff;}
.case_inner:hover .case_infor .case_intro{ color: #fff;}

.pages{ text-align: center; font-size: 0; padding: 20px;}
.pages a{ display: inline-block; color: #666; padding: 0 10px;}
.pages a.on{ color: #006DE8; font-weight: bold;}

.news{ margin-top: 50px;}
.news_inner{ padding: 0 200px 0 370px; height: 185px; position: relative; margin-bottom: 30px;}
.news_img{ display: block; position: absolute; width: 335px; height: 185px; font-size: 0; left: 0; top: 0;}
.news_img img{ width: 100%; height: 100%;}
.news_title{ display: block; height: 50px; padding-top: 20px; line-height: 30px; overflow: hidden; font-size: 18px; color: #2E2E2E;}
.news_intro{ height: 130px; line-height: 26px; overflow: hidden; color: #3A3A3A; font-size: 12px; margin-top: 8px;}
.news_time{ position: absolute; width: 180px; height: 185px; right: 0; top: 0; padding: 30px 20px 0 40px; background: url(img/arrow_right.png) no-repeat center right/20px auto;}
.news_time p{ font-size: 18px;}
.news_time b{ display: block; font-size: 36px; font-weight: normal;}

.join_search{ background: #fff; width: 860px; max-width: 100%; height: 52px; font-size: 0; position: absolute; left: 50%; margin-left: -430px; bottom: 30%; border-radius: 5px; padding-right: 52px; overflow: hidden;}
.join_search_btn{ position: absolute; width: 52px; height: 52px; right: 0; top: 0; background: url(img/search.png) no-repeat center center; border: none; outline: none;}
.join_searc_key{ width: 100%; height: 52px; border: none; outline: none; font-size: 14px; padding: 0 10px;}
.join_title{overflow: hidden;padding: 20px 10px;font-size: 18px; margin-top: 30px;}
.join_nav{ height: 65px; background: #0059DE; font-size: 0; text-align: center;}
.join_nav a{ display: inline-block; height: 65px; line-height: 65px; padding: 0 15px;  font-size: 14px; color: #fff;}
.join_nav a.on{ background-color: #428af7;}
.join_list{ background: #F8F8F8; padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px;}
.join_inline{margin: 0 20px 20px;border-bottom: 1px solid #ccc;}
.join_intro{position: relative;padding: 5px 30px 5px 5px;}
.join_intro b{display: block;font-size: 14px;line-height: 24px;}
.join_intro p{font-size: 14px;line-height: 24px;}
.join_act{display: block;width: 20px;height: 20px;position: absolute;cursor: pointer;right: 5px;top: 50%;margin-top: -10px;}
.join_act::after{content: '';position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #333 transparent transparent transparent;}
.join_content{display: none;margin: 10px 15px;padding: 10px;font-size: 12px;line-height: 24px;overflow: hidden;}
.join_content_list{margin-bottom: 20px;}
.join_content_email{float: left;height: 40px;line-height: 40px;padding: 0 40px;background: #d0ad95;color: #fff; margin-bottom: 20px; margin-right: 20px;}

#dituContent{ width: 100%; height: 500px;}
.contact{ margin-top: 50px; margin-bottom: 50px; background: #fff; padding: 45px; box-shadow: 0 0 10px #ccc;}
.contact_title{ font-size: 36px; position: relative; padding-bottom: 15px; margin-bottom: 30px;}
.contact_title::after{ content: ''; position: absolute; width: 60px; height: 5px; bottom: 0; left: 0; background: #d0ad95;}
.contact_title b{ font-size: 36px; font-weight: normal; margin-left: 20px; color: #DCDCDC;}
.contact_inner{ margin-top: 20px;}
.contact_txt{ resize: none;}
.contact_inline{ min-height: 40px; margin-bottom: 10px; line-height: 40px; padding-left: 40px; margin-left: 40px;}
.contact_inline:last-child{ margin-bottom: 0;}
.contact_tel{ background: url(img/icon_tel.png) no-repeat center left/32px auto;}
.contact_address{ background: url(img/icon_address.png) no-repeat center left/28px auto;}
.contact_email{ background: url(img/icon_email.png) no-repeat center left/28px auto;}
.contact_btn{ display: block; width: 100%; height: 42px; background: #d0ad95; color: #fff; margin-top: 20px; border: 0; outline: none;}

.recommend{ margin-top: 50px; background: #F2F4F7; padding: 50px 0;}
.recommend_inner{ margin-bottom: 20px;}
.recommend_img{ display: block; width: 100%;}
.recommend_infor{ background: #fff; padding: 20px;}
.recommend_bottom{ padding: 10px 20px; background: #fff; border-top: 1px solid #EDEEF0; text-align: center;}
.recommend_bottom a{ color: #333;}
.recommend_title{ display: block; height: 32px; line-height: 32px; font-size: 18px; overflow: hidden; color: #333;}
.recommend_intro{ height: 40px; line-height: 20px; font-size: 14px; color: #808080; overflow: hidden;}

/* 2020.10.22 */
.pages a{ font-size: 18px;}
.pages span{ font-size: 18px;}
.pager li > a, .pager li > span{ border-radius: 0;}
.footer_form_right input.footer_msg_btn{ display: block; width: 100%; height: 32px; color: #fff; background: #0059ec; border: none; outline: none; border-radius: 5px;}

/* 2020.10.26 */
.business{ margin-top: 0px;}
.business_inner{ margin-bottom: 20px;}
.business_img{ position: relative;}
.business_img img{ display: block; width: 263px;}
.business_img a{ display: none; position: absolute; width: 144px; height: 42px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; border: 1px solid #fff; top: 50%; left: 50%; margin: -21px 0 0 -72px; font-size: 18px;}
.business_infor{ padding: 10px;}
.business_title{ display: block; font-size: 24px; height: 40px; line-height: 40px; color: #666; text-align: center;}
.about{ padding: 50px 0; background: url(img/bg_about.png) no-repeat center center/cover;}
.about_inner{ display: block; background: #fff; text-align: center; border-radius: 5px; margin-bottom: 20px; padding: 60px 0; box-shadow: 0 0 10px #ccc;}
.about_title{ height: 44px; line-height: 44px; font-size: 18px; color: #333;}
.about_1{ width: 120px; height: 120px; background: url(img/about_1.png) no-repeat center center/60px auto; margin: 0 auto;}
.about_2{ width: 120px; height: 120px; background: url(img/about_2.png) no-repeat center center/60px auto; margin: 0 auto;}
.about_3{ width: 120px; height: 120px; background: url(img/about_3.png) no-repeat center center/60px auto; margin: 0 auto;}

.lead{ max-width: 1200px; margin: 20px auto; font-size: 14px;}
.lead a{ color: #333;}
.article_title{ max-width: 1200px; margin: 20px auto; font-size: 18px; text-align: center;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color: #d0ad95; border-color: #d0ad95}
.pager li > a, .pager li > span{ color: #d0ad95}

/* 2020.10.27 */
.about1{ background: url(img/about1.png) no-repeat center center/cover; padding: 100px 50px; margin: 0;}
.about2{ background: url(img/about2.png) no-repeat center center/cover; padding: 100px 50px; margin: 0;}
.about3{ background: url(img/about3.png) no-repeat center center/cover; padding: 100px 50px; margin: 0;}