.list>ul>li{
    width        : 100%;
    border-bottom: 1px solid #666;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.list>ul>li p[class=title]{
    width      : 100%;
    background :#cc232dfa;
    height     : 50px;
    line-height: 50px;
    padding    : 0;
    border     : none;
    position   : relative;
    font-size  : 17px;
    color:white; padding-left:6%;
}
.list>ul>li i{ font-style:normal; width:40px; height:40px; display:block;
    background :url("../images/icon-logo.png") no-repeat; float:left; margin-top:5px; margin-right:1%;}
.list>ul>li:nth-child(1) i{background-position: -43px 0px;}
.list>ul>li:nth-child(2) i{background-position: -2px 1px;}
.list>ul>li:nth-child(3) i{background-position: -86px 2px;}
.list>ul>li:nth-child(4) i{background-position: -123px 1px;}
.list>ul>li:nth-child(5) i{background-position: -161px 1px;}
.list>ul>li p[class=title]>span{
    position: absolute;
    right: 10%;
    font-size: 22px;
}
.list-se{
    overflow: hidden;
    display: none;
}
.list-se>p{
    background: #444 !important;
    color     :#ee4977;
}
.list-se>li{
    position: relative;
    right   : -100%;
    -webkit-transition: right .5s;
    -moz-transition   : right .5s;
    -o-transition     : right .5s;
    transition        : right .5s;
}
.list-se>li>a>p{
    background  : #3b3b3b;
    color       : #f0f0f0;
    height      : 50px;
    -webkit-box-sizing :border-box;
    box-sizing :border-box;
    padding-left: 10px;
    line-height : 50px;
    border-left : 5px solid #3b3b3b;
    -webkit-transition   : border .5s;
    transition  : border .5s;
    -webkit-transition   : background .3s;
    transition  : background .3s;
}
.list-se>li>a>p:hover{
    border-color: #EE4977;
    background  : #5b5b5b;
}



