﻿@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
img{max-width: 100%;}
/* CSS Document */
body{padding:0; font-family:"思源黑体","Microsoft YaHei";font-size:16px; width:100%; background-color:#000000;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1200{max-width:1200px; width:90%;}
.width1480{max-width:1480px; width:90%;}
a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.map-content {
    padding: 30px 0;
background: #fff;
}

.map-module {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.map-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.map-branch .map-title {
    margin: 20px 0 0;
    z-index: 1;
}

.map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.map-content-info {
    position: relative;
    margin-bottom: 30px;
}

.branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}

.map-content-box {
    width: 100%;
    height: 100%;
    background: url("../images/map-bj.png") no-repeat center;
    position: relative;
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.beijing {
    left: 585px;
    top: 220px;
}

.tianjin {
    left: 604px;
    top: 234px;
}

.hebei {
    left: 575px;
    top: 254px;
}

.shanxi {
    left: 540px;
    top: 276px;
}

.liaoning {
    left: 660px;
    top: 196px;
}

.jilin {
    left: 696px;
    top: 167px;
}

.heilongjiang {
    left: 676px;
    top: 106px;
}

.shanghai {
    left: 668px;
    top: 341px;
}

.jiangsu {
    left: 646px;
    top: 316px;
}

.zhejiang {
    left: 655px;
    top: 379px;
}

.anhui {
    left: 605px;
    top: 334px;
}

.fujian {
    left: 625px;
    top: 428px;
}

.jiangxi {
    left: 595px;
    top: 402px;
}

.shandong {
    left: 610px;
    top: 284px;
}

.henan {
    left: 562px;
    top: 316px;
}

.hubei {
    left: 555px;
    top: 359px;
}

.hunan {
    left: 545px;
    top: 409px;
}

.guangdong {
    left: 575px;
    top: 466px;
}

.guangxi {
    left: 506px;
    top: 461px;
}

.chongqing {
    left: 495px;
    top: 364px;
}

.sichuan {
    left: 425px;
    top: 354px;
}

.guizhou {
    left: 484px;
    top: 424px;
}

.yunnan {
    left: 405px;
    top: 462px;
}

.shanxi1 {
    left: 502px;
    top: 312px;
}

.map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #01B7BD;
    border-radius: 50%;
}

.map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url("../images/icon-star.png") no-repeat center;
}

.branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 430px;
    border: 1px solid #01B7BD;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 30px;
    z-index: 1;
    display: none;
}

.branch-map-data-title {
    border-bottom: 1px solid #eee;
}

.branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}

