/*初始化样式*/
html {margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,navs,section {margin:0;padding:0;border:0;}
body {background:#fff;color:#333;position:relative;font:14px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a {text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:none;outline:none;}
input {padding:0;margin:0;font-family:'Microsoft YaHei';}
img {border:none;background:none;vertical-align:middle;}
ul,ol,li {list-style-type:none;}
select,input,img,select {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0}
table,th,td {vertical-align:middle}
.clearfix:after {content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.clearfix {zoom:1}
.clearboth {height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2 {font-size:12px;font-weight:bold;}
hr {border:0;border-top:1px solid #ccc;height:0;}
/*----- Common css ------*/
.fl {float:left;}
.fr {float:right;}
.di {_display:inline;}
.fwn {font-weight:normal;}
.dib {*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.wh {max-width:1584px;margin:0 auto;padding:0 15px;}
.bxs {overflow:hidden;}
.com-img {overflow:hidden;}
.com-img img {transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.com-img:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexs {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.flex2 {display:flex;align-items:center;flex-wrap:wrap;}
/*头部样式*/
.top1 {color:#fff;border-top:5px solid #0158cb;}
.top1 a {color:#fff;padding:0 3px;}
.kk {height:40px;line-height:36px;overflow:hidden;font-size:14px;background-color:rgb(1,88,203);padding:0 25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.top2 {height:105px;overflow:hidden;border-bottom:1px solid #cccccc;}
.logo {float:left;height:60px;}
.logo img {width:100%;}
.twz {margin-left:25px;margin-top:-5px;padding-left:23px;border-left:1px solid #2151b5;height:68px;color:#0158cb;font-size:22px;font-weight:bold;}
.twz p:nth-child(2) {color:#222222;font-size:18px;font-weight:normal;margin-top:6px;}
.k2 {margin-top:20px;font-size:16px;color:#666666;line-height:31px;background:url(../images/ico_phone.png) no-repeat left center;padding-left:58px;}
.k2 p:nth-child(2) {color:#333333;font-size:30px;font-weight:bold;font-family:"Arial";}
/*热门搜索*/
.sou {margin-top:21px;}
.hotSearch {float:left;height:44px;line-height:44px;font-weight:bold;color:#0158cb;font-size:16px;width:60%;}
.hotSearch a {margin-right:6px;color:#666666;font-weight:normal;}
#search-type {float:left;width:100px;height:24px;border:1px solid #c8c8c8;margin-right:5px;}
#formsearch2 {float:right;width:26.83%;height:46px;border:1px solid #0158cb;border-radius:7px;}
#formsearch2 input {}
#formsearch2 input#keyword {height:44px;line-height:44px;padding-left:20px;float:left;color:#999999;font-size:16px;background:none;border:none;outline:none;width:calc(100% - 87px);}
#formsearch2 input#s_btn {width:87px;height:44px;line-height:44px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size:14px;float:right;background:url(../images/btn_search.png) no-repeat;background-size:100% 100%;text-indent:28px;}
#formsearch2 input::-webkit-input-placeholder {color:#999999;}
#formsearch2 textarea::-webkit-input-placeholder {color:#999999;}
/* 导航样式 */
.nnav {position:relative;z-index:9999;}
.x-menu {}
.x-menu > li {float:left;position:relative;text-align:center;width:12.4%;}
.x-menu > li+li {background:url(../images/line.png) no-repeat left center;}
.x-menu > li > a {display:block;font-size:18px;color:#515050;line-height:60px;}
.x-menu > li:hover > a {background:#0158cb;color:#fff;}
.x-menu > li.active > a {}
.x-menu > li:hover .x-sub-menu {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);}
.x-sub-menu {position:absolute;z-index:99999;width:100%;left:-0%;top:60px;background:#fff;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s ease;transition:all .5s ease;}
.x-sub-menu > li > a {display:block;text-align:center;font-size:15px;color:#333;line-height:50px;height:50px;overflow:hidden;border-bottom:1px dashed #f7f7f7;}
.x-sub-menu > li > a:hover {background:#e9eaeb;}
/*主体样式*/
.cpp img{ height:300px;}
.box1 {margin-top:36px;}
.pt {width:17%;background:#2151b5;line-height:124px;text-align:center;color:#fff;font-size:24px;font-weight:bold;}
.pt img {margin-right:15px;}
.prolist {float:right;width:83%;height:124px;border:1px solid #dcdcdc;padding-top:40px;}
.prolist li {text-align:center;float:left;line-height:39px;width:16%;color:#7f7f7f;font-size:16px;margin:0 2%;margin-bottom:5px;cursor:pointer;background:#333333;position:relative;}
.prolist li:before {content:"";position:absolute;background:url(../images/ico_cate_right.png);z-index:22;right:-5px;top:50%;margin-top:-5px;width:5px;height:10px;}
.prolist li a {color:#fff;}
.prolist li.cur {background:#2151b5;}
.prolist li.cur:before {background:url(../images/ico_cate_right_on.png);}
.proimg {display:none;}
.proimg.clicked {display:block;}
.proimg li {position:relative;margin-top:35px;width:23.6%;}
.proimg li .img img {width:100%;display:block; height:300px;}
.proimg li .mo {position:absolute;left:0;top:0;}
.proimg li h2 {width:70%;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:16px;text-indent:26px;font-weight:400;}
.proimg li .det {background:#e5e5e5;}
.proimg li h4 {background:url(../images/ico_add.png) no-repeat;width:27px;height:28px;margin-right:26px;}
.proimg li:hover .det {background:#2151b5;}
.proimg li:hover h2 {color:#fff;}
.proimg li:hover h4 {background:url(../images/ico_add_on.png) no-repeat;}
.box2 {background:#2151b5;margin-top:55px;padding:44px 0;}
.box2 h2 {text-align:center;font-size:40px;color:#fff;}
.box2 h2 img {max-width:100%;}
.box2 h3 {color:#fff;font-size:22px;text-align:center;margin-top:25px;}
.box3 {background:url(../images/box3_bg.jpg) no-repeat;background-size:100% 100%;padding:72px 0 92px;}
@media (max-width:770px) {
  .box2 h2 {font-size:30px;}
}
.add {}
.add li {}
.add li .img {width:80px;float:left;}
.add li .img img {width:100%;}
.add li .det {margin-left:26px;float:left;margin-top:10px;}
.add li h2 {color:#333333;font-size:30px;}
.add li h3 {color:#898989;font-size:19px;text-transform:uppercase;margin-top:5px;}
.rx {color:#595757;font-size:19px;}
.rx strong {color:#2151b5;font-size:33px;}
.rx img {margin-right:10px;}
.zx {border-radius:18px;background-color:rgb(219,25,34);width:136px;line-height:40px;float:right;text-align:center;font-size:15px;margin-top:8px;}
.zx a {display:block;color:#fff;font-weight:bold;}
.add2 {margin-top:33px;}
.add2 li {width:32%;border-radius:25px;background-color:rgb(255,255,255);box-shadow:0px 4px 10px 0px rgba(10,3,4,0.13);}
.add2 li .img img {width:100%;display:block;}
.add2 li .det {width:83%;margin:0 auto;}
.add2 li h2 {color:#2151b5;font-size:30px;line-height:2.6;}
.add2 li h3 {width:60px;height:2px;background:#2151b5;}
.add2 li h5 {color:#595757;font-size:18px;line-height:32px;margin:1vw 0 2.5vw;}
.box4 {background:#2151b5;padding:100px 0 10px;}
.casezb {width:22.72%;}
.albt {background:url(../images/albt.png) no-repeat;padding-left:26px;color:#fff;text-transform:uppercase;height:191px;padding-top:52px;}
.albt h2 {font-size:50px;}
.albt h3 {font-size:30px;font-weight:bold;}
.sort1 {margin-top:3.6vw;}
.sort1 li {width:48%;float:left;background:#FFF;line-height:61px;font-size:18px;margin-bottom:20px;}
.sort1 li:nth-child(2n) {float:right;}
.sort1 li a {width:88%;margin:0 auto;display:block;color:#595757;background:url(../images/ico_case.png) no-repeat right center;}
.sort1 li:hover {background:#db1922;}
.sort1 li:hover a {color:#fff;background:url(../images/ico_case_on.png) no-repeat right center;}
.case1 {width:72.72%;}
.case1 li {width:32%;margin-bottom:74px;}
.case1 li img {width:100%;display:block; height:270px;}
.box5 {background:url(../images/box5_bg.jpg) no-repeat;background-size:100% 100%;padding:90px 0 128px;}
.abz {width:43.76%;}
.abtt {color:#000000;font-size:40px;}
.abwz {color:#727171;font-size:16px;line-height:32px;margin:1.2vw 0 1.5vw;}
.add3 li {width:100%;}
.add3 li a {display:block;line-height:48px;background:url(../images/ico_about_right.png) no-repeat right center;border-bottom:1px solid #535353;width:100%;}
.add3 li .tu {}
.add3 li .img {display:block;}
.add3 li .img2 {display:none;}
.add3 li h3 {color:#3e3a39;line-height:48px;margin-left:10px;font-size:16px;float:left;}
.add3 li:hover a {border-color:#2151b5;background:url(../images/ico_about_right_on.png) no-repeat right center;}
.add3 li:hover h3 {color:#2151b5;}
.add3 li:hover .img {display:none;}
.add3 li:hover .img2 {display:block;}
.add4 {width:42.21%;}
.add4 li {width:47.87%;position:relative;float:left;}
.add4 li:nth-child(2) {width:51.98%;}
.add4 li:nth-child(1) {margin-left:51.98%}
.add4 li:nth-child(4) {margin-left:51.98%}
.add4 li .img img {width:100%;display:block;}
.add4 li .mask {position:absolute;left:0;top:0;background:rgba(27,27,27,.82);width:100%;height:100%;}
.add4 li .nr {display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;}
.add4 li .wz {text-align:center;}
.add4 li h2 {color:#fff;font-size:45px;display:inline-block;}
.add4 li span {color:#fff;font-size:16px;display:inline-block;}
.add4 li h5 {color:#fff;font-size:16px;margin-top:10px;}
.add4 li:hover .mask {background:rgba(33,81,181,.87);}
.add4 li.cur .mask {background:rgba(33,81,181,.87);}
.box6 {margin:58px 0 45px;}
.box6 .albt {background:url(../images/box6_title_bg.png) no-repeat;padding-left:26px;color:#2151b5;text-transform:uppercase;height:191px;padding-top:52px;}
.box6 .rx {text-align:right;}
.prolist2 {margin-top:40px;}
.prolist2 li {text-align:center;float:left;line-height:49px;width:216px;font-size:21px;border-radius:10px;cursor:pointer;background-color:rgb(125,125,125);margin-left:2vw;font-weight:bold;}
.prolist2 li a {color:#fff;}
.prolist2 li.cur {color:#fff;background:#2151b5;}
.prolist2 li.cur a {color:#fff;}
.proimg2 {display:none;margin-top:45px;}
.proimg2.clicked {display:block;}
.xw1 {width:49.49%;}
.xw1 li {width:100%;background:#eeeeee;}
.xw1 li img {width:100%;display:block;}
.xw1 li .det {padding:15px 0;}
.xw1 li .det .nr {height:107px;}
.xw1 li .date {float:left;width:130px;text-align:center;padding-top:25px;}
.xw1 li .date h4 {color:#535353;font-size:30px;font-weight:bold;}
.xw1 li .date span {color:#535353;font-size:18px;}
.xw1 li .text {width:calc(100% - 130px);float:left;padding-left:35px;position:relative;padding-top:15px;padding-right:20px;}
.xw1 li .text::after {position:absolute;left:8px;top:0px;content:"";display:block;width:1px;height:107px;background-color:#d2d2d2;}
.xw1 li .text h3 {color:#000000;font-size:18px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .text p {color:#727171;font-size:16px;overflow:hidden;height:54px;line-height:27px;}
.x-news-list-right {width:48.62%;}
.x-news-list-right li {height:107px;}
.x-news-list-right li+li {margin-top:41px;}
.x-news-list-right li .date {float:left;width:130px;text-align:center;padding-top:25px;}
.x-news-list-right li .date h4 {color:#535353;font-size:30px;}
.x-news-list-right li .date span {color:#666666;font-size:20px;}
.x-news-list-right li .text {width:calc(100% - 130px);float:left;padding-left:35px;position:relative;padding-top:15px;}
.x-news-list-right li .text::after {position:absolute;left:8px;top:0px;content:"";display:block;width:1px;height:107px;background-color:#d2d2d2;}
.x-news-list-right li .text h3 {color:#000000;font-size:18px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.x-news-list-right li .text p {color:#727171;font-size:16px;overflow:hidden;height:54px;line-height:27px;}
.box7 {background:url(../images/box7_bg.png) no-repeat;background-size:100% 100%;padding:40px 0 60px;}
.box7 .cont {background:#fff;}
.ly {background:#2151b5;width:33.66%;}
.lxz {width:59.2%;margin-left:3.73%;padding:2.8vw 0;}
.maps {width:48.59%;position:relative;float:left;}
.maps img {width:100%;display:block;}
.maps .gms {color:#3e3a39;font-size:18px;width:70%;margin:0 auto;line-height:45px;background:#fff;border-radius:8px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.maps .gms:before {content:"";position:absolute;width:0;height:0;border-left:18px solid transparent;border-bottom:16px solid #fff;border-right:18px solid transparent;left:70%;top:-15px;}
.lxwm {width:43.91%;float:right;}
.lxtt {color:#2151b5;font-size:25px;}
.lxtt span {color:#898989;font-size:18px;font-weight:normal;}
.lxwz {color:#727171;font-size:18px;line-height:34px;margin-top:14px;}
.fadd {margin-top:1.2vw;}
.fadd li {width:32%;float:left;text-align:center;margin-right:2vw;}
.fadd li img {width:100%;display:block;}
.fadd li h3 {color:#727171;font-size:12px;margin-top:10px;}
.mstt {color:#fff;text-align:center;font-size:30px;padding:2.8vw 0 1.2vw;}
/*页面底部*/
.foot {background:#313131;color:#fff;padding:45px 0;}
.foot a {color:#fff;}
.copyright {line-height:28px;font-size:16px;width:calc(100% - 200px);}
.footer33 {height:50px;}
/*内页左侧样式*/
.page-product-inquiry a {color:#fff;}
.eypg-right-content p {font-size:16px;}
.eymob-left-close-btn .icon-close:before {font-size:0;}
@media (max-width:1440px) {
  .albt {background-size:70% 191px;}
  .albt h2 {font-size:40px;}
  .sort1 li {line-height:53px;}
  .x-news-list-right li+li {margin-top:29px;}
}
@media (max-width:1024px) {
  .top1 {border-top:3px solid #0158cb;font-size:13px;}
  .kk {height:36px;line-height:32px;}
  .twz {display:none;}
  .logo {line-height:105px;}
  .k2 {font-size:14px;}
  .k2 p:nth-child(2) {font-szie:24px;}
  .x-menu > li > a {font-size:16px;}
  .hotSearch {font-size:14px;}
  #formsearch2 input#keyword {font-size:14px;padding-left:12px;}
  #formsearch2 {width:30%;}
  .pt {font-size:20px;}
  .prolist li {font-size:15px;width:48%;margin:0 1%;height:39px;overflow:hidden;margin-bottom:5px;}
  .proimg li h2 {font-size:16px;}
  .add li h2 {font-size:25px;}
  .add li h3 {font-size:15px;margin-top:8px;}
  .rx {font-size:15px;}
  .rx strong {font-size:27px;}
  .add2 li h2 {font-size:25px;}
  .add2 li h5 {font-size:15px;line-height:29px;}
  .box2 h3 {font-size:18px;}
  .box2 h2 {width:80%;margin:0 auto;}
  .albt {background-size:70% 150px;height:150px;padding-top:45px;}
  .albt h2 {font-size:32px;}
  .albt h3 {font-size:25px;}
  .sort1 li {line-height:40px;font-size:14px;margin-bottom:15px;}
  .abtt {font-size:33px;}
  .abwz {font-size:14px;line-height:25px;}
  .add3 li a {line-height:40px;}
  .add3 li h3 {line-height:40px;font-size:14px;}
  .add4 li h2 {font-size:35px;}
  .add4 li span {font-size:14px;}
  .add4 li h5 {font-size:14px;margin-top:7px;}
  .box6 .albt {background-size:70% 150px;height:150px;padding-top:45px;}
  .prolist2 {margin-top:30px;}
  .prolist2 li {font-size:18px;width:176px;line-height:40px;}
  .xw1 li .date h4 {font-size:25px;}
  .xw1 li .date span {font-size:16px;}
  .xw1 li .text h3 {font-size:16px;}
  .xw1 li .text p {font-size:14px;line-height:25px;height:50px;}
  .xw1 li .det .nr {height:90px;}
  .xw1 li .text::after {height:90px;}
  .xw1 li .date {padding-top:21px;}
  .xw1 li .text {padding-top:8px;}
  .x-news-list-right li {height:80px;}
  .x-news-list-right li .date h4 {font-size:25px;}
  .x-news-list-right li .date span {font-size:16px;}
  .x-news-list-right li .text h3 {font-size:16px;margin-bottom:5px;}
  .x-news-list-right li .text p {font-size:14px;line-height:25px;height:50px;}
  .x-news-list-right li .det .nr {height:80px;}
  .x-news-list-right li .text::after {height:80px;}
  .x-news-list-right li .date {padding-top:15px;}
  .x-news-list-right li .text {padding-top:8px;}
  .x-news-list-right li+li {margin-top:21px;}
  .lxtt {font-size:20px;}
  .lxtt span {font-size:15px;}
  .lxwz {font-size:15px;line-height:28px;margin-top:7px;}
  .maps .gms {font-size:15px;line-height:40px;width:78%;}
  .mstt {font-size:25px;}
  .copyright {font-size:16px;width:calc(100% - 300px);}
}
@media (max-width:768px) {
  .x-banner {margin-top:60px;}
  .page-banner {margin-top:60px;}
  .eypg-right-content p img {max-width:100%!important;width:auto!important;height:auto!important;}
  .pt {display:none;}
  .prolist {width:100%;}
  .proimg li {width:48%;}
  .box2 h3 {font-size:15px;}
  .add li .img {width:60px;height:60px;}
  .add li .det {margin-left:15px;margin-top:7px;}
  .add li h2 {font-size:20px;}
  .add li h3 {font-size:14px;}
  .rx strong {font-size:22px;}
  .zx {width:109px;line-height:32px;font-size:13px;}
  .add2 li h2 {font-size:20px;}
  .box3 {padding:50px 0 60px;}
  .box4 {padding:50px 0 30px;}
  .casezb {width:100%;}
  .case1 {width:100%;}
  .case1 li {margin-bottom:20px;}
  .albt {background:none;padding-top:0;text-align:center;padding-left:0;height:auto;}
  .abz {width:100%;}
  .add4 {width:100%;margin-top:20px;}
  .box5 {padding:50px 0;}
  .newszb {width:100%;}
  .box6 .albt {background:none;padding-top:0;text-align:center;padding-left:0;height:auto;}
  .box6 .abz {width:100%;}
  .newsyb {width:100%;}
  .prolist2 {text-align:center;}
  .prolist2 li {display:inline-block;float:none;margin:0 1.5%;width:25%;}
  .xw1 {width:100%;}
  .x-news-list-right {width:100%;margin-top:20px;}
  .lxz {width:100%;margin-left:0;padding:0;}
  .box7 .cont {padding:20px;}
  .ly {width:100%;margin-top:10px;}
  .box7 {padding:30px 0 40px;}
  .copyright {font-size:14px;width:100%;line-height:24px;}
  .foot {padding:25px 0;}
}
@media (max-width:640px) {
  .page-product-detail-effect {pointer-events:none;}
  .proimg li .img img{ height:170px;}
  .case1 li img{ height:170px;}
  .cpp img{ height:170px;}
}
@media (max-width:425px) {
  .prolist {height:auto;padding:10px 0;}
  .prolist li {line-height:33px;height:33px;font-size:14px;}
  .proimg li {margin-top:20px;}
  .proimg li h2 {font-size:14px;line-height:40px;text-indent:10px;}
  .proimg li h4 {margin-right:10px;width:22px;height:23px;background-size:100% 100%;}
  .proimg li .mo img {max-width:58%;}
  .add2 li {width:100%;}
  .add2 li+li {margin-top:15px;}
  .box2 {padding:25px 0;margin-top:35px;}
  .box2 h3 {font-size:12px;margin-top:12px;}
  .add2 li h2 {font-size:18px;}
  .add2 li h3 {width:40px;}
  .add li h2 {font-size:18px;}
  .albt h2 {font-size:25px;}
  .albt h3 {font-size:18px;}
  .case1 li {width:48%;}
  .abtt {font-size:22px;}
  .add4 li h2 {font-size:25px;}
  .add4 li h4 {margin-top:5px;}
  .prolist2 li {font-size:15px;width:28%;line-height:35px;}
  .xw1 li .date {width:100px;}
  .xw1 li .text {width:calc(100% - 100px);}
  .x-news-list-right li .date {width:100px;}
  .x-news-list-right li .text {width:calc(100% - 100px);}
  .maps {width:100%;}
  .lxwm {width:100%;margin-top:15px;}
  .lxtt {font-size:18px;}
  .lxtt span {font-size:14px;}
  .lxwz {font-size:14px;}
  .mstt {font-size:22px;padding:20px 0 10px;}
}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}
