@media (max-width:4000px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
dt{font-weight: normal !important;}
.foot_ewm_btn {
    position: relative;
}
.foot_ewm_btn{
    display: inline-block;
    margin-right: 0.875rem;
}
.foot_ewm_btn a {
    position: relative;
    display: block;
    cursor: pointer;
}
.x-banner {
    position: relative;
}
.x-banner figure {
    width: 100%;
}
.x-banner figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x-banner .x-text {
    width: 100%;
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}
.x-banner .x-text .x-title {
    /*letter-spacing: 0.6rem;*/
    font-size: 3.8rem;
    color: #ffff;
    line-height: 2;
}
.x-banner .x-text a{
padding: 0.8rem 1.2rem;
    font-size: 1.5rem;
    color: #ffff;
    border: 1px solid #fff;
}
.x-banner .x-text a:hover{
    background: #f4633a;
    color: #fff;
    border-color: #f4633a;
}
.w1200{margin:0 auto;max-width: 1200px;padding:0 4rem;}
.hidden{display: none;}
.header_box{height:0;position: relative;z-index: 10000;}
#header{height:7rem;z-index:999;background:none;width:100%;position:fixed;top:0;z-index: 998;/*border-bottom: rgba(255,255,255,.3) 1px solid;*/transition: .5s;}
#header .w1200{height:100%;display: flex;justify-content: space-between;padding: 0 0 0 3rem;}
#logo{ height:100%;}
#header .box_table{ width:auto}
#logo img{max-width: 11rem;}
#logo img.img02{ display: none;}

#header .fr{display: flex;flex-grow: 1;max-width: 1000px;/*position: absolute;right: 0;*/}
#nav{ float:left;flex-grow: 1;}
#nav ul{display: flex;}
#nav ul li{float:left;height:7rem;position:relative;z-index:0;flex-grow: 1;}
#nav ul li a{ display:block;}
#nav ul li h3{font-size: 1.025rem;color: #fff;line-height:7rem;overflow:hidden;text-align: center;position:relative;transition: .5s;white-space: nowrap;}
/*#nav ul li h3:before{content: "";display: block;width: 100%;height: 2px;background: #014070;position: absolute;left: 0;bottom: 0;opacity: 0;transform: scaleX(0);transition: .5s;}*/
#nav ul li.on h3{ }
/*#nav ul li.on h3:before,#nav ul li:hover h3:before{ transform:scaleX(1); opacity: 1;}*/

#nav ul li.on h3{/*color: #f4633a !important;*/font-weight: 600;opacity: 0.8;}
#nav ul li h3 svg{ width: 12px;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: 180px;left:50%;margin-left: -90px;/* border: 1px solid #f7f7f7; */border-bottom: 5px solid #f4633a;z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 5px 10px rgba(0,0,0,.05);}
#nav ul li .sub .box{padding: 0;background:#fff;text-align: center;}
#nav ul li .sub a{padding:0;line-height: 2.75;transition:.3s;font-size:.875rem;letter-spacing: 1px;}
#nav ul li .sub a:hover{color: #fff;background: #f4633a;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav ul li .sub:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%;
    margin-right:-20px;
    height: 40px;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    display: none;
}

.top_menu{float:left;height: 7rem;display: flex;}
.top_menu .ico{float:left;}
/*语言切换*/
.top_menu #yuyanBtn{position:relative;height:100%;width: 7.5rem;/*border-left: rgba(255,255,255,.3) 1px solid;*/}
.top_menu #yuyanBtn .dt{ height:100%;}
.top_menu #yuyanBtn .dt .box_table{ width:100%; text-align:center}
.top_menu #yuyanBtn i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
.top_menu #yuyanBtn i svg{ display: block;}
.top_menu #yuyanBtn .dd{position:absolute;top:100%;background:#fff;width: 7.5rem;left:50%;margin-left: -50%;border:1px solid #bbb;border-bottom:5px solid #f4633a;z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
.top_menu #yuyanBtn:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.top_menu #yuyanBtn .dd .box{ padding:0.5rem 0.6rem; background:#fff; }
.top_menu #yuyanBtn .dd:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%; margin-right:-20px;
    height: 40px;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.top_menu #yuyanBtn .dd a{ display:block; text-align:center; line-height:35px; height:35px; color: #333; font-size:14px}
