@charset "utf-8";
/* CSS Document */
@font-face{ font-family: "Geometr415 Blk BT"; src: url(../fonts/tt0524m_0.ttf);}
body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;}
*{ padding:0; margin:0;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}


svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{ max-width: 1600px; height:100%;margin: 0 auto; padding:0 100px; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 50px !important; height: 50px !important; line-height: 48px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
/*===========================header=============================*/

/*三级导航 开始*/

.s_btn_r{width: 6.625rem; background: #e4e4e4; height: 3.4375rem; line-height: 3.4375rem; border-radius: 1.75rem; text-align: center; display: block; font-size: .875rem; color: #686969; float: right;}
.s_btn_r .arrow{ display: inline-block; vertical-align: middle; width: 23px; height: 18px; position: relative; font-size: 0; margin-left: .5rem; line-height: .5rem; transition: 1s; }
.s_btn_r .arrow font{ width: 23px; display: inline-block; position: absolute; left: 0; top: 0; transition: 1.2s;}
.s_btn_r .arrow font.font1{left: -23px; }
.s_btn_r font svg{ width: 9px; height: 1rem; transition: .8s;}
.s_btn_r font svg.arrow01{ width: 5px; opacity: .4;}
.s_btn_r font svg.arrow02{ width: 6px; opacity: .8;}
.s_btn_r font svg.arrow03{ opacity:1;}
.s_btn_r font.font1 svg.arrow01{ width: 9px; opacity:0; }
.s_btn_r font.font1 svg.arrow02{ width: 6px;opacity:0; }
.s_btn_r font.font1 svg.arrow03{ width: 5px;opacity:0; }
.s_btn_r:hover font{  -webkit-transform: translate3d(15px, 0, 0px); }
.s_btn_r:hover font.font2 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: 0; width: 9px; }
.s_btn_r:hover font.font2 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px); opacity: 0; width: 6px; }
.s_btn_r:hover font.font2 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px);  opacity: 0;width: 5px; }
.s_btn_r:hover font.font1 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: .4;  width: 5px;}
.s_btn_r:hover font.font1 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px);  opacity: .8; width: 6px;}
.s_btn_r:hover font.font1 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px); opacity: 1; width: 9px; }
.arrow_anim{ display: block; width: 2.5rem; height: 2.5rem; border: 2px solid #969798; border-radius: 50%; position: relative; margin-top: 1.5rem; overflow: hidden;}
.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 2.5rem; transition: .5s;}
.hover:hover .arrow_anim:before{ left: 0;}
.hover:hover .arrow_anim:after{ left: 100%;}
#f02{ background: url(../images/f02_bg.png) center bottom no-repeat;}
#f02 .item{ border-top: 2px solid #d8dee1; overflow: hidden;}
#f02 .item .tt{ float: left; margin-bottom: 2.75rem;}
#f02 .item .tt font{ display: block; display: none; width: 2.25rem; height: 1.625rem; background: url(../images/yinhao.png) center no-repeat; background-size: contain; margin-bottom: 3rem;}
#f02 .item .tt h3{ font-size: 1.875rem; color: #014099; letter-spacing: 3px; margin-bottom: .75rem;}
#f02 .item .tt p{ font-size: 1.5rem; color: #333333; font-weight: bold;}
#f02 .item .tt i{ display: block; width: 2.5rem; height: 2px; background: #000000; margin-top: 3rem;}
#f02 .item .s_tt{ float: right;}
#f02 .item .con{ font-size: .9375rem; color: #6c6c6d; line-height: 1.875rem;}
#f02 .item .con p{ margin-bottom: 1.25rem;}
#f02 .item .top{ overflow: hidden; padding-top: 1rem;}
#f02 .item .txt{ width: 52.8%; }
#f02 .item .img{ width:40.3125%; border-radius: 0 2.25rem 0 2.25rem;}
.s_tt{ overflow: hidden; margin-bottom: 2.5rem;}
.s_tt h3{ font-size: 1.875rem; color: #333333; font-weight: bold; line-height: 2.5rem;}
.s_tt h3 i{ display: inline-block; width: 5px; height: 1.875rem; background: #014099; vertical-align: middle; margin-right: .875rem;}
.s_tt .arrow_anim{ float:right;}
#s_about .img{ position:relative; z-index:9;cursor: none;}
#s_about .img a{ display: block;cursor: url(../images/play.ico),pointer;}
#s_about .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }
#s_about .img .mask font{ display:block; width:3.0625rem; height:3.0625rem; transition:.5s; border-radius:50%; background:url(../images/play.png) center no-repeat; background-size: contain; margin:0 auto; }
#s_about .img:hover .mask{ opacity:0;}
.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 .j_tab{ table-layout: fixed;}
.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; transform: translateY(-10rem);transition: all 0.5s ease-out; opacity: 0;
  }
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:48rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; height: 28rem;}
.tc_shipin video{ width:100%; height:100%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{
    object-fit:fill;  
}
.vjs-poster{ background-size: cover !important;}
#s_yewu{}
#s_yewu .hd{  width: 100%; position: relative; z-index: 10;}
#s_yewu .hd ul{  }
#s_yewu .hd ul li{ text-align: center; padding-top: 1.5rem;}
#s_yewu .hd ul li .ico{ display: block; width: 9.375rem; height: 9.375rem; margin: 0 auto; line-height: 9.375rem; text-align: center; border-radius: 50%; position: relative; z-index: 1;}
#s_yewu .hd ul li .ico:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; border: 2px solid #014099; background: #fff; z-index: 0; transition: .7s;}
#s_yewu .hd ul li .ico:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;  background:rgba(1,64,153,.15); z-index: -1; transform: scale(.5); z-index: -1; opacity: 0; visibility: hidden; transition: .7s .2s; }
#s_yewu .hd .ico img{ display: inline-block; max-height: 3.125rem; max-width: 3.125rem; position: relative; z-index: 3;vertical-align: middle; top:3rem}
#s_yewu .hd .ico .img01{}
#s_yewu .hd .ico .img02{ display: none;}
#s_yewu .hd .ico i{ display: block; width: 80%; height: 80%; border-radius: 50%; position: absolute; left: 10%; top: 10%; border: 1px dashed #678cc2; opacity: 0; visibility: hidden;  transition: 1s;  transform: rotate(-180deg);}
#s_yewu .hd .ico i:before{ content:""; display: block; width: .625rem; height: .625rem; border-radius: 50%; border: 1px solid #f4f7fb; background: #192d54; position: absolute; top: 10%; right: 10%;}
#s_yewu .hd .txt h5{ font-size: 1.5rem; color: #fff; margin-top: 2.5rem; margin-bottom: .375rem;}
#s_yewu .hd .txt span{ font-size: .75rem; color: #ffffff; opacity: .5; font-family: arial; text-transform: uppercase;}
#s_yewu .hd .txt svg{ display: block; margin: 0 auto; margin-top: 3rem; margin-bottom: 3rem; width: 1rem; height: .5rem; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: .7s;}
#s_yewu .hd ul li:hover{}
#s_yewu .hd ul li:hover .ico:before,#s_yewu .hd ul li.slick-current .ico:before{ background:#014099; }
#s_yewu .hd ul li:hover .ico:after,#s_yewu .hd ul li.slick-current .ico:after{ transform: scale(1.25);opacity: 1; visibility: visible; }
#s_yewu .hd ul li:hover .ico .img01,#s_yewu .hd ul li.slick-current .ico .img01{ display: none;}
#s_yewu .hd ul li:hover .ico .img02,#s_yewu .hd ul li.slick-current .ico .img02{ display: inline-block; animation: jello 1s;}
#s_yewu .hd ul li:hover .ico i,#s_yewu .hd ul li.slick-current .ico i{ opacity: 1; visibility: visible;  transform: rotate(0deg);}
#s_yewu .hd ul li:hover .txt svg,#s_yewu .hd ul li.slick-current .txt svg{ opacity: 1; visibility: visible;  transform: translateY(0px); }
#s_yewu .slide_box{ position: relative; }
#s_yewu .bd{ margin-top: -11.25rem;}
#s_yewu .bd ul li{ position:relative;}
#s_yewu .bd .img{ height:578px;}
#s_yewu .bd .bg{ height:16.25rem; width: 100%; position: absolute; background: url(../images/yewu_hd.png) center bottom no-repeat; top: 0; z-index: 9; border-radius: 0 0 10px 10px ;}
#s_yewu .bd .box{ position:relative;}
#s_yewu .bd .txt{ position: absolute;  left: 0; right: 0; bottom:80px; z-index: 11; text-align: center; color: #fff;}
#s_yewu .bd .txt h5{ font-size: 2rem; color: #fff; font-weight: bold; margin-bottom: 1.75rem;}
#s_yewu .bd .txt p{ max-width: 830px; padding: 0 15px; font-size: 14px; line-height:30px; margin: 0 auto;}
#s_yewu .bd .txt font{ display: block; width: 5rem; height: 5rem; margin: 0 auto; border:1px solid rgba(255,255,255,.4); margin-top: 40px; background: url(../images/jia.png) center no-repeat; background-size: 1.1875rem; border-radius:5rem}
#s_yeji{ width: 100%; overflow: hidden; background:#f4f5f7; background-size: cover;}
.s_yeji_slide{width: 52.8%;float: left;}
.s_yeji_slide .txt{ background: #fff;}
.s_yeji_slide h5{height: 4rem;line-height: 4rem;font-size: 1.25rem;color: #1e1e1e;padding-left: 1.875rem;padding-right: 11rem;}
.s_yeji_slide h5:before{ content: ""; vertical-align: middle; margin-right: .75rem; display: inline-block; width: 3.125rem; height: 2px; background: #1e1e1e;}
.s_yeji_slide .slick-dots{bottom: 1.625rem;right: 2rem;text-align: right;width: 10rem;}
.s_yeji_slide .slick-dots li{ margin:0 2px;}
.s_yeji_slide .slick-dots li{ position:relative; display:inline-block; width:8px; height:8px; border-radius:4px; border:1px solid #a5a5a5; box-sizing:border-box; opacity:1; transition: .5s width; }
.s_yeji_slide .slick-dots li.slick-active{ border: 2px solid #03419a; width: 1.875rem; height:8px;  }
.s_yeji_slide .slick-dots li button{ display: none;}
.s_yeji_list{width: 47.2%;float: right;}
.s_yeji_list ul{}
.s_yeji_list ul li{ width: 50%; float: left; padding-left: 11px; margin-bottom: 10px; }
.s_yeji_list ul li a{ display: block; background: #fff;}
.s_yeji_list ul li .img{ position: relative; overflow: hidden; max-width:100%; width:100%; max-height:100%;}
.s_yeji_list ul li .img img{}
.s_yeji_list ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
.s_yeji_list ul li .img .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,64,153,.85); z-index: -1; transition: .7s; }
.s_yeji_list ul li .img .mask font{ width: 1.1875rem; height: 1.1875rem; display: inline-block; background: url(../images/jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;}
.s_yeji_list ul li .img .mask span{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
.s_yeji_list ul li h5{ height: 3.7rem; line-height: 3.7rem; font-size: 1.125rem; color: #383838; text-align: center; padding: 0 10px; overflow:hidden;}
.s_yeji_list ul li:hover .img .mask:before{ width: 100%; left: 0; right: auto;}
.s_yeji_list ul li:hover .img .mask span{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
.arrow_anim2{ display: block; width: 2.5rem; height: 2.5rem; background: #fff; float: right; border-radius: 50%; position: relative;  overflow: hidden;}
.arrow_anim2:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim2:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim2:hover:before{ left: 0;}
.arrow_anim2:hover:after{ left: 100%;}
#f05{ background: #f4f5f7; width: 100%; overflow: hidden;}
#f05 .left_con{ width: 77.8%; float: left;}
#f05 .right_con{ width: 20%; float: right;}
#f05 .left_con .item{ width:calc(50% - 1.25rem); margin-bottom: 4.5rem; }
.s_dang .hd{ position: relative; margin-bottom: 2.25rem; margin-top: -.625rem;}
.s_dang .hd:after{ content:""; width: 100%; height: 2px; background: #d6d8d8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
.s_dang .hd ul{ width: calc(100% - 6.625rem); float: left; position: relative; z-index: 2;}
.s_dang .hd ul li{ font-size: 1.5rem; color: #333333; line-height: 2.5rem;}
.s_dang .hd ul li.slick-current{ color: #014099; font-weight: bold;}
.s_dang .hd ul li a{ display: inline-block; position: relative; padding-bottom: 1.125rem;}
.s_dang .hd ul li a:before{ content:""; display: block; width: 0; height: 5px; background: #014099; position: absolute; right: 0; bottom: 0; transition: .5s;}
.s_dang .hd ul li.slick-current a:before{ width: 100%; left: 0; right: auto;}
.s_dang .hd ul li a:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #014099; position: absolute; right: 50%; margin-right: -5px; bottom: -10px; transition: .5s; opacity: 0;}
.s_dang .hd ul li.slick-current a:after{ opacity: 1;}
.s_dang .hd .slick-list{ overflow: visible;}
.s_dang_pic{ overflow: hidden; background: #fff;}
.s_dang_pic .img{ width: 15rem; float: left; margin-right: 1.5rem;}
.s_dang_pic .img img{}
.s_dang_pic .txt{ padding: 1rem; padding-left: 0;}
.s_dang_pic .txt h4{ font-size: 1.125rem; color: #0c0c0c; font-weight: bold; line-height: 1.5rem; height: 3rem; overflow: hidden;}
.s_dang_pic .txt span{ font-size: 1rem; color: #014099; font-family: "Franklin Gothic Demi"; font-weight: bold; display: block; margin-top: 1rem; margin-bottom: .375rem;}
.s_dang_pic .txt p{ font-size: .875rem; color: #848484; line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s_dang_pic02{ overflow: hidden; background: #fff;}
.s_dang_pic02 .txt{ padding:1.375rem 1rem; }
.s_dang_pic02 .txt h4{ font-size: 1.125rem; color: #0c0c0c; font-weight: bold; line-height: 1.5rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s_dang_pic02 .txt span{ font-size: 1rem; color: #014099; font-family: "Franklin Gothic Demi"; font-weight: bold; display: block; margin-top: 1rem; margin-bottom: .375rem;}
.s_dang_pic02 .txt p{ font-size: .875rem; color: #848484; line-height: 1.5rem; height: 3rem; overflow: hidden; }
.s_dang_list{ margin-top: 2rem;}
.s_dang_list li{ overflow: hidden; height: 40px; padding: 0 1.5rem; position: relative; z-index: 1;}
.s_dang_list li h5{ float: left;line-height: 40px; font-size: 1rem; color: #5e5e5f; transition: .5s; width: calc(100% - 6.25rem);}
.s_dang_list li h5:before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: #bdc5cd; display: inline-block; margin-right: 1rem; vertical-align: middle;}
.s_dang_list li span{ float: right;line-height: 40px; font-size: 1rem; color: #a7adb8; font-family: arial; transition: .5s;}
.s_dang_list li:before{ content: ""; position: absolute; display: block; width: 100%; height: 0; background: #223a6c; left: 0; bottom: 0; z-index: -1; transition: .5s;}
.s_dang_list li:hover h5{ color: #fff;}
.s_dang_list li:hover span{ color: #fff;}
.s_dang_list li:hover:before{ top: 0; bottom: auto; height: 100%;}
.s_fengcai{ overflow: hidden;}
.s_fengcai ul{ margin: 0 -6px; overflow: hidden; display: flex; flex-wrap: wrap;}
.s_fengcai ul li{ width: 50%; float: left; padding: 0 6px; margin-bottom: 12px;}
.s_fengcai ul li a{ display: block; position: relative;}
.s_fengcai ul li .img{ }
.s_fengcai ul li .img img{ }
.s_fengcai ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem; padding: 1rem; }
.s_fengcai ul li .mask .j_tab{ table-layout: fixed;}
.s_fengcai ul li .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,1,1,.6); z-index: -1; transition: .7s; }
.s_fengcai ul li .mask i{  display: block; width: 1.5rem; height: 1px; background: #fff; margin: 1rem auto; opacity:0; transition:440ms 0ms; transform: translateY(-3rem);}
.s_fengcai ul li .mask h5{ font-size: 1rem; }
.s_fengcai ul li .mask i:first-child{ transform: translateY(3rem);}
.s_fengcai ul li .mask .box{ opacity: 0; width: 100%; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
.s_fengcai ul li:hover .mask .box{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
.s_fengcai ul li:hover .mask:before{ width: 100%; left: 0; right: auto;}
.s_fengcai ul li:hover .mask i{transition:640ms 430ms; opacity: 1; transform: translateY(0);}
#s_shipin{}
#s_shipin .tt{ height: 4.0625rem; line-height: 4.0625rem; background:#7e899a; color: #fff; text-align: center; font-size: 1.25rem; }
#s_shipin .tt span{ font-size: 1rem; font-family: arial; text-transform: uppercase; margin-left: .5rem;}
#s_shipin ul li a{ position:relative; display: block; width: 100%; height: 100%;}
#s_shipin ul li a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: url(../images/play2.png) center no-repeat; background-size: 2.5rem;}
#s_shipin ul li a img{ width: 100%;}
#s_shipin .slick-arrow{ z-index:99;}
#s_shipin .slick-prev{ left:1rem;}
#s_shipin .slick-next{ right:1rem;}
.slick-prev:before, .slick-next:before{ opacity: 1;}
#s_tongdao{ margin-top: 2.75rem; margin-bottom: 4rem;}
#s_tongdao .tt{ position: relative; margin-bottom: 2.25rem; }
#s_tongdao .tt:after{ content:""; width: 100%; height: 2px; background: #d6d8d8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
#s_tongdao .tt h3{ display: inline-block; position: relative; padding-bottom: 1.125rem; z-index: 2; font-size: 1.5rem; color: #014099; font-weight: bold;}
#s_tongdao .tt h3:before{ content:""; display: block; width: 100%; height: 5px; background: #014099; position: absolute; bottom: 0; left: 0; }
#s_tongdao .tt h3:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #014099; position: absolute; right: 50%; margin-right: -5px; bottom: -10px; }
#s_tongdao ul{ display: block; overflow: hidden; background: #fff; border: 1px solid #e5e5e5;}
#s_tongdao ul li{ width: 50%; float: left; height:11.4375rem; text-align: center; padding:0 1rem;}
#s_tongdao ul li a{ display: block; height: 100%;}
#s_tongdao ul li+li+li a{ border-top: 1px dashed #d5dde7;}
#s_tongdao ul li font{ display: block; width: 5.625rem; height: 5.625rem; ; line-height: 5.625rem; border-radius: 50%; margin: 0 auto;}
#s_tongdao ul li:hover font img{ animation: jello 1s;}
#s_tongdao ul li p{ font-size: 1rem; color: #414141; margin-top: 1.125rem;}
#s_tongdao ul li:nth-child(odd){ border-right: 1px dashed #d5dde7;}
.s_tt{ position: relative;}
.s_tt .bg{ position: absolute; height: 4px; position: absolute; top: 50%; margin-top: -2px; left: 10rem; right: 8rem; background: url(../images/s_tt_bg.png) center repeat-x;}
#s_tongdao ul li:nth-child(1) font{ background: #ffebec !important;}
#s_tongdao ul li:nth-child(2) font{ background: #fff3e5 !important;}
#s_tongdao ul li:nth-child(3) font{ background: #eef1ff !important;}
#s_tongdao ul li:nth-child(4) font{ background: #fff4ee !important;}
#s_tongdao ul li:nth-child(5) font{ background: #f8f2ff !important;}
#s_tongdao ul li:nth-child(6) font{ background: #f0fff8 !important;}
#s_zhuanti{}
#s_zhuanti .box{  }
#s_zhuanti ul{ margin: 0 -1.125rem;}
#s_zhuanti ul li{ padding: 0 1.125rem;}
#s_zhuanti ul li .img{}
#s_zhuanti ul li .img img{}
#s_zhuanti .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.5rem; transform:translate(0,0); opacity:1;
	display:block; width:2.3125rem; height: 2.3125rem; background-size:2.3125rem !important;}
#s_zhuanti .slick-prev{ left:-4.375rem;background:url(../images/zhuanti_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_zhuanti .slick-next{ right:-4.375rem; background:url(../images/zhuanti_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_zhuanti .slick-arrow:before{ display:none;}
#s_zhuanti .s_btn_r{ display: block; width: 5.3125rem; height: 2.5rem; line-height: 2.5rem; background: #f2f5f6;}
#s_link{ padding-bottom:2rem;  overflow:hidden; width:100%; }
#s_link .tt{ font-size:1.125rem; color:#014099; width:6.5rem; line-height:2.25rem;}
#s_link .tt i{display: inline-block; width: 3px; height: 1.1875rem; background: #014099; vertical-align: middle; margin-right: .5rem;}
#s_link .right{ width:calc(100% - 6.5rem); text-align: left;}
#s_link a{ line-height:2.25rem; font-size:1rem; color:#545454; margin-right:1rem; transition:.3s; }
#s_link a:hover{ color:#014099;}
#foot{ background: url(../images/foot_bg.png) center top no-repeat #f6f7f9; background-size: auto 14.25rem;  padding-top:18rem; overflow: hidden; border-top: 1px solid #e3e5e8;}
.foot_nav{ width: 76%; float: left; display: flex; justify-content: space-between; position: relative;}
.foot_nav:before{ content:""; width: 100%; height: 1px; display: block; position: absolute; left: 0; top: 2.5rem; background: #d9dbdf;}
.foot_nav dl{ float: left;}
.foot_nav dt{ font-size: 1rem; color: #383838; font-weight: bold; margin-bottom: 2rem;}
.foot_nav dd{ font-size: .875rem; color: #6f6f6f; line-height: 1.875rem;}
.foot_lianxi{ width: 19%; float: right; text-align: right; border-left: 1px solid #e3e3e5;}
.foot_lianxi h3{ font-size: 1rem; color: #707071; font-weight: bold; margin-bottom: .75rem;}
.foot_lianxi h4{ font-size: 1.625rem; color: #004d93; font-family: "OPPOSans"; margin-bottom: .375rem;}
.foot_lianxi p{ font-size: .875rem; color: #3c3c3c;}
.foot_tel  font{ display: inline-block; width: .9375rem; height: 17px; background: url(../images/foot_tel.png) center no-repeat; background-size: contain; margin-right: .5rem; position: relative; top: 3px;}
.foot_ewm{ overflow: hidden; margin-top: 2.8125rem;}
.foot_ewm .ewm{ width: 5.9375rem; margin-right: 3rem; float: right;}
.foot_ewm .ewm img{ }
.copyright{ font-size: .875rem; color: #a4a5a7; text-align: center; background: #e9ebee; line-height: 1.5; padding: 1.5rem 1rem; margin-top: 2rem;}
#foot a:hover{ color: #014099;}
#gotop{ display:none; width:5.4375rem; height:5.4375rem; border-radius:50%; bottom:6rem; right:2rem; position:fixed; z-index:999; overflow:hidden;}
#gotop img{ width:100%; height:100%;}
#m_header .btn_oa{ margin-right: 4rem; margin-top: 1.5rem;}
/*搜索*/
#searchBtn{ height:4.5rem;}
#searchBtn a{ display:block; width:2.625rem; height:2.625rem; line-height:2.4375rem; border-radius:50%; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block; }
#searchBtn:hover a{ background:#003399; border:1px solid #003399;}
#searchBtn:hover svg{ fill:#fff; animation:huadong .7s;}
@-webkit-keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
@keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
.top_menu .ico a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }
#tc_search{ width:100%; padding:3rem; background:#003399; 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:1.75rem; 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,.6); }
#tc_search input::-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-ms-input-placeholder{  color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:focus::-webkit-input-placeholder {color: transparent;}
#tc_search input:focus:-moz-placeholder {color: transparent;}
#tc_search input:focus::-moz-placeholder {color: transparent;}
#tc_search input:focus:-ms-input-placeholder {color: transparent;}
#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;}
/****************内页开始*****************/
/*内页banner*/

@media (max-width: 1024px)

{
	#dj_tuijian .left{ width: 100%; float: none;}
	#dj_tuijian .right{ width: 100%; float: none; padding-left: 0;}
	#dj_news .item{ width: 100%;}
	#dj_toutiao{ margin-top: 14rem;}
	.dj_tuijian li .img{ height: auto;}
}

@media (max-width: 480px)

{

	#dj_toutiao{ margin-top: 9rem;}
}
#dj_tuijian{ margin-top: 30rem;}
#dj_tuijian .hd{ overflow: hidden; padding-bottom: .875rem; border-bottom: 2px solid #e5e5e5; margin-bottom: 1.75rem;}
#dj_tuijian .hd h3{ float: left; line-height: 2.25rem; font-size: 1.5rem; color: #302e2e; font-weight: bold;}
#dj_tuijian .hd a{ display: block; float: right;line-height: 2.25rem;}