@font-face {font-family:'helvet';src: url('http://lyoxzc.com/template/default/css/fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;box-sizing:border-box}
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体";font-size:14px;transition:all 0.3s}
a:hover {text-decoration:none}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:14px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
html, body {font:14px Arial,"Microsoft YaHei";color:#666;width:100%;height:100%;background:#fff;transition:all 0.3s}
.fw {margin:0 auto;width:1400px;}

.head {width:100%;height:81px;position:fixed;left:0;top:0;z-index:996}
.head .logo.mrg {margin-left:160px}
.head .logo img {margin-top:18px}

.headnav {float:left}
.headnav li {float:left;position:relative}
.headnav li>a {display:inline-block;color:#fff;font-size:16px;line-height:81px; padding:0 18px}
.headnav li>a.cur, .headnav li>a:hover {font-weight:bold}
.headnav li dl {position:absolute;top:91px;background:#2467c8;width:270px; z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.headnav li dl dd {float:left;width:100%;padding:0 10px}
.headnav li dl dd a {display:block;font-size:14px;color: #fff; height:38px; line-height:38px;border-bottom:1px solid rgba(255,255,255,0.1);transition: all 0.3s; padding:0 5px; white-space:normal; overflow:hidden;}
.headnav li.cur dl dd a {color:#333}
.headnav li dl dd a:before {display:none}
.headnav li dl dd a:hover {color:#fff;padding-left: 15px}
.headnav li:hover dl {visibility:visible;top:81px;opacity:1}

.search-top {display:block;height:81px;line-height:81px;position:relative;width:45px;margin-left:20px;color:#fff}
.search-top a {color:#fff}
.search-top a:hover {color:#0087d1}
.search-top i {line-height:81px;font-size:19px}
.search-top .form1 {position:absolute;right:0;top:81px;background:#ccc;width:280px;padding:3px;display:none}
.search-top .form1 .text1 {width:210px;height:41px;line-height:41px;padding:0 5px;background:#fff;float:left;color:#333}
.search-top .form1 .btn1 {width:60px;height:41px;text-align:center;line-height:41px;background:#0087d1;float:right;color:#fff}
.lang {width:85px;text-align:center;height:81px;line-height:81px;color:#fff}
.lang a {padding:0 10px;color:#fff;font-size:16px;line-height:81px}
.lang a:hover {color:#0087d1}
.head .eath {width:30px;height:30px;background:url(../image/icon.png) no-repeat;background-position:0 0;margin-top:30px}

.small_head {background:#0087d1;z-index:99999}
.small_head .search-top a:hover, .small_head .lang a:hover {color:#000}


.phone_search {width:100%;background:#d7003f;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../image/loading.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#d7003f;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {display:block;width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:60px}

.in_topleft_slide {position:absolute;top:0;left:0;width:400px;height:950px;background:rgba(0,135,209,0.8);padding-left:75px;padding-top:230px;z-index:999;transition:all 0.6s}
.in_topleft_slide h2 {font-size:70px;color:#fff;line-height:94px;font-weight:300}
.in_topleft_slide .con {display:block;width:170px;height:50px;border:2px solid #fff;text-align:center;line-height:46px;color:#fff;margin-top:127px}
.in_topleft_slide .con:hover {background:#fff;color:rgba(0,135,209,1)}
.in_topleft_slide .close {position:absolute;width:30px;height:30px;color:#fff;right:35px;top:35px;opacity:1}
.in_topleft_slide .close:before {content:'';position:absolute;width:30px;height:2px;background:#fff;transform:rotate(45deg);left:0;top:0;transition:all 0.3s}
.in_topleft_slide .close:after {content:'';position:absolute;width:30px;height:2px;background:#fff;transform:rotate(-45deg);left:0;top:0;transition:all 0.3s}
.in_topleft_slide .close:hover:before {transform:rotate(30deg);left:0;top:0}
.in_topleft_slide .close:hover:after {transform:rotate(-30deg);left:0;top:0}

.in_topleft_slide.hidde {left:-400px;opacity:0; visibility:hidden}

.more-in {display:block;width:170px;height:51px;line-height:49px;text-align:center;color:#fff;background:#0087d1;border:1px solid #0087d1}
.more-in:hover {background:rgba(255,255,255,0);color:#0087d1}

.about_in {width:100%;padding:110px 0 115px}
.about_in .fw {position:relative}
.about_in .txt {width:695px}
.about_in .txt .tt {margin-bottom:40px}
.about_in .txt .tt img {display:block}
.about_in .txt .text {line-height:40px;font-size:16px;color:#848e9f;margin-bottom:100px}
.about_in .pic {width:822px;height:607px;overflow:hidden;position:absolute;right:-168px;bottom:-115px}
.about_in .pic img {display:block;width:100%}

.title-in {position:relative;color:#333;text-align:center}
.title-in h4 {font-weight:300;font-size:16px;line-height:35px;color:#0087d1; text-transform:uppercase}
.title-in h2 {font-weight:300;line-height:65px;font-size:56px;color:#333}

.qqzl_in {width:100%;height:656px;background:url(../image/qqzl_bg.jpg) no-repeat center;
padding:120px 180px 0}
.qqzl_in .title-in h4, .qqzl_in .title-in h2 {color:#fff}
.qqzl_in .list {width:100%;margin-top:180px}
.qqzl_in .list li {width:25%;text-align:center;padding:0 30px;color:#fff;float:left}
.qqzl_in .list li h2 b{font-size:85px;font-weight:500}
.qqzl_in .list li h2 span {font-size:24px; vertical-align:0px;font-weight:500;padding-left:5px}
.qqzl_in .list li p {font-size:24px;line-height:50px}

.pro_in {padding:80px 0;position:relative}
.pro_in a.next, .pro_in a.prev {position:absolute;width:59px;height:59px;text-align:center;background:#b2b2b2;top:50%;margin-top:-29px; cursor:pointer}
.pro_in a.next i, .pro_in a.prev i {line-height:59px;color:#fff;font-size:35px}
.pro_in a.next {right:0}
.pro_in a.prev {left:0}
.pro_in a.next:hover, .pro_in a.prev:hover {background:#30b6ff}
.pro_in a.more-in {margin:40px auto;background:rgba(0,135,209,0);border:1px solid rgba(0,135,209,1);color:#0087d1}
.pro_in a.more-in:hover {background:rgba(0,135,209,1);color:#fff}

.pro_in .title-in {text-align:left;margin-bottom:40px}
.pro_in .hd li {float:left;width:25%;border:1px solid #eee;cursor:pointer;height:68px;line-height:68px;text-align:center;font-size:16px;color:#333; white-space:nowrap; overflow:hidden;}
.pro_in .hd li span.icon {display:inline-block;width:42px;height:38px;margin-right:10px;background:url(../image/icon_type.png) no-repeat;vertical-align:middle;}
.pro_in .hd li.li1 span.icon {background-position:5px 0}
.pro_in .hd li.li2 span.icon {background-position:5px -103px}
.pro_in .hd li.li3 span.icon {background-position:4px -210px}
.pro_in .hd li.li4 span.icon {background-position:0 -312px}
.pro_in .hd li.on {background:#0087d1;color:#fff}
.pro_in .hd li.li1.on span.icon {background-position:5px -48px}
.pro_in .hd li.li2.on span.icon {background-position:5px -152px}
.pro_in .hd li.li3.on span.icon {background-position:4px -260px}
.pro_in .hd li.li4.on span.icon {background-position:0px -355px}
.pro_in .bd {margin-top:30px}
.pro_in .bd ul li {width:100%;background:#eee;overflow:hidden}
.pro_in .bd li .txt {width:600px;padding:25px 40px;font-size:16px;line-height:40px;color:#333}
.pro_in .bd li .txt h4.tt {font-size:24px;font-weight:500;margin-bottom:20px}
.pro_in .bd li .txt a.btn {display:block;float:left;width:140px;height:41px;line-height:39px;padding:0;border-radius:0;border:1px solid #0087d1;background:#0087d1;color:#fff;text-align:center;margin-right:40px;margin-top:50px}
.pro_in .bd li .txt a.btn:hover {background:rgba(255,255,255,0);color:#0087d1}
.pro_in .bd li .pic {width:800px}
.pro_in .bd li .pic img {display:block;width:100%}

.youshi_in {width:100%;height:479px;overflow:hidden;background:url(../image/youshi_bg.jpg) no-repeat center top;background-size:cover;padding-top:70px;background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;}
.youshi_in h2.title {text-align:center;font-weight:500;color:#fff;font-size:34px;margin-bottom:40px}
.youshi_in .list li {float:left;width:33.333333%;padding:0 30px;position:relative;height:85px;padding-left:125px;margin:25px 0}
.youshi_in .list li span.icon {position:absolute;width:85px;height:85px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);background:url(../image/icon.png) no-repeat;left:30px;top:0}
.youshi_in .list li h4 {font-size:24px;color:#fff;line-height:45px;font-weight:500;margin-top:5px}
.youshi_in .list li p {font-size:16px;color:#fff;opacity:0.5;line-height:24px}
.youshi_in .list li.li1 span.icon {background-position:18px -44px}
.youshi_in .list li.li2 span.icon {background-position:21px -143px}
.youshi_in .list li.li3 span.icon {background-position:18px -238px}
.youshi_in .list li.li4 span.icon {background-position:21px -339px}
.youshi_in .list li.li5 span.icon {background-position:19px -449px}
.youshi_in .list li.li6 span.icon {background-position:20px -557px}


.news_in {width:100%;background:url(../image/news_bg.gif) no-repeat center top;padding:80px 0}
.news_in .list {width:1500px;margin-top:70px}
.news_in .list li {width:33.333333%;padding:0 50px;float:left;transition:all 0.6s}
.news_in .list li a.pic {display:block;width:100%;height:246px;overflow:hidden}
.news_in .list li a.pic img {display:block;width:100%;height:100%;transition:all 0.6s}
.news_in .list li .txt {width:100%;border:1px solid #ddd;border-top:0;padding:20px 30px 30px;background:#fff}
.news_in .list li .txt a.tt {line-height:42px;font-size:22px;color:#333;margin-bottom:10px}
.news_in .list li .txt .pt {font-size:16px;color:#999;line-height:26px;height:78px;overflow:hidden}
.news_in .list li .txt a.more {display:block;width:140px;height:41px;line-height:41px;font-size:14px;color:#0087d1;border:1px solid #0087d1;text-align:center;margin-top:30px}
.news_in .list li:hover {transform:translateY(-10px)}
.news_in .list li a.pic:hover img {transform:scale(1.1)}
.news_in .list li .txt a.tt:hover {color:#0087d1}
.news_in .list li .txt a.more:hover {background:#0087d1;color:#fff}

.jxs_in {width:100%;height:676px;padding:176px 0 0;background:url(../image/jxs_bg.jpg) no-repeat center;background-size:cover;}
.jxs_in .title-in h4, .jxs_in .title-in h2 {color:#fff}
.jxs_in p.pt {width:636px;margin:20px auto;font-size:16px;color:#fff;text-align:center;line-height:40px}
.jxs_in .btn {width:502px;margin:50px auto;display:block;padding:0;border:0}
.jxs_in .btn a {display:block;width:171px;height:51px;line-height:49px;text-align:center;color:#fff;border:1px solid #fff;margin:0 40px;float:left}
.jxs_in .btn a:hover {background:#0087d1;border:1px solid #0087d1}

.service_in {padding:80px 0;width:100%}
.service_in .list {margin-top:80px}
.service_in .list .lib {float:left;padding:100px 56px 0;margin-right:40px;overflow:hidden}
.service_in .list .lib h4.tt {font-size:24px;color:#fff;line-height:30px;margin-bottom:60px;font-weight:500}
.service_in .list .lib p.pt {font-size:16px;color:#fff;line-height:32px}
.service_in .list .lib a.more {display:inline-block;margin-top:3%;color:#fff;font-size:16px}
.service_in .list .lib a.more i {margin-left:5px}
.service_in .list .lib a.more:hover {color:#0087d1}
.service_in .list .lib.li1 {background:url(../image/service1.jpg) no-repeat;width:587px;height:520px}
.service_in .list .lib.li2 {background:url(../image/service2.jpg) no-repeat;width:388px;height:520px}
.service_in .list .lib.li3 {width:345px;margin-right:0;padding:0}
.service_in .list .lib.li3 a {display:block;width:100%;height:240px;margin-bottom:40px;color:#fff;padding:80px 56px 0;line-height:32px;font-size:16px}
.service_in .list .lib.li3 a.abtn1 {background:#0087d1}
.service_in .list .lib.li3 a.abtn2 {background:#061443;margin-bottom:0}
.service_in .list .lib.li3 a.abtn1:hover {background:#29a7ec}
.service_in .list .lib.li3 a.abtn2:hover {background:#243777}

.app_in .list {width:100%;overflow:hidden;position:relative;margin-top:80px;margin-bottom:80px}
.app_in .list .btn {position:absolute;width:59px;height:59px;background:rgba(0,0,0,0.3);top:50%;margin-top:-30px;z-index:99;border-radius:0;text-align:center;padding:0;border:0}
.app_in .list .btn i {color:#fff;font-size:35px;line-height:59px}
.app_in .list .btn:hover {background:#30b6ff}
.app_in .list .btn.swiper-button-next1 {right:0}
.app_in .list .btn.swiper-button-prev1 {left:0}
.app_in .list .swiper-slide {position:relative}
.app_in .list .swiper-slide .txt {position:absolute;width:100%;height:100%;left:0;top:-100%;background:#0087d1;z-index:1;padding:70px;color:#fff;transition:all 0.5s;opacity:0}
.app_in .list .swiper-slide .txt h2 {font-size:24px;font-weight:500;line-height:45px}
.app_in .list .swiper-slide .txt h4 {font-size:16px;font-weight:300;line-height:24px; text-transform:uppercase}
.app_in .list .swiper-slide .txt p.pt {font-size:14px;line-height:24px;margin-top:40px}
.app_in .list .swiper-slide .txt a.more {display:block;width:140px;height:41px;border:1px solid #fff;text-align:center;line-height:39px;color:#fff;margin:40px auto 0}
.app_in .list .swiper-slide .txt a.more:hover {background:#fff;color:#0087d1}
.app_in .list .swiper-slide:hover .txt {top:0;opacity:1}

.foot {width:100%;background:#061443;padding:60px 0 80px}
.foot .footlogo img {display:block}
.foot .foot_search {width:326px;height:49px;background:#fff;border-radius:3px;padding-right:61px;position:relative}
.foot .foot_search .text1 {width:100%;height:49px;line-height:49px;padding:0 10px;color:#333}
.foot .foot_search a.btn {position:absolute;right:0;top:0;width:61px;height:49px;text-align:center;padding:0;border:0}
.foot .foot_search a.btn i {line-height:49px;font-size:21px;color:#888}
.foot .foot_search a.btn:hover i {color:#0087d1}
.foot .line {height:1px;position:relative;margin:65px 0 30px;width:100%}
.foot .line:before {content:'';position:absolute;width:100%;height:1px;left:0;top:0;background:rgba(255,255,255,0.3)}
.foot .list .list1 {width: 33%;padding-right: 50px;float:left}
.foot .list .list1 .tt {font-size:16px;color:#fff;height:39px;line-height:39px;/* border-bottom:1px solid rgba(255,255,255,0.3); */position:relative;margin-bottom:20px}
.foot .list .list1 .tt:before {content:'';position:absolute;width:31px;height:2px;background:#0087d1;left:0;bottom:0}
.foot .list .list1 li {line-height:41px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }
.foot .list .list1 li a {color:#fff}
.foot .list .list1 li a i {color:#0087d1;padding-right:5px}
.foot .list .list1 li a:hover {color:#0087d1}
.foot .list .list2 {padding-right:90px;width: 15%;}
.foot .list .list2 li {height:35px;line-height:35px;margin-top:15px}
.foot .list .list2 li a {position:relative;display:block;padding-left:43px;height:35px}
.foot .list .list2 li a span.icon {position:absolute;width:34px;height:35px;background:url(../image/icon.png) no-repeat;left:0;top:0}
.foot .list .list2 li.li1 a span.icon {background-position:0 -678px}
.foot .list .list2 li.li2 a span.icon {background-position:0 -732px}
.foot .list .list2 li.li3 a span.icon {background-position:0 -783px}
.foot .list .list2 li.li4 a span.icon {background-position:0 -837px}
.foot .list .list3 {padding-right:0;width: 15%;}
.foot .list .list3 .ewm {width:100%;overflow:hidden;margin-bottom:20px}
.foot .list .list3 .ewm .e1 {width:33.33%;float:left}
.foot .list .list3 .ewm img {display:block;margin:0 auto;width:110px;height:110px}
.foot .list .list3 p {height:29px;line-height:29px;position:relative;padding-left:35px;color:#fff;margin-bottom:6px}
.foot .list .list3 p:before {content:'';position:absolute;width:25px;height:29px;left:0;top:0;background:url(../image/icon.png) no-repeat}
.foot .list .list3 p.p1:before {background-position:0 -900px}
.foot .list .list3 p.p2:before {background-position:0 -947px}
.foot .list .list3 p.p3:before {background-position:0 -997px}

.copyright {height:61px;line-height:61px;font-size:14px;color:rgba(255,255,255,1);background:#0087d1;text-align:center}
.copyright a {color:a;font-size:14px;color:#fff}
.copyright a:hover { text-decoration:underline}

.head .fw .toggle {position:absolute;right:0;top:6px;font-size:28px;width:60px;height:60px;color:#fff;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}

.banner {width:100%;height:506px;background:#333}
.banner .fw {position:relative;padding-top:211px;height:100%}
.banner h4 {font-size:35px;color:#fff;font-weight:500;line-height:35px;margin-bottom:20px}
.banner h2 {font-size:50px;color:#fff;position:relative;padding-top:20px;line-height:75px; text-transform:uppercase}
.banner h2:before {content:'';position:absolute;width:45px;height:4px;background:#0087d1;left:0;top:0px}
.banner .website {font-size:14px;line-height:24px;color:#fff;position:absolute;left:0;bottom:20px}
.banner .website a {color:#fff}
.banner .website i {margin:0 10px;font-size:16px;line-height:24px}
.banner .website a:hover {color:#0087d1}

.banner-about {background:url(../image/banner_about.jpg) no-repeat center;background-size:cover}
.banner-about-art {background:url(../image/banner_about_pp.jpg) no-repeat center;background-size:cover}
.banner-about-str {background:url(../image/banner_about_str.jpg) no-repeat center;background-size:cover}
.banner-about-mind {background:url(../image/banner_about.jpg) no-repeat center;background-size:cover}
.banner-about-qua {background:url(../image/banner_about_qua.jpg) no-repeat center;background-size:cover}
.banner-pro {background:url(../image/banner_pro.jpg) no-repeat center;background-size:cover}
.banner-service {background:url(../image/banner_service.jpg) no-repeat center;background-size:cover}
.banner-jxs {background:url(../image/banner_jxs.jpg) no-repeat center;background-size:cover}
.banner-news {background:url(../image/banner_news.jpg) no-repeat center;background-size:cover}
.banner-app {background:url(../image/banner_app.jpg) no-repeat center;background-size:cover}

.about {padding-bottom:0px}
.about .txt .text h2 {font-size:34px;color:#0087d1;font-weight:500}
.about .txt .text {line-height:28px}
.about_in.about .pic {bottom:0;top:0}

.foot_link {width:100%;background:#fafafa;padding:75px 0}
.foot_link h2.title {font-size:35px;color:#0087d1;margin-bottom:50px;font-weight:500}
.foot_link li {float:left;width:30%;padding-right:20px}
.foot_link li .box {width:100%;height:188px;padding:30px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.1);position:relative;transition:all 0.6s}
.foot_link li .box:before {content:'';position:absolute;width:0;height:3px;background:#0087d1;left:0;top:0;transition:all 0.6s}
.foot_link li .box h2.tt {font-size:22px;color:#333;line-height:24px;font-weight:500;margin-bottom:20px}
.foot_link li .box p {font-size:14px;line-height:20px;color:#666;margin-bottom:20px}
.foot_link a.more {font-size:14px;color:#0087d1;line-height:20px}
.foot_link a.more i {margin-left:5px;line-height:20px}
.foot_link li .box:hover {box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.foot_link li .box:hover:before {width:100%}
.foot_link a.more:hover {text-decoration:underline}

.link2 ul {margin-left:-20px}
.link2 li {width:33.333333%;padding-left:20px;padding-right:0}
.link2 li .box {height:304px;padding-top:40px}
.link2 li span.icon {display:block;margin:0 auto;width:80px;height:80px;background:url(../image/link_icon.png) no-repeat;margin-bottom:30px}
.link2 li.li1 span.icon {background-position:0 10px}
.link2 li.li2 span.icon {background-position:0 -86px}
.link2 li.li3 span.icon {background-position:0 -189px}


.title-inner {width:100%;text-align:center;padding:76px 0 60px}
.title-inner p {font-size:17px;color:#0087d1;line-height:21px; text-transform:uppercase}
.title-inner h2 {font-size:41px;font-weight:500;color:#333;line-height:51px}

.about_art {padding-bottom:80px}
.about_art .title1 {background:#eee;padding:75px 80px;overflow:hidden}
.about_art .title1 .pic {float:left;width:500px}
.about_art .title1 .pic img {display:block;margin:0 auto}
.about_art .title1 .txt {float:right;width:740px;position:relative;padding-left:60px}
.about_art .title1 .txt p.bg {position:absolute;left:0;top:-10px;color:#e6e6e6;font-size:155px;z-index:1;font-weight:bold}
.about_art .title1 .txt h3 {font-size:37px;color:#333;line-height:50px;position:relative;z-index:5;font-weight:500}
.about_art .title1 .txt p.pt {font-size:16px;line-height:30px;color:#333;position:relative;z-index:5}
.about_art .box1 {overflow:hidden;width:100%;background:#eee;height:370px;margin-top:20px}
.about_art .box1 .txt {float:left;width:50%;padding:60px 100px;text-align:center}
.about_art .box1 .txt h1 {font-size:100px;color:#0087d1;line-height:110px}
.about_art .box1 .txt h3 {font-size:36px;color:#333;line-height:55px;font-weight:500}
.about_art .box1 .txt p {font-size:16px;line-height:30px;color:#333}
.about_art .box1 .pic {float:right;width:50%;height:370px;overflow:hidden}
.about_art .box1 .pic img {display:block;width:100%;height:100%}
.about_art .box2 .txt {float:right}
.about_art .box2 .pic {float:left}

.about_str .box {position:relative;padding-right:698px;padding-bottom:80px}
.about_str .box .pic {position:absolute;right:0;top:0}
.about_str .box .txt {width:100%;padding-top:50px}
.about_str .box .txt h2 {font-size:25px;line-height:35px;color:#333;font-weight:500;}
.about_str .box .txt h2 span {color:#0087d1}
.about_str .box .txt p.ptt {font-size:16px;color:#333;line-height:30px;margin:20px 0 30px}
.about_str .box .txt .text {line-height:30px;font-size:16px;color:#7f8490;padding:10px 0 10px 40px;border-left:1px solid #0087d1;margin-bottom:20px}
.about_str .box .txt a.more-in {margin-left:40px}

.about_mind .mindlist {width:1600px;margin:0 auto;padding-bottom:70px}
.about_mind .mindlist li {float:left;width:25%;text-align:center;padding:0 40px}
.about_mind .mindlist li .pic {position:relative;width:215px;height:215px;border-radius:50%;border:1px solid #eee;margin:0 auto 30px}
.about_mind .mindlist li .pic .td1 {display:table;width:173px;height:173px;position:absolute;left:50%;margin-left:-86px;border-radius:50%;bottom:0;border:1px solid #eee;transition:all 0.6s}
.about_mind .mindlist li .pic .td1 span {display:table-cell;width:100%;height:173px;vertical-align:middle;overflow:hidden}
.about_mind .mindlist li .pic span img {display:block;margin:0 auto; vertical-align:middle}
.about_mind .mindlist li p {font-size:16px;color:#333;line-height:26px}
.about_mind .mindlist li p.p1 {font-weight:bold}
.about_mind .mindlist li p.p2 {color:#999; text-transform:uppercase;margin-bottom:10px}
.about_mind .mindlist li:hover .pic .td1 {bottom:19px;border:1px solid #0186d1}

.about_mind {margin-bottom:70px}
.about_mind .mind_con .box {width:100%;overflow:hidden;margin-top:40px;background:#eee;transition:all 0.6s}
.about_mind .mind_con .box .txt {width:793px;float:left;padding:119px 90px 100px}
.about_mind .mind_con .box .txt h2 {font-size:36px;color:#333;font-weight:500;line-height:50px}
.about_mind .mind_con .box .txt h3 {font-size:34px;color:#333;font-weight:500;line-height:50px; text-transform:uppercase}
.about_mind .mind_con .box .txt p.pt {font-size:16px;color:#333;line-height:30px;margin-top:20px}
.about_mind .mind_con .box .pic {width:607px;float:right;position:relative}
.about_mind .mind_con .box .pic img {display:block;width:100%}
.about_mind .mind_con .box .pic .tit {position:absolute;width:348px;height:154px;background:rgba(0,135,209,0.8);text-align:center;color:#fff;bottom:50px;left:-40px;padding-top:33px;transition:all 0.6s}
.about_mind .mind_con .box .pic .tit p.p1 {font-size:34px;line-height:45px}
.about_mind .mind_con .box .pic .tit p.p2 {font-size:37px;line-height:40px; text-transform:uppercase}
.about_mind .mind_con .box.box1 .txt {float:right}
.about_mind .mind_con .box.box1 .pic {float:left}
.about_mind .mind_con .box.box1 .pic .tit {left:inherit;right:-40px}
.about_mind .mind_con .box:hover {box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.about_mind .mind_con .box:hover .pic .tit {left:0;background:rgba(0,135,209,1)}
.about_mind .mind_con .box.box1:hover .pic .tit {left:inherit;right:0;background:rgba(0,135,209,1)}

.about_qua .lev1 {width:1109px;padding-bottom:60px}
.about_qua .lev1 .txt {text-align:center;font-size:16px;color:#333;line-height:40px}
.about_qua .lev1 .txt img {display:block;margin:30px auto;max-width:100%}
.about_qua .lev2 {width:100%;background:#eee}
.about_qua .lev2 .box {position:relative;height:612px}
.about_qua .lev2 .box .bg {width:626px;position:absolute;right:-251px}
.about_qua .lev2 .list {float:left;width:1023px;padding-top:60px}
.about_qua .lev2 .list li {float:left;width:50%;padding-right:60px;position:relative;padding-left:95px;margin-bottom:25px}
.about_qua .lev2 .list li .pic {width:95px;height:95px;position:absolute;left:0;top:10px}
.about_qua .lev2 .list li .txt {width:100%}
.about_qua .lev2 .list li .txt h4 {font-size:16px;color:#333;line-height:24px;margin-bottom:10px}
.about_qua .lev2 .list li .txt p.pt {font-size:16px;color:#333;line-height:34px}

.product {width:100%;background:#f5f5f5;padding:50px 0}
.product .foot_link {background:#f5f5f5}
.product .content {background:#fff}
.flslide {width:296px;float:left;background:#fcfcfc;height:100%}
.flslide .tt {padding:10px 25px;position:relative}
.flslide .tt h2 {font-size:21px;color:#333;height:69px;line-height:69px;border-bottom:1px solid #7ec1e6}

.flslide .tt a.filter {display:none;position:absolute;right:30px;top:10px;font-size:16px;line-height:69px;color:#666}
.flslide .tt a.filter i {line-height:60px;color:#0087d1;margin-right:5px}

.flslide .list li a.a1 {display:block;width:100%;padding:0 25px;line-height:45px;color:#333;font-size:16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flslide .list li a.a1 i {color:#7ec1e6;margin-right:10px;transition:all 0.3s}
.flslide .list li a.a1.on, .flslide .list li a.a1:hover {background:#2e5469;color:#fff}
.flslide .list li a.a1.on i {transform:rotate(90deg)}
.flslide .list li dl {padding:15px 25px;background:#e7ebee;display:none}
.flslide .list li dl dd a{line-height:26px;color:#666;}
.flslide .list li dl dd a.cur, .flslide .list li dl dd a:hover {color:#0288d1}

.frbox {width:1104px;float:right;border-left:1px solid #eceeef}
.frbox .tit1 {height:75px;line-height:75px;font-size:18px;padding:0 40px;color:#333;border-bottom:1px solid #eceeef}
.frbox .tit1 span {color:#f00}
.prolist1 {padding:20px}
.prolist1 li {float:left;width: 33%;padding:10px 0}
.prolist1 li a {display:block;width:100%;padding:0 10px}
.prolist1 li a .pic {display:table;width:100%}
.prolist1 li a .pic span {display:table-cell;width:100%;height: 230px;vertical-align:middle;overflow:hidden}
.prolist1 li a .pic span img {display:block;margin:0 auto;max-width:100%;max-height:100%;transition:all 0.3s}
.prolist1 li a p {text-align:center;color:#333;line-height:22px;height:44px;overflow:hidden;margin-top:10px}
.prolist1 li a:hover {box-shadow:0 5px 10px rgba(0,0,0,0.1);transform:translateY(-5px)}
.prolist1 li a:hover .pic span img {transform:scale(1.1)}

.pro_tab {padding:50px 65px}
.pro_tab .tit {font-size:36px;color:#333;line-height:45px;margin-bottom:30px}
.pro_tab ul {    }
.pro_tab ul li{ float:left; display:inline-block; background:#f2f2f2; line-height:33px; padding-left:10px; border-radius:6px; margin-bottom:10px; width:45%;}
.pro_tab ul li a{ color:#666666;}
.pro_tab ul li:nth-child(2n){ margin-left:10px;}

.pro_tab .table_box {width:100%;overflow-x:auto}
.pro_tab table.table1 {border:1px solid #dee2e6;width:100%;margin-bottom:20px; white-space:nowrap}
.pro_tab table.table1 tr:nth-child(even) {background:#f8f9fa}
.pro_tab table.table1 th {background:#e9ecef;color:#212529;font-weight:bold;padding:10px;border:1px solid #dee2e6; vertical-align:middle;min-height:49px;width:12%}
.pro_tab table.table1 td {padding:10px;border:1px solid #dee2e6; vertical-align:middle;min-height:49px;width:14.6666%}
.pro_tab table.table1 td a {color:#0087d1}
.pro_tab table.table1 td img {display:block;margin:0 auto; vertical-align:middle;max-height:110px;transition:all 0.6s}
.pro_tab table.table1 td a:hover { text-decoration:underline}
.pro_tab table.table1 td a:hover img {transform:scale(.9)}

.pro_detail {padding:50px 65px}
.pro_detail .lev1 .txt {float:left;width:50%;padding-right:30px}
.pro_detail .lev1 .txt h2 {font-size:37px;color:#333;font-weight:500;line-height:45px;margin-bottom:10px}
.pro_detail .lev1 .txt h3 {font-size:20px;color:#666;line-height:28px}
.pro_detail .lev1 .txt h4 {font-size:14px;color:#888;font-weight:500;line-height:24px;margin-bottom:30px}
.pro_detail .lev1 .txt a.btn {display:inline-block;height:41px;line-height:39px;padding:0 25px;font-size:16px;color:#fff;background:#42b4e6;border:1px solid #42b4e6}
.pro_detail .lev1 .txt a.btn1 {background:#fff;color:#42b4e6;margin-left:20px}
.pro_detail .lev1 .txt a.btn:hover {background:#2d5469;border:1px solid #2d5469}
.pro_detail .lev1 .txt a.btn1:hover {background:#42b4e6;color:#fff;border:1px solid #42b4e6}
.pro_detail .lev1 .tab1 {width:100%;margin-top:40px}
.pro_detail .lev1 .tab1 th, .pro_detail .lev1 .tab1 td {padding:15px;color:#333;border:1px solid #dee2e6}
.pro_detail .lev1 .tab1 .title {background:#0087d1;color:#fff;border:1px solid #0087d1;font-size:16px;font-weight:bold}
.pro_detail .lev1 .tab1 th {background:#ebeef0;width:40%}
.pro_detail .lev1 .tab1 tr:nth-child(even) {background:#f8f9fa}
.pro_detail .lev1 .pic {width:50%;padding:0 30px;float:right}
.pro_detail .lev1 .pic img {display:block;margin:0 auto;max-width:100%}
.pro_detail .sub_title {width:100%;height:55px;line-height:55px;font-size:21px;font-weight:bold;color:#333;background:#ebebeb;border-left:4px solid #0087d1;padding-left:20px}
.pro_detail .lev2 {margin-top:40px}
.pro_detail .lev2 .txt {padding:30px;overflow:hidden}
.pro_detail .lev2 .txt img {display:block;margin:0 auto;max-width:100%}
.pro_detail .lev3 {margin-top:40px;padding-bottom:20px}

.pro_detail .lev3 p img{width:100%;padding-top:10px;overflow: hidden;display: block;}


.pro_detail .lev3 p{font-size:16px;color:#61686c;line-height:35px;text-indent:2em;overflow: hidden;}
.pro_detail .lev3 ul {margin-left:-25px;padding-top:30px}
.pro_detail .lev3 li {float:left;width:25%;padding-left:25px}
.pro_detail .lev3 li a {display:block;box-shadow:0 2px 2px rgba(0,0,0,0.1);padding:0 10px 10px}
.pro_detail .lev3 li a .pic {display:table;width:100%}
.pro_detail .lev3 li a .pic span {display:table-cell;width:100%;height:205px; vertical-align:middle;overflow:hidden}
.pro_detail .lev3 li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%}
/*.pro_detail .lev3 li a p {text-align:center;line-height:30px;font-size:14px;color:#333;margin-top:10px}*/
.pro_detail .lev3 li a:hover {transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,0.1)}

.app, .app_detail {width:100%;background:#f5f5f5}
.app .list {padding:60px 0 60px;width:1440px}
.app .list li {float:left;width:33.333333%;padding:20px}
.app .list li .box {background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.1);transition:all 0.6s}
.app .list li .pic {width:100%;height:441px;overflow:hidden}
.app .list li .pic img {display:block;width:100%;height:100%;transition:all 0.6s}
.app .list li .txt {padding:30px;position:relative}
.app .list li .txt:before {content:'';position:absolute;width:0;height:5px;background:#42b4e6;left:0;top:0;transition:all 0.6s}
.app .list li .txt a.tt {display:block;font-size:21px;color:#333;line-height:24px;}
.app .list li .txt .pt {line-height:22px;height:44px;overflow:hidden;color:#666;margin:20px 0}
.app .list li .txt a.more {color:#42b4e6}
.app .list li .box:hover {box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.app .list li .box:hover .txt:before {width:100%}
.app .list li .box a.tt:hover {color:#42b4e6}
.app .list li .box a.more:hover {text-decoration:underline}
.app .list li .pic a:hover img {transform:scale(1.1)}

.app_detail .content {padding:60px 0}
.app_detail .content .txt {width:65%;padding-right:100px;font-size:16px;color:#61686c;line-height:35px}
.app_detail .content .txt h2.tt {font-size:35px;font-weight:500;color:#333;line-height:40px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px}
.app_detail .content .pic {width:35%;overflow:hidden}
.app_detail .content .pic img {display:block;width:100%}
.app_detail .xg_list {width:100%;border-top:1px solid #ddd;padding:50px 0}
.app_detail .xg_list h2.tt {height:45px;line-height:45px;font-size:21px;color:#333;padding-left:20px;border-left:4px solid #0087d1;margin-bottom:45px}
.app_detail .xg_list ul {margin-left:-20px}
.app_detail .xg_list li {float:left;width:20%;padding-left:20px}
.app_detail .xg_list li a {display:block;background:#fff;padding:20px 20px 30px;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.app_detail .xg_list li a .pic {display:table;width:100%}
.app_detail .xg_list li a .pic span {display:table-cell;width:100%;height:221px;overflow:hidden; vertical-align:middle}
.app_detail .xg_list li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%;transition:all 0.3s}
.app_detail .xg_list li a p {font-size:16px;color:#333;line-height:22px;margin-top:10px;text-align:center}
.app_detail .xg_list li a:hover {box-shadow:0 5px 10px rgba(0,0,0,0.1);transform:translateY(-5px)}
.app_detail .xg_list li a:hover .pic span img {transform:scale(1.1)}

.ser_detail {background:#fff}
.ser_detail .content .txt {width:70%}
.ser_detail .subright {width:30%}
.ser_detail .subright .tit {font-size:18px;color:#333;line-height:30px;padding:20px 0 10px;border-bottom:1px solid #ddd;margin-bottom:20px}
.ser_detail .subright ul {margin-left:-20px}
.ser_detail .subright li {width:50%;padding-left:20px;float:left}
.ser_detail .subright li a {margin-bottom:10px;display:block}
.ser_detail .subright li a .pic {width:100%;height:107px}
.ser_detail .subright li a .pic img {display:block;width:100%;transition:all 0.3s;height:100%}
.ser_detail .subright li a p {line-height:35px;color:#0087d1}
.ser_detail .subright li a:hover .pic img {transform:scale(1.1)}
.ser_detail .subright li a:hover p { text-decoration:underline}

.app_box {padding:80px 0}
.app_box .box {overflow:hidden;margin-bottom:70px}
.app_box .box .pic {float:left;width:918px;height:535px}
.app_box .box .pic img {display:block;width:100%;height:100%;transition:all 0.8s}
.app_box .box .txt {float:right;width:447px;height:535px;background:#485f6c;padding:80px 60px;transition:all 0.6s}
.app_box .box .txt h2 {font-size:28px;color:#fff;font-weight:500;margin-bottom:20px}
.app_box .box .txt p {font-size:14px;color:#fff;opacity:0.6;line-height:22px;height:44px;overflow:hidden}
.app_box .box .txt a.more {font-size:16px;color:#fff;display:inline-block;margin-top:50px}
.app_box .box .txt a.more i {margin-left:10px}
.app_box .box1 .pic {float:right}
.app_box .box1 .txt {float:left}
.app_box .box:hover .pic img {transform:scale(1.1)}
.app_box .box:hover .txt {background:#0087d1}
.app_box .box .txt a.more:hover {text-decoration:underline}
.app_box a.more-in {margin:0 auto;width:206px;height:59px;font-size:16px;line-height:57px;border:1px solid #0087d1;color:#0087d1;background:#fff}
.app_box a.more-in:hover {background:#0087d1;color:#fff}

.service .lev1 {width:100%;background:#f7f7f7;padding:80px 0}
.service .lev1 .txt {width:842px;float:left;padding-right:40px}
.service .lev1 .txt h2.tt {font-size:42px;color:#0087d1;font-weight:500;line-height:50px;margin-bottom:20px}
.service .lev1 .txt p.pt {font-size:18px;color:#666;line-height:32px;margin-bottom:60px}
.service .lev1 .txt ul li {width:33.333333%;float:left;padding:0 30px 0 67px;position:relative}
.service .lev1 .txt ul li span.icon {width:43px;height:43px;background:url(../image/ser_icon.gif) no-repeat;position:absolute;left:0;top:0}
.service .lev1 .txt ul li.li1 span.icon {background-position:0 0}
.service .lev1 .txt ul li.li2 span.icon {background-position:0 -53px}
.service .lev1 .txt ul li.li3 span.icon {background-position:0 -110px}
.service .lev1 .txt ul li h4.tt {font-size:21px;font-weight:500;color:#333;line-height:28px;margin-bottom:15px}
.service .lev1 .txt ul li p {font-size:16px;color:#888;line-height:24px}
.service .lev1 .pic {width:558px;float:right;overflow:hidden}
.service .lev1 .pic img {display:block;width:100%}

.service .lev2 {padding:35px 0 50px}
.service .lev2 .title {font-size:28px;color:#333;line-height:35px;padding:45px 0}
.service .lev2 ul {margin-left:-30px}
.service .lev2 li {float:left;width:25%;padding-left:30px;padding-bottom:30px}
.service .lev2 li .box {background:#f6f7f7;border:1px solid #eceeef;border-radius:3px;overflow:hidden;transition:all 0.3s}
.service .lev2 li .box .pic {display:block;width:100%;height:181px;overflow:hidden}
.service .lev2 li .box .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.service .lev2 li .box .txt {width:100%;height:309px;position:relative;padding:25px}
.service .lev2 li .box .txt a.tt {font-size:18px;color:#0087d1;line-height:28px}
.service .lev2 li .box .txt p.pt {line-height:26px;color:#666;margin-top:10px}
.service .lev2 li .box .txt a.more {position:absolute;left:25px;bottom:25px;color:#333; text-transform:uppercase}
.service .lev2 li .box .txt a.more i {font-size:17px;margin-left:10px}
.service .lev2 li .box:hover {box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.service .lev2 li .box .txt a:hover {color:#0087d1; text-decoration:underline}
.service .lev2 li .box .pic:hover img {transform:scale(1.1)}

.service_pdf {width:100%;background:#f7f7f7;padding:80px 0}
.service_pdf .title {margin-bottom:55px}
.service_pdf .title h2 {font-size:36px;line-height:50px;font-weight:500;color:#333;width:365px}
.service_pdf .title p {font-size:16px;color:#333;line-height:30px;padding-top:20px;width:710px}
.service_pdf .content .pic {width:923px;height:396px;overflow:hidden}
.service_pdf .content .pic img {display:block;width:100%}
.service_pdf .content .txt {width:447px;height:396px;background:#485f6c;padding:70px 56px;transition:all 0.3s}
.service_pdf .content .txt:hover {background:#0087d1}
.service_pdf .content .txt h2.tt {font-size:24px;color:#fff;font-weight:500;line-height:40px;margin-bottom:20px}
.service_pdf .content .txt a {display:block;color:#fff;font-size:14px;line-height:30px; text-decoration:underline;background:url(../image/icon.png) no-repeat;background-position:0 -1182px;padding-left:31px}
.service_pdf .content .txt a:hover {text-decoration:none}

.agent {width:100%;padding:50px 0 80px}
.agent .title {font-size:14px;color:#333;line-height:50px;margin-bottom:10px}
.agent .hd {width:100%;border-top:1px solid #eee}
.agent .hd li {display:inline-block;line-height:51px;font-size:16px;color:#333;margin-right:30px; cursor:pointer}
.agent .hd li:hover {color:#0087d1}
.agent .hd li.on {border-top:3px solid #0087d1;color:#0087d1}
.agent .bd {margin-top:20px}
.agent .bd li {width:100%;overflow:hidden}
.agent .bd li .txt {width:25%;float:left;padding:80px 50px 50px;background:#f6f8f7;height:399px}
.agent .bd li .txt h2 {font-size:23px;color:#0087d1;line-height:28px;margin-bottom:20px;font-weight:500}
.agent .bd li p {font-size:16px;color:#333;line-height:28px;padding:5px 0}
.agent .bd li .map {width:75%;height:100%;float:right}
.agent .bd li .map .ditu {width:100%;height:399px}

.news .news_in {background:none;padding:0 0 50px}
.news .news_in li {margin-bottom:45px}

.news_detail {padding:65px 0}
.news_detail .content {width:75%;padding-right:75px}
.news_detail .content h2.tit {font-size:32px;color:#333;font-weight:500;line-height:38px;padding:10px 0}
.news_detail .content p.date {color:#888;font-size:16px;line-height:25px;padding:10px 0 20px;border-bottom:1px solid #ddd}
.news_detail .content .txt {line-height:28px;font-size:16px;color:#666;padding:20px 0}
.news_detail .content .txt img {display:block;max-width:100%;margin:10px auto}
.news_detail .subright {width:25%;background:#fafafa;box-shadow:0 5px 10px rgba(0,0,0,0.1);padding:25px;border:1px solid #eee}
.news_detail .subright h2.tit {font-size:21px;color:#333;line-height:30px;padding-bottom:10px;font-weight:500}
.news_detail .subright li {line-height:40px;border-bottom:1px solid #e1e1e1}
.news_detail .subright li a {color:#0087d1;font-size:16px}
.news_detail .subright li a:hover {text-decoration:underline}

.contact {padding-top:100px;padding-bottom:80px}
.contact .contxt {width:688px}
.contact .contxt h2 {font-size:38px;color:#333;font-weight:500;line-height:45px;padding-bottom:20px}
.contact .contxt p.p1 {font-size:18px;color:#666;line-height:35px}
.contact .contxt p.p2 {font-size:18px;color:#333;margin-top:20px}
.contact .contxt p.p2 b {color:#0087d1}
.contact .conbox {width:570px;background:#f2f2f2;padding:25px 60px}
.contact .conbox p {height:37px;line-height:37px;color:#333;position:relative;padding-left:47px;margin:10px 0;font-size:16px}
.contact .conbox p:before {content:'';position:absolute;width:37px;height:37px;background:url(../image/icon.png) no-repeat;left:0;top:0;background-color:#0087d1;border-radius:50%}
.contact .conbox p.p1:before {background-position:9px -1042px}
.contact .conbox p.p2:before {background-position:8px -1078px}
.contact .conbox p.p3:before {background-position:6px -1118px}

.met_pager {
    margin:50px auto;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    background:#f2f9fd;
    padding:9px 15px;
    text-align:center;
    color:#0087d1
}
.met_pager span {background:#0087d1;color:#fff}
.met_pager a.current {
    background:#e60039;
    border-color:#f69900;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#0087d1;color:#fff}
.met-shownews-footer {padding-bottom:30px;overflow:hidden;margin-top:60px}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:0
	}
.met-shownews-footer ul li a:hover {border:1px solid #206bd1;background:#206bd1;color:#fff}
.met-shownews-footer ul li a:hover span{color:#fff}
.met-shownews-footer ul li.previous a {float:left;width:45%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.met-shownews-footer ul li.next a {float:right;width: 45%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.phone_search1 {width:100%;background:#233858;padding:10px;box-sizing:border-box;display:none;}
.phone_search1 .text {background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-right:40px}
.phone_search1 .text .text1 {width:100%;line-height:40px;padding:0 20px}
.phone_search1 .text a.btn {font-size:18px;color:#666;position:absolute;right:0px;top:0;text-align:left;display:block;width:40px;height:40px}
.phone_search1 .text a.btn i {line-height:40px}

.top_subnav {width:100%;text-align:center;padding:30px 0;background:#f5f5f5;display:none}
.top_subnav a {display:inline-block;height:41px;line-height:39px;border:1px solid #0087d1;padding:0 20px;font-size:16px;color:#0087d1;margin:0 5px}
.top_subnav a.on {background:#0087d1;color:#fff}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li a {color:#333}
.side ul li:hover{background:#d53233;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/right_pic5.png)}
/*.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}*/
.side ul li i.bgs3{background-image:url(../image/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png)}
/*.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}*/
.side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#d53233;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background:#fff;padding:10px;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son img {display:block;width:100%;height:100%}
.side ul li.xiaocx .xcxBox.son {width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background:#fff;padding:10px;border:1px solid #e0e0e0}
.side ul li.xiaocx .xcxBox.son img {display:block;width:100%;height:100%}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#d53233}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px center no-repeat;background-color:#bd2a2b}
.side ul li.sideetel .telBox dd.bgs2{background:url(../image/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media screen and (max-width:1400px){
.fw {width:auto;padding:0 20px}
.side, .in_topleft_slide {display:none}
.head .logo.mrg {margin-left:0}
.about_in .txt {width:55%;padding-right:30px}
.about_in .pic {width:45%;right:0;bottom:inherit}
.qqzl_in {padding:80px 0}
.pro_in .bd li .txt, .pro_in .bd li .pic {width:50%}
.news_in .list {width:100%}
.news_in .list li {padding:0 10px}
.jxs_in {height:auto;padding:100px 0}
.service_in .list .lib.li1, .service_in .list .lib.li2, .service_in .list .lib.li3 {width:33.333333%;margin-right:0}
.service_in .list .lib.li3 {float:right}
.title-in h2 {font-size:36px;line-height:40px}
.app_in .list, .service_in .list, .news_in .list {margin-top:40px}
.foot .list .list1 {width:50%;padding-right:0px;padding:0 30px;margin-bottom:30px}
.foot .list .list2, .foot .list .list3 {margin-bottom:0}
.about_art .title1 .pic {width:40%}
.about_art .title1 .txt {width:60%}
.about_mind .mindlist {width:100%}
.about_mind .mindlist li {padding:0 20px}
.about_mind .mind_con .box .pic {width:45%}
.about_mind .mind_con .box .txt {width:55%}
.product .content {padding:0}
.flslide {width:20%}
.frbox {width:80%}
.app .list {width:100%}
.app .list li {padding:10px}
.app .list li .pic {height:400px}
.app_box .fw {padding:0}
.app_box .box .pic {width:70%}
.app_box .box .txt {width:30%}
.service .lev1 .txt {width:65%;padding-right:20px}
.service .lev1 .pic {width:35%}
.agent .hd ul {white-space:nowrap;overflow-x:auto}
.contact .contxt {width:55%}
.contact .conbox {width:43%}
.service_pdf .content .pic {width:63%}
.service_pdf .content .pic img {height:100%}
.service_pdf .content .txt {width:35%;padding:60px 40px}
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:960px){
	.head {position:relative;background:#0087d1}
	.head .headnav {display:none}
	.head .fr {padding-right:50px}
	.head .fw .toggle {display:block;top:50%;margin-top:-30px;font-size:36px}
	.about_in {padding:80px 0}
	.about_in .txt .text {margin-bottom:50px}
	.about_in .txt {width:100%;padding-right:0}
	.about_in .pic {display:none}
	.qqzl_in {height:auto}
	.qqzl_in .list {margin-top:80px}
	.qqzl_in .list li h2 b {font-size:55px}
	.qqzl_in .list li h2 span {font-size:16px}
	.qqzl_in .list li p {font-size:16px;line-height:30px}
	.youshi_in {height:auto;padding:60px 0}
	.youshi_in .list li {width:50%}
	.news_in .list{padding:0}
	.news_in .list li {padding:0 5px}
	.news_in .list li a.pic {height:186px}
	.news_in .list li .txt a.tt {font-size:18px}
	.news_in .list li .txt .pt {font-size:14px}
	.jxs_in {padding:60px 0}
	.jxs_in .btn {margin:0 auto}
	.pro_in {padding:60px 0 40px}
	.banner {height:306px}
	.banner .fw {padding-top:78px}
	.foot_link {padding:45px 0}
	.foot_link li {width:33.333333%;padding:0 5px}
	.about_in {padding:60px 0 40px}
	.top_subnav {display:block}
	.about_art .fw {padding:0}
	.about_art .title1 .pic img {width:100%}
	.about_art .title1 .pic {width:30%}
	.about_art .title1 .txt {width:70%}
	.about_art .box1 {height:auto}
	.about_art .box1 .txt {padding:30px}
	.about_art .box1 .txt h1 {font-size:80px;line-height:91px}
	.about_art .box1 .txt h3 {font-size:31px;line-height:41px}
	.about_art .box1 .pic {height:300px}
	.about_str .box {padding-right:20px}
	.about_str .box .pic {display:none}
	.about_str .box .txt {padding-top:0}
	.about_mind .mindlist {padding-bottom:30px}
	.about_mind .mindlist li {width:50%;padding:10px}
	.mind_con .fw {padding:0}
	.about_mind .mind_con .box .txt {padding:50px 30px}
	.about_mind .mind_con .box .txt h2 {font-size:26px;line-height:40px}
	.about_mind .mind_con .box .txt h3 {font-size:21px;line-height:24px}
	.about_mind .mind_con .box .pic .tit {display:none}
	.about_mind .mind_con .box {margin-top:10px}
	.about_qua .lev1 {width:100%}
	.about_qua .lev2 .box .bg {display:none}
	.about_qua .lev2 .list {width:100%}
	.about_qua .lev2 .list ul {margin-right:-30px}
	.about_qua .lev2 .list ul li {padding-right:30px}
	.about_qua .lev2 .list li .txt p.pt {height:170px;overflow:hidden}
	.about_qua .lev2 .box {height:auto}
.flslide, .frbox {width:100%}
.flslide .list {display:none}
.product {padding:0}
.flslide .tt a.filter {display:block}
.frbox .tit1 {padding:0 30px}
.pro_tab, .pro_detail {padding:30px}
.app .list li .pic {height:320px}
.app_detail .content .txt {padding-right:50px}
.app_detail .xg_list ul {margin-left:-10px}
.app_detail .xg_list li {padding-left:10px}
.app_box {padding:30px 0}
.app_box .box {margin-bottom:10px}
.app_box .box .pic {height:353px}
.app_box .box .txt {height:353px;padding:50px 30px}
.app_box a.more-in {margin-top:20px}

.service .lev1 .txt {width:100%;padding-right:0}
.service .lev1 .pic {width:100%;margin-top:20px}
.service .lev2 ul {margin-left:-10px}
.service .lev2 li {padding-left:10px;width:33.333333%}
.service .lev2 li .box .txt {height:260px}
.service .lev2 li .box .txt p.pt {height:104px;overflow:hidden}
.agent .bd li .txt {width:100%;height:auto;padding:30px}
.agent .bd li .map, .news_detail .content, .news_detail .subright {width:100%}
.news_detail .content {padding-right:0}
.news_detail {padding:30px 0}
.news_detail .subright {margin-top:20px}

.service_pdf .title h2, .service_pdf .title p {width:100%}
.service_pdf .content .pic img {width:auto}
.service_pdf .content .pic, .service_pdf .content .txt {width:50%}

}
@media screen and (max-width:768px){
	.head {height:76px}
	.head .logo img {margin-top:15px}
	.search-top {display:none}
	.lang {height:76px;line-height:76px}
	.pro_in .bd li .txt a.btn {display:block;margin-right:20px;float:none;margin-top:20px}
	.youshi_in .list li h4 {font-size:21px}
	.youshi_in .list li p {font-size:14px}
	.news_in .list li a.pic {height:136px}
	.news_in .list li .txt {padding:10px}
	.news_in .list li .txt a.tt {margin-bottom:0}
	.news_in .list li .txt a.more {width:110px;height:38px;line-height:36px;margin-top:20px}
	.pro_in {padding:40px 0 20px}
	.pro_in .title-in {margin-bottom:30px}
	.news_in, .service_in {padding:40px 0}
	.service_in .list .lib.li1, .service_in .list .lib.li2, .service_in .list .lib.li3 a {width:50%}
	.service_in .list .lib.li3 {width:100%}
	.service_in .list .lib.li3 a {float:left}
	.service_in .list {padding:0}
	.app_in .list .swiper-slide .txt p.pt {display:none}
	.app_in .list .swiper-slide .txt {padding:50px 0}
	.app_in .list {margin-bottom:20px}
	.app_in .list .swiper-slide .txt h2 {font-size:21px;line-height:28px}
	.app_in .list .swiper-slide .txt h4 {font-size:14px;line-height:21px}
	.app_in .list .swiper-slide .txt a.more {margin-top:20px}
	.phone_search1 {display:block}
	.banner h4 {font-size:31px}
	.banner h2 {font-size:45px}
	.foot_link li {width:100%;margin-bottom:10px;padding:0}
	.foot_link li .box {height:auto}
	.foot_link {padding-bottom:30px}
	.about_art .title1 {padding:35px}
	.about_art .title1 .pic, .about_art .title1 .txt {width:100%;float:none;padding:0}
	.about_art .title1 .pic {width:180px;margin:0 0 20px}
	.link2 ul {margin-left:0}
	.about_mind .mind_con .box .txt {padding:30px}
	.about_qua .lev1 .txt {line-height:30px;text-align:left}
	.prolist1 li {width:25%}
	.app .list {padding:30px 0}
	.app .list li {padding:5px}
	.app .list li .pic {height:220px}
	.app .list li .txt {padding:20px 10px}
	.app .list li .txt a.tt {font-size:18px}
	.app .list li .txt .pt {margin:10px 0}
	.app_detail .content .txt {width:100%;padding-right:0}
	.app_detail .content .pic {display:none}
	.app_detail .xg_list li {width:50%;margin-top:10px}
	.app_detail .xg_list h2.tt {margin-bottom:20px}
	.contact {padding:30px 0}
.contact .contxt {width:100%;margin-bottom:30px}
.contact .conbox {width:100%;padding-left:20px}
.ser_detail .subright {width:100%;margin-top:30px}
.ser_detail .subright li a .pic {height:170px}
.ser_detail .subright li a .pic {display:block}
.foot .list .list3 .ewm img {display:block;margin:0 auto;width:100px;height:100px}
.pro_tab ul li{width:100%;}
.pro_tab ul li:nth-child(2n){margin-left:0px;}

}
@media screen and (max-width:628px){
.pro_in .hd li {width:50%}
.pro_in .bd li .txt, .pro_in .bd li .pic {width:100%;float:none}
.jxs_in p.pt {width:90%}
.service_in .list .lib.li1, .service_in .list .lib.li2 {height:320px;padding:50px 25px 0}
.service_in .list .lib h4.tt {margin-bottom:30px}
.service_in .list .lib a.more {margin-top:20px}
.service_in .list .lib.li3 a {margin-bottom:0;padding:50px 20px;height:auto}
.foot .foot_search {width:100%;margin-top:20px}
.foot .line {margin:30px 0}
.youshi_in .list li {padding:90px 20px 0;text-align:center;height:auto}
.youshi_in .list li span.icon {left:50%;margin-left:-42px}
.about_art .box1 .txt {padding:20px 10px}
.about_art .box1 .pic {height:260px}
.about_art .box1 .txt h3 {font-size:21px}
.about_art .box1 .txt p {line-height:26px}
.foot_link h2.title {font-size:21px}
.title-inner p {font-size:16px}
.title-inner h2 {font-size:31px}
.title-inner {padding:45px 0 30px}
	.prolist1 li {width:33.333333%}
	.pro_detail .lev1 .pic, .pro_detail .lev1 .txt {float:none;padding-right:0;padding-left:0;width:100%}
	.pro_detail .lev1 .txt {padding-top:20px}
	.pro_detail {padding:10px}
	.pro_detail .lev3 li {width:50%;margin-top:10px;padding-left:10px}
	.pro_detail .lev3 ul {padding-top:0;margin-left:-10px}
.app_box .box .pic, .app_box .box .txt {height:auto;width:100%}
.app_box .box .txt {padding:30px 20px}
.app_box .box .txt a.more {margin-top:30px}
.service .lev2 li {width:50%}
}

@media screen and (max-width:480px){
	.fw {padding:0 10px}
	.about_in .txt .tt {margin-bottom:20px}
	.about_in .txt .tt img {width:100%}
	.about_in, .qqzl_in {padding:40px 0}
	.about_in .txt .text {margin-bottom:20px;font-size:14px;line-height:31px}
	.qqzl_in .list {margin-top:20px}
	.qqzl_in .list li {margin-top:20px;width:50%}
	.title-in h4 {line-height:31px}
	.title-in h2, .youshi_in h2.title {font-size:31px}
	.pro_in .bd li .txt {padding:25px 10px;line-height:28px;font-size:14px}
	.pro_in a.next, .pro_in a.prev {top:40%;background:rgba(0,0,0,0.3)}
	.youshi_in h2.title {margin-bottom:20px}
	.youshi_in .list li {padding:90px 10px 0;margin:20px 0}
	.news_in .list li {width:100%;margin-bottom:10px}
	.news_in .list li a.pic {height:186px}
	.news_in .list li a.pic img {width:100%;height:auto}
	.jxs_in .btn {width:100%;text-align:center}
	.jxs_in .btn a {display:inline-block;height:41px;line-height:39px;float:none;width:auto;padding:0 20px;margin:0 10px}
	.service_in .list .lib.li1, .service_in .list .lib.li2 {width:100%;height:auto;background-size:cover;padding:50px 20px}
	.service_in .list .lib.li3 a {width:100%}
	.foot .list .list1 {width:100%;padding:0;margin-bottom:20px}
	.foot .list .list2 {margin-bottom:20px}
	.copyright {height:auto;line-height:28px;padding:10px}
	.foot {padding-bottom:40px}
	.top_subnav {overflow:hidden;padding:20px 10px 20px}
	.top_subnav a {display:block;width:50%;padding:0;text-align:center;margin:5px 0;float:left}
	.about_art .title1 {padding:35px 10px}
	.about_art .box1 {margin-top:10px}
	.about_art .box1 .txt h3 {font-size:16px}
	.about_art .box1 .txt p {font-size:13px;line-height:21px}
	.about_art .box1 .pic img {width:auto;margin-left:-50px}
	.banner h2 {font-size:36px}
	.about_str .box {padding-right:10px}
	.about_str .box .txt .text {padding-left:20px}
	.about_str .box .txt a.more-in {margin-left:20px}
	.about_mind .mindlist li {width:100%}
	.about_mind .mind_con .box .pic, .about_mind .mind_con .box .txt {width:100%}
	.about_mind {margin-bottom:20px}
	.about_qua .lev1 {padding-bottom:0}
	.about_qua .lev2 .list ul {margin-right:0}
	.about_qua .lev2 .list ul li {width:100%;padding-right:0}
	.about_qua .lev2 .list li .txt p.pt {height:auto}
	.banner-about-qua h2, .banner-app h2, .banner-jxs h2 {line-height:38px}
	.prolist1 {padding:10px}
	.prolist1 li {width:50%}
	.flslide .tt {padding:0 10px;background:#f2f2f2}
	.flslide .tt h2 {border-bottom:0}
	.flslide .tt a.filter {top:0;right:10px}
	.frbox .tit1 {padding:0 10px}
	.pro_tab {padding:10px}
	.pro_tab .tit {font-size:24px;line-height:30px;margin-top:20px;margin-bottom:10px}
	.pro_detail .lev1 .pic img {max-width:90%}
	
	.app .list li {width:50%;padding:1px}
	.app .list li .pic {height:190px}
	
	.app_detail .xg_list li {width:100%;margin-top:10px}
	.service .lev1 {padding:40px 0}
	.service .lev1 .txt h2.tt {font-size:32px}
	.service .lev1 .txt p.pt {font-size:16px;line-height:28px;margin-bottom:30px}
	.service .lev1 .txt ul li {width:100%;margin-bottom:20px}
	.service .lev2 {padding:10px 0}
	.service .lev2 .title {padding:20px 0}
	.service .lev2 ul {margin-left:-5px}
	.service .lev2 li {padding-bottom:5px;padding-left:5px}
	.service .lev2 li .box .pic {height:131px}
	.service .lev2 li .box .txt {padding:10px;height:180px}
	.service .lev2 li .box .txt a.tt {font-size:16px;line-height:24px}
	.service .lev2 li .box .txt p.pt {height:48px}
	.service .lev2 li .box .txt a.more {left:10px;bottom:15px}
	.agent .bd li .txt {padding:20px}
	.agent {padding:20px 0}
	.agent .bd li .map .ditu {height:230px}
	.news .news_in {padding-bottom:10px}
	.news_detail .content h2.tit {font-size:26px}
	.news_detail .content p.date {padding-top:0}
	.contact .contxt h2 {font-size:31px}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:5px}
	.swiper-button-next, .swiper-button-prev {display:none}
	.ser_detail .subright ul {margin-left:-10px}
.ser_detail .subright li {padding-left:10px}
	.ser_detail .subright li a .pic {height:107px}
	.app_detail .content .txt h2.tt {font-size:28px}
	.app_detail .content {padding:30px 0}
	.service_pdf .content .pic {display:none}
	.service_pdf .content .txt {width:100%;height:auto;padding:40px 30px}
	.service_pdf .title h2 {font-size:31px}
	.service_pdf .title {margin-bottom:35px}
}