* { margin: 0; padding: 0 }
img { border: 0; display: block }
body {
    font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #222;
    background: #fff;
}
ul, li { list-style: none; }
a { text-decoration: none; color: #000;transition: all .5s;}
a:hover { color: #000; text-decoration: none;transition: all .5s; }
.box { width: 1200px; margin: auto; overflow: hidden; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
.clear { clear: both; width: 100%; overflow: hidden; }
.graybg { background: url(../image/gray-bg.png) repeat; padding: 0 0 40px 0; overflow: hidden; }
.color-red { color: #d61a1a; text-shadow: #fff 0px 1px 10px; }
.main{ width:1400px; height:auto; background:#0f56dc; border:0px solid #0f56dc; margin: auto;border-radius:15px; padding-top: 40px}
.fl{ float:left}





.main_box{ width:1280px; height: auto; text-align: center;  margin: auto;}
.login_box{ width:1280px; height: auto; text-align: center;  margin-top: 70px;border-radius: 20px; overflow: hidden;box-shadow: 0 14px 5px 0 rgba(0,0,0,0.1)}
.m_title{position:relative; text-align: left; margin: 30px 0;color:#2d4b89; }
.m_title h2{ font-size: 26px; letter-spacing: 5px;font-weight:bold}
.m_title h5{ font-size: 16px;font-weight: normal;color:#666;}

.ulmenu {
    position:absolute;
    right:0;top:15px;
}

    .ulmenu li {
        float: left;
        font-size: 20px;
        padding: 0 20px;
    }

/* 广告切换*/
.slide_about{display: block}
.slide_about .box{ width:760px; height:580px; position:relative; margin: 0; overflow: hidden}
.slide_about .bd{border: 1px solid #D1D1D1}
.slide_about .bd ul{}
.slide_about .bd ul li{ position:relative; }
.slide_about .bd ul li img{ width:100%; }
.slide_about .hd{  margin:0 auto; position:absolute;  bottom:0px; width:100%; background:none; padding:3px 0; }
.slide_about .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.slide_about .hd ul li{ cursor:pointer; display:inline-block;  }
.slide_about .hd ul li a{height:10px; width:10px; margin:6px; display:block;  border-radius: 50%;  background:#D1D1D1; }
.slide_about .hd ul li a:hover{ background:#0e3c9a;  }
.slide_about .hd ul .on a{  background:#0e3c9a;  }


/* 登录框 */
.login{width: 515px;height:580px;background-color: rgba(255,255,255,0.8);backdrop-filter:blur(4px)}
.login .login_tit{font-size:22px; margin: 60px 0; }


.login .login_det{width: 360px;color:#b3b3b3; margin: auto;height: auto;}
.login .login_det input{float:left; background-color: transparent;border: none;outline: none;height: 50px;line-height: 50px;margin: 0 10px 0 40px;width: 290px;font-size: 16px; border-left:1px solid #e8e9f1; padding-left:20px;}
.login .deta{width: 360px;height: 50px;background: url(../image/det1.png) no-repeat 10px #f2f4f9; border: solid 1px #e8e9f1;border-radius: 6px;margin-top:15px;}
.login .detb{width: 360px;height: 50px;background: url("../image/det2.png")no-repeat  10px #f2f4f9; border: solid 1px #e8e9f1;border-radius: 6px;margin-top:15px;}
.login .detc{width: 160px;height: 50px;background: url("../image/det3.png")no-repeat  10px #f2f4f9;border: solid 1px #e8e9f1;border-radius: 6px;margin-top:15px;}
.login .detc input{width:60px;}
.login .detd{width:160px;height: 50px;margin:30px 0 0 20px;}


.login .login_det2{width: 360px;line-height: 100%;margin: auto;font-size: 14px; text-align: left; margin-top: 5px;}
.login .login_det2 label{cursor: pointer;}
.login .login_det2 span{color: #666;font-size: 14px;}
.login .login_det2 input{vertical-align: middle; margin-right:10px; text-align: left}
.login .login_det2 a{float: right;color: #666;font-size: 14px;}
.login .login_det3{width: 360px;line-height: 100%;margin: auto;height: auto;padding:10px 5px;font-size:12px}
.login .login_det3b{ border:0; line-height:20px; padding:5px 40px; background:url(../image/det3.jpg) no-repeat 8px;background-color:#fef2f2; text-align: left; color: #E53437 }
.login .login_det .yzm{width: 100px;}
.login .dl{cursor:pointer; display: block;margin: auto;margin-top: 30px;width: 360px;height: 55px;line-height: 55px;text-align: center;border-radius: 6px;background: #409eff;color: #fff;font-size: 16px;letter-spacing:3px; font-weight:bold}
.login .dl a{color: #fff;}
.login .dl:hover{ background:#1455e6;  }

.login .login_det4{width:360px;line-height: 100%;margin: auto;margin-top:80px; color:#666; text-align:center; font-size:12px;}
.login .login_det4 a{ display:block; width:100px; text-align:center; float:left; color:#666}
.login .login_det4 span{ display:block;width:100px; line-height:30px;}
.login .login_det4 a:hover{filter: brightness(50%);}




.footer {width:100%;line-height: 100%;margin: auto; color:#333; text-align:center; font-size:14px;  position: fixed; bottom: 5%;}

/*header*/
header { height: 90px; width: 100%; z-index: 999999; position: fixed; top: 0; background: rgba(255,255,255,0.7); backdrop-filter:blur(5px); box-shadow: 0 0 3px 1px rgb(0, 0, 0, .1); }
header .box { position: relative }
.logo { float: left; margin-right: 86px; }
.logo img { height: 70px; margin-top: 12px; }
nav li { float: left }
nav li a { padding: 0 18px; color: #333; line-height: 90px; font-size: 16px }
nav li:hover a, nav .on{ color: #045afe; }
/*mnav*/
#mnavh { display: none; width: 40px; height: 60px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #828282; margin-top: 10px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #828282; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #828282; }


/*lodin*/
.btn_login { display: inline-block; padding: 0 25px; font-size: 14px; line-height: 32px; color: #FFFFFF; text-align: center; cursor: pointer; border-radius: 20px; background-color: #056DE8; border-color: #056DE8; margin: 30px 0 0 16px; float: right; }

.btn_reg { display: inline-block; padding: 0 25px; font-size: 14px; line-height: 32px; color: #FFFFFF; text-align: center; cursor: pointer; border-radius: 20px; background-color: #888; border-color: #056DE8; margin: 30px 0 0 16px; float: right; }
.lodin_mb { display: none; height: 100vh; }
.user-login form { background: #fff; padding: 40px; width: 300px; height: 260px; position: absolute; left: 50%; top: 40%; margin-top: -130px; margin-left: -150px; border-radius: 4px; z-index: 10; }
.user-login a.inputsub-dl { color: #fff; background-color: #056de8; width: 100%; margin-top: 30px; display: block; font-size: 18px; line-height: 40px; text-align: center; cursor: pointer; border: 1px solid; border-radius: 3px; }
.go-left2 { background: url(../image/close.png) no-repeat center #000; width: 36px; height: 36px; background-size: 20px; position: absolute; right: -16px; top:-16px; filter: brightness(100); cursor: pointer; border-radius: 50% }
.btn_login.open:after { content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(18,18,18,.65); z-index: 9; }
.lodin_mb a.inputsub-zc { color: #056de8; margin: 0 5px; }
.lodin_mb p { margin-top: 10px; color: #999; }
.lodin_mb h3 { font-size: 20px; margin-bottom: 20px; }
.lodin_mb input.inputText { display: block; border: none; border-bottom: #ddd 1px solid; width: 100%; line-height: 40px; outline: none; color: #8590a6; font-size: 15px; }
.user_bar li { line-height: 36px; text-align: left; }
.user_bar ul { padding: 10px; }
.user_bar:after { content: ""; position: absolute; box-sizing: border-box; width: 16px; height: 16px; margin: -9px; border: 1px solid #ebebeb; border-right: 0; border-bottom: 0; background: #fff; transform: rotate(45deg); top: 0; z-index: 9; }
.user_bar li a { display: block; }
.user_bar li a:hover { color: #056DE8; background: #f6f6f6; z-index: 9999999; }
.user_bar li em { float: left; margin: 8px 10px 0 10px; }
.user_bar li em img { width: 20px; }

/*banner*/
.banner .ad_1{ width: 1920px; height: 622px; background:url("../picture/ad1.jpg");margin-top: 90px;}
.banner .ad_2{ width: 1920px; height: 622px; background:url("../picture/ad2.jpg");margin-top: 90px;}
.banner .ad_3{ width: 1920px; height: 622px; background:url("../picture/ad3.jpg");margin-top: 90px;}
.banner h1{padding: 100px 0 20px 0;color: #FFF; font-size: 42px;}
.banner h3{padding: 20px 0 20px 0;color: #FFF; font-size: 24px;}
.banner p{width:620px;font-size: 18px;padding: 20px 0 80px;line-height:200%;}
.banner a{font-size: 18px; line-height:45px; padding: 8px 60px; border: 1px solid #999; border-radius: 6px; margin: 20px 20px 20px 0; background: #FFF; cursor: pointer}
.banner a:hover{}
.banner a.r1{ background: #045afe;color: #FFF}
/*search*/
.search_bg { border-bottom: #e9e9e9 1px solid; padding: 15px 0;background-color:rgba(255,255,255,0.8) }
.hot_search { font-weight: bold; float: left; width: 60%; line-height: 30px; margin-top: 6px; }
.hot_search a { font-weight: normal; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; background-image: linear-gradient(to left, #cacaca 1px, transparent 1px); background-position: right 0px center; background-repeat: no-repeat; background-size: 5px 76%; }
.hot_search a:last-child { background-image: none; }
.search { width: 30%; float: right }
.search input[type="text"] { outline: none; width: 70%; border: none; border-radius: 6px 0 0 6px; background-color: #f6f6f6; float: left; line-height: 37px; text-indent: 1em; }
.search input[type="submit"] { width: 30%; padding: 0 10px; border: none; border-radius: 0 6px 6px 0; background: url(../image/search.png) no-repeat 20px #045afe; background-size: 18px; color: white; cursor: pointer; float: right; letter-spacing: 10px; text-align: right; font-size: 15px; line-height: 37px; }
/*h_title*/
.h_title { text-align: center; }
.h_title h3 { font-size: 40px; position: relative; margin-bottom: 25px; }
.h_title h3 span { color: #4869a6 }
.h_title p { font-size: 20px; color: #565458; display: block; margin: 10px 0 60px; }

/*pic_v*/
.pic_v { padding: 80px 0 100px; text-align: center}
.pic_v video{ border-radius: 20px;}

/*pic_a*/
.pic_a { padding: 80px 0 100px; text-align: center;background: url(../picture/index_bg1.jpg)}
.pic_a ul { display: flex; flex-wrap: nowrap; justify-content: space-between;padding: 10px; }
.pic_a ul li { width: 23%; position: relative; height: 300px; background: #fff; border-radius: 20px;box-shadow: 0 0 10px rgb(0 0 0 / 5%); }
.pic_a ul li i{text-align: center; vertical-align: middle; display: block;width: 100%}
.pic_a ul li i img{margin:50px auto;transition: .5s;}
.pic_a ul li section { position: absolute; bottom: 0; transition: .5s; width: 100%; border-radius: 20px; }
.pic_a ul li section h4 { font-size: 24px; color: #333; background: rgba(0,0,0,0); padding: 20px 0; text-align: center; position: absolute; bottom: 40px; left: 0; width: 100%; transition: .5s; }
.pic_a ul li section span { padding: 20px; display: block; line-height: 24px; text-align: justify; transition: .5s; position: absolute; font-size: 16px; bottom: -20px; opacity: 0; color: #666;}
.pic_a ul li:hover i img{margin:30px auto 50px auto}
.pic_a ul li:hover span { bottom: 10px; opacity: 1;transition: .5s; }
.pic_a ul li:hover h4 { bottom: 90px;background: none; }


/*pic_b*/
.pic_b { background: #FFF; padding: 60px 0; position: relative; }
.case-list { background: #fff; overflow: hidden; text-align: left; margin-bottom: 50px; }
.case-list-text { width: 50%; }
.case-list .case-list-img:nth-child(1) { float: right; }
.case-list li:nth-child(odd) .case-list-text { float: left; }
.case-list li:nth-child(even) .case-list-text { float: right; }
.case-list-img { width: 50%; float: right; overflow: hidden; border-radius: 20px; }
.case-list-img img { width: 100%; transition: all .5s; }
.case-list li { overflow: hidden; }
.case-list-text h3 { font-size: 22px; font-weight: normal; margin: 80px 0 30px 50px;color: #045afe}
.case-list-text ul { margin: 50px; color: #666; }
.case-list-text ul li{text-indent:0;line-height:30px;font-size: 16px}
.case-list-text ul li::before{content:'•';position:inherit;left:0px;color:blue;font-size:1.2em;line-height:1; margin-right: 10px; }
.case-list-text span {margin: 50px; font-size: 30px; color: #333; border-top: #045afe 3px solid; padding: 20px 0; transition: all .5s;}
.case-list li:hover img { transform: scale(1.1); }
.case-list li:hover span { padding:20px 30px ; border-top: #045afe 3px solid; text-align: left }


.pro_nav { margin-bottom: 40px; }
.pro_nav ul { text-align: center; }
.pro_nav li { width: 10%; text-align: center; display: inline-block; margin: 3px;}
.pro_nav li a { display: block; padding: 10px; background: #dddddd; border-radius: 4px; transition: .5s; color: #333; }
.pro_nav li:hover a { background: #c40000; color: #fff; transform: translateY(-6px) }
.pro_list ul { text-align: center;overflow: hidden; }
.pro_list ul li { width: 33%; display: inline-block;float: left; }
.pro_list ul li a { margin: 10px; display: block; overflow: hidden; border: #e1e0e0 1px solid; border-radius: 8px; position: relative; }
.pro_list ul li i { height: 374px; display: block; width: 100%; }
.pro_list ul li img { width: 100%; transition: .5s; min-height: 100%; }
.pro_list ul li p { position: absolute; bottom: 0; background: rgba(0,0,0,.5); width: 100%; line-height: 65px; font-size: 18px; color: #fff; text-align: left; text-indent: 1em; }
.pro_list ul li p:after { position: absolute; content: "查看更多"; background: rgb(196, 0, 0, .9); right: 0; top: 0; text-indent: initial; padding: 0 20px; font-size: 16px; }
.pro_list ul li:hover i img { transform: scale(1.1); }
.pro_list ul li p span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 65%; display: block; }


/*pic_c*/
.pic_c{ background: url(../picture/index_bg2.jpg); padding: 60px 0; }
.pic_c .box { position: relative; overflow: initial; }
.sl_nav ul { display: flex; flex-wrap: nowrap; justify-content: space-evenly; width: 90%; margin: 0 auto 40px; }
.sl_nav ul li { line-height: 42px; width: 200px; font-size: 16px; border: 1px solid #ebebeb; text-align: center; }
.sl_nav ul li a { display: block; transition: .5s; color: #666; background: #fff;border-radius: 6px; }
.sl_nav ul li a:hover { background: #045afe; color: #FFF; }
.pic_c .sl_list ul { /* overflow: hidden; */ text-align: center; }
.pic_c .sl_list ul li { width: 32%; margin: 0 10px; overflow: hidden; display: inline-block; border-radius: 20px;}
.pic_c .sl_list ul li h4 { font-size: 18px; line-height: 30px; font-weight: bold; margin: 15px 0; }
.pic_c .sl_list ul li p { color: #666; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.pic_c .sl_list ul li a { padding: 15px; margin: 10px; background-color: #fff; border: 1px solid #eee; transition: all .5s; display: block; overflow: hidden;border-radius: 10px; }
.pic_c .sl_list ul li img { width: 100%; }
.pic_c .sl_list ul li span { display: block; width: 100px; margin: auto; margin-top: 20px; margin-bottom: 10px; background-color: #045afe; text-align: center; color: #fff; padding: 10px;border-radius: 6px; }
.pic_c .sl_list ul li:hover a { border: #045afe 1px solid; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.pic_c .sl_list ul li i { width: 100%; height: 230px; display: block; overflow: hidden;border-radius: 6px; }
.pic_c .sl_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.pic_c .sl_list ul li:hover img { transform: scale(1.1); }
.pic_c .hd { overflow: hidden; height: 30px; }
.pic_c .hd ul { overflow: hidden; margin-top: 14px; zoom: 1; }
.pic_c .hd ul li { width: 9px; height: 9px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #ccc; }
.pic_c .hd ul li.on { background-position: 0 0; background: #045afe }
.pic_c a.next { background: url(../image/left.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 50%; margin-top: 50px; left: 0; margin-left: -111px; }
.pic_c a.prev { background: url(../image/right.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 50%; margin-top: 50px; right: 0; margin-right: -100px; }

/*kehu_pic*/
.kehu_pic { padding: 60px 0;}
.kehu_pic ul { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; padding-bottom: 60px; }
.kehu_pic ul li { width: 15%; height: 90px; border: #efefef 1px solid; float: left; margin-bottom: 20px; transition: .5s; background: #fff; overflow: hidden; }
.kehu_pic ul li img { width: 160px; height: 80px; margin: 5px auto; }
.kehu_pic ul li:hover { border: #045afe 1px solid; }



/*news*/
.news { background: url(../image/news_bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; padding: 60px 0 }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
.news_left { width: 20%; float: left; }
#tab { margin: 0 0 100px 0; }
#tab li { font-size: 20px; color: #444; padding-bottom: 5px; margin:20px 0 50px 0; border-bottom: 3px solid transparent; transition: all .5s; cursor: pointer; width: max-content; }
#tab li.tab-current, #tab li:hover { color: #045afe; border-bottom: 3px solid #045afe; padding:5px 20px 5px 20px; }
div#tab-content { width: 80%; overflow: hidden; float: right; }
#tab-content section ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.tab-box ul li { width: 48.5%; margin-bottom: 40px; transition: all .5s; overflow: hidden; float: left; padding-top:10px; }
section.tab-box li a { display: block; margin-left: 30px; overflow: hidden; background: #fff; padding: 40px; height: 120px; border-radius: 6px; }
section.tab-box li h5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; color: #222222; line-height: 30px; transition: all .5s; }
section.tab-box li:hover { transform: translateY(-10px); }
section.tab-box li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #999999; line-height: 24px; margin-top: 13px; transition: all .5s; }
.news_date { margin-right: 44px; float: left; }
.news_date b { font-size: 32px; color: #000000; font-weight: normal; line-height: 40px; transition: all .5s; }
.news_date span { font-size: 15px; color: #888888; line-height: 18px; padding-bottom: 45px; border-bottom: 1px solid #bbbbbb; transition: all .5s; display: block; }
.copyright { font-size: 14px; line-height: 23px; padding-top: 10px; border-top: 1px solid #414141; margin-top: 20px; }
.copyright img { display: inline-block; vertical-align: bottom; margin: 0 5px }
.contact { text-align: center; margin: 30px 0 0; font-size: 13px; }
.contact i { display: inline-block; font-style: normal; }
.contact img { margin: 10px 10px 5px; width: 130px; }

/*service*/
.service { padding: 60px 0; overflow: hidden; }
.h_p { color: #333; font-size: 24px }
ul.pt_use { margin: 60px auto 0; display: flex; justify-content: space-around; }
.pt_use li { width: 30%; margin-bottom: 20px; transition: .5s; min-height: 400px; border: 1px solid #92b8ff; border-radius:20px;box-shadow: 0 0 10px rgb(0 0 0 / 5%);text-align: center; }
.pt_use li a { display: block; position: relative; background: rgba(255,255,255,.2); padding: 30px; color: #333; min-height: 350px; border-radius: 20px; transition: .5s; }
.pt_use li a:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0 }
.pt_use li:hover { transform: translateY(-30px);border-radius:20px; }
.pt_use li i img { width: 100%; min-height: 100% }
.pt_use li:hover a { background: rgba(255,255,255,1); color: #333;border-radius:20px; }
.pt_use li dl { margin-top: 30px; overflow: hidden; margin-bottom: 34px; }
.pt_use li dd { background: url(../image/icon-xz.png) no-repeat left center; background-size: 12px; padding-left: 28px; line-height: 30px; font-size: 20px; margin-right: 30px; font-weight: bold; float: left; margin-left: 21px; }
.pt_use li h1 { font-size: 24px; margin: 0;text-align: left;}
.pt_use li h4 { font-size: 14px; margin: 10px 0 0 0;color: #999; font-weight: normal;text-align: left;}
.pt_use li h3 { font-size: 40px; margin:20px; text-align: center;color:#045afe;display:inline-block;width: 110px}
.pt_use li h5 { font-size: 14px; margin:20px; text-align: left;color:#999999;display:inline}
.pt_use li span {  font-size: 16px;  margin: auto; border: 1px; background: #045afe;color:#FFF;padding: 10px 40px; border-radius: 8px; display: block;width: 80px;margin-top: 20px}

.pt_use li p { font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 10; margin: 0;;text-align: left }

.pt_use .adv ul{min-height: 280px; margin-top: 40px;}
.pt_use .adv li {width: 100%;border: none;margin:0;height: 32px;min-height:32px;box-shadow:none; text-align: left;  }
.pt_use .adv li::before{content:'✔';color:blue;font-size:1.2em;margin-right:0.5em;display:inline-block;width:1em;height:1em; }

/*about*/
.about {  padding: 60px 0; background:#FFF;}
.abox { margin-bottom: 40px;min-height:500px  }
.abox i { float: left; margin: 0 50px 30px 0; width: 500px; height: 500px; overflow: hidden; }
.abox i img { width: 100%; min-height: 100%; }
.abox section {text-align: center}
.abox section h3 { font-size: 36px; margin: 0; margin:0 0 30px 50px;color:#ff5500;text-align:left; display: block}
.abox section h4 { font-size: 24px; margin: 0;margin:0 0 30px 30px;text-align:left }
.abox section h5 { font-size: 14px; margin: 0; margin:0 0 30px 30px;color:#ff5500;text-align:left}
.abox section p { font-size: 16px; line-height: 24px; margin: 20px;text-align:left }
.abox section a#buy { padding: 15px 100px 15px 40px; background: url(../image/jt.png) no-repeat right 40px center #ff5500; background-size: 32px; border: #ccc 1px solid; margin: 20px; display: inline-block; transition: .5s; border-radius: 10px;color: #FFF; font-size: 18px;  }
.abox section a#buy:hover { background: url(../image/jt.png) no-repeat right 10px center #ffb101; background-size: 32px; }
.about .sl_list ul { overflow: hidden; }
.productintro {width:100%;
}
.productintro img{
    width:100%;
}
.about .sl_list ul li {
    width: 20%;
    overflow: hidden;
    display: inline-block;
    float: left;
    text-align: center;
}
.about .sl_list ul li h4 { font-size: 14px; margin: 15px 0; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.about .sl_list ul li p { color: #666; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.about .sl_list ul li a { margin: 5px; background-color: #f2f2f2; border: 1px solid #eee; transition: all .5s; display: block; overflow: hidden;  }
.about .sl_list ul li img { width: 100%; }
.about .sl_list ul li i { width: 100%; height: 150px; display: block; overflow: hidden; }
.about .sl_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.about .sl_list ul li:hover img { transform: scale(1.1); }
.about .hd { overflow: hidden; height: 20px; margin: 20px 0; text-align: center; }
.about .hd ul { overflow: hidden; zoom: 1; text-align: center; }
.about .hd ul li { width: 9px; height: 9px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 15px; text-indent: -999px; cursor: pointer; background: #DDD; float: inherit; }
.about .hd ul li.on { background-position: 0 0; background: #045afe }
a.next { background: url(../image/left.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 72%; left: 0; margin-left: -111px; }
a.prev { background: url(../image/right.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 72%; right: 0; margin-right: -90px; }
.about .box { overflow: inherit; position: relative; }
.about .abpics { position: relative; }
.about .abpics h3 { font-size: 24px; margin-bottom: 27px; }
.about .abin { background: url(../image/yh.png) no-repeat 30px 20px #f2f2f2; background-size: 24px; padding: 40px 80px; margin: 5px 5px 30px; }

.about table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;text-align:left;background-color:#FFF;}
.about th,td{padding:20px 20px;border:1px solid #eee;}
.about tbody td:nth-child(1){background-color:#f3f6f8;color:#777;width: 15%}
.about tbody td:nth-child(3){background-color:#f3f6f8;color:#777;width: 15%}

/*footer*/
footer { padding:  0; }
footer { background: #2d2d2d; color: #bcbcbc; }
.copyright { text-align: center; color: #AAA; background: #2b2b2b; padding: 20px 0; border-top: #494747 1px solid; }
.copyright img { display: inline-block; vertical-align: bottom; margin: 0 5px; }
.copyright a { color: #AAA; }
.copyright a:hover { color: #FFF }
.copyright .company{margin: 0 130px}

/*side_nav*/
.side_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; border-bottom: #ccc 1px solid; }
.side_nav ul li { width: 66px; height: 70px; text-align: center; position: relative; border: #ccc 1px solid; cursor: pointer; background: #ffffff; border-bottom: 0; }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; top: 0px; right: 76px; font-weight: 900; color: #ffffff; z-index: 2; font-size: 14px; display: none; align-items: center; width: 222px; background: #045afe; text-align: left; text-indent: 76px; padding: 14px 0; }
.side_nav ul li:last-child { }
.side_nav ul li:nth-child(3) span { background: url(../image/tell_white.png) no-repeat left 20px center #045afe; background-size: 32px; }
.side_nav li i { display: block; margin: auto; width: 100%; height: 72px; background-size: 26px; filter: grayscale(1); }
i.icon_dh { background: url(../image/i02.png) no-repeat top 15px center; }
i.icon_wx { background: url(../image/i03.png) no-repeat top 15px center; }
i.icon_mp { background: url(../image/i05.png) no-repeat top 15px center; }
i.icon_qq { background: url(../image/i01.png) no-repeat top 14px center; }
i.icon_fh { background: url(../image/i04.png) no-repeat top 15px center; }
.side_nav ul li:hover span { display: block }
.side_nav ul li:hover i{ filter: grayscale(0); }
.side_nav ul li span:after { position: absolute; content: ""; border-width: 8px 0px 8px 8px; border-style: solid; border-color: transparent transparent transparent rgb(5 90 250); border-image: initial; top: 29px; right: -7px; }
.side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px }
.side_nav ul li:nth-child(2) span:after { top: 40% }
.side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; }
.side_nav li p { position: absolute; bottom: 10px; display: block; text-align: center; width: 100%; line-height: 17px; font-size: 12px; }
.side_nav ul li font { display: block; }
.side_nav ul li span font { padding-top: 7px; cursor: pointer; color: #ffffff; font-size: 17px; }
.side_nav ul li span img { width: 100px; margin: auto; }

nav li.selected{
    border-bottom:2px solid #1e9fff;
}
/*list_page*/
.banner2 img {
    width: 100%;
    margin-top: 80px;
}
.weizhi { padding: 20px 0; color: #666; border-bottom: #e9e9e9 1px solid; margin-bottom: 30px }
.weizhi a { color: #666; margin: 0 5px; }
.list_nav { float: left; width: 20%; }
.list_nav h4 { font-size: 24px; background: #045afe; color: #fff; text-align: center; padding: 20px 0; }
.list_nav ul { overflow:hidden }
.list_nav ul li { line-height: 40px; background: #f6f6f6; font-size: 16px; margin-bottom: 1px; text-indent: 4em; }
.list_nav ul li a { display: block; padding: 10px; }
.list_nav ul li:hover { background: #ebebeb; }
.list_nav ul li a#pagecurrent { background: #ebebeb; color: #045afe }
.page_pro_list { float: right; width: 77%; }
.page_pro_list ul { margin-bottom: 40px; overflow:hidden }
.page_pro_list ul li { display: inline-block; float:left; width: 33%; margin-bottom: 20px; overflow: hidden; transition: .5s; }
.page_pro_list li a { display: block; margin: 0 10px; border: #e9e9e9 1px solid; }
.page_pro_list li i { height: 280px; display: block; width: 100%; overflow: hidden; }
.page_pro_list li i img { width: 100%; min-height: 100%; transition: .5s; }
.page_pro_list li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 15px; background: #fff; }
.page_pro_list li:hover img { transform: scale(1.1); }

/*cases*/
.cases { margin-bottom: 80px; }
.cases ul {
    overflow: hidden;
}
.cases ul li {display: inline-block;width: 33%;float: left;}
.cases ul li a { display: block; margin: 20px; overflow: hidden; border: #e1e0e0 1px solid; }
.cases ul li section { padding: 15px 20px; background: url(../image/jt.png) no-repeat right 20px center; background-size: 32px; transition: .5s }
.cases ul li i { height: 260px; width: 100%; display: block; overflow: hidden; position: relative; transition: .5s; }
.cases ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.cases ul li h4 { font-size: 18px; font-weight: normal; margin-bottom: 10px; overflow: hidden; }
.cases ul li p { color: #999;height:103px;overflow:hidden; }
.cases ul li i:after { content: "- 查看详情 -"; width: 100%; height: 100%; background: rgba(0,0,0,.5); bottom: -100%; left: 0; position: absolute; line-height: 260px; text-align: center; color: #fff; transition: .5s; font-style: normal; }
.cases ul li:hover i:after { bottom: 0 }
.cases ul li:hover img { transform: scale(1.1) }
.cases ul li:hover section { background: url(../image/jt.png) no-repeat right 10px center; background-size: 32px; }
.buttons { text-align: center; margin-top: 40px; }
.buttons .btn { display: inline-block; text-align: center; padding: 12px 77px; border-radius: 25px; font-size: 16px; text-decoration: none; margin: 0 20px; transition: .5s; }
.buttons .btn.more-cases { background-color: #eeeeee; color: black; }
.buttons .btn.contact-us { background-color: #c40000; color: white; }
.buttons .btn:hover { transform: translateY(-10px) }


/*navon*/
#navon { text-align: center; }
#navon li { display: inline-block; margin: 0 5px; }
#navon li a { display: block; padding: 10px 15px; background: #dddddd; border-radius: 4px; color: #333; }
#navon li a:hover, #navon li a#navoncurrent { background: #045afe; color: #fff; }
.page .cases { margin-bottom: 40px; }
.news_list { }
.side_right { width: 77%; float: right; }
/*news_list */
.news_list ul { }
.news_list li { margin-bottom: 30px; overflow: hidden; border-bottom: #e9e9e9 1px solid; padding-bottom: 30px; }
.news_list li i { display: block; overflow: hidden; float: left; width: 250px; height: 180px; margin-right: 20px; }
.news_list li img { width: 100%; max-height: 100%;margin-top:10px; transition: .5s; }
.news_list li span.n_date { color: #999; }
.news_list li span.n_more { padding: 6px 40px; float: right; color: #666; transition: .5s; background: #e6e7e5; }
.news_list li h3 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 20px 0; }
.news_list li section { overflow: hidden; }
.news_list li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; margin-bottom: 40px; }
.news_list li:hover img { transform: scale(1.1) }
.news_list li span.n_more:hover { background: #045afe; color: #fff }
h2.page_t { font-size: 24px; margin: 0 0 20px 0; }

.news_list2 {margin-left: 50px;} 
.news_list2 li { line-height: 40px; padding: 10px 10px; border-bottom: #e7e5e5 1px dashed; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;list-style-type:decimal}
.news_list2 li span { float: right; color: #999; font-size: 14px; }

/*contact_us*/
.contact_us {height: 700px;background: url("../picture/index_bg3.jpg") bottom no-repeat;}
.contact_us h2 { font-size: 32px; line-height: 80px; position: relative; padding-left: 30px;font-style: normal; display: block; text-indent: initial;border-bottom: 1px solid #ddd}
.contact_us h2:before { top: 7px }
.contact_us img { float:right; width: 180px; margin: 20px 100px;}
.contact_us p { margin: 20px 0 }
.contact_us a { color: #1049a0; }
.contact_us ul, .contact_us ol { margin: 20px 0 20px 50px; }
.contact_us ul li { margin-top: 3px; line-height: 50px; list-style-type: none; font-size: 18px }
.contact_us blockquote:before { content: ""; background: url(../image/yinhao.png) no-repeat; width: 37px; height: 32px; position: absolute; left: 26px; top: 16px; }

/*news_content*/
.news_content { line-height: 28px; font-size: 16px; text-indent: 2em; }
.news_content h2 { margin: 40px 0 20px 0; }
.news_content h2:before { top: 7px }
.news_content img { max-width: 90% !important; height: auto !important; margin: 20px auto; }
.news_content p { margin: 20px 0 }
.news_content h2 { font-size: 22px; line-height: 40px; position: relative; padding-left: 30px; margin: 20px 0; font-style: normal; display: block; text-indent: initial; }
.news_content a { color: #1049a0; }
.news_content ul, .news_content ol { margin: 20px 0 20px 50px; }
.news_content ul li { margin-top: 3px; line-height: 30px; list-style-type: disc; text-indent: initial; }
.news_content ol li { margin-top: 3px; line-height: 30px; list-style-type: decimal; text-indent: initial; }
.news_content table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; width: 100%; }
.news_content table t { background-color: #fff; }
.news_content table p { margin: 0 0 2px 0; }
.news_content table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.news_content table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }

.gb_info { text-align: center; }
.gb_info h3 { font-size: 30px; font-weight: bold; margin: 40px 0 15px; }
.gb_info p { color: #666; line-height: 24px; }
.gb_info span { color: #045afe; font-weight: bold; }
ul.form-sq { width: 60%; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px; }
ul.form-sq li { margin-bottom: 16px; line-height: 36px; }
ul.form-sq li input { display: block; line-height: 46px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq p { margin-bottom: 30px; text-align: center; font-size: 18px; }
ul.form-sq input[type="submit"] { display: block; margin: 30px auto; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #045afe; color: #fff; border: none; }
li.fh { width: 49%; float: left; }
li.fh:nth-child(3) { float: right; }
.lx_list { margin: 40px 0 20px; text-align: center; }
.lx_list ul { display: flex; justify-content: space-between; }
.lx_list ul li { border: 1px solid #eee; width: 24%; background: #f5f5f5; padding: 20px 0; transition: .5s; }
.lx_list ul li i { margin: 10px auto 20px; display: block; width: 50px; height: 50px; background: #045afe; border-radius: 100%; }
.lx_list ul li img { width: 32px; margin: auto; padding-top: 10px; filter: invert(1); }
.lx_list ul h4 { font-size: 16px; margin-bottom: 12px; }
.lx_list ul p { margin-bottom: 20px; color: #777; }
.lx_list ul li:hover { border-color: #045afe; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.ditu { width: 100%; height: 600px; clear: both; margin: 0 0 40px 0; }
.ditu iframe { display: block; width: 100%; height: 600px; border: 0; }
/*pics_content*/
.pics_content { margin: 20px 0; }
.pics_content ul { overflow: hidden; }
.pics_content ul li { float: left; width: 33%; }
.pics_content ul li a { display: block; margin: 10px; background: #f4f4f4; padding: 10px; overflow: hidden; }
.pics_content ul li i { overflow: hidden; display: block; }
.pics_content ul li img { width: 100%; min-height: 100%; transition: all .5s; }
.pics_content ul li:hover img { transform: scale(1.1) }
.news_info { color: #999; font-size: 14px; line-height: 34px; margin-bottom: 30px; overflow: hidden; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.news_info p { display: inline-block; margin: 0 10px; }
.news_next { overflow: hidden; margin: 30px 0; border: #eceaea 1px solid; padding: 10px; background: #f7f7f7; }
.news_next li { width: 45%; float: left; text-overflow: ellipsis; white-space: nowrap; color: #666; overflow: hidden; font-size: 14px; }
.news_next li:nth-child(2) { float: right; text-align: right; }
.news_next li a { color: #222; }
.news_next li a:hover { color: #045afe; }
.c_title { font-size: 24px; padding: 30px; text-align: center; }
.tags_list { font-size: 14px; overflow: hidden;}
.tags_list a { color: #999; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 0; display: inline-block; border-radius: 2px;}
.tags_list a:hover { background: #f7f7f7; ; color: #333; border: #eceaea 1px solid; }
.box.page_pro .side_right { margin: 0; }
a.btnmore { text-align: center; width: 48%; display: none; color: #fff; }
a.btnmore i { width: 40px; height: 40px; display: block; overflow: hidden; background: #f8bd01; border-radius: 100%; margin: 0 auto 10px; }
a.btnmore i img { width: 32px; margin: 5px auto 0; filter: brightness(10); }



/*product info*/
.show {float: left;width: 300px;}
#showbox { background: #eee; border: #ccc 1px solid; }
#showbox span { background: url(../image/whitebg.png) repeat; }
#showsum {left:15%;margin-top: 10px;}
#showsum span { border: 1px solid #ddd; }
#showsum span.sel {border: 1px solid #045afe;}
.showpage {width: 280px;position: relative;}
.showpage a { display: block; width: 15px; border: 1px solid #ddd; height: 60px; line-height: 60px; background: #eee; text-align: center; font-size: 18px; position: absolute; left: 0; bottom: 0px; text-decoration: none; color: #999; }
.showpage a#shownext { left: auto; right: -22px; }
.showpage a:hover { background: #ccc; color: #777; }
.propar {margin: 0 0 0 335px;overflow: hidden;}
.propar h4.pro_title { font-size: 22px; margin: 13px 0; border-bottom: #ddd 1px solid; padding-bottom: 10px }
.cp_infos { color: #565458; font-size: 15px; line-height: 24px; }
.cp_infos ul { }
.cp_infos ul li { padding-left: 20px; margin-bottom: 10px; position: relative; z-index: -1; }
.cp_infos p { margin: 10px 0 }
.cp_infos ul li:after { content: ""; position: absolute; width: 4px; height: 4px; background: #045afe; left: 5px; top: 12px; margin-top: -2px; }
a.btn_cpzx {background: #045afe; color: #fff;text-align: center;line-height: 40px;font-size: 16px;border-radius: 5px;width: 178px;display: inline-block;}

.btn_buy { margin: 26px 0px; }
.cp_content { border: #ececec 1px solid; margin-top: 30px; }
.cp_title { background: #efefef; line-height: 48px; }
.cp_title h3 { background: #565458; color: #fff; font-size: 20px; padding: 0 40px; display: inline-block; }
.cp_content { padding: 0 20px 20px; }
.cp_content .tags_list { margin: 0 20px 20px; }
.other_pro { margin: 30px 0; border: #ececec 1px solid; }
.other_pro ul li { width: 32%; text-align: center; line-height: 36px; overflow: hidden; }

.other_pro ul { padding: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.other_pro ul li i {overflow: hidden;display: block;height: 270px;}
.other_pro ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.other_pro ul li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #f6f6f6; padding: 0 10px; }
.other_pro ul li:hover img { transform: scale(1.1); }
/*分页*/
.pagination-container {
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 4px;
            margin-right: 5px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            background-color: #eeeeee;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #1f79e7;
        border-color: #1f79e7;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
        border: 0 none;
        float: right;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}