@font-face {font-family:'helvet';src: url('');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:1300px;}

.alert{display: none; position: fixed; top: 30%; left: 50%; min-width: 200px; margin-left: -100px; z-index: 99999; padding: 15px; border: 1px solid transparent; border-radius: 4px;}
.alert-success{color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}

.search_box {padding:0px 0px 20px 0px; overflow:auto;}
.search_box .table1 {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-top:10px; }
.search_box .table1 th span, .search_box .table1 td span, .search_box .table1 td a {white-space:nowrap;display:inline-block;line-height:22px; overflow:hidden; width:100%;padding:10px 5px;text-align:center;font-size:14px;transition:all 0.3s}
.search_box .table1 th {background:#192A40;color:#fff}
.search_box .table1 tr:nth-child(even) td {background:#fff}
.search_box .table1 tr:nth-child(odd) td {background:#f4f8ff}
.search_box .table1 td a {padding:0 5px;color:#0078ff;font-size:14px;transition:all 0s}
.search_box .table1 tr:hover td{background:#0078ff;color:#fff}
.search_box .table1 tr:hover td a {color:#fff}

.head {width:100%;height:111px;background:#fff}
.head .logo img {margin-top:16px}
.head .toptel {margin-top:30px;text-align:right}
.head .toptel p {font-size:14px;color:#333;line-height:24px}
.head .toptel h4 {font-size:28px;color:#dd1c1d;line-height:28px;}
.head .toptel h4 i {font-size:20px;color:#888;margin-right:5px}
.top-search {margin-top:34px;margin-right:40px;width:280px;height:43px;border:1px solid #ddd;padding:4px;padding-right:85px;position:relative;border-radius:30px}
.top-search .text1 {width:100%;height:33px;line-height:33px;padding-left:10px}
.top-search .btn1 {position:absolute;width:71px;height:33px;background:#192a40;color:#fff;text-align:center;top:4px;right:4px;border-radius:30px;transition:all 0.3s}
.top-search .btn1:hover {background:#dd1c1d}
.headnav {width:100%;height:61px;background:#192a40}
.headnav li {float:left;padding-right:0px;position:relative}
.headnav li>a {display:inline-block;color:#fff;font-size:16px;line-height:61px; padding:0 40px;position:relative}
.headnav li>a:before {position:absolute;content:'';width:100%;height:2px;background:#da1a29;left:0;bottom:-2px;opacity:0;transition:all 0.3s}
.headnav li>a.cur:before, .headnav li>a:hover:before {width:100%;opacity:1;bottom:0}
.headnav li dl {position:absolute;top:71px;background:#192a40;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}
.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:61px;opacity:1}

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

  
  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%}

.phone_search {width:100%;background:#233858;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-right:40px}
.phone_search .text .text1 {width:100%;line-height:40px;padding:0 20px}
.phone_search .text a.btn {font-size:18px;color:#666;position:absolute;right:0px;top:0;text-align:left;display:block;width:40px;height:40px}
.phone_search .text a.btn i {line-height:40px}

.phone_search1 {width:100%;background:#233858;padding:10px;box-sizing:border-box;display:none;}
.phone_search1 .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_search1 .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;}
.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(404.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}

.more-in {display:block;width:151px;height:41px;border:1px solid #333;line-height:39px;text-align:center;color:#333;border-radius:3px}
.more-in i {margin-left:10px}
.more-in:hover {background:#da1a29;color:#fff;border:1px solid #da1a29}
.title-in {width:178px;height:215px;padding:25px 17px;color:#fff;border-radius:0 30px 0 30px;position:absolute;left:0;top:-42px;

background-color:#da1a29;

background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0.32, #fe4751), color-stop(0.66, #db333b), color-stop(0.83, #b51c24));

background-image:-webkit-linear-gradient(-45deg, #b51c24, #db333b, #fe4751);

background-image:-moz-linear-gradient(-45deg, #b51c24, #db333b, #fe4751);

background-image: -ms-linear-gradient(-45deg, #b51c24 0%, #fe4751 100%);

background-image: -o-linear-gradient(-45deg, #b51c24, #fe4751);

background-image: linear-gradient(-45deg, #b51c24, #fe4751);
}
.title-in h2 {font-size:26px;line-height:40px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.title-in h3 {font-size:22px;line-height:22px;font-weight:300;font-family:Arial, Helvetica, sans-serif}
.title-in h4 {font-size:24px;margin-top:50px;position:relative}
.title-in h4:before {content:'';position:absolute;width:50px;height:3px;background:#192a40;left:0;bottom:-20px}

.about_in {width:100%;background:url(../image/about_bg.jpg) no-repeat center bottom;padding-bottom:180px;}
.about_in .fw {position:relative;z-index:10;padding-left:264px}
.about_in .txt {width:572px;margin-top:95px}
.about_in .txt p.pt {line-height:30px;color:#666;height:120px;overflow:hidden;margin:45px 0}
.about_in .pic {width:420px}
.about_in .pic .tit {display:block;width:140px;height:140px;color:#fff;padding:25px 20px;background:#d1494f}
.about_in .pic .tit h4 {font-size:18px;line-height:22px;position:relative;font-weight:500}
.about_in .pic .tit h4:before {content:'';position:absolute;width:22px;height:2px;background:#fff;left:0;bottom:-12px}
.about_in .pic .tit p {font-size:12px; text-transform:uppercase;line-height:20px;margin-top:20px}
.about_in .picbox {width:280px;overflow:hidden;position:relative}
.about_in .picbox img {display:block;width:100%;height:100%;transition:all 0.6s}
.about_in .picbox .tit {background:rgba(224,27,37,0.8);position:absolute;left:0;top:0}
.about_in .picbox1 .tit {background:rgba(180,12,48,0.8)}
.about_in .pic .tit:hover {background:#da1a29}
.about_in .picbox .tit:hover {background:rgba(224,27,37,1)}
.about_in .picbox1 .tit:hover {background:rgba(180,12,48,1)}
.about_in .picbox:hover img {transform:scale(1.1)}

.youshi_in {width:100%;background:#f4f5f7;padding:95px 0 90px}
.youshi_in .fw {position:relative;padding-left:390px}
.youshi_in .fw:before {width:1px;height:565px;background:#dfdfe0;right:0;top:-95px;content:'';position:absolute}
.youshi_in .fw:after {content:'';position:absolute;width:85%;height:1px;background:#dfdfe0;left:390px;top:329px}
.youshi_in .title {width:390px;height:690px;background:#233858;border-radius:0 40px 0 0;position:absolute;left:0;top:-40px;padding:60px 35px}
.youshi_in .title .box {width:100%;height:100%;border:11px solid #b7b7b7;padding:50px 35px}
.youshi_in .title .box h4 {font-size:20px;color:#fff}
.youshi_in .title .box h4 span {color:#e0363e}
.youshi_in .title .box h2 {font-size:30px;color:#fff;line-height:65px}
.youshi_in .title .box p.pt {font-size:15px;color:#e6e6e6;line-height:35px;position:relative;margin-bottom:20px;margin-top:20px;opacity:0.8}
.youshi_in .title .box p.pt:before {content:'';position:absolute;width:25px;height:2px;background:#fff;left:0;bottom:-10px}
.youshi_in .title .box p.pt1 {font-size:12px;color:#e6e6e6;line-height:25px;opacity:0.6}
.youshi_in .title .box .tel {text-align:center;font-size:26px;color:#fff;margin-top:50px}
.youshi_in .title .box .tel span {display:inline-block;width:37px;height:37px;text-align:center;color:#fff;background:#4f6079;border-radius:50%;margin-right:15px; vertical-align:middle}
.youshi_in .title .box .tel span i {line-height:37px;font-size:19px}
.youshi_in .title .box a.more {display:block;margin:35px auto 0;width:145px;height:41px;text-align:center;line-height:39px;color:#fff;border-radius:3px;background:#e0363e;border:1px solid #e0363e}
.youshi_in .title .box a.more i {font-size:16px;margin-right:5px}
.youshi_in .title .box a.more:hover {background:#233858;color:#e0363e}
.youshi_in .title1 {position:absolute;width:370px;right:20px;top:66px;z-index:2}
.youshi_in .title1 p.pt {font-size:16px;color:#333;line-height:35px}
.youshi_in .title1 p.pt1 {font-size:12px;color:#333;line-height:31px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;opacity:0.6}
.youshi_in p.bg {position:absolute;font-size:103px;color:#e1e1e1;opacity:0.5;transform:rotate(90deg);right:-280px;top:280px;font-weight:bold;font-family:Arial;z-index:1}
.youshi_in .list {width:100%;position:relative;z-index:5}
.youshi_in .list .bd li {float:left;width:100%}
.youshi_in .list .bd li .pic {width:472px;height:329px;border-radius:0 0 30px 0;overflow:hidden}
.youshi_in .list .bd li .pic img {display:block;width:100%;height:100%}
.youshi_in .list .bd li .txt {width:100%;padding-left:135px;padding-right:285px;margin-top:65px}
.youshi_in .list .bd li .txt h2.tt {font-size:24px;color:#333;font-weight:500;line-height:40px;margin-bottom:10px}
.youshi_in .list .bd li .txt p {font-size:15px;color:#666;line-height:31px;height:62px;}
.youshi_in .list .btn {position:absolute;width:159px;height:42px;overflow:hidden;background:#e0363e;border-radius:0 20px 0 20px;bottom:-30px;right:10px;padding:0;border:0}
.youshi_in .list .btn:before {content:'';position:absolute;width:1px;height:24px;left:50%;top:9px;opacity:0.6;background:#fff}
.youshi_in .list .btn a {display:block;width:50%;float:left;color:#fff;height:42px;text-align:center;font-size:24px}
.youshi_in .list .btn a i {line-height:41px}
.youshi_in .list .btn a:hover {color:#233858}

.shuju {width:100%;padding-top:80px}
.shuju .fw {padding:0}
.shuju .tt {width:445px;position:relative}
.shuju .tt:before {position:absolute;content:'';width:155px;height:1px;background:#ccc;right:0;top:26px}
.shuju .tt h2 {font-size:38px;color:#233858;line-height:55px}
.shuju .list {width:855px;padding-top:5px}
.shuju .list li {width:33.333333%;float:left;position:relative}
.shuju .list li:before {content:'';position:absolute;width:1px;height:55px;background:#ccc;left:0;top:50%;margin-top:-27px}
.shuju .list li:first-child:before {display:none}
.shuju .list li h2 {text-align:center}
.shuju .list li h2 b {font-size:62px;color:#233858}
.shuju .list li h2 span {font-size:14px;color:#666; vertical-align:32px;margin-left:5px;font-weight:300}
.shuju .list li p {font-size:14px;color:#888;text-align:center;line-height:30px}

.pro_in {width:100%;background:url(../image/pro_bg1.jpg) no-repeat;height:1016px;background-size:cover;background-color:#233858}
.pro_in .list {width:100%}
.pro_in .list .subleft {width:313px;background:#dc2f30;padding:20px 20px 0;margin-top:-50px;border-radius:0 40px}
.pro_in .subleft .tit {position:relative;padding-bottom:10px;margin:20px 0}
.pro_in .subleft .tit h4 {font-size:20px;color:rgba(255,255,255,0.6);font-weight:500;line-height:28px}
.pro_in .subleft .tit h2 {font-size:26px;color:#fff;line-height:40px}
.pro_in .subleft .tit:before {content:'';position:absolute;width:51px;height:3px;background:#233758;left:0;bottom:0}
.pro_in .subleft .form1 {width:100%;padding-bottom:10px}
.pro_in .subleft .form1 p {width:100%;height:37px;background:#fff;border-radius:5px;overflow:hidden;position:relative;margin-bottom:10px}
.pro_in .subleft .form1 p span {position:absolute;right:10px;line-height:37px;top:0}
.pro_in .subleft .form1 .text1 {width:100%;height:37px;line-height:37px;padding:0 10px}
.pro_in .subleft .form1 .text2 {padding-right:55px}
.pro_in .subleft .form1 .btn1 {width:100%;height:41px;background:#233758;color:#fff;border-radius:5px; cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,0.5);transition:all 0.3s}
.pro_in .subleft .form1 .btn1:hover {box-shadow:0 0}
.pro_in .list .hd {width:100%}
.pro_in .list .hd li {padding:2px 0;border-bottom:1px dashed #233758;}
.pro_in .list .hd li a {display:block;position:relative;height:55px;line-height:55px;color:#fff;padding-right:38px;padding-left:31px;border-radius:5px}
.pro_in .list .hd li a i {position:absolute;right:10px;top:0;font-size:18px;line-height:55px}
.pro_in .list .hd li a span.icon {position:absolute;width:16px;height:16px;background:url(../image/pro_type_icon.png) no-repeat 0 0;left:8px;top:19px}
.pro_in .list .hd li a:hover {background:#233758}
.pro_in .list .hd a.more {display:block;padding:0 20px;color:#fff;line-height:55px;text-align:center; vertical-align:middle}
.pro_in .list .hd a.more span.icon {margin-right:3px;display:inline-block;width:24px;height:24px;background:url(../image/pro_type_icon1.png) no-repeat 0 0; vertical-align:middle;}
.pro_in .list .hd a.more:hover {text-decoration:underline;color:#333}
.pro_in .list .subright {width:987px;padding-top:57px;float:right}
.pro_in .list .subright .tit {text-align:center;color:#fff;margin-bottom:30px}
.pro_in .list .subright .tit h2 {font-size:36px;line-height:55px}
.pro_in .list .subright .tit p {font-size:16px;line-height:30px}
.pro_in .list .bd li {float:left;width:33.333333%}
.pro_in .list .bd li a.box {width:100%;padding-left:15px;display:block;margin-bottom:20px}
.pro_in .list .bd li a.box .pic {display:table;width:100%}
.pro_in .list .bd li a.box .pic span {display:table-cell;width:100%;height:313px;background:#fff;border:1px solid #dfdfdf;overflow:hidden; vertical-align:middle;transition:all 0.5s}
.pro_in .list .bd li a.box .pic span img {display:block;max-width:100%;max-height:100%; vertical-align:middle;margin:0 auto;transition:all 0.5s}
.pro_in .list .bd li a.box p {text-align:center;color:#fff;line-height:51px;background:#dc2f30;font-size:16px;font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_in .list .bd li a.box:hover .pic span img {transform:scale(1.1)}

.news_in {width:100%;padding:82px 0}
.news_in .fw {position:relative;padding-left:245px}
.news_in .title-in {top:0}
.news_in .list {width:100%}
.news_in .list .hd {width:100%;margin-bottom:30px}
.news_in .list .hd li {float:left;margin-right:1px}
.news_in .list .hd li a {display:block;font-size:16px;width:138px;height:45px;line-height:45px;background:#cfcfcf;color:#333;text-align:center}
.news_in .list .hd li:last-child a{border-radius:0 5px 5px 0}
.news_in .list .hd li:first-child a{border-radius:5px 0 0 5px}
.news_in .list .hd li.on a{background:#233858;color:#fff}
.news_in .list .bd {width:100%}
.news_in .list .bd li.fl {width:646px}
.news_in .list .bd li.fl dd {width:100%}
.news_in .list .bd li.fl dd a {display:block;position:relative;height:157px;padding:25px 40px;padding-left:200px;border-bottom:1px solid #ddd}
.news_in .list .bd li.fl dd a .pic {width:171px;height:107px;overflow:hidden;border-radius:5px;position:absolute;left:0;top:25px;transition:all 0.3s}
.news_in .list .bd li.fl dd a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news_in .list .bd li.fl dd a .txt {width:100%;transition:all 0.3s}
.news_in .list .bd li.fl dd a .txt h4.tt {font-size:16px;color:#333;line-height:41px;font-weight:500;transition:all 0.3s}
.news_in .list .bd li.fl dd a .txt p.pt {color:#888;line-height:28px;height:56px;overflow:hidden;transition:all 0.3s}
.news_in .list .bd li.fl dd a:hover {padding-left:220px;padding-right:20px;background:#233858}
.news_in .list .bd li.fl dd a:hover .pic {left:20px}
.news_in .list .bd li.fl dd a:hover .txt h4.tt {color:#fff}
.news_in .list .bd li.fr {width:363px;padding-top:25px}
.news_in .list .bd li.fr a {display:block;width:100%;height:100%;background:#f5f5f5;padding:20px 20px 30px}
.news_in .list .bd li.fr a .pic {width:100%;height:201px;overflow:hidden}
.news_in .list .bd li.fr a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.news_in .list .bd li.fr a .txt {padding-top:20px}
.news_in .list .bd li.fr a .txt p.date {color:#888;line-height:22px;transition:all 0.3s}
.news_in .list .bd li.fr a .txt h4.tt {font-size:16px;color:#333;line-height:41px;border-bottom:1px solid #555;padding-bottom:5px;margin-bottom:20px;font-weight:500;transition:all 0.3s}
.news_in .list .bd li.fr a .txt p.pt {color:#888;line-height:28px;height:84px;overflow:hidden;transition:all 0.3s}
.news_in .list .bd li.fr a:hover {background:#233858}
.news_in .list .bd li.fr a:hover h4.tt {color:#fff;border-color:#fff}
.news_in .list .bd li.fr a:hover p.pt, .news_in .list .bd li.fr a:hover p.date {color:#fff;opacity:0.6}
.news_in .list .bd li.fr a:hover .pic img {transform:scale(1.1)}

.app_in {width:100%;background:url(../image/app_bg.jpg) no-repeat right top;background-size:auto 100%;background-color:#233858;margin-top:80px}
.app_in .fw {position:relative}
.app_in .title-in {top:-81px}
.app_in .title-in h2 {font-size:21px}
.app_in .title {padding-left:236px;padding-top:65px;overflow:hidden;width:1042px}
.app_in .title p.pt {color:rgba(255,255,255,0.6);line-height:24px;width:450px}
.app_in .title a.more-in {border:1px solid #fff;color:#fff}
.app_in .title a.more-in:hover {border:1px solid #e0363e}
.app_in .list {width:1075px;margin-top:100px}
.app_in .list li {float:left;width:33.333333%;padding-right:33px;margin-bottom:30px}
.app_in .list li a {display:block;border-radius:5px;border:1px solid rgba(255,255,255,0.6);height:153px;padding:25px;position:relative}
.app_in .list li a .numb {font-size:23px;color:#fff;margin-top:42px;font-weight:500;transition:all 0.3s}
.app_in .list li a .tt {font-size:18px;color:#fff;line-height:32px;font-weight:500}
.app_in .list li a .pic {position:absolute;width:118px;height:118px;border-radius:50%;overflow:hidden;right:25px;top:18px}
.app_in .list li a .pic img {width:100%;transform:scale(1.3);transition:all 0.6s}
.app_in .list li a:hover {border:1px solid #e0363e}
.app_in .list li a:hover .numb {margin-top:32px}
.app_in .list li a:hover .pic img {transform:scale(1.5)}

.link {width:100%;overflow:hidden}
.link .tt {width:100px;line-height:24px;font-size:18px;color:#333;text-align:right;padding-right:20px;border-right:1px solid #ddd;margin-right:20px;margin-top:23px}
.link .tt b {display:block;color:#e0363e;font-size:16px;font-family:Arial, Helvetica, sans-serif}
.link a {color:#333;line-height:95px;font-size:16px}
.link span {line-height:95px;padding:0 10px;color:#888;float:left;font-size:16px}
.link a:hover {color:#e0363e}

.foot {width:100%;background:#1f2837;padding:77px 0 50px;}
.foot .lev1 .fr {width:468px}
.foot .lev1 .top-search {border:1px solid rgba(255,255,255,0.5);float:left;margin-right:20px;margin-top:0;padding-right:55px}
.foot .lev1 .top-search .text1 {color:#fff}
.foot .lev1 .top-search a.btn1 {display:block;width:35px;height:41px;text-align:left;position:absolute;right:0;top:0;background:0}
.foot .lev1 .top-search a.btn1 i {line-height:41px;font-size:18px;color:#e0363e;transition:all 0.3s}
.foot .lev1 .top-search a.btn1:hover i {color:#fff}
.foot .lev1 a.ewm_btn {display:block;float:left;width:43px;height:43px;border:1px solid #9097a1;border-radius:50%;margin-right:15px;background:url(../image/ewm_icon.png) no-repeat;background-size:250%;position:relative}
.foot .lev1 a.ewm_btn .icon {position:absolute;width:150px;height:170px;background:url(../image/ewm_bg.png) no-repeat;left:50%;margin-left:-78px;transition:all 0.3s; visibility:hidden; opacity:0;bottom:55px;padding:1}
.foot .lev1 a.ewm_btn .icon img {display:block;width:100%}
.foot .lev1 a.ewm_btn:hover .icon {visibility:visible;bottom:43px;opacity:1}
.foot .lev1 a.ewm_btn.a1 {background-position:7px 8px;}
.foot .lev1 a.ewm_btn.a1:hover {background-position:7px -28px;border:1px solid #fff}
.foot .lev1 a.ewm_btn.a2 {background-position:-32px 8px;}
.foot .lev1 a.ewm_btn.a2:hover {background-position:-32px -26px;border:1px solid #fff}
.foot .lev1 a.ewm_btn.a3 {background-position:-70px 8px;margin-right:0}
.foot .lev1 a.ewm_btn.a3:hover {background-position:-70px -26px;border:1px solid #fff}
.foot .lev2 {border:1px solid rgba(255,255,255,0.1);border-right:0;border-left:0;padding:30px 0;margin-top:30px}
.foot .lev2 li {width:25%;float:left;padding-right:20px}
.foot .lev2 li p {font-size:16px;color:#e0363e;line-height:41px}
.foot .lev2 li p i {font-size:18px;margin-right:5px}
.foot .lev2 li h4 {font-weight:300;font-size:14px;color:#fff;line-height:35px}
.foot .lev3 li {float:left;width:12.5%;text-align:center;position:relative;height:55px;line-height:55px}
.foot .lev3 li:before {content:'';position:absolute;width:1px;height:15px;background:rgba(255,255,255,0.1);right:0;top:20px}
.foot .lev3 li:last-child:before {display:none}
.foot .lev3 li a {color:#fff}
.foot .lev3 li a:hover {color:#e0363e}
.foot .copyright {width:100%;border-top:1px solid rgba(255,255,255,0.1);padding:30px 0 0;line-height:24px;color:rgba(255,255,255,0.5)}
.foot .copyright a {color:#e0363e}
.foot .copyright a:hover {color:#fff}

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

.met_pager{margin-top:50px; 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{border:1px solid #e4eaec;margin-right:-1px; background:#fff; padding:9px 15px; text-align:center; color:#76838f}
.met_pager span{background:#d53233;color:#fff;border:1px solid #d53233}
.met_pager a.current{background:#d9313a;color:#fff;border:1px solid #d9313a}
.met_pager a:hover{background:#233858;border-color:#233858;color:#fff}


.banner {width:100%;height:346px;background:#333}
.banner .fw {position:relative;height:100%;overflow:hidden}
.banner .fw h2 {text-align:right;color:#fff;font-size:35px;margin-top:100px;font-weight:bold}
.banner .fw h2 b {display:block;font-size:45px;font-weight:500}
.website {position:absolute;height:45px;line-height:45px;width:300px;right:0;bottom:0;text-align:center;color:#fff;text-align:right}
.website a {color:#fff}
.website a:hover {text-decoration:underline}
.website i {padding:0 10px}
.banner-about {background:url(../image/banner_about.jpg) no-repeat center;background-size:cover}
.banner-pro {background:url(../image/banner_pro.jpg) no-repeat center;background-size:cover}
.banner-brand {background:url(../image/banner_brand.jpg) no-repeat center;background-size:cover}
.banner-feed {background:url(../image/banner_feed.jpg) no-repeat center;background-size:cover}
.banner-news {background:url(../image/banner_news.jpg) no-repeat center;background-size:cover}
.banner-con {background:url(../image/banner_con.jpg) no-repeat center;background-size:cover}
.banner-app {background:url(../image/banner_app.jpg) no-repeat center;background-size:cover}
.banner-job {background:url(../image/banner_job.jpg) no-repeat center;background-size:cover}


.inner_box {padding-bottom:80px}


.product {background:#f5f5f5}
.inner_fl {width:240px}
.fl_slide {width:100%;background:#d9313a;border-radius:0 30px 0 30px;overflow:hidden;margin-top:-80px}
.fl_slide .title {background:#c3242d;padding:40px 30px;color:#fff}
.fl_slide .title h2 {font-size:25px;padding-bottom:10px;margin-bottom:10px;position:relative}
.fl_slide .title h2:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(255,255,255,0.2)}
.fl_slide .title h4 {font-size:16px;color:rgba(255,255,255,0.5);text-align:right;font-weight:300; text-transform:uppercase}
.fl_slide ul {padding:15px}
.fl_slide ul li a {display:block;width:100%;height:42px;line-height:42px;color:rgba(255,255,255,0.8);padding:0 10px;border-bottom:1px solid rgba(255,255,255,0.2)}
.fl_slide ul li a:hover, .fl_slide ul li a.cur {background:#c3242d;color:#fff;padding-left:20px;border-bottom:1px solid #d9313a;border-radius:5px}

.inner_fr {width:1010px}
.prolist {width:1040px;padding-top:40px}
.prolist .type_tt {font-size:31px;color:#233858;line-height:59px;margin-left:30px}
.prolist li {float:left;width:33.333333%;padding-left:30px;margin-top:20px}
.prolist li .pic {width:100%;display:table}
.prolist li .pic span {width:100%;height:250px;display:table-cell;overflow:hidden; vertical-align:middle;border:1px solid #ddd;background:#fff;border-radius:10px}
.prolist li .pic span img {display:block;max-width:100%;max-height:100%;margin:0 auto; vertical-align:middle;transition:all 0.6s}
.prolist li p.pt {text-align:center;line-height:45px;font-size:15px;color:#333}
.prolist li a:hover .pic span img {transform:scale(1.1)}
.prolist li a:hover p.pt {color:#e0363e}

.type_search {padding-left:30px;margin-bottom:30px}
.type_search .form1 {width:100%;background:#233858;padding:20px;border-radius:30px 0;position:relative;padding-left:160px}
.type_search b.tt {display:block;position:absolute;color:#fff;font-size:18px;line-height:41px;left:40px;top:20px}
.type_search .text1 {
	width:180px;
	height:41px;
	line-height:41px;
	padding:0 10px;
	background:#fff;
	float:left;
	margin-right:23px;
	border-radius:5px;
	color: #333;
	position:relative;z-index:102
}
.type_search input::-webkit-input-placeholder {color: #999}
.type_search input.text2 {width:80px;position:relative;z-index:102}
.type_search .btn1 {
	width:110px;
	height:41px;
	border-radius:5px;
	display:block;
	float:right;
	background:#FF9800;
	border:0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	line-height:41px;
	transition:all 0.4s;
	-ms-transition:all 0.4s;
	position:relative;z-index:102
}
.type_search .btn1:hover {box-shadow: none}
.type_search .select_box{
	float:left;
	position:relative;cursor:pointer;
	font-size:14px;
	color:#999;
	width:180px;
	height:41px;
	line-height:41px;
	z-index:500;
	z-index:102
}
.selet_open{display:inline-block;position:absolute;right:10px;top:0;width:20px;height:41px; background:url(../image/search_icon1.gif) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:5px;width:110px;line-height:41px;height:41px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:49px;left:0px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:30px;line-height:30px;font-size:14px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#d7003f; color:#fff;}

.pro_detail {padding-top:60px}
.pro_detail .box{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:30px;margin-bottom:30px}
.pro_detail .jianjie .pic {width:45%;display:table}
.pro_detail .jianjie .pic span {width:100%;height:350px;border:1px solid #ddd;display:table-cell;border-radius:10px; vertical-align:middle;overflow:hidden}
.pro_detail .jianjie .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%}
.pro_detail .jianjie .txt {width:51%}
.pro_detail .jianjie .txt h2.tt {font-size:28px;font-weight:500;line-height:35px;color:#333;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .jianjie .txt ul li {width:50%;padding-right:20px;float:left;line-height:31px;color:#888}
.pro_detail .jianjie .txt a.more {width:150px;height:45px;margin-top:30px;line-height:45px;display:block;background:#d9313a;color:#fff;border-radius:0 20px 0 20px;text-align:center;position:relative;overflow:hidden}
.pro_detail .jianjie .txt a.more span {position:relative;z-index:2}
.pro_detail .jianjie .txt a.more:before {content:'';position:absolute;width:200px;height:200px;border-radius:50%;left:-135px;top:-30px;background:#233858;z-index:1;transition:all 0.6s}
.pro_detail .jianjie .txt a.more i {margin-right:35px;transition:all 0.6s}
.pro_detail .jianjie .txt a.more:hover:before {left:-15px;top:-50px}
.pro_detail .jianjie .txt a.more:hover i {margin-right:10px}
.pro_detail h4.subtitle {font-size:25px;padding-bottom:10px;color:#333;line-height:40px;font-weight:500;border-bottom:1px solid #ddd}
.pro_detail .tuzhi .txt {padding-top:20px}
.pro_detail .tuzhi .txt img {display:block;margin:0 auto;max-width:100%;}
.pro_detail .canshu table {min-width:50%;margin-top:20px}
.pro_detail .canshu th, .pro_detail .canshu td {padding:0 5px;height:35px;line-height:35px;border:1px solid #dee2e6}
.pro_detail .canshu th.tt {background:#e9ecef;color:#222;font-weight:bold}
.pro_detail .canshu td.tit {width:150px}
.boutlist ul {margin-left:-20px}
.boutlist li {float:left;width:25%;padding:20px 0 20px 20px}
.boutlist li a {display:block;box-shadow:0 1px 5px rgba(0,0,0,0.1);border-radius:5px}
.boutlist li a .pic {width:100%;display:table}
.boutlist li a .pic span {width:100%;height:180px;padding:10px;display:table-cell; vertical-align:middle;overflow:hidden}
.boutlist li a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:100%;max-height:100%}
.boutlist li a p.pt {text-align:center;color:#333;line-height:45px;padding-top:3px;position:relative;transition:all 0.3s}
.boutlist li a p.pt:before {content:'';position:absolute;width:0;height:3px;background:#233858;left:0;top:0;transition:all 0.3s}
.boutlist li a:hover p.pt {background:#e9ecef}
.boutlist li a:hover p.pt:before {width:100%}

.newslist {padding-left:30px}
.newslist h2.title {
	font-size: 31px;
    color: #233858;
    line-height: 59px;
	font-weight:500;
	border-bottom:1px solid #ddd;
	margin-top:30px;
	}
.newslist li {width:100%}
.newslist li a {display:block;position:relative;height:157px;padding:25px 40px;padding-left:200px;padding-right:150px;border-bottom:1px solid #ddd}
.newslist li a .pic {width:171px;height:107px;overflow:hidden;border-radius:5px;position:absolute;left:0;top:25px;transition:all 0.3s;background:#233858}
.newslist li a .pic img {display:block;width:100%;height:100%;transition:all 0.3s}
.newslist li a .txt {width:100%;transition:all 0.3s}
.newslist li a .txt h4.tt {font-size:16px;color:#333;line-height:41px;font-weight:500;transition:all 0.3s}
.newslist li a .txt p.pt {color:#888;line-height:28px;height:56px;overflow:hidden;transition:all 0.3s}
.newslist li a .date {position:absolute;right:30px;top:35px;font-family:Arial, Helvetica, sans-serif;padding-left:20px}
.newslist li a .date h2 {font-size:28px;font-weight:300;color:#888;line-height:40px}
.newslist li a .date p {font-size:18px;color:#999}
.newslist li a .date:before {content:'';position:absolute;width:1px;height:60px;left:0;top:0;background:#eee}
.newslist li a:hover {padding-left:220px;padding-right:150px;background:#233858}
.newslist li a:hover .pic {left:20px}
.newslist li a:hover .txt h4.tt {color:#fff}
.newslist li a:hover .date h2, .newslist li a:hover .date p, .newslist li a:hover .txt p.pt {color:rgba(255,255,255,0.6)}

.newsdetail {background:#f5f5f5}
.newsdetail .inner_fr {padding-left:50px;padding-top:50px}
.newsdetail .detail {background:#fff;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.1);padding:30px}
.newsdetail .detail h2.tt {font-size:28px;line-height:38px;font-weight:500;color:#333;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;padding-top:20px}
.newsdetail .detail p.date {text-align:center;color:#888;line-height:28px}
.newsdetail .detail .txt {line-height:28px;color:#666;margin-top:20px;text-indent:2em;}
.newsdetail .detail .txt img {display:block;margin:10px auto;max-width:100%}

.met-shownews-footer {padding-bottom:10px;overflow:hidden;margin-top:30px}
.met-shownews-footer ul.pager {
    background:#e0363e;border-radius:0 20px 0 20px;box-shadow:0 2px 3px rgba(0,0,0,0.1);overflow:hidden;position:relative}
.met-shownews-footer ul.pager:before {content:'';position:absolute;width:1px;height:35px;background:rgba(255,255,255,0.3);left:50%;top:5px}
.met-shownews-footer ul.pager li {width:50%;float:left}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:block;
	padding:0 20px;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:14px;
	border-radius:0
	}
.met-shownews-footer ul li a:hover {background:#233858;color:#fff}
.met-shownews-footer ul li a:hover span{color:#fff}
.met-shownews-footer ul li.previous a {width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.met-shownews-footer ul li.next a {width:100%;text-align:right;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}

.job {background:#f5f5f5}
.job .inner_fr {padding-top:50px;width:100%}
.job .box {background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);border-radius:10px;padding:30px}
.job .box .tit {font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #ccc}
.job .box ul.ulist li {float:left;padding:0 10px;line-height:55px;color:#fff;font-size:16px}
.job .box ul.ulist li.li1 {width:30%}
.job .box ul.ulist li.li2, .job .box ul.ulist li.li3 {width:17%}
.job .box ul.ulist li.li4, .job .box ul.ulist li.li5 {width:18%}
.job .box .tit ul.ulist li {font-size:18px;line-height:55px;color:#333}
.job .box .txt {border-bottom:1px solid #eee}
.job .box .txt ul.ulist {position:relative}
.job .box .txt ul.ulist:hover {background:#f2f3f7}
.job .box .txt ul.ulist li {color:#333}
.job .box .txt ul li.jt {position:absolute;right:10px;top:0;font-size:16px; cursor:pointer}
.job .box .txt ul li.jt:hover {color:#e0363e}
.job .box .txt ul li.li1 {font-weight:bold}
.job .box .txt .content {width:100%;background:#f8f9fc;line-height:24px;padding:20px;overflow:hidden; display:none}
.job .box .txt .content h2.tt {font-size:16px;color:#333;line-height:39px;margin:10px 0 0}
.job .box .txt .content a.btn1 {display:block;margin-top:30px;width:130px;height:40px;line-height:40px;background:#e0363e;color:#fff;text-align:center;border-radius:5px}
.job .box .txt .content a.btn1:hover {background:#233858}

.contact .inner_fr {width:100%;padding-left:0;padding-top:30px}
.contact .inner_fr .tt {color:#333;line-height:40px;text-align:center;padding-bottom:40px}
.contact .inner_fr .tt h4 {font-size:16px;font-weight:300}
.contact .inner_fr .tt h2 {font-size:28px;font-weight:300;color:#e0363e}
.contactList ul li {
    border-left:1px solid #dededd;
    padding:20px 0 40px;
	width:33.333333%;
	float:left
}
.contactList ul li:first-child {border-left:0}
.contactList ul li img {
    display: block;
    margin: 0 auto 10px;
    height: 40px;
    animation: tb linear 3s infinite alternate;
	
}
.contactList ul li h4 {
    font-size:21px;
    text-align:center;
    line-height:60px;
    margin:0;
	font-weight:500;
	color:#333
}
.contactList ul li p {
    text-align:center;
    font-size:16px;
    height:60px;
    line-height:20px;
    padding: 0 20px;
}

.contactBox {width:100%;border:5px solid #f4f4f4;overflow:hidden;margin-top:40px;border-radius:10px}
.contactBox ul li {
    padding: 2% 5%;
    margin:40px 0;
    border-left:1px solid #dededd;
    min-height:370px;
	float:left;
	width:50%
}
.contactBox li.con {line-height:28px;border-left:0}
.contactBox li.con h2 {font-size:24px;font-weight:500;color:#333;line-height:39px;margin-bottom:20px}
.contactBox .proMessage h4 {font-size:24px;font-weight:500;text-align:center;color:#333;margin-bottom:5px}
.contactBox .proMessage p {margin-bottom:20px;text-align:center;font-size:13px;color:#999}
.contactBox .promessageBox .li1 {width:100%;padding:10px 10px}
.contactBox .promessageBox .row .li1 {width:50%;padding:10px 10px}
.contactBox .promessageBox .li1 .text1 {width:100%;border:1px solid #ddd;height:37px;line-height:37px;padding:0 10px;border-radius:3px}
.contactBox .promessageBox .li1 .contact-textarea {height:86px;line-height:22px;padding:10px}
.contactBox .promessageBox .li1 .contact-imgCode {width:60%}
.contactBox .promessageBox .li1 .contactImgcode {vertical-align:middle;margin-left:10px}
.contactBox .promessageBox .li1 .contact-bth {width:100%;height:39px;line-height:39px;text-align:center;background:#233858;color:#fff;border-radius:3px; cursor:pointer}

.contactMap {margin-top:40px}
.contactMap h2 {text-align:center;font-size:24px;font-weight:500;color:#333}
#dituContent1 {width:100%;height:450px;margin-top:20px;border:1px solid #ddd}

.about .inner_fr {padding-left:50px;padding-top:50px}
.about .inner_fr h2.title {font-size:31px;color:#233858;font-weight:500;line-height:59px;border-bottom:1px solid #dedede;margin-bottom:30px}
.about .inner_fr .box {line-height:24px}
.about .inner_fr .box img {display:block;max-width:100%;margin:20px auto}
.about .album li {float:left;width:33.333333%;padding:10px}
.about .album li span {float:left;width:100%; display:block; text-align:center;line-height:35px;}
.about .album li a {display:block;width:100%;height:225px;position:relative;overflow:hidden}
.about .album li a:before {content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:3;opacity:0;transition:all 0.3s}
.about .album li a i {position:absolute;width:55px;height:55px;text-align:center;line-height:55px;left:50%;margin-left:-27px;top:50%;margin-top:-37px;opacity:0;color:#fff;z-index:5;font-size:25px;transition:all 0.3s}
.about .album li a img {display:block;width:100%;height:100%;transition:all 0.3s}
.about .album li a:hover:before {opacity:1}
.about .album li a:hover i{opacity:1;margin-top:-27px}
.about .album li a:hover img {transform:scale(1.1)}
.about_art {padding:30px;background:url(../image/about_art_bg.jpg) no-repeat center bottom;font-size:18px;color:#333;line-height:39px;padding-bottom:60px}
.about_art h2 {font-size:35px;line-height:45px;padding:10px 0 40px;font-weight:500}
.about_yj {line-height:31px}

.prolist .type_tt {position:relative}
.prolist .type_tt a.filter {display:none;position:absolute;right:0;top:0;font-size:16px;line-height:60px;color:#666}
.prolist .type_tt a.filter i {line-height:60px;color:#c3242d;margin-right:5px}

.app {background:#f5f5f5}
.app .app_in {width:100%;background:none}
.app .app_in .list {width:100%;margin-top:0}
.app .app_in .list li a {background:#fff;height:185px}
.app .app_in .list li a .numb, .app .app_in .list li a .tt {color:#333}
.app .app_in .list li a .pic {width:148px;height:148px}
.app .app_in .list li a .numb {margin-top:72px}
.app .app_in .list li a:hover .numb {margin-top:62px}

.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.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.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:1300px){
.side {display:none}
.fw {width:auto;padding:0 20px}
.headnav li>a {padding:0 30px}
.about_in {padding-bottom:60px}
.about_in .fw, .pro_in .fw, .news_in .fw {padding-left:20px}
.title-in {
    width:100%;
    text-align:center;
    height:auto;
    padding:25px 17px;
    color:#333;
    position:relative;
    left:auto;
    top:0;
	background-color:inherit;
	background-image:none;
	margin-top:20px;
	}
	.title-in h2, .title-in h3 {font-size:26px;line-height:39px;display:inline}
	.title-in h3 {padding-left:10px}
	.title-in h4 {margin-top:30px}
	.title-in h4:before {background:#e01b25;left:50%;margin-left:-25px;top:-20px;bottom:0}
	.about_in .txt {margin-top:40px;width:500px}
	.about_in .pic {margin-top:40px}
	.youshi_in .fw:after, .youshi_in .title1 {display:none}
	.youshi_in .list .bd li .txt {padding-left:35px;padding-right:35px;margin-top:35px}
	.youshi_in .list .btn {position:relative;margin-left:35px;margin-top:20px}
	.youshi_in p.bg {display:none}
	.shuju {padding:100px 0 20px}
	.shuju .tt {width:100%;text-align:center}
	.shuju .tt h2 {font-weight:500}
	.shuju .tt:before {display:none}
	.shuju .list {width:100%;padding-top:30px}
	.pro_in {margin-top:50px;background:#233858;padding-bottom:20px;height:auto}
	.pro_in .title-in {color:#fff}
	.pro_in .fw {padding:0}
	.pro_in .list .subleft, .pro_in .list .subright {width:100%}
	.pro_in .subleft .form1 p {width:49%;margin:0 0.5%;float:left;margin-bottom:10px}
	.pro_in .subleft .form1 .btn1 {margin:0 0.5%;width:99%}
	.pro_in .list .hd li {float:left;width:33.333333%}
	.pro_in .list .hd ul {overflow:hidden}
	.pro_in .list .bd li a.box {padding:0 5px}
	.news_in {padding-top:40px}
	.news_in .list .hd ul {font-size:0;text-align:center}
	.news_in .list .hd li {display:inline;float:none}
	.news_in .list .hd li a {display:inline-block}
	.news_in .list .bd li.fl {width:580px}
	.app_in {height:auto;margin-top:0;padding-top:30px;padding-bottom:50px}
	.app_in .title-in {color:#fff;top:0}
	.app_in .title-in h2 {font-size:26px}
	.app_in .title {width:100%;padding:0}
	.app_in .title p.pt {float:none;width:100%;text-align:center}
	.app_in .title a.more-in {float:none;margin:20px auto}
	.app_in .list {width:100%;margin-top:30px}
	.app_in .list li {padding:15px;margin-bottom:0}
	.inner_fl {width:23%}
	.inner_fr {width:77%}
	.prolist li , .prolist{padding-left:10px}
	.prolist .type_tt {margin-left:10px;border-bottom:1px solid #ddd;font-size:25px}
	.pro_detail {padding-left:30px}
    .type_search {padding-left:0}
	.type_search .form1 {padding-left:120px}
	.type_search b.tt {left:20px}
	.type_search .text1 {width:28%;margin-right:2%}
	.type_search input.text2 {width:12%}
	.type_search .btn1 {width:12%}
	.website {right:20px}
}
@media screen and (max-width:960px){
	.head {position:relative}
	.head .toptel, .headnav {display:none}
	.head .fw .toggle {display:block;top:50%;margin-top:-30px;font-size:36px}
	.about_in .txt, .about_in .pic {width:50%}
	.about_in .txt {margin-top:0}
	.about_in .pic {padding-left:30px}
	.youshi_in {
    width: 100%;
    background: #f4f5f7;
    padding: 0 0 90px;
    margin-top:20px
	}
	.youshi_in .fw {
		position: relative;
		padding: 0;
	}
	.youshi_in .fw:before {display:none}
	.youshi_in .title {width:100%;height:auto;position:inherit;left:0;top:0;padding:30px}
	.youshi_in .title .box {
		width: 100%;
		height: 100%;
		border: 5px solid #b7b7b7;
		padding: 40px 35px;
		position: relative;
		border-radius: 0 20px 0 0;
	}
	.youshi_in .title .box .tel {position:absolute;right:30px;top:0}
	.youshi_in .title .box a.more {position:absolute;right:30px;top:80px}
	.youshi_in .list {padding:20px}
	.youshi_in .list .bd li .txt {padding-left:0;padding-right:0}
	.youshi_in .list .btn {margin-left:0;margin-top:0}
	.shuju {padding:50px 0 10px}
	.news_in .list .bd li.fl {width:100%}
	.news_in .list .bd li.fr {display:none}
	.app_in .list li {width:50%}
    .type_search .form1 {padding-left:100px}
}
@media screen and (max-width:768px){
	.head {height:76px}
	.head .logo img {height:66px;margin-top:5px}
	.top-search {display:none}
	.phone_search {display:block}
	.about_in .txt, .about_in .pic {width:100%}
	.about_in .txt p.pt {height:auto;margin:30px 0}
	.about_in .pic  {padding-left:0;width:420px}
	.pro_in .list .bd li a.box .pic span {height:230px}
	.pro_in .list .bd li a.box {margin-bottom:10px}
	.foot .lev1 .fr {display:none}
	.foot .lev2 li {width:50%}
	.foot {padding:50px 0}
	.foot .lev3 {display:none}
	.foot .copyright{border-top:none}
	.foot .copyright p {float:none}
	.inner_fl ,	.inner_fr {width:100%}
	.fl_slide {margin-top:20px;background:none;padding-bottom:20px}
	.fl_slide .title {text-align:center;color:#333;background:none;padding-top:20px;padding-bottom:10px}
	.fl_slide .title h4 {text-align:center;color:#666}
	.fl_slide ul {text-align:center;font-size:0}
	.fl_slide ul li {display:inline;margin-right:1px}
	.fl_slide ul li:first-child a {border-radius:5px 0 0 5px}
	.fl_slide ul li:last-child a {border-radius:0 5px 5px 0}
	.fl_slide ul li a {color:#333;display:inline-block;width:auto;padding:0 15px;background:#eee}
	.about .inner_fr {padding:0}
	.fl_slide .title h2:before {width:30px;height:2px;background:#c3242d;left:50%;margin-left:-15px}
	.fl_slide ul li a:hover, .fl_slide ul li a.cur {padding:0 15px;border-bottom:0;border-radius:0}
	.fl_slide ul li:first-child a:hover, .fl_slide ul li:first-child a.cur {border-radius:5px 0 0 5px}
	.fl_slide ul li:last-child a:hover, .fl_slide ul li:last-child a.cur {border-radius:0 5px 5px 0}
	.about .album li {padding:5px}
	.about .album li a {height:190px}
	.prolist{padding-left:0px;padding-top:10px}
	.prolist li{padding:0 3px}
	.prolist li .pic span {height:200px}
	.product .fl_slide ul {display:none}
	.prolist .type_tt {margin-left:0}
	.prolist .type_tt a.filter  {display:block}
	.pro_detail {padding-left:0px;padding-top:20px}
	.prodetail .inner_fl {display:none}
	.boutlist li {width:50%}
	.newslist, .newsdetail .inner_fr {padding-left:0}
	.newsdetail .inner_fr, .job .inner_fr, .contact .inner_fr {padding-top:0}
	.job .box ul.ulist {padding-right:15px}
	.job .box .txt ul li.jt {right:0}
	.banner {height:246px}
    .banner .fw h2 {text-align:right;color:#fff;font-size:35px;margin-top:60px;font-weight:bold}
    .banner .fw h2 b {display:block;font-size:35px;font-weight:500}
}
@media screen and (max-width:628px){
.about_in, .news_in {padding-top:0}
.about_in .txt img {display:none}
.app_in .list li {padding:5px}
	.about .album li a {height:130px}
	.pro_detail .jianjie .pic, .pro_detail .jianjie .txt {width:100%}
	.newslist h2.title {font-size:25px}
	.newslist li a .date {display:none}
	.newslist li a {padding-right:20px}
	.newslist li a:hover {padding-right:20px}
	.contactList ul li {width:100%;border-left:0;border-top:1px solid #ddd;padding:30px 0}
	.contactList ul li p {height:auto}
	.contactBox ul li {width:100%;border-left:0}
	.contactBox li.con {border-bottom:1px solid #ddd;min-height:auto;padding-bottom:30px;margin:30px 0}
	.contactBox ul li.feed {margin-top:0;margin-bottom:20px;padding:0px}
    
    .banner .fw h2 {text-align:right;color:#fff;font-size:35px;margin-top:60px;font-weight:bold}
    .banner .fw h2 b {display:block;font-size:35px;font-weight:500}
}

@media screen and (max-width:480px){
	.head .logo img {height:40px;margin-top:20px}
	.fw {padding:0 10px}
	.about_in .txt p.pt {margin:0 0 10px}
	.about_in .pic {width:381px}
	.about_in .picbox {width:254px}
	.about_in .pic .tit {width:127px;height:127px;padding:20px 15px}
	.youshi_in .title {padding:20px}
	.youshi_in .title .box {padding:30px 25px}
	.youshi_in .title .box .tel {position:inherit;margin-top:30px}
	.youshi_in .title .box a.more {position:inherit;margin:20px 0 0;right:0;top:0}
	.youshi_in .list {padding:0}
	.youshi_in .list .bd li .txt {padding:0 20px}
	.youshi_in .list .btn {margin-left:20px}
	.youshi_in .list .bd li .pic {width:100%;height:260px}
	.shuju .tt h2 {font-size:28px;line-height:45px}
	.shuju .list li h2 b {font-size:31px}
	.shuju .list li h2 span {font-size:12px; vertical-align:12px}
	.shuju .list li p {font-size:12px}
	.pro_in .subleft .form1 p {width:100%;margin:0 0 10px 0}
	.pro_in .subleft .form1 .btn1 {margin:0;width:100%}
	.pro_in .list .hd li {width:100%}
	.pro_in .list .subright .tit {padding:0 10px}
	.pro_in .list .bd li {width:50%}
	.pro_in .list .bd li a.box {padding:2px;margin-bottom:5px}
	.pro_in .list .bd li a.box .pic span {height:195px}
	.pro_in .list .bd li a.box p {line-height:41px;font-size:14px}
	.pro_in .list .subright .tit h2 {font-size:31px}
	.pro_in .list .subright .tit p {font-size:14px}
	.news_in {margin-top:20px}
	.news_in .list .hd li a {width:108px;font-size:14px}
	.news_in .list .bd li.fl dd a {padding:25px 10px;padding-left:180px}
	.news_in {padding-bottom:30px}
	.app_in {padding-top:20px}
	.app_in .list li a .pic {left:50%;margin-left:-56px;right:0}
	.app .app_in .list li a .pic {left:50%;right:0;margin-left:-74px}
	.app_in .list li a, .app .app_in .list li a {padding-top:138px;height:auto}
	.app_in .list li a .numb {margin-top:10px}
	.app .app_in .list li a .numb {margin-top:50px}
	.title-in {margin-top:0}
	.foot .lev2 li {width:100%;margin:5px 0}
	.link {padding-bottom:20px}
	.link .tt {width:100%;text-align:center;margin-right:0;padding-right:0;border-right:0;float:none;margin-bottom:20px}
	.link a, .link span {float:none;line-height:24px}
	.fl_slide ul li a, .fl_slide ul li a:hover, .fl_slide ul li a.cur {padding:0 10px}
	.about .inner_fr h2.title {font-size:26px}
	.about .album li {width:50%}
	.about .album li a {height:150px}
	.inner_box {padding-bottom:40px}
	.about .album {margin-top:-20px}
	.about_art {padding:10px;margin:0 -10px}
	.about_art h2 {font-size:25px}
	.prolist li {width:50%}
	.prolist li .pic span {height:160px}
	.prolist li p.pt {font-size:14px}
	.pro_detail .box {padding:10px;margin-bottom: 10px}
	.pro_detail h4.subtitle {font-size:21px}
	.boutlist ul {margin-left:-10px}
	.boutlist li {padding:10px 0 10px 10px}
	.newslist li a {padding-left:180px;padding-right:5px}
	.newslist h2.title {margin-top:0}
	.newslist li a:hover {padding-right:5px;padding-left:190px}
	.newslist li a:hover .pic {left:10px}
	.newsdetail .detail {padding:10px}
	.newsdetail .detail h2.tt {font-size:21px;line-height:26px}
	.job .box {padding:0}
	.job .box ul.ulist li.li2, .job .box ul.ulist li.li3 {display:none}
	.job .box ul.ulist li.li1 {width:40%}
	.job .box ul.ulist li.li4, .job .box ul.ulist li.li5 {width:30%}
	.banner {height:176px}
    .type_search {display:none}
	.phone_search1 {display:block}
    .banner .fw h2 {text-align:right;color:#fff;font-size:35px;margin-top:30px;font-weight:bold}
    .banner .fw h2 b {display:block;font-size:25px;font-weight:500}
}