@charset "utf-8";
/* css document */
* {font-family: 微软雅黑 !important;}
body{margin:auto;padding:0px;font-size:14px; color: #666;}

/*::-webkit-scrollbar              {!* 1 *!width:9px; background-color:#333;}*/
/*::-webkit-scrollbar-button       {!* 2 *!}*/
/*::-webkit-scrollbar-track        {!* 3 *!}*/
/*::-webkit-scrollbar-track-piece  {!* 4 *!}*/
/*::-webkit-scrollbar-thumb        {!* 5 *!border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}*/
/*::-webkit-scrollbar-corner       {!* 6 *!background-color:#333;}*/
/*::-webkit-resizer                {!* 7 *!}*/
/*::-webkit-scrollbar:horizontal   {height:9px;}*/
::-webkit-scrollbar              {/* 1 */width:9px; background-color:rgba(39,151,228,0);}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}.produt_img_row2 .pos_1 .pos_line ::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px rgba(39,151,228,0); width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:rgba(39,151,228,0);}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}

a { text-decoration:none; outline-style:none;  -webkit-transition: all .6s;transition: all .6s; color: #666;}
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }.column-center-b
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; font-family:微软雅黑; outline: none;}
input{ padding:0; outline: none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.all { width:100%; height:auto; margin:auto; position:relative; z-index:1;}
.w900{ width:935px; margin:auto;}
.w1100{ width:1100px; margin:auto;}
.w1200{ width:1200px; margin:auto;}
.w1400{ width:1440px; margin: auto;}
.w1600{ width:1660px; margin:auto;}
.wf100{ width: 100%; float: left;}
.w90{ width: 90%; margin: auto;}

.anchorbl{display:none;}

.fp-tablecell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.center-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center { display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.between-center { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom { display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.column-center-a { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; }
.column-center-b { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; max-width: 50%;}
.column-between { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.pd-50{ padding: 50px 0;}

.luxy-el{ width: 100%; float: left; position: relative; z-index: 22; background: #fff;}

/*banner  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  transparent*/
.banner_box{ width:100% !important; float: left; position: relative; overflow: hidden; background: #000; border-bottom: 8px solid #d32e30;}
.banner_box .bd{ width: 100%; height: auto; float: left;}
.banner_box .bd ul li{ width:100%; height: auto; float: left; background-repeat: no-repeat; background-size: cover; background-position: center; display: table; color: #fff; font-weight: bold;}
.banner_box .bd ul li img{ width: 100%;}

.banner_box .hd{ width: 100%; height: 15px; position: absolute; left: 0; bottom: 5%; z-index: 13; text-align: center;}
.banner_box .hd ul{ width: 100%; height: auto;}
.banner_box .hd ul li{ display: inline-block; width:18px; height: 18px;  border: 3px solid #fff; text-indent: -9999px; cursor: pointer; margin:0 5px; border-radius: 100%;}
.banner_box .hd ul li.on{ background: #fff;}

.arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer; z-index: 20;} 
.arrow span,.arrow span:after,.arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.arrow span {margin-top:-1px; width:0 } 
.arrow span:after,.arrow span:before {content:""; width:30px } 
.arrow.prev span {left:50%; margin-left:-10px } 
.arrow.prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.next span {right:50%; margin-right:-10px } 
.arrow.next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow.next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow:hover span {width:40px } 
.arrow:hover.prev span {margin-left:-20px }
.arrow:hover.next span {margin-right:-20px }
.arrow.next{right:2.1%}
.arrow.prev{left:2.1%}
.banner_box .arrow span,.banner_box .arrow span:after,.banner_box .arrow span:before{background-color:#fff;}


.divpc{ display: block;}
.divphone{ display: none;}

.fanye{ width:100%; float: left; padding: 40px 0 0; text-align: center;}
.fanye ul li{ display: inline-block; padding: 0 2px; line-height: 25px;}
.fanye ul li a,.fanye ul li span{ border:1px solid #888; background: #ffffff; padding: 0 8px; font-size: 14px; display: inline-block; color: #666;}
.fanye ul li:hover a,.fanye ul li:hover span{ border-color: #2796e3;}
.fanye ul li.active a,.fanye ul li.active span{ border-color: #2796e3;}

.fy{ padding: 20px 0 0;}
.fy a{ width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; margin-top: 10px;}
.fy a.fr{ text-align: right;}
.fy a:hover{ color: #2796e3; }

.head_btn{ width: 24px; float: right; position: relative; cursor: pointer; display: none; margin-top: 5px;}
.head_btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #2796e3;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.head_btn i.bar-top{ margin-top: 0;}
.head_btn i.bar-cen{ margin-top: 6px;}
.head_btn i.bar-bom{ margin-top: 6px;}
.head_btn.cur i.bar-cen{ opacity: 0;}
.head_btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
.head_btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}

.ewm_tc{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 100; text-align: center; display: none;}
.ewm_tc .w90{ height: 100vh;}
.ewm_tc img{ max-height: 250px;}


/*
.all_center_box{ width:100%; float: left; position: relative; padding-top: 45px;}*/

.bgvideo{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; pointer-events: none;}
.bgvideo video{ width: 100%; height: 100%; object-fit: cover;object-position: center; position: absolute; left: 0; top: 0;z-index:1;}
.bgvideo img{ width: 100%; height: 100%;position: absolute; left: 0; top: 0;z-index:1;}
.bgvideo .logo_box{ width: 348px; height: 272px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-65%); display: none;z-index:2}
.bgvideo .logo_box .box1{ width: 0%; height: 100%; background: url(/uploads/image/csimages/logo_bg.png); animation: logo1 1.7s linear infinite;}
@keyframes logo1 {
	0%{width: 0%;}
	25%{width: 50%;}
	50%{width: 100%;}
	75%{width: 100%;}
	100%{width: 100%;}
}
.bgvideo .logo_box .box2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.bgvideo .logo_box .box2::after{ content: ''; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: url(/uploads/image/csimages/logo_bg.png) left; transition: all 1s ease .5s;}
.bgvideo .logo_box .box2::before{ content: ''; width: 50%; height: 100%; position: absolute; top: 0; right: 0; background: url(/uploads/image/csimages/logo_bg.png) right; transition: all 1s ease .5s;}

.bgvideo .logo_box.active .box1{ display: none;}
.bgvideo .logo_box.active .box2{ opacity: 1;}
.bgvideo .logo_box.active .box2::after{ width: 0%;}
.bgvideo .logo_box.active .box2::before{ width: 0%;}



/**/
.home_box0{ width: 100%; min-height: 100vh; position: relative; /*z-index: 2;*/ overflow-x: hidden;}

/*.home_left{ width: 19.5vw; height: 100vh;background: #fff;*/
/*position: fixed; left: 0; top: 0; z-index: 2; font-size: 12px; overflow: hidden;}*/

.home_left{ width: 19.5vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 3; background: #fff; font-size: 12px; overflow: hidden;}

.erji_menu ul li span a
.home_left .logo img{ height: 6vh;}
.home_left .center-center{ width: 100%; height: 103vh; position: relative; z-index: 2; padding: 0 3.7vw;}
.home_left::after{ content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: rgba(255,255,255,0.95);}
.home_left .home_menu{ padding:5.5vh 0 25vh 0;}
.home_left .home_menu ul{ width: 100%; float: left; position: relative;}
.home_left .home_menu ul::after{ content: ''; width: 4px; height: 100%; background: #e4e4e4; border-radius: 50px; position: absolute; left: 0; top: 0;}
.home_left .home_menu ul li{ width: 100%; float: left; line-height: 1; position: relative; z-index: 2;}
.home_left .home_menu ul li a{ width: 100%; float: left; font-size: 1.5rem; color: #666; padding: 0 0 0 60px; margin: 1.5vh 0; position: relative;}
.home_left .home_menu ul li a::after{ content: ''; width: 4px; height: 0; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); background: #2796e3; border-radius: 50px; transition: all .6s;}
.home_left .home_menu ul li:first-child a{ margin-top: 0;}
.home_left .home_menu ul li:last-child a{ margin-bottom: 0;}
.home_left .home_menu ul li a:hover::after{ height: 100% !important;}
.home_left .home_menu ul li.active a::after{ height: 100%;}
.home_left .home_menu ul li.active a{ color: #2796e3;}
.home_left .home_menu:hover ul li.active a::after{ height: 0;}
.home_left .home_soso{ position: relative;}
.home_left .home_soso .text{ width: 100%; height: 30px; border:none; border-bottom: 2px solid #65bfee; background: none;}
.home_left .home_soso .btns{ width: 30px; height: 30px; background: url(/uploads/image/csimages/ico_1.png) center no-repeat; position: absolute; right: 0; top: 0; border:none;}
.home_left .home_encn{ border-bottom: 2px solid #aeadae; padding: 11px 0 3px;}
.home_left .home_encn i{ margin: 0 10px;}
.home_left .home_encn a:hover{ color: #65bfee;}
.home_left .home_info{ margin: 2vh 0;}
.home_left .home_info .pull-left{ height: 123px; padding-bottom: 4px;}
.home_left .home_info .pull-right{ height: 123px;}
.home_left .home_info .pull-right p{ width: 100%;padding-left:6px}
.home_left .home_info .pull-right img{ width: 106px;}

.home_right{ position: absolute; right: 9vh; bottom: 9vh; font-size: 30px; color: #878f93; text-align: right;}
.home_right span{ font-size: 64px; font-weight: lighter;}
.home_right p{ font-family: -apple-system, blinkmacsystemfont, 'segoe ui', roboto, oxygen, ubuntu, cantarell, 'open sans', 'helvetica neue', sans-serif;}

.home_box0.active .bgvideo .logo_box{display: block;}
.home_box0.active .home_left .center-center{ transform: translate(-100%,0); transition: all 1s ease 2s;}
.home_box0.active .home_left::after{ width: 0; transition: all 1s ease 1s;}
.home_box0.active .home_left.show .center-center{ transform: translate(0,0);}
.home_box0.active .home_left.show::after{ width: 100%;}
.home_box0.active .home_right{ transform: translate(0,150%); transition: all 1s ease 2s;}
.home_box0.active .home_right.show{ transform: translate(0,0);}

.erji_menu{ width: 19.5vw; height: 100vh; position: fixed; left: 19.5vw; top: 0;
background: rgba(39,151,228,0.1); 
padding: 18vh 3.7vw 5vh; transform: translate(-100%,0); transition: all .6s; overflow: auto; z-index: 2;}
.erji_menu.show{ transform: translate(0,0);}
.erji_menu ul li{ width: 100%; float: left;}
.erji_menu ul li span{ width: 100%; float: left;}
.erji_menu ul li span a{ width: 100%; float: left; position: relative; line-height: 31px; border-bottom: 2px solid transparent; margin-top: 4vh; font-size: 1.5rem		;}
.erji_menu ul li span a::after{ content: ''; width: 1.5rem; height: 2px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -1px; transition: all .6s;}
.erji_menu ul li span a::before{ content: ''; width: 1.5rem; height: 2px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -1px; transform: rotate(90deg); transition: all .6s;}
.erji_menu ul li p{ display: none;}
.erji_menu ul li p a{ width: 100%; float: left; margin-top: 15px;}
.erji_menu ul li p a.active,.erji_menu ul li p a:hover{ color: #2796e3; font-weight: bolder;}

.erji_menu ul li span a:hover{ color: #2796e3; font-weight: bolder;}

.erji_menu ul li.active span a{ color: #2796e3; border-color: #2796e3;}
.erji_menu ul li.active span a::after,.erji_menu ul li.active span a::before{ background: #2796e3;}
.erji_menu ul li span a:hover::after{ transform: rotate(180deg);}
.erji_menu ul li span a:hover::before{ transform: rotate(270deg);}

.erji_menu ul li:hover p{ display: block;}

.head_phone{ display: none; position: fixed; left: 0; top: 0; z-index: 100; padding: 15px 4%;}
.head_phone .logo{ height: 40px; float: left;}
.head_phone.active{ background: rgba(255,255,255,0.9);}


/**/
.page_info_box{ /*width: 61vw;*/width:100%; min-height: 100vh; /*position: absolute;*/ right: 0; top: 0; background: #fff; opacity: 0; transform: translate(0,0); padding: 10vh 9vw;  z-index: 1;}
/**/
.case_box4 ul li a p{
	font-size:12px;
}

/*.page_info_box{ width: 61vw; min-height: 100vh; position: absolute; right: 0; top: 0; background: #fff; opacity: 0; transform: translate(-100%,0); transition: all 1s ease .4s; padding: 10vh 9vw;  z-index: 1;}*/

.page_info_box.show{ opacity:1; transform: translate(0,0); z-index:4;margin:auto;}

.about_box1 .pull-left{ width: 20%; font-size: 1.5rem;}
.about_box1 .pull-left span{ font-size: 1.5rem;/*font-size: 18px; */ font-weight: bold; display: block; padding-bottom: 10px;}
.about_box1 .pull-left p{ font-family: "arial, helvetica, sans-serif";}
.about_box1 .pull-right{ width: 80%; text-align: right;}

.about_box2{ line-height: 1.6; margin-top: 30px;}

.about_box3{ border-top: 2px solid #ebebeb; margin-top: 15px; padding: 15px 0 0;}
.about_box3 .box1{ font-weight: bold; font-size: 15px; padding-bottom: 10px;}
.about_box3 .box2{ line-height: 1.6;}

.about_box2 p,.about_box3 p{ padding-bottom: 27px;}
.about_box2 p:last-child,.about_box3 p:last-child{ padding-bottom: 0;}

.case_box1{ color: #2796e3; font-size: 24px; margin-top: 1px;text-align: center;}
.case_box2{}
.case_box2 .pull-left{ width: 100%;}
.case_box2 .pull-left .box1{ font-weight: bold; padding: 30px  15px 30px  0px;}
.case_box2 .pull-left .box2{ line-height: 1.8;}
.case_box2 .pull-left .box3 table{ width: 100%; float: left;}
.case_box2 .pull-left .box3 table tr td{ border: 1px solid #b8b8b8; padding: 6px 12px;}
.case_box2 .pull-left .box3 table tr td:first-child{ white-space: nowrap;}
.case_box2 .pull-right{ width: 30%; text-align: right;}

.about_box1.big .pull-left{ width: 100%;text-align:center}

.hscheckdata{display:inline-block;height:26px;border:1px solid #ccc;background-color:#fff;min-width:8vw;cursor:pointer;border-radius:2px;line-height:26px;padding-left:5px;background-image:url(/uploads/image/csimages/nc.png);background-repeat:no-repeat;background-position:98% 50%}
.hscjeckdata_check{background-image:url(/uploads/image/csimages/yc.png)}
.hcd_main_border{display:inline-block;border:1px solid #ccc;background-color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px;height:auto;padding:5px;position:absolute;border-top:none; z-index: 3;}
.hcd_filter{width:100%;height:30px;display:inline-block;margin-bottom:5px}
.hcd_filter_input{ width: 100%; height:20px;border:1px solid #ccc;border-radius:2px;padding:4px 6px;font-size:14px;background-image:url(/uploads/image/csimages/filter.png);background-repeat:no-repeat;background-position:98% 50%}
.hcd_datalist{height:230px;width:100%;display:inline-block;overflow-y:auto;overflow-x:hiden}
.hcd_datalist>ul{padding-left:0!important}
.hcd_datalist>ul li{list-style-type:none;cursor:pointer}
.hcd_datalist>ul>li{padding-left:0}
.hcd_datalist>ul>li>div{padding-left:20px}
.exsitchild{background-image:url(/uploads/image/csimages/close.png);background-repeat:no-repeat;background-position:4px center;display:inline-block;width:20px;height:22px;float: left; padding: 0 5px 0 3px;}
.exsitchild_check{background-image:url(/uploads/image/csimages/open.png)}
.ec{min-height:22px;font-size:14px;line-height:22px}
.ec>div{padding-left:0 !important}
[name=datali]>div:hover,.ec>div:hover{background-color:#e5f5fd;}
.hcd_btn_div{margin-top:10px;text-align:right;background-color:#f5f5f5;height:29px;width:100%;margin-left:-5px;border-top:1px solid #e3e3e3; display: none;}
.hcd_btn{margin-right:5px;margin-top:4px}

.case_box3{ margin-top: 35px;}
.case_box3 .select span{ float: left; margin-right: 8px;}
.case_box3 .select select{ min-width: 8vw; border: 1px solid #ccc; outline: none; border-radius: 2px; height: 26px;}
.case_box3 .btns{ background: #2796e3; color: #fff; height: 26px; border:none; border-radius: 5px; padding: 0 10px;}

.case_box4 ul li{ width: 50%; float: left; position: relative; margin-top: 40px; height: 24px; line-height: 24px;}
.case_box4 ul li a{ float: left; font-size: 1.5rem; overflow: hidden; display: inline-block; -webkit-box-orient: vertical;-webkit-line-clamp: 1;height: auto;}
.case_box4 ul li a:hover{ color: #2796e3; font-weight: bold;}
.case_box4 ul li div{ width: 100%; position: absolute; left: 0; top: 30px; display: none; transition: all .6s;}
.case_box4 ul li:hover{ z-index: 2;}
.case_box4 ul li a:hover div{ display: block!important;}

.list-item-3{
	text-align: center;
};
.list-item-3 .title2{
	width: 33%;
    height: 40px;
    float: left;
    border-right: 1px solid #cacaca;
};
.list-item-3 .title3{
	width:32%;
	height:40px;
	float:left;
	border-right:1px solid #cacaca;
};

.list-item-3 .text{
	font-size: 0.75em;
    color: #595757;
};



.case_box5{ margin-top: 30px;}
.case_box5 .pull-left{ width: 0%; font-size: 18px;}
.case_box5 .pull-right{ width: 100%;}
.case_box5 .pull-right .bd ul li{ width: 100%; float: left;}
.case_box5 .pull-right .bd ul li img{ width: 810px;}


.all_title{ font-weight: bold; padding: 35px 0 20px;}

.case_box6{ position: relative;}
.case_box6 .pull-left{ width: 25%;}
.case_box6 .pull-left .box1{ position: absolute; left: 0; top: 0;}
.case_box6 .pull-left .box1 span{ font-size: 20px; color: #2796e3; display: block;}
.case_box6 .pull-left .box1 a{}
.case_box6 .pull-left .box2{ line-height: 1.8;}
.case_box6 .pull-right{ width: 73%; background: #f1f1f1; height: 40vh; position: relative;}
.case_box6 .pull-right img{ max-width: 95%; max-height: 95%;}
.case_box6 .pull-right::after{ content: ''; width: 30px; height: 30px; position: absolute; right: 6%; bottom: 8%; background: url(/uploads/image/csimages/ico_3.png) center no-repeat; background-size: 100%;}

.case_box7{ border-bottom: 2px solid #e4e4e4; padding-bottom: 40px;}
.case_box7 img{ height:auto;}
.case_box8 ul li{ width: 25%;/*width: 33.33%;/*height:45px;*/ height:auto; float: left; margin:5px 0 20px; font-size: 18px;padding-right: 15px;}
.case_box8 ul li a:hover{ color: #2796e3;}

.news_box1 ul li{ width: 100%; float: left; border-bottom: 1px dashed #e4e4e4; line-height: 40px; margin-top: 30px;}
.news_box1 ul li a{ float: left; font-size: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 65%;}
.news_box1 ul li a:hover{ color: #2796e3;}
.news_box1 ul li i{ float: left; font-size: 12px; margin-left: 14px; font-weight: bold; color: #666;}
.news_box1 ul li span{ float: right;}

.news_box2 .box1{ text-align: center;}
.news_box2 .box1 span{ display: block; font-size: 18px; padding-bottom: 3px;}
.news_box2 .box2{ line-height: 24px; margin-top: 35px;}
.news_box2 .box2 img{ height: auto;}

.news_box2 .box2 p{ padding-bottom: 27px;}
.news_box2 .box2 p:last-child{ padding-bottom: 0;}

.jsfw_box1{ position: absolute; left: 0; top: 0; background: url(/uploads/image/csimages/js_bg.png) center; background-size: cover; color: #fff; padding: 10vh 9vw 0; height: 40vh;}
.jsfw_box1 .box1{ font-size: 20px; font-family: "arial, helvetica, sans-serif"; font-weight: lighter;}
.jsfw_box1 .box1 span{ font-size: 24px; display: block; padding-bottom: 8px;}
.jsfw_box1 .box1 p{ line-height: 1.1;}

.maptiptext{ width: auto; height: auto; color: #868688; line-height: 1.4;}
/*.jsfw_box1 .box2{ margin-top: 30px; font-size: 12px;}*/
.jsfw_box1 .box2 .text{ width: 220px; height: 26px; float: left; border: 1px solid #4b9ff0; padding: 0 10px; color: #666;}
.jsfw_box1 .box2 .btns{ float: left; height: 26px; background: #4b9ff0; border:none; border-radius: 2px; padding: 0 10px; margin-left: -1px;}
.jsfw_box1 .box2 a{ float: left; color: #fff; line-height: 26px; margin-left: 20px;}
.jsfw_box1 .box2 a:hover{ color: #2796e3;}

.jsfw_box2{ margin-top: 32vh;}
.jsfw_box2 .case_box4 ul li a:hover{ border-bottom: 2px solid #30a1e6; transition: none; font-weight: normal;}

.news_box1.style2 ul li a{ max-width: 100%; width: 100%;}

.about_box1.big2 .pull-left{ width: 44%; font-size: 18px;}

.jsfw_box3 ul li{ width: 100%; float: left; border-bottom: 1px dashed #e4e4e4; margin-top: 30px; padding: 8px 0; line-height: 25px;}
.jsfw_box3 ul li span{ display: block; font-size: 1.5rem; position: relative; padding-left: 35px;}
.jsfw_box3 ul li p{ position: relative; padding-left: 35px; line-height: 1.4; margin-top: 3px;}
.jsfw_box3 ul li i{ width: 33px; text-align: center; font-weight: bold; position: absolute; left: 0; top: 0;}
.jsfw_box3 ul li span i{ color: #2796e3;}

.contact_box1 ul{ width: 100%; position: relative; float: left;}
.contact_box1 ul li{ width: 20%; float: left; text-align: center; position: relative; margin-top: 40px;}
.contact_box1 ul li::after{ content: ''; width: 10px; height: 10px; background: #2796e3; border-radius: 100%; position: absolute; left: 50%; margin-left: -5px; top: 55px;}
.contact_box1 ul li::before{ content: ''; width: 100%; height: 2px; background: #dadada; position: absolute; left: 0; top: 59px;}
.contact_box1 ul li em{ display: block; height: 40px;}
.contact_box1 ul li em img{ height: 100%;}
.contact_box1 ul li i{ display: block; margin-top: 40px;}
.contact_box1 ul li span{ display: block;}
.contact_box1 ul li p{ font-size: 12px; line-height: 18px; height: 36px;}
.contact_box1 ul:nth-child(2n) li{ float: right;}
.contact_box1 ul:nth-child(1)::after{ content: ''; width: 2px; height: 49%; background: #dadada; position: absolute; right: 0; bottom: 0;}
.contact_box1 ul:nth-child(2)::after{ content: ''; width: 2px; height: 49%; background: #dadada; position: absolute; left: 0; bottom: 0;}
.contact_box1 ul:nth-child(2)::before{ content: ''; width: 2px; height: 51%; background: #dadada; position: absolute; right: 0; top: 0;}
.contact_box1 ul:nth-child(3)::before{ content: ''; width: 2px; height: 51%; background: #dadada; position: absolute; left: 0; top: 0;}

/**/
.contact_box2{ position: relative; width: 80%; min-height: 55vh; float: left; margin-top: 20px;display: contents;}
.maptiptext{ width: auto; height: auto; /*overflow: auto;*/ color: #868688; line-height: 1.4;}
.maptiptext .maptiplist .box1{ color: #009ee7;}
.maptiptext .maptiplist .box2{ margin-top: 10px;}
.maptiptext .maptiplist .box2 img{ width: 106px; float: left;}
.maptiptext .maptiplist .box2 div{ height: 106px; float: left; margin-left: 15px;}
.maptiptext .maptiplist .box2 div p{ margin: 1px 0; text-align: left; width: 100%;}
#maptipcontent{width: 900px;margin: 0 auto;display: none}
#chinamap{ }

#statetip{position: relative;left: 0 !important;top:0 !important;text-align: left;display: inline; margin-top: -2vh; float: left;width:100%;}
#statetip svg{ display: none;}
#statetip #maptipcontainer{ position: relative !important; left: 0 !important; top: 0 !important;}

.txdtltop{margin-bottom:30px;border-bottom: 2px solid #444;box-shadow: 0 -2px 3px #000000 inset;}

.mapbox{ height: 40vh; background: #ccc;}
.mapbox img,.mapbox label{ max-width: initial;}

.contact_box3{ margin-top: 45px;}
.contact_box3:first-child{ margin-top: 0;}
.contact_box3.about_box1 .pull-left{}
.contact_box3.about_box1 .pull-right{ width: 75%; text-align: left;}
.contact_box3 .co3_box1 p{ padding-bottom: 18px; text-align: left; line-height: 1.3;}
.contact_box3 .co3_box1 p:last-child{ padding-bottom: 0;}
.contact_box3 .co3_box1 p span{ display: block; font-size: 24px; font-family: "arial, helvetica, sans-serif";}
.contact_box3 .co3_box2{ text-align: left;}
.contact_box3 .co3_box2 img{ width: 130px;}
.contact_box3 .co3_box3{ font-size: 14px;}
.contact_box3 .co3_box4{ width: 50%;}
.contact_box3 .co3_box5{ font-size: 12px;}



@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
	.home_left .home_menu{ padding: 10vh 0 2vh !important;}
}
@media screen and (max-width:1660px){
	.w1600{ width: 94%;}
	
}
@media screen and (max-width:1440px){
	.w1400{ width: 94%;}
	.bgvideo .logo_box{ transform: translate(-50%,-60%) scale(0.7);}
	.home_left{ width: 24vw;}
	.home_left .home_menu ul li a{ font-size: 16px; padding-left: 45px;}
	.home_right{ font-size: 16px; bottom: 3.5vh;}
	.home_right span{ font-size: 36px;}
	.erji_menu{ width: 24vw; left: 24vw; padding: 12vh 3.7vw 5vh;}


	/**/
	.page_info_box{ /*width: 52vw;*/width: 100%; padding: 10vh 6vw; transform:translate(100%,0);}

	
	.about_box1.big .pull-left{ width: 100%;}
	.about_box1.big2 .pull-left{ width: 60%;}
	.contact_box3 .co3_box3,.contact_box3 .co3_box4,.contact_box3 .co3_box5{ font-size: 12px;}
	.contact_box3 .co3_box4{ width: 40%;}
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
	.w1200{ width:94% !important;}
}

@media screen and (max-width:1024px){
	body{ zoom:1;}
	.pd-50{ padding: 20px 0;}
	.w900,.w1100{ width:94% !important;}
	.w90{ width: 94%;}
	.fanye{ padding:20px 0 0;}
	.fanye ul li a,.fanye ul li span{ padding: 0 8px; margin: 0 0.5px; font-size: 13px;}
	.fanye ul li{ line-height: 25px; padding: 5px 0;}
	.fanye ul li .text,.fanye ul li #btn-page{ width: 45px;}
	.fy{ padding: 10px 0 0;}
	.fy a{ width: 100%; text-align: left !important; margin-top: 8px; font-size: 14px;}
	.divpc{ display: none;}
	.divphone{ display: block;}
	.arrow{ width: 50px;}
	.banner_box{ border-width: 4px;}
	.banner_box .bd,.banner_box .bd ul li{ height: auto;}
	.banner_box .hd{ bottom: 10px;}
	.banner_box .hd ul li{ width: 12px; height: 12px; border-width: 2px;}
	.pf_phone,.pf_bg{ display: none !important;}
	.all_center_box{ padding-top: 35px;}
	.head_btn{ display: block; margin:0;}
	
	.head_phone{ display: block;}
	.home_box0.active .head_phone{ transform: translate(0,-200%); transition: all 1s ease 1s;}
	.home_box0.active .head_phone.show{ transform: translate(0,0);}
	
	.bgvideo .logo_box{ transform: translate(-50%,-50%) scale(0.5);}
	.home_right{ width: 100%; right: 0; bottom: 0; padding: 5vh; font-size: 14px;}
	.home_right span{ font-size: 30px;}
	.home_left{ width: 100vw;}
	.home_left .logo{ display: none;}
	.home_left .home_menu{ padding: 4vh 0 2vh;}
	.home_left .home_menu ul li a{ font-size: 14px; padding-left: 26px;}
	.home_box0.active .home_right{ transition: all 1s ease 1s;}
	.home_box0 .home_left .center-center{ transform: translate(-100%,0) !important; transition: all .6s !important;}
	.home_box0 .home_left::after{ width: 0 !important; transition: all .6s !important;}
	.home_box0 .home_left.show .center-center{ transform: translate(0,0) !important; transition: all 1s !important;}
	.home_box0 .home_left.show::after{ width: 100% !important; transition: all 1s !important;}
	.home_left .home_info .pull-right{ text-align: center;}
	
	.erji_menu{ width: 100vw; left: 0; z-index: 5; padding: 14vh 3.7vw 5vh;}
	.erji_menu ul li span a{ font-size: 16px; margin-top: 1vh;}
	.erji_menu ul li.divphone span a::after{ width: 10px; height: 100%; background: url(/uploads/image/csimages/ico_2.png) center no-repeat; background-size: 100%; right: auto; left: 0; top: 0; margin-top: 0; transform: translate(0,0) !important;}
	.erji_menu ul li.divphone span a::before{ display: none;}
	.erji_menu ul li.divphone span a{ color: #2796e3; font-size: 14px; padding-left: 18px;}
	
	.page_info_box{ /*width: 100vw;*/width:100%; transition: all .6s; height: auto; min-height: 100vh; overflow: initial; position: relative; float: left; padding: 75px 4% 2vh;}
	
	.about_box1 .pull-left,.about_box1 .pull-right{ width: 100% !important;}
	.about_box1 .pull-left{ font-size: 14px !important;}
	.about_box1 .pull-left span{ font-size: 18px; padding-bottom: 0;}
	.about_box1 .pull-right{ margin-top: 10px;}
	.about_box2{ margin-top: 14px;}
	.about_box3{ margin-top: 10px; padding: 10px 0 0;}
	
	.about_box2 p,.about_box3 p{ padding-bottom: 17px;}
	
	.case_box1{ font-size: 18px; margin-top: 15px;}
	.case_box2{ display: block;}
	.case_box2 .pull-left,.case_box2 .pull-right{ width: 100%;}
	.case_box2 .pull-left .box1{ padding: 15px 0 5px;}
	.case_box2 .pull-right{ text-align: center; margin-top: 15px;}
	
	.case_box3{ margin-top: 5px;}
	.case_box3 form.between-center{ display: block;}
	.case_box3 .select{ margin-top: 12px;}
	.case_box3 .select span{ width: 12%; margin-right: 0;}
	.case_box3 .select select,.hscheckdata{ width: 87.8%;}
	.case_box3 .btns{ margin-top: 14px; width: 100%; height: 30px;}
	
	.case_box4{ margin-top: 10px;}
	.case_box4 ul li{ margin-top: 5px;}
	.case_box4 ul li a{ font-size: 14px;}
	
	.case_box5{ margin-top: 15px;}
	.case_box5 .pull-left,.case_box5 .pull-right{ width: 100%;}
	.case_box5 .pull-left{ font-size: 16px;}
	.case_box5 .pull-right{ margin-top: 10px;}
	
	.all_title{ padding: 15px 0 10px;}
	
	.case_box6{ display: block;}
	.case_box6 .pull-left,.case_box6 .pull-right{ width: 100%;}
	.case_box6 .pull-left .box1{ position: relative;}
	.case_box6 .pull-left .box2{ padding: 10px 0;}
	
	.case_box7{ padding-bottom: 15px;}
	.case_box8 ul li{ width: 98%; font-size: 14px; margin: 15px 0;}
	
	.news_box1 ul li{ line-height: 35px; margin-top: 10px;}
	.news_box1 ul li a{ width: 45%; font-size: 15px;}
	
	.news_box2 .box1 span{ font-size: 16px;}
	.news_box2 .box2{ margin-top: 15px; line-height: 1.6;}
	.news_box2 .box2 p{ padding-bottom: 17px;}
	
	.jsfw_box1{ padding: 75px 4% 2vh; height: 230px;}
	.jsfw_box1 .box1{ font-size: 14px;}
	.jsfw_box1 .box1 span{ font-size: 18px;}
	.jsfw_box1 .box2{ margin-top: 15px;}
	.jsfw_box1 .box2 a{ width: 100%; margin: 8px 0 0;}
	.jsfw_box1 .box2 .text{ width: 70%;}
	
	.jsfw_box2{ margin-top: 160px;}
	
	.jsfw_box3 ul li{ margin-top: 5px; padding: 6px 0;}
	.jsfw_box3 ul li span{ font-size: 16px;}
	.jsfw_box3 ul li p{ line-height: 1.4; margin-top: 3px;}
	
	.contact_box1 ul{ width: auto; float: none;}
	.contact_box1 ul li{ width: 25%; padding: 0 0.5%; margin-top: 30px;}
	.contact_box1 ul:nth-child(2n) li{ float: left;}
	.contact_box1 ul li span{ font-size: 12px; white-space: nowrap;}
	/* .contact_box1 ul li p{ word-break: break-word;} */
	
	.contact_box2{ width: 100%; min-height: 45vh;display: contents;}
	.maptiptext{ width: 100%;}
	.maptiptext .maptiplist .box2 div{ width: 65%;margin-left:0px}
	#statetip{ margin-top: -4vh;}
	
	.mapbox{ height: 30vh;}
	
	.contact_box3{ margin-top: 15px;}
	.contact_box3 .co3_box1{ font-size: 12px;}
	.contact_box3 .co3_box1 p{ padding-bottom: 10px;}
	.contact_box3 .co3_box1 p span{ font-size: 20px;}
	.contact_box3 .co3_box2 img{ width: 106px;}
	.contact_box3.about_box1 .pull-right.between-bottom{ display: block;}
	.contact_box3 .co3_box4{ width: 100%;}
	
	
	
	
	
	
}
@media screen and (max-width:768px){}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:350px){
}

.validform_wrong,.validform_checktip{ display:none !important;}


#chinamap{ width: 760px; height: 760px;}
#mapdiv{ /*width: 760px;*/ width: 80%; margin: auto; position: relative;}
.houdao{position: absolute;right: -40px;top: 550px;}
.houdao img{ width: 80px;}

@media screen and (min-width:1620px) and (max-width:1890px){
	#chinamap{ width: 700px;}
	/*#mapdiv{ width: 700px;}*/
	#mapdiv{ width: 80%;}
	.houdao{ top: 535px; right: -40px;}
}
@media screen and (min-width:1440px) and (max-width:1620px){
	#chinamap{ width: 600px; height: 600px;}
	/*#mapdiv{ width: 600px;}*/
	#mapdiv{ width: 80%;}
	.houdao{ top: 435px; right: -25px;}
	.houdao img{width: 60px;}
}
@media screen and (min-width:1280px) and (max-width:1440px){
	#chinamap{ width: 520px; height: 500px;}

	/**/
	/*#mapdiv{ width: 520px;}*/
	#mapdiv{ width: 80%;}
	.houdao{ right: -15px; top: 365px;}
	.houdao img{width: 50px;}
}
@media screen and (min-width:1024px) and (max-width:1280px){
	#chinamap{ width: 420px; height: 400px;}
	/*#mapdiv{ width: 420px;}*/
	#mapdiv{ 
		/*width: 80%;*/
	}
	.houdao img{width: 50px;}
	.houdao{ right: -20px; top: 295px;}
	.case_box6 .pull-left .box1{position: unset;}   .between-bottom{ display:block;}  .case_box6 .pull-left, .case_box6 .pull-right{ width:100%;}
}
@media screen and (min-width:750px) and (max-width:1024px){
	#chinamap{ width: 600px; height: 700px;}
	/*#mapdiv{ width: 600px;}*/
	#mapdiv{ 
		/*width: 80%;*/
		
	}
	.houdao{ top: 485px; right: -30px;}
	.houdao img{width: 60px;}
	.contact_box2{ width: auto;display: contents;}
	.case_box6 .pull-left .box1{position: unset;}   .between-bottom{ display:block;}  .case_box6 .pull-left, .case_box6 .pull-right{ width:100%;}
}
@media (max-width: 750px){
	.erji_menu{ display: none;}
	#chinamap{ width: 320px; height: 400px;}
	/*#mapdiv{ width: 320px;}*/
	#mapdiv{ 
		width: 100%;
		
	}
	.houdao img{width: 26px;}
	.houdao{ right: -5px; top: 270px;}


}


@media only screen and (min-width: 325px) and (max-width: 750px){
	.page_info_box .list_row .list .name { height: auto; line-height: normal; font-size: 1.5rem; padding-right: 0; text-indent: 5px; /*font-weight: bold;*/  padding-top: 10px;}
	.page_info_box .list_row .list .name .money{ width: auto; position: unset; height: auto; line-height: normal;  font-size: 14px; padding: 5px 0 0 5px; }
}



@media screen and (min-width:750px) and (max-width:1620px){
	/*a.logo{ padding-top: 3vh;}*/
	.home_left .home_menu{padding: 5.5vh 0 20vh 0;}
}


.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
		.clearfix{*zoom:1;}

			/*.popupnew{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 30;background: #fff;}*/
			.popupnew .list{ position: absolute; right: 120px; top: 50%; transform: translatey(-50%); left: 10%; right: 10%;}
			.popupnew .list .form{ margin-top: 50px;}
			.popupnew .list .tit{ font-size: 14px; line-height: 30px; color: #666;}
			.popupnew .list .li{ margin-bottom: 25px;}
			.popupnew .list .li input{ display: block; border: none; border-bottom: 1px solid #bcbcbc; height: 40px; font-size: 14px; width: 100%;}
			.popupnew .list .li input::placeholder{ color: #999;}
			.popupnew .list .lione input{ float: left; width: 32%; margin-left: 2%;}
			.popupnew .list .lione input:first-child{ margin-left: 0;}
			.popupnew .list .li textarea{ display: block; border: none; border-bottom: 1px solid #bcbcbc; min-height: 180px; font-size: 14px; width: 100%;}
			.popupnew .list .li textarea::placeholder{ color: #999;}
			.popupnew .list .li button{ display: block; width: 60px; height: 30px; border: none; border-radius: 0; font-size: 14px; background: #4b9ff0; color: #fff; margin: auto;}

			/*.popupnew{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 30;background: #fff;display: none;}*/
			.popupnew{width: 61vw;height: 100%;position: fixed;top: 0;right: 0;z-index: 30;background: #fff;display: none;}

			.popupnew .sole{ width: 25px; height: 25px; position: absolute; top: 30px; right: 30px;}
			.popupnew .sole img{ width: 100%; height: 100%;}
			
			@media screen and (max-width: 1440px){
				.popupnew{ width: 52vw;}
			}
			
			@media screen and (max-width: 1024px){
				.popupnew{ width: 100vw;}
			}

		@media (max-width: 750px){
			.popupnew{ width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}
			.popupnew .list{ top: 50px; left: 0; bottom: 30px; right: 0; overflow-y: auto; padding: 0 25px; width: auto; transform: translatey(0);}
			.popupnew .list .li{ margin-bottom: 20px;}
			.popupnew .list .lione input{ float: none; width: 100%; margin: 0 0 20px 0;}

			.popupnew .sole{ width: 20px; height: 20px; position: absolute; top: 20px; right: 20px;}
			.popupnew .sole img{ width: 100%; height: 100%;}
		}