.top_menu #yuyanBtn .dd a:hover{ color:#014070}
/*搜索*/
#searchBtn{height:100%;width: 3.5rem;/*border-left: rgba(255,255,255,.3) 1px solid;*/}
#user{
    height:100%;width: 3.5rem;
}
#searchBtn .box_table{width: 100%;text-align: center;}
#user .box_table{width: 100%;text-align: center;}
#searchBtn a{display: inline-block;border-radius:50%;text-align:center;transition:.3s;overflow:hidden;}
#searchBtn svg{vertical-align:middle;display:inline-block;fill:#fff;width: 1.5rem;height: 1.5rem;}
.tc_btn img{vertical-align:middle;display:inline-block;fill:#fff;width: 1.5rem;height: 1.5rem;}
.top_menu .ico a{font-size: 1rem;color:#fff;font-family: arial;text-transform:capitalize;display:  block;width:  100%;line-height:6rem;}
.top_menu .icon{fill: #95989a;vertical-align:middle;}

/*#header:hover{ background: #fff;}
#header:hover #logo .img01{ display: none;}
#header:hover #logo .img02{ display: block;}
#header:hover #nav ul li h3{ color: #333;}
#header:hover #nav ul li h3 svg path{ stroke: #777;}
#header:hover #searchBtn svg{ fill: #0066b2;}
#header:hover .top_menu .ico a{ color: #666;}
#header:hover .top_menu #yuyanBtn i svg path{stroke: #666;}
#header:hover .top_menu .icon path{ fill: #0066b2;}*/

#header.xg, .n_header_box #header{background: rgb(0 56 101 / 80%);height:6rem; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
#header.xg #logo .img01, .n_header_box #header #logo .img01{ display: none;}
#header.xg #logo .img02, .n_header_box #header #logo .img02{ display: block;}
#header.xg #nav ul li, .n_header_box #header #nav ul li{height: 6rem;}
#header.xg #nav ul li h3, .n_header_box #header #nav ul li h3{/*color: #333;*/line-height: 6rem;}
#header.xg #nav ul li h3 svg path, .n_header_box #header #nav ul li h3 svg path{ stroke: #777;}
#header.xg #searchBtn svg, .n_header_box #header #searchBtn svg{/*fill: #95989a;*/}
#header.xg .top_menu, .n_header_box #header.top_menu{ height: 6rem; }
#header.xg .top_menu .ico a, .n_header_box #header .top_menu .ico a{/*color: #95989a;*/}
#header.xg .top_menu #yuyanBtn i svg path, .n_header_box #header .top_menu #yuyanBtn i svg path{/*stroke: #666;*/}
#header.xg .top_menu .icon path, .n_header_box #header .top_menu .icon path{/*fill: #95989a;*/}

/*#header.xg .top_menu #yuyanBtn, #header.xg #searchBtn{ border-left: rgba(0,0,0,.1) 1px solid;}*/
.n_header_box #header .top_menu #yuyanBtn, .n_header_box #header #searchBtn{ border-left: rgba(0,0,0,.1) 1px solid;}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;

  }
/*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/

.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_close svg{width:3rem;height:3rem;vertical-align: top;fill: #fff;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
#tc_search{width:100%;padding:3rem;background: #f4633a;position:relative;transform:translateY(-100%);transition:.5s .5s ease-out;z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}

#tc_search form:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(../images/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle {/* stroke:#fff; */}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/

/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s;     background: rgb(255 255 255 / 50%);box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .w1200{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{transition:0s 1.5s;height:100%;visibility:visible;float: left;position: relative;z-index: 100;}
#m_logo img{display:block;height:2.5rem;}
#m_logo .box_table{ width:auto}
/*导航按钮开始*/
#nav_btn_box{ z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .w1200{ height:100%}
#nav_btn_box .box_table{ width:auto}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.375rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.375rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 1.375rem;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.375rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #f4633a;
    width: 100%;
    height:100vh;
    right: -101vw;
    top: 0;
    display:none;
    padding: 50px 0 80px;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{width:100%;overflow:hidden;padding: 0 25px;position: relative;}
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 100%;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) calc(100% - 2rem) no-repeat;background-size: 15px auto;position: absolute;right: 0;}
#m_nav li.on.title .a i{background: url(../images/arrow_down_on.svg) calc(100% - 2rem) no-repeat;background-size: 15px auto;}
#m_nav .on.title .a i{}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 0;color:#fff;text-align:center;font-family:arial;letter-spacing:2px;line-height:40px;transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden;width: 100%;position: absolute;bottom: 0;}
.wap_search form{height:40px;border-radius: 0;background:rgba(255,255,255,.15);position:relative;margin: 20px 25px;}
.wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; padding-left:1.5rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../images/seach_white.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.9); }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

