@charset "utf-8";



/* 下拉框 */
.nav-mod .nav-item .nav_select{width: 175px;height: 155px;box-shadow: #dddddd 0 0 20px;position: absolute;top: 87px
;left: -30px;display: none;background: #FFFFFF;} 
.nav-mod .nav-item .nav_select .li{font-size: 16px;text-align: center;margin-top: 24px;}
.nav-mod .nav-item .nav_select .li.at{color: #14579c;}
.nav-mod .nav-item .nav_select .li:hover{color: #14579c;}
.nav-mod .nav-item:hover .nav_select{display: block;}
.nav-mod .nav-item .nav_select .box{width: 0;height: 0;border-bottom: 7px solid #FFFFFF; border-left: 7px solid transparent;
    border-right: 7px solid transparent;position: absolute;top: -7px;left: 80px;}


/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}
.pop-alert .btnWarp{ padding: 8px 20px;}
.pop-alert .btnWarp button{ line-height: 1; padding: 8px 20px; margin: 0 10px;}

/*	视频弹窗	*/
.pop-video{}
.pop-video .pop-dialog{ width: 842px; height: 536px; z-index: 1;}
	
/*	复用图片包裹	*/
.scaleimg{ overflow: hidden;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform .5s;
	transition: transform .5s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
	
/*	复用标题	*/
.t_head{}
.t_head .h1{}
.t_head .h2{}
.t_head .h3{}
.t_head .p{}
.t_head .link{}

/*	滑动tab	*/
.scroll-tab{ position:relative; margin: 1rem auto; padding: 0.1rem; width: 6rem; border: 1px solid; overflow:hidden;}
.scroll-tab li{ display:inline-block; margin:0 0.1rem; padding:0 0.1rem; background-color: #909090; border-bottom:2px solid transparent; font-size: 0.3rem;}
.scroll-tab li.cur{ border-color:#DB6E10;}

/*	流程模块	*/
.process{}
.process ul{ overflow:hidden; padding:10px;}
.process ul li{ float:left; height:20px; color:#FFF; line-height:20px; padding:0 25px 0 10px; position:relative;}
.process ul li:nth-child(1){ background-color:red;}
.process ul li:nth-child(2){ background-color:green;}
.process ul li:nth-child(3){ background-color:blue;}
.process ul li:after{ border-left:15px solid #aeaeae; border-top:10px solid transparent; border-bottom:10px solid transparent; width:0; height:0; content:''; position:absolute; right:0; top:0;}
.process ul li:nth-child(1):after{ border-left-color:red; border-top-color:green; border-bottom-color:green;}
.process ul li:nth-child(2):after{ border-left-color:green; border-top-color:blue; border-bottom-color:blue;}
.process ul li:nth-child(3):after{ border-left-color:blue; border-top-color:#FFF; border-bottom-color:#FFF;}

.bdmap{ height: 1000px;}
.bdmapinfo{ position: fixed; left: 0; top: 0; width: 300px; visibility: hidden; z-index: -9999;}

.video{ height: 500px;}

/* 详情页 */
.article{ padding: 60px 0;}
.article-title{ margin-bottom: 40px; text-align:center;}
.article-title .h24{ margin-bottom: 20px; font-size:24px;}
.article-title .info{ color:#707070;}
.article-title .info span{ margin: 0 15px;}
.article-cont{ margin-bottom: 30px; }
.article-cont .p{ margin-bottom: 20px; }
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding:20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 26px;}
.article-paging .prev, .article-paging .next{ position: relative; width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article-paging .prev{ float: left; padding-left: 40px;}
.article-paging .next{ float: right; padding-right: 40px; text-align: right;}
.article-paging .prev:before, .article-paging .next:before{ position: absolute; width:24px; border:1px solid; border-radius: 50%; font-size:16px; text-align: center; line-height: 1.5;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-paging .prev:before{ content:"\e831"; left: 0;}
.article-paging .next:before{ content:"\e832"; right: 0;}
.article-paging a:hover{ opacity: 0.8;}

.article .share-mod{ padding: 30px 0; }

/* 搜索结果页 */
.result{ padding:60px 0; }
.result .key{ color:#5c983e; }
.result .h24{ font-size:24px; }
.result .h24 span{ margin-left: 30px; font-size:18px; color:#707070; }
.result .list{ margin-bottom: 50px; }
.result .list li{ padding:30px 0; border-bottom:1px solid #d1d1d1; }  
.result .list .h18{ font-size:18px; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.result .list .p{ color:#707070; }
.result .list a:hover{ opacity: 0.8;}

/* 网站地图 */
.sitemap{ padding:60px 0; }
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px; }
.sitemap dd{ margin-top: 20px; padding-left: 4em; word-break: keep-all;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ opacity: 0.8;}


.w1366 .focus .item{ height: 513px; }

.focus .item{ height: 730px; }
.focus .item a{display: block;width: 100%;height: 100%;}
.focus .slick-dots{ bottom: 60px; }
.focus .slick-dots li{ width: 52px; height: 3px; border-radius: 0; background: #162c62; padding: 0; margin: 0 7px; }
.focus .slick-dots li.slick-active{ background: #FFFFFF; }

.tit .ch{ font-size: 36px; padding-bottom: 5px; }
.tit .en{ font-size: 28px;   text-transform: uppercase; }
.more{ display: block; width: 74px; padding-bottom: 5px; border-bottom: 2px solid #FFFFFF; position: relative; }
.more:after{ content: "\e861"; font-family: "xfont" !important; font-size: 14px; position: absolute; top: 0; right: 0; font-weight: bold; }

.home1{ margin-top: -172px; z-index: 3; position: relative; background-image:url(../image/temp/bar1.png); background-position: top center;background-repeat: no-repeat;}
.home1 .padd {padding: 215px 10px 50px;}
.home1 .htop .tit{ float: left; margin-bottom: 35px; }
.home1 .htop .more{ float: right; margin-right: 60px; margin-top: 45px; color: #223e85; border-color: #223e85; }
.home1 .cont {overflow: hidden;}
.home1 .cont .icon {width: 14px;height: 14px;background: url(../image/temp/icon1.png) no-repeat center;background-size: cover;display: inline-block;vertical-align: top;}
.home1 .cont .l, .home1 .cont .r {width: 541px;float: left;}
.home1 .cont .r {float: right;}
.home1 .cont .h22 {font-size: 22px;}
.home1 .cont .h18 {font-size: 18px;font-family: Arial;padding-top: 10px;}
.home1 .cont .img {overflow: hidden;margin-top: 35px;}
.home1 .cont .img img {width: 100%;height: auto;}


.hleft,.hright{ width: 50%; height: 867px; background-size: cover !important; }
.hleft{ float: left; background-repeat: no-repeat; background-position: right center; }
.hleft .con{ float: right; width: 625px; padding-top: 225px; padding-left: 10px; }
.hleft .htop .tit{ float: left; margin-bottom: 35px; }
.hleft .htop .more{ float: right; margin-right: 60px; margin-top: 45px; color: #223e85; border-color: #223e85; }
.hleft .con .p{ font-size: 22px; }
.hleft .con .p1{ font-size: 18px; margin-top:5px;}

.hleft .con .img{ padding-top: 95px; }
.hleft .con .img img{ width: 100%; height: 100%; }
.hleft .con .img .imgl,.hleft .con .img .imgr{ float: left; }
.hleft .con .img .imgl{ width: 262px; }
.hleft .con .img .imgl .top{ width: 100%; height: 156px; }
.hleft .con .img .imgl .bottom{ width: 100%; height: 170px; }
.hleft .con .img .imgr{ width: 213px; height: 312px; }

.hright{ float: right; background-repeat: no-repeat; background-position: left center; }

.home2{ height: 955px; background-size: cover !important; color: #FFFFFF; position: relative; z-index: 3; }
.home2 .tit{ padding: 125px 0 50px; text-align: center; }
.home2 .con{ position: relative; }
.home2 .con .img{ width: 798px; height: 415px; position: absolute; top: 0; right: 0; z-index: 3; }
.home2 .con .img img{ width: 100%; height: 100%; }
.home2 .con .text{ position: absolute; top: 66px; left: 0; padding: 30px 240px 65px 48px; z-index: 2; width: 361px; height: 300px; }
.home2 .con .text .ttit{ padding-bottom: 22px; font-size: 22px; }
.home2 .con .text .pbox{ font-size: 14px; line-height: 1.5;text-align: justify; text-justify: inter-ideograph; height: 231px;}
.home2 .con .text .p{line-height: 1.5;text-align: justify; text-justify: inter-ideograph;}
.home2 .con .text .pbox .mCSB_outside + .mCSB_scrollTools{right: -10px;}
.home2 .con .text .more{ margin-top: 30px; }
.home2 .con .mask{ width: 622px; height: 418px; position: absolute; top: 90px; right: 84px; z-index: 1; background: url(../image/images/op30_03.png); }
.home3{ height: 741px; padding-top: 166px; background-size: cover !important; margin-top: -166px; }
.home3 .tit{ text-align: center; padding: 115px 0 85px; }
.home3 .con .child{ width: 287px; height: 287px; position: relative; float: left; overflow: hidden; }
.home3 .con .child+.child{ margin-left: 25px; }
.home3 .con .child img{ width: 100%; height: 100%; transition: all 0.8s; -webkit-transition: all 0.8s; }
.home3 .con .child .text{ position: absolute; left: 0; bottom: 0; text-align: center; color: #FFFFFF; width: 100%; height: 70px; display: table;
background: url(../image/images/op50_03.png); }
.home3 .con .child .text .inner{ display: table-cell; vertical-align: middle; }
.home3 .con .child .text .ch{ font-size: 18px; padding-bottom: 3px; }
.home3 .con .child .text .en{ text-transform: uppercase; }
.home3 .con .child:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); }

.cbanner{ height: 493px; background-size:100% 100% !important; position: relative; }
.cbanner .x-wrap{ position: relative; z-index: 2;}
.cbanner .text{ position: absolute; left: 15px; top: 162px; }
.cbanner .text .ch{font-size: 36px; padding-bottom: 20px;}
.cbanner .text .en{font-size: 28px;  text-transform: uppercase;}
.cbanner .zd{ width: 100%; height: 166px; background: url(../image/images/cbannerzd.png) no-repeat center; background-size:100% 100% !important;
position: absolute; left: 0; bottom: 0; }

.join{ padding: 90px 0 66px; color: #474747; }
.join .tab .childbox .child{ width: 146px !important; height: 146px; padding: 10px; border: 1px solid #d6d6d6; border-radius: 50%; 
 display: table !important; margin: 0 auto; cursor: pointer; }
.join .tab .childbox .child .p{ display: block; width: 145px; height: 145px; text-align: center; font-size: 22px; display: table-cell; vertical-align: middle;
color: #474747; border-radius: 50%; position: relative; line-height: 30px; }
.join .tab .childbox .child.on .p{ background: #153b95; color: #FFFFFF; }
.join .tab .childbox .child.on .p:after{ content: ""; width: 41px; height: 41px; background: url(../image/images/onpng_03.png) no-repeat center;
position: absolute; top: 100px; left: 12px; }
.join .tab .slick-list{ margin: 0 57px; }
.join .tab .slick-arrow{ background-color: transparent; }
.join .tab .slick-arrow:after{ content: ""; }
.join .tab .slick-prev{ width: 46px; height: 42px; background: url(../image/images/tableft_03.png) no-repeat center; left: 0; }
.join .tab .slick-next{ width: 46px; height: 42px; background: url(../image/images/tabright_03.png) no-repeat center; right: 0; }
/*.join .tab .slick-slide+.slick-slide{ margin-left: 21px; }*/

.join .jcon{ padding: 70px 57px 0; }
.join .jcon .li{ display: none; }
.join .jcon .tit{ border-bottom: 1px solid #d0d0d0; }
.join .jcon .tit .inner{ font-size: 25px; padding-bottom: 20px; position: relative; display: inline-block; }
.join .jcon .tit .inner:after{ content: ""; width: 100%; height: 3px; background: #153b95; position: absolute; left: 0; bottom: -2px; }
.join .jcon .lcon{ padding-top: 40px; }
.join .jcon .lcon .pbox+.pbox{ margin-top: 20px; }
.join .jcon .lcon .fp{ width: 100px; height: 30px; line-height: 30px; border: 1px solid #d5d5d5; float: left; text-align: center; font-size: 16px; }
.join .jcon .lcon .op{ overflow: hidden; padding-left: 24px; }
.join .jcon .lcon .op .p{ line-height: 30px; }
.join .jcon .lcon .op .p.email{ font-family: "Arial"; }

.product{ padding: 100px 0 170px; /*background: url(../image/images/proback_03.png) no-repeat bottom center;*/}
.product .tab{ text-align: center; margin-bottom: 55px; }
.product .tab .child{ display: inline-block; /*line-height: 50px;*/ padding: 5px 20px; font-size: 18px; color: #474747; margin: 0 5px; cursor: pointer; }
.product .tab .child span{display:block;}
.product .tab .child span a{font-size:14px;vertical-align: top;}
.product .tab .child e{display: inline-block;font-size:12px;margin-top:-2px !important;}
.product .tab .child e a { vertical-align:top; position:relative; top:-3px;}
.product .tab .child.on{ background: #123484; color: #FFFFFF; }
.product .show{ color: #FFFFFF; }
.product .show .a{ display: block; width: 100%; height: 100%; }
.product .show .li{ position: relative; }
.product .show .li .show1{ width: 1087px; height:644px; position: relative;background-size:100% 644px;}
.product .show .stit{ position: absolute; top: 110px; left: 65px; }
.product .show .stit .en{ font-size: 50px; font-family: 'Arial'; font-weight: bold; text-transform: uppercase; }
.product .show .stit .ch{ font-size: 28px; }
.product .show .img{ width: 127px; height: 501px; position: absolute; top: 190px; left: 320px; }
.product .show .img img{ width: 100%; height: 100%; }
.product .show .li .show2{ position: absolute; top:125px; right: 0;}
 .con1{ width: 616px; height: 308px;/* position: relative;*/  }
.con1 .boxl,.con1 .boxr{ width: 50%; height: 100%; }
.con1 .boxl{ background: #48abe3; float: left; }
.con1 .boxr{ background: #2490ce; float: right; }
.con1 .stit{ width: 250px; text-align: right; top: 60px; left: 40px; }
.con1 .img{ width: 250px; height: 255px; top: 20px; left: auto; right: 50px; }
.con3{width:380px;height:265px;background-size:cover;background-position: center;/*padding-left:40px;padding-top:57px;*/box-sizing:border-box;}
.con3 img{width: 100%;height: 100%;}
.con3 .sp1{font-size:18px;color:#333333;display: block;font-weight:bold;line-height:28px;}
.con3 .sp1 e,.con3 .sp2 e{color:#48abe3;font-weight:bold;}
.con3 .sp2{font-size:18px;display: block;color:#333333;line-height:28px;}
.product .show .li .show2 .con2{ width: 673px; height: 308px; position: relative;margin-top:;}
.product .show .li .show2 .con2 .img{ width: 233px; height: 223px; top: 45px; left: 88px; right: auto; }
.product .show .li .show2 .con2 .stit{ top: 110px; left: 370px; }
.product .show .li.li2 .show2 .con2 .img{width: 230px; height: 189px; top: 60px; left: 56px; right: auto; }
.product .show .li.li2 .show2 .con2 .stit{top:125px;left:320px;width:355px;text-align:left;}
/* .product .show .li.li2 .show2 .con2 .stit .en{font-size:32px;} */
.product .show .li.li2 .show2 .con2 .stit .ch{}

.product .show3 {overflow: hidden;margin-top: 125px;}
.product .show3 .item {width: 50%;height: 309px;background-position: center;background-repeat: no-repeat;background-size: cover;float: left;}
.product .show3 .item .stit {float: left;width: 255px;position: static;text-align: right;padding: 70px 0 0 55px;}
.product .show3 .item .img {overflow: hidden;height: 100%;line-height: 309px;position: static;width: auto;text-align: center;}
.product .show3 .item .img img {max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;width: auto;height: auto;}
.product .show3 .con3 {width: auto;height: auto;padding: 0 40px;}
.product .show3 .con3 .h16 {font-size: 16px;}
.product .rao {width: 373px;height: auto;display: block;margin: 0 auto;}
.product .rao img {width: 100%;height: auto;}
.product .show .li2 .show1 {width: auto;margin-left: 143px;}
.product .show .li2 .show1 .img img {width: auto;max-width: 100%;height: auto;max-height: 100%;}
.product .show .li2 .show2 {right: auto;left: 0;}
.product .show .li2 .show2 .con3 {float: right;}
/* .product .show .li2 .show2 .con3 img{width: 100%;height: 100%;} */
.product .show .li2 .stit {left: auto;right: 70px;text-align: right;top: 68px;}
.product .show .li2 .stit .en {font-size: 42px;}
.product .show .li2 .stit .mt {margin-top: 8px;}
.product .show .li2 .img {left: auto;right: 340px;}









.about{ padding: 166px 0 218px; height: 1033px; position: relative; }
.about .x-wrap{ position: relative; }
.about img{ width: 100%; height: 100%; }
.about .tit,.about .ab1,.about .ab2,.about .ab3,.about .ab4,.about .ab5{ position: absolute; }
.about .tit{ top: 72px; left: 828px; }
.about .ab1{ top: 0; left: 10px; width: 775px; height: 546px; }
.about .ab2{ top: 225px; right: 10px; width: 408px; height: 317px; }
.about .ab3{ top: 570px; left: 147px; width: 374px; height: 234px; }
.about .ab4{ top: 570px; right: 10px; width: 680px; height: 464px; }
.about .ab5{ top: 822px; left: 147px; width: 373px; height: 212px; text-align: center; color: #FFFFFF; }
.about .ab5 .a{ display: block; width: 100%; height: 179px; padding-top: 33px; }
.about .ab5 .img{ width: 105px; height: 105px; margin: 0 auto 19px; }
.about .ab5 .p{ font-size: 18px; }



/*关于我们*/
.cbanner .text1{text-align: center;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.cbanner .text1 .en{color: #FFFFFF;font-size: 72px;}
.cbanner .text1 .ch{color: #FFFFFF;font-size: 42px;}

.about_us{padding-bottom: 100px;background: url(../image/images/lwr/as_bj.jpg)no-repeat center;background-size: cover;}

.about_us .line{position: relative;}
.about_us .line::before{width: 1px;height: 30px;background-color: #c2c2c2;display: block;content: '';margin: auto;}
.about_us .line::after{width: 5px;height:50px;background-color: #0d3f96;display: block;content: '';margin: auto;}

.about_us .title{margin-top: 50px;position: relative;line-height: 72px;text-align: center;}
.about_us .title .tit1{font-size: 80px;color: #f5f5f5;}
.about_us .title .tit2{color: #333333;font-size: 32px;position: absolute;top: 5px;left: 50%;margin-left: -190px;}

.about_us .p{font-size: 16px;margin-top: 40px;line-height: 1.5;text-align:justify;}

.about_us .list{margin-top: 60px;display: flex;justify-content: space-between;}
.about_us .list .item{width: 282px;height: 404px;padding: 58px 0;box-sizing: border-box;border: 1px solid #f4f4f4;background: url(../image/images/lwr/list_img1.jpg)no-repeat center;text-align: center;background-size: cover;}

.about_us .list .item .img{width: 50px;height: 50px;border-radius: 50%;margin: 0 80px;transition: all 0.3s ease-in-out;border: 1px solid #e6e6e6;padding: 33px;}
.about_us .list .item .img img{width: 100%; height: 100%;}
.about_us .list .item .img .i2{display: none;}

.about_us .list .item .tits{margin-top: 36px;}
.about_us .list .item .tits .span{text-transform: uppercase;}
.about_us .list .item .tits .span.s1{font-size: 28px;}
.about_us .list .item .tits .span.s2{font-size: 18px;}

.about_us .list .item .p1{margin-top: 42px;font-size: 16px;}

@media screen and (min-width: 751px) {
	.about_us .list .item:hover{background: url(../image/images/lwr/list_img2.jpg)no-repeat center;}
	.about_us .list .item:hover .img{transform: translateY(-8px);border: 1px solid #FFFFFF;}
	.about_us .list .item:hover .i1{display: none;}
	.about_us .list .item:hover .i2{display: block;}
	.about_us .list .item:hover .span{color: #FFFFFF;}
	.about_us .list .item:hover .p1{color: #FFFFFF;}

}

.about_us .banner{margin-top: 136px;height: 620px;border-radius: 32px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
/* 轮播 */
.about_us .banner .slick-mod{width: 647px;height: 453px;margin: 77px 124px 0 30px;float: left;}
.about_us .banner .slick-mod .slick-item{}
.about_us .banner .slick-mod .slick-item img{ display: block; width: 100%;}
.about_us .banner .slick-nav{ position: absolute; margin: 1em auto; width: 30%;right: 85px;bottom: 118px;height: 70px;}
.slick-slide{}
.about_us .banner .slick-nav .slick-arrow{width: 70px;height: 70px;border-radius: 50%;background-color: #496bb3;}
.about_us .banner .slick-nav .slick-prev{ left: 0;}
.about_us .banner .slick-nav .slick-prev::after{ background: url(../image/images/lwr/left.png)no-repeat center;content: '';width: 11px;height: 20px;position: absolute;top: 26px;left: 27px;}
.about_us .banner .slick-nav .slick-next{ right: 0;}
.about_us .banner .slick-nav .slick-next::after{ background: url(../image/images/lwr/right.png)no-repeat center;content: '';width: 11px;height: 20px;position: absolute;top: 26px;right: 27px;}
.about_us .banner .slick-nav .slick-dots{top: 15px;width: calc(100% - 160px);margin: 0 auto;}
.about_us .banner .slick-nav .slick-dots .slick-dots{width: 100%;}
.about_us .banner .slick-nav .slick-dots .slick-dot{background: #fff;border: 1px solid #cdcdcd;}
.about_us .banner .slick-nav .slick-dots li.slick-active, .slick-dots li.slick-active:hover{background: #496bb3;}

@media only screen and (max-width: 750px) {
    
/* 移动端轮播 */
    .slick-nav{ height: 1rem;}
    
}
.about_us .banner .tit{position: absolute;top: 156px;right: 156px;}
.about_us .banner .tit .en{font-size: 30px;padding-bottom: 13px;border-bottom: 2px solid #f5f5f5;}
.about_us .banner .tit .ch{font-size: 44px;color: #f5f5f5;margin-top: 13px;font-family: "Impact";}


/*列表*/
.list_page{padding: 100px 0 130px;}
.list_page .li.l1{padding: 0 210px;}
.list_page .li.l2{margin-top: 30px;}

.list_page .li{display: flex;justify-content: space-between;}
.list_page .li .item{box-shadow: #dddddd 0 0 20px;width: 390px;}
.list_page .li .item .img{height: 293px;}
.list_page .li .item .img img{width: 100%;height: auto;}

.list_page .li .item .t{text-align: center;background-color: #FFFFFF;padding: 8px 0 15px;}
.list_page .li .item .t span{display: block;font-size: 28px}
.list_page .li .item .t span b{font-size: 14px;}
.list_page .li .item .t span b{vertical-align: top;position: relative;top: -3px;}
.list_page .li .item .t e{display: block;font-size: 18px;font-family: Arial;margin-top: 5px;}
.list_page .li .item .t e b{font-size: 12px;position: relative;top: -7px;}
.list_page .li.l2 .item .t{padding: 30px 0;}
.list_page .li.l2 .item .t e{margin-top: 20px;}
.list_page .li.l2 .item .t span .i{top: -10px;font-size: 18px;display: inline-block;position: relative;}

/*产品中心2v2.0*/
.product2 .tab .child{width: 390px;height: 44px;border: 1px solid #8899c1;margin: 0;padding: 15px 0;font-size: 22px;}
.product2 .tab .child e{font-size: 18px;}
.product2 .show .li .ltab{color: #000000;text-align: center;border-bottom: 1px solid #c4cce0;margin: 0 60px 70px;}
.product2 .show .li .ltab .child{display: inline-block;width: 24.5%;padding-bottom: 16px;}
.product2 .show .li .ltab .child.on{background: url(../image/images/lwr/bb.png) no-repeat center bottom;color: #123484;}
.product2 .show .li .ltab .child.on span,.product2 .show .li .ltab .child.on e{color: #123484;}
.product2 .show .li .ltab .child span{font-size: 18px;display: block;}
.product2 .show .li .ltab .child span b{font-size: 14px;vertical-align: top;}
.product2 .show .li .ltab .child span .i{font-size: 10px;top: -7px;position: relative;display: inline-block;}
.product2 .show .li .ltab .child e{font-size: 14px;display: block;margin-top: 7px;}
.product2 .show .li .ltab .child e b{vertical-align: top;position: relative;top: -3px;font-size: 12px}
.product2 .show .li .show2{top: 257px;}

/*华脉无痕*/
.hemostat .show1 .stit .ch .i,.hemostat .show2 .stit .ch .i{font-size: 18px;top: -9px;left: -5px;position: relative;display: inline-block;}
.hemostat .show .img{width: 217px;height: 520px;top: 125px;}
.hemostat .show1 .stit{z-index: 999;}
.hemostat .show .li2 .stit .en{font-size: 38px;}
.hemostat .show1 .stit .ch{font-size: 32px;}
.hemostat .show .li.li2 .show2 .con2 .img{width: 300px;height: 300px;top: -5px;left: 0;}

/*华脉若拙*/
.vein .show1 .stit{z-index: 999;top: 64px;}
.vein .show .li.li2 .show2 .con2 .stit{top: 100px;}
.vein .show .li.li2 .show2 .con2 .img{width: 295px;height: 122px;top: 120px;left: 20px;}
.vein .show .li.li2 .show2 .con2 .img.img2 {width: 311px;height: 221px;top: 50px;}
.product .show .li.li2 .show2 .con2 .stit.stit2 {left: 360px;}
/*.child:hover{color: #123484;background: url(../image/images/lwr/bb.png) no-repeat center bottom;}*/
.active{background: url(../image/images/lwr/bb.png) no-repeat center bottom;color: #123484;}
.child.active span,.child.active e{color: #123484;}
.on{background: #123484;color: #FFFFFF;}

/*华脉无阻*/
.hydrophilic .show .li.li2 .show2 .con2 .stit{left: 274px;width: 400px;}
.hydrophilic .show .li.li2 .show2 .con2 .img{width: 216px;height: 176px;top: 76px;left: 40px;}


/* 英文版样式 */
.lang_en .home2 .con .text .pbox{text-align: left;}
.lang_en .about_us .p{text-align: left;}
.lang_en .nav-mod .nav-item .nav_select{height: auto;padding-bottom: 25px;left: -6px;}
.lang_en .product2 .tab .child{position: relative;}
.lang_en .product2 .tab .child span{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.lang_en .about_us .title .tit2{position: static;margin: 0;}
.lang_en .join .jcon .lcon .fp{line-height: normal;height: auto;padding: 5px 0;width: 150px;}
.lang_en .product2 .show .li .ltab .child{width: 19.5%;}

@media screen and (min-width:1230px){

}

@media screen and (min-width: 751px) and (max-width: 1229px){
	
}

@media screen and (min-width: 751px){
	/*.focus .item{ height: 600px;}*/
	
}

@media screen and (max-width: 750px){
	.pop-alert .pop-dialog{ width: 7rem; height: 5rem;}


 	.nav-mod .nav-item:hover .nav_select{display: none;}	
 	.nav-mod .nav-item .nav_select{position: static;width: 100%;height: auto;background-color: #ccc; font-size: 1em; color: #474747;box-shadow: none;}
	.nav-mod .nav-item .nav_select .box{display: none;}
	.nav-mod .nav-item .nav_select .li{margin-top: 0;text-align: left;text-indent: 1em;}
	.nav-mod .nav-item .nav_select a{display: block;padding: 10px 15px;}
	.nav-mod .nav-item .nav_select a+a{border-top: 1px solid;text-align: left;}
/* 移动端详情页 */
	.article{ padding:0.8rem 0; }
	.article-title{ margin-bottom: 0.4rem;}
	.article-title .h24{ font-size:0.36rem; margin-bottom: 0.2rem; }
	.article-title .info span{ margin:0 0.1rem; }
	.article-cont{ margin-bottom: 0.3rem; }
	.article-cont .p{ margin-bottom: 0.2rem; }
	.article-paging{ padding:0.3rem 0; line-height:1.5; }
	.article-paging .prev{ margin-bottom: 0.2rem;}
	.article-paging .prev, .article-paging .next{ float: none; padding:0 0 0 0.5rem; width: 100%; text-align: left; }
	.article-paging .prev:before, .article-paging .next:before{ right:auto; left:0; width:0.42rem; height:0.42rem; font-size: 0.28rem; }
	
	.article .share-mod{ padding: 0.5rem 0;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}

/* 移动端搜索结果页 */
	.result{ padding:0.8rem 0; }
	.result .h24{ font-size:0.36rem; }
	.result .h24 span{ margin-left: 0.3rem; font-size:0.3rem; }
	.result .list{ margin-bottom: 0.5rem; }
	.result .list li{ padding:0.4rem 0; }
	.result .list .h18{ font-size:0.3rem; margin-bottom: 0.2rem; }

/* 移动端网站地图 */
	.sitemap{ padding:0.4rem 0; }
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem; }
	.sitemap dd{ margin-top: 0.2rem; }
	.sitemap dd a{ margin-right: 0.2rem;}
	
	.tit .ch{ font-size: 0.36rem; }
	.tit .en{ font-size: 0.28rem; }
	
	.focus{min-width: 100% !important;}
	.focus .item{ height: 4rem; background-size: cover !important; }
	.focus .slick-dots{ bottom: 0.9rem; }
	.focus .slick-dots li{ width: 0.7rem; height: 0.05rem; }
	.home1{ margin-top: 0rem; background: none;}
	.home1 .padd {padding: 1rem 0 0.8rem;}
	.home1 .cont .l, .home1 .cont .r {width: auto;float: none !important;}
	.home1 .cont .r {margin-top: 0.6rem;}
	.home1 .htop {text-align: center;padding-bottom: 0.5rem;}
	.home1 .htop .more {float: none;display: inline-block;margin-right: 0;margin-top: 0.3rem;text-align: left;}
	.home1 .htop .tit { float: none;margin-bottom: 0;}
	.home1 .cont .h22 {font-size: 0.32rem;}
	.home1 .cont .h18 {font-size: 0.28rem;}
	.home1 .cont .img {margin-top: 0.3rem;}


	.hright{ width: 100%; height: 7rem; background-size: cover !important; }
	.hleft{ width: 100%; height: 9.5rem; background-size: cover !important; margin-top: -2rem; }
	.hleft .con{ float: none; width: 100%; padding: 2rem 0.2rem 0; }
	.hleft .htop .tit{ margin-bottom: 0.3rem; }
	.hleft .htop .more{ margin-right: 0; margin-top: 0.25rem; }
	.hleft .con .p{ font-size: 0.28rem; }
	.hleft .con .img{ padding-top: 0.6rem; }
	.hleft .con .img .imgl{ width: 50%; }
	.hleft .con .img .imgl .top{ height: 2.2rem; }
	.hleft .con .img .imgl .bottom{ height: 2.5rem; }
	.hleft .con .img .imgr{ width: 50%; height: 4.5rem; }
	.home2{ height: auto; padding: 1rem 0; }
	.home2 .tit{ padding: 0 0 0.6rem; }
	.home2 .con .img{ width: 100%; height: 4rem; position: static; margin-bottom: 0.3rem; }
	.home2 .con .text{ width: 100%; height: auto; position: static; padding: 0.4rem 0.2rem 0.3rem; }
	.home2 .con .text .ttit{ font-size: 0.36rem; padding-bottom: 0.3rem; }
	.home2 .con .text .pbox{ font-size: 0.28rem; line-height: 1.5; padding-right: 15px; }
	.home2 .con .text .pbox .mCSB_outside + .mCSB_scrollTools{right: 0;}
	.home2 .con .text .more{ margin-top: 0.3rem; }
	.home2 .con .mask{ display: none; }
	.home3{ height: auto; padding: 1rem 0; margin-top: -2rem; }
	.home3 .tit{ padding: 2rem 0 0.6rem; }
	.home3 .con .child{ float: none; width: 100%; height: 7rem; margin-bottom: 0.3rem; }
	.home3 .con .child+.child{ margin-left: 0; }
	.home3 .con .child .text .ch{ font-size: 0.36rem; }
	
	.cbanner{ height: 4rem;  }
	.cbanner .text{ left: 0.2rem; top: 1rem; }
	.cbanner .text .ch{ font-size: 0.46rem; padding-bottom: 0.2rem; }
	.cbanner .text .en{ font-size: 0.42rem; }
	.cbanner .zd{ height: 0.8rem; }
	.join{ padding: 1rem 0; }
	.join .tab .slick-list{ margin: 0 0.5rem; }
	.join .tab .childbox .child{ width: 95% !important; height: auto; padding: 0; padding-top: 95%; position: relative; }
	.join .tab .childbox .child .p{ width: 100%; height: auto; position: absolute; top: 50%; left: 50%; padding: 0.2rem; font-size: 0.36rem;transform: translate(-50%,-50%);z-index: 2;}
	.join .tab .childbox .child.on::after{content: '';position: absolute;top: 0.2rem;left: 0.2rem;right: 0.2rem;bottom: 0.2rem;border-radius: 50%;background: #153b95;}
	.join .tab .childbox .child.on .p{background: transparent;}
	.join .tab .slick-arrow{ width: 0.6rem; height: 0.6rem; background-size: cover !important; }
	.join .tab .childbox .child.on .p:after{ width: 0.3rem; height: 0.3rem; background-size: cover !important; top: 1.6rem; display: none; }
	.join .jcon{ padding: 1rem 0 0; }
	.join .jcon .tit .inner{ font-size: 0.4rem; padding-bottom: 0.3rem; }
	.join .jcon .lcon .fp{ width: 30%; float: none; }
	.join .jcon .lcon .op{ width: 100%; padding-left: 0.2rem; float: none; }
	
	.product{ padding: 1rem 0 1rem; background-size: cover !important; }
	.product .tab{ width: 80%; margin: 0 auto 0.6rem; }
	.product .tab .child{ width: 100%; font-size: 0.3rem; padding: 0.1rem 0; text-align: center; margin: 0; }
	.product .tab .slick-arrow{ background: none; line-height: 1rem; }
	.product .tab .slick-arrow:after{ color: #33519e; }
	.product .tab .slick-prev{ left: -1rem; }
	.product .tab .slick-next{ right: -1rem; }
	.product .show .li .show1{ width: 100%; height: 6rem; background-size: cover !important; margin-bottom: 0.8rem; }
	.product .show .li .show2{ position: static; }
	.product .show .stit{ top: 1rem; left: 0.6rem; }
	.product .show .stit .en{ font-size: 0.4rem; }
	.product .show .stit .ch{ font-size: 0.3rem; }
	.product .show .img{ width: 1.3rem; height: 5rem; top: 1.5rem; left: auto; right: 1rem; }
	.product .show .li .show2 .con1{ width: 100%; height: auto; margin-left: 0; }
	.product .show .li .show2 .con1 .stit,.product .show .li .show2 .con1 .img{ position: static; }
	.product .show .li .show2 .con1 .boxl,.product .show .li .show2 .con1 .boxr{ height: 3rem; }
	.product .show .li .show2 .con1 .stit{ width: 80%; margin-top: 0.6rem; }
	.product .show .li .show2 .con1 .img{ width: 2.5rem; height: 2.5rem; margin: 0.3rem auto 0; }
	.product .show .li .show2 .con2{ width: 100%; height: 3rem; }
	.product .show .li .show2 .con2 .img{ width: 1.8rem; height: 2.5rem; top: 0.2rem; left: 1rem; }
	.product .show .li .show2 .con2 .stit{ top: 1rem; left: auto; right: 1rem; }
	.product .show .li.li2 .show2 .con2{ width: 100%; height: 3rem; }
	.product .show .li.li2 .show2 .con2 .img{ width: 1.8rem; height: 2.2rem; top: 0.3rem; left: 0.2rem; }
	.product .show .li .show2 .con2 .img img{ width:auto;height:100%; }
	.product .show .li.li2 .show2 .con2 .stit{ top: 1rem; left: auto; right: 0.2rem; width:auto;}
	
	.about{ padding: 1rem 0; height: auto; }
	.about .tit, .about .ab1, .about .ab2, .about .ab3, .about .ab4, .about .ab5{ position: static; width: 100%; }
	.about .tit{ margin-bottom: 0.6rem; }
	.about .ab1{ height: 5rem; margin-bottom: 0.4rem; }
	.about .ab2{ height: 5rem; margin-bottom: 0.4rem; }
	.about .ab3{ height: 4.5rem; margin-bottom: 0.4rem; }
	.about .ab4{ height: 4.5rem; margin-bottom: 0.4rem; }
	.about .ab5{ height: 4rem; margin-bottom: 0.4rem; }
	.about .ab5 .a{ height: 100%; padding-top: 0.8rem; }
	.about .ab5 .img{ width: 1.5rem; height: 1.5rem; }
	.about .ab5 .p{ font-size: 0.28rem; }

	.product .show .li2 .stit .en {font-size: 0.38rem;}
	.product .show .li2 .stit {right: 0.6rem;}
	/* .product .show .li.li2 .show2 .con2 .stit .en {font-size: 0.32rem;} */
	.product .show .li2.li2 .stit {right: 0.6rem;top: 1rem;}
	.product .show .li2 .img {right: auto;left: 1rem;}
	.product .show .li2 .stit .mt {margin-top: 0.1rem;}
	.product .show .li2 .show1 {margin-left: 0;}
	.product .con3 {width: 100%;height: auto;/*padding: 0.5rem 0.3rem;*/}
	.product .con3 img{width: 100%;height: auto;}
	.con3 .sp1, .con3 .sp2 {font-size: 0.3rem;}
	.product {overflow: hidden;}
	.product .show3 {margin-top: 0.6rem;}
	.product .show3 .item {width: auto;float: none;height: auto;/*padding: 0.5rem 0.3rem;*/}
	.product .show3 .item .stit {float: none;padding: 0;width: auto;}
	
	.product .show3 .item .img {line-height: inherit;width: 4rem;height: 3rem;}
	.product .show3 .con3 {padding: 0rem 0;}
	.product .show3 .con3 .h16 {font-size: 0.3rem;}
	.product .rao {width: 100%;height: auto;margin-top: 0.6rem;}
	/*.product .tab .child{ background: #123484; color: #FFFFFF; }*/
	.product .show .li2 .show2 .con3 {float: none;}
	
	/*关于我们*/
	.cbanner .text1{top: 50%;left: 50%;}
	.cbanner .text1 .en{font-size: 0.7rem;}
	.cbanner .text1 .ch{font-size: 0.46rem;}
	.about_us{padding-bottom: 1rem;}

	.about_us .line{display: none;}

	.about_us .title{margin-top: 0.6rem;line-height: 1.5;}
	.about_us .title .tit1{font-size: 0.7rem;}
	.about_us .title .tit2{font-size: 0.35rem;left: 5rem;top: 0.3rem;}

	.about_us .p{margin-top: 0.4rem;font-size: 0.3rem;}
	
	.about_us .list{display: block;margin-top: 0.6rem;}
	.about_us .list .item{width: 3.5rem;height: 5rem;padding: 0.8rem 0;margin-top: 0.2rem;display: inline-block;vertical-align: top;}
	.about_us .list .item .img{width: 0.5rem;height: 0.5rem;margin: 0 auto;padding: 0.7rem;position: relative;}
	.about_us .list .item .img img{width: 0.5rem;height: 0.5rem;position: absolute;top: 0.45rem;left: 0.45rem;}
	.about_us .list .item .tits{margin-top: 0.36rem;}
	.about_us .list .item .tits .span.s1{font-size: 0.3rem;}
	.about_us .list .item .tits .span.s2{font-size: 0.28rem;}
	.about_us .list .item .p1{margin-top: 0.4rem;font-size: 0.24rem;}

	.about_us .banner{margin-top: 1.3rem;height: 9rem;border-radius: 0.3rem;}
	.about_us .banner .slick-mod{width: 100%;height: 4rem;margin: 1rem 0;}
	.about_us .banner .tit{top: 6.5rem;}
	.about_us .banner .tit .en{font-size: 0.3rem;}
	.about_us .banner .tit .ch{font-size: 0.44rem;}
	.about_us .banner .slick-arrow{width: 0.7rem;height: 0.7rem;border-radius: 50%;background-color: #496bb3;top: 1rem;}
	.about_us .banner .slick-prev{ left: 0;}
	.about_us .banner .slick-prev::after{ background: url(../image/images/lwr/left.png)no-repeat center;content: '';width: 0.2rem;height: 0.3rem;position: absolute;top: 0.2rem;left: 0.2rem;}
	.about_us .banner .slick-next{ right: 0;}
	.about_us .banner .slick-next::after{ background: url(../image/images/lwr/right.png)no-repeat center;content: '';width: 0.2rem;height: 0.3rem;position: absolute;top: 0.2rem;right: 0.2rem;}
	.about_us .banner .slick-dots{bottom: -0.8rem;}
	.about_us .banner .slick-dots .slick-dot{margin: 0 0.15rem;background: #fff;border: 1px solid #cdcdcd;}
	.about_us .banner .slick-dots li.slick-active, .slick-dots li.slick-active:hover{background: #496bb3;transform: scale(1.5);border: none;}
	
	/*列表*/
	.list_page{padding: 1rem 0 1rem;}
	.list_page .li.l1{padding: 0;}
	.list_page .li{display: block;}
	.list_page .li .item{width: 100%;}
	.list_page .li .item+.item{margin-top: 0.5rem;}
	
	.list_page .li .item .img{height: 5.3rem;}
	
	.list_page .li .item .t{padding: 0.2rem 0 0.3rem;}
	.list_page .li .item .t span{display: block;font-size: 0.28rem}
	.list_page .li .item .t span b{font-size: 0.14rem;}
	.list_page .li .item .t e{font-size: 0.18rem;}
	.list_page .li .item .t e b{font-size: 0.1rem;}
	
	.list_page .li.l2 .item .t{padding: 0.3rem 0;}
	.list_page .li.l2 .item .t span .i{font-size: 0.18rem;top: -0.05rem;}
	.list_page .li.l2 .item .t e{margin-top: 0.3rem;}
	
	/*产品中心2v2.0*/
	.product2 .tab .child{display: flex;justify-content: center;align-items: center;height: 1.2rem;padding: 0.1rem 0;font-size: 0.3rem;width: 49%;vertical-align: middle;float: left;}
	.product2 .tab .child e{font-size: 0.18rem;margin-top: 0.1rem !important;}
	.product2 .show .li .ltab{margin: 0 0 0.5rem;;}
	.product2 .show .li .ltab .child{width: 3rem;padding-bottom: 0.4rem;margin-top: 0.2rem;}
	.product2 .show .li .ltab .child.on span,.product2 .show .li .ltab .child.on e{color: #123484;}
	.product2 .show .li .ltab .child span{font-size: 0.3rem;}
	.product2 .show .li .ltab .child span .i{top: -0.05rem;}
	.product2 .show .li .ltab .child e{font-size: 0.18rem;margin-top: 0.1rem;}
	.product2 .show3 .item .stit{position: relative;left: -1rem;}
	
	/*产品中心3v3.0*/
	.product3 .show3 .item .stit{position: relative;}
	
	
	/*华脉无痕*/
	.hemostat .show1 .stit .ch .i,.hemostat .show2 .stit .ch .i{font-size: 0.18rem;top: -0.1rem;}
	.hemostat .show .li.li2 .show2 .con2 .img{width: 3rem;height: 3rem;top: 0;}
	.hemostat .show .img{width: auto;}
	
	/*华脉若拙*/
	.vein .show .li.li2 .show2 .con2 .img{width: 3rem;height: 1.2rem;top: 1rem;}

	
	/*华脉无阻*/
	.hydrophilic .show .li.li2 .show2 .con2 .img{left: 1rem;}


	.vein .show .li.li2 .show2 .con2 .img.img2 {width: 3.6rem;height: 2.6rem;top: 0.25rem;}
	.product .show .li.li2 .show2 .con2 .stit.stit2 {left: auto;}

	.lang_en .nav-mod .nav-item .nav_select{padding: 0;}
	.lang_en .product2 .show .li .ltab .child{width: 3rem;}

}

.home2 .con .mask{left: auto;}