.msg-form-sec1 {width: 60%; background: rgba(48,142,219,.9); padding: 3.75rem 9% 3.75rem 2.5%/*padding: 3.75rem 2.5% 3.75rem 2.5%*/ }
.msg-form-sec2 { width: 40%;background: rgba(23,75,132,.9); padding: 3.75rem calc(50vw - var(--main_w)/ 2) 3.75rem 4% }
.msg-form-sec2 ul { margin-bottom: 2.875rem }
.msg-form-sec2 .swt-btn { border-color: #fff; color: #fff }
.msg-form-sec2 .swt-btn:hover { border-color: #004ea2 }
.page-contact-ul li { display: flex; align-items: center }
.page-contact-ul li:not(:first-child) { margin-top: 2.25rem }
.page-contact-ul i { display: block; flex: none; margin-right: 1.625rem; width: 3.75rem; height: 3.75rem; line-height: 3.75rem; color: #fff; background: #004ea2; text-align: center; font-size: 1.25rem; border-radius: 2rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.page-contact-ul li i img{width:100%;height:auto;}
.page-contact-ul .tit { margin: 0 0 .375rem; font-size: .875rem; line-height: 1rem; }
.page-contact-ul .txt { font-family: Roboto,sans-serif; font-weight: 500;font-size: 1.375rem; line-height: 1.5rem; margin: 0 }
.page-contact-ul .txt a { color: inherit }
.page-contact-ul .txt a:hover { font-weight:bold /*text-decoration: underline*/ }
.nav-links { clear: both; text-align: center; font-size: 0; margin: 2rem 0 3rem }
.page-numbers { display: inline-block; width: 3.75rem; line-height: 3.75rem; text-align: center; background: #ddd; border-radius: 2rem; margin: 0 .3rem; transition: all .3s; color: #333; font-size: 1rem; box-shadow: none }
.page-numbers.current, .page-numbers:hover { background: #174b84; color: #fff; box-shadow: none }
.zoom { 
    display: none; 
    width: 100%; 
    height: 100%; 
    background: rgb(15 14 14 / 80%);
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 1000;
}
.float_box{
    padding-left: 45px;
    width: 100%;
    height: 34px;
    background: #ff9100 url(../images/add_lybg.png) no-repeat 10px center;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
}
.float_box p{
    font: 16px/34px "Arial";
    color: #fff;
    font-weight: 600;
}
.sidebar { width: 19.25rem; flex: none; margin-bottom: 4rem }
.sider-contact { margin-top: 3.5rem }
.add_mes{margin-top: 25px; width: 100%;}
.add_title{margin:8px 0;}
.add_title p {font: 14px/18px "Arial";color: #626262;margin-bottom: 10px;text-align: center;}
.add_mes h2{font-size: 1.75rem;line-height: 2rem;color: #174b84;font-family: Roboto,sans-serif;font-weight: 700;padding-bottom: 1rem;border-bottom: solid 1px #d8d8d8;margin-bottom: 1rem;}
.les_form{width: 100%;}
.les_form p {font: 14px/24px "Arial";color: #4d4d4d;}
.les_form p span{color:red;}
.les_form input,.les_form textarea{width:100%;background: #fff;font: 14px/24px "Arial";color: #1b0303;display: block;height: 28px;border: 1px solid #e69e10;text-indent: 8px;resize: none;margin-bottom: 5px;border-radius: 5px;}
.les_form textarea{height:48px;}
.les_form input.form_btn{height: 36px;font: 14px/24px "Arial";margin-top:20px !important;color: #fff;border: none !important;padding: 0 10px !important;background: #ff9100;cursor: pointer;margin-top: 5px;text-indent: 0;}
.sider-contact h2 { font-size: 28px; line-height: 2rem; color: #174b84; font-family: Roboto,sans-serif; font-weight: 700; padding-bottom: 1rem; border-bottom: solid 1px #d8d8d8; margin-bottom: 1rem }
.sider-contact .tit { color: #fb6601; font-size: 20px; line-height: 2; margin: 0; font-weight: 700; font-family: Roboto,sans-serif }
.sider-contact .txt { color: #333; font-size: 18px;; line-height: 1.5rem; font-weight: 400; font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif }
.sider-contact i { margin-right: 1.125rem; width: 40px; height: 40px; line-height: 2.625rem; font-size: 1rem }
.sider-contact li:not(:first-child) { margin-top: 1.5rem }
.sider-menu .sider-menu-li { margin-bottom: .625rem }
.sider-menu .sider-menu-li > a { font-size: 1.125rem; line-height: 1.625rem; color: #174b84; padding: 1rem 2rem; border-left: solid .5rem #308edb; background: #f4f9fd; display: block; position: relative; transition: all .3s ease; font-family: Roboto,sans-serif }
.sider-menu .sider-menu-li > a:after { content: "\e649"; font-family: iconfont; font-size: .75rem; color: #004ea2; display: block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); z-index: 9; transition: all .3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.sider-menu .sider-menu-li > a:hover { background: #004ea2; color: #fff }
.sider-menu .sider-menu-li > a:hover:after { color: #fff }
.sider-menu .sider-menu-li.current > a { background: #308edb; border-left-color: #174b84; color: #fff; font-weight: 700 }
.sider-menu .sider-menu-li.current > a:after { color: #fff; transform: translateY(-50%) rotate(90deg) }
.sider-menu .sider-menu-li.current .sider-menu-sub { display: block }
.sider-menu .sider-menu-sub { display: none; padding: .75rem 2rem .75rem 2.5rem }
.sider-menu .sider-menu-sub .sider-menu-sub-li.current-menu-item a { text-decoration: underline; font-weight: 500 }
.sider-menu .sider-menu-sub .sider-menu-sub-a { display: inline-block; line-height: 2.3125rem; font-family: Roboto,sans-serif; color: #174b84; transition: all .3s ease }
.sider-menu .sider-menu-sub .sider-menu-sub-a:hover { color: #004ea2 }
.sider-contact-ul{ padding-left:0;}
.form_btn{ width:100%!important}