@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.m_center{width:10rem; height: auto; margin: 0 auto; transition: all .5s ease 0s; padding: 0 0.2rem;}

.top{width: 100%; height:1.2rem; line-height:1.2rem; font-size:.6rem; color:#fff; background:#134da0; margin: 0 auto; overflow:hidden; position:fixed; top:0; left:0; z-index:99}
.top .iconfont{margin-left:0.5rem; width:.5rem; height:.5rem; float:left; font-size:.5rem;}
.top a{color:#fff;}
.logo{width:70%; text-align:center; margin:0 auto;}
.c_nav{display: flex; right:1rem;}
.c_nav{width:.7rem; height:.7rem; background: none; display:inline-block; overflow: hidden; position: absolute; top:.2rem; right:5%; z-index: 999; cursor: pointer; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:1rem; height:0.03rem; background: #fff; margin:0.2rem auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #fff; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:.7rem; margin-top:.3rem;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:.7rem; margin-top:-.18rem;}
.nav_tc{ width:100%; height:100%; overflow: hidden; background:#fff; position:fixed; right: 0px; top: 1.2rem; display: none; z-index:999;}
.nav_tc div{ border-bottom: 1px solid #134da0;  width: 100%;}
.nav_tc div a{ display: block; width: 100%; overflow: hidden; text-align: center; height:1.1rem; line-height:1.1rem; font-size:.4rem}
.nav_tc div a img,.nav a p{ display: inline-block; vertical-align: middle;}
.nav_tc div a p{ font-size: 0.7rem; color: #fff; padding: 0.5rem 0rem;}
.nav_tc div a img{ width: 1.1rem; height: auto; overflow: hidden; margin-right: 0.5rem;}
.nav_tc div:hover{background: #134da0;}
.nav_tc div:hover a{color:#fff;}

/* banner */
.in_banner{width:10rem; height:auto; position: relative; line-height: 1; margin:1.2rem auto 0 auto; overflow: hidden;}
.in_banner .swiper-slide img{width: 100%; height: 100%; }
.in_banner .swiper-slide{position: relative; width:100%;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%; background-size:100% 100%; background-position: center center; background-repeat: no-repeat;}
.in_banner .in_bannerjs{display: inline-block; vertical-align: top; width:auto; height: 1.14rem; line-height:1.14rem; font-size: .5rem; color: #ffffff; text-align: right; letter-spacing: 2px;}
.in_banner .in_bannerjs span{color: #134da0;}
.in_banner .in_bannerjs em{font-style: normal;}
.in_banneraul{width: 100%; height: 1.14rem; position: absolute; bottom: .1rem; left: 0; z-index: 5; text-align: right; padding-right:11.5vw; font-size: 0;}
.in_banner_l,.in_banner_r{display:inline-block; vertical-align: top; width:1.14rem; height:1.14rem; line-height:1.14rem; text-align: center; color: #ffffff; cursor: pointer; transition: all .5s ease 0s; border-radius: 0%; font-size:24px; overflow: hidden;}
.in_banner_l:hover,.in_banner_r:hover,.in_banner_l:hover:after,.in_banner_r:hover:after{color: #134da0;}
.in_bannera{width:auto; height: 1.14rem; line-height: 1.14rem; display: inline-block; vertical-align: top; font-size: 0;}
.in_bannera .swiper-pagination-bullet{width:.15rem; height:.15rem; line-height:.15rem; text-align: center; color: #fff; background:#fff; margin: 0 .2rem; opacity: 1; vertical-align: middle;}
.in_bannera .swiper-pagination-bullet-active{background: #134da0;}

.in_protitle{width:100%; margin:.6rem auto 0; overflow: hidden; height:auto;}
.in_protitlea{font-size:.7rem; font-weight: bold; color: #323232; line-height: 1; text-align:center;}
.in_protitlea span{display: inline-block; vertical-align: baseline; width: .16rem; height: .16rem; background: #134da0; border-radius: 100%; margin-left: .3rem;}
.in_protitlea p{font-size:.7rem; color: #134da0; margin: .2rem 0;}
.in_protitlea h3{font-size:.4rem; color:#666;}
.in_protitleb{font-size:0 ; position:relative;}
.in_protitleb_a{font-size: .3rem; text-transform: uppercase; color: #134da0; width:13%; padding-top:.8rem; position:absolute; right:0rem; top:0;}
.in_protitleb_a span{width:.3rem; height: .3rem; line-height: .3rem; background: #134da0; color: #fff; border-radius: 100%; overflow: hidden; text-align: center; font-size: .225rem; display: inline-block; vertical-align: middle; margin-left: 5px;}
.in_protitleul{display: inline-block; vertical-align: top; width:85%; height: auto; overflow: hidden;}
.in_protitleul .in_protitleli{width: 25%; height:1.6rem; font-size: .3rem; color: #525252; padding-top: .8rem; line-height: 1; position: relative;}
.in_protitleul .in_protitleli:after{content: ''; display: block; width: 24px; height: 4px; background: #134da0; position: absolute; bottom: 0; left: 0; transition: all .5s ease 0s; opacity: 0;}
.in_protitleul .in_protitleli:hover:after{opacity: .5;}
.in_protitleul .swiper-slide-thumb-active:after{opacity: 1; }
.in_protitleul .swiper-slide-thumb-active a{color: #134da0;}

.in_prodw{width:95%; height:7.5rem; margin:.8rem auto 0 auto; position: relative;}
.in_prodw:before{content:''; display: block; width:90%; height:7.5rem; background: #2f2f2f; position: absolute; right:0; top: 0;}
.in_prodw_js{width:10%; height:6rem; background: #134da0; float: left; overflow: hidden; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 1; padding-top: 15.5vw; animation-delay: .4s;}
.in_prodw_js span,.in_prodw_js em{display: block; font-style: normal; font-weight:normal;}
.in_prodw_js i{display: block; width: 1px; height: 50px; background: #fff; margin: 15px auto; overflow: hidden;}
.in_procen_ul{width:85%; height:7.5rem; overflow: hidden;}
.in_procen_ul .in_procen_li{width:100%; height:7.5rem; position: relative; overflow: hidden;}
.in_procen_liul{width:100%; height:5.6rem; margin: 0 0 0 .5rem; overflow: hidden;}
.in_procen_liul .in_procen_lia{width:45%; height:10rem; margin-right: 2.1vw; margin-top: 4.4vw; overflow: hidden; transition: all .5s ease 0s;}
.in_procen_liul .in_procen_lia div{width:3.65rem; height:3.6rem; justify-content:center; align-items:center; align-content:center;}
.in_procen_liul .in_procen_lia div img{max-width:100%;}
.in_procen_liul .in_procen_lia p{width:auto; height:1.5rem; background: #134da0; font-size:0.4rem; color: #fff; text-align:center; line-height:.8rem;}
.in_procen_liul .in_procen_lia p i{font-style: normal; font-size:.7rem; line-height: 1; display:block;}
.in_procen_l,.in_procen_r{width:.8rem; height:.8rem; line-height:.8rem; font-weight:bold; text-align: center; color: #fff; position: absolute; bottom:.8rem; left:2rem; margin-top: -.8vw; cursor: pointer;}
.in_procen_r{left: inherit; right:2rem;}
.in_procen_l .iconfont,.in_procen_r .iconfont{width:1rem; height:1rem; line-height:1rem; font-size:.7rem;}
.in_titlea{width:10rem; height: auto; text-align: center; margin: 90px auto 45px; float: inherit; position: relative;}
.in_titlea div{margin-top: 1.42rem; font-weight: 400; font-size: 1rem; color: #666666;}
.in_titlea .in_protitleb_a{font-weight:400; position: absolute; right: 0; bottom:25px;}

.in_casenav{width:100%; height: auto; line-height: 1; font-size: .4rem; color: #525252; position:relative; margin:0 1vw;}
.in_casenav div{color: #525252; display: inline-block; vertical-align: top; width:20%; text-align:left; padding-top:.8rem; height:1.5rem; line-height:1;}
.in_casenav div span{display: block; width:.5rem; height: 4px; background: #134da0; margin-top: 10px; transition: all .5s ease 0s; opacity: 0;}
.in_casenav div:hover,.in_casenav .in_casenava{color: #134da0;}
.in_casenav div:hover span,.in_casenav .in_casenava span{opacity: 1;}
a.in_protitleb_a{color:#134da0;}
.in_casenav .in_protitleb_a span{width: 16px; height: 16px; line-height: 15px; background: #134da0; color: #fff; border-radius: 100%; overflow: hidden; text-align: center; font-size: 12px; display: inline-block; vertical-align: middle; opacity:1;}

.in_caseul,.in_caseulli{width:100%; height: auto; margin: .4rem auto; clear:both;}
.in_caseul{}
.in_caseli{width:47.5%; margin: 0 .2rem .15rem 0; position: relative; overflow: hidden; float:left;}
.in_caseli img{max-width:100%; max-height:16.42rem;}
.in_caseli div{display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(19,77,160,.8); font-size: .4rem; color: #fff; transition: all .5s ease 0s; transform: scaleX(0);}
.in_caseli div p{ width: 32px; height: 32px; background: url(../images/in1.png) center center no-repeat; margin-top: 20px;}
.in_caseli:hover div{transform: scaleX(1);}
.in_caseli:nth-child(2n){margin-right: 0;}

.in_about{width:100%; height: auto; padding-top:.3rem; margin:.5rem auto 0 auto; position: relative; clear:both;}
.in_abouta{position: relative; z-index: 2;}
.in_about:before{content:''; display: block; width:9.7rem; height: 28.5vw; background: #2f2f2f; position: absolute; top: 0; left: 0;}
.in_aboutimg{width:94%; height:auto; overflow: hidden; margin:0 auto;}
.in_aboutimg img{width:100%; height:auto;}
.in_abouttx{animation-delay: .2s; padding:.5rem .5rem 0 .5rem; background: rgba(255,255,255,.8); height: auto; overflow: hidden; position:absolute; right:0; top:2rem; width:7rem;}
.in_abouttx .in_protitlea{float: inherit; text-align:left; font-size:.6rem; padding-bottom:.1rem;}
.in_abouttxa{font-size: .35rem; line-height:.7rem; color: #525252; margin-bottom: 3.4vw;}
.in_abouttx .in_protitlea p{font-size:.6rem;}
.in_abouttx a{text-transform: uppercase; font-size: .4rem; color: #134da0; text-align:right; width:100%; display:block;}
.in_map{margin:0 auto; padding:0 .2rem;}
.in_mapa{float: left; padding-top:2rem; line-height: 1; }
.in_mapa_a{font-size:.7rem; font-weight: bold; color: #134da0;}
.in_mapa_a span{display: block; width: 1.71rem; height: 4px; background: #134da0; overflow: hidden; margin:.3rem 0;}
.in_mapa_a p{font-size:.5rem; color: #111111;}
.in_mapa_b{font-size: .4rem; line-height:.8rem; color: #525252; margin-top: .4rem;}
.in_mapa_b p{margin:0; padding:0;}
.in_mapa_b span{font-size:.35rem; color: #134da0; font-weight: bold;}
.in_mapb{width:100%; overflow:hidden; margin-bottom:.5rem;}
.in_mapb img{width:100%; height:auto;}

.in_gsys{width:100%; margin: 0 auto .8rem auto; position: relative; height:auto;}
/*.in_gsys .in_gsysb:before{content:''; display: block; width:2.2rem; background: #134da0; position: absolute; top:0rem; right:0; height:7rem;}*/
.in_gsysa,.in_gsysb{position: relative; z-index: 2; height:auto;}
.in_gsysa{width:100%; overflow: hidden; position: relative; height:auto;}
.in_gsysa_a,.in_gsysa_a img{width:100%; height:auto;}
.in_gsysa_b{padding:.3rem 0 .3rem .3rem; background: #fff; position: absolute; bottom: 0; right: 0;}
.in_gsysa_b div{width:3rem; height: 2rem; margin:0 .2rem 0 0; overflow: hidden; float:left;}
.in_gsysa_b div img{width: 3rem; height: 2rem;}
.in_gsysb{width:100%; padding:.3rem .3rem 0 .3rem; line-height: 1; background: #fff; position:relative; margin-top:.3rem;}
.in_gsysbh2{font-size:.5rem; font-weight: bold; color: #111111; /*width:6.5rem;*/ width: 100%;}
.in_gsysba{font-size: .35rem; line-height:.7rem; margin:.3rem 0; /*width:6.5rem;*/ width: 100%;}
.in_gsysbb{line-height: 1; text-transform: uppercase; /*width:6.5rem;*/ width: 100%;}
.in_gsysbb div{float: left;}
.in_gsysbb div span{display: block; width: .3rem; height: 1px; background: #134da0; transition: all .5s ease 0s;}
.in_gsysbb div span:first-child{width:.6rem; margin-bottom: .2rem;}
.in_gsysbb a{font-size: .4rem; color: #134da0; float: right;}
.in_gsysbb:hover div span{width:.6rem;}
.in_gsysbb:hover div span:first-child{width: .3rem;}

.in_gsys_a{width: 100%; height:100%; margin:.5rem auto 0 auto; position: relative; clear:both; /*padding-bottom:1rem;*/}
.in_gsys_a:before{content:''; display: block; width:100%; background: #134da0; position: absolute; top:3rem; left:0; height:11rem; clear:both;}
.in_gsys_a .in_gsysa{/*width:80%;*/ width: 100%; position:absolute; right:0; top:0;}
.in_gsys_a .in_gsysba{line-height: .8rem; margin:.3rem 0; }
.in_gsysa_a,.in_gsysa_a img{width:100%; height:auto;}
.in_gsys_a .in_gsysb{width:100%; background: none; color: #fff; position:relative; margin-top:2rem; /*padding-top:4.2rem;*/ padding-top: 5.5rem;}
.in_gsys_a .in_gsysb .in_gsysbh2,.in_gsys_a .in_gsysbb a{color: #fff;}
.in_gsys_a .in_gsysbb div span{background: #fff;}
.in_gsys_a .in_gsysbh2,.in_gsys_a .in_gsysba,.in_gsys_a .in_gsysbb{width:100%;}

.mtb_a{margin:.3vw auto; padding:0 .3rem;}
.in_newsimgul{width:100%; height: auto; margin-right: 2vw; overflow: hidden; margin-top:.6rem;}
.in_newsimgul_a{line-height: 1; font-size: .5rem; font-weight: bold; color: #2c2c2c; transition: all .5s;}
.in_newsimgul_a a{float:right; color:#134da0; font-weight:normal; font-size:.3rem;}
.in_newsimgul_a span{display: block; width: 24px; height: 4px; background: #2f2f2f; margin:.3rem 0 .5rem; transition: all .5s;}
.in_newsimgul_a:hover a{color: #134da0;}
.in_newsimgul_a:hover span{background: #134da0;}
.in_newsimgul_bimg{width:40%; height: auto; float:left;}
.in_newsimgul_bimg img{width:100%; max-height:2.5rem;}
.in_newsimgul_bh2{font-size:.4rem; color: #313131; margin:.1rem 0; line-height: 1; width:55%; overflow: hidden; float:right; font-weight:bold;}
.in_newsimgul_btxt{font-size: .25rem; line-height:.6rem; color: #666666; width:55%; float:right; height:2.4rem; overflow:hidden;}
.in_newsimgul_btxt div a{color:#134da0; display:inline-block;}
.in_newsimgul:nth-child(2){animation-delay: .2s;}

.in_newsul .in_newsimgul_a{padding:0 .3rem;}
.in_newsul{width:100%; height: auto;  animation-delay: .4s; margin-top:1rem;}
.in_newsul_li{width: 100%; clear:both; height:3rem; zoom:1;}
.in_newsul_li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.in_newsul_lia{width:1.8rem; height: auto; line-height: 1; font-size: .4rem; color: #2c2c2c; float:left;}
.in_newsul_lia p{width: 100%; height:.5rem; line-height:.5rem; border-right: 2px solid #939393; font-size:.5rem; color: #2c2c2c; margin-bottom: .1rem; margin-bottom:.3rem;}
.in_newsul_lib{width:7rem; height: auto; line-height: 1; font-size: 14px; color: #2c2c2c; float:right; margin-left:.5rem;}
.in_newsul_lib h2{line-height:.6rem; height:.6rem; font-size: .4rem; color: #2c2c2c; margin-bottom:.5vw;}
.in_newsul_lib div{font-size: .3rem; line-height: .6rem; color: #666666}
.in_newsul_li a{ padding:.5rem .3rem;}
.in_newsul_li a:hover .in_newsul_lia p,.in_newsul_li a:hover .in_newsul_lib h2{font-weight: bold; color: #fff;}
.in_newsul_li a:hover .in_newsul_lia{color: #134da0;}
.in_newsul_li a:hover .in_newsul_lia p{border-color: #134da0; color:#fff;}
.in_newsul_li:last-child{margin-bottom: 0;}
.in_newsul_li a:hover{background:#134da0; color:#fff;}
.in_newsul_li a:hover div,.in_newsul_li a:hover h2,.in_newsul_li a:hover .in_newsul_lia{color:#fff;}
.in_newsul_li a:hover .in_newsul_lia p{border-right:2px solid #fff;}

.in_lycen{width: 100%; height:10.2rem; background: url(../images/ig22.jpg) center top no-repeat; position: relative; overflow: hidden;}
.in_lycen_a{width: 100%; height: auto;}
.in_lycen_a .in_titlea{width: 100%; color: #fff; margin:.6rem 0; text-align:center; font-size:.5rem;}
.in_lycen_a .in_protitlea span{background: #fff;}
.in_lycen_a .in_protitlea p,.in_lycen_a .in_titlea div{color: #fff;}
.in_lycen_b{width: 100%; height: auto;}
.in_lycen_bli{width: 100%; height: auto;}
.in_lycen_bli div:nth-child(1){float:left; width:49%; margin-right:1%;}
.in_lycen_bli div:nth-child(3){float:left; width:49%; margin-right:1%;}
.in_lycen_bli div:nth-child(2){float:right; width:49%;}
.in_lycen_bli div:nth-child(4){float:right; width:49%;}
.input_b{width:100%; height: .8rem; line-height:.8rem; background: #fff; border: 1px solid #e2e2e2; padding: 0 .2rem; margin:0 .1rem .3rem 0; font-size:.2rem;}
.input_c{width: 100%; height: .8rem; line-height:.8rem; background: #fff; border: 1px solid #e2e2e2; padding: 0 .2rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #999; font-size:.2rem; vertical-align: top;}
.input_d{width:100%; height:2rem; background: #fff; border: 1px solid #e2e2e2; padding:.05rem; font-size:.2rem;}
.anniu_a{display: block; width: 50%; height: 1rem; text-align: center; background: #134da0; font-size: 16px; color: #fff; margin:.3rem auto 0; border: none; cursor: pointer;}
.in_lycen_a .in_titlea div{margin-top:0; font-size:.3rem;}
.in_lycen_a .in_protitlea p{font-size:.4rem;}

.foot{width:10rem; height: auto; color: #fff; clear:both;}
.foot_top{width:100%; height: auto; padding: .6rem 0; overflow: hidden; background: #134da0; clear:both;}
.foot_topa{width:10rem; float: left; overflow: hidden; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center; line-height: 1; padding-left:.3rem;}
.foot_topa span{display: block; width:1.52rem; height:1.52rem; background-image: url(../images/in4.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.foot_topa div{font-size:.5rem; margin-left: .2rem; padding-top: 2px;}
.foot_topa div p{font-size: .8rem; margin-top: 5px;}
.foot_topb{width:10rem; float: right; line-height: 1; padding:0 .3rem; margin-top:.3rem;}
.foot_topb div:first-child{float: left; width:6rem;}
.foot_topb div p{line-height:.6rem; font-size:.35rem;}
.foot_topb div:last-child{float: right; width:3rem; height: auto;}
.foot_links{line-height: .67rem; font-size: .25rem; color: #fff; font-weight: bold; border-top:1px solid #062a5e; padding:.55rem .3rem; background: #134da0;}
.foot_links span{display:block;}
.foot_links a{font-weight: 400; margin-right: .35rem; color: #fff;}
.foot_a{padding: .3rem; text-align: center; font-size: 0.3rem; line-height:.6rem; color: #fff; background:#2f2f2f;}
.foot_a a{color: #fff;}

.foot_nav{width:100%; height:1.4366rem; background: #134da0; position: fixed; bottom: 0; left: 0; z-index: 999; overflow: hidden;}
.foot_nav a{display: block; width:20%; float: left; text-align: center; font-size:0.3733rem; color: #fff; overflow: hidden; border-right: 1px solid #2c64b4; height:1.5rem;}
.foot_nav a img{width: .44rem; height: .44rem; margin: .16rem 0 .1333rem;}
.foot_nav a:first-child{border-left:none;}
.foot_nav a:last-child{border-right:none;}
/*联系我们*/
.pg_banner{width:100%; margin:1.2rem auto 0; height:3.23rem;}
.pg_nav_map{width:10rem; height: auto; margin:.6rem auto calc(.6rem - .05rem);}
.pg_nav{width:10rem; height: auto; padding:.3rem .2rem; line-height: 1; overflow: hidden; border-bottom:1px solid #b7b7b7;}
.pg_nav_a{width:9.6rem; height:auto; float: left; overflow: hidden; line-height:1rem;}
.pg_nav_a div{/* width:calc(9rem / 4); */ width: auto; height:auto; font-size: 0; color: #525252; position: relative; /* margin-bottom: 10px; */ float:left; margin-right: .5rem; overflow: hidden;}
.pg_nav_a div a{position: relative; font-size: .34rem; height: 1rem; line-height: 1rem; display: inline-block; vertical-align: top; transition: all .5s;}
.pg_nav_a div a span{display: block; width: .6rem; height: .06rem; background: #134da0; position: absolute; bottom: 0; left: 0; transition: all .5s; opacity: 0;}
.pg_nav_a div:hover a,.pg_nav_a .pg_nuw a{color: #134da0;}
.pg_nav_a div:hover a span,.pg_nav_a .pg_nuw a span{opacity: 1;}
.pg_nav_b{width:.5rem; height:.3rem; background:url(../images/in6.png) center center/100% 100% no-repeat; float: right; cursor: pointer; overflow: hidden; margin-top:.3rem; display: none;}
.in_protitlea p span{width:1rem; height:1px; background:#134da0; margin:0 .3rem; vertical-align:middle;}

.contact{width:10rem; margin:0 auto;}
.lx{background:#2f2f2f; padding:0 .3rem 1rem .3rem;}
.lx i{width:5rem; margin:0 auto; text-align:center; display:block; padding:.8rem 0;}
.lx i img{width:5rem;}
.lx div{color:#fff; font-size:.5rem; font-weight:bold; float:left; width:6.8rem;}
.lx div span{float:left; width:1.5rem; height:1.5rem; display:inline-block; background:url(../images/tel.png) no-repeat;}
.lx div h1{display:inline-block; font-size:.4rem; font-weight:normal;}
.lx h2{float:right; width:2.5rem;}
.lx h2 img{width:2.5rem;}
.contact .add{font-size:.35rem; background:#134da0; color:#fff; line-height:.7rem; padding:.7em .3rem;}
.map{margin:.3rem 0;}

/*招商加盟*/
.detal{padding:.3rem; font-size:.3rem;}
.detal img{max-width: 100%!important;}
/*产品中心*/
.in_protitlea h1{height:2px; width:.5rem; background:#134da0; text-align:center; margin:.3rem auto 0; display:block;}
.product{margin:.5rem auto; position:relative;}
.product:before{content:''; display: block; width:8rem; background: #134da0; height:5.5rem; float:right;}
.product img{float:left; width:4rem; height:4rem; position:absolute; left:.3rem; top:.4rem;}
.product div{float:right; width:5rem; font-size:.35rem; line-height:.65rem; position:absolute; right:0; top:.5rem; color:#fff;}
.product div b{font-size:.4rem;}
.more{font-size:.35rem; margin:.8rem auto; text-align:center;}


.pg_pro .article{background:#fff; padding:.6rem .3rem; clear:both; font-size:.3rem; line-height:.55rem; height:auto; zoom:1; border-bottom:1px solid #c9c9c9;}
.pg_pro .article:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.pg_pro .article:hover{background:#134da0;}
.pg_pro .article .img{float:left; width:4rem;}
.pg_pro .article .xx{float:right; width:5rem; color:#525252;}
.pg_pro .article .xx h1{font-weight:bold; font-size:.4rem; color:#134da0;}
.pg_pro .article .xx h3{margin:.15rem 0;}
.pg_pro .article .xx a{color:#134da0;}
.pg_pro .article .xx div span{display: block; width: .6rem; height: .06rem; background: #134da0;}

.pg_pro .article .xx .pg_newslitxta{font-size: 0; line-height:.5rem; padding-top: .1rem; margin-bottom:.1rem; transition: all .5s;}
.pg_pro .article .xx .pg_newslitxta p{display:none; vertical-align: top; line-height:.55rem; font-size: .32rem; width:100%; font-family: Arial, "微软雅黑"!important;}
.pg_pro .article .xx .pg_newslitxta p span{font-family: Arial, "微软雅黑"!important; width: auto; height: auto; background: none; display: inherit;}
.pg_pro .article .xx .pg_newslitxta p:nth-child(1),.pg_pro .article .xx .pg_newslitxta p:nth-child(2),.pg_pro .article .xx .pg_newslitxta p:nth-child(3),.pg_pro .article .xx .pg_newslitxta p:nth-child(4){display: inline-block;}

.pg_pro .article:hover .xx,.pg_pro .article:hover .xx a,.pg_pro .article:hover .xx h1{color:#fff;}
.pg_pro .article:hover .xx div span{background:#fff;}
.htmleaf-container{	margin: 0 auto;}
.wall {width:10rem; margin-left: auto; margin-right: auto;}
.load-more__btn {margin:.5rem; display: inline-block; background:#134da0; width:9rem; height:1rem; line-height:1rem; font-size:.3rem; text-align:center; color:#fff;}



/*客户案例*/
.detal_xx{margin:2rem auto .8rem auto; padding:.3rem 0; font-size:.3rem;}
.detal_xx .tit{font-weight:bold; font-size:.35rem; border-bottom:1px solid #cdcdcd; padding:0 .3rem; line-height:.8rem; height:.8rem; overflow:hidden;}
.detal_xx .time{font-size:.3rem; line-height:.8rem; height:.8rem; color:#666; padding:0 .3rem;}


.pg_case{width:10rem; margin:.5rem auto;}
.pg_case,.some-list{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.pg_case .article{margin:0 .2rem .7rem 0; width:4.8rem; /* float:left; */ overflow:hidden;}
.pg_case .article .xxd{line-height:.6rem; text-align:center; font-size:.4rem; padding:0.2rem .3rem; width:4.8rem; border:1px solid #ccc; border-top:none;}
.pg_case .article .xxd span{display:block; /*height:1.2rem;*/ height: 1px; line-height:.6rem; overflow:hidden; margin-bottom:0.2rem; /*font-size:.3rem;*/ font-size: 0;}
.pg_case .article .xxd a{color:#2f2f2f; border-bottom:1px solid #2f2f2f; line-height:.6rem; font-size:.3rem;}
.pg_case .article:hover{background:#134da0;}
.pg_case .article:hover .xxd,.pg_case .article:hover .xxd a{color:#fff;}
.pg_case .article:hover .xxd a{border-bottom:1px solid #fff;}
.pg_case .article:nth-child(2n){margin-right: 0;}




/*.page{clear:both; margin:.5rem auto; text-align:center;}
.page a{border:1px solid #134da0; padding:.2rem; font-size:.2rem; border-radius:.2rem; margin-left:.1rem;}*/

/*新闻中心*/
.news li{border-bottom:1px solid #bbb; padding:0 0.3rem; zoom:1; padding:.5rem 0;}
.news li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.news li i{font-style:normal; float:left; width:2rem; font-size:.5rem; text-align:center;}
.news li i span{background:#525252; color:#fff; font-size:.25rem; display:block; padding:.3rem 0; width:1rem; margin:.3rem auto 0 auto; text-align:center;}
.news li div{float:right; width:7.5rem;}
.news li div h1{font-weight:bold; font-size:.35rem; margin-bottom:.15rem;}
.news li div h2{font-size:.2rem; line-height:.55rem;}
.news li:hover{background:#134da0;}
.news li:hover i,.news li:hover i span,.news li:hover div{color:#fff;}
.news li:hover i span{background:#fff; color:#134da0;}

/*关于我们*/
.about{height:auto; padding:.3rem; clear:both; zoom:1;}
.about:after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.about div{float:left; width:1rem; font-size:.4rem; color:#134da0; font-weight:bold;}
.about div span{background:#134da0; width:.3rem; height:.05rem; display:inline-block; vertical-align:middle; margin-left:.1rem;}
.about h1{float:right; width:8.3rem; font-size:.3rem; line-height:.7rem;}
.about h1 b{display:block; font-size:.4rem; margin-bottom:.1rem;}
.about h2{clear:both; font-size:.3rem; line-height:.7rem; margin-top:.5rem;}
.about h2 i{font-style:normal; color:#134da0; display:block;}
.qh{width:10rem; height: auto; padding-top:.3rem; position: relative; clear:both;}
.qh .in_banner{position: relative; z-index: 2; width:9rem; margin:0 .3rem 0 .7rem; padding-bottom:1.3rem;}
.qh:before{content:''; display: block; width:10rem; height:4rem; background: #134da0; position: absolute; bottom: 0; left: 0;}
.qh .in_banner .in_bannerjs span{color:#fff;}
.qh .in_banner .swiper-slide img{width:9rem;}
.qh .in_banner .swiper-slide a,.in_banner .swiper-slide,.qh .swiper-wrapper{width:9rem;}
.sm{background:url(../images/sm.jpg) no-repeat center; height:auto; padding:2rem .3rem 2rem .3rem; color:#fff; text-align:center;}
.sm_tit{font-size:.5rem; color:#fff; text-align:center; padding-bottom:.6rem;}
.sm_tit span{height:2px; width:.5rem; background:#134da0; display:block; margin:.2rem auto .3rem auto;}
.sm_tit i{font-style:normal; display:block; font-size:.4rem; font-weight:bold; color:#fff;}
.sm_xx{line-height:.8rem; font-size:.3rem;}
.serive{background:url(../images/fw.jpg) no-repeat center; height:auto; padding:2rem .3rem; clear:both; zoom:1;}
.serive:after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.serive div{float:left; width:1rem; font-size:.4rem; color:#134da0; font-weight:bold;}
.serive div span{background:#134da0; width:.3rem; height:.05rem; display:inline-block; vertical-align:middle; margin-left:.1rem;}
.serive h1{float:right; width:8.3rem; font-size:.3rem; line-height:.7rem;}
.serive h1 b{display:block; font-size:.4rem; margin-bottom:.1rem;}
.scroll{background:#e5e5e5; width:10rem; padding:1rem;}
.poster-main {width: 10rem; height:5rem; position: relative; margin: 0 auto;}
.poster-main a, .poster-main img { display: block; }

.sl{background:#134da0; height:auto; padding:2rem .3rem; clear:both; zoom:1;}
.sl:after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.sl div{float:left; width:1rem; font-size:.4rem; color:#fff; font-weight:bold;}
.sl div span{background:#fff; width:.3rem; height:.05rem; display:inline-block; vertical-align:middle; margin-left:.1rem;}
.sl h1{float:right; width:8.3rem; font-size:.3rem; line-height:.7rem; color:#fff;}
.sl h1 b{display:block; font-size:.4rem; margin-bottom:.1rem;}

.fz{margin:.6rem auto;}
.fz .sm_tit{color:#134da0;}
.fz .sm_tit i{color:#3e3e3e;}



.demo{padding: 2em 0;}
.main-timeline{overflow: hidden; position: relative;}
.main-timeline:before{content: ""; width:1px; height: 100%; background: #b7b7b7; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main-timeline .timeline{width: 50%;padding-left:.5rem;	float: left;	position: relative;}
.main-timeline .timeline:before{ content: ""; width:.2rem; height:.2rem; border-radius: 50%; background: #909090; position: absolute; top:5.5%;	left:98%; transform: translateY(-50%);}
.main-timeline .timeline:after{content: ""; display: block; border:.02rem solid #b7b7b7; position: absolute; top:4%; right:2%; border-left:1.5rem solid #b7b7b7;}
.main-timeline .timeline-content{display: block; padding:0; position: relative;}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .year{display:block; font-size:.45rem; position: absolute; color:#3e3e3e; font-weight:bold; top:0%; right:1.8rem; transform: translateY(-50%); height:2rem; line-height:2.3rem;}
.main-timeline .description{font-size:.25rem; margin:.05rem 1.8rem .2rem 0; text-align:right; line-height:.65rem; padding-top:.4rem;}
.main-timeline .timeline:nth-child(2n){text-align:left; padding:0;}
.main-timeline .timeline:nth-child(2n):before,.main-timeline .timeline:nth-child(2n) .year{left: auto;right:98%;}
.main-timeline .timeline:nth-child(2n) .year{ left:1.8rem; right:0;}
.main-timeline .timeline:nth-child(2n):after{border-right: none; left: auto; right:68%;}
.main-timeline .timeline:nth-child(2n) .description{float: none; text-align: left; margin:0 .1rem 0 1.8rem;}
.main-timeline .timeline:nth-child(2n){ margin:2.2rem 0 1rem 0; }



/*招商加盟*/
.zs_banner{width:100%; height: 432px; margin: 0 auto; background-repeat: no-repeat; background-position: center center;}
.zs_bdw{width: 1200px; height: 432px; margin: 0 auto; position: relative;}
.zs_centent{width: 1200px; height: auto; margin: 0 auto;}
.zs_bda{width: 268px; height: 332px; background:rgba(255,255,255,.9); float: right; margin-top: 54px; border-radius: 5px; padding:40px 15px 15px;}
.zs_bda_title{justify-content:center; align-items:center; align-content:center; font-size: 24px; color: #333; line-height: 1;}
.zs_bda_title em{display: block; width: 60px; height: 1px; background: #cccccc; overflow: hidden;}
.zs_bda_title span{margin: 0 7px;}
.zs_bda_ul{width: 100%; height: auto; padding-top: 40px;}
.zs_bda_ul div{margin-bottom: 25px;}
.zs_ipta{width: 100%; height: 38px; border: 1px solid #d2d2d2; background: #fff; padding: 0 10px; font-size: 16px; color: #525252;}
.zs_aniu{display: block; width: 140px; height: 38px; background: #134da0; color: #fff; cursor: pointer; margin: 0 auto; font-size: 16px; border: none; margin-top: 40px;}

.zs_title{width: 100%; height: auto; line-height: 1; justify-content:center; align-items:center; align-content:center; margin: 80px auto 20px; text-align: center;}
.zs_title em{display: block; width: 460px; height: 1px; background: #134da0; overflow: hidden;}
.zs_title div{width: 280px; text-align: center; font-size:30px; color:#323232; text-transform: uppercase; position: relative;}
.zs_titlea div{padding-left:45px;}
.zs_title div p{font-size: 14px; color: #134da0; margin-top: 10px;}
.zs_title div span{font-size: 72px; color: #134da0; position: absolute; top: -10px; left:38px;}
.zs_txt{width: 560px; height: auto; text-align: center; font-size: 14px; line-height: 28px; color: #666666; margin: 0 auto 70px;}
.zs_sczcul{padding-bottom: 95px;}
.zs_sczcli{width:373px; height: auto; margin-right: 40.5px; line-height: 1; cursor: pointer;}
.zs_sczcli div{width: 100%; height:212px;}
.zs_sczcli h2{line-height: 1; font-size: 22px; margin: 15px 0 10px; color: #134da0; transition: all .5s ease 0s;}
.zs_sczcli p{font-size: 14px; line-height: 28px; color: #666666; transition: all .5s ease 0s;}
.zs_sczcli:hover h2,.zs_sczcli:hover p{ color: #323232;}
.zs_sczcli:nth-child(3n){margin-right: 0;}

.zs_bg{width: 100%; height:650px; background: url(../images/zsbg.jpg) center bottom no-repeat #f7f7f6; overflow: hidden;}
.zs_faul{justify-content:center; align-items:center; align-content:center;}
.zs_fali{width: 163px; height: 163px; line-height: 163px; background: #ce4719; display: block; text-align: center; color: #fff; border-radius: 100%; /*overflow: hidden;*/ font-size: 24px; margin: 0 31px; transition: all .5s ease 0s; position: relative;}
.zs_fali:hover{color: #fff; animation: pulse 1s linear .2s infinite alternate;}
.zs_fali:nth-child(2n){background: #134da0;}
.zs_fali:after{content:''; display: block; width: 1px; height: 200px; background: #ce4719; position: absolute; top: 165px; left: calc(50% - .5px); }
.zs_fali:nth-child(1):after{transform: rotate(125deg)translate(-190px,-55px); height: 310px;}
.zs_fali:nth-child(2):after{transform: rotate(150deg)translate(-100px,-12px); height: 170px; background: #134da0}
.zs_fali:nth-child(3):after{height: 120px;}
.zs_fali:nth-child(4):after{transform: rotate(25deg)translate(-80px,-10px); height: 170px; background: #134da0;}
.zs_fali:nth-child(5):after{transform: rotate(55deg)translate(-190px,20px); height: 335px;}

.zs_faul_aa{width:400px; height: 40px; line-height: 40px; background: #e20e0e; font-size: 18px; color: #fff; text-align: center; margin:120px auto 0; border-radius: 5px;}

.zs_bga{background: #134da0; overflow: hidden; padding-bottom: 70px;}
.zs_bga .zs_title em{background: #fff; color: #fff;}
.zs_bga .zs_title div,.zs_bga .zs_title div p{color: #fff;}
.zs_bga .zs_txt{font-size: 24px; color: #ffffff;}

.zs_slul{justify-content:center; align-items:center; align-content:center;}
.zs_sli{display: block; width: 452px; height: 300px; border: 3px solid #2b6cc8; overflow: hidden; margin: 0 15px;}
.zs_sli img{width: 100%; height: 100%;}

.zs_imgul{width: 100%; height: auto; line-height: 1; text-align: center; padding-bottom: 60px;}
.zs_imgul img{max-width: 100%;}
.zs_teamul{width: 1200px; height: auto; margin: 0 auto;}
.zs_teamli{width: 368px; height: 440px; padding: 22px; background: #343434; margin-right: 47.5px; color: #fff; line-height: 1; transition: all .5s ease 0s;}
.zs_teamli_a{width: 100%; height: 103px; line-height: 103px; border-bottom: 1px solid #5e5e5e; font-size: 26px; transition: all .5s ease 0s;}
.zs_teamli_b{line-height: 1;}
.zs_teamli_b h2{line-height: 1; font-size: 24px; margin: 40px 0 30px;}
.zs_teamli_b p{font-size: 14px;}
.zs_teamli_b div{font-size: 14px; line-height: 28px; margin-top: 35px;}
.zs_teamli:hover{background: #134da0; cursor: pointer;}
.zs_teamli:hover .zs_teamli_a{border-color: #0f3d7f;}
.zs_teamli:nth-child(3n){margin-right: 0;}

.zs_ysul{width: 1200px; height: auto; margin:50px auto 85px; overflow: hidden;}
.zs_ysli{width: 272px; height: auto; margin-right: 37px; overflow: hidden;}
.zs_ysli div{width: 100%; height: 244px; overflow: hidden; border-radius: 5px;}
.zs_ysli p{font-size: 18px; color: #666666; height: 50px; line-height: 50px; text-align: center;}
.zs_ysli:nth-child(4n){margin-right: 0;}


/**新增 2020-12-11**/
.cover_cname{ width:100%; text-align:center; line-height:1; margin:.4rem 0 0 0;}
.cover_cname_fota{ font-size:.8rem; color:#278948;}
.cover_cname_fotb{ font-size:.2rem; color:#000; margin-top:.2rem;}
.ProdIntr{ width:100%; margin:.4rem 0 0 0;}
.ProdIntr_img{ width:100%;}
.ProdIntr_img img{ width:100%; height:auto;}
.ProdIntr_intr{ width:100%; font-size:14px; line-height:1.5;}

.Advcomto{ width:100%; margin:.4rem 0 0 0;}
.Advcomto_top{ width:100%;}
.Advcomto_topli{ position: relative; width:calc((100% / 5) - .13rem); height:.82rem; line-height:.82rem; text-align:center; font-size:1.1vw; color:#FFF; background:#278948; margin:0 .16rem 0 0; cursor:pointer;}
.Advcomto_topli::before{ display:none; content: ''; position: absolute; width: 0; height: 0; left:calc(50% - .1rem); bottom:-.13rem; border-left: .1rem solid transparent; border-right: .1rem solid transparent; border-top: .13rem solid #c60101;}
.Advcomto_topli:nth-child(5n){ margin-right:0;}
.Advcomto_topli:hover{ background:#c60101;}
.Advcomto_topli:hover::before{ display:block;}
.Advcomto_top .Acotcurr{ background:#c60101;}
.Advcomto_top .Acotcurr::before{ display:block;}

.Advcomto_bot{ width:100%; margin:.8rem 0 0 0;}
.Advco_Bocont{ width:100%; height:auto; text-align:center; overflow:hidden;}
.Advco_Bocont img{ max-width:100%; height:auto;}
.Advboc_pcimg{ display: none;}
.Advboc_mobileimg{ display:block;}

.CaseShowConter{ width:100%; margin:2.6vw 0 0 0;}
.Csctest{ width:100%; margin:.8rem 0 0 0;}
.Csctest_conter{ width:100%;}
.Csctest_conter_top{ width:100%;}
.Csc_con_topimg{ width:100%;}
.Csc_con_topintr{ width:100%; font-size:14px; line-height:1.5; margin-top:15px;}
.Csctest_conter_bot{ width:100%; margin:3.6vw 0 0 0;}
.csccon_botli{ width:calc(50% - 2%); height:auto; overflow: hidden; margin:0 .36rem .36rem 0;}
.csccon_botli img{ width:100%; max-height:140px;}
.csccon_botli:nth-child(2n){ margin-right:0;}


@media all and (max-width: 750px) {
/*招商加盟*/
.zs_banner{width:100%; height: 432px; margin: 0 auto; background-repeat: no-repeat; background-position: center center;}
.zs_bdw{width: 90vw; margin: 0 auto; position: relative; overflow: hidden;}
.zs_centent{width: 90vw; height: auto; margin: 0 auto;}
.zs_bda{float: inherit; margin:54px auto 0;}

.zs_title{margin:50px auto 20px;}
.zs_title em{width: 10vw;}
.zs_title div{width: auto; padding:0 20px;}
.zs_titlea div{padding:0 20px 0 65px;}
.zs_title div p{font-size: 14px; color: #134da0; margin-top: 10px;}
.zs_title div span{left:20px;}
.zs_txt{width: 90vw; margin: 0 auto 30px;}
.zs_sczcul{padding-bottom:0px;}
.zs_sczcli{width:100%; height: auto; margin-right:0; margin-bottom: 30px; overflow: hidden;}
.zs_sczcli div{width: 100%; height:auto;}
.zs_sczcli div img{width: 100%; height: auto;}

.zs_bg{width: 100vw; padding: 0 5vw 30px; height: auto; background: url(../images/zsbg.jpg) center bottom no-repeat #f7f7f6;}
.zs_fali{width: 25vw; height: 25vw; line-height: 25vw; margin: 0 7.5vw 5vw 0; font-size:16px;}
.zs_fali:nth-child(3n){margin-right: 0;}
.zs_fali:after{content:''; display: none;}

.zs_faul_aa{width:90vw; height: 40px; line-height: 40px; background: #e20e0e; font-size: 16px; color: #fff; text-align: center; margin:40px auto 0; border-radius: 5px;}	

.zs_bga{background: #134da0; overflow: hidden; padding-bottom: 50px;}
.zs_bga .zs_txt{font-size: 20px; color: #ffffff;}

.zs_sli{display: block; width: 42.5vw; height: auto; margin: 0 2.5vw;}
.zs_sli img{width: 100%; height: 100%;}

.zs_imgul{width:100vw; height: auto; line-height: 1; text-align: center; padding:0 5vw 30px;}
.zs_imgul img{max-width: 100%;}
.zs_teamul{width: 90vw; height: auto; margin: 0 auto;}
.zs_teamli{width: 90vw; height: auto; padding:15px; margin-right:0; margin-bottom: 15px;}
.zs_teamli_a{width: 100%; height: auto; line-height: 1; font-size:24px; padding: 15px 0 30px;}
.zs_teamli_b h2{font-size:20px; margin:15px 0 10px;}
.zs_teamli_b div{font-size: 14px; line-height: 24px; margin-top:15px;}
.zs_teamli:hover{background: #134da0; cursor: pointer;}
.zs_teamli:hover .zs_teamli_a{border-color: #0f3d7f;}
.zs_teamli:nth-child(3n){margin-right: 0;}

.zs_ysul{width: 90vw; height: auto; margin:30px auto 55px; overflow: hidden;}
.zs_ysli{width: 42.5vw; height: auto; margin-right: 5vw; overflow: hidden;}
.zs_ysli div{width: 100%; height: auto; overflow: hidden; border-radius: 5px;}
.zs_ysli div img{width: 100%;}
.zs_ysli:nth-child(2n){margin-right: 0;}





.prodetal{width: 100%; margin: 0 auto;}
.pro_title{font-size: 22px; color: #323232; font-weight: bold; text-align: center; line-height: 30px; margin: 20px 0;}
.pro_title h1{font-size: 14px; color: #999; font-weight: normal; margin-bottom: 5px; text-transform:uppercase;}
.pro_title h2{height: 2px; width: 24px; background: #134da0; margin: 0 auto;}
.prolist li{float: left; /*width: 95%;*/ width: 46%; margin-left: 2.6vw;}
.prolist li img{width: 100%;}
.prolist li div{height: 40px; line-height: 40px; width: 70%; text-align: center; background: #e2e2e2; border-radius: 50px; margin:15px auto; font-size: 16px; color: #555;}
.question {margin: 0 2%;}
.question .fl{width: 100%; float: inherit;}
.question .fl img{width: 100%; }
.question .fr{width: 96%; font-size: 14px; float: inherit;}
.hot li{float: left; width: 90%; margin-left: 5%; margin-bottom: 20px;} 
.hot li .biaoti{font-size:18px; color: #134da0;}
.hot li .biaoti div{display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #134da0; font-size: 26px; font-family: Arial; color: #fff; border-radius: 100%; margin-right: 0.5vw;}
.hot li .xx{background: #f1f1f1; font-size: 14px; line-height: 26px; padding: 3vw; height: auto; overflow: hidden;}
.hot li:nth-child(3){margin: 0 0 20px 5%;}
.hot li:nth-child(4){width: 90%;}
.hot li:nth-child(4) .xx{background: none; font-size: 14px; color: #666; height: auto; padding:0.6vw;}
.hot li .img{text-align: center; margin: 0 auto;}
.hot li .img img{width: 100%;}
.tm{margin-bottom: 20px;}
.tm div{float: left; width: 100%; position: relative; margin-bottom: 10px;}
.tm div img{width: 100%;}
.tm div span{position: absolute; left: 0; top: 0; background: #134da0; height: 42px; width: 90px; text-align: center; line-height: 42px; color: #fff; font-size: 16px;}
.kuang{font-size: 18px; color: #134da0; border: 2px solid #134da0; line-height: 30px; padding: 1.7vw; font-weight: bold; margin: 0 3%;}
.protj{margin: 0 3%;}
.protj h1{font-size: 14px; color: #666; line-height: 30px;}
.protj .img{text-align: center;}
.protj .img img{width: 100%;}
.protj .img div{font-size: 16px; color: #666; margin-top: 10px;}
.protj .img div i{font-style: normal; color: #134da0;}
.tj_tit{background: url(../images/tj_tit.jpg) repeat-x 0 center; text-align: center; margin:15px 0;}
.tj_tit span{font-size: 22px; color: #323232; background: #fff; padding: 0 1.3vw; font-weight: bold;}
.tj_list{margin: 0 2%;}
.tj_list li{float: left; width: 49%; margin-right: 2%; text-align: center; font-size: 16px; color: #323232; margin-bottom: 20px;}
.tj_list li img{width: 100%;}
.tj_list li div{margin-top: 12px;}
.tj_list li:nth-child(2n){margin-right: 0;}
.kk{font-size: 18px; color: #134da0; border: 2px solid #134da0; line-height: 30px; padding: 1.7vw; margin-top: 35px; margin: 0 3% 3% 3%;}
.kk i{color: #c9041b; font-style: normal;}

.kk_mo em{font-style: normal;}
.kk_mo p{display: inline-block; vertical-align: top; width: 100%;}
.prolist_a li{/*width: 95%;*/ width: 46%; margin-left: 2.6vw;}


.tm_a{margin-bottom: 20px; font-size: 14px; line-height: 26px; }
.tm_a div{width: 100%; position: relative; margin-bottom: 15px;}
.tm_a div img{width: 100%; line-height: 1;}

	
	
.tm_b{margin-bottom: 20px;}
.tm_b .fl{width: 100%;}
.tm_b .fl img{width: 100%;}
.tm_b .fr{width:100%; margin-right: 5px; font-size: 14px;}
.question .xx{font-size: 14px; line-height: 26px; overflow: hidden;}
	
/*首页解决方案*/
.in_faul{margin: 25px auto 0; width: 98vw;}
.in_falia{width: calc(92.5vw / 2); height: auto; margin-right:2.5vw; margin-bottom: 25px; line-height: 1; overflow: hidden;}
.in_faliaimg,.in_faliaimg img{width: 100%; height: auto;}
.in_faliatxt{width: 100%; height: auto; line-height: 24px; margin-top: 10px; overflow: hidden;}
.in_faliatxta{display: block; width:100%; height: 24px; font-size: .4rem; color: #555555; font-weight: bold; transition: all .5s ease 0s;}
.in_faliatxta i{display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: #134da0; border-radius: 100%; line-height: 1; overflow: hidden; margin-right: 5px;}
.in_faliatxta i img{width: 100%; height: 100%; vertical-align: top; display: inline-block;}
.in_faliatxtb{display: block; width: 90%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #f6ab00; border-radius: 5px; overflow: hidden; transition: all .5s ease 0s; margin:10px auto 0;}

.in_falia:nth-child(2n){margin-right: 0;}


/*调光膜*/
.tgm_video{margin-top:50px;}
.gkm_sysul .fl{width:100%;}
.gkm_sysul .fr{width:100%;}
.gkm_sys{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.gkm_sys .gkm_sysli{width:calc(100% / 2); height:60px; margin-bottom: 10px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size: 18px; font-weight: bold; line-height: 1; border-right: 1px solid #ccc;}
.gkm_sys .gkm_sysli span{display: block; width:30%; height: 2px; background: #0E4592; margin: 10px 0;}
.gkm_sys .gkm_sysli p{font-size: 14px; font-weight: 400;}
.gkm_sys .gkm_sysli:nth-child(3),.gkm_sys .gkm_sysli:nth-child(4){margin-bottom: 0;}
.gkm_sys .gkm_sysli:nth-child(2),.gkm_sys .gkm_sysli:nth-child(4){ border-right: none;}
.tgm_td{}
.tgm_tdli{width: calc(100% / 2); height: auto; padding:10px 0px; text-align: center;}
.tgm_tdli span{display: block; width:25vw; height:25vw; line-height: 25vw; font-size:0px; margin: 0 auto; border: 5px solid #e2e2e2; border-radius: 15px 0 15px 0;}
.tgm_tdli span em{font-size:15vw; color: #007AFF;}
.tgm_tdli h2{line-height: 1; font-weight: 600; margin: 10px 0; font-size: 18px;}
.tgm_tdli p{font-size: 14px; line-height: 1.5; padding:0 15px;}
.tgm_tda .tgm_tdli{width: calc(100% / 3);}

.gkm_lct li{float: inherit;width:100%; margin-right:0; text-align: left; font-size: 16px; color: #323232; margin-bottom: 20px;}
.gkm_lct li h2{font-weight: 16px; font-weight: bold; margin-bottom: 10px;}

}