@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{ background:#fff; -webkit-user-select: none; user-select: none; overflow-x: hidden;}
.m_center{ width: 78.125vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s; }
img{ border: 0; transition: all .5s ease 0s; vertical-align: middle; object-fit: cover;}
.voideo_clas{ position:absolute; width:100%; height:100%; left:0; top:0;  z-index: -1;}
.video { overflow:hidden; width: 100%; height:100%; /*position:relative;*/ object-fit: fill; z-index:-1;}
table{border-spacing: 0; width: 100%;}

.header{ width: 100%; height: 5.2083vw;}
.header_center{ width: 87.5vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
.header .logo{ width: 14.375vw; height: auto; overflow: hidden; padding: 0.8854vw 0 0 0;}
.header .logo img{ width: 100%; height: auto;}

.header_right{ width: 70.7292vw;}
.header_nav{ padding: 2.2396vw 0 0 0;}
.header_nav_list{ margin-right: 2.3438vw; font-size: 0.8333vw; font-weight: bold; color: #000;}
.header_nav_list a{ color: #000;}
.header_nav_list .stay_style{ color: #0055a4!important;}

.header_moblie{ padding: 0.4688vw 0 0 0;}
.header_moblie_text{ font-size: 0.7292vw; color: #000; margin-right: 0.4167vw;}
.header_moblie_text p:nth-child(2){ font-family: "黑体"; font-size: 1.0417vw; color: #000;}
.header_moblie_qrcode{ width: 4.3229vw; height: 4.3229vw; overflow: hidden;}
.header_moblie_qrcode img{ width: 100%; height: 100%;}

.banner{ position:relative; width:100%; height:auto; overflow: hidden;}
.banner .swiper-slide{ width:100%; height:100%; overflow: hidden;}
.banner .swiper-pagination{ color:#000; width: 3.6979vw; height: 5.8333vw; left:inherit; right:5%; top:40%; font-size:0; word-wrap: break-word; background: url(../images/img-1.png) no-repeat;}
.banner .swiper-pagination span{ display:inline-block; width:100%; font-size: 1.5625vw; line-height: 1.5625vw;}
.banner .swiper-pagination span:nth-child(1){}
.banner .swiper-pagination span:nth-child(2){ margin-top:55px;}
.banner .swiper-pagination .swiper-pagination-total{  color:rgba(0,0,0,0.6)}


.hom-about{ /*padding:94px 0 89px 0;*/ padding: 30px 0 0 0;}
.ha-la{ width:10.6vw; /* min-height:470px; */}
.ha-la-to{ position:relative; width:100%; height:6.4vw; padding:.6vw 0 0 0;}
.ha-la-to span{ position:absolute; display:block; width:30px; height:3px; background:#0093dd; left:0; bottom:0; transition: all 1s ease 0s;} 
.to-fo{ font-family:"bim"; font-size:1.9vw; color:#555555;}
.to-fob{ font-size:1.7vw; font-weight:bold; color:#333333;}
.ha-la-to:hover span{ width:30%;}

.ha-la-tb{ font-size:16px; color:#333333!important; margin:25px 0 0 0;}
.ha-la-tb a{ display:inline-block; width:100%; line-height:36px; color:#333333;}

.ha-lb{ width: 13.0208vw; /*min-height: 24.4792vw;*//* height: 12.4792vw;*/ overflow: hidden; transition: all 1s ease 0s;}
.ha-lb img{ width:100%; /*height:100%;*/ height: 12.4792vw;}
.ha-lb:hover{ -moz-border-radius:10px; border-radius:10px;}

.ha-lr{ width:50.8vw; /* min-height:24.5vw; */ /*height:24.5vw;*/ overflow: hidden; margin-left: 3.6458vw;}
.ha-lr-to{ width:100%; /*height:9.1vw;*/}
.hlt-dr{ position:relative; width:180px; height:7vw; border:1px solid #0093dd; -moz-border-radius:15px; border-radius:15px; transition: all 1s ease 0s;}
.hd-ce{ position:absolute;  width:33.3vw; height:4.6vw; background:#FFF; left:-1px; top:1.2vw;  padding-left:22px;/* padding-top:.8vw; */ font-weight:bold;}
.hd-ce p:nth-child(1){ font-size:12px; color:#0093dd; text-transform:uppercase;}
.hd-ce p:nth-child(2){ font-size:1.6vw; color:#333333; letter-spacing:4.5px;}
.hd-ce p:nth-child(3){ font-size:1vw; color:#465361; letter-spacing:2.5px;}
.ha-lr-to:hover .hlt-dr{ -moz-border-radius:0; border-radius:0;}
.hlt-dt{ width:100%; color:#465361; line-height:26px; padding-bottom: 1.5vw; /* padding-left:1.4vw; margin:2.5vw 0 0 0; overflow-x: hidden; overflow-y: scroll; height:256px; */ margin:1.5vw 0 0 0;}

.hom-about-ul .hom-about:nth-child(2){display: block;}
.hom-about-ul .hom-about:nth-child(2) .ha-lb{float: right; margin-left: 3.6458vw;}
.hom-about-ul .hom-about:nth-child(2) .ha-lr{float: left; margin-left: 10.6vw;}

.hom_service{ width: 100%;}
.hom_service_top{ width: 100%; height: 13.75vw; background: #f2f2f2; padding: 2.3438vw 0 0 0;}
.homsertop_more{ height: 11.4063vw; align-items: center;}
.homsertop_more_but{ padding: 2.4479vw 0 0 0;}
.but_more{ position: relative; width: 3.6458vw; height: 1.5625vw; line-height: 1.5625vw; font-size: 0.7292vw; text-indent: 0.5208vw; margin-right: 0.8854vw; color: #777777; text-transform: uppercase; border: 1px solid #cccccc;}
.but_more .iconfont{ position: absolute; right: -0.8854vw; top: calc(50% - (1.5625vw / 2)); font-size: 1.3542vw;}

.hom_service_bot{ width: 100%; min-height: 23.9583vw; padding: 2.3958vw 0 0 0; background: #0055a4;}
.hom_service_bot .service_list{ width: 18.2292vw; margin:0 1.7188vw 1.7188vw 0;}
.hom_service_bot .service_list:nth-child(4n){ margin-right: 0;}
.service_list .service_list_img{ width: 100%; height: 14.7917vw; overflow: hidden;}
.service_list .service_list_img img{ width: 100%; height: 100%;}
.service_list .service_list_tit{ width: 100%; font-size: 0.9375vw; color: #FFF; text-align: center; line-height: 1; padding: 1.1458vw 0 0.7813vw 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.service_list .service_list_tit a{ color: #FFF;}
.service_list .service_list_tit a:hover{ color: #FFF !important;}
.service_list .service_list_see{ width: 100%; text-align: center; display: none;}
.service_list .service_list_see span{ display: inline-block; width: 1.1458vw; height: 1.1458vw; background: url(../images/see.png) no-repeat;}

.hom_product{ padding: 4.6875vw 0 4.6875vw 0;}
.hc-to{ width:100%; align-items: center;}
.hc-to-lt{}
.hc-to-lt p:nth-child(1){ font-size: 1.0417vw; font-weight:bold; color:#333333;}
.hc-to-lt p:nth-child(2){ font-size: 1.0417vw; color:#555555; font-family:"bim";}
.hc-to .homsertop_more_but{ padding: 0 0 0 0;}

.hom_product_center{ width: 100%; margin: 2.5521vw 0 0 0;}
.hc-bo-la{ position:relative; width: 18.9583vw; height: 14.1667vw; overflow: hidden; background:#000; margin:0 .7vw .7vw 0;}
.hc-bo-la:nth-child(4n){ margin-right:0;}
.hc-bo-la img{ width:100%; height:100%;}
.hbl-bo{ position:absolute; width:100%; height:3.6vw; line-height: 3.6vw; left:0; bottom:0; padding:0 1vw; transition: all 1s ease 0s;}
.hbl-bo-tit{ width:14.8vw; color:#FFF; text-align: left;}
.hbl-bo-tit p:nth-child(1){ font-size: 0.8333vw; font-weight:bold; width: 80%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.hbl-bo-moe{ width:0; height:1.6vw; margin: 0.7813vw 0 0 0; background:url(../images/more-icob.png) center center/100% 100% no-repeat; transition: all 1s ease 0s;}
.hc-bo-la:hover .hbl-bo{ background:rgba(0,147,221,.7);}
.hc-bo-la:hover .hbl-bo-moe{ width:1.6vw;}

.hom_hotevents{ position:relative; width: 100%; min-height: 34.375vw; background: url(../images/bga.jpg) center center no-repeat;}
.ho-br-ls{ width: 18.6458vw; padding: 4.6875vw 0 0 0;}
.hom_hotevents_tp{ position: absolute; width:100%; height: 25.2083vw; left:29vw; top: 4.6875vw; background: rgba(255,255,255,.6);}
.ho-br-rw{ position:relative; width: 59.375vw; height: 25.2083vw; padding: 5.2083vw 0 0 3.2813vw; overflow: hidden;}
.hbr-cen{ position:relative; height: 10.9375vw; overflow: hidden;}
.hbr-cen .swiper-slide{ position: relative; width: 17.1875vw; height: 10.9375vw; overflow: hidden; border: 1px solid #cfd1d4;}
.hbr-cen .swiper-slide img{ width: 100%; height: 100%;}
.hbr-cen .swiper-slide .hoteven_hititle{ width: 100%; position: absolute; left: 0; bottom: 0; line-height: 1; padding:1.0417vw; font-size: 0.8333vw; font-weight: bold; color: #FFF;}
.hbr-cen .swiper-slide .hoteven_hier{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0.3125vw 0.4688vw 0.3125vw 0.4688vw; background: rgba(194,14,14,.7);}
.hoteven_hier .hoteven_hier_center{ width: 100%; height: 100%; padding: 0.2604vw; border: 1px solid #FFF; overflow: hidden;}
.hoteven_hier_center .hotehie_title{ width: 100%; font-size: 0.8333vw; font-weight: bold; color: #FFF; line-height: 1; padding: 1.0417vw 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hoteven_hier_center .hotehie_intr{ width: 100%; font-size: 0.7292vw; line-height: 1.5625vw; color: #FFF; text-indent: 0.4167vw;}
.hbr-cen .swiper-slide:hover .hoteven_hier{ display: block;}
.hbr-cen .swiper-slide:hover .hoteven_hititle{ display: none;}

.hbr-qh{ position: absolute; width: 5.2083vw; height: 2.0833vw; right: 0; bottom: 4.3229vw;}
.hbr-qh a{ display: block; width: 2.0833vw; height: 2.0833vw; line-height: 2.2vw; text-align: center; color: #0055a4; background: #FFF; font-size: 1.25vw;}
.hbr-qh a:nth-child(1){ transform:rotate(180deg);}
.hbr-qh a:hover{ background: #0055a4; color: #FFF !important;}

.hom-news{ padding: 4.6875vw 0;}
.nes-gt{ padding-top:1.6vw;}
.nes-gt a{ position:relative; display:inline-block; font-size:20px; color:#777777; transition: all 1s ease 0s; margin-left:33px; z-index: 1;}
.nes-gt a em{ position:absolute; width:100%; height:0; left:0; bottom:0; background:#0093dd; z-index:-1; -moz-border-radius:3px; border-radius:3px; transition: all 1s ease 0s;}
.nes-gt a:hover{ font-weight:bold; color:#333333!important;}
.nes-gt a:hover em{ height:8px;}
.ng-num{ font-weight:bold; color:#333333!important;}
.ng-num em{ height:8px!important;}

.hnn-bred{ height: 18vw; margin-top:2.5vw; overflow: hidden;}
.h-n-nb{ position:relative; width:100%; transition: all 1s ease 0s;}
/*.nb-ct{ width:100%; height:340px; overflow: hidden; background:red;}*/




.pg_newul{width: 78.125vw; margin: 0 auto; overflow: hidden; padding-bottom: 0.3vw; padding-left:1px;}
.pg_newli{width:18.75vw!important; height: 17.6vw!important; margin:0.15vw 1vw 0.15vw 0; overflow: hidden; animation-delay: .1s; background:none; background: #fff; padding: 1.2vw 1.2vw; float: left; border:1px solid #ededed; text-align:left!important;}
.pg_newli .pg_newliimg{width: 100%; height: 8.2vw; overflow: hidden; display: block; margin-bottom: 1vw;}
.pg_newli .pg_newliimg img{width: 100%; height: 100%;}
.pg_newli:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
/*.pg_newli h1{height: 1.1vw; line-height: 1.1vw; font-size: 0.9vw; color: #333; overflow: hidden;}
.pg_newli div{height:2.7vw; line-height:2.7vw; font-size: 0.8vw; color: #333; overflow: hidden;}
.pg_newli div span{color: #777; font-size: 0.6vw; margin-left: 0.3vw;}
.pg_newli p{line-height: 1.4vw; height:2.8vw; overflow: hidden; margin-top: 0.3vw;}
.pg_newli i{display: inline-block; margin-top: 2.4vw; height: 1.4vw; line-height: 1.4vw; width: 1.4vw; background: #e2e2e2; border-radius: 100%; text-align: center; color: #595959;}*/
.pg_new_l,.pg_new_r{width:40px; height: 40px; line-height:40px; text-align: center; color: #8c8c8c; position: absolute; top: 50%; left: 5vw; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:24px; overflow: hidden; background:#f2f2f2; border-radius:100%;}
.pg_new_l{ transform:rotate(180deg);}
.pg_new_l i,.pg_new_r i{font-size: 20px;}
.pg_new_l:hover,.pg_new_r:hover,.pg_new_l:hover:after,.pg_new_r:hover:after{background: #0093dd; color: #fff;}
.pg_new_r{left: inherit; right: 5vw;}
.pg_newli:nth-child(2n){animation-delay: .2s;}
.pg_newli:nth-child(3n){animation-delay: .3s;}
.pg_newli:nth-child(4n){animation-delay: .4s;}

.pg_newli_img{ width:100%; height:6.7vw; overflow: hidden;}
.pg_newli_img img{ width:100%; height:100%;}
.pg_newli_tit{ width:100%; height: 2.6vw; line-height:2.6vw; font-size:16px; font-weight:bold; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pg_newli_intr{ width:100%; font-size:14px; color:#777777; height: calc(1.4vw * 3); line-height:1.4vw; overflow: hidden;}
.pg_newli_more{ width:100%; font-size:12px; color:#777777; margin-top:0.9vw;}
.pg_newli_more span{ font-size:16px; color:#333333;}


.hom_contact{ width: 100%; padding: 4.6875vw 0; background: #f2f2f2;}
.hom_contact_left{ position: relative; width: 50%; height: 20.8333vw; background: url(../images/img-7.jpg) 100%/100% no-repeat;}
.homcontact_hier{ position: absolute; width: 26.0417vw; height: 13.8542vw; left: calc(50% - (26.0417vw / 2)); top: calc(50% - (13.8542vw / 2)); background: rgba(0, 85, 164, .9); font-size: 1.3542vw; font-weight: bold; color: #FFF; text-align: center; line-height: 2.4479vw;}
.hom_contact_right{ width: 50%; height: 20.8333vw; background: #FFF; text-align: center; font-size: 0.9375vw; font-weight: bold; color: #000; border: 1px solid #cccccc;}



.footer{background: #333333; padding: 2vw 0;}
.footer .in_center{padding: 0 2px;}
.foot_nav{float: left; width: 11.5vw;  position: relative; padding-bottom: 1.1vw;}
.foot_nav a{display: block; font-size: 0.7vw; color: #fff; line-height: 1; margin-bottom: 0.6vw; padding-left: 1.3vw;}
/* .foot_nav:after{width: 4px; height: 10px; background: #333; position: absolute; left: -2px; top: 0; content: ""; border-radius: 10px; z-index: 9;} */
.lianxi{float: left; width: 29.2vw; padding-left: 1.3vw; /*border-left: 1px solid #333;*/ position: relative; padding-bottom: 1.1vw; color: #fff;}
/* .lianxi:after{width: 4px; height: 10px; background: #333; position: absolute; left: -2px; top: 0; content: ""; border-radius: 10px; z-index: 9;} */
.lianxi .fl{width: 21.5vw;}
.lianxi .fl p{font-size: 1.2vw; color: #d7d7d7; margin-bottom: 1.3vw; line-height: 1.6vw;}
.lianxi .fr{width: 5.2vw; text-align: center;}
.lianxi .fr img{width: 5.2vw; height: 5.5vw;}
.lianxi .fr h1{font-size: 0.7vw; line-height: 1; margin-top: 0.6vw;}
.make{float: right; width: 32.8vw; position: relative; padding-left: 1.3vw; /*border-left: 1px solid #333;*/}
/* .make:after{width: 4px; height: 10px; background: #333; position: absolute; left: -2px; top: 0; content: ""; border-radius: 10px; z-index: 9;} */
.make .make_tit{font-size: 0.8vw; color: #fff; line-height: 1; margin-bottom: 1vw;}
.make table tr td{padding-bottom: 0.5vw;}
.make table tr td .name{background: #555555; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/img-8a.png); background-position:0.5vw center; background-repeat: no-repeat; background-size: 9%; padding-left: 1.5vw; font-size: 0.7vw; margin-right: 1.1vw;}
.make table tr td .phone{background: #555555; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/img-8b.png); background-position:0.5vw center; background-repeat: no-repeat; background-size: 7%; padding-left: 1.5vw; font-size: 0.7vw;margin-right: 1.1vw;}
.make table tr td .xh{background: #555555; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/img-8c.png); background-position:0.5vw center; background-repeat: no-repeat; background-size: 9%; padding-left: 1.5vw; font-size: 0.7vw;}
.make table tr td textarea{background: #555555; border-radius: 10px; height: 3.1vw; line-height: 2.1vw; width: 25.5vw; border: none; color: #e2e2e2; padding: 0 0.7vw; font-size: 0.7vw;}
.make table tr td .button{background: #555555; border-radius: 10px; height: 3.1vw; line-height: 3.1vw; width: 4.7vw; text-align: center; float: right; border: none; color: #fff; font-size: 0.8vw;}
.make table tr td input::-webkit-input-placeholder{color:#e2e2e2;}
.bottom{background: #222222; line-height: 1.4vw; padding: 0.8vw 0; font-weight: lighter; font-size: 0.7vw; color: #666;}
.bottom a{color: #666;}

.nybanner{ width: 100%; height: auto;}
.nybanner img{ width: 100%; height: auto;}

.insnav{ width: 100%; height: 3.6458vw; line-height: 3.6458vw; background: #f2f2f2;}
.insnav_center{ position: relative; text-align: center; display:flex; justify-content: center;}
.insnav_center .insnav_center_more{ position: absolute; right: 0; top: 0; font-size: 1.1979vw; color: #8a8a8a;}
.insnav_center .insnav_center_more a{ color: #8a8a8a;}
.insnav_list{ position: relative; padding: 0 1.0417vw; height: 3.6458vw; font-size: 0.9375vw; color: #555555; font-weight: bold;}
.insnav_list a{ display: inline-block; width: 100%; height: 100%; color: #555555;}
.insnav_list:hover{ background: #FFF; }
.insnav_list::before{ display: none; content: ''; position: absolute; width: 100%; height: 0.2604vw; top: 0; left: 0; background: #e95511;}
.insnav_list:hover::before{ display: block;}
.insnum{ background: #FFF; }
.insnum::before{ display: block;}

.page_conter{ width: 100%; padding: 2.2917vw 0;}
.quoa_center_list{ width: 17.6042vw; height: auto; margin: 0 2.56vw 0.8854vw 0;}
.quoa_center_list:nth-child(4n){ margin-right: 0;}
.quoa_center_list_img{ width: 100%; height: 17.6042vw; border:1px solid #d6d6d6; border-radius: 5px; overflow: hidden;}
.quoa_center_list_img img{ width:100%; height: 100%;}
.quoa_center_list_tit{ width:100%; height: 2.7604vw; line-height: 2.7604vw; font-size: 1.1458vw; color: #555555; text-align: center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quoa_center_list_tit a{ color: #555555;}
.lacquer_mask-a .quoa_center_list_img{ padding: 3.5vw;}

.quob_center{ width: 46.6146vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
.quob_center .quoa_center_list{ margin: 0;}
.quob_center_right{ width: 25.6771vw;}
.quob_center_right_list{ width: 100%; height: 2.7604vw; line-height: 2.7604vw; font-size: 1.3542vw; color: #333333; font-family: '黑体'; border-bottom:1px solid #dbdbdb;}
.quob_center_right_list:hover a,.quob_center_right_list a:hover{ color: #c20e0e !important;}
.quob_center_right_list .iconfont{ font-size: 1.3542vw !important;}

.quob_center_rintr{ width: 26.9271vw;}
.quob_center_rintr_tit{ width: 100%; font-size: 1.5104vw; font-family: '黑体'; color: #333333;}
.quob_center_rintr_intr{ width: 100%; font-size: 1.25vw; line-height: 2.0833vw; font-family: '黑体'; color: #333333; margin: 0.7813vw 0 0 0;}

.vehi{ padding: 4.6875vw 0 0 0;}
.vehi ul li{height: 9.9vw; overflow: hidden; color: #333; font-size: 1.2vw; border-bottom: 1px solid #ccc;}
.vehi ul li:last-child{border-bottom: none;}
.vehi ul li .fl{width: 18.5vw; text-align: center;}
.vehi ul li .fl img{width: 100%; height: auto;}
.vehi ul li .fr{width: 11.4vw; text-align: center; display: table; height: 9.9vw;}
.vehi ul li .fr .js{display: table-cell; vertical-align: middle;}
.vehi ul li .fr .cx{font-size: 1.2vw; color: #333; line-height: 1; overflow: hidden; height: auto;}
.vehi ul li .fr .cx span{color: #777; margin-top: 0.5vw; display: block; font-weight: lighter;}
.vehi ul li .fr .jg{font-size: 1.3vw; color: #c20e0e; margin-top: 1vw; line-height: 1; overflow: hidden; font-weight: bold;}

.cx{ text-align: center; margin: 0 auto 1.5vw; font-size: 1.2vw; color: #777; line-height: 2.4vw;}
.cx_tx{width: 38.6vw; height: 3.2vw; line-height: 3.2vw; border: 1px solid #b1b1b1; background: #ececec; border-radius: 30px; margin: 0 auto; padding: 0 0.8vw;}
.cx_tx .text{ height: 3.2vw; line-height: 3.2vw; width: 34.5vw; font-size: 1.25vw; border: none; background: none;}
.cx_tx .button{ font-family: "iconfont" !important; border: none; background: none; color: #d82108; font-size: 2vw;}
.cx_xx{line-height: 1.4vw;}
.cx .text::-webkit-input-placeholder{ font-size: 1.25vw;}

.cx_text{ width: 62.5vw; margin: 0 auto; font-size: 0.9896vw; line-height: 1.7708vw; padding: 5.2083vw 0 0 0; color: #777777;}

.login_center{ width: 46.6667vw; margin: 0 auto;}
.login_username{ position: relative;  height: 3.6458vw; margin-bottom: 1.25vw;}
.login_username em{ position: absolute; font-style:normal; font-size: 1.6667vw; font-family: "iconfont" !important;  color: #FFF; left: 2.3438vw; top: 0.9896vw;}
.login_inputa{ width: 100%; height: 3.6458vw; line-height: 3.6458vw; font-size: 1.25vw; text-indent: 4.6875vw; border: none; border-radius: 10px; background: #8f8f8f; color: #c9c9c9;}
.login_inputa::-webkit-input-placeholder{ color: #c9c9c9; font-size: 1.25vw;}
.login_password{ position: relative;  height: 3.6458vw; margin-bottom: 1.25vw;}
.login_password em{ position: absolute; font-style:normal; font-size: 1.6667vw; font-weight: bold; font-family: "iconfont" !important;  color: #FFF; left: 2.3438vw; top: 0.9896vw;}
.login_submit{ width: 100%; height: 3.6458vw;}
.login_buttona{ width: 100%; height: 3.6458vw; line-height: 3.6458vw; font-size: 1.4583vw; color: #FFF; text-align: center; background: #f1774c; border: none; border-radius: 10px;}
.login_hmreg{ width: 100%; height: 3.6458vw; line-height: 3.6458vw; font-size: 1.4583vw; margin: 5.2083vw 0 0 0; color: #999999; text-align: center; background: #e5e5e5; border: none; border-radius: 10px;}
.login_hmreg a{ display: inline-block; color: #999999;}

.zhuce{width: 46.9vw; margin: 0 auto;}
.zc tr td{padding-bottom: 0.8vw;}
.zc tr td .name{float: left; height: 3vw; line-height: 3vw; width: 8.6vw; text-align: right; padding-right: 0.7vw; font-size: 1.2vw; color: #555; background: #f2f2f2; border-radius: 20px 0 0 20px; position: relative; font-weight: bold;}
.zc tr td .name:after{position: absolute; right: 0; top: 0.8vw; height: 1.5vw; width: 1px; background: #cdcdcd; content: "";}
.zc tr td span{color: #eb3d00; vertical-align: middle; margin-right: 0.4vw;}
.zc tr td .text{height: 3vw; line-height: 3vw; border: none; background: #f2f2f2; border-radius: 0 20px 20px 0; font-size: 1.2vw; color: #777; padding: 0 2.5vw; width: calc(100% - 8.6vw); float: left;}
.zc tr td .button{height: 3vw; line-height: 3vw; background: #eb3d00; width: 100%; text-align: center; color: #fff; font-size: 1.2vw; border-radius: 20px; border: none;}
#city_3{position: relative; width: calc(100% - 8.6vw); float: right;}
.prov,.city{float: left; width: 50%; height: 3vw; line-height: 3vw; border: none; background: #f2f2f2; font-size: 1.2vw; color: #777; padding: 0 2.5vw;}
#city_3:after{position: absolute; left: 50%; top: 0.8vw; height: 1.5vw; width: 1px; background: #cdcdcd; content: "";}
.city{border-radius: 0 20px 20px 0;}
#city_3 select{appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/xl.png); background-position: 90% center; background-repeat: no-repeat; background-size: 5%;}

.contact{margin-bottom: 4vw;}
.contact .fl{width: 38vw;}
.contact_tit{margin-bottom: 1.3vw;}
.contact_tit h1{height: 1.7vw; line-height: 1.7vw; font-size: 1.2vw; color: #525252; font-weight: bold; overflow: hidden;}
.contact_tit div{height: 1.3vw; line-height: 1.3vw; font-size: 0.7vw; color: #999; overflow: hidden; text-transform: uppercase;}
.contact_li ul li{margin-bottom: 1.4vw;}
.contact_li ul li .lx{height: 1.3vw; line-height: 1.3vw; font-size: 0.8vw; color: #999; overflow: hidden;}
.contact_li ul li p{line-height: 1; font-size: 1vw; color: #333; overflow: hidden; padding: 0.5vw 0;}
.contact_li ul li i{vertical-align: middle; margin-right: 0.3vw; font-size: 17px;}
.contact_li ul li img{width: 5.2vw; height: 5.2vw; margin-top: 0.5vw;}
.contact .fr{width: 34.6vw;}
.contact .fr table{width: 100%;}
.contact .fr table tr td input::-webkit-input-placeholder{color:#363747;}
.contact .fr table tr td textarea::-webkit-input-placeholder{color:#363747;}
.contact .fr table tr td{padding-bottom: 1vw; font-size: 0.7vw; color: #363747;}
.contact .fr table tr td .text,.contact .fr table tr td .time{width: 16.7vw; height: 2.6vw; line-height: 2.6vw; border: none; background: #f2f2f2; font-size: 0.7vw; color: #363747; padding: 0 0.8vw;}
.contact .fr table tr td:nth-child(2){float: right;}
.contact .fr table tr td textarea{width: 100%; height: 10.4vw; line-height: 2.6vw; padding: 0 0.8vw; border: none; background: #f2f2f2; font-size: 0.7vw; color: #363747;}
.contact .fr table tr td .button{width: 100%; height: 2.6vw; line-height: 2.6vw; border: none; background: #e67817; font-size: 0.7vw; color: #fff; font-weight: bold; text-align: center;}
.contact .fr table tr td select{width: 72%; float: right; height: 2.6vw; line-height: 2.6vw; border: none; background: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/sjx.jpg); background-position: 95% center; background-repeat: no-repeat; background-size: 8%;}
.map{width: 100%; height: 31.2vw; margin-bottom: 2.3vw;}

.single_page{ width: 100%; font-size: 0.8333vw; line-height: 1.5625vw; color: #000;}
.single_page img{ max-width: 100%;}

.lacquer_mask{ width: 100%; margin-bottom: 3.3854vw;}
.lacmask_list{ width: 25.3125vw; height: auto; margin: 0 1.0938vw 1.0938vw 0;}
.lacmask_list:nth-child(3n){ margin-right: 0;}
.lacmask_list_img{ width: 100%; height: 18.9063vw; overflow: hidden;}
.lacmask_list_img img{ width: 100%; height: 100%;}
.lacmask_list_tit{ width: 100%; font-size: 1.0417vw; line-height: 3.125vw; color: #000; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lacmask_list_intr{ width: 100%; font-size: 0.7292vw; line-height: 1.3542vw; color: #000;}

.lacquer_clsn{ position: relative; width: 100%; font-size: 1.5625vw; color: #000; text-align: center; z-index: 1; margin-bottom: 4.6875vw;}
.lacquer_clsn span{ padding: 0 2.0313vw; line-height: 1; background: #FFF;}
.lacquer_clsn::before{ display: block; position: absolute; content: ''; width: 44.0625vw; height: 1px; background: #000; left: calc(50% - (44.0625vw / 2)); top: calc(50% - (1px / 2)); z-index: -1;}


.service{ /*margin: 0 auto 4vw;*/ margin: 0 auto; font-size: 1.2vw; color: #555; line-height: 1.8vw;}
.carwell{margin: 0 auto; width: 37.5vw;}
.car_tit{background: #1f313d; height: 3.8vw; line-height: 3.8vw; font-size: 1.2vw; color: #fff; border-radius: 5px 5px 0 0; overflow: hidden; padding: 0 1vw}
#city_1{margin-bottom: 1.6vw;}
#city_1 .prov,#city_1 .city{display: block; float: inherit; width: 100%; height: 3vw; line-height: 3vw; width: 35.4vw; padding-left: 1.6vw; font-size: 1.2vw; color: #333; margin: 1.6vw auto 0; display: block; border-radius: 50px;}
#city_1 select{appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/xl.png); background-position: 96% center; background-repeat: no-repeat; background-size: 4%; background-color: #f2f2f2; color: #fff;}
.carwell .button{height: 3vw; line-height: 3vw; width: 35.4vw; background: #eb3d00; text-align: center; font-size: 1.2vw; color: #fff; margin: 0 auto 3.4vw; display: block; border-radius: 20px; border: none;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; display: flex; background: none; border-radius: 5px; overflow: hidden; /*position: absolute; top: 50%; right:5%;*/ z-index: 999; /*margin-top: -15px;*/ 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:20px; height: 2px; background: #999; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s; border-radius: 100%; position: relative;}
.c_nuw{border-radius: 100%; border: 1px solid #ccc;}
.c_nuw span:nth-child(1){transform: rotateZ(45deg)translate(3.5px,2.5px); transform-origin: center; width:20px; margin: 0; transition: all .4s ease .4s;}
.c_nuw span:nth-child(2){transform:rotateY(180deg)translate(-20px,0px); opacity: 0; transition: all .4s ease 0s;}
.c_nuw span:nth-child(3){transform: rotateZ(-45deg)translate(2.5px,-2.5px); transform-origin: center; width:21px; margin: 0; transition: all .4s ease .4s;}

.c_nav{ display: none;}











/*经销商中心*/
.center{width: 37.2vw; margin: 0 auto 2vw;}
.center .img{float: left; width: 5vw; line-height: 5vw; margin-right: 1.6vw;}
.center .img img{width: 5vw; line-height: 5vw; border-radius: 100%;}
.center .fl{width: 28.6vw; margin-top: 0.6vw;}
.center .fl h1{height: 2.6vw; line-height: 2.6vw; font-size: 1.9vw; color: #525252; overflow: hidden; font-weight: 600;}
.center .fl div{height: 1.7vw; line-height: 1.7vw; font-size: 1.2vw; color: #666; overflow: hidden;}
.center .fr i{font-size: 1.8vw; line-height: 5vw; color: #d6d6d6; text-align: right; font-weight: bold;}
.info{background-position: center; background-repeat: no-repeat; background-size: 100% 100%; height: 15.6vw; background-color: #fff; margin: 0 auto 1.7vw; text-align: center; color: #fff; width: 42vw; padding-top: 2.3vw; }
.info .sz{font-size: 3.8vw; font-weight: bold; height: 4.6vw; line-height: 4.6vw; overflow: hidden;}
.info .zbxx{font-size: 1.6vw; margin-bottom: 1.6vw; height: 3vw; line-height: 3vw; overflow: hidden;}
.info .sl{padding: 0 4.2vw;}
.info .sl span{float: left; width: 50%; text-align: center; display: inline-block; font-size: 1.2vw;}
.info .sl span:first-child{border-right: 1px solid #b31b15;}
.info .sl span:last-child{border-left: 1px solid #eb706b;}
.cen_list{width: 47vw; margin: 0 auto;}
.cen_list ul li{height: 4.3vw; line-height: 4.3vw; border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 2.4vw; font-size: 1.3vw; color: #333;}
.cen_list ul li img{width: 1.3vw; height: 1.3vw; vertical-align: middle; margin-right: 1vw;}
.cen_list ul li i{float: right; color: #d6d6d6; font-size: 1.8vw; font-weight: bold; color: #d6d6d6;}
.quit{margin: 8vw 0;}
.quit a{font-size: 1.4vw; color: #fff; height: 4vw; line-height: 4vw; width: 100%; text-align: center; background: #eb3d00; border-radius: 5px; display: block;}

/*经销商中心-密码管理*/
.mima{width: 47vw; margin: 0 auto;}
.mima table tr td{padding-top: 1vw; height: 4.7vw; line-height: 4.7vw; overflow: hidden;}
.mima table tr td .mc{float: left; width: 10.2vw; height: 4.7vw; line-height: 4.7vw; color: #323232; font-size: 1.3vw; border-bottom: 1px solid #d8d8d8; padding-left: 1.6vw;}
.mima table tr td .text{float: left; width: calc(100% - 10.2vw); height: 4.7vw; line-height: 4.7vw; font-size: 1.3vw; color: #acacac; border-bottom: 1px solid #d8d8d8 !important; border: none;}
.mima table tr td .sm{font-size: 1.1vw; color: #eb3d00; line-height: 1; clear: both; padding: 1.2vw 0 0 1.6vw;}
.mima table tr td .wj{float: right; color: #eb3d00; font-size: 1.1vw; margin-top: 3.3vw; line-height: 1;}
.mima table tr td .button{width: 100%; height: 3.6vw; line-height: 3.6vw; font-size: 1.3vw; color: #fff; text-align: center; border: none; background: #eb3d00; border-radius: 10px; display: block; margin: 5.2vw auto 0;}

/*添加电子质保*/
.cjh{background: #eb3d00; height: 3.6vw; line-height: 3.6vw; width: 47vw; font-size: 1.2vw; font-weight: bold; color: #fff; border-radius: 5px; margin: 0 auto 0.3vw; padding-left: 1.8vw;}
.cz_info{margin: 0 auto; border-radius: 5px; width: 47vw;}
.cz_info ul li{border-bottom: 1px solid #e9e9e9; line-height: 3.4vw; padding: 0.5vw 2vw; font-size: 1.2vw; color: #525252; font-weight: bold; zoom: 1;}
.cz_info ul li:last-child{border: none;}
.cz_info ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.cz_info ul li .fl{width: 17.2vw;}
.cz_info ul li .fl i{display: inline-block; width: 2.4vw; font-weight: normal; font-size: 1.4vw; vertical-align: middle;}
.cz_info ul li .fl font{color: #eb3d00;}
.cz_info ul li .fr{width: calc(100% - 17.2vw); text-align: right; font-weight: normal;}
.cz_info ul li .fr .text{background: none; border: none; height: 3.4vw; line-height: 3.4vw; width: 100%; font-size: 1.2vw; color: #777; text-align: right;}
.cz_info ul li .fr i{font-weight: lighter; margin-right: 0.6vw; color: #777;}
.cz_info ul li .xx{margin-left: 2.6vw;}
.xx_xl{height: 3.1vw; line-height: 3.1vw; border: none; /*background: #f2f2f2;*/ border-radius: 20px; font-size: 1.2vw; color: #777; padding: 0 1.8vw; width: 100%; float: left; margin-top: 0.7vw;}
.xx_xl select{border: none; height: 2.9vw; line-height: 2.9vw; width: 100%; background-color: #f2f2f2; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/xlk.png); background-position: right center; background-repeat: no-repeat; background-size: 2%; color: #777;}
.tpsc{margin-left: 2.6vw; display: block; clear: both; padding: 0.5vw 0;}
/*选择图片框样式*/
#div_imgfile,#div_imgfile1{ width: 6.1vw; height: 6.1vw; line-height: 6.1vw; text-align: center; background: #f2f2f2; border-radius: 5px; cursor: pointer; float: left; overflow: hidden; margin-bottom: 1vw;}
#div_imgfile i,#div_imgfile1 i{display: block; font-size: 2.8vw; color: #d9d9d9;}
.imgfile,.imgfile1{display: none;}
/*这里是图片预览容器样式*/
#div_imglook,#div_imglook1{float: left;}
/*单个图片预览模块样式*/
.lookimg,.lookimg1{width: 6.1vw; height: 6.1vw; box-sizing: border-box; float: left; margin: 0 0.5vw 0.5vw 0; position: relative; border-radius: 5px; overflow: hidden;}
.lookimg img,.lookimg1 img{width: 100%; height: 100%;}
/*删除按钮样式*/
.lookimg_delBtn,.lookimg_delBtn1{display: none;}
/*上传进度条样式*/
.lookimg_progress,.lookimg_progress1{display: none;}
.lookimg_progress div,.lookimg_progress1 div{display: none;}
/*确定上传按钮样式*/
#btn_ImgUpStart,#btn_ImgUpStart1{width: 6.1vw; height: 2vw; line-height: 2vw; background: #eb3d00; border: none; border-radius: 5px; font-size: 0.8vw; clear: both; display: block; color: #fff;}
.sc{margin: 1vw auto; width: 47vw;}
.sc a{height: 3.6vw; line-height: 3.6vw; width: 100%; text-align: center; border-radius: 20px; background: #eb3d00; color: #fff; font-size: 1.3vw; font-weight: bold; display: block;} 

/*添加下级经销商*/
.jxs{height: 3vw; line-height: 3vw; border: none; background: #f2f2f2; border-radius: 0 20px 20px 0; font-size: 1.2vw; color: #777; padding: 0 2.5vw; width: calc(100% - 8.6vw); float: left;}
.jxs select{border: none; height: 2.8vw; line-height: 2.8vw; color: #777; width: 100%; background: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/xl.png); background-position: 97% center; background-repeat: no-repeat; background-size: 2.5%;}

/*头像更换*/
.form-group{margin: 0 auto; width: 38vw;}
.fileinput .thumbnail{overflow: hidden; text-align: center; width: 10.7vw !important; height: 10.7vw !important; line-height: 10.7vw !important; margin: 0 auto; border-radius: 100%;}
.fileinput .thumbnail img{width: 10.7vw !important; height: 10.7vw !important; line-height: 10.7vw !important;}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {display: none;}
.thumbnail {display: block; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; text-align: center;}
.form-group .name{text-align: center; color: #525252; font-size: 1.5vw; padding: 1.5vw 0; line-height: 1; border-bottom: 1px solid #ccc; margin-bottom: 3vw;}
.btn-file {position: relative; overflow: hidden; vertical-align: middle;}
.btn-file > input {position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; filter: alpha(opacity=0); opacity: 0;}
input[type=file] { display: block;}
.fileinput .btn {vertical-align: middle;}
.btn{width: 17.4vw; height: 3.4vw; line-height: 3.4vw; background: #d9c564; color: #fff !important; overflow: hidden; display: block; margin-bottom: 0; font-size: 1.3vw; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 5px; float: left;}
.save{width: 17.4vw; height: 3.4vw; line-height: 3.4vw; background: #cf261f; color: #fff !important; overflow: hidden; margin-bottom: 0; font-size: 1.3vw; text-align: center; border-radius: 5px; float: right;}

/*我的电子质保*/
.dzzb{margin-bottom: 1vw;}
.pg_zpul{height: auto; overflow: hidden; width: 47vw; margin: 0 auto}
.pg_zplih2{height: 3.6vw; line-height: 3.6vw; font-size: 1.2vw; font-weight: bold; color: #fff; background: #333; border-radius: 5px; margin-top: 0.5vw;}
.pg_zplih2 div{float: left; width: 50%; padding-left: 0.5vw;}
.pg_zplih2nuw{background: #eb3d00; border-radius: 5px 5px 0 0;}
.pg_zplitxt{display: none; background: #fff; border-radius: 0 0 5px 5px; margin-bottom: 1.8vw;}
.pg_zplitxt ul li{border-bottom: 1px solid #e9e9e9; line-height: 2.6vw; padding: 0.4vw 1.5vw; font-size: 1.2vw; color: #525252; font-weight: bold; zoom: 1;}
.pg_zplitxt ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.pg_zplitxt ul li:last-child{border: none; margin-top: 0.8vw;}
.pg_zplitxt ul li span{color: #777; float: right; font-weight: normal;}
.pg_zplitxt ul li i{display: inline-block; width: 2.4vw; font-weight: normal; font-size: 1.6vw; vertical-align: middle;}
.pg_zplitxt ul li .img{padding: 0.5vw 0 0.5vw 2.4vw;}
.pg_zplitxt ul li .img img{width: 6vw; height: 6vw; border-radius: 5px; float: left; margin-left: 0.8vw;}
.pg_zplitxt ul li .img img:first-child{margin-left: 0;}
.pg_zplitxt ul li a.del{float: right; height: 2.6vw; line-height: 2.6vw; width: 7.3vw; text-align: center; background: #eb3d00; color: #fff; font-size: 1.2vw; border-radius: 5px;}

/*我的下级经销商*/
.my_dealer{margin: 0 auto; width: 47vw;}
.my_dealer .all{height: 3.2vw; line-height: 3.2vw; width: 100%; overflow: hidden; border-radius: 5px; font-size: 1.2vw; color: #999; margin-bottom: 1.2vw;}
.my_dealer .all div{color: #cf261f; font-weight: bold; font-size: 1.9vw; float: right;}
.dealer_li ul li{border-radius: 5px; zoom: 1; margin-top: 0.7vw;}
.dealer_li ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: ".";}
.up{padding: 0.8vw 2vw;}
.up .img{float: left; width: 6.2vw; margin-right: 1vw;}
.up .img img{width: 6.2vw; height: 6.2vw; border-radius: 100%;}
.up .fl{width: 26vw;}
.up .fl .tit{height: 2.1vw; line-height: 2.1vw; font-size: 1.3vw; color: #000; overflow: hidden; margin-bottom: 0.2vw;}
.up .fl .xm{height: 4.2vw; line-height: 2.1vw; font-size: 1.2vw; color: #777; overflow: hidden;}
.up .fr{width: 2.6vw; height: 2.6vw; line-height: 2.6vw; border-radius: 100%; background: #e7e7e7; text-align: center; margin-top: 2vw;}
.up .fr i{color: #afafaf; font-size: 1.6vw;}
.db{background: #eaeaea; height: 3.4vw; line-height: 3.4vw; overflow: hidden; font-size: 1.2vw; color: #333; border-radius: 0 0 10px 10px; padding: 0 2vw;}
.db span{float: right; color: #eb3d00; font-weight: bold;}

/*我的下级经销商-详情*/
.dealer_xx{width: 47vw; margin: 0 auto 0.5vw;}
.dealer_xx .up .fr{background: #eb3d00;}
.dealer_xx .up .fr i{color: #fff; font-size: 1.2vw;}
.dealer_xx .db{border-radius: 0;}
.dealer_xx .db span i{color: #acacac; vertical-align: middle; margin-left: 0.4rem; font-weight: normal;}
.jxs_li{background: #fff; width: 47vw; margin: 0 auto;}
.jxs_li ul li{height: 4.4vw; line-height: 4.4vw; border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 2vw;}
.jxs_li ul li .mc{float: left; width: 15.6vw; padding-left: 1.7vw; font-size: 1.3vw; color: #323232;}
.jxs_li ul li .fr{float: right; width: 26vw; text-align: right;}
.jxs_li ul li .fr .text{height: 4.4vw; line-height: 4.4vw; width: 90%; text-align: right; color: #919191; font-size: 1.3vw; border: none;}
.jxs_li ul li .fr i{color: #acacac; vertical-align: middle; width: 2vw; display: inline-block; font-size: 1.3vw; vertical-align: middle; float: right;}
.jxs_li ul li .button{width: 100%; height: 3.3vw; line-height: 3.3vw; background: #eb3d00; border-radius: 30px; color: #fff; font-size: 1.2vw; border: none;}
.jxs_li ul li:last-child{border: none; margin: 4.4vw 0; padding: 0;}


/*质保查询-查询结果*/
.cxjg{width: 37.5vw; margin: 0 auto;}
.cxjg_li{background: #fff; border-radius: 5px; margin-bottom: 1vw; position: relative;}
.zp{position: absolute; right: 3.5vw; top: 8.3vw;}
.zp img{width: 10.3vw; height: 10.3vw;}
.cxjg_tit{background: #1f313d; border-radius: 5px 5px 0 0; font-size: 1.2vw; color: #fff; font-weight: bold; line-height: 2.2vw; padding: 0.8vw 1vw;}
.cxjg_tit div{display: inline-block; width: 48%;}
.cxjg_li ul li{height: 3.8vw; line-height: 3.8vw; overflow: hidden; border-bottom: 1px solid #e9e9e9; font-size: 1.2vw; color: #525252; padding: 0 0.9vw;}
.cxjg_li ul li span{float: right; text-align: right; color: #777;}
.cxjg_li ul li:last-child{border: none;}
.cxjg_li ul li img{width: 1.5vw; height: 1.6vw; vertical-align: middle; margin-right: 1vw;}

/*产品中心*/
.cxgz{float: left; width: 24.05vw; box-shadow: 0px 0px 10px rgba(0,0,0,.15); border-radius: 8px; margin: 0 2.2vw 2vw 0.15vw; overflow: hidden;}
.cxgz:nth-child(3n){margin-right: 0;}
.cxgz .img{width: 100%; height: 13.5vw; position: relative;}
.border .img{width: 100%; height: 13.5vw; overflow: hidden;}
.border img{width: 100%; height: 13.5vw; transform: translateZ(0px); transition: all 0.3s ease 0s;}
.border .hover{width: 100%; height: 100%; background: rgba(194,14,14,.5); position: absolute; top: 0; left: 0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-transform: uppercase; font-size: 15px; color: #fff; opacity: 0; transition: all .6s ease 0s;}
.border .hover span{display: block; height: 34px; line-height: 34px; padding: 0 18px; position: relative; color: #fff;}
.border .hover span:after{content: ""; width:0%; height:34px; border-bottom: 1px solid #fff; position: absolute; top: 0; left: 0; z-index: 2; transition: all .6s ease 0s;}
.cxgz:hover img{transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.cxgz:hover .hover{opacity: 1; transition: transform 0.6s ease 0s;}
.cxgz:hover .hover span:after{width: 100%; left: 0%;}
.cxgz .img .hover a{color: #fff; border-bottom: 1px solid #fff;}
.cxgz .img img{width: 100%; height: 100%; border-radius: 8px 8px 0 0;}
.cxgz .xx{padding: 0 1.6vw 1.2vw; color: #333; font-weight: lighter;}
.cxgz .xx .ky{height: 4.2vw; display: table-cell; vertical-align: middle; font-size: 1.2vw; line-height: 1; width: 100%;}
.cxgz .xx .fb{line-height: 1; padding-top: 1.1vw; font-size: 0.8vw; border-top: 1px solid #ccc;}
.cxgz .xx .fb i{float: right; font-weight: lighter; font-size: 1.2vw; color: #ddd;}

/*新闻*/
.news{ width: 100%; padding: 8px;}
.news ul{ width: 100%;}
.news ul li{float: left; width: 18vw; height: 17.7vw; border: 1px solid #e2e2e2; padding: 1.2vw; margin: 0 1.4vw 1.6vw 0;}
.news ul li:nth-child(4n){margin-right: 0;}
.news ul li:hover{box-shadow: 0px 0px 10px  rgba(0,0,0,.15); border: 1px solid #fff;}
.news ul li .tit{height: 2.4vw; line-height: 1.2vw; overflow: hidden; font-size: 0.9vw; color: #333; margin-top: 1vw;}
.news ul li .sj{height: 2.5vw; line-height: 2.5vw; overflow: hidden; font-size: 0.8vw; color: #333; overflow: hidden;}
.news ul li .sj span{color: #777; font-size: 0.6vw;}
.news ul li .xx{height: 3.9vw; line-height: 1.3vw; font-size: 0.7vw; color: #777; overflow: hidden; margin: 0.7vw 0 1.9vw 0;}
.news ul li .gd{height: 1.4vw; line-height: 1.4vw; width: 1.4vw; background: #3f3f3f; border-radius: 100%; text-align: center;}
.news ul li .gd i{color: #d6d6d6; font-size: 0.9vw;}
.news ul li:hover .gd{background: #e60012;}
.news ul li:hover .gd i{color: #fff;}
.de_title{ line-height: 2vw; font-size: 1.2vw; color: #363747; padding-bottom: 0.8vw; border-bottom: 1px solid #ccc; text-align: center; margin-bottom: 0.8vw;}


.anti-fake-f2{
	font-size: 16px;
	color: #0055a4;
	background-image: url(/skin/pc/images/zhibao_bg.jpg);
	height: 375px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 33px;
	padding-right: 77px;
	padding-bottom: 0px;
	padding-left: 77px;
	line-height: 33px;
}

.newsquoa_list{ width: 100%; margin-bottom: 20px;}
.newsquoa_list_img{ width: 17.6042vw; height: 17.6042vw; border:1px solid #d6d6d6; border-radius: 5px; overflow: hidden;}
.newsquoa_list_img img{ width: 100%; height: 100%;}
.newsquoa_list_test{ width: 75%;}


























@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}





/**一直旋转**/
@keyframes rotateX{from{transform: rotate(0deg)}
to{transform: rotate(-360deg)}
}






/**旋转**/
.myXc:hover{cursor: pointer;-webkit-transform: rotate3d(0,1,0,360deg);-moz-transform: rotate3d(0,1,0,360deg);transform: rotate3d(0,1,0,360deg);transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}
#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}

@-webkit-keyframes change

{

　　0%{-webkit-transform:rotate(0deg);}

　　50%{-webkit-transform:rotate(180deg);}

　　100%{-webkit-transform:rotate(360deg);}

}


/**竖跳**/
@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(2px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(1px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}



@keyframes tuoluo {
  0%{
    transform: rotateY(0deg)  rotateX(0deg);
  }
  25%{
    transform: rotateY(-90deg)  rotateX(9deg);
  }
  50%{
    transform: rotateY(-180deg)  rotateX(18deg);
  }
  75%{
    transform: rotateY(-270deg)  rotateX(9deg);
  }
  100%{
    transform: rotateY(-360deg)  rotateX(0deg);
  }
}



@keyframes logosum{
	to{
		left: 110%;
	}
}
@keyframes Tada {
    0% {
        transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}