.data-branch:last-child {
    border: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #01B7BD transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #01B7BD;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}

/* header_top */
.header_top{ width:100%; height:4.375rem; line-height:4.375rem; position:fixed; background-color:#eee; top:0px; z-index:999;}
.header_top.slideUp{ opacity:0;transition: all .3s ease;}
.header_top.slideUp.on,.header_top.slideDown{ opacity:1;transition: all .3s ease;}
.carousel,.page_banner,.page_con_bg,cp_show_banner,.news_bg{ margin-top:0rem;}
.header_top .logo{max-height:4.375rem; float:left; margin-left:5%;}
.header_top .menu_nav{ margin-left:15%;line-height:4.375rem; width:46%;}
.header_top .menu_nav a dl{ float:left; padding:0px 3.5%; color:#333; font-size:1rem;}
.header_top .menu_nav dl a{ float:left; padding:0px 3.5%; color:#333; font-size:1rem;
    transition:all .3s;}

.header_top .sub{
opacity: 0;
    position: absolute;
    width: 100%;
    top: 60px;
    transition:all .3s;
    left: 0;
padding-left: 5%;
    height: 400px;
   visibility: hidden;
    overflow: hidden;
    background: rgb(238,238,238,0.8);
}

.cp_show_foot p{line-height:2;font-size:16px color:#333}

.header_top .menu_nav .cpzx:hover .sub{   top:70px;
    transition:all .3s; visibility: visible;
    opacity: 1;}

.header_top .sub li b{ line-height: 3; font-size:16px;}

.header_top .sub li p{ line-height: 2; font-size:14px;}

.header_top .sub li a{color: #333;  
    line-height: 2;width: 100%; font-size:14px;
    font-weight: 500;}

.header_top .sub li:nth-child(2n){background: rgb(255,255,255,0.7);}
.header_top  .sub li{width: 17%;padding-left: 20px;
    height: 220px;
    float: left;}
.header_top .menu_nav a:hover dl,.header_top .menu_nav a.on dl a{ color:#bd1c21;}
 .header_top .menu_nav a:hover {
color:#bd1c21;
}
.header_top a.fr{ font-size:1rem; color:#ffffff; position:absolute; right:2%;}
.header_top a.fr:hover{ color:#bd1c21;}
.header_top a.fr div{height:4.375rem;}
.header_top a.fr div i{ font-size:0.75rem;}
/* index_bg */
.index_bg{ background-color:#ececec; overflow:hidden; width:100%;}
.index_bg .item{ overflow:hidden;}
.item span{    position: relative;padding-right:2.2rem;}
.item span i{position: absolute;line-height:2rem;top: 0px;right: 0.2rem;font-size:2rem;}

.index_sb{ padding:8.75rem 0px 6.25rem; width:90%; max-width:1280px; margin:0px auto; overflow:hidden;}
.index_sb dl.fl{ width:61%;}
.index_sb dl.fl dd{ font-size:2.875rem; color:#bd1c21; font-weight:bold; margin-bottom:1rem;}
.index_sb dl.fl ol{ color:#3e3e3e; font-size:1.875rem; margin-bottom:1.25rem;}
.index_sb dl.fl dl{ font-size:1.875rem; color:#000000; margin-bottom:1.5rem;}
.index_sb dl.fl dl strong{color:#bd1c21;}
.index_sb dl.fl div.c{ font-size:1rem; color:#666666; line-height:1.875rem; padding-right:26%;}
.index_sb dl.fr{ width:35%;}

.in_f{ overflow:hidden; margin-top:3.125rem;}
.in_f li{ float:left; width:13%; margin-right:2%; text-align:center;}
.in_f li div{ border:1px solid #bd1c21; margin:0px auto; padding:22% 0px;}
.in_f li p{ color:#666666; font-size:1rem; line-height:2rem; padding-right:0px !important;}

.index_aic_bg{ overflow:hidden; width:100%; background:#FFF;height:56.25rem; }
.index_aic{ padding-top:10rem;width:90%; max-width:1400px; margin:0px auto;}
.index_aic dl.fl{ width:47%; max-width:650px;}
.index_aic dl.fr{ width:51%;}
.index_aic dl.fr dd{ text-align:right; color: #BD1C21;
    FONT-WEIGHT: BOLD; font-size:2.875rem;}
.index_aic dl.fr dl{ text-align:right; font-size:1.875rem; color:#000; margin-top:1rem;}
.index_aic dl.fr dl strong{ color:#bd1c21;}
.index_aic dl.fr div.c{ color:#999999; font-size:1rem;  padding-left:20%; line-height:1.75rem; margin-top:2.8rem;}
.index_aic .in_f{ padding-left:22%;}
.index_aic .in_f li{ width:18%;}

.index_about{height:42.5rem;}
.index_about .item{z-index:5;margin-top: -42.5rem !important;}
.index_p{width:100%; overflow:hidden;}
.index_p .item{ width:90%; max-width:1360px; overflow: hidden; margin:0px auto; color:#ffffff; padding-top:6%; min-height:34.6875rem; position:relative;}
.index_p .item img{ position:absolute; top:32%;}
.index_p .item img.l{ left:0px;}
.index_p .item img.r{ right:0px;}
.index_p .item div{ margin:0px auto; width:81%;}
.index_p .item div dd{ text-align:center; font-size:3rem; margin-bottom:8%; font-weight:bold;}
.index_p .item div p{ font-size:1.125rem; line-height:2rem;text-indent:1.875rem;}
.index_p .item div a div{ width:36%; line-height:4rem; margin-top:8%; text-align:center; color:#ffffff; font-size:1.5rem; border:1px solid #ffffff;}

.index_news{ padding:5% 0px; min-height:40rem;}
.index_news dd{ text-align:center; color:#333333; font-weight:bold; font-size:3rem; margin-bottom:5%;}
.index_news ul{ overflow:hidden; margin-bottom:5%;}
.index_news ul li{ float:left; width:32%; margin:0px 0.5%;}
.index_news ul li:hover img{ opacity:0.9;}
.index_news ul li div{ background-color:#ffffff; margin-top:-4px; padding:4%;}
.index_news ul li:hover div{ background-color:#bd1c21;}
.index_news ul li div ol{ color:#020202; font-size:1.3rem; margin-bottom:0.5rem; height:2.5rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.index_news ul li:hover div ol{ color:#ffffff;}
.index_news ul li div dl{ font-size:1rem; color:#999999; line-height:1.6rem;}
.index_news ul li:hover div dl{ color:#ffffff;}
.index_news ul li div p{ color:#999999; font-size:1.125rem; text-align:right;}
.index_news ul li:hover div p{ color:#ffffff;}
.index_news .more{ background-color:#bd1c21; color:#ffffff; height:4.375rem; line-height:4.375rem; width:21%; text-align:center; font-size:1.5rem;  margin:0px auto;}

.index_jjfa{ height:37.5rem;}
.index_jjfa .item{z-index:5;margin-top: -37.5rem !important;}
#index_c1 .in_t{ margin-top:-2rem;transition: all 2s ease; opacity:0;}
#index_c1.on .in_t{ margin-top:0px; opacity:1;}
#index_c1 .in_f{ margin-top:5rem; opacity:0;}
#index_c1 .in_f li{ margin-top:10rem; opacity:0;}
#index_c1.on .in_f{margin-top:0px; opacity:1;}
#index_c1.on .in_f li{margin-top:20px; opacity:1}
#index_c1.on .in_f li.i1{ margin-top:0px;transition: all 0.3s ease;}
#index_c1.on .in_f li.i2{ margin-top:0px;transition: all 0.5s ease;}
#index_c1.on .in_f li.i3{ margin-top:0px;transition: all 0.7s ease;}
#index_c1.on .in_f li.i4{ margin-top:0px;transition: all 0.9s ease;}
#index_c1.on .in_f li.i5{ margin-top:0px;transition: all 1.1s ease;}
#index_c1 .fr{ opacity:0;transition: all 2s ease;padding-top: 4%;}
#index_c1.on .fr{ opacity:1;transition: all 2s ease;}

#index_c2 .in_t{ margin-top:-2rem;transition: all 2s ease; opacity:0;}
#index_c2.on .in_t{ margin-top:0px; opacity:1;}
#index_c2 .in_f{ margin-top:5rem; opacity:0;}
#index_c2 .in_f li{ margin-top:10rem; opacity:0;}
#index_c2.on .in_f{margin-top:0px; opacity:1;}
#index_c2.on .in_f li{margin-top:0px; opacity:1}
#index_c2.on .in_f li.i1{ margin-top:0px;transition: all 0.3s ease;}
#index_c2.on .in_f li.i2{ margin-top:0px;transition: all 0.5s ease;}
#index_c2.on .in_f li.i3{ margin-top:0px;transition: all 0.7s ease;}
#index_c2.on .in_f li.i4{ margin-top:0px;transition: all 0.9s ease;}
#index_c2.on .in_f li.i5{ margin-top:0px;transition: all 1.1s ease;}
#index_c2 .fl{ opacity:0;transition: all 2s ease;padding-top: 4%;}
#index_c2.on .fl{ opacity:1;transition: all 2s ease;}

#index_c3 .in_t{ margin-top:-2rem;transition: all 2s ease; opacity:0;}
#index_c3.on .in_t{ margin-top:0px; opacity:1;}
#index_c3 .in_f{ margin-top:5rem; opacity:0;}
#index_c3 .in_f li{ margin-top:10rem; opacity:0;}
#index_c3.on .in_f{margin-top:0px; opacity:1;}
#index_c3.on .in_f li{margin-top:0px; opacity:1}
#index_c3.on .in_f li.i1{ margin-top:0px;transition: all 0.3s ease;}
#index_c3.on .in_f li.i2{ margin-top:0px;transition: all 0.5s ease;}
#index_c3.on .in_f li.i3{ margin-top:0px;transition: all 0.7s ease;}
#index_c3.on .in_f li.i4{ margin-top:0px;transition: all 0.9s ease;}
#index_c3.on .in_f li.i5{ margin-top:0px;transition: all 1.1s ease;}
#index_c3 .fr{ opacity:0;transition: all 2s ease;padding-top: 4%;}
#index_c3.on .fr{ opacity:1;transition: all 2s ease;}

#index_c4 .item div,#index_c4 .item img{transition: all 2s ease; opacity:1;}
#index_c4.on .item div,#index_c4.on .item img{transition: all 2s ease; opacity:1;}

#index_c5 .item dd{ margin-top:-1rem;transition: all 2s ease; opacity:0;}
#index_c5.on .item dd{ margin-top:0rem;transition: all 2s ease; opacity:1;}
#index_c5 .item ul li{ margin-top:-50rem;transition: all 0.3s ease; opacity:0;}
#index_c5 .item ul li dl.img{ height:16.875rem; overflow:hidden; text-align:center; background-color:#ffffff; margin-bottom:4px;}
#index_c5 .item ul li dl.img img{ max-height:100%;}
#index_c5.on .item ul li.li1{margin-top:0rem;transition: all 0.4s ease; opacity:1;}
#index_c5.on .item ul li.li2{margin-top:0rem;transition: all 0.6s ease; opacity:1;}
#index_c5.on .item ul li.li3{margin-top:0rem;transition: all 0.9s ease; opacity:1;}
#index_c5.on .item ul li.li4{margin-top:1rem;transition: all 1.1s ease; opacity:1; }
#index_c5.on .item ul li.li5{margin-top:1rem;transition: all 1.3s ease; opacity:1;}
#index_c5.on .item ul li.li6{margin-top:1rem;transition: all 1.6s ease; opacity:1;}
#index_c5 .item .more{transition: all 2s ease; opacity:0;}
#index_c5.on .item .more{transition: all 2s ease; opacity:1;}

#index_c6 .item div,#index_c6 .item img{transition: all 3s ease; opacity:0;}
#index_c6.on .item div,#index_c6.on .item img{transition: all 3s ease; opacity:1;}

/*.foot_bg*/
.foot_bg{ height:23.75rem; background-color:#000000; width:100%;}
.foot_bg .foot_bg_con{ width:96%; max-width:1260px;}
.foot_bg .foot_t{ padding:2.8125rem 0px; height:11.5625rem;}
.foot_bg .foot_t .foot_t_f{ border-right:1px solid #1c1c1c; width:23%;}
.foot_bg .foot_t .foot_t_f div{ width:50%;}
.foot_bg .foot_t .foot_t_f div a:hover{ color:#bd1c21;}
.foot_bg .foot_t .foot_t_f div dd{ font-size:0.875rem; margin-bottom:1.25rem;}
.foot_bg .foot_t .foot_t_f div dd a{ color:#f7f7f7;}
.foot_bg .foot_t .foot_t_f div dl{ font-size:0.75rem; line-height:1.5rem;}
.foot_bg .foot_t .foot_t_f div dl a{ color:#999999;}
.foot_bg .foot_t .foot_t_c{ width:45%; margin-left:8%;}
.foot_bg .foot_t .foot_t_c img{ float:left; width:33%; max-width:185px;}
.foot_bg .foot_t .foot_t_c dl{ float:right; width:63%; color:#999999;font-size:0.75rem; line-height:1.5rem;}
.foot_bg .foot_t .foot_t_r{ border-left:1px solid #1c1c1c; width:18%; padding-left:5%;;}
.foot_bg .foot_t .foot_t_r li{ overflow:hidden;}
.foot_bg .foot_t .foot_t_r li.l1{ font-size:0.875rem; color:#ffffff;}
.foot_bg .foot_t .foot_t_r li.l2{ font-size:1.875rem; font-weight:bold; color:#bd1c21;}
.foot_bg .foot_t .foot_t_r li.l3{ font-size:0.75rem; color:#ffffff; margin-bottom:0.875rem;}
.foot_bg .foot_t .foot_t_r li.l4 img{ float:left; width:34%; max-width:77px;}
.foot_bg .foot_t .foot_t_r li.l4 span{ float:right; font-size:0.875rem; color:#ffffff; width:60%; margin-top:10%;}
.foot_bg .foot_f{ border-top:1px solid #1c1c1c; font-size:0.75rem; color:#b5b5b6; line-height:2.5rem; padding-top:1.5rem;}
.foot_bg .foot_f li{float: left;
    color: #fff;
    margin-right: 10px;}
.foot_bg .foot_f li a{color: #fff;}
.foot_bg .foot_f a{ color:#3b3a3a;}
/*page_con_bg*/
.page_con_bg{ background-color:#f3f3f3; overflow:hidden; width:100%; min-height:50rem;}
.page_tit{ line-height:6.125rem; color:#000000; font-size:1.125rem;}
.page_tit a{color:#000000;}
.page_tit a:hover{color:#bd1c21;}
.page_tit span{position: relative;padding-right: 1rem;}
.page_tit span i{position: absolute;line-height: 0.75rem;top: 0px;right: 0.2rem;font-size: 0.75rem;}
.cp_list,.cp_jj{ background-color:#ffffff; margin-bottom:3.75rem; overflow:hidden; padding:3%;}
.cp_list div.fl{ background-color:#fff;border: 1px solid #eee; width:19%; max-width:260px; height:36rem; overflow:hidden;}
.cp_list div.fl dl:last-child{border: 0px solid #D02C30}
.cp_list div.fl dl{    color: #D02C30;
    border-bottom: solid 1px #eee; font-size:1.5rem; font-weight:bold; padding:1.2rem; text-align:center; overflow:hidden;}
.cp_list div.fl dl img{ margin-bottom:1rem;}
.cp_list div.fl dl p{ text-align:left;    font-size: 16px;
 color:#D02C30;
}
 .cp_list div.fl h2{color:#fff;font-size:22px;line-height:3.5; background-color:#d02c30; text-align: center;}
.cp_list div.fl dl p span{ position:relative; padding-right:1rem;}
.cp_list div.fl dl p span i{ position:absolute; top:0px; right:0.2rem; font-size:0.75rem;}
.cp_list div.fr{ width:80%;overflow:hidden;}
.cp_list div.fr dd{ font-size:1.875rem; margin-bottom:0.65rem;}
.cp_list div.fr dd a{ color:#000000;}
.cp_list div.fr dd a:hover{ color:#bd1c21;}
.cp_list div.fr dd a span{ position:relative; padding-right:1rem;}
.cp_list div.fr dd a span i{ position:absolute; top:0px; right:0.2rem; font-size:0.75rem;}
.cp_list div.fr dl{ font-size:1rem; color:#666666; height:5rem; overflow:hidden;}

.video_list_area{width:100%;    display: inline-block;}
.nicescroll-rails{ background-color:#dcdcdc;}
ul.video_list{height:16rem; list-style:none;}
ul.video_list li{float: left; }
ul.video_list li a{ padding:0px 0.4rem;display:inline-block;width:18.6rem; height:16.5rem;}
ul.video_list li div{ height:14.5rem; width:100%; text-align:center; overflow:hidden;border:1px solid #eeeeee; margin-bottom:0.5rem;transition: all .3s ease;}
ul.video_list li div img{height:100%;}
ul.video_list li:hover div{box-shadow:3px 10px 10px 0px rgba(0,0,0,0.1);transition: all .3s ease;}
ul.video_list li p{ color:#666666;  text-align: center; font-size:0.875rem; height:3rem; line-height:1.5rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
#ascrail2000-hr div{margin-left:0;}

.cp_jj ol{ height:3.375rem; font-size:1.875rem; color:#333333; position:relative; margin-bottom:1.625rem;}
.cp_jj ol i.x{ position:absolute; width:12%; height:2px; background-color:#d02c30; bottom:0px;}
.cp_jj ol span{position: relative;padding-right: 1rem;}
.cp_jj ol span i{position: absolute;top: 0px;right: 0.2rem;font-size: 0.75rem;}
.cp_jj .cp_jj_con{ font-size:1rem; color:#666666; overflow:hidden; line-height:1.75rem;}
.cp_jj .cp_jj_ul{ overflow:hidden; margin-top:3.75rem;}
.cp_jj .cp_jj_ul li{ float:left; width:21%; margin:0px 2%; overflow:hidden; height:16rem; margin-bottom:1rem;}
.cp_jj .cp_jj_ul li div{ width:99%; margin:0px auto; height:12.5rem; position:relative; text-align:center; border:1px solid #eeeeee;}
.cp_jj .cp_jj_ul li div img{ max-height:100%;}
.cp_jj .cp_jj_ul li div p{ position:absolute; top:0px; bottom:0px; width:70%; padding:20% 15% 0px; background-color:#d02c30; color:#ffffff; font-size:1.5rem; text-align:center; display:none;}
.cp_jj .cp_jj_ul li:hover div p{ display:block;}
.cp_jj .cp_jj_ul li dl{ color:#666666; font-size:1rem; text-align:center; line-height:2rem;}
.cp_show_banner{ width:100%; overflow:hidden;margin-top: 4.375rem; text-align:center;}
.cp_show_banner img{ margin-bottom:-4px; width:400px;}
.cp_show_top{ width:100%; background-color:#272727; text-align:center; height:3.75rem; line-height:3.75rem;}
.cp_show_top a{ color:#ffffff; font-size:0.875rem; margin:0px 2.4rem; padding-bottom:1rem;}
.cp_show_top a:hover,.cp_show_top a.on{ border-bottom:2px solid #c82a2e;}
.cp_show_con{ width:96%; max-width:1480px; position:relative; padding-bottom:0.5rem;}
.cp_show_con dd {
    padding-top: 1.5rem;
    font-size: 1.3em;
    color: #333333;
    height: 1.75rem;
    border-bottom: 0px solid #cccccc;
    margin-bottom: 0.25rem;
}
.cp_show_con dd a{color:#000;}
.cp_show_con dd a:hover{color:#bd1c21;}
.cp_show_con_t{ font-size:1rem; color:#666666; line-height:1.625rem;}
.cp_show_con_ul{ overflow:hidden;}
.cp_show_con_ul li{ float:left; text-align:center; margin-right:2.5%; width:19%; max-width:280px;}
.cp_show_con_ul li div{ text-align:center;}
.cp_show_con_ul li div img{ max-height:100%;}
.cp_show_con_ul li p{ color:#333333; font-size:1.5rem; line-height:5rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.cp_show_con_f{ font-size:1rem; color:#000000;}
.cp_show_bg{ background-color:#f3f3f3; overflow:hidden; padding-bottom:3.75rem;}
.cp_show_foot{width:96%; max-width:1480px; padding-top:2rem;}
.cp_show_foot dd{ color:#333333; font-size:1.875rem; height:3.75rem;}
.cp_show_foot div.c{ overflow:hidden; border-top:1px solid #cccccc; width:100%; padding:1.875rem 0px;}
.cp_show_foot div.c ol{ color:#333333; font-size:0.9375rem; font-weight:bold; margin-bottom:1.875rem;}
.cp_show_foot div.c ul li{ float:left; width:50%;margin-bottom:1.875rem; height:3rem;}
.cp_show_foot div.c ul li dl{ color:#333333; font-size:0.9375rem;}
.cp_show_foot div.c ul li dl.fl{ width:40%;}
.cp_show_foot div.c ul li dl.fr{ width:50%; padding-right:10%;}
.cp_show_foot div.c ul li dl.cp_red{ position:relative; color:#d02c30;}
.cp_show_foot div.c ul li dl.cp_red div{ position:absolute;background-color:#d02c30; color:#ffffff; padding:1rem 1.875rem; border-radius:1rem; width:65%; margin-top: -34%; display:none; min-height:9rem;}
.cp_show_foot div.c ul li dl.cp_red:hover div{ display:block;}
.cp_show_foot div.c ul li dl.cp_red div img{ position:absolute; left:-10px; margin-top:27%;}
.cp_show_foot div.c .cp_xgzl{ overflow:hidden;}
.cp_show_foot div.c .cp_xgzl li{ width:50%; float:left; margin-bottom:0px;}
.cp_show_foot div.c .cp_xgzl li a{ color:#bd1c21; font-size:1rem;}
.cp_show_foot div.c .cp_xgzl li a:hover{ text-decoration:underline;}

.dsj_con{ width:100%;overflow:hidden;}
.dsj_con .dsj_ul{ overflow:hidden; width:102%;}
.dsj_con .dsj_ul li{ float:left; width:30.5%; overflow:hidden; max-width:460px; max-height:380px; margin-right:2%; margin-bottom:4%; position:relative; text-align:center;}
.dsj_con .dsj_ul li img{ max-height:100%;}
.dsj_con .dsj_ul li div{ position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%;}
.dsj_con .dsj_ul li div:hover{ background-color:rgba(0,0,0,0.67);}
.dsj_con .dsj_ul li div p{ color:#ffffff; border:1px solid #ffffff; position:absolute; bottom:45%; width:48%; margin:0px 25%; padding:0.5rem;}
.dsj_con .dsj_ul li div:hover p{ background-color:#bd1c21; border:1px solid #bd1c21;}
/*公司简介*/
.page_banner{ width:100%; overflow:hidden;}
.page_banner img{ margin-bottom:-4px; width:100%;}
.page_mu{ text-align:center; border-bottom:1px solid #cccccc; height:3.125rem; line-height:3.125rem; margin-bottom:4rem;} 
.page_mu a{ color:#666666; font-size:1rem; margin:0px 3%;}
.page_mu a:hover,.page_mu a.on{ color:#d02c30;}
.about_t{ font-size:1rem; color:#666666; line-height:2rem;}
.page_a{ overflow:hidden; margin-top:5rem;}
.page_a dd{ text-align:center; color:#333333; font-weight:bold; font-size:1.875rem;}
.page_a ol{ text-align:center; position:relative; font-size:1.125rem; color:#999999; line-height:2.8125rem;}
.page_a .xt{ height:2px; background-color:#d02c30; width:4.125rem; margin:0px auto; margin-bottom:3.75rem;}
.about_nl ul{ overflow:hidden; width:112%;}
.about_nl ul li{ width:23%; float:left; margin-right:10%; margin-bottom:2.5rem; height:25rem;}
.about_nl ul li div{ text-align:center; height:7.5rem;}
.about_nl ul li div img{ max-height:100%; border:1px solid #000000;}
.about_nl ul li dl{ font-weight:bold; color:#333333; font-size:1.125rem; text-align:center; line-height:3.25rem;}
.about_nl ul li p{ color:#666666; font-size:0.875rem; line-height:1.5rem;}
.about_wh{ padding-bottom:7.875rem;}
.about_wh div.c{ overflow:hidden;}
.about_wh div.c .fl{ width:50%;}
.about_wh div.c .fr{ width:47%; color:#666666; font-size:1.125rem; line-height:2.125rem;}
/*合作伙伴*/
.hzhb_ul{ overflow:hidden; width:92%; margin:0px auto; padding:1.125rem 10px;}
.hzhb_ul li{ float:left; overflow:hidden; width:33%; text-align:center; height:19rem; margin-bottom:1rem; padding:0.875rem 0px 2.875rem 0px;transition: all .3s ease;}
.hzhb_ul li:hover{box-shadow:0px 4px 10px 8px rgba(0,0,0,0.1);transition: all .3s ease;}
.hzhb_ul li div{ height:100%; width:100%;}
.hzhb_ul li div p{ width:90%; margin:0px auto;  overflow:hidden;}
.hzhb_ul li div dl{ line-height:4.125rem; font-size:1.125rem; color:#333333;}
.hzhb_f{ width:100%; height:12.0625rem; background-color:#212338; text-align:center; color:#ffffff; padding-top:4.5rem;}
.hzhb_f dd{ font-size:2.25rem; margin-bottom:2.5rem;}
.hzhb_f dl{ border:1px solid #ffffff; font-size:1.5rem; color:#ffffff; height:2.625rem; line-height:2.625rem; width:13%; margin:0px auto;}
/*加入威固*/
.jrgw{ padding:1.5rem 0px 5.75rem;}
/*联系我们*/
.lxwm{ padding:3.75rem 0px 8.75rem;}
.lxwm ul{ overflow:hidden; margin:0px auto; width:71%;}
.lxwm ul li{ float:left; text-align:center; margin-bottom:2rem;}
.lxwm ul li div{ height:3.75rem;}
.lxwm ul li div img{ max-height:3.75rem;}
.lxwm ul li dd{ height:2.5rem; line-height:2.5rem; color:#333333; font-size:1.25rem; font-weight:bold;}
.lxwm ul li dl{ font-size:1.125rem; color:#666666; line-height:2rem;}
.lxwm ul li p{ margin-top:2.5rem; height:7.125rem;}
.lxwm ul li p img{ max-height:7.125rem}
.lxwm ul li.c{ width:33%;}
.lxwm ul li.red dd,.lxwm ul li.red dl{ color:#d02c30;}
.lxwm ul li.f{ width:100%;}
.lxwm .lxwm_dt{ overflow:hidden; margin-top:4.375rem;}
/*解决方案*/
.jjfa{ padding:4rem 0px;}
.jjfa dd.t{ color:#333333; font-weight:bold; font-size:1.875rem; height:5.375rem;}
.jjfa ul{ overflow:hidden; margin-bottom:3.75rem; border-bottom:1px solid #f3f3f3; margin-left:-1%;}
.jjfa ul li{ float:left; width:31%; max-width:460px; margin:0px 1%; overflow:hidden;}
.jjfa ul li div{ max-height:23.75rem; overflow:hidden; position:relative;}
.jjfa ul li div img{ max-height:100%;}
.jjfa ul li div dl{ position:absolute; opacity:0;transition: all .3s ease; bottom:-20px; background-color:#d02c30; width:96%; height:56%; color:#ffffff; overflow:hidden; padding:3% 2%;}
.jjfa ul li:hover div dl{ opacity:1;transition: all .3s ease;bottom:0px;}
.jjfa ul li div dl dd{ font-size:1.875rem; margin-bottom:0.75rem;}
.jjfa ul li div dl p{ font-size:0.875rem; line-height:1.5rem;}
.jjfa ul li ol{ height:6rem; line-height:4rem; text-align:center; color:#333333; font-size:1.5rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
/*新闻中心*/
.news_bg{ background-color:#f3f3f3; width:100%; overflow:hidden; padding:3.4375rem 0px;}
.news_bg dd.t{ text-align:center; color:#333333; font-size:1.875rem;}
.news_bg dl.t{ text-align:center; color:#999999; font-size:1.125rem; margin:0.75rem 0px;} 
.news_bg ol.t{ height:2px; background-color:#d02c30; width:6%; margin:0px auto;}
.news_bg .news_mu{ margin-top:3.75rem; text-align:center; height:2.5rem; line-height:2.5rem; margin-bottom:4rem;}
.news_bg .news_mu a{ color:#333333; font-size:1.125rem; padding:0.7% 2.9%;}
.news_bg .news_mu a.on,.news_bg .news_mu a:hover{ color:#ffffff; background-color:#d02c30;}
.news_bg .news_list{ overflow:hidden; margin-bottom:3rem;}
.news_bg .news_list li{ background-color:#ffffff; margin-bottom:1.25rem; overflow:hidden; padding:3% 1.5%;}
.news_bg .news_list li div{ overflow:hidden;}
.news_bg .news_list li div.fl{ width:26%; max-width:300px;text-align:center;}
.news_bg .news_list li div.fl img{transition: all .3s ease; max-height:100%;}
.news_bg .news_list li:hover img{transition: all .3s ease; margin-left:2px;}
.news_bg .news_list li div.fr{ width:73%; max-width:845px;}
.news_bg .news_list li div.fr dd{ color:#333333; font-size:1.5rem;}
.news_bg .news_list li div.fr ol{ font-size:1.125rem; color:#999999; position:relative; height:2.5rem; line-height:2.5rem;}
.news_bg .news_list li div.fr ol i{ position:absolute; width:15%; height:2px; background-color:#d02c30; bottom:0px;}
.news_bg .news_list li div.fr dl{ color:#666666; font-size:1rem; border-top:2px solid #cccccc; line-height:1.5625rem; padding-top:1rem; margin-top:-2px;}
.news_bg .news_list li:hover div.fr dl{ color:#d02c30;}
.page li{float: left;
    margin-left: 5px;}
.page{ text-align:center; overflow:hidden; line-height:2.5rem; font-size:1.125rem; font-weight:bold;}
.page span,.page a{ margin:0px 2px;}
.page a{ color:#ffffff; background-color:#d02c30; border:1px solid #d02c30; padding:6px 12px;}
.page span,.page a:hover{border:1px solid #d02c30; background-color:#ffffff; color:#d02c30; padding:6px 12px;}
/*新闻详情*/
.news_bg div.fl{ width:75%; background-color:#ffffff;}
.news_bg div.fl ul{ padding:2.5rem 2.1875rem 4.375rem; overflow:hidden;}
.news_bg div.fl ul li{ overflow: hidden;}
.news_bg div.fl ul li.t{ color:#37474f; font-size:1.875rem;}
.news_bg div.fl ul li.c{ font-size:1rem; color:#999999; line-height:4rem;}
.news_bg div.fl ul li.f{ font-size:1rem; color:#666666; line-height:1.5rem; padding-top:1.5rem; border-top:1px solid #f2f2f2;}
.news_bg div.fl .n_f{ padding:1.25rem 2.1875rem 0.25rem; overflow:hidden; border-top:1px solid #f2f2f2;}
.news_bg div.fl .n_f dl{ width:49.5%; height:2.25rem; line-height:2.25rem; margin-bottom:1rem;}
.news_bg div.fl .n_f dl a p{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;border:1px solid #cccccc; font-size:1rem; color:#666666; padding:1% 5%;}
.news_bg div.fl .n_f dl a:hover p{border:1px solid #d02c30;color:#d02c30;}
.news_bg div.fl .n_f dl.fl{ text-align:left;}
.news_bg div.fl .n_f a{color:#333}
.news_bg div.fl .n_f dl.fr{ text-align:left;}
.news_bg div.fr{ width:23%;}
.news_bg div.fr div{ background-color:#ffffff;padding: 8% 5%; margin-bottom:1.5rem;}
.news_bg div.fr div form{ border:1px solid #cccccc; overflow: hidden; padding:2% 5%;}
.news_bg div.fr div form .s_txt{ float:left; height:1.875rem; line-height:1.875rem; border:0px; width:94%;}
.news_bg div.fr div form .s_btn{ float:left; height:1.875rem; line-height:1.875rem; border:0px; width:6%; color:#999999; font-weight:bold; background:none; font-size:1.5rem;}
.news_bg div.fr ul{ overflow: hidden;background-color:#ffffff;padding: 8% 5%;}
.news_bg div.fr ul li{ overflow: hidden; margin-bottom:1.5rem;}
.news_bg div.fr ul li:hover img{ opacity:0.9;}
.news_bg div.fr ul li dd{ font-size:1.125rem; color:#333333;}
.news_bg div.fr ul li ol{     font-size: 14px;
    line-height: 2; color:#999999;}
.news_bg div.fr ul li dl {
    font-size: 15px;
    color: #666;
    line-height: 1.76;
}
.news_bg div.fr ul li:hover dl{ color:#d02c30;}

/*fenye*/
.fenye{
	text-align: center;
}
.fenye a{
	padding: 2px 8px;
	font-size: 13px;
	
	color: #857D6D;
	border:1px solid #857D6D;
	margin-left: 8px;
}
.fenye a:hover{
	background-color: #d02c30;
	border:1px solid #d02c30;
	color: #fff;
}
.fenye span{
	padding: 2px 8px;
	font-size: 13px;
	background-color: #d02c30;
	border:1px solid #d02c30;
	color: #fff;
	margin-left: 8px;
}
/*fenye end*/