html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}

.r{border:1px red solid;}
.b{border:1px black solid;}
.block{display:block;}
.none{display:none;}
.tran{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

@media screen and (max-width:450px){html{font-size:16px;} }
@media screen and (max-width:375px){html{font-size:14px;} }
@media screen and (max-width:350px){html{ font-size:12px; } }

.navbar-default{border:none;}
i,em{font-style:normal;}
.margin_auto{margin:0 auto;}
.nav_btn{float:left;}
.nav_btn li{margin-right:1rem;}
.nav_btn li a{height:57px;line-height:57px;color:#b8b6cc;font-size:16px;padding:2px 5px;}
.nav_btn li a:hover{color:#fff;}

.navbar-brand{padding-top:5px;}
.collapsed{margin-top:20px;}
.logo_img{margin-top:15px;display:block;}
ul,li,dl,dd,dt{list-style:none;}
a{text-decoration: none;transition: all 0.5s ease-out;}
a:hover{text-decoration: none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
.clearfix:after,.clearfix:before{display: table;content: " ";clear: both;}
.type_text{ float: right; position: absolute; right: 0; top: 15px; border: 1px solid #757489; color: #b8b6cc; text-indent: 1em; line-height: 30px; border-radius: 15px; width: 269px; font-size: 13px; height: 30px;}
.type_text input{ width: 200px;}
/*.navbar-default{ position: relative;}*/
.header .container{ position: relative;}
/*#btn_search{ margin-left: 10px;  margin-top: 10px; vertical-align: middle;}
#btn_search{ width: 25px; height: 25px;}*/
.peter_logo_top .banxin_1, .peter_fast_loging .banxin_1{width:1200px!important;}

.f_left{ float: left;}
.f_right{ float: right;}

/*@font-face{
    font-family: myfonts;
    src: url('http://www.longre.com/zt/171114hkhjzt/fonts/syjt.otf');
    src: local('http://www.longre.com/zt/171114hkhjzt/fonts/syjt Regular'),
         local('http://www.longre.com/zt/171114hkhjzt/fonts/syjt'),
         local('../fonts/NotoSansHebrew-Bold.woff') format('woff'),
         local('../fonts/fzjt.ttf') format('truetype'),
         local('../fonts/NotoSansHebrew-Bold.svg#fontName') format('svg');}     
   }*/




/*loto_top*/

.header{background-color: rgba(255, 255, 255, 1); height:80px;width:100%;position:fixed;top:0;z-index: 99999999;box-shadow:2px 2px 5px #b7b7b7;}
.logo{overflow:hidden;}
.logo h1{float:left;overflow:hidden;}
.logo .search{float: right;}
.logo h1 a{display:inline-block;float:left;}
.logo h1 a img{vertical-align:-5px; width: 100%;}
.logo h1 span{display:inline-block;width:14px;height:30px;border-left:2px #e00101 solid;margin-left:20px;margin-top:20px;float:left;}
.logo h1 em{display:inline-block;font-size:10px;color:#e00101;float:left;line-height:1.5;margin-top:17px;}

.header .logo{ float: left; width: 20%;}
.header .phonetxt{ float: right; padding-top: 15px; }
.header .phonetxt h3{font-size: 16px; color: #e00101;}
.header .phonetxt span{ display: block; font-size: 24px; margin-top: 6px; font-weight: 800; font-family: "Impact","微软雅黑";}
.gao{height:80px;display:block;}

.lgnav {float: left; width: 50%;
    height: 120px;
    line-height: 30px;
    margin-left: 5%;
   
}

.lgnav ul li:first-child{margin-left: 25px;}

.lgnav ul li {
    float       : left;
    margin-right: 60px;
    height: 80px;
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
    border-bottom:3px solid #fff;
}

.lgnav ul li a {
    color: #2a79c2;
    color: -moz-linear-gradient(left, #004197, #5fbff8);
    color: -webkit-linear-gradient(left, #004197, #5fbff8);
    color: -o-linear-gradient(left, #004197, #5fbff8);
    display  : block;
    font-size: 16px;
}

.lgnav li {
    position: relative;
}
.lgnav .lgnav_list {
    display: none;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 165px;
    padding: 10px 0;
    background-color: #fff;
    z-index: 99;
    border-radius: 5px;
    box-shadow: 0 0 11px 0 #666;
}
.lgnav .lgnav_list span {
    display: block;
    height: 40px;
    text-align: center;
    margin: 0 35px;
    border-bottom: 2px solid #eee;
    padding-top: 5px;
}
.lgnav .lgnav_list span:last-child{
    border-bottom: 0
}
.lgnav .lgnav_list a {
    color: #333;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-size: 14px;
    padding: 0;
    line-height: 1;
    font-weight: 500;
}
.lgnav .lgnav_list span:hover a {
    font-weight: 700;
    color: #1861b0 !important;
    /* border-bottom: 1px solid #1861b0; */
}
/* .lgnav_list_span_active {
    font-weight: 700;
    color: #1861b0 !important;
    border-bottom: 1px solid #1861b0;
} */

.lgnav .lgnav_list .erweima_box {
    width: 100px;
    height: 100px;
    position: absolute;
    left: -100px;
    top: 0px;
    box-shadow: 0 0 3px 1px #ccc;
    border-radius: 10px;
    display: none;
}

.lgnav .lgnav_list .erweima_box>img {
    display: none;
    position: absolute;
    left: -20px;
    top: 0;
    width: 120px;
    height: 120px;
    border-radius: 5px;
}


.lg_ht ul li a span:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform   : scale(1.08);
    transform        : scale(1.08);
}
.lgnav ul li.currentmk{border-bottom:3px solid #346b7f; color: #346b7f;}
.currentmk{border-bottom:3px solid #346b7f; color: #346b7f;}
#search {
	margin:0;
	overflow:hidden;
	position:relative;
	float:right;
    padding:0;
    margin-top: 15px;width:25%;
}
#search input {width: 85%;
	background:#eceff1;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:#777;	
	margin:0;
	padding:10px;
	height:40px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	font-size:12px;
	font-style:italic;
}
#search input:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#search a {
	display:inline-block;
	float:left;
	background:#449adc url(../images/part-btn-search.png) no-repeat center center;
	width:40px;
	height:40px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}






/*banner*/
.c_banner{overflow:hidden;width:100%;position: relative; position: relative;}
/* .c_banner .banner_img{display:block;position:relative; left:50%; margin-left:-960px; width:1920px;} */
.c_banner .banner_img{display:block;position:relative;width:1920px;}
.c_banner .swiper-container{ height: 518px;}
.numbox { width: 1200px; margin: 0 auto; position: relative; top: -20%;}
.c_banner .swiper-slide .banner_detail {
    height:140px;
    /* background:rgba(255,255,255,.7); */
    position:absolute;
    width:800px;
    color:#fff;
    opacity:0;
    transition:opacity .3s .3s;text-align: left;
}
.c_banner .swiper-slide-active .banner_detail {
    opacity:1;
}
.c_banner .swiper-slide .banner_detail h3 {
   font-size: 40px;
    margin: 15px 0 auto;
    
}
.c_banner .swiper-slide .banner_detail p {
   font-size: 18px;
    margin:20px auto 30px;
}
.c_banner .swiper-slide .banner_detail p span {
 
    display:block;
}

.c_banner .swiper-slide .banner_detail.banner_detail1 a{ color: #fff;}

.cmp-button{margin-bottom:30px}
.cmp-button a{display:inline-block;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:0;white-space:normal;padding:6px 24px;font-size:20px;line-height:125%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:white;text-decoration:none;text-transform:uppercase;transition:.3s all}
.cmp-button a[target=_blank]:after{content:"\f35d";font-family:"Font Awesome 5 Free";display:inline-block;font-style:normal;font-size:15px;margin-left:13px;margin-right:-8px;top:-1px;opacity:.75;font-weight:900;position:relative}
.cmp-button a[target=_blank]:not(.style-trigger){display:inline-flex;align-items:center}
.cmp-button a[target=_blank].style-trigger:after{position:absolute;margin:0;right:20px;bottom:20px;font-size:18px;top:inherit}
.cmp-button a[target=_blank]:not(.style-trigger){display:inline-flex;align-items:center}

.cmp-button a{background:linear-gradient(45deg,#0099f4 50%,#449adc 50%) right bottom;background-size:275% 100%;transition:all ease-out .3s}
.cmp-button a:active,.cmp-button a:focus,.cmp-button a:hover{background-position:left bottom}

.cmp-button a[target=_blank]:after {
    content: "\f35d";
    background: url(../images/linecen.jpg) no-repeat center center;
    display: inline-block;
    font-style: normal;
    font-size: 15px;
    margin-left: 13px;
    margin-right: -8px;
    top: -1px;
    opacity: .75;
    font-weight: 900;
    position: relative;
}


.swiper-wrapper{
    /* 通过改变animation-timing-function 制作弹性切换效果 */
          /* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */
      }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%; height: 100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url(../images/left.png) !important;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url(../images/right.png) !important;}





/* 1021新增 */

a {
	text-decoration: none;
	cursor: pointer;
	color: #d0d9de;
}

#iview {
	display: block;
	width: 100%;
	height: 518px;
	position: relative;
    margin: 0 auto;
}

#iview .iviewSlider {
	display: block;
	width: 1920px;
	height: 518px;
	overflow: hidden;
	border-radius: 4px;
}

.iview-controlNav {
	position: absolute;
	bottom: 30px;
	left: 45%;
	height: 44px;
}

.iview-controlNav a {
	text-indent: -9999px;
}

.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../images/slider-controls.png') no-repeat;
}

.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../images/slider-controls.png') no-repeat -50px 0px;
}

.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url('../images/nav-bg.png');
}

.iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	background: url('../images/bullets.png') no-repeat;
	line-height: 0px;
}

.iview-controlNav a.iview-control.active {
	background-position: 0px -12px;
}

.iview-caption {
	background: url('../images/caption-bg.png');
	color: #FFF;
	border-radius: 3px;
	padding: 10px 15px;
	font-family: Verdana;
	font-size: 50px;
    font-weight: bold;
    width: auto !important;
    height: auto !important;
    padding: 20px 20px !important;

}

.iview-caption.caption1 {
	font-size: 40px;
	font-weight: bold;


}

.iview-caption.caption2 {
	background: #00b4ff;
	font-size: 50px;
	font-weight: bold;
	text-shadow: none;
   
}

.iview-caption.caption3 {
	background: #FFF;
	color: #000;
	font-size: 50px;
	font-weight: bold;
	text-shadow: none;
    width: auto !important;
    height: auto !important;
    padding: 20px 20px !important;
}


.iview-caption.caption5 {
	background: rgba(90, 90, 90, 0.6);
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	font-size: 50px;
	font-weight: bold;
	text-shadow: none;
    width: auto !important;
    height: auto !important;
    padding: 20px 20px !important;
}

.caption-contain{ width: auto !important;}


.iview-caption.caption7 div {
	line-height: 200%;
}

.iview-caption.caption7 h3 {
	margin-bottom: 20px;
	color: #FFF;
}

.iview-caption.blackcaption {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}

.iview-controlNav div.iview-items ul li {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	margin: 3px;
	margin-top: 16px;
	line-height: 0px;
}

#iview #iview-tooltip {
	display: none;
	position: absolute;
	background: url('../../img/tooltip.png') no-repeat;
	width: 124px;
	height: 90px;
	bottom: 30px;
	left: -67px;
	padding: 10px;
	z-index: 100;
}

#iview #iview-tooltip div.holder {
	display: block;
	width: 124px;
	height: 84px;
	overflow: hidden;
	border-radius: 2px;
}

#iview #iview-tooltip div.holder div.container {
	display: block;
	width: 4000px;
}

#iview #iview-tooltip div.holder div.container div {
	float: left;
	display: block;
	overflow: hidden;
	width: 124px;
	height: 84px;
	left: -50%;
	text-align: center;
}

#iview #iview-tooltip div.holder div.container div img {
	height: 84px;
	margin: 0 auto;
}

.okml{ width: 100% !important;}












#intro {
	padding: 40px 0 ; margin: 0 auto;}
