@charset "utf-8";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #333; line-height:24px;overflow-x: hidden;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img{ border:none;}
a{text-decoration:none;color:#333; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.m15{ margin-top:15px;}
.m50{ margin-top:50px;}
.m60{ margin-top:60px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{width: 1200px;}

.top{width:100%;height:40px;line-height:40px;font-size:12px;border-bottom: 1px solid #f1f1f1;}
.top font{ float:left;}
.top p{ float: right;}
.top p img{vertical-align: middle;}

.logo{text-align:center; margin:10px auto; min-width:1200px;}

.nav{ height:55px; background:#212121;}
.nav .dh{ width:1200px; height:55px;}
.nav .dh li{ width:150px; height:55px; line-height:55px; float:left; text-align:center; font-size:15px;}
.nav .dh li a{  color:#FFF; display:block; }
.nav .dh li a:hover{ background:#005bac; color:#FFF;}
.nav .dh li:hover ul li{display:block; width:100%;}
.nav .dh li ul li{width:100%; height:40px; line-height:40px;  background:#f7f7f7; position:relative;  z-index:9999; left:0px; top:0px; display:none; text-align:center; border-bottom:1px solid #FFF;}
.nav .dh li ul li a{ color:#666; font-size:14px; line-height:40px; font-weight:normal; }
.nav .dh li ul li a:hover{ color:#333; background:#e7e7e7;}
.nav .dh li .cur{ background:#005bac;}

.iBanner{width: 100%;overflow: hidden;position: relative; background:#fff; padding:0;}
.iBanner .swiper-slide a{display: block;width: 100%;position: relative;overflow: hidden;}
.iBanner .swiper-slide a em{display: block;width: 100%;height:680px;background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 2s linear;transition: all 2s linear;}
.iBanner .swiper-slide.swiper-slide-active a em{-webkit-transform: scale(1);transform: scale(1);}
.iBanner .swiperDots{ display:block; bottom:0px;}
.iBanner .swiperDots span{ height:30px; width:35px; background:none !important; position:relative; box-shadow:none;}
.iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#903;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;}
.iBanner .swiperPrev{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.1) url(../images/l.png) center no-repeat; left: 2%; margin-top: -30px;}
.iBanner .swiperNext{border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.1) url(../images/r.png) center no-repeat; right: 2%; margin-top: -30px;}
.iBanner .swiperPrev:hover{background: rgba(255, 255, 255, .3) url(../images/l.png) center no-repeat;}
.iBanner .swiperNext:hover{background: rgba(255, 255, 255, .3) url(../images/r.png) center no-repeat;}
.iBanner .swiperArrow:hover{ color:#903;}
.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}

.tit{text-align: center; display: block;position: relative;}
.tit p{font-family: "impact";font-size:70px;color: #f2f2f2; letter-spacing:2px; text-transform: uppercase;line-height: 50px; font-weight: bold;}
.tit h2{ display: block;position: absolute;left: 0;right: 0;margin: 0 auto;font-size:40px;  line-height: 40px; color: #333;top:5px; font-weight: bold;}
.tit h2 span{ color:#0078c4;}
.tit i{ display: block;font-style: normal; font-size: 22px; line-height: 40px; font-style:normal;}

.prnav{padding:10px 20px;margin-top:40px; margin-bottom:20px;text-align:center;white-space:nowrap;overflow-x:auto}
.prnav li{display:inline-block;vertical-align:top;min-width:14.5%;cursor:pointer;position:relative;background:#555;margin:0 -1.5px;line-height:40px}
.prnav li a{color:#fff;font-size:16px;display:block;z-index:99;position:relative}
.prnav li:hover{background-color:#1752a0}

.prodc{width:1212px}
.prodc li{float:left; width:392px; margin-right:12px;margin-bottom:12px;}
.prodc li a{display:block;position:relative}
.prodc li img{width:100%;height:auto;}
.prodc li p{float:left;width:100%;line-height:40px;text-align:center;}

.yewu{ background:url(../images/yewubg.jpg) center no-repeat; padding:80px 0; overflow:hidden;}
.yewu .tit p{ opacity:.2;}
.yewu .tit h2{ color:#fff;}
.yewulist{ margin-top:40px; width:1215px;}
.yewulist li{float:left;width:19.76%;padding:2%;background:#FFF; margin-right:15px;}
.yewulist li h2{ background:url(../images/yewu01.png) right no-repeat; height:80px; line-height:40px; font-size:20px; color:#333;}
.yewulist li p{font-size:14px;color:#666;line-height:22px;text-align:justify;margin-top:20px;min-height:132px;margin-bottom: 30px;}
.yewulist li a{background:#008ac8;padding: 6px 18px;border-radius:30px;color: #fff;}
.yewulist li:nth-child(2) h2{ background:url(../images/yewu02.png) right no-repeat;}
.yewulist li:nth-child(3) h2{ background:url(../images/yewu03.png) right no-repeat; }
.yewulist li:nth-child(4) h2{ background:url(../images/yewu04.png) right no-repeat; }
.yewulist li:hover{ background:#008ac8;}
.yewulist li:hover p{ color:#FFF;}
.yewulist li:hover a{ background:#FFF; color:#008ac8;}
.yewulist li:nth-child(1):hover h2{ background:url(../images/yewu1.png) right no-repeat; color:#FFF;}
.yewulist li:nth-child(2):hover h2{ background:url(../images/yewu2.png) right no-repeat; color:#FFF;}
.yewulist li:nth-child(3):hover h2{ background:url(../images/yewu3.png) right no-repeat; color:#FFF;}
.yewulist li:nth-child(4):hover h2{ background:url(../images/yewu4.png) right no-repeat; color:#FFF;}

.ind_f5_con{ margin-top:50px; overflow:hidden;}
.ind_f5_con:hover .ind_f5_left img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ind_f5_con .scale-120 .little-list-item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.scale-120{ overflow:hidden;}
.ind_f5_left{float:left;width:500px;height:547px;overflow:hidden;background: #000;}
.ind_f5_right{height:547px;float: right;}
.ind_f5_left img{display:block;width:100%;height:100%;background:#ccc;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.ind_f5_desc{padding-top:39px;padding-left:39px;padding-right:30px;line-height:40px;color:#333;background:#f5f5f5;width:677px;height:359px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;moz-transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;-ms-transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;-o-transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;}
.ind_f5_desc:hover{ margin-right:15px;}
.morea{display: block; background: #5f5d5d; color: #fff; width: 100px; margin: 0 auto; text-align: center; padding: 5px; border-radius: 5px;}
.ind_f5_desc .morea{margin-top:46px;width:147px;height:41px;line-height:41px;text-align:center;background:#5f5d5d;color:#fff}
.ind_f5_desc:hover .morea{background:#0c336c}
.little-list{overflow:hidden; margin-top: 20px;}
.little-list li{float:left;height:169px;width:213px;margin-left:19px}
.little-list li:first-child{margin-left:0}
.little-list-item{display:block;width:100%;height:100%;position:relative}
.little-list-item img{display:block;width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.little-list-item p{position:absolute;bottom:0;right:0;left:0;text-align:center;height:36px;line-height:36px;background:rgba(0,0,0,.6);color:#fff}

.bgc{ padding:80px 0; background:#f2f2f2; overflow:hidden;}
.bgc .tit p{ color:#ccc;}
.case{width:1212px}
.case li{float:left; width:291px; margin-right:12px; margin-top:20px;}
.case li a{display:block;position:relative}
.case li img{width:100%;height:auto;}
.case li p{float:left;width:100%;line-height:40px;text-align:center; background:#f8f8f8;}
.case li:hover p{ background:#1752a0; color:#FFF;}

.news_l{ width:390px; border:#dedddd solid 1px; padding-bottom:54px;}
.nbgc{ background:#1752a0; width:100%; height:240px;}
.nbgc h3{ font-weight:normal;}
.nbgc h3 a{display:block;font-size:24px;padding-top:24px;padding-left:30px;color:#fff;font-weight:bold;line-height:24px}
.nbgc h3 span{font-size:14px;color:#fff;font-weight:normal;display:block;line-height:14px;padding-top:8px;text-transform:uppercase}

.news_xin{margin-left:20px;margin-top:-140px}
.news_xin img{width:350px;height:220px;display:block}
.news_xin h3{width:310px;font-size:18px;color:#333333;padding-top:36px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.news_xin em{display:block;font-size:14px;color:#666666;line-height:24px;padding-top:13px;width:330px;height:74px; font-style:normal;}
.news_xin p{width:330px;margin-top:3px}
.news_xin p i{width:0px;height:1px;transition:all .6s ease 0s;background-color:#1752a0;display:block;margin-top:8px;float:left; font-style:normal;}
.news_xin a:hover p i{width:62px}
.news_xin a:hover h3{color:#1752a0}
.news_xin p span{display:block;float:right;font-size:14px;color:#999999;line-height:14px}

.news_r{ width:788px;}
.newst h3{display:block;font-size:24px;padding-top:24px;padding-left:31px;color:#1752a0;font-weight:bold;line-height:24px;float:left}
.newst h3 span{font-size:14px;color:#666;font-weight:normal;display:block;line-height:14px;padding-top:8px;text-transform:uppercase}
.newst a.ag{width:15px;height:15px;background-position:0px -103px;display:block;float:right;margin-right:30px;margin-top:30px;position:relative;z-index:5;-webkit-transition:all .0s ease-in-out 0s;-moz-transition:all .0s ease-in-out 0s;transition:all .0s ease-in-out 0s}
.newst a.ag:hover{background-position:0px -121px}
.iconp { background: url(../images/iconp.png) no-repeat; display: inline-block; vertical-align: middle;}
.news_l_a{border:#dedddd solid 1px; width:100%; padding-bottom:20px; overflow:hidden;}
.news_l_a ul{ margin-top:20px;}
.news_l_a li{float:left;width:340px;margin:0 26px}
.news_l_a a{display:block}
.news_l_a a h3{width:340px;font-size:18px;color:#333333;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.news_l_a a em{display:block;font-size:14px;color:#999;line-height:24px;padding-top:10px;width:340px;height:64px; font-style:normal;}
.news_l_a a p{width:340px}
.news_l_a a p i{width:0px;height:1px;transition:all .6s ease 0s;background-color:#1752a0;display:block;margin-top:8px;float:left}
.news_l_a a:hover p i{width:62px}
.news_l_a a:hover h3{color:#1752a0}
.news_l_a a p span{display:block;float:right;font-size:14px;color:#999999;line-height:14px}

.news_l_b{border:#dedddd solid 1px; width:100%; margin-top:20px; padding-bottom:20px; overflow:hidden;}
.news_l_b ul{margin-top:20px;}
.news_l_b ul li{float:left;width:350px;margin-left:20px;margin-right:20px;line-height:45px;background:url(../images/ico.png) no-repeat 0 50%;padding-left:10px;border-bottom:1px dashed #c9c8c7}
.news_l_b ul li:nth-child(2n){margin-right:0px; margin-left:0px;}

footer{background:#2b323a;padding:4.6875rem 0 3.4375rem;border-bottom:1px solid rgba(81,81,81,0.3)}
footer .flex_f{display:flex}
footer .foot_l{width: 60%;}
footer .foot_l ul{display:flex;justify-content:space-between}
.bl{display:block}
footer .name{font-size:1.125rem;line-height:1.875rem;margin-bottom:0.625rem;color:#FFFFFF}
footer .text{font-size:0.875rem;line-height:1.625rem;color:#939393}
footer a:hover{color:#fff}
footer .ewmbox{width: 16%;padding-left: 4rem;}
footer .ewmbox .flogo{margin-bottom:1.75rem}
footer .ewmbox .flogo img{height:2.875rem}
footer .ewmbox .ewm{display:inline-block;text-align:center}
footer .ewmbox .ewm img{height:7rem}
footer .ewmbox .ewm p{font-size:0.875rem;line-height:1.625rem;color:#E9ECF1;margin-top:0.375rem}
footer .foot_r{width:24%;padding-left:2rem}
footer .foot_r .tel.address{margin-top:0.625rem}
footer .foot_r .tel.address div{font-size:1.2rem}
footer .foot_r .tel.margin{padding:1rem 0;margin:1rem 0;border-bottom:1px solid rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.7)}
footer .foot_r .tel div{font-weight:bold;font-size:1.375rem;line-height:1.875rem;color:#FFFFFF}
footer .foot_r .tel p{font-size:1rem;line-height:1.625rem;color:#FFFFFF}
footer .foot_r a{display:flex;align-items:center;margin:0.875rem 0;color:#fff}
footer .foot_r a:hover{color:#c80f0f}
footer .foot_r a .iconfont{font-size:1.25rem;display:block}
.beian{background:#2b323a;padding:1.25rem 0}
.beian .text{text-align:center;color:#A7A7A7}

.left{ width:240px;}
.ltit{ width:100%; height:80px; background:url(../images/icos.png) #005bac 180px 28px no-repeat; font-size:24px; color:#FFF; line-height:80px; text-indent:20px;}
.lanmu{ background:#f6f6f6;}
.lanmu li{border-bottom: 1px dotted #ddd;}
.lanmu li:last-child{border-bottom: 0;}
.lanmu li>a{display: block;line-height: 44px;padding: 0 0 0 25px;}
.lanmu li .arr{float: right;height: 45px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after{content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.lanmu li .arrs{float: right;height: 45px;position: relative;cursor: pointer;}
.lanmu li .arrs:after{content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.lanmu-box{display: none;}
.lanmu-box .eji{margin: 0;border-top: 1px dotted #ddd;padding-left: 15px;}
.lanmu-box .eji a{padding: 0 25px;display: block;line-height: 40px;}
.lanmu-boxs{display: none;}
.lanmu-boxs p{margin: 0;border-top: 1px dotted #ddd;padding-left: 15px;}
.lanmu-boxs p a{padding: 0 25px;display: block;line-height: 40px;}
.lanmu-box p.on a,.lanmu-box p a:hover{color: #005bac;}
.lanmu li>a:hover, .lanmu li.active>a{color:#005bac;}
.lanmu li.open .lanmu-box{display: block;}
.lanmu li.open .opens .lanmu-boxs{display: block !important;}
.lanmu li.open .arr:after{-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.lanmu li .lanmu-box .opens .arrs:after{-webkit-transform: rotate(225deg);transform: rotate(225deg);}


.mag.ltit{ width:100%; height:70px; background:url(../images/ico.png) #005bac 180px -27px no-repeat; font-size:24px; color:#FFF; line-height:70px; text-indent:20px;}
.lianxi{background-color: #f3f3f3;padding-bottom: 30px;}
.lianxi img{width: 100%;margin-bottom: 10px;}
.lianxi p{text-align: left;line-height: 36px;padding: 0px 8px;}

.right{ width:920px;}
.p12-curmbs-1{font-size: 12px;border-bottom: 1px dashed #dcdcdc;height: 47px;line-height: 47px;margin-bottom: 20px;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 10px solid #005bac;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}

.artid{}
.artid h1{ font-size:18px; text-align:center; height:50px; line-height:50px; color:#333; border-bottom:1px solid #f1f1f1; }
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden;}
.artid .data span{ margin:0 20px;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px; font-size:13px;}

.p14-info-3{background: #f5f5f5;padding: 8px 20px;}
.p14-info-3-tit{height: 55px;font-size: 24px;font-weight: normal;line-height: 55px;color: #4b4a4a;}
.p14-info-3-list li h4{height: 46px;font-size: 14px;font-weight: normal;line-height: 46px;color:#4b4a4a;border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p14-info-3-list li h4 a{color:#4b4a4a;}
.p14-info-3-list li h4 span{float: right;}

.news_list li {margin-top: 15px;}
.news_list li a {display: block;border: 1px solid #ddd;padding: 15px;overflow: hidden;}
.news_list li .img-center {float: left;width: 250px; height:188px; overflow:hidden;}
.news_list li .img-center img{ width:100%;}
.news_list li .text {margin-left: 270px;}
.news_list li .text h4 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px; font-weight:normal; color:#333;}
.news_list li .text h4 span {float: right;font-size: 12px;color: #999;font-weight: normal;}
.news_list li .text p {color: #797979;}
.news_list li .text .more {float: right;padding: 6px 12px;color: #fff;background-color: #B6B6B6;}
.news_list li a:hover {border-color: #005bac;}
.news_list li a:hover .text h4 {color: #005bac;}
.news_list li a:hover .text .more {background-color: #005bac;}

.prodc_list li {float: left; margin:20px 20px 0 0; width:293px;}
.prodc_list li:nth-child(3n){ margin-right:0;}
.prodc_list li a {display: block;}
.prodc_list li .img-cover {border: 1px solid #ddd;}
.prodc_list li .img-cover img{ width:100%; vertical-align:top;}
.prodc_list li .text {line-height: 40px;background-color: #e6e6e6;text-align: center;margin:0 0 0;position: relative;}
.prodc_list li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #005bac;transition: all 0.5s;}
.prodc_list li .text p {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s;}
.prodc_list li a:hover .img-cover span {transform: scale(1.1);}
.prodc_list li a:hover .text:before {width: 100%;left: 0;}
.prodc_list li a:hover .text p {color: #fff;}

.showcase{margin:20px auto 20px;}
.showcase-info{margin-left: 430px;}
.showcase-info h1{font-size: 20px;margin: 0;border-bottom: 1px dashed #ddd;padding-bottom: 15px; color:#333;}
.showcase-info p{margin: 15px 0 0;color: #666;line-height: 1.8;}
.showcase-info .tel{margin-top: 15px;}
.showcase-info .tel a{line-height: 42px;color: #fff;display: inline-block;width: 120px;text-align: center;border-radius: 5px;background:#005bac;}
.pc-slide{float: left;width: 400px;}
.view .swiper-slide .imgauto{width: 100%;}
.view .swiper-slide .imgauto img{ width:100%;}
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{margin: 0 30px;}
.preview .swiper-slide .imgauto{height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer;position: relative;}
.preview .swiper-slide .imgauto img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.preview .arrow-left{background: url(../images/feel3.png) no-repeat left top;position: absolute;left: 0;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/feel4.png) no-repeat left bottom;position: absolute;right: 0;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #005bac;}

div.zoomDiv{z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask{position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

.tags_title{margin:30px 0 20px; background:#f5f5f5;}
.tags_title span{display: block;width: 120px;padding: 0 20px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;height: 48px;line-height: 48px;margin-bottom: -1px;background:#005bac;}

.protit{ width:100%; line-height:51px; background:url(../images/cptit.jpg) no-repeat left; text-indent:60px;  font-size:20px; font-weight:bold; margin-top:20px;}
.js{ margin-top:20px;}
.js p{ text-indent:2em; line-height:36px; font-size:15px; }

.iconBox {height: auto; overflow: hidden; margin:20px 0;}
.iconBox ul{ width:1250px;}
.iconBox li { float:left; width: 217px; height: 320px; border: 1px solid #ebebeb; border-radius: 5px;-moz-border-radius: 5px; margin-right:17px; }
.iconBox li .icon { width: 110px; height: 110px; margin:40px auto 0; }
.iconBox li .tit {color:#464646;font-size: 16px;line-height: 37px;font-weight: bold;text-align: center;padding:16px;}
.iconBox li .p { width: 172px; height: auto; color:#898989; font-size: 14px; line-height: 24px; margin: 0 auto; text-align: center; }

.t2{padding:30px 0;text-align:center}
.t2 .titb{font-size:30px;font-weight:bold;margin-bottom:16px}
.t2 .txt{color:#666;line-height:24px}
.t2 .txt span{font-weight:bold;color:#104d8e}
.form_book .item{position:relative;float:left;width:396px;width: calc(99% / 2 - 36px);border:1px solid #e4e4e4;margin-right:75px;margin-bottom:25px;border-radius: 5px;transition:all .5s;display: inline-flex;}
.form_book .item:hover{color:#495057;background:#fff;border-color:#104d8e;outline:0}
.form_book .item label{position:absolute;left:0;top:0;z-index:11;text-align:center;display:block;margin:0;font-size:16px;line-height:48px;color:#666;padding-left: 15px;}
.form_book .item input{outline:none;font-size:18px}
.form_book .item .txt{width:100%;color:#666;font-size:14px;line-height:48px;padding: 0 25px 0 60px;}
.form_book .item .red{position:absolute;right:10px;top:0;color:red;line-height:48px;z-index:11}
.form_book .item.mr0{margin-right:0;}
.form_book .msg-box{position:absolute;left:0;top:0px}
.form_book .liuyan{width:100%;height:260px;border:1px solid #e4e4e4;float:left;margin-right:0}
.form_book .liuyan label{text-align:right;display:block;top:0}
.form_book .liuyan textarea{width:100%;height:100%;line-height:28px;padding:10px;text-indent: 50px;color:#666;font-size:14px;font-family:"microsoft yahei";background:none}
.form_book .bot{width:100%}
.form_book .sub{width:200px;line-height:46px;border:2px solid #104d8e;margin-left:25px;text-align:center;background:#104d8e;color:#FFF;cursor:pointer;font-size:18px;display:block;border-radius:5px;transition:all .5s}
.form_book .sub:hover{background:none;color:#104d8e}
.form_book .sub.res{border:2px solid #333;background:#333}
.form_book .sub.res:hover{background:none;color:#333}
.form_book .yzm{display:flex;margin:0}
.form_book .yzm .txt{padding-left:80px}
.form_book .yzm div{display:flex;justify-content:center;align-items:center;padding:0 10px;border-left:1px solid #e5e5e5;cursor:pointer}
.clearfix { zoom: 1;}
button,input,select,textarea { font-size: 100%; border: 0; outline: none}

.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#005bac;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 11px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #005bac; color: #fff;border: 1px solid #005bac}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #005bac;padding:5px 11px;margin: 0 3px;background: #005bac;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}



.wapnav{ display:none;}
.wapbanner{ display:none;}
.waplogo{ display:none;}
.wapfoot{ display:none;}
@media screen and (max-width: 767px) {
.top{ display:none;}
.logo{ display:none;}
.wapbanner{ display:block;}
.center{width:100%;}
.mag{ margin-top:3%;}	
.m60{ margin-top:6%;}

.waplogo{ display:block; text-align:center; padding:2% 0 1%; border-top:5px solid #003a7e;}
.waplogo img{ width:50%;}
.wapnav{width:100%;height: 50px;background: #005399;position:relative; display:block;}
.wapnav p{ float:left; line-height:50px; margin-left:5%; color:#fff;}

.menu-btn{float: right;margin-right: 5%;margin-top: 4.9%;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #FFF;content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px;margin-left: 6px;}
.menu-btn span{width: 12px;margin: 6px 0 6px 12px;}	
	
.nav{ height:100%; width:100%; background:#fff;  border-bottom:none; min-width:100%; position:absolute; z-index:99999; display:none; }
.nav .dh{width:100%;height:100%;}
.nav .dh li{width:100%;height:50px;float:left;font-size:15px;border-bottom:1px solid #dedede;background: #fff; text-align:center; }
.nav .dh li a{  color:#333; display:block; line-height:50px; padding:0; }
.nav .dh li a.cur{ background:none;}
.nav .dh li:hover{ background:none;}	

.iBanner .swiper-slide a em{display: block;width: 100%;height:180px;background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 2s linear;transition: all 2s linear;}
.iBanner .swiperDots span{height: 20px;width:35px;background:none !important;position:relative;box-shadow:none;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{width: 45px;}

.tit p{font-family: "impact";font-size: 50px;color: #f2f2f2;letter-spacing:2px;text-transform: uppercase;line-height: 43px;font-weight: bold;}
.tit h2{display: block;position: absolute;left: 0;right: 0;margin: 0 auto;font-size: 30px;line-height: 30px;color: #333;top:5px;font-weight: bold;}

.prnav{padding:0 3%; width:94%;margin-top:4%;margin-bottom:6%;text-align:center;white-space:nowrap;overflow-x:auto}
.prnav li{float:left;display:block;min-width:48%;cursor:pointer;position:relative;background:#555;margin:3px 2px;line-height:50px}
.prnav li a{color:#fff;font-size:15px;display:block;z-index:99;position:relative}
.prnav li:before{content:'';position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:transparent;z-index:0}
.prnav li.cur:hover:before,.prnav li.cur::before{background-color:#1752a0}

.prodc{width:100%;}
.prodc li{float:left; width:96%; margin-right:0;margin-bottom:12px; margin-left:2%;}
.prodc li a{display:block;position:relative}
.prodc li img{width:100%;height:auto;}
.prodc li p{float:left;width:100%;line-height:40px;text-align:center;}

.yewu{ background:url(../images/yewubg.jpg) center no-repeat; background-size:cover; padding:8% 0; overflow:hidden;}
.yewulist{ margin-top:4%; width:100%;}
.yewulist li{float:left;width: 44%;padding:2% 2% 4%;background:#FFF;margin-right: 1%;margin-top: 1%;margin-left: 1%;}
.yewulist li h2{ background:url(../images/yewu01.png) right no-repeat; height:56px; line-height:27px; font-size:17px; color:#333;}
.yewulist li p{font-size: 12px;color:#666;line-height: 20px;text-align:justify;margin-top:20px;min-height: 92px;margin-bottom: 30px;}
.yewulist li a{background:#008ac8;padding: 6px 18px;border-radius:30px;color: #fff;}
.yewulist li h2{background-size:45px !important;}

.ind_f5_con{ margin-top:5%; overflow:hidden;}
.ind_f5_left{float:left;width:100%;height:auto;overflow:hidden;background: #000;}
.ind_f5_left img{width:100%;}
.ind_f5_right{height:auto;float: right;}
.ind_f5_desc{padding:3%;line-height:25px;color:#333;background:#f5f5f5;width:100%;height:auto;}
.ind_f5_desc:hover{ margin-right:0;}
.morea{display: block; background: #5f5d5d; color: #fff; width: 100px; margin: 0 auto; text-align: center; padding: 5px; border-radius: 5px;}
.ind_f5_desc .morea{margin-top:4%;width:147px;height:41px;line-height:41px;text-align:center;background:#5f5d5d;color:#fff}
.little-list{ display:none;}

.bgc{ padding:8% 0; background:none;}
.case{width:100%;}
.case li{float:left; width:96%; margin-right:0;margin-bottom:12px; margin-left:2%;}
.case li a{display:block;position:relative}
.case li img{width:100%;height:auto;}
.case li p{float:left;width:100%;line-height:40px;text-align:center;}
.case li:nth-child(5),.case li:nth-child(6),.case li:nth-child(7),.case li:nth-child(8){ display:none;}

.news_l{ width:98%; margin:auto; border:#dedddd solid 1px; padding-bottom:5%;}
.news_xin{ width:90%; margin:-140px auto 0;}
.news_xin img{width:100%;height:220px;display:block}
.news_xin h3{width:100%;font-size:18px;color:#333333;padding-top:36px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.news_xin em{display:block;font-size:14px;color:#666666;line-height:24px;padding-top:13px;width:330px;height:74px; font-style:normal;}
.news_xin p{width:90%;margin-top:3px}
.news_xin p i{width:0px;height:1px;transition:all .6s ease 0s;background-color:#1752a0;display:block;margin-top:8px;float:left; font-style:normal;}
.news_xin a:hover p i{width:62px}
.news_xin a:hover h3{color:#1752a0}
.news_xin p span{display:block;float:right;font-size:14px;color:#999999;line-height:14px}

.news_r{ width:99%; margin-right:1%;}
.news_l_a{border:#dedddd solid 1px; width:100%; padding-bottom:20px; overflow:hidden;}
.news_l_a ul{ margin-top:20px;}
.news_l_a li{float:left;width:90%;margin:0 26px}
.news_l_a a{display:block}
.news_l_a a h3{width:100%;font-size:18px;color:#333333;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.news_l_a a em{display:block;font-size:14px;color:#999;line-height:24px;padding-top:10px;width:100%;height:64px; font-style:normal;}
.news_l_a a p{width:100%;}
.news_l_a a p i{width:0px;height:1px;transition:all .6s ease 0s;background-color:#1752a0;display:block;margin-top:8px;float:left}
.news_l_a a:hover p i{width:62px}
.news_l_a a:hover h3{color:#1752a0}
.news_l_a a p span{display:block;float:right;font-size:14px;color:#999999;line-height:14px}

.news_l_b{border:#dedddd solid 1px; width:100%; margin-top:20px; padding-bottom:20px; overflow:hidden;}
.news_l_b ul{margin-top:20px;}
.news_l_b ul li{float:left;width:87%;margin-left:20px;margin-right:20px;line-height:45px;background:url(../images/ico.png) no-repeat 0 50%;padding-left:10px;border-bottom:1px dashed #c9c8c7}
.news_l_b ul li:nth-child(2n){margin-right:0px; margin-left:20px;}
	
footer{background:#2b323a;padding:2.6875rem 0 1.4375rem;border-bottom:1px solid rgba(81,81,81,0.3)}
footer .flex_f{display:flex}
footer .foot_l{ display:none;}
footer .ewmbox{ display:none;}
footer .foot_r{  width: 90%;  padding-left: 1rem;}
footer .foot_r .tel.address{margin-top:0.625rem}
footer .foot_r .tel.address div{font-size:1.2rem}
footer .foot_r .tel.margin{padding:1rem 0;margin:1rem 0;border-bottom:1px solid rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.7)}
footer .foot_r .tel div{font-weight:bold;font-size:1.375rem;line-height:1.875rem;color:#FFFFFF}
footer .foot_r .tel p{font-size:1rem;line-height:1.625rem;color:#FFFFFF}
footer .foot_r a{display:flex;align-items:center;margin:0.875rem 0;color:#fff}
footer .foot_r a:hover{color:#c80f0f}
footer .foot_r a .iconfont{font-size:1.25rem;display:block}
.beian{background:#2b323a;padding:1.25rem 0; margin-bottom:60px;}
.beian .text{text-align:center;color:#A7A7A7;font-size: 12px;}	

.wapfoot{display:block;width:100%;position:fixed;background:#f2f2f2;height:60px;left:0;bottom:0;z-index:999;display:flex;justify-content:space-around;align-items:center}
.wapfoot a{background:#1752a0;color:#FFF;width:44%;text-align:center;border-radius:20px;line-height:40px}
	
.left{ display:none;}
.right{ width:96%; margin:0 2%;}
.artid .data span{ margin:0 1%;}

.news_list li {margin-top: 2%;}
.news_list li a {display: block;border: 1px solid #ddd;padding: 15px;overflow: hidden;}
.news_list li .img-center {float: left;width: 100%;height: auto;overflow:hidden;clear: both;}
.news_list li .img-center img{ width:100%;}
.news_list li .text {margin-left: 0;float: right;}
.news_list li .text h4 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight:normal;color:#333;}
.news_list li .text h4 span {float: right;font-size: 12px;color: #999;font-weight: normal;}
.news_list li .text p {color: #797979;}
.news_list li .text .more {float: right;padding: 6px 20%;color: #fff;background-color: #B6B6B6;margin-top: 5%;}
.text{ margin-top:2%;}

.prodc_list li {float: left;margin: 2% 0 0;width: 100%;}

.showcase{ display:none;}
.yc{ display:none;}

.artid img{ width:100% !important; height:auto !important;}
.js img{ width:100% !important; height:auto !important;}
.iconBox {height: auto;overflow: hidden;margin: 0 2%;}
.iconBox ul{width: 102%;}
.iconBox li {float:left;width:97%;height: auto;border: 1px solid #ebebeb;border-radius: 5px;-moz-border-radius: 5px;margin-right: 1%;margin-bottom: 2%;margin-top: 2%;padding-bottom: 2%;}
.iconBox li .icon {width: 110px;height: 110px;margin: 4% auto 0;}
.iconBox li .tit {color:#464646;font-size: 16px;line-height: 37px;font-weight: bold;text-align: center;padding:16px;}
.iconBox li .p { width: 80%; height: auto; color:#898989; font-size: 14px; line-height: 24px; margin: 0 auto; text-align: center; }

.newsshow_xg .next{ width:100%;}

.t2{padding:30px 0;text-align:center}
.t2 .titb{font-size: 26px;font-weight:bold;margin-bottom:16px}
.t2 .txt{color:#666;line-height:24px}
.t2 .txt span{font-weight:bold;color:#104d8e}
.form_book .item{position:relative;float:left;width:396px;width: calc(100%);border:1px solid #e4e4e4;margin-right:75px;margin-bottom:25px;border-radius: 5px;transition:all .5s;display: inline-flex;}
.form_book .item:hover{color:#495057;background:#fff;border-color:#104d8e;outline:0}
.form_book .item label{position:absolute;left:0;top:0;z-index:11;text-align:center;display:block;margin:0;font-size:16px;line-height:48px;color:#666;padding-left: 15px;}
.form_book .item input{outline:none;font-size:18px}
.form_book .item .txt{width:100%;color:#666;font-size:14px;line-height:48px;padding: 0 25px 0 70px;}
.form_book .item .red{position:absolute;right:10px;top:0;color:red;line-height:48px;z-index:11}
.form_book .item.mr0{margin-right:0;}
.form_book .msg-box{position:absolute;left:0;top:0px}
.form_book .liuyan{width:100%;height: 120px;border:1px solid #e4e4e4;float:left;margin-right:0}
.form_book .liuyan label{text-align:right;display:block;top:0}
.form_book .liuyan textarea{width:100%;height:100%;line-height:28px;padding:10px;text-indent: 50px;color:#666;font-size:14px;font-family:"microsoft yahei";background:none}
.form_book .bot{width:100%}
.form_book .sub{float: left;width: 100%;line-height:46px;border:2px solid #104d8e;margin-left: 0;text-align:center;background:#104d8e;color:#FFF;cursor:pointer;font-size:18px;display:block;border-radius:5px;transition:all .5s;}
.form_book .sub:hover{background:none;color:#104d8e}
.form_book .sub.res{border:2px solid #333;background:#333;display: none;}

	
}