/*首页banner*/
#banner{width:100%;overflow: hidden;position: relative;/* top:0; *//* left:0; */z-index:1;background:#fff;height: 100vh;}
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{width:100%;height: 101vh;background-size: cover !important;z-index:8;-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}   
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
#banner .miso-active .img{ animation:bgscale 6s linear forwards; -webkit-animation:bgscale 6s linear forwards; }
#banner .w1200{ height:100%;}
#banner li.miso-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .pic{ margin:0 auto; color:#fff; margin-top:0rem; opacity: 0;
    transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); text-align:left}
#banner .pic img{ display: inline-block; }
#banner .pic h2{font-size:3.35rem;color:#fff;line-height: 1.775;    letter-spacing: 2px;}
#banner .pic h4{font-size:1.55rem;color:#646464;line-height:1.5;margin: .25rem 0 2.125rem;letter-spacing: .375rem;}
#banner .pic h3{ font-size:2.05rem; color:#fff; font-family:Avenir LT Std; line-height:1.5;text-transform: uppercase;}

#banner li.miso-current{ z-index:999;}
#banner li.miso-current{ z-index:999;}
#banner li.miso-current .pic{ opacity: 1; animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards; }

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

#banner .banner_slider .miso-arrow{width:3.375rem;height:3.375rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.5s;left: auto;right: 10rem;top: 50%;transform: translateY(-50%);}
#banner .banner_slider .miso-arrow svg{width: 1.25rem;height: 1.25rem;fill: #f4633a;transition:.5s;}
#banner .banner_slider .miso-prev{ margin-top:-2.125rem}
#banner .banner_slider .miso-next{ margin-top:2.125rem}

#banner .banner_slider .miso-arrow:hover{background: #f4633a;}
#banner .banner_slider .miso-arrow:hover svg{ fill:#fff}

#banner .banner_slider .miso-next{background: #f4633a;}
#banner .banner_slider .miso-next svg{ fill:#fff}

.banner-next {z-index: 1000;position: absolute;bottom: 6vh;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}


.banner-next .next-icon {position:relative;width: 2.875rem;height: 2.875rem;border: rgba(255,255,255,1) 1px solid;display: inline-block;margin-bottom: 1rem;border-radius: 50%;transition: .5s;}