#intro h2 {margin-top: 20px;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 15px; color: #00aeef;
}
#intro p{ font-size: 18px; line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    height: 100%;
    min-width: 100px;
    text-align: justify;
    /* text-align-last: justify; */
     margin-bottom:20px;}

.intro-pic {
	margin-top: 20px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;}
.text_page{ float: right; width: 50%; margin-top: 50px;margin-right: 5%;}
.feature-2-pic{ float: left; width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;}
.feature-2-pic img{ width: 100%;}
.btn-default {
    font-size: 17px;
    margin: 30px 0 10px;
    margin-right: 10px;
    line-height: 20px;
    padding: 15px 35px;
    height: 50px;
    border: 2px solid #FAD12B;
    background: transparent;
    transition: all 0.4s;
    color: #202020;
    border-radius: 100px;}

.about_3{ font-size: 30px; font-weight: normal; display: block; color: #424242;}
.about_3 span{ background: url(../images/dots.gif) repeat; height: 5px; display: block; margin: 10px 0 40px;}

.D_show{ background: #f6f6f6; padding: 40px 0;}

.D_li_list dl{ width: 30%; float: left; margin-bottom: 20px; margin-right: 5%; padding: 15px;  background: #fff; }
.D_li_list dl:nth-child(3n){ margin-right: 0; float: right;}

.D_li_list dl dt { margin-bottom: 10px;  height: 220px; overflow: hidden;   
    /* display: flex; justify-content: center; align-items: center; */
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.D_li_list dl dt img{ margin-bottom: 5px; object-fit: cover; width: 100%; height: 180px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
   
}
.D_li_list dl dt a{ color: #333;display: block; width: 100%;text-align: center;}
.D_li_list dl dt span{ text-align: center; display: block;width: 290px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0 5px; font-size: 14px;}
.D_li_list dl dd { padding: 0 20px; color: #449adc ;  line-height:24px; font-weight: 800;}
.D_li_list dl dd a{ display: block; background: #449adc ; color: #fff; text-align: center; padding: 0px 5px; border-radius: 5px; font-weight: normal; width: 70%; margin: 10px auto;} 
.D_li_list dl dd a:hover{ cursor: pointer; background: #0099f4;}
.D_li_list dl dd p{ font-size: 14px; height: 70px; color: #666; font-weight: normal; line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: center;}

.D_li_list dl:hover dt img{
    -webkit-transform:scale(1.1,1.1);
    　　-moz-transform:scale(1.1,1.1);
    　　-transform:scale(1.1,1.1); 
    　　z-index:9999;}

.D_li_list dl dt{ position: relative;}
.D_li_list dl dt span{ position: absolute; bottom: 0; width: 100%; line-height: 30px;}


    .box{
        content:'';
        position:absolute;
        z-index:2;
        /* transform: rotate(-180deg); */
        -webkit-animation:box 2s infinite ; 
      }
      @-webkit-keyframes box{
        0%{
          top:-30px;;
        }
        
        50%{
          top:-40px;;   
        }
       
        100%{
          top:-30px;;
        }
      }




/* 内页开始 */

/* .bp_box{ padding: 0 0 50px;} */
.bp_box1{ padding: 50px 0;}
.bp_box1 h2{ text-align: center;}
.bp_box1 h2 img{ border-radius: 50%;}
.bp_box1 h2 span{ display: block; color: #333; margin: 20px 0; font-weight: 800; font-size: 24px;}
.bp_box1 h2 span i{ display: block; font-weight: normal; font-size: 14px; margin-top: 20px;}


.bp_box .text_page{ width: 50%; margin: 0 auto;padding-top: 40px;margin-right: 8%;}
.bp_box .text_page h2{ font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.bp_box .text_page p{ margin-bottom: 20px;    line-height: 30px;}

.bp_box .text_page h2 span{ display: block; font-size: 30px; color: #346b7f; font-weight: 800; margin-bottom: 20px;}

.bg_list_ww{ background: #e6e6e6; padding : 15px; margin: 50px auto;}
.bg_list_ww .bg_list{ margin-bottom: 50px;}
.blank1{border: 2px solid #fff;}



/* 产品页 */
.DEVICE_box .about_3{ font-size: 20px; font-weight: 800; margin-bottom: 50px;}
.DEVICE_box{ margin: 50px auto;}
.DEVICE_list dl{ width: 100%; background: #F9F9F9; border-top: 3px solid #346b7f;margin-bottom: 50px;  box-shadow: 0 0 20px rgba(0,0,0,.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.DEVICE_list dl:hover{ box-shadow: 0 0 20px rgba(0,0,0,.5);-moz-box-shadow: 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.DEVICE_list dl dt{ background: #fff; padding: 25px; text-align: center; width: 48%; float: left;}
.DEVICE_list dl dt img{ width: 100%;}
.DEVICE_list dl dt span{ display: block; font-size: 16px; font-weight: 600;margin-top: 15px;}

.DEVICE_list dl dd{ padding: 15px; line-height: 20px; float: right; width: 50%;}
.DEVICE_list dl dd p i{ display: block; font-weight: 600; color: #333; margin: 20px 0;}
.DEVICE_list dl dd p span{margin-left: 40px; display: block; color: #666; font-size: 14px;}



/* 产品详情页 */
.product_detail .about_3 { font-size: 24px; font-weight: normal;}
.product_detail .about_3 i{ display: block; font-weight: normal; font-size: 18px; margin-top: 15px;}

.gb_detail .text_page h2{ font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.gb_detail .text_page p{ margin-bottom: 20px;}
.gb_detail{ margin-bottom: 30px;}



.cont_box{ margin: 50px auto;}
.tabmk{border-bottom: none; text-align: center;}
.tabmk li{ color: #333; float: left;
-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.tabmk li{ cursor: pointer; display: block;width: 25%; height: 40px; border-bottom: 1px solid #55728c; text-align: center;  color: #fff; background:#449adc; display: inline-block;line-height: 40px; font-size: 16px; text-align: center;}
.tabmk li.currentmk{ background: #ff6e63; color: #fff; border-bottom: 1px solid #ff6e63;}


.contentmk{float: right; padding: 30px 18px; height: 750px;}
.top_one p{ font-size: 14px; text-align: center; }
.top_one{ display: none; padding: 20px; line-height: 25px; min-height: 200px;}
.top_one.block{ display: block;}

.top_one p b{ float: left; width: 50%; text-align: right; padding-right: 10px;}
.top_one p i{ float: right; width: 50%; text-align: left;}


.right_li .txt_events i{ text-align: right;}



/* 联系我们 */
.sank dl{ width: 33.33%; float: left; text-align: center;min-height: 120px; margin: 50px 0; background: url(../images/line.jpg) no-repeat center right;}
.sank dl:last-child{ background: none;}
.sank dl dt{ margin-bottom: 35px; height: 35px;}
.sank dl dd i{ display: block; font-weight: 800; font-size: 14px; text-transform:capitalize;}
.sank dl dd i b{text-transform:lowercase;}
.sank dl dd a{ color: #333; font-size: 12px;}


.h2_call{ font-size: 20px; text-align: center; text-transform:uppercase;}
.h2_call span{ width: 50px; height: 2px; background: #2a79c2; display: block; margin:10px auto;}
.blank{ border: 1px solid #e4e4e4; margin: 30px 0 60px;}


.online_ma{ margin-bottom: 50px;}
.p_input { margin-top: 50px;}
.p_input input{ display: inline-block; width: 380px; height: 45px; margin-right: 10px;}
.p_input input{  border: 1px solid #e4e4e4; border-radius: 5px; text-indent: 1em;}
.p_input input:last-child{ margin-right: 0;}

.p4{ width: 100%; border: 1px solid #e4e4e4; border-radius: 5px; margin: 10px 0;padding: 20px;}
.p5{ background: #449adc; border-radius: 5px; width: 150px; height: 50px; margin: 30px auto; border: 0; color: #fff; display: block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.p5:hover{ background: #0099f4;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.online_ma p.p929{font-size: 14px;letter-spacing: 1px;text-justify: auto; text-align: justify;margin: 25px 0;line-height: 25px;}

/* 新增关于我们页面 */

.about_fb{padding: 50px 0;}
.about_fb h2{ font-size: 30px; color: #346b7f; margin: 20px 0; font-weight: 800; text-align: center;}
.about_fb p{ color: #333; font-size: 16px;line-height: 25px; margin-bottom: 20px;}
.about_fb img{   display: block; margin: 0 auto;}

.blank2{border: 1px solid #ccc; margin: 50px 0;}

.box_show{ margin-bottom: 20px;}
.box_show .box_show_1 h2{ font-size: 16px; font-weight: 800; margin: 20px 0; background: #ccc; height: 60px; line-height: 60px;}
.box_show .box_show_1 p{ font-size: 14px;    line-height: 30px;}
.box_show .box_show_1{ float: left; width: 25%; text-align: center;}
.box_show .box_show_1:nth-child(2n) h2{ background: #f6f6f6;}



/* 1019新增 */
.wid_20{ width: 15px; position: relative; top: 3px; right:5px}




/*bottom*/
.bottom{padding:50px  0;color:#999;position:relative;background:#222; text-align: center; z-index: 999999;}
.bottom span i{ display: block; font-size: 18px; text-align: left; font-weight: 800;border-bottom: 1px solid #346b7f;text-transform: uppercase;display: inline;
    padding-bottom: 20px; float: left; position: relative; top: 1px;}


.bottom hr{ border-top: 0;margin-top: 5px; opacity: .3;  margin: 20px auto; width: 940px;}

.er_kk{ background: #333; height: 50px;color: #fff; padding-top: 15px; font-size: 12px; padding:15px 50px; border-top: 1px solid rgba(153, 153, 153, .3); position: relative; z-index: 999999;}
.er_kk i, .er_kk b{ float: left;font-family: system-ui;}
.er_kk b{  width: 30%; text-align: right;}
.er_kk ul{ float: right;}
.er_kk ul li{ float: left;}
.er_kk ul li a{ color: #fff; border-right: 2px solid gray; padding:0 15px; display: block;}
.er_kk ul li a:hover{opacity: .5;}
.er_kk ul li:last-child a{ border-right: 0;}

.a_blue{ color: #fff; font-weight: 400;}
.a_blue:hover{ color: #346b7f;}


.top_on{ position: absolute; top: -30px; left: 48.5%; border: 2px solid #fff; border-radius: 50%; width: 60px; height: 61px;}
.top_on img{ width: 100%;}
.top_on:hover{ cursor: pointer;}

.terme_boxbg{ background: url(../images/bg_2.jpg) repeat; padding: 50px 0;}
.terme_box { padding: 30px 0;text-align: justify;}
.terme_box h2{ font-size: 30px; text-align: center; margin-bottom: 50px; color: #449adc;}
.terme_box p b{ display: block; font-size: 16px; margin: 15px 0; color: #449adc;}
.terme_box p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; color: #666;}


.er_kk i{width: 33%;display: block;}
.er_kk b{ width: 33%; margin-top: -13px;}
.er_kk b a{    width: 30%;
    display: block;
    margin: 0 auto; }
    .er_kk b a img{ width: 100%;}


input,button,select,textarea
{
      outline:none;
      /*-webkit-appearance:none;*/
}
textarea
{
     resize:none;
}
input:-webkit-autofill, 
 textarea:-webkit-autofill, 
 select:-webkit-autofill { 
       -webkit-box-shadow: 0 0 0 1000px white inset; 
}
 input[type=text]:focus, input[type=password]:focus, textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px white inset; 
}
