@charset "utf-8";
.waponly { display: none }
#header { background: url(../images/bg1.png) no-repeat center 62px; height: 138px }
#topbar { height: 40px; line-height: 40px; color: #666666; border-bottom: 1px solid #ebebeb }
#topbar .con1 { }
#topbar .con2 { }
#topbar .fg:after { content: "|"; margin: 0 4px; color: #999 }
#topbar .con2 a { color: #999 }
#topbar .con2 a:hover { color: #F39800 }
#header .container { }
#sitenav {width: 100%;z-index: 999;position: fixed;background: url(../images/bg1.png) no-repeat center 62px #ffffff;}
#sitenav .row { }
#sitenav .row>div { }
.sitelogo { }
.sitelogo a { display: block; padding-top: 0px; text-align: left; margin-top: 16px }
.WebLogo { }
.nav-phone { width: 100%; padding-top: 14px }
.slogan { }
.slogan .p1 { font-size: 28px; color: #f98700; font-family: simsun; font-weight: 700; margin-bottom: 0; margin-left: -6px }
.slogan .p2 { color: #0f8e39; font-size: 16px }
.nav-phone .fl { }
.nav-phone .fr { }
.nav-phone .tel { padding-left: 56px; margin-top: 15px; background: url(../images/phone.png) no-repeat left center; margin-right: 20px }
.nav-phone .tel .p1 { line-height: 26px; color: #333; font-size: 14px; margin-bottom: 0 }
.nav-phone .tel .p2 { color: #0167D5; font-size: 22px; margin-top: -3px; margin-bottom: 0; margin-right: 10px; font-weight: 700 }
.topnav { clear: both; width: 100%; padding-top: 65px }
.top2{
    position: absolute;
    right: 0;
    top: 15px;
    /* width: 410px; */
    /* background: red; */
    }
.topline1{margin-top: 5px;}
.lang {/* height: 65px; */position: relative;padding-right: 0;right: -6px;top: 0;z-index: 32;padding-left: 20px;padding-bottom: 20px;/* background: #fff; */}
.lang.open { }
.lang span {display: inline-block;fill: currentColor;height: 24px;line-height: 24px;position: relative;width: 24px;pointer-events: none;position: absolute !important;right: 12px;color: #70757A;top: 5px;margin-top: 0px;z-index: 10000;cursor: pointer;}
.lang .lang_zh { background:#fff url(../images/bg.png) no-repeat  -174px -83px;}
.lang .lang_en { background: #fff url(../images/bg.png) no-repeat left 8px;}
.lang span svg { }
.lang a {display: block;line-height: 28px;height: 28px;width: 125px;text-align: left;float: right;color: #888;clear: both;background: #fff;padding-right: 30px;position: relative;padding-left: 32px;}
.lang a:hover { color: #0167d5 }
.lang .lang1 {margin-top: 0;padding-right: 0;/* margin-right: 30px; */}
.lang .lang2 {display: none;margin-top: 21px;padding-right: 0;/* width: 88px; */}
ul.nav { width: 104%; display: inline-block; width: auto; margin-right: -11px }
ul.nav li { }
ul.nav li.dropdown { }
ul.nav >li:after { display: block; position: absolute; width: 1px; height: 25px; top: 23px; left: 0 }
ul.nav >li:first-child:after { content: none }
ul.nav >li { float: left }
ul.nav >li a { display: inline-block; padding: 0 24px; line-height: 32px; font-size: 16px; color: #666 }
ul.nav >li:last-child> a { }
ul.nav >li >a { line-height: 73px }
ul.nav >li:first-child { padding-left: 0 }
ul.nav >li:last-child { padding-right: 0 }
ul.nav >li.active { }
ul.nav >li:hover> a, ul.nav >li.active >a { background: #0167D5; color: #fff }
ul.nav >li:hover { }
ul.nav >li:hover a { }
ul.nav >li:hover ul { }
ul.nav >li:hover ul li { }
ul.nav >li:hover ul li a { }
.dropdown:hover, .dropdown.on { }
.dropdown-menu { box-shadow: none; min-width: 1px; border-radius: 0 0 4px 4px; margin: 0; margin-top: 0; border: none; background: #e9eff3; padding: 0 0 10px; padding-top: 10px; display: none }
.li_pro ul.depth2 { width: 310px }
.li_pro ul.depth2 a { }
.li_pro ul.depth2 li { width: 50% }
.dropdown-menu .li_1:hover { }
.dropdown-menu .li_1:hover a { color: #0167D5; border-color: #0167D5 }
.dropdown-menu .li_1 { width: 100%; text-align: center; padding: 5px 0 0; float: left }
.dropdown-menu .li_1:last-child a { border: none }
.dropdown-menu .li_1 a { line-height: 29px !important; margin: 0; font-size: 14px !important; padding: 0 !important; color: #000; display: block; margin: 0 15px }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: transparent; color: #0f8e39; font-weight: 700 }
.dropdown-menu .li_1 a:hover { background: transparent }
#header .caret { position: relative; height: 7px; width: 20px; overflow: hidden; display: inline-block; vertical-align: middle; top: 1px; left: 0; border: none }
#header .caret:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; bottom: 3px; left: 50%; border: 1px solid #504f4f; transform: rotate(45deg); margin-left: -5px; z-index: 99 }
.carousel-control { background: transparent !important; display: none }
#fullcarousel .item img { width: auto; height: auto; max-width: none; visibility: hidden }
.carousel-caption { left: 50%; right: auto; top: 80px; width: 1200px; margin: 0; margin-left: -0; text-align: left }
.carousel-caption * { color: #333 }
.carousel-caption .animated0 { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; text-shadow: none; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }
.item_0 .carousel-caption { margin-left: -600px }
.carousel-control i:before, .carousel-control i:after { font-size: 80px; margin-top: -40px; display: inline-block; font-family: sans-serif; font-weight: 400 }
.carousel-control:hover i:after, #fullcarousel .carousel-control:hover i:before { color: #FF554C }
.caption-animate .item h3 { animation-delay: .3s; font-size: 65px; font-weight: 400 }
.caption-animate .item .p1 { animation-delay: 0.4s; font-size: 54px; line-height: 1.5; margin-left: 0 }
.caption-animate .item .p2 { animation-delay: 0.6s; font-size: 18px; line-height: 1.7; margin-left: 9px; color: #666666 }
.caption-animate .item .more { animation-delay: 1.6s; display: inline-block; color: #fff; font-size: 18px; width: 150px; text-align: left; padding: 9px 0; padding-left: 52px; margin-right: 5px; margin-left: 10px; margin-top: 40px; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; border-radius: 5px; background: #FF554C url(../images/bg1.png) no-repeat 19px center }
.caption-animate .item .more.a2 { background-position: -149px center }
.caption-animate .item .more:hover { background-color: #E14C44; text-decoration: none }
.carousel-indicators { margin-bottom: 20px }
.carousel-indicators li { width: 45px; height: 6px; border-radius: 3px; background: rgba(90, 93, 97, 0.33); border: none; margin: 5px }
.carousel-indicators li.active { width: 45px; height: 6px; border-radius: 3px; background: #F88601; border: none; margin: 5px }
.ban { }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban { position: relative; z-index: 10 }
#pageban .ban { position: relative; background-color: transparent !important; background: no-repeat center/ auto 100% }
#pageban img { }
#pageban .btext { width: 100%; top: 180px; position: absolute; text-align: left; color: #fff; left: 50%; margin-left: -600px }
#pageban .btext .in { display: inline-block; text-align: left; position: relative; top: 9px; left: 0 }
#pageban  .p1 { font-size: 18px; margin-bottom: 0; text-transform: uppercase }
#pageban .btext .in .p2 { }
#pageban h1 { display: block; font-size: 60px; padding-right: 20px; border-right: 1px solid #fff }
#fullcarousel .item img { width: auto; height: auto; max-width: none; visibility: hidden }
.carousel-caption { left: 50%; right: auto; top: 80px; width: 1200px; margin: 0; margin-left: -0; text-align: left }
.carousel-caption * { color: #333 }
.carousel-caption .animated0 { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; text-shadow: none; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }
.item_0 .carousel-caption { margin-left: -600px }
.topbar0 { background: #f5f5f5 }
.topbar0 * { font-size: 14px; line-height: 32px; color: #666 }
.carousel-control i:before, .carousel-control i:after { font-size: 80px; margin-top: -40px; display: inline-block; font-family: sans-serif; font-weight: 400 }
.carousel-control:hover i:after, #fullcarousel .carousel-control:hover i:before { color: #FF554C }
.caption-animate .item h3 { animation-delay: .3s; font-size: 65px; font-weight: 400 }
.caption-animate .item .p1 { animation-delay: 0.4s; font-size: 54px; line-height: 1.5; margin-left: 0 }
.caption-animate .item .p2 { animation-delay: 0.6s; font-size: 18px; line-height: 1.7; margin-left: 9px; color: #666666 }
.caption-animate .item .more { animation-delay: 1.6s; display: inline-block; color: #fff; font-size: 18px; width: 150px; text-align: left; padding: 9px 0; padding-left: 52px; margin-right: 5px; margin-left: 10px; margin-top: 40px; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; border-radius: 5px; background: #FF554C url(../images/bg1.png) no-repeat 19px center }
.caption-animate .item .more.a2 { background-position: -149px center }
.caption-animate .item .more:hover { background-color: #E14C44; text-decoration: none }
.carousel-indicators { margin-bottom: 20px }
.carousel-indicators li { width: 70px; height: 6px; border-radius: 0; background: #5A5D61; border: none; margin: 5px }
.carousel-indicators li.active { width: 70px; height: 6px; border-radius: 0; background: #FF554C; border: none; margin: 5px }
.ban { }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban { position: relative; z-index: 10 }
#pageban .ban { position: relative; background-color: transparent !important }
#pageban img { }
#pageban .btext { width: 100%; top: 220px; position: absolute; text-align: center; color: #fff }
#pageban .btext .in { display: inline-block; text-align: left; position: relative; top: 3px; left: 20px }
#pageban .btext .in .p1 { font-size: 28px; margin-bottom: 0; text-transform: uppercase }
#pageban .btext .in .p2 { }
#pageban h1 { display: inline-block; font-size: 50px; padding-right: 20px; border-right: 1px solid #fff }
#main { padding-top: 10px }
.remark1 { }
.remark1 { padding: 40px 50px }
.pagettl0 { margin-top: 0; font-family: microsoft yahei }
.pagettl0_f { margin-bottom: 30px }
#submenus { background: #fff }
#submenus .subnav .con { display: block; width: calc(100% + 24px); padding: 40px 0 20px }
#submenus .subnav .con a:first-child { }
#submenus .subnav .con a { line-height: 46px; font-size: 16px; color: #666; flex: 0 0 auto; display: block; width: 154px; background: #DCDCDC; float: left; text-align: center; margin-right: 20px; margin-bottom: 20px }
#submenus .subnav .con a:hover, #submenus .subnav .con a.on { color: #fff; position: relative; background: #0167D5 }
.quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: hidden }
.fancybox-skin { padding: 0 !important; background: transparent }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { z-index: 99999 }
.navbar .textr { margin: 16px 0 0 10px; border-left: 1px solid #E8E8E8; padding-left: 15px; height: 45px }
.navbar .textr .p1 { }
.navbar .textr .p2 { font-size: 12px; transform: scale(.8); position: relative; left: -31px; margin-top: -8px; color: #999 }
.divttl { }
.divttl p[rel=h2] { margin: 40px 0 }
.divttl h2 .more:hover { color: #D9271B }
.divttl h2 .more { font-size: 16px; position: absolute; right: 0; color: #666; top: 50%; margin-top: -1px; vertical-align: middle }
.divttl h2:before { content: ""; display: inline-block; width: 4px; height: 36px; margin-right: 14px; background: #FF554C; vertical-align: middle; margin-top: -5px }
.bgline1 { position: relative; width: 100%; height: 1px; margin: 40px 0 }
.bgline1:before { content: ""; display: block; position: absolute; height: 10px; top: 0; left: 50%; background: url(../images/bg2.jpg) repeat-x; width: 1215px; margin-left: -607px; z-index: 18 }
.bgline1:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; top: 4px; left: 0; z-index: 8; background: #F1F1F1 }
.title1 { color: #ea5613; font-size: 24px; margin-bottom: 25px }
.title1 .en { vertical-align: bottom; color: #999; font-family: 'microsoft yahei'; font-weight: 300; position: relative; left: 15px; top: 1px }
.more_r { font-size: 16px; display: inline-block; padding-right: 16px; width: 70px; color: #666; background: url(../images/ar1.png) no-repeat 54px; text-align: left; text-indent: 0 }
a.more.more_r { }
#search { height: 80px; background: #f5f5f5 }
.body_index #search { background: #fff }
.body_index #search .input1 { background: #F6F6F6 }
#search SPAN { }
#search INPUT { }
#search FORM { text-align: right; margin-top: -2px; position: relative;}
#location { padding-left: 30px; background: url(../images/bg.png) left -655px }
#search A:link { color: #666 }
#search a:hover { color: #0167D5 }
#search .searchbtn { line-height: 40px; display: inline-block; margin-left: -6px; border: 1px solid #f5f5f5; color: transparent; text-indent: -500px; width: 50px; font-size: 0; overflow: hidden; position: absolute; top: 19px;right: 0; background: #0167D5 url(../images/bg.png) no-repeat -159px 11px }
#search .s1 { }
#search .s1:before { content: ""; display: inline-block; width: 27px; height: 20px; vertical-align: middle; background: rgba(255, 255, 255, 0) url(../images/bg.png) no-repeat 0px -285px }
#search .row { }
#search .input1 { line-height: 38px; min-height: 38px; padding: 0px 10px; width: 350px; border: 1px solid #EEEEEE; background: #fff }
#search .con { font-size: 15px; line-height: 80px; position: relative; top: 2px }
#search .con.kwkw { display: none }
#search .con.crumbs1 { display: block; }
.body_index #search .con.crumbs1 { display: none; }

.body_index #search .con.kwkw { display: block }
#search .container { }
.titlediv { text-align: center }
.titlediv h2 { font-size: 38px; font-weight: 700 }
.titlediv h2:after { content: ""; display: block; width: 30px; height: 1px; margin: 20px auto 13px; left: 0; background: #ACACAC }
.titlediv h2 * {font-weight: 700 !important;}
.titlediv .s2:before { content: ''; display: inline-block; width: 7px; height: 7px; background: #333; border-radius: 50px; position: relative; margin: 0; top: -8px; left: 5px; margin-right: 21px }
.titlediv .s2 { }
.titlediv .fbt { }
.titlediv .fbt:after { content: ''; width: 24px; height: 27px; display: block; margin: 0 }
.index_part { padding: 40px 0 60px }
#index_part1 { background: none; position: relative; z-index: 1 }
.body_index #index_part1 {/* background: url(../images/bg_dot.png)*/ }
#index_part111{}
#index_part111 .slick-slider{}
#index_part111 .bor{border: 1px solid #ededed;margin-left: -1px;padding: 20px;border-color: transparent;}
#index_part111 .slick-current .nail{
    /* margin-right: 7px; */
    /* padding-left: 1px; */
    left: 0px;
    width: calc(100% - 2px) !important;
    position: relative;
}

#index_part111 .slick-current .con {
    margin-left: 1px;
}

#index_part111 .slick-current .nail .con {
    margin-left: 1px;
}
#index_part111 .nail{
    width: 100%;
    height: 130px;
}
#index_part111 .nail img{}
#index_part111 .con{/* padding: 1px; *//* margin-left: -1px; */}
#index_part111 .hdl{
    background: #ededed;
    display: block;
    width: 27px;
    height: 80px;
    position: absolute;
    left: -20px;
    top: 48px;
    z-index: 99;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s;
}

#index_part111 .hdl:hover {
    background: #0167d5;
}

#index_part111 .hdl:hover:after {
    color: #fff;
}

#index_part111 .hdl:after {
    content: "<";
    font-size: 16px;
    line-height: 80px;
    text-align: center;
    color: #666;
    font-family: simsun;
    width: 100%;
    display: block;
}
#index_part111 .hdl.next1:after{
    content:">";
}
#index_part111 .hdl.next1{
    left: auto;
    right: -20px;
}
#index_part0{
    background: #fff;
    padding: 15px 0;
}
#index_part0 .row1{}
#index_part0 .row1 .cl1{
    padding-top: 20px;
    padding-bottom: 70px;
}
#index_part0 .row1 .fl{
    width: 40%;
}
#index_part0 .row1 .fl2{
    width: 60%;
}
#index_part0 .row1 .con1{}
#index_part0 .row1 .con2{
    font-size: 16px;
    line-height: 1.88;
    color: #666;
}
#index_part0 .row1 .con1 .s1{
    font-family: arial;
    font-size: 40px;
    color: #0167d5;
    line-height: 1.1;
    display: block;
}
#index_part0 .row1 .con1 .s2{
    font-family: arial;
    font-size: 60px;
    color: #0167d5;
    display: block;
    /* font-weight: 700; */
    line-height: 1.2;
}
#index_part0 .row1 .con1 .s3{
    font-family: arial;
    font-size: 30px;
    color: #0167d5;
    display: block;
    font-weight: 700;
}
#index_part0 .row2{
    /* margin: 0px 0 30px; */
   /* border-top: 1px solid #eee;*/
    /* padding-top: 60px; */
}
#index_part0 .col2 .con{
    text-align: center;
    position: relative;
}

#index_part0 .col2 .con:after {
    display: inline-block;
    width: 1px;
    height: 62px;
    background: #d6d6d6;
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
}

#index_part0 .col2:last-of-type .con:after {
    display: none;
}
#index_part0 .col2 .s1{
    font-size: 18px;
}
#index_part0 .col2 .sub{
    font-size: 32px;
}
#index_part0 .col2 .s2{}
#index_part0 .col2 .s3{
    display: block;
    font-size: 17px;
    /* text-align: left; */
    padding-left: 20px;
}
#index_part1 UL { }
#index_part1 SPAN { }
#index_part1 P { }
#index_part1 .first a { color: #fff }
#index_part1 IMG { }
#index_part1 H2 { }
#index_part1 .sinfo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1, 103, 213, 0.7); display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; padding: 30px; color: #fff; transform: scale(0); opacity: 0; transition: all .3s }
#index_part1 .sinfo>* { flex: 0 0 auto }
#index_part1 .li2 A {display: block;line-height: 56px;border-bottom: 1px solid #E5E5E5;padding-left: 14px;font-size: 18px;color: #666666;background: #fff;}
#index_part1 .li2 A:before { content: ""; display: inline-block; background: #666666; width: 5px; height: 5px; border-radius: 50px; line-height: 14px; color: #C0C0C0; text-align: center; margin-right: 15px; vertical-align: middle; font-weight: 700; margin-left: -29px; position: relative; top: -2px; left: 77px }
#index_part1 .li2 A:last-child { }
#index_part1 .li2 A:hover { color: #0167D5 }
#index_part1 .d1 li.first A { }
#index_part1 .ul1 li span { }
#index_part1 .ul1 li i { display: inline-block; width: 58px; text-align: center; margin-right: 20px }
#index_part1 .ul1 li i:after { }
#index_part1 .ul1 { }
#index_part1 .ttl { background: #0167D5 }
#index_part1 .ttl2 { border-bottom: 1px solid #eee; margin-bottom: 26px; padding-bottom: 12px }
#index_part1 .titlediv { }
#index_part1 .ttl2 .se1 { width: 10em; float: left; margin-bottom: 0; color: #0167D5; background: url(../images/bg1.png) no-repeat -284px -24px; padding-left: 41px }
#index_part1 .s2 { }
#index_part1 .s1 { }
#index_part1 .row { }
#index_part1 .p1.f30.cfff { line-height: 112px; padding-left: 100px; background: url(../images/bg.png) no-repeat -541px -192px; font-weight: 700; margin: 0 }
#index_part1 .name { display: block; width: 100%; font-size: 16px; margin-top: 0; margin-bottom: 19px; text-align: center; color: #fff; background: #7D7D7D; height: 45px; line-height: 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
#index_part1 .name1 { color: #fff; display: block; text-align: center; font-size: 20px; margin-bottom: 35px }
#index_part1 .nail { height: 200px; margin-bottom: 0; max-width: 100% }
#index_part1 .nail img{position: relative;max-width: 100%;height: auto;top: 27.6623px;left: 0px !important;display: inline;}
#index_part1 .more { float: right; position: relative; top: 9px; color: #666 }
#index_part1 .list.row.gutter-20 { }
#index_part1 .in { position: relative; margin-bottom: 30px }
.body_index #index_part1 .in { margin-bottom: 0 }
#index_part1 .in:hover .sinfo { transform: scale(1); opacity: 1 }
#index_part1 .first { background: #F39800; color: #fff; font-size: 20px; padding: 13px 35px }
#index_part1 ul:last-child .first { background: #313131 }
#index_part1 .fbt { }
#index_part1 .p1+p { margin-bottom: 0 }
#index_part1 .d1 { border: 1px solid #E5E5E5; padding: 0; border-bottom: none }
#index_part1 .con { }
#index_part1 #protype { margin-right: 10px }
#index_part1 .bor { padding: 0; border: 1px solid #eee }
#index_part1 .container { }
#index_part1 .in:hover .bor { border-color: #fff; transition: border .3s }
#index_part1 .in:hover .name { background: #0167D5; color: #fff; transition: all .3s; background: #fff; border-color: #fff }
#index_part1 .col2 { }
#index_part1 .col1 { }
.body_index #index_part1:after { content: ""; display: block; width: 100%; height: 139px; background: #fff; position: absolute; bottom: 0; z-index: -1 }
#index_part12 .col1 { }
#index_part12 .col2 { }
#index_part12 { padding-bottom: 0 }
#index_part12 .hdl { display: flex; justify-content: space-between; margin-bottom: 30px }
#index_part12  .con a { display: inline-block; text-align: center }
#index_part12 .con a.on i {background-color: #e6202a;}

#index_part12 .con a.on span {
    color: #e6202a;
}
#index_part12 .hdl i {border-radius: 600px;background: #0167D5 no-repeat center;display: inline-block;margin: 0 auto 8px;width: 64px;height: 64px;transition: all 0.6s;}
#index_part12  .con a i img { }
#index_part12 .hdl a span { display: block; text-align: center; font-size: 20px; color: #666 }
#hyslider { /*background: url(../images/bg1.jpg) no-repeat center top/100% 541px */}
#hyslider .slick-slider { }
#hyslider .slick-slide { }
#hyslider .slick-slide .con2 { height: 540px; overflow: hidden }
#hyslider .slick-slide .con2 img { width: 910px; height: 540px }
#hyslider .slick-slide .con2 .info { position: relative; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 21px 30px 22px; bottom: 100px; color: #fff; max-height: 100px; overflow: hidden }
#hyslider .slick-slide .con2 h4 { margin-top: 4px }
#hyslider .slick-slide .con2 .sinfo { }
#hyslider .slick-slide .con3 { text-align: right; width: 255px }
#hyslider .slick-slide .con3 img { width: 255px; height: 165px; margin-bottom: 22.333333333333333333333px; display: inline-block }
#hyslider .slick-slide .con3 img:last-child { }
#index_part2 { background: #fff; padding-bottom: 75px }
#index_part2 UL { }
#index_part2  p SPAN { display: block }
#index_part2 P.nail { width: 510px; margin-top: 34px; margin-right: 20px }
#index_part2 .con1 li { position: relative; background: #0167d5; margin-bottom: 0; cursor: pointer; padding: 13px 0; transition: width 0.3s, background .1s; width: 100%; z-index: 3; text-align: center; border-bottom: 1px solid #2F82DD }
#index_part2 .con1 li.on { background: #FE840C }
#index_part2 .con1 li:hover { }
#index_part2 .con1 li:hover .ar:after { content: ">"; color: #fff; float: right; display: block; width: 25px; height: 25px; border: 1px solid #fff; line-height: 22px; text-align: center; position: absolute; right: 30px; top: 35px; border-radius: 500px; font-size: 16px; font-family: simsun }
#index_part2 .con1 li:hover .ar:before { content: ""; background: #94D4FD; display: block; width: 1px; height: 38px; position: absolute; right: 100px; top: 31px }
#index_part2 .con1 li:hover * { color: #fff }
#index_part2 I { }
#index_part2 IMG { }
#index_part2 H2 { }
#index_part2 DIV.slick-slide { height: 495px !important }
#index_part2 .titlediv { }
#index_part2 .sinfo { margin-bottom: 0 }
#index_part2 .s2 { }
#index_part2 p SPAN.s1 { font-size: 20px }
#index_part2 p SPAN.s2 { color: #999; font-size: 13px }
#index_part2 .row { padding-top: 10px }
#index_part2 i { display: inline-block; height: 39px; width: 40px; background: no-repeat center; margin: 0 auto }
#index_part2 .fl.ar { width: 408px; height: 420px; margin: 37px 30px 0 }
#index_part2 em { color: #0167D5; font-size: 70px; font-family: unset; line-height: 1.1; display: block; margin-bottom: 13px }
#index_part2 em+strong { color: #0167D5 }
#index_part2 .sinfo { color: #666; margin-top: 20px; line-height: 2; }
#index_part2 .tel { font-size: 25px; color: #ff7a09; padding-left: 56px; margin-top: 20px; line-height: 50px; background: url(../images/bg.png) no-repeat left -178px }
#index_part2 .fbt { }
#index_part2 .dark { position: relative; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 21px 30px 22px; top: -102px; color: #fff; max-height: 91px; overflow: hidden }
#index_part2 .con { }
#index_part2 .con1 { }
#index_part2 .container { }
#index_part2 .con.con2 { position: relative; background: #fff }
#index_part2 .con1 li:last-child { border-bottom: none }
#index_part2 .ss { font-size: 20px; text-align: center; display: block; color: #fff }
#index_part3 { padding-bottom: 80px }
#index_part3 SPAN { }
#index_part3 P { }
#index_part3 IMG { }
#index_part3 H2 { }
#index_part3 DIV { }
#index_part3 .titlediv { }
#index_part3 .s2 { }
#index_part3 .s1 { }
#index_part3 { background: url(../images/bg2.png) no-repeat center 318px }
#index_part3 .phone2 { display: block; margin: 0 auto }
#index_part3 .item { background: no-repeat center top; padding-top: 150px; flex: 1 0 auto; text-align: center; position: static; font-size: 16px; color: #666 }
#index_part3 .item1 { background-image: url(../images/lcic1.png); top: 100px; left: -36px }
#index_part3 .item2 { background-image: url(../images/lcic2.png); top: 80px; left: -20px }
#index_part3 .item3 { background-image: url(../images/lcic3.png); top: 80px; left: -20px }
#index_part3 .item4 { background-image: url(../images/lcic4.png); top: 120px; left: -7px }
#index_part3 .item5 { background-image: url(../images/lcic5.png); top: 62px; left: 1px }
#index_part3 .item6 { background-image: url(../images/lcic6.png); top: 50px; left: 10px }
#index_part3 .item7 { background-image: url(../images/lcic7.png); top: 93px; left: 29px }
#index_part3 .fbt { }
#index_part3 .container { }
#index_part3 .con.clearfix { display: flex; justify-content: space-between; min-height: 220px }
#index_part5 { background: url(../images/bg3.jpg) no-repeat center bottom; height: 1020px }
#index_part5 SPAN { }
#index_part5 P { }
#index_part5 I { margin-right: 15px }
#index_part5 H2 { }
#index_part5 DIV.item { width: 210px; float: left; position: relative }
#index_part5 .t { font-size: 28px; color: #0167D5; font-weight: 700; text-align: right }
#index_part5 .item5 .t { text-align: left }
#index_part5 .titlediv { position: relative; top: 20px }
#index_part5 .s2 { }
#index_part5 .s1 { }
#index_part5 .row { }
#index_part5 .item6 { position: absolute; top: 540px; color: #fff; font-size: 18px; width: 300px; line-height: 2 }
#index_part5 .item.item5 { top: 463px; left: 93px }
#index_part5 .item.item4 { top: 213px; left: 143px; width: 220px; text-align: left }
#index_part5 .item.item3 { top: 103px; left: 70px; text-align: center }
#index_part5 .item.item2 { top: 213px; left: -37px }
#index_part5 .item.item1 { top: 463px; left: 43px }
#index_part5 .fbt { }
#index_part5 .c { font-size: 16px; color: #666; line-height: 26px }
#index_part5 .item4 .c { padding-left: 58px }
#index_part5 .container { }
#index_part5 .con.clearfix { }
#index_part6 { position: relative; padding-bottom: 60px }
#index_part6 UL { }
#index_part6 .comname { background: #0167D5; font-size: 30px; font-weight: 700; padding: 0px 30px; height: 74px; display: inline-block; line-height: 74px; position: relative; top: -74px }
#index_part6 .comname:after { content: ""; display: block; position: absolute; width: 100%; height: 50px; bottom: -50px; left: 0; background: #fff url(../images/ar3.png) no-repeat center; border: 1px solid #0167D5 }
#index_part6 P { }
p.txtc.blue.p1 { }
#index_part6 LI { }
#index_part6 IMG { }
#index_part6 .h4 { position: relative }
#index_part6 .h4 h4 .fl { line-height: 50px; background: #FE840C; border-radius: 100px; width: 180px; display: block; color: #fff; font-size: 22px }
#index_part6 .h4 h4 .fr { font-size: 15px; color: #666; background: #fff; display: inline-block; padding: 10px 0; margin-top: 6px; padding-left: 13px }
#index_part6 .h4 h4 .fr:hover { color: #0167D5 }
#index_part6 .h4:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 25px; left: 0; background: #E5E5E5; z-index: -1 }
#index_part6 H2 { }
#index_part6 DIV { box-shadow: 0 0 0px black }
#index_part6 .zs { border: 1px solid #eee; text-align: center; border-bottom: 4px solid #0167d5 }
#index_part6 .zs img { margin-top: 20px }
#index_part6 .zs img { }
#index_part6 BR { }
#index_part6 A { }
#index_part6 .ttl { }
#index_part6 .ttl1.clearfix { }
#index_part6 .titlediv { }
#index_part6 .time { }
#index_part6 .sinfo { }
#index_part6 .sinfo.ask { }
#index_part6 .s2 { }
#index_part6 .s1 { }
#index_part6 .zhengshu { margin-top: 20px }
#index_part6 .row.row2 { }
#index_part6 .ques { }
#index_part6 .prev { }
#index_part6 .p2 { }
#index_part6 .p1 { color: #0167d5; font-size: 20px; display: block; padding: 10px 0 }
p.txtc.blue.p1 { }
p.txtc.blue.p1 { }
#index_part6 .next { }
#index_part6 .more { color: #0167D5 }
#index_part6 .list.list2 { }
#index_part6 .list.list1 { }
#index_part6 .li2 { }
#index_part6 .in.clearfix { }
#index_part6 .hdl { }
#index_part6 a.fr { }
#index_part6 .fl.nail.nail43 { }
#index_part6 .first { }
#index_part6 .fbt { }
#index_part6 .f15 { font-size: 16px; line-height: 2; margin-bottom: 35px; text-align: left; margin-top: 15px }
#index_part6 .d2 { }
#index_part6 .con { text-align: center }
#index_part6 .container { }
#index_part6 .aboutuslinks { display: flex; justify-content: space-between }
#index_part6 .aboutuslinks a:hover i { transition: all 0.5s; background-color: #0167D5; border-color: #76BAE5 }
#index_part6 .aboutuslinks a i { transition: all 0.1s; background: #F39800 no-repeat center center; display: block; width: 125px; height: 125px; border-radius: 500px; margin: 0 auto 15px; border: 8px solid #ecc787 }
#index_part6 .aboutuslinks a span { font-size: 18px; font-weight: 700 }
#index_part6 .aboutuslinks a { flex: 0 0 auto; display: block; text-align: center; padding-top: 28px }
#index_part6 .aboutuslinks a.a1 i { background-image: url(../images/ica1.png) }
#index_part6 .aboutuslinks a.a2 i { background-image: url(../images/ica2.png) }
#index_part6 .aboutuslinks a.a3 i { background-image: url(../images/ica3.png) }
#index_part6 .aboutuslinks a.a4 i { background-image: url(../images/ica4.png) }
#index_part6 .aboutuslinks a.a5 i { background-image: url(../images/ica5.png) }
#index_part6 .nail.nail43 { }
#index_part6 .col2 { }
#index_part6 .col1 { }
#index_part7 { background: #fff }
#index_part7 UL { }
#index_part7 .time { font-size: 18px; color: #777; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 20px; display: block }
#index_part7 P { }
#index_part7 .col1 LI { margin-bottom: 20px; width: 50%; overflow: hidden }
#index_part7 .col1 LI.clearfix { width: 100%; margin: 0; padding: 10px 20px }
#index_part7 .col1 LI.clearfix a { font-size: 16px; color: #666; position: relative; padding-left: 18px }
#index_part7 .col1 LI.clearfix a:before { content: ""; display: block; position: absolute; width: 5px; height: 5px; top: 8px; left: 0; background: url(../images/arr5.png) no-repeat; border-radius: 500px }
#index_part7 IMG { }
#index_part7 .col2  H4 { margin-top: 0; font-size: 16px }
#index_part7 .col2 H4 a { position: relative }
#index_part7 .col2 H4 a:before, #index_part7 .col2 .sinfo:before { content: "问"; display: block; position: absolute; width: 24px; height: 24px; top: 0px; left: -34px; background: #1479FF; font-size: 13px; text-align: center; line-height: 24px; color: #fff }
#index_part7 .col2 .sinfo:before { content: "答"; background: #FE840C; top: 5px }
#index_part7 .col2 .li2 H4 { font-size: 14px; padding-left: 17px; line-height: 1.3; display: block; margin-top: 10px; background: url(../images/ar2.png) no-repeat left 3px }
#index_part7 .col2 .li2 H4 a { color: #666 }
#index_part7 .col1 H4 { margin-bottom: 15px; line-height: 1.5 }
#index_part7 H2 { }
#index_part7 .col2 .d2 { padding: 3px 0 0; padding-left: 35px; border-bottom: dashed #eee 1px; margin-bottom: 10px }
#index_part7 .col1 h4 A { color: #333 }
#index_part7  A:hover { color: #0167D5 !important }
#index_part7 .ttl { padding-bottom: 10px; margin-bottom: 10px }
#index_part7 .ttl .s1 { display: inline-block; padding-left: 53px; font-size: 22px; font-weight: 400; line-height: 54px }
#index_part7 .ttl .s2:before { content: "/"; margin: 0 4px; margin-left: 10px }
#index_part7 .col1 .ttl .s1 { }
#index_part7 .col2 .ttl .s1 { padding-left: 52px }
#index_part7 .ttl .s2 { color: #999; font-size: 16px }
#index_part7 .col1 .ttl { margin-bottom: -3px }
#index_part7 .col2 .ttl { margin-bottom: -7px }
#index_part7 .ttl1.clearfix { position: relative; background: url(../images/bgt1s.png) no-repeat -821px top; color: #fff }
#index_part7 .col1 .ttl1.clearfix { background-position: 0 top }
#index_part7 .titlediv { }
#index_part7 .col2 .time { font-size: 0; height: 1px; overflow: hidden; display: block }
#index_part7 .sinfo { color: #666; position: relative }
#index_part7 .sinfo.ask { margin-top: 10px; padding-left: 30px; position: relative; margin-bottom: 0 }
#index_part7 .sinfo.ask:before { content: "答" !important; background: #F39800 !important; position: absolute; left: 0; top: 0px }
#index_part7 .s2 { }
#index_part7 .s1 { }
#index_part7 .row { }
#index_part7 .row.row2 { padding-top: 30px }
#index_part7 .ques { }
#index_part7 .slick-slide .in>*:before { display: inline-block; width: 22px; height: 22px; background: #0167D5; border-radius: 500px; color: #fff; text-align: center; line-height: 22px; content: "问"; font-size: 12px; margin-right: 6px }
#index_part7 .prev { }
#index_part7 .hdl span { cursor: pointer; display: inline-block; width: 72px; height: 20px; background: url(../images/pn1.png) no-repeat }
#index_part7 .p2 { font-size: 14px; color: #999 }
#index_part7 .p1 { font-size: 20px; font-weight: 700; margin-bottom: 3px }
#index_part7 .hdl span.next { background-position: right }
#index_part7 .nailthumb-image { }
#index_part7 .col2 .nail { width: 100%; margin-bottom: 20px }
#index_part7 .col1 .nail { width: 100%; margin-top: 17px }
#index_part7 .more { position: absolute; right: 22px; top: 20px; font-size: 14px; color: #666 }
#index_part7 .list.list2 { padding: 20px 20px 19px }
#index_part7 .list.list1 { padding: 20px 0 13px }
#index_part7 .li2 { }
#index_part7 .col1 .in.clearfix { padding: 0 20px }
#index_part7 .hdl { font-size: 0; margin-top: 26px }
#index_part7 .time.fr { font-size: 14px; margin-right: 0; padding: 0; border: 0; margin-bottom: 0; position: relative; top: -2px }
#index_part7  .nail { }
#index_part7 .col2 .first { margin-bottom: 20px }
#index_part7 .fbt { }
#index_part7 .col1 .fr { }
#index_part7 .slick-slider { padding-right: 1px; margin-right: 2px }
#index_part7 .container { }
#index_part7 .col2 { }
#index_part7 .col1 { }
#index_part7 .slick-slide .in { padding: 15px; border: 1px solid #E5E5E5; background: #F9F9F9 }
#index_part7 .slick-slide { margin-left: 22px; padding: 0 2px }
#index_part7 .slick-list { margin-left: -22px }
#index_part11{
    padding-top: 0;
}
#index_part11 h2{}
#index_part11 ul{}
#index_part11 ul li {}
#index_part11 ul li a{
    font-size: 16px;
    margin-right: 15px;
}
.rides-cs {font-size: 12px;background: #3A7EC1;position: fixed;top: 250px;right: 0px;_position: absolute;z-index: 1500;border-radius: 6px 0px 0 6px;height: 269px;}
.rides-cs a { color: #00A0E9; }
.rides-cs a:hover { color: #ff8100; text-decoration: none; }
.rides-cs .floatL {width: 36px;float: left;position: relative;z-index: 1;margin-top: 34px;height: 221px;}
.rides-cs .floatL a { font-size: 0; text-indent: -999em; display: block; }
.rides-cs .floatR { width: 170px; float: left; padding: 5px; overflow: hidden; }
.rides-cs .floatR .cn { background: #F7F7F7; border-radius: 6px; margin-top: 4px; }
.rides-cs .cn .titZx { font-size: 14px; color: #333; font-weight: 600; line-height: 24px; padding: 5px; text-align: center; }
.rides-cs .cn ul { padding: 3px 0; }
.rides-cs .cn ul li { border-bottom: solid 1px #E6E4E4; overflow: hidden; text-align: center; padding: 6px 0 10px }
.rides-cs .cn ul li span { color: #777; font-size: 11px }
.rides-cs .cn ul li a { color: #777; }
.rides-cs .cn ul li img { vertical-align: middle; }
.rides-cs .btnOpen, .rides-cs .btnCtn {position: relative;z-index: 9;top: 15px;left: 0;background-image: url(../images/shopnc.png);background-repeat: no-repeat;display: block;height: 154px;padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0; }
.rides-cs .btnCtn { background-position: -450px 0; }
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px; }
.rides-cs ul li.bot { border-bottom: none; }




.message_ol * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "微软雅黑" !important;
    /* z-index: 99998; */
}

.message_ol img {
    max-width: 100%;
}

.message_olr_list {
    position: fixed;
    top: 150px;
    right: 0;
    z-index: 99999;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08)
}

    .message_olr_list ul {
        border: 1px solid #dbdbdb;
        background: #fff;
    }

        .message_olr_list ul li a {
            position: relative;
            display: block;
            width: 66px;
            height: 66px;
            text-align: center;
            color: #333333;
            /* transition: 0.2s; */
            /* -moz-transition: 0.2s; */
            /* Firefox 4 */
            /* -webkit-transition: 0.2s; */
            /* Safari 和 Chrome */
            /* -o-transition: 0.2s; */
            /* Opera */
        }

            .message_olr_list ul li a .son {
                position: absolute;
                top: 0;
                right: 67px;
            }

            .message_olr_list ul li a::after {
                position: absolute;
                left: 8px;
                bottom: 0;
                content: '';
                width: 50px;
                height: 1px;
                background: #dbdbdb;
            }

        .message_olr_list ul li.last a::after {
            height: 0;
        }

        .message_olr_list ul li a span {
            display: block;
            padding-top: 7px;
        }

        .message_olr_list ul li a p {
            display: block;
            font-size: 12px;
            padding: 1px 0 0 0;
            margin: 0;
        }

        .message_olr_list ul li a.act {
            background: #fff;
            color: #8a9199;
        }

        .message_olr_list ul li a .ol_img1 {
            display: inline-block;
        }

        .message_olr_list ul li a .ol_img2 {
            display: none;
        }

        .message_olr_list ul li a.act .ol_img1 {
            display: none;
        }

        .message_olr_list ul li a.act .ol_img2 {
            display: inline-block;
        }

.oll_tel {
    /* position: fixed; */
    /* top: 150px; */
    /* right: 68px; */
    background: #fff;
    /* border-top: 4px solid #3ea3ff; */
    width: 270px;
    height: 58px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);
    display: none;
}

/* .oll_tel:after {
	position: absolute;
	display: inline-block;
	top: 28px;
	right: -5px;
	width: 0;
	height: 0px;
	content: '';
	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	box-shadow: 1px -1px 1px #c3c3c3;
} */

.message_olr_list ul li .oll_tel1 {
    padding-top: 10px;
    color: #666666;
    padding-left: 16px;
    height: 50px;
    overflow: hidden;
}

    .message_olr_list ul li .oll_tel1 span {
        padding-top: 2px !important;
        float: left;
    }

        .message_olr_list ul li .oll_tel1 span img {
            padding-top: 7px;
        }

    .message_olr_list ul li .oll_tel1 p {
        float: left;
        font-size: 24px;
        padding-left: 8px;
        display: flex !important;
        align-items: center;
        color: #0167d5;
    }

.message_olr_list ul li .oll_tel1 p i {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.message_olr_list ul li .oll_tel1 p i svg {
    min-height: 26px;
    min-width: 26px;
}

.oll_tel2 {
    padding-left: 16px;
    padding-top: 5px;
}

    .oll_tel2 input {
        border-left: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        border-right: none;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        height: 30px;
        width: 168px;
        float: left;
        padding-left: 8px;
        line-height: 26px;
        color: #333333;
    }

    .oll_tel2 button {
        background: #3ea3ff;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        width: 72px;
        height: 30px;
        border: 0;
        color: #fff;
    }

.oll_mes {
    position: fixed;
    top: 150px;
    right: 68px;
    background: #fff;
    /* border-top: 4px solid #3ea3ff; */
    width: 250px;
    height: 440px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);
    display: none;
}

/* .oll_mes:after {
	position: absolute;
	display: inline-block;
	top: 77px;
	right: -5px;
	width: 0;
	height: 0px;
	content: '';
	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	box-shadow: 1px -1px 1px #c3c3c3;
} */

.oll_mes1 {
    padding-left: 16px;
    padding-top: 12px;
    font-size: 16px;
    color: #333333;
}

.oll_mes2 {
    padding: 10px 16px 0px;
}

    .oll_mes2 div {
        position: relative;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .oll_mes2 textarea {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        width: 100%;
        padding: 10px 14px;
        height: 120px;
        color: #333333;
    }

    .oll_mes2 input {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        line-height: 26px;
        padding-left: 40px;
        color: #333333;
    }

    .oll_mes2 span {
        position: absolute;
        margin-left: 12px;
        margin-top: 10px;
    }

    .oll_mes2 .oll_mes_tel {
        position: absolute;
        margin-left: 12px;
        margin-top: 10px;
    }

    .oll_mes2 label {
        color: red;
        position: absolute;
        margin-left: -12px;
        margin-top: 11px;
    }

    .oll_mes2 button {
        color: #fff;
        font-size: 14px;
        text-align: center;
        background: #3ea3ff;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 0;
    }

.oll_ewm {
    position: fixed;
    top: 347px;
    right: 68px;
    background: #fff;
    width: 140px;
    /* height: 160px; */
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);
    padding: 8px;
    display: none;
}

    /* .oll_ewm:after {
	position: absolute;
	display: inline-block;
	top: 20px;
	right: -5px;
	width: 0;
	height: 0px;
	content: '';
	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	box-shadow: 1px -1px 1px #c3c3c3;
} */

    .oll_ewm p {
        text-align: center;
        color: #666666;
        font-size: 12px;
        margin-top: 5px
    }

.oll_xcx {
    position: fixed;
    top: 283px;
    right: 68px;
    background: #fff;
    width: 140px;
    height: 160px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);
    padding: 8px;
    display: none;
}

    /* .oll_xcx:after {
	position: absolute;
	display: inline-block;
	top: 20px;
	right: -5px;
	width: 0;
	height: 0px;
	content: '';
	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	box-shadow: 1px -1px 1px #c3c3c3;
} */

    .oll_xcx p {
        text-align: center;
        color: #666666;
        font-size: 12px;
        margin-top: 5px
    }

.oll_wechat {
    position: fixed;
    top: 415px;
    right: 72px;
    background: #fff;
    width: 140px;
    height: 180px;
    box-shadow: 0px 0px 3px #888888;
    padding: 8px;
    display: none;
}

    /* .oll_wechat:after {
	position: absolute;
	display: inline-block;
	top: 20px;
	right: -5px;
	width: 0;
	height: 0px;
	content: '';
	border-style: solid;
	border-width: 6px;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	box-shadow: 1px -1px 1px #c3c3c3;
} */

    .oll_wechat p {
        text-align: center;
        color: #666666;
        font-size: 12px;
        margin-top: 5px
    }



.message_olr_list ul li a.act, .oll_tel2 button, .oll_mes2 button, #btnokalert, .ol_dhzxcot .btn-box button:hover {
    background: rgb(55, 153, 248) !important;
    color: #fff !important;
}

#footer { background: #0167D5; padding: 50px 0 0px; margin-top: 0; color: #fff }
#footer .pp { margin-bottom: 27px; position: relative }
#footer .pp:after { content: ""; display: block; position: absolute; width: 30px; /* height: 1px; */ bottom: -9px; left: 0; background: #fff }
#footer a:hover { color: #ffffff }
#footer .con { }
#footer .con1 { }
#footer .con2 { }
#footer .con3 { width: 289px; float: right }
#footer .qrs { }
#footer .qrs img { display: block; margin: 10px auto }
#footer .qrs img:last-child { }
#footer ul { }
#footer ul.ul1 li { display: inline-block; width: 48% }
#footer ul li a { }
#footer ul.ul1 { }
#footer ul.ul2 { position: relative; top: 2px }
#footer ul.ul2 li { padding: 3px 0 }
#footer i { display: inline-block; width: 37px; height: 32px; background: url(../images/bg.png) no-repeat center; vertical-align: middle }
#footer ul.ul2 li span { line-height: 40px }
#footer ul.ul2 li span a { line-height: 40px }
#footer ul li { }
#footer a { font-size: 14px; color: #fff; line-height: 46px }
#footer .ul2 li:nth-child(1) i { background-position: left -360px }
#footer .ul2 li:nth-child(2) i { background-position: left -409px }
#footer .ul2 li:nth-child(3) i { background-position: left -460px }
#footer .ul2 li:nth-child(4) i { background-position: left -509px }
#footer .p1 {/* font-size: 16px; *//* font-weight: 700; */}
#footer .p2 { }
#footer .p3 { }
#footer .p4 { }
#footer .p5 { }
#footer .d1 { }
#footer .d2 { }
#footer .qrs { }
#footer .qr { display: inline-block; text-align: center }
#footer .qr2 { }
#footer .qr2 { margin-left: 16px }
#footer .qrs img { }
#footer .qrs span { }
#footer .qrs em { font-style: normal; font-size: 16px }
#footer .qrs i { background-position: 0 -596px; width: 28px }
#copyright { background: #0167D5; padding: 27px 0 25px; color: #fff; margin-top: 30px }
#copyright a { font-size: 16px; line-height: 1.1 }
#copyright * { color: #fff; font-size: 16px; line-height: 1.1 }
#copyright span { }
#footer .contact p.p0 { color: #8b8b8b; MARGIN: 5px auto }
#copyright .links a { display: inline-block; margin: 0 10px }
#footer a:hover, #copyright a:hover { }
.bdsharebuttonbox { }
.bdsharebuttonbox .ttl { float: left; margin-top: 3px; margin-right: 8px; color: #666 }
.bdsharebuttonbox a { }
.protypelist_main { padding: 0 0 50px }
.product_detail { }
.product_detail .l { }
.product_detail .r { }
.product_detail .r .ll h1 { font-size: 24px; font-weight: 700 }
.product_detail .r .ll { float: none }
.product_detail .r .crumbs { margin-bottom: 20px; line-height: 2; padding: 1px 0 }
.product_detail .zhutu { margin-top: 0 }
.mainpic { }
.product_detail #maincontent { margin-bottom: 40px; padding-bottom: 40px }
.product_detail .zhutu .mainpic img { width: 465px; height: 465px; border: 1px solid #ddd }
.product_detail .sinfos .bg { padding: 0; padding-left: 14px }
.product_detail .sinfos h1 { font-size: 32px; font-weight: 400; margin-top: 18px; border-bottom: 4px double #eee; padding-bottom: 24px }
.product_detail .sinfos p { position: relative; top: -4px }
.product_detail .sinfos p.features { font-size: 16px; margin-top: 20px }
.product_detail .sinfos p .t { color: #888; font-weight: 700; color: #000 }
.product_detail .sinfos p .c { line-height: 1.8 }
.product_detail .sinfos p.p4 { margin-top: 0; padding-top: 0; margin-bottom: 30px }
.product_detail .sinfos p.p4 .t { font-size: 16px; color: #333 }
.product_detail .sinfos p.p4 .c { color: #FF8A00; font: bold 30px/50px arial }
.product_detail .sinfos p.p5 { }
.product_detail .sinfos p.p5 a { display: inline-block; padding: 4px 25px; color: #fff; background: #065fa3; font-size: 17px; margin-top: 10px }
.product_detail .sinfos p.p5 a { margin-bottom: 20px }
.product_detail .sinfos p.p5 a.zx { margin-right: 20px }
.product_detail .sinfos p.p5 a.pdf { margin-right: 30px; margin-left: 30px }
.product_detail .jbcs { padding: 0; margin-bottom: 20px; line-height: 2; font-size: 16px; color: #555; margin-top: 30px }
.product_detail .jbcs dl { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999 }
.product_detail .jbcs dl dt { float: left; width: 75px; font-weight: 700; font-size: 14px; color: #000; line-height: 1.8 }
.product_detail .jbcs dl dd { float: left; width: calc(100% - 80px); margin-bottom: 22px; color: #666; line-height: 1.8 }
.product_detail .jbcs table { border: none; width: auto }
.product_detail .ffttl { text-align: left; font-size: 28px; font-weight: 700 }
.product_detail .jbcs tr { }
.product_detail .jbcs td { }
.product_detail .jbcs td, .product_detail .jbcs th { line-height: 2; font-weight: 400; color: #777; padding: 2px 10px; border: none }
.product_detail .jbcs th { width: 2em; white-space: nowrap; padding-right: 6px; line-height: 2; font-weight: 400; color: #777 }
.product_detail .xq { }
.product_detail .cs { }
.product_detail .hdl { background: #F0F0F0; margin-top: 55px }
.product_detail .hdl li { display: inline-block; padding: 10px 30px; cursor: pointer }
.product_detail .hdl li span { font-size: 18px; font-weight: 400; display: block }
.product_detail .hdl.vgm li { display: inline-block; padding: 10px 17px; cursor: pointer }
.product_detail .hdl.vgm li span { font-size: 14px; font-weight: 700; display: block }
.product_detail li.slick-active { background: #333872 }
.product_detail li.slick-active span { color: #fff }
.product_detail .tags { margin: 40px 0 30px }
.product_detail .tags span { }
.product_detail .tags a { margin-left: 10px }
.product_detail .info_previous_next_wrap { }
.product_detail .info_previous_next_wrap div { color: #333; margin-bottom: 10px }
.product_detail .info_previous_next_wrap b { font-weight: 400 }
.product_detail .info_previous_next_wrap a { color: #333 }
.product_detail .info_previous_next_wrap a:hover { color: #333872 }
.remark { padding-top: 20px; padding-bottom: 50px; font-size: 14px; line-height: 2; color: #333 }
.product_detail .zixun p.phone { vertical-align: middle }
.product_detail  .zixun p span { vertical-align: middle; line-height: 1.1 }
.product_detail .dinggou a { display: inline-block; color: #fff; background: #0167D5; padding: 13px 27px; font-size: 16px; margin-left: 30px }
.product_detail  .zixun p b { font-size: 28px; color: var(--cl4); display: block; line-height: 1.1; font-weight: 400; position: relative; top: 2px; left: -2px; font-family: mywfont }
.product_detail  .zixun { padding-top: 5px; margin-bottom: 15px }
#product_detail { margin-top: 50px; margin-bottom: 50px }
#product_detail .detail { }
#product_detail .baojia { margin: 40px 0 }
#product_detail .ul_ttl { background: #F0F0F0; margin-bottom: 20px }
#product_detail .ul_ttl li { line-height: 40px; height: 40px; font-size: 16px; padding: 0 30px; display: inline-block; cursor: pointer }
#product_detail .ul_ttl .on { background: var(--cl2); color: #fff }
#product_detail .dw { position: relative; top: 5px }
#product_detail #baojiatbl { width: 100%; border: none; border-collapse: collapse }
#product_detail #baojiatbl td:nth-child(1) { background: #F5F5F5; width: 170px }
.temp301 { }
.temp300 { margin-top: 22px }
#product_detail td.jj { }
#product_detail td.jj input[type=number] { padding: 0 5px }
#product_detail td.jj label { margin-right: 15px; font-weight: 400 }
#product_detail #baojiatbl tr { }
#product_detail #baojiatbl td { padding: 13px 15px; border: 1px solid #E5E5E5; vertical-align: middle }
#product_detail #baojiatbl td.rightth { text-align: center; width: 250px; vertical-align: top; padding: 25px 15px }
#product_detail .rightth .zongjia { font-size: 28px; color: var(--red2) }
#product_detail .rightth .yuan { color: var(--red2); margin-left: 5px }
#product_detail .rightth p { margin: 10px auto 20px }
#product_detail .rightth .jiesuan:hover { color: var(--cl1) }
#product_detail .rightth .jiesuan { background: #FFFAF4; display: inline-block; padding: 0px 20px; font-size: 18px; color: var(--red2); border: 1px solid var(--red2); vertical-align: middle; line-height: 40px }
#product_detail .rightth .jiesuan i { display: inline-block; width: 22px; height: 22px; background: url(../images/xiadan.png) center; vertical-align: middle; margin-right: 7px; position: relative; top: -2px }
#product_detail .count { }
#product_detail .count input { flex: 1 1 100px; width: 100px; max-width: 100px; min-width: 1px }
#product_detail .shuliang { }
#product_detail .chang { }
#product_detail .kuan { }
#product_detail .detail2 { margin-bottom: 40px; padding-bottom: 30px }
#product_detail .ul_hdl { }
#product_detail .ul_hdl li { }
#product_detail .ul_hdl li.on { }
#product_detail .input-group { display: flex; width: 170px; float: left }
.productdetailcontent { }
.productdetailcontent .hdl { background: #F4F4F4; font-size: 0; margin-bottom: 27px }
.productdetailcontent .hdl a { display: inline-block; width: 170px; height: 55px; line-height: 55px; font-size: 18px; text-align: center; border-right: 1px solid #ddd; position: relative; z-index: 3 }
.productdetailcontent .hdl a:last-child { border: none }
.productdetailcontent .hdl a.on:after {content: "";display: block;width: 12px;height: 12px;transform: rotate(45deg);background: #0167D5;position: absolute;left: 47.8%;bottom: -6px;z-index: 1;}
.productdetailcontent .hdl a.on { background: #0167D5; color: #fff }
.productdetailcontent .thecontent { padding: 10px 0 60px; font-size: 16px; color: #444; line-height: 1.68 }
.productdetailcontent * { font-size: inherit; color: inherit; line-height: inherit }
.productdetailcontent .thecontent .d1 { }
.productdetailcontent .thecontent >div { }
.yycj { padding-bottom: 40px; margin-bottom: 40px }
.yycj .con { }
.yycj .con h3 { text-align: center; color: #0167D5; font-size: 34px; background: url(../images/bg5.png) no-repeat center; margin: 20px auto 40px }
.yycj .con2 { }
.yycj .con2 .nail { width: 283px }
.yycj .con2 .nail img { }
.xiangguan { padding-bottom: 50px }
.xiangguan .ttl4 { padding: 25px 0; margin-bottom: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 22px }
#newslist1 { padding-top: 20px }
#newslist1 .con { height: 400px; margin-bottom: 30px }
#newslist1 .a_img { height: 270px; margin: 0 }
#newslist1 .a_img100 { height: 310px }
#newslist1 a.blk { border: 1PX SOLID #ddd; height: 100% }
#newslist1 a.blk:hover { border-color: #0167d5 }
#newslist1 .bor { padding: 20px 20px; border-top: 1px solid #ddd }
#newslist1 a:hover .bor { border-color: #0167D5 }
#newslist1 .bor h3 { font-weight: 400; font-size: 14px; margin: 0 0 0 }
#newslist1 .bor span.time { font-size: 14px; color: #999; text-align: left; line-height: 2 }
#pagelist { margin-bottom: 30px; margin-top: 20px }
#pagelist>* { display: inline-block; border: 1px solid #ccc; height: 34px; padding-left: 10px; padding-right: 10px; font-size: 14px; margin-right: 10px }
#pagelist * { line-height: 34px }
#pagelist .pageinfo span { }
#pagelist .pageinfo span.pageper { }
#pagelist .pageinfo span.pageper .pageper1 { }
#pagelist .pagefirst { }
#pagelist .pagenum { }
#pagelist .pageend { }
#pagelist .current { background: #0167D5; color: #fff; display: inline-block; padding-left: 15px; padding-right: 15px; border-color: #0167D5 }
#pagelist .pageinfo label { }
#pagelist a:hover { background: #0167D5; color: #fff; display: inline-block; border-color: #0167D5 }
.smstyle1 #submenus { height: auto; border-bottom: 1px solid #D2D2D2; margin-bottom: 55px }
.smstyle1 #submenus .con { display: block; text-align: center; padding: 0; align-items: center }
.smstyle1 #submenus +div { margin-top: 0; background: #F8F8F8 }
.smstyle1 #submenus .subnav .con a { line-height: 80px; font-size: 18px; color: #fff; display: inline-block; padding: 0; height: auto; text-align: center; width: auto; margin: auto; background: transparent; color: #333; flex: 1 1 6em; float: none; padding: 0 36px }
.smstyle1 #submenus .subnav .con a i { height: 80px; text-align: center; display: none; margin: 5px auto 10px; padding-top: 19px }
.smstyle1 #submenus a span { display: inline-block; height: auto; position: relative }
.smstyle1 #submenus a:hover span { color: #0167D5 }
.smstyle1 #submenus a.on span { color: #0167D5 }
.smstyle1 #submenus .subnav .con a img { height: 70px }
.smstyle1 #submenus .subnav .con a:hover, .smstyle1 #submenus .subnav .con a.on { }
.smstyle1 #submenus .subnav .con a.on span:after { content: ""; display: block; position: absolute; width: calc(100% + 20px); height: 2px; bottom: -1px; left: -10px; background: #0167D5 }
.info_content_about { padding-bottom: 30px }
.abpart1 { }
.abpart1 h1 { }
.abpart1 p { }
.abpart1 img { }
.abpart2 { }
.abpart2 .con { }
.abpart2 .con img { }
.abpart2 .con .sinfo { margin-top: 0; padding: 0 40px }
.abpart2 h2 { margin: 60px auto 50px }
.abpart2 h3 { margin: 30px auto 20px; color: #666; position: relative; font-size: 26px; text-align: center }
.abpart2 h3:after { content: ""; display: block; width: 30px; height: 2px; margin: auto; margin-top: 15px; background: #B5B5B5 }
.abpart2 h2:after { content: ""; display: block; width: 30px; height: 2px; margin: auto; margin-top: 15px; background: #1EB9EE }
.body_news_detail { }
.info_title { }
.info_title .newstitle { font-size: 29px; text-align: center; margin: 0 auto 20px }
.info_title .newsinfo { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 30px }
.info_title .newsinfo * { font-size: 16px; color: #666 }
.info_title .newsinfo>span { float: none; margin-right: 30px; padding-left: 25px; display: inline-block; vertical-align: middle; background: url(../images/bgs2.png) no-repeat left center }
.info_title .newsinfo .time { }
.info_title .newsinfo .cat { background-position: -213px center }
.info_title .newsinfo .hits { background-position: -395px center; font-size: 15px }
.info_title .newsinfo .bdsharebuttonbox { background-position: -556px center }
.info_content { font-size: 16px; line-height: 1.78; color: #555 }
.body_news_detail { }
.body_news_detail .pn { padding: 40px 0 10px; margin: 30px 0 0; border-top: 1px solid #eee }
.body_news_detail .info_previous_next_wrap { font-size: 16px }
.body_news_detail .info_previous_next_wrap > div { margin: 10px 0 15px; color: #666 }
.body_news_detail .info_previous_next_wrap b { }
.body_news_detail .info_previous_next_wrap a { }
.body_news_detail .back:hover { background: #0167D5 }
.body_news_detail .back { padding: 15px 48px; display: inline-block; font-size: 16px; background: #535353; color: #fff; border-radius: 6px; margin-top: 10px; transition: all .3s }
#contactinfos { margin: 50px auto 60px }
#contactinfos .map { }
.body_contact .mapiframe { margin: 0; padding: 0; border: none; width: 100%; height: 500px; margin-top: 0 }
dl#contactus { font-size: 16px; margin-top: 40px; margin-left: 80px; color: #666 }
dl#contactus dt { float: left; clear: left; line-height: 3 }
dl#contactus dd { clear: right; float: left; line-height: 3 }
dl#contactus dd>* { }
dl#contactus dd.Company { font-size: 26px; color: #0167D5 }
dl#contactus dd.WebUrl { }
dl#contactus dd.Address { }
dl#contactus dd.Contact { }
dl#contactus dd.Telephone { }
dl#contactus dd.Mobile { }
dl#contactus dd.Email { }
dl#contactus dd.Fax { }
dl#contactus dd.WebICP { }
dl#contactus dt.Company { }
dl#contactus dt.WebUrl { }
dl#contactus dt.Address { }
dl#contactus dt.Contact { }
dl#contactus dt.Telephone { }
dl#contactus dt.Mobile { }
dl#contactus dt.Email { }
dl#contactus dt.Fax { }
dl#contactus dt.WebICP { }
dl#contactus dt.WebICP a { }
.info_mainpic { padding: 25px 30px; text-align: center }
.info_mainpic img { display: block; margin: auto }
.social{
    vertical-align: middle;
    margin-top: 7px;
    width: 100%;
    float: left;
    text-align: right;
}
.social span{
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.social span a{}
.social span a img{
    max-width: 36px;
    height: auto;
}
/*------------end--------------*/