@charset "UTF-8";
header { position: relative; z-index: 2; padding-top: 40px; }
  header .head { height: 194px; position: relative; z-index: 2; }
  header .head .fl { position: absolute; left: 15px; top: 26px; display: none; }
  header .head .fl p { font-family: "思源黑体 CN"; font-weight: lighter; color: #222; font-size: 22px; line-height: 30px; }
  header .head .fl p span { color: #c53039; }
  header .head .fl em { font-style: normal; display: block; font-family: arial; font-size: 8px; color: #CCC; text-transform: uppercase; line-height: 12px; margin-top: 5px; }
  header .head .fr { position: absolute; right: 15px; top: 30px; }
  header .head .fr .tel_icon { float: right; background: url(../images/icon.png) no-repeat 0 0;  width: 30px; height: 30px; }
  header .head .fr .tel_text { float: right; padding-left: 10px; font-size: 24px; color: #222; font-weight: bold; font-family: "思源黑体 CN"; line-height: 30px; }
  
  header .logo { position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
  header .logo img { display: block; width: auto; height: 100%; }

  header nav { position: absolute; left: 50%; margin-left: -600px; display: none; width: 1200px; top: 128px; border-top: 1px solid #e5e5e5; }
  header nav li { float: left; line-height: 64px; width: 11.11%; position: relative; }
  header nav li a { display: block; text-align: center; color: #666; font-size: 14px; position: relative; }
  header nav li a:after { position: absolute; right: 0; top: 29px; content: ""; background: url(../images/icon.png) no-repeat -125px -5px; width: 6px; height: 6px;} 
  header nav li:last-child a:after { display: none; }
  header nav li ul { position: absolute; padding: 5px 0;  -webkit-transition: all .3s; transition: all .3s; left: 0; width: 100%; top: 64px; visibility: hidden; opacity: 0; background: #FFF; }
  header nav li ul li { width: 100%; line-height: 36px; }
  header nav li ul li a { display: block; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; padding: 0 10px; }
  header nav li ul li a:after { display: none; }
  header nav li:hover a { color: #c53039;}
	header nav li:hover ul { visibility: visible; opacity: 1; top: 60px; }
  header nav li:hover ul a { -webkit-transition: all .3s; transition: all .3s; color: #333; }
  header nav li:hover ul a:hover { background-color: #ebeceb; }
  header nav li:hover ul a:hover:after { display: none; }
  
  header nav.active { display: block; top: 100%; position: absolute; box-sizing: border-box; width: auto; left: 0; right: 0; background: #1e2124; margin-top: 0; margin-left: 0; border-top: 0; height: auto; padding: 10px 0; -webkit-transform: translateX(0); transform: translateX(0); }
  header nav.active ul { overflow: hidden; }
  header nav.active ul li { width: 100%; float: none; width: 100%; text-align: center; }
  header nav.active ul li a { display: block; color: #fff; line-height: 46px; font-size: 16px; }
  header nav.active ul li a:before ,   header nav.active ul li a:after { display: none; }
  header nav.active ul li a:hover { background: transparent; color: #068043; font-weight: bold; }
  header nav.active ul li.active a { color: #068043; font-weight: bold; }
  header nav.active ul ul { display: none; }
  
  header .menu { width: 86px; padding-left: 14px; background-color: transparent; height: 30px; line-height: 30px; right: 15px;
top: 30px; cursor: pointer; bottom: auto; position: absolute; }
  header .menu .menu_text { color: #333; text-transform: uppercase; font-weight: 700; display: inline-block; font-family: "微软雅黑"; }
  header .menu .menu_icon { left: auto; right: 1em;  display: inline-block; position: absolute; top: 50%; bottom: auto; width: 18px; height: 2px; background-color: #333; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; list-style: none; }
  header .menu .menu_icon::before, header .menu .menu_icon:after { position: absolute; width: 100%; content: ''; height: 100%; background-color: #333; right: 0;
        -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
        -webkit-transition: top .3s, background-color 0s, -webkit-transform .3s;
        transition: top .3s, background-color 0s, -webkit-transform .3s;
        transition: transform .3s, top .3s, background-color 0s;
        transition: transform .3s, top .3s, background-color 0s, -webkit-transform .3s; }
  header .menu .menu_icon::before { top: -5px; }
  header .menu .menu_icon:after { top: 5px; }
  header .menu .menu_icon.on { background-color: transparent; }
  header .menu .menu_icon.on::before, header .menu .menu_icon.on:after { background-color: #333; }
  header .menu .menu_icon.on::before { top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  header .menu .menu_icon.on:after { top: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); }


/* banner */
.banner { position: relative; }
  .banner .item { height: 740px; overflow: hidden; display: block; background-size: auto 100% !important; }
  .banner .owl-dots { position: absolute; bottom: 60px; left: 0; right: 0; text-align: center; }
  .banner .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.5); margin: 0 5px; border-radius: 50%; cursor: pointer; outline: none; }
  .banner .owl-dots .owl-dot.active { background-color: #c53039; }


/* search */
.search { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; padding: 0 34px; box-sizing: border-box; width: 1200px; height: 50px;}
.search_middle { width: 100%; background: #FFF; height: 50px;}
.search:before , .search:after { position: absolute; left: 0; top: 0; content: ""; width: 0; height: 0; border-right: 17px solid #FFF; border-bottom: 25px solid #FFF; border-top: 25px solid transparent; border-left: 17px solid transparent;}
.search:after { left: auto; right: 0; border-left: 17px solid #FFF; border-bottom: 25px solid #FFF; border-top: 25px solid transparent; border-right: 17px solid transparent;}
.search .fl { font-size: 12px; color: #999; font-family: "思源黑体 CN"; line-height: 50px; height: 50px; overflow: hidden; }
.search .fl b { color: #505050; font-size: 14px; }
.search .fr form { width: 260px; height: 30px; padding: 10px 0;}
.search .fr form input[type=text] { width: 220px; height: 30px; border: 0; background: transparent; float: left; color: #aaa; line-height: 30px; font-size: 14px; }
.search .fr form input[type=submit] { float: right; border: 0; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat -30px 0px; cursor: pointer; }
.search .fr form input[type=text]::placeholder { color: #aaa;}


/* number */
.number { background: #0037b5; position: relative; }
.number .center { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.number_list { color: #FFF; text-align: center; position: relative; float: left; width: 25%; box-sizing: border-box; padding: 50px 25px;}
.number_list:after { position: absolute; right: 0; top: 50%; content: ""; width: 1px; height: 46px; background: #4069c8; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.number_list:last-child:after { display: none;}
.number_list h3 { font-size: 55px; line-height: 60px; font-weight: bold; font-family: "思源黑体 CN"; position: relative;}
.number_list h3 span {}
.number_list h3 small { position: absolute; font-size: 14px; top: -20px; }
.number_list p { font-size: 16px; font-weight: bold; font-family: "思源黑体 CN";}



/* 产品 */
.probox { background: #f6f6f6; }
.probox .center { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.probox_nav {box-sizing: border-box; padding: 15px; position: relative;}
.probox_nav:after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ""; background: #FFF; }
.probox_nav h3 { background: #0037b5; line-height: 80px; text-align: center; font-family: "思源黑体 CN"; color: #FFF; font-size: 24px; font-weight: bold; position: relative; z-index: 9;}
.probox_nav_list { position: relative; z-index: 9; padding: 20px;}
.probox_nav_list li {}
.probox_nav_list li a { display: block; line-height: 60px; font-size: 14px; color: #333; padding-left: 45px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.probox_nav_list li a:after { content: ""; position: absolute; left: 20px; top: 50%; width: 0; height: 0; border: 3px solid transparent; border-left: 3px solid #c5c5c5; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.probox_nav_list li a:hover { color: #c32831; }
.probox_nav_list li a:hover:after {border-left: 3px solid #c32831;}
.probox_bigpic { box-sizing: border-box; padding: 15px; }
.probox_bigpic a { display: block; overflow: hidden; }
.probox_bigpic a img , .probox_pic a p img , .youshi_pic img , .customer_list li a img , .about_list li a img , .news_pic a img { display: block; width: 100%; height: auto; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }
.probox_bigpic a:hover img , .probox_pic a:hover p img , .youshi_pic:hover img , .customer_list li a:hover img , .about_list li a:hover img , .news_pic a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.probox_pic {padding: 15px; box-sizing: border-box; }
.probox_pic a { display: block; background: #FFF; overflow: hidden; text-align: center; }
.probox_pic a p { overflow: hidden; }
.probox_text { padding: 20px 24px 28px; }
.probox_pic a h3 { font-weight: normal; font-size: 16px; font-family: "思源黑体 CN"; color: #666; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.probox_pic a span { font-size: 12px; line-height: 24px; color: #999; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.probox_pic a:hover h3 { color: #0037b5;}
.probox_click { text-align: center; margin-top: 60px; }
.probox_click a { display: inline-block; width: 206px; height: 50px; border-radius: 25px; background: #0037b5; font-size: 16px; line-height: 50px; color: #FFF; font-weight: bold; font-family: "思源黑体 CN"; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }
.probox_click a.click_online { background: #c53039; margin-left: 34px; }
.probox_click a:hover { opacity: 0.9;}



/* youshi */
.youshi { position: relative; }
.youshi:after { content: ""; position: absolute; top: 20%; right: 0; bottom: 0; left: 50%; margin-left: -20%; background: #f6f6f6; }
.youshi .center { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.youshi_nav { float: left; width: 30%; }
.youshi_nav h3 { font-family: "微软雅黑"; font-size: 22px; color: #333; font-weight: bold; line-height: 32px; }
.youshi_nav h3 b {display: block; text-transform: uppercase; font-size: 44px; line-height: 50px; margin-bottom: 10px; }
.youshi_nav h3 span { color: #0037b5; }
.youshi_nav .line { background: #c53039; width: 100%; max-width: 240px; height: 3px; position: relative; margin-top: 78px; margin-bottom: 34px; }
.youshi_nav .line:after { position: absolute; left: 0; top: 0; width: 30%; height: 3px; content: ""; background: #0037b5; }

.youshi_list { max-width: 240px; }
.youshi_list li { padding-bottom: 40px; border-bottom: 3px solid #e5eaed; margin-bottom: 34px; position: relative; cursor: pointer; }
.youshi_list li:after { position: absolute; left: 0; bottom: -3px; width: 30%; height: 3px; content: ""; background: #0037b5; }
.youshi_list li span { display: block; font-size: 14px; line-height: 20px; color: #333; font-family: arial; font-weight: bold; }
.youshi_list li h3 { line-height: 24px; font-size: 18px; color: #333; font-weight: bold; position: relative; font-family: "微软雅黑"; }
.youshi_list li h3:after {content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #e5eaed; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.youshi_list li:hover , .youshi_list li.hover {}
.youshi_list li:hover span , .youshi_list li.hover span , .youshi_list li:hover h3 , .youshi_list li.hover h3 { color: #0037b5;}
.youshi_list li:hover h3:after , .youshi_list li.hover h3:after { border-left: 4px solid #0037b5; }
.youshi_list li:last-child { margin-bottom: 0; }

.youshi_right { float: right; width: 70%; box-sizing: border-box; padding-left: 60px; position: relative; z-index: 9;}
.youshi_tab { display: none; }
.youshi_pic { overflow: hidden; }
.youshi_text { padding-left: 28%; position: relative; padding-top: 50px; }
.youshi_text h3 { position: absolute; left: 0; top: 50px; font-size: 22px; font-family: "微软雅黑"; color: #333; line-height: 30px; }
.youshi_text p { font-size: 14px; line-height: 26px; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: "微软雅黑"; padding-top: 25px; border-top: 1px solid #c1c1c1; }
.prev_next { position: absolute; bottom: 45px; left: 60px; width: 80px; height: 30px; }
.prev_next span { display: block; width: 30px; height: 30px; float: left; background: url(../images/icon.png) no-repeat -60px 0;  cursor: pointer; }
.prev_next span.next { background: url(../images/icon.png) no-repeat -90px 0; margin-left: 20px; }



/* customer */
.title { color: #121210; font-size: 38px; font-family: "思源黑体 CN"; line-height: 46px; font-weight: bold; text-align: center; }
.title span { color: #0037b5; }
.customer_list { margin-top: 40px; }
.customer_list li { padding: 15px; }
.customer_list li a { display: block; position: relative; overflow: hidden; }
.customer_list li a p { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: rgba(7,7,7,.7); z-index: 9; font-size: 14px; text-align: center; line-height: 50px; color: #FFF; font-family: "思源黑体 CN"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; padding: 0 10px; }



/* about_news */
.about_news { background: #f6f6f6 url(../images/about_bg.jpg) no-repeat center top; }
.about_title { text-align: center; color: #FFF; font-size: 40px; font-weight: bold; line-height: 64px; font-family: "思源黑体 CN";}
.about_title span { display: block; text-transform: uppercase; line-height: 50px;}
.about_text { font-size: 14px; color: #FFF; text-align: center; line-height: 30px; width: 80%; margin: 0 auto; padding-top: 46px; height: 150px; overflow: hidden;}
.about_list {}
.about_list li {}
.about_list li a { display: block; overflow: hidden; }
.about_list .owl-dots { display: none;}


.news { background: #FFF; padding-top: 70px; }
.news_title { border-bottom: 1px solid #d2d4d6; box-sizing: border-box; overflow: hidden; padding: 0 48px 20px 60px; height: 51px; }
.news_title h3 { float: left; font-size: 22px; color: #3a3d41; font-weight: bold; font-family: "思源黑体 CN"; line-height: 30px; }
.news_title h3 span { font-size: 32px; padding-right: 8px; }
.news_moreClick { float: right; margin-top: 5px;}
.news_moreClick a { display: inline-block; font-size: 14px; color: #3a3d41; font-weight: bold; font-family: "思源黑体 CN"; line-height: 30px; margin-right: 15px; }
.news_moreClick a:last-child { margin-right: 0; }
.news_moreClick a:hover , .news_moreClick a.hover { color: #c53039; position: relative; }
.news_moreClick a:hover:after , .news_moreClick a.hover:after { position: absolute; content: ""; left: 0; bottom: -15px; width: 100%; height: 1px; background: #c53039;}

.newsBox { box-sizing: border-box; padding: 45px 60px 70px 50px; }
.newsBox .fl , .newsBox .fr { width: 50%; box-sizing: border-box; }
.newsBox .fl { padding-right: 60px; }
.news_pic { margin-bottom: 25px; }
.news_pic a { display: block; overflow: hidden; }
.news_pic a img { max-height: 110px; }
.news_dl {}
.news_dl dl { padding-right: 30%; box-sizing: border-box; position: relative;  font-family: "微软雅黑"; padding-bottom: 23px; border-bottom: 1px solid #ebeef0; margin-bottom: 22px; }
.news_dl dl dt { margin-bottom: 6px; }
.news_dl dl dt a { display: block; position: relative; font-size: 16px; font-weight: bold; color: #333; line-height: 30px; padding-left: 18px; font-family: "思源黑体 CN"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_dl dl dd.wz { font-size: 12px; color: #666; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news_dl dl dd.sj { font-size: 14px; color: #999; font-family: arial; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.news_dl dl:after { content: ""; position: absolute; right: 25%; top: 0; bottom: 22px;  width: 1px; background: #ebeef0; }
.news_dl dl dt a:after { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 2px; background: #333; margin-top: -1px; }
.news_dl dl dt a:hover { color: #0037b5; }
.news_dl dl dt a:hover:after { background: #0037b5; }
.news_dl dl:last-child { margin-bottom: 0; border-bottom: none; }

.newsBox .fr { padding-left: 60px; border-left: 1px solid #d2d4d6;}
.news_list {}
.news_list li {}
.news_list li a { display: block; padding-left: 18px; padding-right: 50px; position: relative; line-height: 40px; font-size: 12px; color: #666; font-family: "微软雅黑"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news_list li a em {display: inline-block; font-style: normal; position: absolute; right: 0; top: 0; }
.news_list li a span { position: absolute; left: 0; top: 50%; margin-top: -1px; width: 6px; height: 2px; background: #666;}
.news_list li a:hover { color: #0037b5; }
.news_list li a:hover span { background: #0037b5;}



/* footer */
footer { background: #222; padding-top: 65px; padding-bottom: 25px; }
.shortcut_menu { padding-bottom: 25px; border-bottom: 1px solid #303030;}
.shortcut_menu .fl {}
.shortcut_menu .fl p { font-size: 14px; color: #454545; font-family: arial; font-weight: bold; text-transform: uppercase; line-height: 20px; }
.shortcut_menu .fl span { display: inline-block; position: relative; font-size: 18px; color: #FFF; line-height: 28px; }
.shortcut_menu .fl span:after { content: ""; position: absolute; right: -50px; top: 50%; margin-top: -4px; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #4d535c;}
.shortcut_menu .fr { margin-top: 20px; }
.shortcut_menu .fr a { display: inline-block; font-size: 14px; color: #FFF; line-height: 28px; padding-right: 35px; }
.shortcut_menu .fr a:last-child { padding-right: 0; }

.foot_box { padding-top: 65px; }
.foot_flClick { margin-bottom: 30px; }
.foot_flClick a { display: inline-block; font-size: 18px; color: #FFF; margin-right: 30px; }
.foot_flAddress { color: #6f6f6f; font-size: 14px; line-height: 32px; font-family: "微软雅黑"; }

.foot_box .fr {}
.foot_box .fr dl { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.foot_box .fr dt { text-align: right; padding-right: 30px;}
.foot_box .fr dt a { display: inline-block; width: 70px; height: 30px; background: #0037b5; cursor: pointer; padding-left: 40px; position: relative;color: #FFF; font-size: 12px; font-family: "微软雅黑"; line-height: 30px; text-align: left; }
.foot_box .fr dt a i { position: absolute; left: 10px; top: 0; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat -150px 0;}
.foot_box .fr dt p { font-size: 22px; font-family: arial; text-align: right; color: #FFF; line-height: 30px; margin-top: 25px; }
.foot_box .fr dt p span { display: block; font-size: 14px; line-height: 20px; letter-spacing: 3px; }
.foot_box .fr dd {max-width: 120px; }
.foot_box .fr dd img { display: block; width: 100%; height: auto; max-width: 120px; }
.foot_box .fr dd span { display: block; color: #696d73; font-family: "微软雅黑"; font-size: 14px; text-align: center; line-height: 35px; }
.copyright { font-size: 12px; line-height: 20px; color: #4d4d4d; font-family: "微软雅黑"; }
.copyright a { display: inline-block; font-size: 12px; line-height: 20px; color: #4d4d4d;}

.link { border-top: 1px solid #303030; margin-top: 40px; padding-top: 26px; }
.link p { font-size: 22px; line-height: 26px; color: #0037b5; font-weight: bold; float: left; width: 20%;}
.link_click { float: left; text-align: right; width: 80%; box-sizing: border-box; }
.link_click a { display: inline-block; font-size: 14px; color: #666; line-height: 26px; padding-left: 30px; }




/*site样式*/
.site {
  background-color: #dfd8d0;
  color: #333;
  padding: 20px 0;
  overflow: hidden;
  line-height: 32px; }
  .site h3 {
    font-size: 24px;
    color: #000; }
  .site a {
    color: #333; }

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


/*详情页样式*/
.content {
  padding: 85px 0;
  line-height: 1.8; }
  .content .Details h1 {
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #222; }
  .content .Details .detail_h1_p {
    text-align: center;
    padding-top: 11px; }
    .content .Details .detail_h1_p span {
      padding: 0 10px; }
  .content .Details .Multi {
    overflow: hidden;
    padding-bottom: 20px; }
    .content .Details .Multi .gallery-top img {
      display: block;
      width: 100%; }
    .content .Details .Multi .gallery-thumbs {
      padding-top: 10px; }
      .content .Details .Multi .gallery-thumbs img {
        display: block;
        width: 100%; }
      .content .Details .Multi .gallery-thumbs .swiper-slide {
        box-sizing: border-box;
        padding: 2px;
        float: left; }
      .content .Details .Multi .gallery-thumbs .swiper-slide-thumb-active {
        background-color: #0037b5; }
    .content .Details .Multi .Multi_fr h1 {
      font-size: 28px;
      overflow: hidden;
      text-align: left; }
    .content .Details .Multi .Multi_fr .detail_h1_p {
      text-align: left; }
    .content .Details .Multi .Multi_fr .Multi_fr_des {
      padding-top: 20px; }
  .content .Details .Details_text {
    padding: 30px 0 20px;
    border-bottom: 1px dotted #eee; }
    .content .Details .Details_text .details_tag {
      padding: 30px 0 0; }
      .content .Details .Details_text .details_tag a {
        display: inline-block;
        padding: 0 20px;
        -webkit-transform: perspective(1px) translateZ(0);
        -moz-transform: perspective(1px) translateZ(0);
        -ms-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        background-color: #f2f4f5; }
        .content .Details .Details_text .details_tag a:before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          top: 0;
          right: 0;
          z-index: -1;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          background-color: #0037b5;
          -webkit-transform: scaleX(0);
          -moz-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transform-origin: 50%;
          transform-origin: 50%; }
        .content .Details .Details_text .details_tag a:hover {
          color: #fff; }
          .content .Details .Details_text .details_tag a:hover:before {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1); }
    .content .Details .Details_text h3 {
      margin-bottom: 20px;
      color: #000;
      line-height: 2.2;
      border-bottom: 2px solid #0037b5;
      width: 70px; }
  .content .Details .Details_Relevant h3 {
    font-size: 18px;
    color: #000;
    padding: 30px 0 20px; }
  .content .Details .Details_Relevant .productslist a {
    display: block;
    border: 1px solid transparent;
    overflow: hidden; }
    .content .Details .Details_Relevant .productslist a img {
      display: block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%; }
    .content .Details .Details_Relevant .productslist a p {
      white-space: nowrap;
      background-color: #fff;
      position: relative;
      z-index: 2;
      width: 100%;
      line-height: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center; }
    .content .Details .Details_Relevant .productslist a:hover {
      border: 1px solid #eee;
      text-decoration: none; }
      .content .Details .Details_Relevant .productslist a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }

/*新闻列表样式*/
.newslist {
  overflow: hidden; }
  .newslist a {
    display: block;
    padding-left: 85px;
    position: relative; }
    .newslist a:hover {
      text-decoration: none; }
  .newslist .newtime {
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
    color: #bdbdbd; }
    .newslist .newtime b {
      font-size: 24px;
      color: #222;
      font-family: HELVETICANEUELTPRO-THEX, Arial;
      line-height: 1.1;
      font-weight: normal;
      display: block; }
  .newslist .newtext b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    font-weight: normal;
    display: block; }
  .newslist .newtext p {
    overflow: hidden;
    margin-top: 18px;
    height: 46px;
    color: #999; }

/*page页码样式*/
.page {
  text-align: center;
  clear: both;
  padding-top: 30px; }
  .page .pagination {
    text-align: center; }
    .page .pagination a {
      text-decoration: none;
      color: #a6a6a6;
      font-size: 16px;
      line-height: 40px;
      padding: 0 15px;
      text-align: center;
      display: inline-block;
      border: 0 !important;
      background-color: #f2f4f5;
      height: 40px;
      float: none; }
    .page .pagination p {
      display: inline-block;
      float: none; }
  .page .pagination p, .page .pagination a[title="首页"], .page .pagination a[title="尾页"] {
    display: none; }
  .page .pagination a.cur {
    background-color: #0037b5; }
  .page .pagination a:hover {
    color: #0037b5;
    background-color: #f9f9f9; }
  .page .pagination a[title="上一页"], .page .pagination a[title="下一页"] {
    text-indent: -200000em;
    position: relative; }
  .page .pagination a[title="上一页"]:after {
    content: "<";
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    font: normal normal normal 20px/40px FontAwesome; }
  .page .pagination a[title="下一页"]:after {
    content: ">";
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    font: normal normal normal 20px/40px FontAwesome; }

/*列表页样式*/
.List aside {
  overflow: hidden; }
  .List aside h3 {
    font-size: 18px;
    border-bottom: 1px solid #e8e8e9;
    line-height: 36px;
    color: #000; }
    .List aside h3 a {
      float: right;
      font-size: 14px;
      font-weight: normal;
      color: #999; }
      .List aside h3 a:hover {
        color: #0037b5; }
  .List aside .Product_Category {
    padding-bottom: 20px; }
    .List aside .Product_Category ul {
      padding: 10px 0; }
      .List aside .Product_Category ul li a {
        display: block;
        border-bottom: 1px solid #e8e8e9;
        padding-left: 20px;
        position: relative;
        line-height: 3; }
        .List aside .Product_Category ul li a:before {
          content: '';
          position: absolute;
          width: 8px;
          height: 8px;
          left: 0;
          top: 50%;
          margin-top: -5px;
          border: 1px solid #ddd;
          border-radius: 50%; }
          .List aside .Product_Category ul li a:hover { color: #0037b5; }
        .List aside .Product_Category ul li a:hover:before {
          border-color: #0037b5; }
  .List aside .contact_text {
    padding: 10px 0;
    line-height: 1.8; }
.List .products {
  padding-left: 30px; }
  .List .products .qebang-row {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .List .products .products_li {
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    float: none; }
    .List .products .products_li a {
      display: block;
      overflow: hidden;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      .List .products .products_li a img {
        width: 100%;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s; }
      .List .products .products_li a p {
        background-color: #fff;
        text-align: center;
        line-height: 3.2;
        position: relative;
        z-index: 2; }
      .List .products .products_li a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
    .List .products .products_li:hover {
      box-shadow: 0 0 20px #eee; }
.List .AriticleList {
  padding-left: 30px; }
  .List .AriticleList .newslist {
    border: 1px solid #eee;
    margin-bottom: 15px; }
    .List .AriticleList .newslist a {
      display: block;
      padding: 20px 25px;
      color: #555; }
      .List .AriticleList .newslist a:hover b {
        color: #0037b5; }
      .List .AriticleList .newslist a b {
        color: #191919;
        font-size: 18px;
        font-weight: 400;
        display: block;
        margin-bottom: 10px; }
      .List .AriticleList .newslist a p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
  .List .AriticleList .newsztyw {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }
    .List .AriticleList .newsztyw a {
      display: block; }
      .List .AriticleList .newsztyw a img {
        display: block;
        float: left;
        width: 160px;
        margin-right: 15px; }
      .List .AriticleList .newsztyw a b {
        font-weight: 16px;
        color: #222;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block; }
      .List .AriticleList .newsztyw a p {
        overflow: hidden;
        display: block;
        height: 42px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #666;
        line-height: 1.6;
        padding-top: 10px; }
      .List .AriticleList .newsztyw a:hover {
        text-decoration: none; }
    .List .AriticleList .newsztyw:hover {
      background-color: #f6f6f6; }
      .List .AriticleList .newsztyw:hover span {
        color: #0037b5; }
    .List .AriticleList .newsztyw span {
      color: #000;
      display: inline-block;
      margin-top: 5px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }

#map {
  width: 100%;
  height: 300px; margin-top: 20px; }

.mapform {
  margin-bottom: 50px; }
  .mapform .mapformtit {
    text-align: center;
    padding-bottom: 20px; }
    .mapform .mapformtit h3 {
      font-size: 24px; }
    .mapform .mapformtit p {
      color: #999;
      text-transform: uppercase; }
  .mapform input[type=text], .mapform textarea {
    border: 1px solid #eee;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    font-family: "微软雅黑";
    outline: none;
    height: 46px;
    line-height: 46px; }
    .mapform input[type=text]:focus, .mapform textarea:focus {
      border-color: #0037b5; }
  .mapform textarea {
    height: 150px; }
  .mapform input[type=submit] {
    line-height: 42px;
    width: 96%;
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 0;
    background-color: #0037b5;
    color: #fff;
    border-radius: 23px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }
    .mapform input[type=submit]:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }

.mapcontact {
  margin-bottom: 40px; }


.website_map {}
.website_map > li { padding-bottom: 20px; }
.website_map > li > a { font-size: 24px; display: block; line-height: 36px; }
.website_map > li ul { overflow: hidden; padding-top: 10px; }
.website_map > li ul li { float: left; }
.website_map > li ul li a { display: block; padding-right: 30px; font-size: 18px; line-height: 30px; }
.website_map li a:hover { color: #0037b5;}

.Details_text img { max-width: 100%; height: auto; display: inline-block; }

.List .AriticleList .newslist a { position: relative; }
.List .AriticleList .newslist a span { position: absolute; top: 20px; right: 25px; color: #999; line-height: 32px; display: block; font-size: 14px; }

.Details_videoBox { width: 100%; height: 500px; border: 1px solid #DDD; box-sizing: border-box; }