.banner-next .next-icon:before{content:"";width: 8px;height: 5px;position:absolute;left:50%;margin-left: -4px;top:50%;margin-top: -2.5px;background:url(../images/banner-next.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}


.banner-next .next-icon:hover{ border:#f4633a 1px solid; background:#f4633a}


.container02{background-image: url(../images/bg02.jpg);background-position: center;background-repeat: no-repeat;background-size: 100% 100%}

.container02 h3{text-align: center;font-size: 2.8rem;color: #4c4c4c;font-weight: bold;}
.container02 .anniu{text-align: center;margin-top: 4.5rem;}
.btn_xq {
    font-size: 1.15rem;
    box-shadow: 0 5px 5px 1px #999;
    position: relative;
    z-index: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    color: #000;
    text-align: center;
    line-height: 3rem;
    border-radius: 1.5rem;
    display: inline-block;
    overflow: hidden;
    padding: 0 2.5rem;
    text-transform: uppercase;
}
.btn_xq:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#003865;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.btn_xq:hover:before { width:100%; right:auto; left:0;}
.btn_xq:hover{color: #fff}

#s_rukou ul{ font-size:0; text-align:center; display: flex; justify-content: space-between; margin-top: 4rem}
#s_rukou ul i{ display: inline-block; width: 1px; height: 5.4375rem; background: #dadada;}
#s_rukou ul li{ display:inline-block; *display:inline; *zoom:1; text-align:center;width: 25%;max-width: 360px;    width: 30% !important;}
#s_rukou ul li a{ display: block;}
#s_rukou ul li .box{ display:inline-block; width:4.6875rem; height:4.6875rem; position:relative}
#s_rukou ul li .box span.y1{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;border: #d5d5d5 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_rukou ul li .box span.y2{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;border: #d5d5d5 1px solid; -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;transform: scale(0.7);-webkit-transform: scale(0.7);visibility: hidden;}
#s_rukou ul li h5{font-size:1.9rem;color: #333;margin-bottom:0.75rem;margin-top:1.375rem;letter-spacing:2px;}
#s_rukou ul li p{     font-size: 1.2rem;
    font-family: "Roboto", sans-serif;color:#7e7e7e;transform:scale(0.9);line-height: 1.6;margin-top: 0.5rem}

#s_rukou ul li .icon{ display:inline-block; width:4.6875rem; height:4.6875rem; line-height:4.6875rem; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;  position:relative; overflow:hidden; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_rukou ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_rukou ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_rukou ul li .icon img{ max-width: 2.875rem; max-height: 2.875rem;}
#s_rukou ul li a:hover .box span.y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
#s_rukou ul li a:hover .box span.y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible;border-color:#003865 }
#s_rukou ul li a:hover .icon .con01{ left:100%;}
#s_rukou ul li a:hover .icon .con02{ left:0;}



.container03{background-image: url(../images/bg03.jpg);background-position: center;background-repeat: no-repeat;background-size: 100% 100%}
.container03 .s_tt h3{font-size: 1.8rem;line-height: 1.6}
.container03 .s_tt span{font-size: .85rem;line-height: 1.2}
.container03 ul{display: flex;}
.m3_box{margin-top: 3rem;margin-right: -3%;margin-left: -3%;}
.container03 ul li {
    margin-left: 3%;
    margin-right: 3%;
    width: 33.333%;
    text-align: center;
    background: #fafafa
}

.container03 ul li:nth-child(2n) {
    background: #fff
}

.container03 ul li .top {
    padding: 3rem 2.5rem 1rem;
    text-align: left;
    transition: 0.9s ease
}

.container03 ul li .top .title {
    margin-bottom: 15px;
}

.container03 ul li .top .title h3 {
    font-size: 1.5rem;
    color: #313131;
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 40px
}

.container03 ul li .top .title h4 {
    font-size: 24px;
    color: #313131;
}

.container03 ul li .bottom {
    position: relative
}

.container03 ul li .bottom .img img {
    max-width: 400px;
    width: 100%;
}

.container03 ul li .bottom .img_top {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    left: 5%
}

.container03 ul li .bottom .img_top img {
    width: 100%;
    max-height: 90%;
    transition: 0.9s;
}

/*.container03 ul li:hover .top {
    padding: 3rem 0 1rem;
}*/

.container03 ul li:hover .bottom .img_top img {
    transform: scale(1.1)
}
    .page5-swpier {
        margin-top: 4.5rem;
    }

    .page5-swpier {
        justify-content: space-between !important;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }

    .page5-swpier .swiper-slide {
        width: 28.333333%;
        padding-bottom: 35%;
        position: relative;
        transition: transform .5s;
        display: block;
    }

    .page5-swpier .background-item {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .page5-swpier .swiper-slide h2 {
        position: absolute;
        font-size: 1.45rem;
        left: 30px;
        top: 30px;
    }

    .page5-swpier .swiper-slide:hover {
        /* border: 10px solid #fff; */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        box-shadow: 0 0 25px rgb(0 0 0 / 10%);
        z-index: 5;
        /* transition: .5s; */
        transform: translate(-5%, 0) scale(1.1);
    }

    .page5-swpier .swiper-slide::after {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background-color: rgba(0, 0, 0, .05);
        transition: .5s;
    }

    .page5-swpier.swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }

    .page-title {
        font-size: 2rem;
        letter-spacing: 2px;
        color: #333;
    }

    .page-title {
        margin: 3rem 0 2rem 0;
    }

    .page-title p {
        font-size: 1.05rem;
        margin-bottom: 3rem;
        margin-top: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .pageSwier-inner {
        position: relative;
        /*height: 100vh !important;*/
    }

    .page6-tab {
        position: absolute;
        right: 0;
        top: 5vw;
        transform: translate(0, 50%);
        display: flex;
    }

    .page6-tab span {
        cursor: pointer;
        font-size: 1.05rem;
        padding: 10px 25px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
        margin: 0 5px;
    }

    .page6-tab .active {
        background-color: #f4633a;
        color: #fff;
    }

    .page6-tab span:hover {
        background-color: #f4633a;
        color: #fff;
    }

    .page6-box {
        display:none;
        justify-content: space-between;
        width: 100%;
        overflow: hidden;
    }

    .page6-left {
        width: 43%;
        background-color: #F6F6F6;


        box-sizing: border-box;
        overflow: hidden;
    }

    .page6-left .mCustomScrollBox {
        padding-left: calc(16.5vw - 30px);
        overflow: hidden;
    }

    .page6-left .mCSB_scrollTools {
        left: 8.25vw;
        display: none !important;
    }

    .page6-left-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

    .page6-left-inner img {
        width: 100%;
    }

    .page6-left h2 {
        text-align: right;
        font-size: .8rem;
        color: #989898;
    }

    .page6-left h1 {
        text-indent: 1rem;
        white-space:nowrap; text-overflow:ellipsis;
       /* overflow: hidden;*/
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 1.31rem;
        line-height: 1.2rem;
    }

    .page6-left p {
        font-size: .6rem;
        color: #989898;
        line-height: 1.2rem;
        margin-bottom: 15px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .page6-left p:nth-child(-n + 3) {
        margin-top: 15px;
    }

    .page6-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #f4633a
    }

    .page6-right {

        width: 52%;
        height: 100%;
    }

    .page6-right a {
        display: flex;
        width: 100%;
        height: 8.5rem;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: space-between;
        padding: 3rem 2rem;
        position: relative;
        transition: .5s;
    }

    .page6-right a:nth-child(1) {
        border-top: 1px solid #ccc;
    }

    .page6-right a h1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 1.21rem;
        position: relative;
    }
   .page6-right a h1 b{
   /* overflow: hidden;*/
    width: 90%;
    font-weight: normal;
    white-space:nowrap; text-overflow:ellipsis;
   }
    .page6-right a h1 span {
        color: #989898;
        font-size: .8rem;
    }

    .page6-right a p {
        font-size: .75rem;
        color: #989898;
        line-height: 1.2rem;
        width: 80%;
    }

    .page6-right a h1::before {
        content: "";
        left: -10px;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        background-color: #000;
    }

    .page6-right a::after {
        width: 56px;
        height: 13px;
        content: "";
        position: absolute;
        bottom: 2rem;
        right: 1rem;
        background-image: url('../images/jt-p6.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        opacity: 0;
        transition: .5s;
    }

    .page6-right a:hover::after {
        opacity: 1;
    }

    .page6-box {
    
        opacity: 0;
        transition: .8s;
    }

    .page6-left .mCustomScrollBox {
        position: relative;
    }

    .page6-left .mCustomScrollBox::after {
        position: absolute;
        content: '';
        left: calc(8.25vw - 30px);
        top: 0;
        width: 3px;
        height: 100%;
        background-position: center;
        background-image: url('../images/zsx.png');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .page6-box-active {
        display: flex;
        left: 0rem;
        opacity: 1;
    }

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        height: 100%;
    }

    .page6-left-inner {
        justify-content: space-between;
    }

    .padding {
        padding: 4vw 2.1vw;
        box-sizing: border-box;
    }
    .page6-tab span:nth-child(1) {
  margin-left: 0;
}

.page6-right a::after {
  opacity: 1;
}

.page6-right a:hover::after {
  background-image: url('../images/jt-p6s.png');
}

.container04 .s_tt h3{font-size: 2.6rem;line-height: 1.6}
.container04 .s_tt span{font-size: 1.6rem;line-height: 1.2}
.container04 .miso_hd{text-align:right;margin: -5rem 0 4rem;}
.container04 .miso_hd ul{ display:inline-block; width:320px;}
.container04 .miso_hd ul li{ padding:0 5px}
.container04 .miso_hd ul li a{display: flex;height:40px;cursor:pointer;position: relative;align-items: center;justify-content: center;font-size: 14px;color: #4b4e55;transition: .5s;}
.container04 .miso_hd ul li a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #d9e0e7 2px solid;/*transform: skewX(-10deg);*/border-radius: 2rem;z-index: -1;transition: .5s;}

.container04 .miso_hd ul li.miso-current a{color:#fff;}
.container04 .miso_hd ul li.miso-current a:before{background: #f4633a;border: #f4633a 2px solid;color:#fff;}


.container04 .miso_bd{padding-top: 4rem}
.container04 .miso_bd .content{ display: flex;justify-content: space-between;}
.container04 .miso_bd .left{ width:35%;padding-top: 2rem}
.container04 .miso_bd .right{ width:calc(100% - 40%); padding:0 0 0 .625rem}
.container04 .miso-slide img {
    width: 100%;
    display: block;
}


.list_box_05{ margin:0 -7px}
.list_box_05 li{padding:0 7px}
.list_box_05 li .img .img_hezi{ padding-bottom:15rem !important}
.img_zd>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.miso-slide img {
    display: block;
}
.img_zd {
    position: relative;
    width: 100%;
}
.slow{ overflow:hidden}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/
.list_box_05 li a .con{background:#fff;/*padding:0 2.375rem;*/display: flex;flex-direction: column;justify-content: center;margin-bottom: 2rem;border-left: 3px solid #f4633a;padding-left: 2.5rem;}
.list_box_05 li a .con h6{line-height:1.25;width: 100%;}
.list_box_05 li a .con h6 big{font-size:1.125rem;color: #666;font-family:Dosis_s;}
/*.list_box_05 li a .con h6 span{ float:right; color:rgba(44,46,48,.5); font-size:15px; transition:.5s}
.list_box_05 li a .con h6 span svg{width:10px;height:10px;fill:#666;transition:.5s;vertical-align:middle;margin: -3px 0 0 .75rem;}*/

.list_box_05 li a .con .h5{font-size:1.2rem;color:#2c2e30;line-height:1.25;transition:.5s;margin:1.05rem 0 1.05rem;white-space: nowrap;width: 100%;}
.list_box_05 li a .con p{font-size: 1.125;color: #80848a;line-height: 24px;height: 48px;width: 100%;}

.list_box_06 li a .img, .list_box_06 li a .img img{ width:11.25rem; height:6.25rem; overflow:hidden}
.list_box_06 li{flex-direction: column;
    justify-content: space-between;
    display: flex;
    height: 33.3%;
    padding-bottom: 1.55rem;
    padding-top: 1.55rem;
    margin-bottom: 1.55rem;
    border-bottom: #ccd2d8 1px dotted;}
.list_box_06 li a{ display:flex}
/*.list_box_06 li:last-child{ border:none}*/
.list_box_06 li:nth-child(1){border-top: #ccd2d8 1px dotted;padding-top: 3rem}

.list_box_06 li a .con{ width:100%;position: relative;}
.list_box_06 li a .con::after {
    width: 56px;
    height: 13px;
    content: "";
    position: absolute;
    bottom: 15px;
    right: 20px;
    background-image: url(../images/jt-p6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    transition: .5s;
}
.list_box_06 li a .con h6{font-size: 0.95rem;color:#666;line-height:1.5;margin:.625rem 0 0;transition:.5s;max-width: 600px;padding-left: 1.5rem;height: 3rem}


.list_box_06 li a .con i {font-size: 1.2rem;color: #d2d4d5;margin-right: 8px;}
.list_box_06 li a .con h5 {display: inline-block;font-size: 1.25rem;color: #333;transition: .3s;}
.list_box_06 li a .con span {float: right;font-size: 1.2rem;color: #adadae;font-family: arial;}
.list_box_06 li a .con:hover i {color: #003e8b;}
.list_box_06 li a .con:hover h5 {color: #003e8b;}
.list_box_06 li a .con p{font-size: 1.125;color: #80848a;line-height: 24px;height: 48px;width: 100%;}



.container05{background-image: url(../images/bg05.jpg);background-position: center;background-repeat: no-repeat;background-size: 100% 100%}
.container05 .s_tt{text-align: center;}
.container05 .s_tt h3{font-size: 2.6rem;line-height: 1.6;color: #fff}
.container05 .s_tt span{font-size: 1.6rem;line-height: 1.2;color: #fff}
.m5_box{
    padding:2rem 4rem 1rem;
    background: #fff;
    min-height: 300px;
    margin-top: 2rem;
    border-radius: 0.6rem;
}
.m5_box form{max-width: 1200px;margin: 0 auto}
.n_lianxi form .group{ margin-bottom: 22px; width: 48.5%;}
.n_lianxi form .group.textarea{ width: 100%;}
.n_lianxi form .group.yzm{     width: calc(100% - 169px);}
.n_lianxi form .group.btnbox{ width: 100%;margin-top: 1rem;}
.n_lianxi form .span{ display: block; font-size: 1rem; height: 17px; color: #3d3d3d; margin-bottom: 0.5rem;}
.n_lianxi form .span i{ color: #e73728;}
.n_lianxi form .input{ height: 2.8rem; border: 1px solid #d5d5d5; width: 100%; padding: 0 18px; font-size: 1.0525rem; color: #666;}
.n_lianxi form textarea{ border: 1px solid #d5d5d5; height: 4.75rem; line-height: 1.7; width: 100%; padding: 10px 18px; font-size: .8125rem; color: #666; font-family: "微软雅黑";}
.btnbox{text-align: center;}
.n_lianxi form .btn_submit{ height: 3rem; width: 155px; background: #f4633a; color: #fff; border: 0; outline: 0; display: inline-block;border-radius:1.5rem;    cursor: pointer;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#afafaf;}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#afafaf;}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}


footer{background-color: #3a3b3f}
.foot_form{ float:left; width:30%; padding-right:2rem;/*margin-top: 4rem*/}
.foot_logo img{max-width: 9rem;}
.foot_nav{margin-bottom: 10px;position:relative;float:left;margin-top:1.19rem;padding:0;width: 70%;display:flex;justify-content:space-around;}
.foot_nav dl{ display:inline-block; vertical-align:top; }
.foot_nav dl dt{ font-size:1.0875rem; color:#fff; margin-bottom:1.2rem; position:relative; }
.foot_nav dl dt a{color: #fff;}
.foot_fn{margin-bottom: 3rem}


.foot_nav dl dd{ font-size:1rem; color:#b6b6b7; line-height:2rem; transition:.3s;}
.foot_nav dl dd:hover{color:#0869ac;}



.foot_con{padding-top: 50px; padding-bottom: 50px; }
.foot_con .fl p{font-size:0.85rem ;color: #fff;line-height: 2;}
/*.foot_con .fr a{display:inline-block;background: #fff;padding: 5px 10px;color: #000;margin-bottom: 10px;width: 100px;border-radius: 3px;text-align: center;font-size: 16px;}
.foot_con .fr span{color: #fff;font-size: 14px;line-height: 2;display: block;}
.foot_con .fr img{border-radius: 5px;margin-left: 25px;}*/
.foot_copy{border-top: 1px solid #404041; height: 3.4375rem; line-height: 3.4375rem; color: #fff; font-size: .875rem; }


.foot_ewm_btn .dd{position:absolute; padding: 5px;background:#fff;bottom:60px;left:50%; margin-left: -80px;opacity:0;visibility:hidden;transition:.5s;box-shadow:0 0 15px rgba(0,0,0,0.15);border-radius: 4px; padding: 10px 15px;}
.foot_ewm_btn .dd div{ margin:5px;}
.foot_ewm_btn .dd div img{ width: 120px; height: 120px;}
.foot_ewm_btn .dd div h5{ font-size: 1rem; color: #999; margin-top: .5rem;text-align: center;}
.foot_ewm_btn .dd01{width:200px;height:40px;line-height:40px;margin-left:-100px;padding: 0 10px;text-align: center;}
.foot_ewm_btn .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }
.foot_ewm_btn .dd img{ width:100px; height:100px;}
.foot_ewm_btn .dd h5{ font-size:14px; color:#333}
.foot_ewm_btn .dd.act{ bottom:50px; opacity:1; visibility: visible; }
.foot_con .fr{padding-top: 3rem}
/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #f4633a;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #244a93;
}

#pages li:hover a {
    color: #fff;
}
.container02{
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.container03 {
        padding-bottom: 10rem;
    padding-top: 10rem;
}
.container03 .page-title{
    margin-top: 0;
}
.container05{
     padding-top: 5.5rem;
    padding-bottom: 10rem;   
}
.container04{
    padding-bottom: 5rem;
}