@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Microsoft YaHei', Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }

input, textarea, select, option { background: none; outline: 0; font-family: 'Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }
input { outline: none; font-family:'Microsoft YaHei', Arial, sans-serif;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #0094da; color: #fff; text-shadow: none; }
::selection { background: #0094da; color: #fff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }


html::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
html::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: -webkit-linear-gradient(90deg, #0094da, #006bb3); background: -o-linear-gradient(90deg, #0094da, #006bb3); background: -moz-linear-gradient(90deg, #0094da, #006bb3); background: linear-gradient(90deg, #0094da, #006bb3);}
html::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }

.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1360px; position: relative; margin: 0 auto;}
.container1{ width: 1360px;  margin: 0 auto;}
@media screen and (max-width: 1440px){
    .container{width:96%;}
    .container1{width:96%;}
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-31{padding-bottom: 31%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-62{padding-bottom: 62%;}
.rect-67{padding-bottom: 67%;}
.rect-72{padding-bottom: 72%;}
.rect-100{padding-bottom: 100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* header */
.header{ width: 100%; position: fixed; z-index: 999;top: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; background: #fff;}
.header .logo{ float: left; position: relative; height: 90px; }
.header .logo a{ display: block;}
.header .logo img{ height: 60px; margin: 15px 0;}
.header .NavRight{ float: right;}
.header .NavRight .nav{ float: left;}
.header .NavRight .nav li{ display: inline-block; line-height: 90px;}
.header .NavRight .nav li .sua{ margin: 0 40px; display: block; color: #333; font-size: 17px;  font-weight:  bold;text-transform: uppercase; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; position: relative;}
.header .NavRight .nav li .sua::before{ position: absolute; content: ''; width: 0; height: 3px; display: block; margin: 0 auto; bottom: 5px;  background: #0094da; transition: all .5s ease;}
.header .NavRight .nav li:hover .sua::before{ width: 100%;}
.header .NavRight .nav li.active .sua{ color: #0094da;}
.header .NavRight .nav li.active .sua::before{ width: 100%;}
.header .NavRight .nav li .active{ color: #0094da;}
.header .NavRight .nav li:hover a{ color: #0094da;}
.header .NavRight .nav .sub{position: absolute;z-index: 9999; top: 90px; width: 100%; left: 0; background:#f8f8f8;  display: none;} 
.header .NavRight .nav .sub::after{content: ''; height: 100%; width: calc((100% - 1480px) / 2 + 300px); min-width: calc((100% - 94%) / 2 + 300px); display: inline-block; clear: both; position: absolute;  top: 0px; right: 0px; z-index: 0; background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3);}
.header .NavRight .nav .sub .nav_bt{font-size: 30px; font-weight: bold; line-height: 40px; margin-top: 40px; margin-bottom: 0px;color: #0094da;}
.header .NavRight .nav .sub .nav_nr_lb{ width: 100%; position: relative; display: block; margin-bottom: 40px;}
.header .NavRight .nav .sub .nav_nr_lb .nav_ms{width: 20%; font-size: 15px; line-height: 30px;color: #666;display: inline-block; padding-right: 30px; margin-top: 20px;  height: 180px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; position: relative;}
.header .NavRight .nav .sub .nav_nr_lb .nav_ms::after { position: absolute; content: ''; width: 1px; height: 180px; right: 0; top:0; background: #ddd; z-index: 9;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp{float: right; display: flex;  align-items: center; width: 75%; }
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .navSedUl{padding-right: 0px;padding-bottom: 40px; width: calc((100% - 400px)/1);}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .navSedUl .navSed{width: 50%; float: left; line-height: 40px; position: relative;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .navSedUl .navSed .navSedTitLink{display: inline-block; height: 40px; line-height: 40px; padding: 0px; color: #666; font-size: 16px; font-weight: normal; padding-left: 0px; position: relative; padding-left: 20px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .navSedUl .navSed .navSedTitLink::before{ position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #0094da; top:50%; left: 0; margin-top: -4px;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .navSedUl .navSed .navSedTitLink:hover{ color: #0094da; padding-left: 25px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .nav_tp{margin: 0px; padding: 0px; overflow: hidden; z-index: 999; position: relative;}
.header .NavRight .nav .sub .nav_nr_lb .nav_nr_dp .nav_tp img{ width:100%;}
.header .NavRight .dropdown {position: relative;display: flex; align-items: center; height: 90px;}
.header .NavRight .dropbtn {cursor: pointer;font-size:15px; line-height:18px; color:#333; position: relative; padding: 0 15px 0 25px; }
.header .NavRight .dropbtn:hover{ color: #0094da;}
.header .NavRight .dropbtn::before{ content: ''; position: absolute;width:18px; height:18px; background:url(../img/h_lan.png) no-repeat center}
.header .NavRight .dropbtn span{display:inline-block; vertical-align:middle}
.header .NavRight .dropbtn::before{ content: ''; position: absolute;width:16px; height:16px; background:#0094da url(../img/language_icon_2.gif) no-repeat center; left: 0; top:50%; margin-top: -8px;border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background-size:cover; }
.header .NavRight .dropbtn::after{ position: absolute; content: '';width:7px; height:5px; background:url(../img/h_lan2.png) no-repeat center;right: 0;top: 50%; margin-top: -2.5px;}
.header .NavRight .dropdown-content { display: none;position: absolute;background-color: #f9f9f9;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 100px; z-index: 1; top:68px;left: 50%;  margin-left: -50px; padding: 5px 0; border-radius: 10px; border: 1px solid #e5e5e5;}
.header .NavRight .dropdown-content a { color: black; line-height: 30px; text-align: center; text-decoration: none;display: block;}
.header .NavRight .dropdown a:hover {background-color: #0094da; color: #fff;}
.header .NavRight .show {display:block;}
.header.headroom{transform: translateY(-100%);}

 /* banner */

.banner{ width: 100%; position: relative; height: 100vh; overflow:hidden;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide {position:relative;  display: flex; align-items: center;justify-content: center;}
.banner .swiper-slide>img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;}
.banner .swiper-slide-active>img,.banner .swiper-slide-duplicate-active>img{transition:16s linear;transform:scale(1.2,1.2);}	
.banner .swiper-pagination{bottom:30px !important;}	
.banner .swiper-pagination-bullet{width:30px;height:6px;opacity:1;background:#fff;border-radius:0;}	
.banner .swiper-pagination-bullet-active{background:#0088a8;}
.button-next{
    right: 10px;
    left: auto;
    width: 100px;
    height: 100px;
    background: #000;
    position: absolute;
    top: 50%;
}
.banner .swiper-button-prev, .banner .swiper-button-next {position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; z-index:999;}
.banner .swiper-button-next {left:auto;right:8%;background-position:8px 5px;}
.InJidi{ position: absolute; left: 0; bottom: 0; width: 100%;  background: rgba(0,0,0, 0.2); z-index:99;}
.InJidi .item .Jdit:hover{background: rgba(0,0,0, 0.2);}
.InJidi .item{ width:20%; float: left; position: relative; cursor: pointer;}
.InJidi .item::before{content: ''; position: absolute; width: 1px; height: 80px; right: 0; top: 50%; margin-top: -40px; background: rgba(255,255,255, 0.2);}
.InJidi .item:last-child::before{ display: none;}
.InJidi .item .Jdit{ position: relative;z-index: 1;}
.InJidi .item .Jdit a{ display:block;padding: 20px 4%;}
.InJidi .item .Jdit .Ti{ font-size: 17px;  color: #fff; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center;}
.InJidi .item .Jdit .img{ margin: 0 auto; text-align: center;}
.InJidi .item .Jdit:hover .img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

/* InProduct */
.InProduct{width: 100%; position: relative; padding: 70px 0;  background: #f0f6fc;}
.InProduct .Top .left{ width: 54%; float: left;}
.InProduct .Top .left .Ti{font-size: 38px; font-weight: bold; color: #333; line-height: 1; margin-bottom: 10px;}
.InProduct .Top .left .Tc{font-size: 15px; color: #999; line-height: 28px;}
.InProduct .Top .left .m{width: 140px; height: 45px; background: #0094da; border-radius:22.5px;text-align: center; margin-top: 45px;}
.InProduct .Top .left .m a{font-size: 15px; color: #fff; line-height: 45px; }
.InProduct .Top .left .m span{ width: 13px; height: 13px; background: url(../img/jtm.png) center no-repeat; display: inline-block; margin-left: 6px;}
.InProduct .Top .left .m:hover{ background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3);}
.InProduct .Top .right{ width: 42%; float: right;}
.InProduct .Top .right p{ width: 90%; height: 50px; line-height: 50px; padding: 0 5%; font-size: 16px; color: #fff; margin-bottom: 10px;background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3);}
.InProduct .Top .right li{ width: 49%; margin-right: 2%; margin-bottom: 10px; float: left; text-align: center; position: relative;}
.InProduct .Top .right li:nth-child(2n){ margin-right: 0;}
.InProduct .Top .right li a{ font-size: 16px; color: #333; line-height: 45px; display: block; border: 1px #aaa solid; z-index: 2; position: relative;}
.InProduct .Top .right li::after{content: "";width: 0;height: 100%;background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3); position: absolute;left: 0;bottom: 0;z-index: 0;transition: 0.5s; }
.InProduct .Top .right li:hover::after{ width: 100%;}
.InProduct .Top .right li:hover a{ color: #fff;}
.InProduct .ProList{ width: 100%; position: relative; margin-top: 20px;}
.InProduct .ProList li{ width: 23.875%; float: left; margin-right: 1.5%; position: relative;}
.InProduct .ProList li:last-child{ margin-right: 0;}
.InProduct .ProList li .prot{ position: relative;  border-top-left-radius:10px;border-top-right-radius:10px; border-bottom-left-radius:10px; background: #fff; overflow: hidden;}
.InProduct .ProList li .prot .title{ width: 100%;}
.InProduct .ProList li .prot .title .cover{ padding: 20px 15px;}
.InProduct .ProList li .prot .title .t{ font-size: 22px; line-height: 1.1; color: #333; font-weight: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InProduct .ProList li .prot .title .c{ font-size: 14px; line-height: 1.1; color: #999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 10px; line-height:1.1; height:15px;}
.InProduct .ProList li .proth{position: absolute;  border-top-left-radius:10px;border-top-right-radius:10px; border-bottom-left-radius:10px; background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3); overflow: hidden; top: 3%; width: 94%; left: 3%; opacity: 0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .ProList li .proth .cover{ padding: 45px 15px; background: url(../img/logoh.png) 86% 86% no-repeat;}
.InProduct .ProList li .proth .t{ font-size: 22px;line-height: 1.1; color: #fff; font-weight: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InProduct .ProList li .proth .c{ font-size: 14px; line-height: 28px; color: #ddecf7;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px; height:56px; }
.InProduct .ProList li .proth .m{ margin-top: 60px; width: 130px; height: 40px; text-align: center; position: relative;}
.InProduct .ProList li .proth .m::after{content: "";width: 0;height: 100%;background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3); position: absolute;left: 0;bottom: 0;z-index: 0;transition: 0.5s; }
.InProduct .ProList li .proth .m:hover::after{ width: 100%;}
.InProduct .ProList li .proth .m a{ border: 1px #80c5e8 solid; line-height: 38px; font-size: 14px; color: #cbdff1; display: block; position: relative; z-index: 2;}
.InProduct .ProList li .proth:hover{ opacity: 1;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .ProList li .proth .m:hover{ background: #006bb3;}
.InProduct .ProList li .proth .m:hover a{border: 1px #006bb3 solid;}

.Inhome{ width: 100%; background: url(../img/homecbg.jpg) center no-repeat; padding: 70px 0;}
.Inhome .title{font-size: 38px; font-weight: bold; color: #333; text-align: center; line-height: 1;}
.Inhome .cont{ width: 100%; background: #fff; margin-top: 40px;}
.Inhome .cont .cover{ padding: 40px 30px;}
.Inhome .cont .home_news{ width: 52%; float: left;}
.Inhome .cont .home_news .Top .Ti{ color: #0094da; font-size: 24px; line-height: 1; float: left; font-weight: bold;}
.Inhome .cont .home_news .Top .Tc{ float: right; font-size: 14px; line-height: 24px; color: #999;}
.Inhome .cont .home_news .Top .Tc:hover{color: #0094da;}
.Inhome .cont .home_news .home_list{ position: relative; width: 100%; margin-top: 5px;}
.Inhome .cont .home_news .home_list li{padding: 20px 0; border-bottom: 1px #ccc dashed;}
.Inhome .cont .home_news .home_list li:last-child{ padding-bottom: 0;border-bottom:0;}
.Inhome .cont .home_news .home_list .intro{ width: 85%; float: left;}
.Inhome .cont .home_news .home_list .intro .t a{ font-size: 16px; color: #222;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Inhome .cont .home_news .home_list li:hover .intro .t a{color: #0094da;}
.Inhome .cont .home_news .home_list .intro .c{ font-size: 14px; color: #999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Inhome .cont .home_news .home_list .intro .m{line-height: 1;}
.Inhome .cont .home_news .home_list .intro .m a{ font-size: 13px; color: #ccc;}
.Inhome .cont .home_news .home_list .intro .m a:hover{color: #0094da;}
.Inhome .cont .home_news .home_list .date{ width: 11%; float: right; text-align: center;}
.Inhome .cont .home_news .home_list .date .day{ width: 100%; height: 50px; font-size: 24px; color: #fff; line-height: 50px;background: #b9b9b9;}
.Inhome .cont .home_news .home_list .date .year{ width: 100%; height: 24px; font-size: 14px; color: #fff; line-height: 25px; background: #cbcbcb;}
.Inhome .cont .home_news .home_list li:hover .date .day{ background: #0094da;}
.Inhome .cont .home_news .home_list li:hover .date .year{ background: #048ccc;}
.Inhome .cont .home_about{ width: 45%; float: right;}
.Inhome .cont .home_about .Top .Ti{ color: #0094da; font-size: 24px; line-height: 1; float: left; font-weight: bold;}
.Inhome .cont .home_about .home_abo{ width: 100%; margin-top: 25px; position: relative; background: #f1f1f1;}
.Inhome .cont .home_about .home_abo .img{ width: 100%;}
.Inhome .cont .home_about .home_abo .abo_c{ width: 100%; float: left;font-size: 15px; line-height: 28px; color: #555555;}
.Inhome .cont .home_about .home_abo .abo_c .box{ padding: 20px; }
.Inhome .cont .home_about .home_abo .abo_c a{ color: #0094da;}
.Inhome .cont .home_about .home_abo .abo_c a:hover{ color: #025e8a;}

.home_slogan{ width: 100%; padding:60px 0; background: url(../img/serv_bj.jpg) center no-repeat; text-align: center;}
.home_slogan .Ti{ font-size: 34px; color: #fff; font-weight: bold;}
.home_slogan .Tc{ font-size: 20px; color: #fff; font-weight: bold;}


.nybanner{width: 100%; height:520px;  text-align: center; color: #fff;  box-sizing: border-box; background-repeat: no-repeat; overflow: hidden; position: relative;}
.nybanner .bg{width: 100%; height: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .7s;}
.nybanner .main_con{position: absolute; top: 170px; width: 100%;}
.nybanner .main_con .tit-50{ font-size: 50px; line-height: 1.6;}
.nybanner .main_con .tit-20{line-height: 1.6;font-size: 20px;}

.page_nav{ position: relative;}
.page_nav .navList{background-color: #fff; width: 1360px; height: 80px; margin-top: -40px; position: relative; box-shadow: 0 0 1rem rgba(7, 51, 61, 0.5); font-size: 0; z-index: 80; text-align: center;  transition: all 0.4s; left: 50%; transform: translateX(-50%);}
.page_nav .navList li{display: inline-block; margin: 0; height: 80px; line-height: 80px; text-align: center; color: #333333; position: relative;width: auto;vertical-align: top;}
.page_nav .navList li::before{content: ""; position: absolute; height: 2px; width: 0; left: 35%; bottom: 0; background-color: #0094da; transition: all 0.4s;}
.page_nav .navList li.select::before,.page_nav .navList li:hover::before{ width: 30%;}
.page_nav .navList li a{position: relative;font-size: 17px;line-height: 80px;padding: 0 70px;color: #333;display: block;transition: all 0.4s;} 
.page_nav .navList li:hover a,.page_nav .navList li.select a{ color: #0094da;}
.page_nav .navList li::after{content: ""; position: absolute; width: 1px; height: 40%; right: 0; top: 30%; background-color: #eee;}
.page_nav .navList li:last-child::after{ display: none;}
.page_nav .navList.scroll{ position: fixed; width: 100%; top: 40px;  z-index: 40; transition: all 0.4s;}
.page_nav .navList1{background-color: #fff; width: 1360px; height: 80px; margin-top: -40px; position: relative; box-shadow: 0 0 1rem rgba(7, 51, 61, 0.5); font-size: 0; z-index: 80; text-align: center;  transition: all 0.4s; left: 50%; transform: translateX(-50%);}
.page_nav .navList1 li{display: inline-block; margin: 0; height: 80px; line-height: 80px; text-align: center; color: #333333; position: relative;width: auto;vertical-align: top;}
.page_nav .navList1 li::before{content: ""; position: absolute; height: 2px; width: 0; left: 35%; bottom: 0; background-color: #0094da; transition: all 0.4s;}
.page_nav .navList1 li.select::before,.page_nav .navList1 li:hover::before{ width: 30%;}
.page_nav .navList1 li a{position: relative;font-size: 17px;line-height: 80px;padding: 0 35px;color: #333;display: block;transition: all 0.4s;} 
.page_nav .navList1 li:hover a,.page_nav .navList1 li.select a{ color: #0094da;}
.page_nav .navList1 li::after{content: ""; position: absolute; width: 1px; height: 40%; right: 0; top: 30%; background-color: #eee;}
.page_nav .navList1 li:last-child::after{ display: none;}
.page_nav .navList1.scroll{ position: fixed; width: 100%; top: 40px;  z-index: 40; transition: all 0.4s;}

.img-cover{background-size: cover; background-position: center center;  background-repeat: no-repeat;}

.about_a{padding-top: 120px; padding-bottom: 80px; margin-top: -40px; position: relative;}
.about_a .left{ width: 48%; float: left;}
.about_a .left .tit-42{ font-size: 42px; color: #333;}
.about_a .left .tit-con{ font-size: 16px; line-height: 30px;  width: 100%; padding-right: 5px; height: 490px; overflow: auto;}
.about_a .left .tit-con::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
.about_a .left .tit-con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353; }
.about_a .left .tit-con::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }
.about_a .right{ width: 49%; float: right; margin-top: 75px;}
.about_a .number{width: 100%; position: relative; margin-top: 40px;  background: rgba(255,255,255,0.4); box-shadow: 0 0 10px #ddd; }
.about_a .number .item{ width: 33.333%; float: left;position: relative; text-align: center; }
.about_a .number .cover{padding: 35px 0;}
.about_a .number .item::before{ content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background: #ddd;}
.about_a .number .item:last-child::before{ display: none;}
.about_a .number .item .T .math{ font-size: 56px; font-weight: bold; color: #0094da; line-height: 1.2;}
.about_a .number .item .T span{ font-size: 24px; font-weight: bold;color: #999;}
.about_a .number .item .c{ font-size: 15px; color: #333;}


.about_b{ width: 100%; position: relative; padding: 80px 0;}
.about_b .tit-42{ font-size: 42px; color: #333; text-align: center;}
.about_b .about_b_c{ position: relative; margin-top: 40px;}
.about_b .about_b_c li{width: 49%; margin-right: 2%;float: left;height: 270px; margin-bottom: 25px;}
.about_b .about_b_c li:nth-child(2n){ margin-right: 0;}
.about_b .about_b_c li .left{width: 50%; height: 100%; float: left;}
.about_b .about_b_c li .right{width: 50%; height: 100%; float: left;background-color: #f5f5f5;display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center;}
.about_b .about_b_c li .right .tit-24{ font-size: 24px; color: #333; line-height: 1.8;}
.about_b .about_b_c li .right .tit-16{ font-size: 16px; text-align: center; color: #666; padding:0 6%; width:100;box-sizing:border-box;}
.bg {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about_h{padding-top: 120px; padding-bottom: 80px; margin-top: -40px; position: relative;}
.about_h .list-honor{ position: relative;}
.about_h .list-honor .item{ width: 24.1%; float: left; margin-right: 1%; cursor: pointer; margin-bottom:15px;}
.about_h .list-honor .item:nth-child(4n){ margin-right: 0;}
.about_h .list-honor .item .cover{ padding: 3px;border: 1px #ddd solid;}
.about_h .list-honor .item p{ font-size: 15px; line-height: 50px; background: #f9f9f9; color: #333; text-align: center;}
.about_h .list-honor .item:hover p{ background: #0094da; color: #fff;}
.about_h .list-honor .item:hover .cover{border: 1px #0094da solid; background: #0094da;}



.PageNews{ width: 100%; position: relative;padding-top: 120px; padding-bottom: 80px; margin-top: -40px; background: #f6f6f6;}
.News_his { overflow:hidden;margin-bottom: 20px; background: #fff; }
.News_his:hover{box-shadow: 0 0 20px #ccc;}
.News_his a{display: block; padding: 30px;}
.News_his ._img { width:40%; float:left; margin-right:40px; position: relative; overflow: hidden; }
.News_his ._img img{ transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.News_his:hover ._img img{transform: scaleX(1.1) scaleY(1.1);}
.News_his ._intro { overflow:hidden; margin-top: 30px;}
.News_his ._title { display:block;line-height:32px; font-size:24px; font-weight:normal; margin-bottom:13px; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.News_his ._info { height:20px; line-height:20px; color:#999; margin-top:80px;font-size:16px; }
.News_his ._text { line-height:30px; height:120px; overflow:hidden; font-size:15px; color: #606060;}
.News_his ._more { display:inline-block; white-space:nowrap; width:auto; height:32px; line-height:32px; background-color:#0094da; color:#fff; padding:0 20px; }
.News_his:hover ._title{ color:#0094da; }
.PageNews .NewsList{ width: 100%; position: relative;}
.PageNews .NewsList li{ width: 49%; float: left;  margin-right: 2%; margin-bottom: 25px;}
.PageNews .NewsList li:hover{ box-shadow: 0 0 20px #ccc;}
.PageNews .NewsList li:nth-child(2n){ margin-right: 0;}
.PageNews .NewsList li a{ display: block; background: #fff; padding: 30px 4%; position: relative; }
.PageNews .NewsList li a:before{content: "";width: 0%;height: 4px;background: #0094da; position: absolute;left: 0;bottom: 0;z-index: 1;transition: 0.5s;}
.PageNews .NewsList li a:hover:before{ width: 100%;}
.PageNews .NewsList li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #0094da; position: relative; z-index:9;}
.PageNews .NewsList li .news_text{margin-top: 11px; position: relative; z-index:9;}
.PageNews .NewsList li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width:22%; margin: 0 20px 0 0;}
.PageNews .NewsList li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .NewsList li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold;  transition: 0.35s;}
.PageNews .NewsList li .news_fix p{ color: #666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList li .news_more{ width: 55px; height: 55px; background: #0094da; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.PageNews .NewsList li .news_more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews .NewsList li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .NewsList li a:hover .news_fix h3{ color: #0094da;}
.PageNews .NewsList li a:hover .news_more{ background: #0094da;}
.PageNews .NewsList li a:hover .news_more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.PageNews .Newslist{ width: 69.91%;}
.PageNews .Newslistbg{ padding: 5%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #0094da; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px 38px 23px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff; margin-bottom: 30px;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#0094da;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#0094da;}
.news_pages{ width:100%; margin:40px auto 0;border-top:dashed 1px #999; padding-top: 15px;}
.news_pages .pages_l{ float:left; width:100%; height:35px;}
.news_pages .pages_l a{ line-height:35px; color:#666;display:block; font-size: 14px; display: inline-block;}
.news_pages .pages_l:hover a{ color:#0094da;}
.news_pages .pages_r{ float:left; width:100%; height:35px; }
.news_pages .pages_r a{ line-height:35px; color:#666;display:block; font-size: 14px;display: inline-block;}
.news_pages .pages_r:hover a{ color:#0094da;}

.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}
table{border-collapse:collapse;width:100%;}
table,tr{ font-size: 16px; color: #444; }
table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}

.network{width: 100%; position: relative;padding-top: 120px; padding-bottom: 80px; margin-top: -40px; background: #f6f6f6;}
.network .net-box{padding: 2%; border: 1px solid #DCDCDC; overflow: hidden; background-color: #FFFFFF; margin-bottom: 1%;}
.network .net-box .net-pic{float: left; width: 36%;}
.network .net-box .net-intro {width: 60%; float: right; padding-top: 1%;}
.network .net-box:nth-child(2n) .net-pic{ float: right;}
.network .net-box:nth-child(2n) .net-intro{ float: left;}
.network .net-box .net-intro .net-tit{ font-size: 24px; color: #333;}
.network .net-box .net-intro .net-cont{ font-size: 15px; line-height: 1.8; color: #666;margin: 4% 0 8%;}
.network .net-box .net-intro .net-more{width: 145px; height: 45px; text-align: center; background: #0094da; display: flex; align-items: center; position: relative;  justify-content: space-around;  padding-left: 2%; transition: all 0.2s;}
.network .net-box .net-intro .net-more::before{content: "";width: 0%;height: 100%;background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3); position: absolute;left: 0;bottom: 0;z-index: 0;transition: 0.5s;}
.network .net-box .net-intro .net-more:hover::before{ width: 100%;}
.network .net-box .net-intro .net-more span { color: #FFFFFF; position: relative;z-index: 2;}
.network .net-box .net-intro .net-more svg {width: 12px; height: 12px; fill: #FFFFFF;position: relative;z-index: 2;}
.network .net-box .cat-tit{font-size: 28px; text-align: center; font-weight: bold;}
.network .net-box .con{ margin-top: 20px; font-size:15px; color:#333; line-height:30px;}
.network .net-box .con img{ max-width:100%; margin:5px 0;}

.hotline{width: 100%; position: relative;padding-top: 80px; padding-bottom: 80px; }
.hotline .hot_map{ width: 42%; float: left; height: 467px; border: 2px #ddd solid}
.hotline .hot_map img{width:100%; height:100%; object-fit:cover;}
.hotline .hotline-rg { width: 55%; display: flex; flex-direction: column; /* align-items: center; */ justify-content: space-between; float: right;}
.hotline .hotline-rg .horline{display:flex; justify-content:space-between;}
.hotline .hotline-rg .horline .ewm img{ height:100px; border:1px #ccc solid}
.hotline .hotline-rg .horline .ewm p{text-align:center; font-size:15px; color:#333333; font-weight:bold;}
.hotline .hotline-rg .hotline-rg-tit{ font-size: 30px; color: #333; font-weight: bold; line-height:1;}
.hotline .hotline-rg .hotline-rg-cont{ margin-top:10px; font-size: 17px; color: #666;}
.hotline .hotline-rg .hotline-box{ display: flex;flex-wrap: wrap; margin-top: 20px;}
.hotline .hotline-rg .hotline-list { width: calc((100% - 20px)/2);  margin-right: 20px; margin-bottom:20px;  border: 1px solid rgb(204, 204, 204); padding: 15px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start;}
.hotline .hotline-rg .hotline-list:nth-child(2n){ margin-right: 0;}
.hotline .hotline-rg .hotline-list:last-child{ width:100%; margin-right:0; margin-bottom:0;}
.hotline .hotline-rg .hotline-list .hotline-list-pic { display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.hotline .hotline-rg .hotline-list .hotline-list-box { display: inline-block; flex-direction: column; justify-content: center; }
.hotline .hotline-rg .hotline-list .hotline-list-box .hotline-list-tit{ font-size: 15px; color: #b6b6b6;}
.hotline .hotline-rg .hotline-list .hotline-list-box .hotline-list-cont{ font-size: 18px; color: #333; line-height: 1.8;}
.mess h2 {font-size: 36px;text-align: center;line-height: 120px; color: #333;}
.mess .right{ float: right;width: 100%;overflow: hidden; display: block;}
.mess .right div{float: left;width: 48%;overflow: hidden;margin-bottom: 3%;margin-left: 1%;}
.mess .right div input{display: block;background: #eee;width: 100%;line-height: 40px; height:40px; border: 0;padding-left: 1em;font-size: 14px;}
.mess .right label{ }
.mess .right .input-tj{ margin-bottom: 0;}
.mess .right #Textbox-1{}
.mess .right #TJ5,.page-contact .right #TJ6{ width:47%;border:0; background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.mess .right option{}
.mess .right #TJ7{ border: 0;display: block;width: 96%;margin-bottom: 4%; height: 180px; font-size: 14px;   padding-left: 1em;background: #eee;line-height: 2em;margin-left: 1%;}
.mess .right #button1{ line-height: 40px; width: 20%; float: left; cursor:pointer;margin-right: 5%; border: 0;  background: #eee;}
.mess .right #button2{ width: 20%; float: left; cursor:pointer;border: 0;background: #eee;}
.mess .right #button1:hover {background: #0094da;color:#fff;}
.mess .right #button2:hover {background: #0094da;color:#fff;}


.his_zw{width: 100%; position: relative;padding-top: 80px; padding-bottom: 80px; margin-top: -40px; }
.his_zw .tit{ font-size: 42px; color: #333; text-align: center; margin-bottom: 30px;}
.his_zw .con{ font-size:18px; line-height:2.2; color:#333; text-align:center;}

.his_a{width: 100%; position: relative;padding-top: 70px; padding-bottom: 70px; background: #f6f6f6;}
.his_a .tit{ font-size: 42px; color: #333; text-align: center; margin-bottom: 30px; line-height:1.1}
.his_a .his_list{width: 100%; position: relative; padding: 40px 0;}
.his_a .his_list:after {content: "";width: 24px; height: 12px;background: url(../img/hjt.png);top: -10px; left: 50%; margin-left: -12px;position: absolute;}
.his_a .his_list:before {content: ""; width: 24px;height: 12px; background: url(../img/hjt.png);bottom: -.5rem; left: 50%; margin-left: -12px; transform: rotate(180deg); position: absolute;}
.his_a .his_list ul li { width: 100%; position: relative; margin-bottom: 70px; z-index: 2;}
.his_a .his_list ul li .left{ width: 40%; height: 100%; float: left;text-align: right;margin-right: 10%; font-size: 30px; color: #0094da; font-weight: bold;}
.his_a .his_list ul li:nth-child(2n) .left{ float: right;text-align: left;margin-left: 10%; margin-right: 0;}
.his_a .his_list ul li:nth-child(2n) .right{ float: left;}
.his_a .his_list ul li:nth-child(2n) .right .bot{ display: none;}
.his_a .his_list ul li:nth-child(2n) .right .bot1 { width: 30px; height: 30px; background-color: #fff;border-radius: 50%; position: absolute;right: -15px;top: 16%;z-index: 5;}
.his_a .his_list ul li:nth-child(2n) .right .bot1:before {content: "";width: 102px; height: 2px; background-color: #949494;right: 30px;top: 50%; position: absolute; margin-top: -1px;}
.his_a .his_list ul li:nth-child(2n) .right .bot1:after { content: ""; width: 15px; height: 15px; background-color: #949494; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -7.5px; margin-left: -7.5px; left: 50%; z-index: 22;}
.his_a .his_list ul li .right { width: 50%; height: 100%; float: right; position: relative;}
.his_a .his_list ul li .right .bot { width: 30px; height: 30px; background-color: #fff;border-radius: 50%; position: absolute;left: -15px;top: 16%;z-index: 5;}
.his_a .his_list ul li .right .bot:before {content: "";width: 102px; height: 2px; background-color: #949494;left: 30px;top: 50%; position: absolute; margin-top: -1px;}
.his_a .his_list ul li .right .bot:after { content: ""; width: 15px; height: 15px; background-color: #949494; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -7.5px; margin-left: -7.5px; left: 50%; z-index: 22;}
.his_a .his_list ul li .right .con{ font-size: 17px; line-height: 1.8; color: #333; margin-left: 140px;}
.his_a .his_list .line {position: absolute;width: 6px; height: calc(100% - 2rem);background-color: #949494; left: 50%;margin-left: -3px; border-radius: 5px; top: 50%; transform: translateY(-50%);}
.his_a .his_list ul li:hover .right .con{color: #0094da;}
.his_a .his_list ul li:hover .right .bot:before,.his_a .his_list ul li:hover .right .bot1:before{ background: #0094da;}
.his_a .his_list ul li:hover .right .bot:after,.his_a .his_list ul li:hover .right .bot1:after{ background: #0094da;}



.technology{width: 100%; position: relative;padding-top: 80px; padding-bottom: 80px;  background: #f6f6f6;}
.technology .left{ float: left; width: 35%;}
.technology .right{ width: 60%; float: right;}
.technology .right .tit{ font-size: 36px;color: #333; font-weight: bold;  line-height: 1;}
.technology .right .con{font-size: 16px;line-height: 30px; color: #666; margin-top: 30px;}

.laboratory{width: 100%; position: relative; padding: 80px 0;}
.laboratory .tit{font-size: 36px;color: #333; font-weight: bold;  line-height: 1;text-align: center;}
.laboratory .con{font-size: 16px;line-height: 30px; color: #666; margin-top: 15px; text-align: center;}
.lbcanl{ position:relative;height:870px;}
.lmoml{ width:410px; position:absolute;}
.lmoml .pic{ overflow:hidden;}
.lmoml .pic img{ transition:all 0.5s ease;}
.lmoml .tit{ line-height:45px; border-bottom:1px solid #ccd6e3; font-weight:bold; text-transform:uppercase; color:#e8e8e8; text-align: left;}
.lmoml .tit strong{ color:#0094da; font-size:20px; margin-right:10px;}
.lmoml .pic{ margin-top:10px;}
.lmoml .olac{ color:#666; line-height:1.8; margin-top:10px; font-size: 16px;}
.lmoml.ab01{ left:0; top:0;}
.lmoml.ab02{ right:0; top:0;}
.lmoml.ab03{ left:0; bottom:196px;}
.lmoml.ab04{ right:0; bottom:196px;}
.lmoml.ab05{ left:50%; margin-left:-205px;bottom:0;}
.mid-scol{ width:424px; height:424px; position: absolute; left:50%; top:33%; transform:translate(-50%,-50%);}
.scol02{ position:absolute; left:0; top:0;}
.scol01{ transform:rotate(0); transition:all 0.5s ease;}
.scol01.ad0{ transform:rotate(45deg); transition:all 0.5s ease;}
.scol01.ad1{ transform:rotate(135deg); transition:all 0.5s ease;}
.scol01.ad2{ transform:rotate(315deg); transition:all 0.5s ease;}
.scol01.ad3{ transform:rotate(225deg); transition:all 0.5s ease;}
.lawplex{ position: relative; width: 100%; padding: 60px 0; background: #f7f7f7;}
.lawplex .tit{font-size: 36px;color: #333; font-weight: bold;  line-height: 1;text-align: center;}
.lawplex .con{font-size: 16px;line-height: 30px; color: #666; margin: 15px auto 0; text-align: center; width: 80%;}
.lawplex .pic{width:100%; position:relative; margin-top: 30px;}
.lawplex .pic li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 1%;}
.lawplex .pic li:nth-child(4n){ margin-right: 0;}
.lawplex .pic li .img{position: relative; overflow: inherit; border: 2px #EBF4F6 solid;transition: 0.3s all ease; }
.lawplex .pic li:hover .img{border: 2px #0094da solid;}
.lawplex .pic li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.lawplex .pic li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.lawplex .pic li p{ background: rgba(0,0,0, 0.5); line-height: 40px; text-align: center; color: #fff; transition: 0.3s all ease; font-size: 16px; position: absolute; width: 100%; bottom: 0;}



.job_a{width: 100%; position: relative;padding-top: 120px; padding-bottom: 80px; margin-top: -40px; background: #f6f6f6;}
.job_a .career{ background: url(../img/job_img.jpg) top center no-repeat; height:355px;}
.job_a .career .words{ padding: 50px 0;}
.job_a .career .tit{font-size: 42px; color: #fff; text-align: center; margin-bottom: 30px;}
.job_a .career .wen{ font-size: 16px; color: #fff; line-height: 30px; width: 70%; margin: 0 auto;}
.job_b{width: 100%; position: relative;padding-top: 80px; padding-bottom: 80px;}
.job_b .tit{font-size: 42px; color: #333; text-align: center; margin-bottom: 30px;    line-height: 1;}
.job_b .joblist{ width: 100%; position: relative; }
.job_b .joblist .list_dl{ margin-bottom: 20px;}
.job_b .joblist .list_dl:hover{ box-shadow: 0 0 20px #ccc;}
.job_b .joblist .list_dt{border: 1px solid rgb(229, 229, 229); display: flex; align-items: center; justify-content: space-between;  cursor: pointer;}
.job_b .joblist .list_dt .job-head-top{ border-right: 1px solid rgb(229, 229, 229);padding-left: 2%; width: 97%;}
.job_b .joblist .list_dt .job-head-top .job-tit { padding: 1.5% 0; position: relative; width: 100%; border-bottom: 1px solid rgb(229, 229, 229); color: #333; font-weight: bold;}
.job_b .joblist .list_dt .job-head-top .job-req { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 1.5% 0;}
.job_b .joblist .list_dt .job-head-top .job-req p {width: 33.3%; font-size: 15px;}
.job_b .joblist .list_dt .job-icon { width: 7%; display: flex; align-items: center;justify-content: center;transition: all 0.5s ease;}
.job_b .joblist .list_dt .job-icon svg{ width: 17px; height: 17px; fill: rgb(153, 153, 153);}
.job_b .joblist .list_dt#open .job-icon{transform: rotate(45deg);transition: all 0.5s ease;}
.job_b .joblist .list_dt#open .job-icon svg,.job_b .joblist .list_dt:hover .job-icon svg{ fill: rgb(0, 148, 218);}
.job_b .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f5f5f5;}
.job_b .m{width: 140px; height: 45px; background: #0094da; border-radius:22.5px;text-align: center; margin:45px auto 0;}
.job_b .m a{font-size: 15px; color: #fff; line-height: 45px; }
.job_b .m span{ width: 13px; height: 13px; background: url(../img/jtm.png) center no-repeat; display: inline-block; margin-left: 6px;}
.job_b .m:hover{ background: -webkit-linear-gradient(120deg, #0094da, #006bb3); background: -o-linear-gradient(120deg, #0094da, #006bb3); background: -moz-linear-gradient(120deg, #0094da, #006bb3); background: linear-gradient(120deg, #0094da, #006bb3);}
.PageNews .Prolistc01{width: 27.75%;  background-color: #fff;}
.PageNews .Prolistc01 .Pages1{ width:90%; padding: 5%; margin-bottom: 30px;}
.PageNews .Prolistc01 .Pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.PageNews .Prolistc01 .Pages1_l p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.PageNews .Prolistc01 .Pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.PageNews .Prolistc01 .Pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.PageNews .Prolistc01 .Pages1_l:hover a{ color:#0094da;}
.PageNews .Prolistc01 .Pages1_r{ float:left; width:100%; }
.PageNews .Prolistc01 .Pages1_r p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.PageNews .Prolistc01 .Pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.PageNews .Prolistc01 .Pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.PageNews .Prolistc01 .Pages1_r:hover a{ color:#0094da;}




.page_product{ width: 100%;position: relative;padding-top: 120px; padding-bottom: 80px; margin-top: -40px; background: #f6f6f6;}
.page_product .Prolistb{width:100%; position:relative; }
.page_product .Prolistb li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.page_product .Prolistb li:nth-child(4n){ margin-right: 0;}
.page_product .Prolistb li .img{position: relative; overflow: inherit; border: 2px #fff solid;transition: 0.3s all ease; }
.page_product .Prolistb li:hover .img{border: 2px #0094da solid;}
.page_product .Prolistb li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.page_product .Prolistb li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_product .Prolistb li p{ background:#fff; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.page_product .Prolistb li:hover p{ background: #0094da; color: #fff;}
.page_product .Prolistc{ width: 69.91%;}
.page_product .Prolistbg{ padding: 5%; background: #fff;}
.page_product .Prolistc .left{width: 48%;float: left; position: relative; margin-right: 2.5%;}
.page_product .Prolistc .picFocus{ float:left;  width:100%;  position:relative;  overflow:hidden;  zoom:1;   }
.page_product .Prolistc .picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.page_product .Prolistc .picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.page_product .Prolistc .picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 18.4%;}
.page_product .Prolistc .picFocus .hd ul li:nth-child(5n){ margin-right: 0;}
.page_product .Prolistc .picFocus .hd ul li span{border:2px solid #ddd;}
.page_product .Prolistc .picFocus .hd ul li img{ width:100%;  cursor:pointer; margin-right:8px; display:  block;  }
.page_product .Prolistc .picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.page_product .Prolistc .picFocus .hd ul li.on span{ border-color:#0094da;  }
.page_product .Prolistc .picFocus .bd li{ vertical-align:middle; }
.page_product .Prolistc .picFocus .bd img{ width:100%; display: flex;}
.page_product .Prolistc .picFocus .bd li span{border:1px solid #ddd; width: 99%;}
.page_product .Prolistc .picFocus .prev{ position:absolute; left:0; width: 16px; height: 27px; bottom:10px; background: url(../img/pro_left.png) center no-repeat;}
.page_product .Prolistc .picFocus .next{ position:absolute; right:0; width: 16px; height: 27px; bottom:10px;background: url(../img/pro_right.png) center no-repeat;}
.page_product .Prolistc .picFocus .prev:hover{background: url(../img/pro_lefth.png) center no-repeat;}
.page_product .Prolistc .picFocus .next:hover{background: url(../img/pro_righth.png) center no-repeat;}
.page_product .Prolistc .right{width: 48%; float:right ;}
.page_product .Prolistc .right .title{ font-size: 28px; font-weight: bold;  color: #333;border-bottom: 1px #ddd solid;}
.page_product .Prolistc .right .dos{ font-size: 15px; line-height: 30px; color: #666; height:150px; margin-top: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.page_product .Prolistc .right .btn{padding-left:0; box-shadow:none; margin-top:60px;}
.page_product .Prolistc .right .btn .icon{width:28px; height:23px; background:url(../img/proDetail01.png) no-repeat left; display:inline-block; position:relative; top:5px; margin-right:10px;}
.page_product .Prolistc .right .btn>a{display:inline-block; background:#facd00; transition:.3s ease; font-size:18px; color:#fff; font-weight:bold; line-height:33px; padding:10px 25px;}
.page_product .Prolistc .right .btn>a.order:hover{background:#fabc00;}
.page_product .Prolistc .right .btn .tel .icon{background-position:-28px 0;}
.page_product .Prolistc .right .btn .tel{ background:#0493db; color:#fff;}
.page_product .Prolistc .right .btn .tel:hover{background:#038dcc;}
.page_product .Prolistc .detailbox01{border-top: 1px #ddd solid; margin-top: 30px; font-size: 16px; line-height: 30px; color: #333; background: #fff; padding-top: 20px;}
.page_product .Prolistc .detailbox01 img{ max-width: 100%;}
.page_product .Prolistc .detailbox01 table{border-collapse:collapse;width:100%;}
.page_product .Prolistc .detailbox01 table,tr{ font-size: 16px; color: #444; }
.page_product .Prolistc .detailbox01 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}
.page_product .Prolistc01{width: 27.75%;  background-color: #fff;}
.page_product .Prolistc01 .Pages1{ width:90%; padding: 5%; margin-bottom: 30px;}
.page_product .Prolistc01 .Pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.page_product .Prolistc01 .Pages1_l p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.page_product .Prolistc01 .Pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.page_product .Prolistc01 .Pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.page_product .Prolistc01 .Pages1_l:hover a{ color:#0094da;}
.page_product .Prolistc01 .Pages1_r{ float:left; width:100%; }
.page_product .Prolistc01 .Pages1_r p{font-size: 18px;font-weight: bold; color: #0094da; position: relative;}
.page_product .Prolistc01 .Pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.page_product .Prolistc01 .Pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.page_product .Prolistc01 .Pages1_r:hover a{ color:#0094da;}
.page_product .para{ margin-bottom:40px;}
.page_product .para .tit{text-align: center; font-size: 36px; font-weight: bold; color: #333; line-height: 1;}
.page_product .para .tablep{border-bottom: 2px #ccc solid;   text-align: center;}
.page_product .para .tablep li{display: inline-block; margin: 0; height: 80px; line-height: 80px; text-align: center; color: #333333; position: relative;width: auto;vertical-align: top;}
.page_product .para .tablep li::before{content: ""; position: absolute; height: 2px; width: 0; left: 35%; bottom: 0; background-color: #0094da; transition: all 0.4s;}
.page_product .para .tablep li.active::before,.page_product .para .tablep li:hover::before{ width: 30%;}
.page_product .para .tablep li a{position: relative;font-size: 17px;line-height: 80px;padding: 0 40px;color: #333;display: block;transition: all 0.4s;} 
.page_product .para .tablep li:hover a,.page_product .para .tablep li.active a{ color: #0094da;}
.page_product .para .tablep li::after{content: ""; position: absolute; width: 1px; height: 40%; right: 0; top: 30%; background-color: #eee;}
.page_product .para .tablep li:last-child::after{ display: none;}



/* footer */
.footer{ width: 100%; background: #f0f6fc; position: relative;}
.footer .Top{border-bottom:3px #00a0e9  solid; width: 100%; height: 90px;}
.footer .share{ padding: 30px 0; }
.footer .share li{ float: left; margin-left: 15px; }
.footer .share li img{ width: 30px; }
.footer .share li .img1{ display: none; }
.footer .share li:hover img{ display: none; }
.footer .share li:hover .img1{ display: inline-block; }
.footDiv{ width: 100%; padding: 40px 0;}
.footDiv .footNav{ width: 72%; float: left; position: relative; border-right: 1px #a8d8ee solid;display: flex; justify-content: space-between; padding-right: 70px; box-sizing: border-box;}
.footDiv .footNav dl dt{ font-size: 17px; color: #0094da; font-weight: bold;}
.footDiv .footNav dl dd{ margin-top: 20px;}
.footDiv .footNav dl dd a{ width: 100%; font-size: 14px; color: #666; line-height: 28px; display: block;}
.footDiv .footNav dl dd a:hover{ color: #00a0e9;}
.footDiv .foot_r{ float: right; width: 24%;}
.footDiv .foot_r dl{ width: 100%; position: relative;}
.footDiv .foot_r dl dt{ font-size: 17px; color: #0094da; font-weight: bold;}
.footDiv .foot_r dl dd{ margin-top: 20px;}
.footDiv .foot_r dl dd p{font-size: 14px; color: #666; line-height: 35px; display: block;}
.footDiv .foot_r dl dd p:nth-child(4){ font-size: 28px; color: #0094da; font-weight: bold; line-height: 40px;}
.footDiv .foot_r dl dd p:nth-child(5){ font-size: 28px; color: #0094da; font-weight: bold; line-height: 40px;}
.footDiv .foot_r dl dd .x{ width: 100%; height: 1px; background: #dedfdf; margin: 15px 0;}
.footDiv .foot_r dl dd span{ width: 23px; height: 20px; float: left; margin: 11px 10px 0 0;}
.footDiv .foot_r dl dd .ico1{ background: url(../img/fico1.png) center no-repeat;}
.footDiv .foot_r dl dd .ico2{ background: url(../img/fico2.png) center no-repeat;}
.footDiv .foot_r dl dd .ico3{ background: url(../img/fico3.png) center no-repeat;}
.copy{ width: 100%; height: 60px; background: #0092d8; line-height: 60px; font-size: 14px; color: #fff;}
.copy a{font-size: 14px; color: #fff;}
.copy a:hover{color: #80c5e8;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#0094da;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block;font-size: 14px;}
.pages1_r:hover a{ color:#0094da;}

.pages { margin:25px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .active {background:#0094da;  border:1px solid #0094da;text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#0094da;  border:1px solid #0094da;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:35px; line-height:35px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}

/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #0094da;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0094da;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}