a:hover{ color:#0059a9;}
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f8f8f8; }
.bg2{ background-color: #f6f6f6; }
.bg3{ background-color: #f9f9f9; }
.colr_main{ color:#0059a9; }
.colr_main2{ color:#e22646; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#999; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#777777;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#777777;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#777777;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/*::-webkit-scrollbar{
    width: 3px;
    background-color: #dddddd;
}*/
/*定义滚动条轨道 内阴影+圆角*/
/*::-webkit-scrollbar-track{
    border-radius: 3px;
    background-color: #dddddd;
}*/
/*定义滑块 内阴影+圆角*/
/*::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #0059a9;
}*/
/*滑块效果*/
/*::-webkit-scrollbar-thumb:hover{
    border-radius: 3px;
    background-color: #8fc41f;
}*/

.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }
/*html{ min-width:1230px; }
body{ min-width:1230px; }*/

.font_family{ font-family:"Times New Roman","Arial","微软雅黑","sans-serif","宋体"; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

.AutoTitle{ padding:74px 0; }
.AutoTitle .h3{ font-size:80px; line-height:80px; color:#0059a9; font-weight:normal; position:relative; }
.AutoTitle .h3.font_family span { font-size:30px; color:#363636;}
.AutoTitle .h3::after{ content:""; display:block; width:.8em; height:1px; background:#bac6c4; margin-top:7px; }
.AutoTitle .h3 .AutoMore{ padding-top:35px; }
.AutoMore{ font-size:0; line-height:0; }
.AutoMore::before{ content:""; display:inline-block; vertical-align:middle; height:18px; width:18px; background:url(../images/icon_jt.png) no-repeat center;  }
.AutoMore:hover::before{ background-image:url(../images/icon_jt_h.png); }
.TextMore{ display:block; border-radius:50%; width:124px; font-size:20px; color:#fff; line-height:24px; text-align:center; background-color:rgba(0,89,169,.85); padding:38px 0; transition:all .5s; }
.TextMore:hover{ background-color:rgba(0,89,169,1); }

/**头部导航**/
.data-header-pc-1{ position:fixed; left:0; width:100%; top:0; z-index:9; background-color:transparent; box-shadow:0 0 10px rgba(0,0,0,0); padding:27px 0; transition:all .5s; }
.data-header-pc-1 .Box{ position:relative; }
.data-header-pc-1 .logo{ display:table-cell; align-items:center; vertical-align:middle; height:42px; }
.data-header-pc-1 .logoBox{ position:relative; }
.data-header-pc-1 .logoBox img{ display:block; transition:all .3s; height:36px; opacity:1; }
.data-header-pc-1 .logoBox .i_h{ opacity:0; position: absolute; left:0; top:0; }
.data-header-pc-1 .Menu{ font-size:0; line-height: 0; padding-top:0; transition:all .5s; }
.data-header-pc-1 .Menu .ul{ display: inline-block; vertical-align: middle; }
.data-header-pc-1 .Menu li{ display: inline-block; vertical-align: middle; font-size:16px; color:#fff; margin:0 5px; text-align:center; position:relative; }
.data-header-pc-1 .Menu .title{ position:relative; display:block; color:#fff; padding:0 10px; line-height:42px; border-radius:5px; text-transform:uppercase; background:transparent; transition:all .5s; min-width:100px; }
.data-header-pc-1 .Menu .Lib::after{ content:""; position: absolute; left:50%; margin-left:-8px; bottom:100%; display:block; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:6px solid #fff; }
.data-header-pc-1 .Menu .title:hover{ background:#0059a9; border-radius:21px; }
.data-header-pc-1 .Menu .on .title{ background:#0059a9; border-radius:21px; }
.data-header-pc-1 .Menu li:hover .Lib{ opacity:1; margin-top:0; z-index:2; transform:scale(1) translateX(-50%); -webkit-transform:scale(1) translateX(-50%); -moz-transform:scale(1) translateX(-50%); -ms-transform:scale(1) translateX(-50%); -o-transform:scale(1) translateX(-50%); }
.data-header-pc-1 .Menu .Lib{ text-align:center; position: absolute; left: 50%; top: 100%; min-width:100%; margin-top:-15px; padding:0; opacity:0; z-index: -1; transform:scale(0) translateX(-50%); -webkit-transform:scale(0) translateX(-50%); -moz-transform:scale(0) translateX(-50%); -ms-transform:scale(0) translateX(-50%); -o-transform:scale(0) translateX(-50%); transition:opacity .5s,margin .5s; -webkit-transition:opacity .5s,margin .5s; -ms-transition:opacity .5s,margin .5s; -moz-transition:opacity .5s,margin .5s; -o-transition:opacity .5s,margin .5s; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.data-header-pc-1 .Menu .Lib a{ display:block; font-size:15px; color:#333; line-height:20px; padding:15px 15px; word-break:keep-all; white-space:nowrap; transition:all .5s; background:#fff; }
.data-header-pc-1 .Menu .Lib a:first-child{ border-top-left-radius:5px; border-top-right-radius:5px; }
.data-header-pc-1 .Menu .Lib a:last-child{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.data-header-pc-1 .Menu .Lib a+a{ border-top:1px solid #eee; }
.data-header-pc-1 .Menu .Lib a:hover{ background:#0059a9; color:#fff; }
.data-header-pc-1 .FormBox{ position:absolute; left:0; top:-10px; background:#fff; width:100%; padding:10px 0; display:none; }
.data-header-pc-1 .FormBox .form{ position:relative; width:100%; display:block; padding:0 40px; }
.data-header-pc-1 .FormBox .exit{ position: absolute; left:10px; top:0; height:100%; width:30px; background:url(../images/exit.png) no-repeat center / 16px auto; cursor:pointer; }
.data-header-pc-1 .FormBox .Key{ display:block; line-height:42px; height:42px; width:100%; padding:0 15px; }
.data-header-pc-1 .FormBox .form .submit{display:block;cursor:pointer;position:absolute;right:10px;top:0;height:100%;width:30px;background:url(../images/icon_search_h.png) no-repeat center;}
.data-header-pc-1 .SearchBtn{ display: inline-block; vertical-align: middle; width:28px; height:28px; background:transparent url(../images/icon_search.png) no-repeat center; border-radius:0; transition:all .5s; }
.data-header-pc-1 .SearchBtn:hover{ background-color:#0059a9; border-radius:50%; }
.SmallHeader .data-header-pc-1{ box-shadow:0 0 10px rgba(0,0,0,.2); background-color:#fff; padding:17px 0; }
.SearchShow .data-header-pc-1 .FormBox{ display:block; }
.SmallHeader .data-header-pc-1 .Menu{ padding-top:3px; }
.SmallHeader .data-header-pc-1 .logoBox{ height:32px; }
.SmallHeader .data-header-pc-1 .logoBox img{ height:36px; }
.SmallHeader .data-header-pc-1 .logoBox .i{ opacity:0; }
.SmallHeader .data-header-pc-1 .logoBox .i_h{ opacity:1; }
.SmallHeader .data-header-pc-1 .Menu .title{ line-height:32px; color:#333; }
.SmallHeader .data-header-pc-1 .Menu .title:hover,
.SmallHeader .data-header-pc-1 .Menu .on .title{ color:#fff; }
.SmallHeader .data-header-pc-1 .SearchBtn{ background-color:#0059a9; border-radius:5px; }
.SmallHeader .data-header-pc-1 .SearchBtn:hover{ border-radius:50%; }

/**底部**/
#footer{ color:#888888; font-size:14px; line-height:20px; overflow:hidden; }
#footer .top{ padding-top:126px; background:#f1f4f3; }
#footer .contact{ line-height:18px; padding:50px 0 25px; border-bottom:1px solid #dbe5e1; }
#footer .contact .p{ display:inline-block; padding:4px 35px 4px; background:no-repeat left 0; color:#333; font-size:16px; }
#footer .contact .phone{ background-image:url(../images/icon_fot1_1.png); }
#footer .contact .mobile{ background-image:url(../images/icon_fot1_2.png); }
#footer .contact .mail{ background-image:url(../images/icon_fot1_3.png); }
#footer .contact .address{ background-image:url(../images/icon_fot1_4.png); }
#footer .contact .address{ /*width:500px;*/ }
#footer .other{ padding:40px 0; overflow:visible; clear:both; }
#footer .other .links{ width:990px; line-height:0; font-size:0; }
#footer .other .links .span{ float:left; font-size:16px; line-height:26px; color:#333333; text-transform:uppercase; }
#footer .other .links a{ margin:0 20px; color:#888888; font-size:16px; line-height:26px; }
#footer .other .links a:hover{ color:#0059a9; }
#footer .shares{ font-size:0; line-height:0; width:180px; float:right; }
#footer .shares .icon{ display:inline-block; height:25px; width:25px; border-radius:50%; background:no-repeat center; transition:all .3s; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#footer .shares .icon:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#footer .shares .icon+.icon{ margin-left:7px; }
#footer .shares .youtube{ background-image:url(../images/icon_share1_1.png); }
#footer .shares .googleplus{ background-image:url(../images/icon_share1_2.png); }
#footer .shares .in{ background-image:url(../images/icon_share1_3.png); }
#footer .shares .facebook{ background-image:url(../images/icon_share1_4.png); }
#footer .bot{ background:#0059a9; border-top:1px solid #004d93; padding:13px 0; color:#fff; }
#footer .bot a{ color:#fff; }
#footer .bot a:hover{ color:#bbb; }

/**侧边悬浮**/
.Fixedside{ position:fixed; right:25px; top:50%; z-index:99; margin-top:-120px; }
.Fixedside .ul{ text-align:center; box-shadow:0 0 15px rgba(0,0,0,.05); border-radius:3px; }
.Fixedside .ul li{ width:75px; position:relative; }
.Fixedside .ul li .a{ display:block; background:#fff; padding-top:17px; padding-bottom:17px; transition:all .3s; border:1px solid #ddd; }
.Fixedside .ul li+li .a{ border-top-color: transparent; }
.Fixedside .ul li .word{ font-size:12px; color:#666666; display:block; margin-top:2px; transition:all .3s; }
.Fixedside .ul li .icon{ display:block; height:30px; background:no-repeat center; transition:all .3s; }
.Fixedside .ul .mail .icon{ background-image:url(../images/icon_nav1_1.png); }
.Fixedside .ul .app .icon{ background-image:url(../images/icon_nav1_2.png); }
.Fixedside .ul .Returntop .icon{ background-image:url(../images/icon_nav1_3.png); }
.Fixedside .Returntop{ display:block; height:65px; }
.Fixedside .ul .mail:hover .icon{ background-image:url(../images/icon_nav1_1_h.png); }
.Fixedside .ul .app:hover .icon{ background-image:url(../images/icon_nav1_2_h.png); }
.Fixedside .ul .Returntop:hover .icon{ background-image:url(../images/icon_nav1_3_h.png); }
.Fixedside .ul li .a:hover{ background:#0059a9; border-color:#0059a9; }
.Fixedside .ul li .a:hover .word{ color:#fff; }

/***Banner**/
#IndexBan{ position:relative; }
#IndexBan .swiper-container{ height:100vh; }
#IndexBan .swiper-slide{ position:absolute; left:0; width:100%; top:0; height:100%; z-index:1; background:rgba(0,0,0,0); transition:background .3s; }
#IndexBan .swiper-slide.old{ z-index: 8; }
#IndexBan .swiper-slide.active{ z-index:9; background:rgba(0,0,0,.4); }
#IndexBan .swiper-slide a{ position:relative; display:block; height:100vh; background:no-repeat center/cover; color:#fff; transform:translateX(0); }
#IndexBan .swiper-slide.active a,
#IndexBan .swiper-slide.old a{ opacity:1; }
#IndexBan .swiper-slide.left a{ left:0; animation:bananimate_left_a 1.8s linear; }
#IndexBan .swiper-slide.right a{ right:0; animation:bananimate_right_a 1.8s linear;}
#IndexBan .swiper-slide .mark{ position: absolute; height:100%; width:0; top:0; background:no-repeat center/cover; width:0; }
#IndexBan .swiper-slide.left .mark{ left:100%; animation:bananimate_left 1.8s linear; }
#IndexBan .swiper-slide.right .mark{ right:100%; animation:bananimate_right 1.8s linear; }
#IndexBan .swiper-slide .mark::before{ content:""; position: absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,.7); }
#IndexBan .swiper-slide .container{ height:100%; }
#IndexBan .table{ display:table; height:100%; width:100%; }
#IndexBan .cont{ height:100%; display:table-cell; vertical-align:middle; }
#IndexBan .h4{ font-size:70px; line-height:86px; margin-bottom:14px; font-weight:normal; }
#IndexBan .word{ font-size:20px; line-height:26px; opacity:0; transform:translateY(-100%);}
#IndexBan .active .word{ opacity:1; top:0; transform:translateY(0); transition:all .5s 1s ease-in; }
#IndexBan .old .word{ opacity:1; top:0; transform:translateY(100%); opacity:0; transition:all .4s ease-out; }
#IndexBan .point{ z-index:2; position:absolute; left:0; width:100%; bottom:40px; text-align:center; font-size:0; line-height:0; }
#IndexBan .point .swiper-pagination-bullet{ width:10px; height:10px; background-color:#fff; border-radius:50%; opacity:1; margin:0 5px; transition:all .3s; position:relative; cursor:pointer; }
#IndexBan .point .swiper-pagination-bullet::before{ content:""; position:absolute; left:-3px; top:-3px; height:16px; width:16px; border-radius:50%; background:rgba(255,255,255,.3); opacity:0; }
#IndexBan .point .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ opacity:1; }
#AutoxBan{ background:no-repeat top center; }
#AutoxBan .table{ display:table; height:450px; width:100%; }
#AutoxBan .table .tab-cell{ display:table-cell; height:100%; text-align:center; vertical-align:middle; }
#AutoxBan .table .h2{ display:block; color:#fff; font-weight:normal; color:#fff; font-size:40px; line-height:46px; padding-top:90px; }
@keyframes bananimate_left_a
{
  0%{ transform:translateX(60px); opacity:0; }
  50%{ transform:translateX(60px); opacity:0; }
  70%{ opacity:1; }
  90%{ transform:translateX(6px); opacity:1; }
}
@keyframes bananimate_right_a
{
  0%{ transform:translateX(-60px); opacity:0; }
  50%{ transform:translateX(-60px); opacity:0; }
  70%{ opacity:1; }
  90%{ transform:translateX(-6px); opacity:1; }
  100%{ transform:translateX(0); }
}
@keyframes bananimate_left
{
  0%{ width:0%; left:100%; }
  25%{ width:40%; left:60%; }
  30%{ width:50%; left:50%; }
  40%{ width:70%; left:30%; }
  50%{ width:100%; left:0%; }
  90%{ width:0%; left:0%; }
  100%{ width:0%; left:0%; }
}
@keyframes bananimate_right
{
  0%{ width:0%; right:100%; }
  25%{ width:40%; right:60%; }
  30%{ width:50%; right:50%; }
  40%{ width:70%; right:30%; }
  50%{ width:100%; right:0%; }
  90%{ width:0%; right:0%; }
  100%{ width:0%; right:0%; }
}

/**分页**/
.PageBtns{ text-align:center; font-size:0; padding:90px 0; }
.PageBtns a{ font-size:14px; line-height:40px; width:40px; color:#999999; border-radius:50%; display:inline-block; margin:2px 7px; background:#eeeeee; }
.PageBtns a:hover,
.PageBtns .on{ color:#fff; background:#0059a9; }

/**面包屑地址**/
.WebMap{ font-size:0; line-height:0; border-bottom:1px solid #f3f3f3; }
.WebMap a,
.WebMap span{ font-size:14px; line-height:50px; color:#999999; display:inline-block; vertical-align:middle; }
.WebMap span{ margin:0 5px; }
.WebMap a:hover{ color:#0059a9; }
.WebMap a:first-child{ padding-left:25px; background:url(../images/icon_home.png) no-repeat left center; }
.WebMap span:last-child{ margin:0; }

/**视频弹框**/
.TankVideoBox{position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;background-color:rgba(0,0,0,0.2);display:none;cursor:pointer;}
.TankVideoBox .VideoBox .exit{ position: absolute; right:-10px; top:-10px; height: 30px; width:30px; border-radius:50%; background:#fff url(../images/exit.png) no-repeat center/50%; }
.TankVideoBox .VideoBox{position:absolute;left:50%;top:50%;}
.TankVideoBox .VideoBox video{border:9px solid #fff;display:block;width:auto;max-width:94vw;max-height:96vh;border-radius:5px;}


/**首页**/
.data-list-pc-1{}
.data-list-pc-1 .swiper-container{ padding-top:25px; padding-right:25px; margin-right:-25px; }
.data-list-pc-1 .swiper-slide:nth-child(even) .Box{ padding-top:80px; }
.data-list-pc-1 .swiper-slide .Box{ display:block; position:relative; }
.data-list-pc-1 .swiper-slide .Box::before{ content:""; width:100%; height:435px; position: absolute; left:0; margin-top:0; border-radius:5px; background:transparent; transition:all .5s; }
.data-list-pc-1 .swiper-slide .imgBox{ height:495px; border-radius:5px; position:relative; margin-bottom:15px; }
.data-list-pc-1 .swiper-slide .TextMore{ opacity:0; position:absolute; top:25px; right:15px; }
.data-list-pc-1 .swiper-slide .title{ font-size:20px; line-height:24px; color:#333333; font-weight:normal; padding-right:25px; position:relative; }
.data-list-pc-1 .swiper-slide .AutoMore{ display:block; position:absolute; right:0; top:50%; margin-top:-9px; }
.data-list-pc-1 .swiper-slide .Box:hover::before{ background:#f2f4f3; left:25px; margin-top:-25px; }
.data-list-pc-1 .swiper-slide .Box:hover .TextMore{ opacity:1; }
.data-list-pc-1 .swiper-slide .Box:hover .title{ color:#0059a9; }
.data-list-pc-1 .point{ text-align:center; font-size:0; line-height:0; padding:65px 0; margin-top:34px; }
.data-list-pc-1 .point .swiper-pagination-bullet{ width:12px; height:12px; background-color:#e5e9e8; border-radius:50%; opacity:1; margin:0 5px; transition:all .3s; position:relative; transition:all .5s; }
.data-list-pc-1 .point .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0059a9; }

.data-lr-pc-1{ background:url(../images/back1.jpg) no-repeat center/cover; padding:110px 0 95px; overflow:hidden; }
.data-lr-pc-1 .Box{ position:relative; }
.data-lr-pc-1 .l_cont{ width:870px; border-radius:5px; overflow:hidden; }
.data-lr-pc-1 .l_cont .videoBox{ height:620px; }
.data-lr-pc-1 .l_cont .VideoPlay{ display:block; position:absolute; text-align:center; left:50%; width:250px; margin-left:-125px; top:50%; margin-top:-56px; color:#fff; }
.data-lr-pc-1 .l_cont .VideoPlay .icon{ display:block; margin:0 auto 14px; height:72px; width:72px; background:url(../images/icon_play.png) no-repeat center; }
.data-lr-pc-1 .l_cont .VideoPlay .txt{ font-size:20px; line-height:26px; text-transform:uppercase; }
.data-lr-pc-1 .r_cont{ position: absolute; right:0; top:85px; width:540px; right:0; }
.data-lr-pc-1 .r_cont .AutoTitle{ text-align:right; line-height:0; padding-bottom:55px; }

.data-lr-pc-1 .r_cont .h3{ display:inline-block; vertical-align:top; }
.data-lr-pc-1 .r_cont .cont{ background:#fff; padding-top:65px; padding-left:65px; font-size:16px; color:#666666; line-height:26px; height:413px; border-radius:5px; position:relative; }
.data-lr-pc-1 .r_cont .cont::before{ content:""; position: absolute; left:0; top:0; width:900px; height:100%; background:#fff url(../images/icon1.png) no-repeat right -50px center; border-radius:5px; }
.data-lr-pc-1 .r_cont .cont .txt{ position:relative; margin-bottom:40px; height:182px; overflow:hidden; }
.data-lr-pc-1 .r_cont .cont .AutoMore::before{ transform:translateX(0); transition:all .3s; }
.data-lr-pc-1 .r_cont .cont .AutoMore:hover::before{ transform:translateX(5px); }

.data-list-pc-2{ padding-bottom:95px; }
.data-list-pc-2 .AutoTitle{ padding-bottom:34px; }
.data-list-pc-2 .ul{ margin:0 -10px; font-size:0; }
.data-list-pc-2 .ul li{ padding:10px; display:inline-block; vertical-align:top; }
.data-list-pc-2 .ul .Box{ display:block; transform:translateY(0); transition:all .3s; }
.data-list-pc-2 .ul .Box img{ opacity:1; }
.data-list-pc-2 .ul .imgBox{ height:285px; border-radius:8px; }
.data-list-pc-2 .ul .TextMore{ position:absolute; top:50%; left:50%; margin-top:-62px; margin-left:-62px; opacity:0; }
.data-list-pc-2 .ul .title{ font-size:20px; line-height:24px; color:#333333; font-weight:normal; padding-right:25px; position:relative; }
.data-list-pc-2 .ul .AutoMore{ display:block; position:relative; right:0; transition:all .3s; }
.data-list-pc-2 .ul .cont{ padding-top:35px; }
.data-list-pc-2 .ul .time{ font-size:16px; line-height:20px; color:#0059a9; }
.data-list-pc-2 .ul .title{ font-size:20px; line-height:22px; color:#333333; margin:15px 0 10px; }
.data-list-pc-2 .ul .des{ font-size:16px; line-height:22px; color:#888888; margin-bottom:38px; }
.data-list-pc-2 .ul .Box:hover{ transform:translateY(-5px); }
.data-list-pc-2 .ul .Box:hover img{ opacity:.7; }
.data-list-pc-2 .ul .Box:hover .title{ color:#0059a9; }
.data-list-pc-2 .ul .Box:hover .TextMore{ opacity:1; }
.data-list-pc-2 .ul .Box:hover .AutoMore{ right:-5px; }

.data-simple-pc-1{ background:url(../images/back2.jpg) no-repeat center/cover; text-align:center; background-attachment:fixed; }
.data-simple-pc-1 .cont{ font-size:0; padding:100px 0 100px; }
.data-simple-pc-1 .h3{ text-align:center; font-size:35px; line-height:50px; color:#fff; font-weight:normal; margin-bottom:35px; }
.data-simple-pc-1 .contact{ font-size:16px; line-height:50px; border-radius:25px; color:#0059a9; background:#fff; padding:0 20px; display:inline-block; vertical-align:top; transition:all .5s; }
.data-simple-pc-1 .contact::before{ position:relative; top:-3px; content:" "; display:inline-block; vertical-align:middle; height:20px; width:20px; background:url(../images/icon_contact.png) no-repeat center; margin-right:10px; }
.data-simple-pc-1 .contact:hover{ color:#fff; background:#0059a9; }
.data-simple-pc-1 .contact:hover::before{ background-image:url(../images/icon_contact_h.png); }

/**Galley**/
.data-list-pc-3{}
.data-list-pc-3 .Menu{ font-size:0; line-height:0; text-align:center; padding:45px 0 70px; }
.data-list-pc-3 .Menu .wid{ display:inline-block; vertical-align:middle; margin:0 40px; max-width:240px; color:#333333; }
.data-list-pc-3 .Menu .img{ display:inline-block; position:relative; border-radius:50%; background:transparent; }
.data-list-pc-3 .Menu .img img{ display:block; opacity:1; }
.data-list-pc-3 .Menu .img .i_h{ opacity:0; position:absolute; left:0; top:0; }
.data-list-pc-3 .Menu .txt{ font-size:16px; line-height:24px; }
.data-list-pc-3 .Menu .wid.on,
.data-list-pc-3 .Menu .wid:hover{ color:#0059a9; }
.data-list-pc-3 .Menu .wid.on .img,
.data-list-pc-3 .Menu .wid:hover .img{ background:#f3f3f3; }
.data-list-pc-3 .Menu .wid.on .img .i,
.data-list-pc-3 .Menu .wid:hover .img .i{ opacity:0; }
.data-list-pc-3 .Menu .wid.on .img .i_h,
.data-list-pc-3 .Menu .wid:hover .img .i_h{ opacity:1; }
.data-list-pc-3 .ul{ border-bottom:1px solid #efefef; }
.data-list-pc-3 .ul li{}
.data-list-pc-3 .ul .Box{ display:block; }
.data-list-pc-3 .ul .imgBox{ height:580px; border-radius:5px; position:relative; }
.data-list-pc-3 .ul .TextMore{ position:absolute; left:50%; top:50%; margin-left:-62px; margin-top:-62px; opacity:0; }
.data-list-pc-3 .ul .cont{ padding:35px 0; }
.data-list-pc-3 .ul .title{ font-size:26px; line-height:30px; color:#0059a9; font-weight:normal; position:relative; padding-right:35px; }
.data-list-pc-3 .ul .title .AutoMore{ position: absolute; right:0; top:50%; margin-top:-9px; }
.data-list-pc-3 .ul .des{ font-size:16px; line-height:22px; color:#888888; }
.data-list-pc-3 .ul .Box:hover .TextMore{ opacity:1; }
.data-list-pc-3 .ul .Box:hover .imgBox img{ opacity:.7; }

/**product**/
.data-list-pc-4{ overflow:hidden; }
.data-list-pc-4 .Menu{ font-size:0; line-height:0; padding-top:30px; border-bottom:1px solid #eeeeee; }
.data-list-pc-4 .Menu .wid{ display:inline-block; text-align:center; vertical-align:middle; margin:0; color:#333333; border-bottom:2px solid transparent; position:relative; }
.data-list-pc-4 .Menu .wid::after{ content:""; display:block; position: absolute; left:0; width:0; bottom:-2px; height:2px; background:#0059a9; transition:all .4s ease-in-out; }
.data-list-pc-4 .Menu .wid+.wid{ margin-left:100px; }
.data-list-pc-4 .Menu .img{ display:inline-block; position:relative; border-radius:50%; background:transparent; margin-bottom:-10px; }
.data-list-pc-4 .Menu .img img{ display:block; opacity:1; }
.data-list-pc-4 .Menu .img .i_h{ opacity:0; position:absolute; left:0; top:0; }
.data-list-pc-4 .Menu .txt{ font-size:16px; line-height:24px; margin-bottom:12px; }
.data-list-pc-4 .Menu .wid.on::after,
.data-list-pc-4 .Menu .wid:hover::after{ width:100%; }
.data-list-pc-4 .Menu .wid.on,
.data-list-pc-4 .Menu .wid:hover{ color:#0059a9; }
.data-list-pc-4 .Menu .wid.on .img .i,
.data-list-pc-4 .Menu .wid:hover .img .i{ opacity:0; }
.data-list-pc-4 .Menu .wid.on .img .i_h,
.data-list-pc-4 .Menu .wid:hover .img .i_h{ opacity:1; }
.data-list-pc-4 .ABox{ margin:0 -9px; padding:30px 0; }
.data-list-pc-4 .ABox a{ display:inline-block; font-size:14px; line-height:30px; color:#666666; margin:3px 9px; padding:0 15px; border-radius:15px; background:transparent; transition:all .4s ease-in-out; }
.data-list-pc-4 .ABox a.on{ color:#0059a9; background:#f1f4f3; }
.data-list-pc-4 .ABox a:hover{ background:#f1f4f3; }
.data-list-pc-4 .ul{ font-size:0; line-height:0; }
.data-list-pc-4 .ul li{ margin:5px 10px 5px 0; text-align:center; display:inline-block; vertical-align:top; width:292px; }
.data-list-pc-4 .ul li:nth-child(4n+4){ margin-right:0; }
.data-list-pc-4 .ul .Box{ display:block; color:#fff; transform:translateY(0); transition:all .4s ease-in-out; }
.data-list-pc-4 .ul .imgBox{ height: 496px; border:1px solid #eeeeee; border-bottom:0 none; }
.data-list-pc-4 .ul .imgBox img{ opacity:1; }
.data-list-pc-4 .ul .TextMore{ position:absolute; left:50%; top:50%; margin-left:-62px; margin-top:-62px; opacity:0; }
.data-list-pc-4 .ul .cont{ line-height:26px; background:rgba(15,82,75,.3); padding:16px 10px; transition:all .4s ease-in-out; }
.data-list-pc-4 .ul .title{ font-size:16px; }
.data-list-pc-4 .ul .des{ font-size:14px; }
.data-list-pc-4 .ul .Box:hover{ transform:translateY(-5px); }
.data-list-pc-4 .ul .Box:hover .TextMore{ opacity:1; }
.data-list-pc-4 .ul .Box:hover .imgBox img{ opacity:.3; }
.data-list-pc-4 .ul .Box:hover .cont{ background:rgba(15,82,75,1); }

.ProductInfo{}
.ProductInfo .h3{ font-size:18px; line-height:20px; font-weight:bold; color:#333333; padding-bottom:10px; border-bottom:1px solid #e8e8e8; }
.data-lr-pc-2{}
.data-lr-pc-2 .Box{ padding:45px 0; }
.data-lr-pc-2 .l_con{ width:50%; }
.data-lr-pc-2 .l_con img{ display:block; }
.data-lr-pc-2 .l_con .BigImg{ border:1px solid #eeeeee; display:inline-block; }
.data-lr-pc-2 .l_con .SwiperBox{ height:682px; width:102px; position:relative; }
.data-lr-pc-2 .l_con .Btns a{ position: absolute; left:0; width:100%; height:27px; background:#e8e8e8 no-repeat center; }
.data-lr-pc-2 .l_con .swiper-container{ margin-top:45px; height: 595px; }
.data-lr-pc-2 .l_con .SwiperBox .prev{ top:0; background-image:url(../images/jt2_1.png); }
.data-lr-pc-2 .l_con .SwiperBox .next{ bottom:0; background-image:url(../images/jt2_2.png); }
.data-lr-pc-2 .l_con .swiper-slide{ border:1px solid #eee; height:145px; cursor:pointer; }
.data-lr-pc-2 .l_con .imgBox{ height:143px; }
.data-lr-pc-2 .l_con .imgBox::after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,89,169,.15); opacity:0; }
.data-lr-pc-2 .l_con .on .imgBox::after{ opacity:1; }
.data-lr-pc-2 .r_con{ width:525px; }
.data-lr-pc-2 .r_con .h1{ font-size:36px; line-height:40px; color:#333333; font-weight:normal; padding:12px 0 30px; }
.data-lr-pc-2 .r_con .cont{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; font-size:14px; padding:30px 0; }
.data-lr-pc-2 .r_con table{ max-width:100%; border:0 none; }
.data-lr-pc-2 .r_con table td{ padding:7px 0; }
.data-lr-pc-2 .r_con .tit{ color:#666666; }
.data-lr-pc-2 .r_con .con{ color:#999999; padding-left:15px; }
.data-lr-pc-2 .r_con .shares{ font-size:0; line-height:0; padding:48px 0 60px; }
.data-lr-pc-2 .r_con .shares .icon{ display:inline-block; height:25px; width:25px; border-radius:50%; background:no-repeat center; transition:all .3s; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.data-lr-pc-2 .r_con .shares .icon:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.data-lr-pc-2 .r_con .shares .icon+.icon{ margin-left:7px; }
.data-lr-pc-2 .r_con .shares .youtube{ background-image:url(../images/icon_share1_1.png); }
.data-lr-pc-2 .r_con .shares .googleplus{ background-image:url(../images/icon_share1_2.png); }
.data-lr-pc-2 .r_con .shares .in{ background-image:url(../images/icon_share1_3.png); }
.data-lr-pc-2 .r_con .shares .facebook{ background-image:url(../images/icon_share1_4.png); }
.data-lr-pc-2 .r_con .contact{ display:inline-block; vertical-align:top; background:#0059a9; color:#fff; font-size:14px; line-height:40px; border-radius:20px; transition:all .3s; padding:0 20px; }
.data-lr-pc-2 .r_con .contact::before{ content:""; margin-right:7px;display:inline-block; vertical-align:middle; height:20px; width:20px; background:url(../images/icon_contact_h.png) no-repeat center; position:relative; top:-2px; }
.data-lr-pc-2 .r_con .contact:hover{ background:#146b62; }

.data-simple-pc-2{ background:#f8f8f8; padding:35px 0; }
.data-simple-pc-2 .cont{ padding:50px 0 85px; font-size:16px; color:#666666; line-height:22px; }
.ProductInfo .data-list-pc-4{ padding-top:42px; }
.ProductInfo .data-list-pc-4 .swiper-container{ padding-top:15px; padding-bottom:65px; }
.ProductInfo .data-list-pc-4 .point{ font-size:0; padding-right:17px; }
.ProductInfo .data-list-pc-4 .point span{ display:inline-block; background:#cccccc; opacity:1; margin:0 3px; }
.ProductInfo .data-list-pc-4 .point span.swiper-pagination-bullet-active{ background:#0059a9; }

/**关于我们**/
.data-list-pc-5{}
.data-list-pc-5 .ul{ padding:30px 0 155px; }
.data-list-pc-5 .li{ padding:35px 0; }
.data-list-pc-5 .li:nth-child(even) .imgBox,
.data-list-pc-5 .li:nth-child(odd) .contBox{ float:right; }
.data-list-pc-5 .li:nth-child(odd) .imgBox,
.data-list-pc-5 .li:nth-child(even) .contBox{ float:left; }
.data-list-pc-5 .imgBox{ width:600px; height:425px; display:inline-block; border-radius:5px; position:relative; }
.data-list-pc-5 .VideoPlay{ display:block; position:absolute; text-align:center; left:50%; width:250px; margin-left:-125px; top:50%; margin-top:-56px; color:#fff; }
.data-list-pc-5 .VideoPlay .icon{ display:block; margin:0 auto 14px; height:72px; width:72px; background:url(../images/icon_play.png) no-repeat center; }
.data-list-pc-5 .VideoPlay .txt{ font-size:20px; line-height:26px; text-transform:uppercase; }
.data-list-pc-5 .contBox{ display:inline-block; width:545px; }
.data-list-pc-5 .h3{ font-weight:normal; font-size:50px; line-height:56px; color:#0059a9; border-bottom:1px solid #eeeeee; padding:16px 0 24px; margin-bottom:28px; }
.data-list-pc-5 .word{ font-size:16px; color:#666666; line-height:26px; }

/**联系我们**/
.data-contactform-pc-1{ padding:65px 0 60px; }
.data-contactform-pc-1 .l_con{ width:565px; }
.data-contactform-pc-1 .r_con{ width:560px; }
.data-contactform-pc-1 .h3{ font-size:24px; line-height:26px; color:#222222; font-weight:normal; padding-bottom:15px; margin-bottom:8px; }
.data-contactform-pc-1 .l_con .contact{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:32px 0 42px; }
.data-contactform-pc-1 .l_con .contact .p{ line-height:22px; padding:10px 0 10px 40px; position:relative; }
.data-contactform-pc-1 .l_con .contact .p::before{ content:""; position: absolute; left:0; height:22px; width:21px; background:no-repeat center; }
.data-contactform-pc-1 .l_con .contact .tel::before{ background-image:url(../images/icon_contact1.png); }
.data-contactform-pc-1 .l_con .contact .phone::before{ background-image:url(../images/icon_contact2.png); }
.data-contactform-pc-1 .l_con .contact .fex::before{ background-image:url(../images/icon_contact3.png); }
.data-contactform-pc-1 .l_con .contact .mail::before{ background-image:url(../images/icon_contact4.png); }
.data-contactform-pc-1 .l_con .contact .address::before{ background-image:url(../images/icon_contact5.png); }
.data-contactform-pc-1 .l_con .contact .tit{ display:block; font-size:18px; color:#333333; margin-bottom:3px; }
.data-contactform-pc-1 .l_con .contact .word{ font-size:15px; color:#888888; }
.data-contactform-pc-1 .r_con .form{ display:block; width:100%; margin:0 -5px; font-size:0; }
.data-contactform-pc-1 .r_con .form .label{ display:inline-block; vertical-align:top; padding:5px; }
.data-contactform-pc-1 .r_con .form .tip{ color:#fe1212; margin-right:5px; }
.data-contactform-pc-1 .r_con .form .tit{ font-size:14px; line-height:24px; color:#999999; margin-bottom:2px; }
.data-contactform-pc-1 .r_con .form .input{ display:block; width:100%; border:1px solid #eeeeee; padding:0 15px; line-height:58px; color:#333; background-color:#f8f8f8; }
.data-contactform-pc-1 .r_con .form textarea.input{ padding:8px 15px; line-height:20px; height:192px; }
.data-contactform-pc-1 .r_con .form .submit{ display:inline-block; margin-top:13px; line-height:41px; height:44px; color:#fff; background:#0059a9; border-radius:22px; padding:0 25px; cursor:pointer; }
.data-contactform-pc-1 .r_con .form .submit:hover{ background:#146b62; transition:all .3s; }

/**地图**/
.data-map-pc-1{ height:463px; background:url(../images/contact/map.jpg) no-repeat center; }

/**新闻**/
.Newslist .data-list-pc-2{ padding-bottom:0; }
.Newslist .data-list-pc-2 .ul{ margin-top:17px; margin-bottom:-28px; }
.Newslist .data-list-pc-2 .ul li{ padding:28px 10px; }

.data-info-pc-1{ padding:75px 0 100px; }
.data-info-pc-1 .h1{ font-size:30px; line-height:36px; color:#0059a9; text-align:center; padding:0 15px; }
.data-info-pc-1 .time{ display:block; text-align:center; font-size:16px; line-height:24px; color:#0059a9; margin:10px 0 35px; }
.data-info-pc-1 .content{ border-top:1px solid #eeeeee; font-size:16px; line-height:26px; color:#666666; padding:35px 0 90px; }
.PNLinks{}
.PNLinks p{ position:relative; font-size:16px; line-height:48px; color:#999999; padding-left:72px; border-top:1px dashed #eeeeee; }
.PNLinks .tit{ display:block; position: absolute; left:0; }
.PNLinks a{ display:inline-block; color:#0059a9; }
.PNLinks a:hover{ color:#0c8a7d; }


.ewm { width:80px; float:left; margin-right:10px; margin-top:-10px;}
.ewm img { width:100%; height:auto; float:left;}
.ewm  p { float:left; width:100%; line-height:30px; font-size:14px; text-align:center;}