*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
ul,li,dl,dt,dd,h1,h2,h3,p,h4,h5,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#025cad;}
img{max-width:100%;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.am-container{width:95%; max-width: 1400px; margin:auto;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
body{min-width:1240px; overflow-x:hidden;}
.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{background-color:#fcfcfc;}
.arccontent .ue-table-interlace-color-double{background-color:#f7faff;}

.header{position:relative;}
.header .top{height:36px; line-height:36px;  font-size:12px;}
.header .top p{margin:0;}
.header .top .top-mnen{background:#f5f5f5; border-radius:0 0 10px 10px;}
.header .top .top-mnen a{display:inline-block; position:relative; padding:0 15px;}

.header .top .top-mnen a:before{content:""; display:block; width:1px; height:12px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-6px;}
.header .top .top-mnen a:first-child:before{display:none;}

.header .head-m{height:100px; position:relative;}
.header .head-m .logo{float:left; margin-top:13px;}
.header .head-m .logo img{height:80px; display:block;}
.header .head-m .txt{float:left; padding:25px 0 0 15px;}
.header .head-m .txt .t1{font-size:22px; color:#167ddc; font-weight:bold; letter-spacing:2px;}
.header .head-m .txt .t2{font-size:14px; color:#666; font-family:Arial; text-transform:uppercase;}

.header .head-m .top-tel{float:right; background:url(../image/icon-tel.png) 0 center no-repeat; padding-left:50px; margin-top:22px;}
.header .head-m .top-tel span{font-size:14px; display:block; color:#999;}
.header .head-m .top-tel strong{display:block; font-size:25px; line-height:32px; color:#0e90d2; font-family:Verdana; letter-spacing:-1px;}

.header .nav{height:60px; line-height:60px; background:#444444;}
.header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.header .nav .ulnav>li{flex:1; text-align:center; position:relative; float:left;}
.header .nav .ulnav>li>a{color:#fff; font-size:16px; display:block;}
.header .nav .ulnav>li:after{ content:""; display:block; width:1px; height:12px; background:#555555; position:absolute; left:0; top:50%; margin-top:-6px;}
.header .nav .ulnav>li:first-child:after{ display:none;}
.header .nav .ulnav>li:hover>a,.header .nav .ulnav>li.on{background:#167ddc;}
.nav .ulnav .dropdown:hover .ulnav-menu {display: block;}
.ulnav-menu {display: none; /* 默认不显示 */position: absolute;z-index: 1;}
.dropdown {position: relative;display: inline-block;}
.ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 2px 10px rgba(0,0,0,.05); height: auto;z-index: 199;top: 68px;left: 0;border-top: 2px solid #f37b1d;overflow: hidden;opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:58px;}
.ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 12px 5px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ulnav>li .subnav li a:hover{ color:#167ddc; background-color:#f9f9f9;}

.phxia{display:none;}

.p1-search-1{height:82px;border-bottom:1px solid #e1e1e1;overflow:hidden;font-size:14px}
.p1-search-1 p{color:#444;line-height:82px}
.p1-search-1 a{color:#444;display:inline-block;margin-right:15px}
.p1-search-1-inp{width:270px;height:38px; line-height:38px;border-radius:20px;background:#fff; border:1px solid #eee; overflow:hidden;padding-left:18px;margin-top:24px}
.p1-search-1-inp input{border:0; outline:none;}
.p1-search-1-inp1{width:210px;height:38px;line-height:38px;color:#a9a9a9;float:left}
.p1-search-1-inp2{width:40px;height:38px;background:url(../image/icon-search.png) 0 center no-repeat;float:right;cursor:pointer}


/* banner部分 */
.banner .am-viewport{overflow:hidden; position:relative;}
.banner .am-slider-a1{box-shadow:none;}
.banner .am-slider .am-slides .pc{display:block;}
.banner .am-slider .am-slides .m{display:none;}
.banner .am-slider .am-slides>li{background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;}
.banner .am-slider .am-slides>li a{display:block; width:100%; height:100%;}
.banner .am-slider-a1 .am-control-nav{ bottom:15px;}
.banner .am-slider-a1 .am-control-nav li a{ width:12px; height:12px;background-color:#fff; box-shadow:none;}
.banner .am-slider-a1 .am-control-nav li a.am-active{ background-color:#167ddc;}


.bgr{background:#f5f5f5;}
.am-pd{padding:60px 0;}
.am-pb{padding-bottom:60px;}

.am-title{ text-align:center;}
.am-title .tit{ font-size:36px; line-height:1; font-weight:bold; margin-bottom:10px;}
.am-title .tit b{ width:12px; position:relative;}
.am-title .tit b:before{ content:""; display:block; position:absolute; width:12px; height:12px; background:#ff4ca7; border-radius:12px; left:0; top:50%; margin-top:-4px;}
.am-title .entit{ font-size:14px; color:#999;}
.am-title .note{ font-size:16px; color:#666; max-width:70%; margin:0 auto; padding-top:15px;}

.mgt40{margin-top:40px;}
.mgt30{margin-top:30px;}
.mgt20{margin-top:20px;}

.hm-youshi ul{ position:relative; margin:0 -15px;}
.hm-youshi ul li{ width:33.333333%; float:left; padding:0 15px;}
.hm-youshi ul li .item{ padding:30px 20px;transition: all .1s linear;}
.hm-youshi ul li .item .tit img{ margin-right:10px; position:relative; top:-2px;}
.hm-youshi ul li .item .tit span{ font-size:24px; font-weight:bold;}
.hm-youshi ul li .item .note{ margin-top:10px; padding-top:14px; border-top:1px solid #eee; color:#666;}
.hm-youshi ul li.on .item{ background:#fff; box-shadow:0 2px 4px 2px rgba(0,0,0,.05);}


.prohed{
background:-webkit-linear-gradient(left, #0051a3, #0b8edc);/* Safari, Chrome*/
background:-moz-linear-gradient(left, #0051a3, #0b8edc);/* Firefox*/
background:-o-linear-gradient(left, #0051a3, #0b8edc);/* Opera, Opera mobile*/	
}

.pro-title{ color:#fff; position:relative; z-index:12; float:left;}
.pro-title .enbg{ position:absolute; left:0; top:0; line-height:1; font-size:56px; color:#167ddc; opacity:.5; font-weight: bold; text-transform:uppercase; z-index:-1;}
.pro-title .tit{ font-size:36px; line-height:1; font-weight:bold; margin-bottom:10px;}
.pro-title .tit b{ width:12px; position:relative;}
.pro-title .tit b:before{ content:""; display:block; position:absolute; width:12px; height:12px; background:#fff; border-radius:12px; left:0; top:50%; margin-top:-4px;}
.pro-title .entit{ font-size:14px; color:#fff;}
.pro-title .pior{ padding-left:30px; padding-top:30px;}

.pro-he-r{ float:right;}
.pro-he-r .note{ text-align:right; color:#fff; position:relative; margin-bottom:30px;}
.pro-he-r .note span{ display:inline-block;position:relative;padding-left:80px;}
.pro-he-r .note span:before{ content:""; display:block; width:60px; height:1px; background:#167ddc; position:absolute; left:0; top:50%;}
.pro-he-r .prnve ul li{float:left;margin-left: 14px;}
.pro-he-r .prnve ul li a{display:block;background:#fff;font-size:14px;border-radius:30px;padding: 6px 18px;}
.pro-he-r .prnve ul li a:hover{ background:#222; color:#fff;}

.hm-probox{padding:30px 0 60px 0;}
.pro-xjg .pro-left .first-box{webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,.1)); filter: drop-shadow(0 5px 10px rgba(0,0,0,.1));}
.pro-xjg{ position:relative;}
.pro-xjg .pro-left{ width:64%; float:left;}
.pro-xjg .pro-left .first-box{ background:#fff; padding:30px; position:relative; border-radius: 10px}
.pro-xjg .pro-left .first-box a{ display:block;}
.pro-xjg .pro-left .first-box .txt{ float:left;}
.pro-xjg .pro-left .first-box .txt .tit{ font-size:24px; color:#333; margin-bottom:15px;}
.pro-xjg .pro-left .first-box .txt .info{ font-size:14px; color:#666; margin-bottom:15px;}
.pro-xjg .pro-left .first-box .txt .ico-lisr i{ display:inline-block; margin-right:10px;}
.pro-xjg .pro-left .first-box .txt .more{ position:absolute; bottom:20%;}
.pro-xjg .pro-left .first-box .txt .more span{display:inline-block; padding:6px 30px; color:#333; font-size:14px; border-radius:30px; border:1px solid #eee;}
.pro-xjg .pro-left .first-box .txt .more span:hover{ background:#167ddc; color:#fff;}
.pro-xjg .pro-left .first-box .img{width:50%; float:right; overflow:hidden;}
.pro-xjg .pro-left .first-box .img img{transition: all .3s linear;}
.pro-xjg .pro-left .first-box a:hover .img img{transform: scale(1.1);}

.pro-xjg .pro-left .prou3{ margin-top:16px;}
.pro-xjg .pro-left .prou3{webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,.1));filter: drop-shadow(0 5px 10px rgba(0,0,0,.1));}
.pro-xjg .pro-left .prou3 ul{ position:relative; margin:0 -8px;}
.pro-xjg .pro-left .prou3 ul li{ width:33.3333%; float:left; padding:0 8px;}
.pro-xjg .pro-left .prou3 ul li a{ display:block; background:#fff; padding:20px;border-radius: 10px}
.pro-xjg .pro-left .prou3 ul li a .phe .tit{ font-size:18px; color:#333; margin-bottom:5px;}
.pro-xjg .pro-left .prou3 ul li a .phe .note{ font-size:14px; color:#666;}
.pro-xjg .pro-left .prou3 ul li a .img{ overflow:hidden;}
.pro-xjg .pro-left .prou3 ul li a .img img{transition: all .3s linear;}
.pro-xjg .pro-left .prou3 ul li a:hover .img img{transform: scale(1.1);}

.pro-xjg .pro-right{width:35%; position:absolute; right:0; top:0; height:100%; background:#fff; padding:30px;}
.pro-xjg .pro-right{webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,.1));filter: drop-shadow(0 5px 10px rgba(0,0,0,.1));border-radius: 10px}
.pro-xjg .pro-right a{display:block; width:100%; height:100%; position:relative;}
.pro-xjg .pro-right a .txt{text-align:right;}
.pro-xjg .pro-right a .txt .tit{font-size:24px; color:#333; margin-bottom:5px;}
.pro-xjg .pro-right a .txt .info{font-size:14px; color:#666; margin-bottom:15px;}
.pro-xjg .pro-right a .txt .note{color:#999; margin-bottom:15px;}
.pro-xjg .pro-right a .txt .more span{display:inline-block; padding:6px 30px; color:#333; font-size:14px; border-radius:30px; border:1px solid #eee;}
.pro-xjg .pro-right a .txt .more span:hover{background:#167ddc; color:#fff;}
.pro-xjg .pro-right a .img{ text-align:center; margin-top:10%; overflow:hidden;}
.pro-xjg .pro-right a .img img{transition: all .3s linear;}
.pro-xjg .pro-right a:hover .img img{transform: scale(1.1);}

.sec-tab .sec-icon{ box-shadow:0 3px 4px 2px rgba(0,0,0,.05); padding:30px 5px; margin-top:30px;}
.sec-tab .sec-icon ul li a{ display:block; text-align:center; position:relative;}
.sec-tab .sec-icon ul li a:before{ content:""; display:block; width:1px; height:60px; background:#eee; position:absolute; right:0; top:50%; margin-top:-30px;}
.sec-tab .sec-icon ul li:last-child a:before{ display:none;}
.sec-tab .sec-icon ul li a span{ display:block;}

.sec-list{ margin-top:30px;}
.sec-list .sec-list-box .secimg{ width:510px; float:left;}
.sec-list .sec-list-box .seclitx{ width:620px; float:right; position:relative;}
.sec-list .sec-list-box .seclitx .stitle .tit{ font-size:30px; font-weight:bold;}
.sec-list .sec-list-box .seclitx .stitle .note{ font-size:14px; color:#999;}

.sec-list .sec-list-box .seclitx .secalee{ margin:30px 0; width:120%; position:relative; right:20%; color:#fff; padding:20px 45px 20px 20px; text-align:right;
background:-webkit-linear-gradient(left, #0b8edc, #0051a3);/* Safari, Chrome*/
background:-moz-linear-gradient(left, #0b8edc, #0051a3);/* Firefox*/
background:-o-linear-gradient(left, #0b8edc, #0051a3);/* Opera, Opera mobile*/	
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec-list .sec-list-box .seclitx .secalee a{color:#fff; display:inline-block;}
.sec-list .sec-list-box .seclitx .secalee a:last-child em{display:none;}
.sec-list .sec-list-box .seclitx .secge-list{margin-top:25px;}
.sec-list .sec-list-box .seclitx .secge-list ul{position:relative; margin:0 -5px;}
.sec-list .sec-list-box .seclitx .secge-list ul li{padding:0 5px;}
.sec-list .sec-list-box .seclitx .secge-list ul li a{display:block; position:relative;}
.sec-list .sec-list-box .seclitx .secge-list ul li a span{display:block; position:absolute; width:100%; padding:10px; background:rgba(0,0,0,.6); color:#fff; left:0; bottom:0; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 首页优势部分 */
.youshi{ background:url(../image/ysbg.jpg) center no-repeat; background-size:cover;}
.yskdhf{ margin-top:30px; position:relative; z-index:12;}
.yskdhf:before{ content:""; display:block; width:100%; height:27px; background:url(../image/mh.png) center no-repeat; position:absolute; left:0; bottom:-27px;}
.yskdhf .hd{ width:22%; float:left;}
.yskdhf .hd ul li{ background:#fff; padding:30px; margin-bottom:10px; cursor:pointer;}
.yskdhf .hd ul li:last-child{ margin-bottom:0;}
.yskdhf .hd ul li.on{background:-webkit-linear-gradient(left, #0b8edc, #0051a3);/* Safari, Chrome*/
background:-moz-linear-gradient(left, #0b8edc, #0051a3);/* Firefox*/
background:-o-linear-gradient(left, #0b8edc, #0051a3);/* Opera, Opera mobile*/ color:#fff;}
.yskdhf .hd ul li .num{font-size:42px; font-weight:lighter; line-height:1; margin-bottom:5px;}
.yskdhf .hd ul li .en{font-size:20px; text-transform:uppercase; line-height:1.2; margin-bottom:5px;white-space:pre-wrap; word-wrap:break-word;}
.yskdhf .hd ul li .tit{font-size:20px;}

.yskdhf .bd{ position:absolute; width:76%; background:#fff; height:100%; right:0; top:0; overflow:hidden;}
.yskdhf .bd .jinx{ width:290px; float:left;}
.yskdhf .bd .jintxt{ width:68%; float:right; padding:30px;}
.yskdhf .bd .jintxt .jintxt-h .num{ color:#0785de; font-weight:lighter; font-size:42px;}
.yskdhf .bd .jintxt .jintxt-h .tit{ font-size:26px;color:#0785de;white-space:pre-wrap;word-wrap:break-word;}

.yskdhf .bd .jintxt .jinxt-note{ font-size:14px; margin-top:40px;}

.hm-case-list ul{ position:relative; margin:0 -10px;}
.hm-case-list ul li{ width:33.33333%; float:left; padding:10px;}
.hm-case-list ul li:first-child{ width:50%;}
.hm-case-list ul li:nth-child(2){ width:50%;}
.hm-case-list ul li a{ display:block; position:relative; overflow:hidden;}
.hm-case-list ul li a img{transition: all .3s linear;}
.hm-case-list ul li a:hover img{transform: scale(1.1);}
.hm-case-list ul li a .txt{ position:absolute; width:100%; height:100%; left:0; top:0; padding:10%; z-index:22; background:rgba(0,0,0,.51); text-align:center; opacity:0;transition: all .3s linear;}
.hm-case-list ul li a .txt .tit{ font-size:18px; font-weight:bold;color:#fff;}
.hm-case-list ul li a .txt .note{ font-size:14px; color:#fff; margin:15px 0;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.hm-case-list ul li a:hover .txt{ opacity:1;}
.hm-case-list ul li a .txt .more span{ font-size:14px; display:inline-block; padding:4px 20px; background:#0a89d7; color:#fff;}
.hm-case-list ul li:first-child a .txt .note,.hm-case-list ul li:nth-child(2) a .txt .note{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}


/* 首页关于我们部分 */
.aboutus_bg{ width:1480px; height:600px; margin: 0 auto; background:url("../image/20.png") center no-repeat; background-size:cover;}
.about .aboutus-box{margin-top:-240px;}
.aboutus_txt {display:flex;align-items: flex-end;}
.aboutus_txt_title{width:24%}
.aboutus_title_ti{position:relative;background-color:#167cde;height:160px; padding-top:35px;padding-left:28px;font-size:35px;font-weight:700;color:#fff}
.aboutus_title_ti span{display:block; font-size:14px; font-weight:normal; text-transform:uppercase;}
.aboutus_title_ti::before{content:'';position:absolute;left:28px;bottom:0;width:0;height:0;transform:translateY(100%);border-top:10px solid #167cde;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent}
.aboutus_title_c{display:flex;flex-direction:column;justify-content:center;height:179px;padding-left:28px;background-color:#167cde}
.aboutus_title_c1{font-size:16px; color:rgba(255,255,255,.8)}
.aboutus_title_tel{margin-top:16px; background:url(../image/icon-tel2.png) 0 center no-repeat; padding-left:44px;}
.aboutus_title_tel span{ font-size:12px; line-height:1; color:rgba(255,255,255,.8)}
.aboutus_title_tel strong{ display:block; font-size:25px; color:#ff4ca7; line-height:1;}
.aboutus_txt_ct{width:76%;height:220px;background-color:#fff;padding:0 30px;display:flex;flex-direction:column;justify-content:space-between}
.aboutus_txt_ct p{margin-top:40px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.aboutus_txt_ct a{width:95px;height:34px;line-height:34px;text-align:center;font-size:14px;color:#0c8cdd;border:1px solid #0c8cdd}
.aboutus_txt_ct a:hover{background:#0c8cdd; color:#fff;}

.gspiclist{margin-top:60px;}
.gspiclist .hd{text-align:center;}
.gspiclist .hd ul li{display:inline-block; margin:0 5px;}
.gspiclist .hd ul li a{display:block; padding:10px 30px; background:#eeeeee; color:#167cde; cursor:pointer;}
.gspiclist .hd ul li.on a{background:#167cde; color:#fff;}

.gspiclist .bd{ margin-top:30px;}
.gspiclist .bd ul{ position:relative; margin:0 -10px;}
.gspiclist .bd ul li{ width:25%; float:left; padding:0 10px;}
.gspiclist .bd ul li a{ display:block; overflow:hidden;}
.gspiclist .bd ul li a img{ max-height:100%;transition: all .4s;}
.gspiclist .bd ul li a:hover img{transform: scale(1.1);}


/* 首页新闻中心部分 */
.news-l-img{width:45%; float:left; overflow:hidden;}
.news-l-img img{width:100%; display:block; transition:all .5s;}
.news-l-img img:hover{transform:scale(1.01); transition:all .5s ease-in-out;}

.hm-news-rlist{width:50%; float:right;}
.hm-news-rlist .hd{border-bottom:1px dashed #9b9b9b; line-height:46px;}
.hm-news-rlist .hd ul li{display:inline-block;}
.hm-news-rlist .hd ul li a{display:block; padding:0 20px; color:#333; font-size:18px; position:relative;}
.hm-news-rlist .hd ul li.on a{color:#167cde;}
.hm-news-rlist .hd ul li.on a:before{ content:""; display:block; width:100%; height:2px; background:#167cde; position:absolute; left:0; bottom:-2px;}

.hm-news-rlist .bd ul li{display:block;padding:13px 0;border-bottom: 1px dashed #b8b8b8;transition: all .3s;}
.hm-news-rlist .bd ul li:hover{border-bottom:1px solid #167cde;}
.hm-news-rlist .bd ul li a{display:block;}
.hm-news-rlist .bd ul li a .tit{font-size:16px; color:#000; margin-bottom:6px;}
.hm-news-rlist .bd ul li a .note{font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 底部版权部分 */
footer{ background:#191919; padding-top:80px; padding-bottom:60px;}
.foot-tit{ font-size:22px; color:#fff; margin-bottom:10px;}

.footnav{ width:20%; float:left; height:230px; border-right:1px solid rgba(255,255,255,.1)}
.footnav ul li{ line-height:36px;}
.footnav ul li a{color:#999;}
.footnav ul li a:hover{color:#fff;}
.foot-add{width:37%; padding:0 4%; float:left; height:230px; border-right:1px solid rgba(255,255,255,.1)}
.foot-add p{line-height:36px; color:#999;}
.foot-add p a{color:#999;}
.foot-contact{width:28%; padding-left:4%; float:left; height:230px;}
.foot-contact p{line-height:36px; color:#999;}
.foot-contact p a{color:#999;}
.foot-ewm{width:140px; float:right; text-align:center;}
.foot-ewm span{display:block; font-size:14px; color:#666; margin-top:8px;}

.insidebg{width:100%; height:600px; margin:auto; overflow:hidden;}
.insidebg img{height:600px; display:block;}

.breadcrumb{padding:18px 0; display:flex; align-items:center; border-bottom:1px dashed #eeeeee;}
.breadcrumb1 {display:flex; align-items:center; font-size:14px; color:#666; margin-right:8px; background:url(../image/icon_path.png) 0 center no-repeat; padding-left:30px;}
.breadcrumb2>a{font-size:14px; color:#666;}
.breadcrumb2>a:hover{color:#ff4ca7;}

.navtab{margin-top:30px;display:flex}
.navtab>a{margin-right:1px;flex:1;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;font-size:18px;color:#000;position:relative;transition:all .4s}
.navtab>a::before{display:none;content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;transition:all .4s}
.navtab>a:hover{background-color:#0c8cdd;color:#fff}
.navtab>a:hover::before{display:block}
.navtab>a.on::before{display:block}
.navtab>a.on {background-color:#0c8cdd;color: #fff;}

.about-arc{padding-bottom:30px; margin-top:20px; line-height:2; font-size:15px; color:#666;}
.about-arc img{width:66%; margin:auto; display:block;}
.about-arc h3{font-size:18px; font-weight:bold; color:#0c8cdd;}

.pics-list{ margin-top:20px; padding-bottom:30px;}
.pics-list ul{ position:relative; margin:0 -10px;}
.pics-list ul li{ width:25%; float:left; padding:10px;}
.pics-list ul li a{ display:block; text-align:center;}
.pics-list ul li a i{ display:block;padding: 9px;border: 1px solid #e5e5e5;}
.pics-list ul li a span{ display:block;height: 50px;line-height: 50px;text-align: center;font-size: 14px; overflow:hidden;color: #4b4a4a;background-color: #f0f0f0;}


.contact{overflow:hidden;padding:60px 0}
.contel{overflow:hidden}
.wentit p{font-size:20px;font-weight:700;text-align:center;color:#0c8cdd}
.wentit i{margin:8px 0;display:block}
.wentel{float:left;width:1040px;margin:30px 0 0}
.contact .gsmc span{display:block;font-size:20px;color:#0c8cdd;font-weight:700;text-align:center}
.contact .gsmc i{margin:10px 0 0;overflow:hidden;display:block}
.wentel ul li{float:left;line-height:30px;padding:14px 62px 14px 0;border-bottom:1px dashed #e4e4e4}

.wentel ul li img{float:left}
.wentel ul li p{float:left;padding-left:5px;font-size:14px;color:#333}
#book_post{margin:30px 0 0}
.zaixianly{overflow:hidden;background:#fff}
.zaixianly .Input{width:392px; overflow:hidden;height:58px;border:1px solid #e4e4e4;float:left;margin-bottom:10px;margin-left:12px}
.zaixianly input{width:317px;padding-left:22px;font-size:16px;color:#999;line-height:58px;outline:0;border:none}
.zaixianly input.submit{color:#fff;background:#0c8cdd;cursor:pointer;padding:0!important}
.zaixianly .Input1{margin-left:0}
.zaixianly textarea{padding-left:22px;width:100%;height:150px;border:1px solid #e0e0e0;padding-top:18px;font-size:16px;color:#999!important;outline:0;resize:none;padding-right:51px;font-family:"微软雅黑"!important}
.zaixianly textarea::-webkit-input-placeholder{color:#999}
.zaixianly textarea:-moz-placeholder{color:#999}
.zaixianly textarea::-moz-placeholder{color:#999}
.zaixianly textarea:-ms-input-placeholder{color:#999}
.zaixianly .yzmtj{margin-top:20px}
.zaixianly .yzmtj img{margin:10px 20px 15px 20px;cursor:pointer}
.zaixianly .yzmtj .sr{width:250px;float:left;border:1px solid #e0e0e0}
.zaixianly .yzmtj .sr span{display:block;font-size:16px;color:#999;display:block;height:58px;line-height:58px;float:left;border-right:1px solid #e0e0e0;width:100px;text-align:center}
.zaixianly .yzmtj .sr input{padding:0 10px;width:127px;float:left;display:block;border:none;line-height:58px;font-size:16px;color:#999;height:58px;outline:0}
.zaixianly .yzmtj #spVerCode img{display:block;margin-top:14px;margin-left:10px;float:left;width:105px;height:38px}
.zaixianly .yzmtj a.p{line-height:86px;margin-left:10px}
.zaixianly .yzmtj a.tj{display:block;width:410px;height:60px;line-height:60px;font-size:22px;color:#fff;text-decoration:none;text-align:center;background:#fe9900;float:right}
.zaixianly input::-webkit-input-placeholder{color:rgba(153,153,153,.9)}
.aui_outer table td{border:none!important}
.aui_outer table{border:none!important}
.zxlytit p{text-align:center;font-size:20px;color:#0c8cdd;font-weight:700}
.zxlytit i{margin:10px 0 35px;overflow:hidden;display:block}
.caditu{margin:35px 0 50px}
.caditu .ditu iframe{padding:2px;border:1px solid #e4e4e4}

#allmap2{ font-size:14px;}
#allmap2 img{ max-width:inherit;}

.prolist_list_ct>a.on{background-color:#0c8cdd;}
.prolist_list_ct>a.on i{margin-top:10px;}
.prolist_list_ct>a.on i::after{content:""; display:block; width:20px; height:20px; background:url(../image/dlon.png) right center no-repeat; transform:rotate(180deg);}
.prolist_list_ct>a.on span{color:#fff;}
.prolist_list_ct>a.on i{color:#fff;}
.prolist{margin-top:40px; display:flex; justify-content:space-between; padding-bottom:40px}
.prolist_l{width:20%; float:left;}
.prolist_list_title{height:72px;line-height:72px;padding-left:40px;font-size:24px;color:#fff;background-color:#0c8cdd;margin-bottom:2px}
.prolist_list_ct .prolist_list_item{margin-bottom:2px;background-color:#ececeb;height:42px;line-height:42px;padding-left:40px;display:flex;align-items:center}
.prolist_list_item>span{height:100%;width:160px;font-size:16px;color:#000;transition:all .4s}
.prolist_list_item>i{width:20px; margin:-10px 0 0 35px; transform:rotate(90deg);}
.prolist_list_item>i::after{content:""; display:block; width:20px; height:20px; background:url(../image/dl.png) right center no-repeat;}
.prolist_list_item:hover>i::after{content:""; display:block; width:20px; height:20px; background:url(../image/dlon.png) right center no-repeat; transform:rotate(180deg);}
.prolist_list_item:hover>i{margin-top:10px;}
.prolist_list_ct{margin-bottom:20px;}
.prolist_list_ct>a:hover{background-color:#0c8cdd}
.prolist_list_ct>a:hover span{color:#fff}
.prolist_l_tel{width:100%; float:left; margin-top:20px;}
.prolist_l_tel img{width:100%; display:block;}
.prolist_tel_txt{background-color:#0c8cdd;display:flex;padding:12px 0;flex-direction:column;align-items:center}
.prolist_tel_t{display:flex;align-items:center}
.prolist_tel_t>i{font-size:30px;color:#fff;margin-right:8px}
.prolist_tel_t>span{font-size:14px;color:#fff}
.prolist_tel_b{font-size:24px;font-weight:700;color:#fff; font-family:Verdana; letter-spacing:-1px;}
.prolist_r{width:76%; float:right;}
.newslist{display:flex;flex-wrap:wrap; margin-top:20px;}
.newslist>a{width:100%;margin-bottom:22px;padding:40px 40px 20px 40px;transition:all .4s; border-bottom:1px solid #e9e9e9;}
.newsitem_t{display:flex;justify-content:space-between;align-items:center}
.newsitem_t_img{width:253px;height:150px;overflow:hidden}
.newsitem_t_txt{width:570px}
.newsitem_t_txt h6{font-size:18px;color:#000;font-weight:400}
.newsitem_t_txt p{margin-top:15px;font-size:14px;color:#797979;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.newsitem_b{display:flex;justify-content:flex-end}
.newsitem_b button{width:90px;height:30px;line-height:30px;text-align:center;background:#b6b6b6;color:#fff;transition:all .4s; border:none; outline:none;}
.newslist>a:hover{border:1px solid #0c8cdd}
.newslist>a:hover .newsitem_t_txt>h6{color:#0c8cdd}
.newslist>a:hover .newsitem_b button{background-color:#0c8cdd}
.page{ text-align:center; margin:40px 0 20px;}
.page a{display:inline-block; padding:4px 12px; border:1px solid #f3f3f3; margin:0 2px; font-size:1.3rem;}
.page a.active,.page a:hover{background:#009ee2; color:#FFF;}

.xinwenxiangxi{width:100%;overflow:hidden}
.xinw_view{background:#fff;overflow:hidden;float:right; margin-top:20px;}
.mub02Title{text-align:center}
.mub02Title h2{color:#222;font-size:32px}
.henduo{font-size:14px;color:#999;line-height:55px;width:100%;text-align:center}
.xinw_xx{line-height:2;color:#666;padding:20px 0}
.xinw_xx img{display:block!important;max-width:750px;margin:5px auto!important}

.pre{height:65px;line-height:65px;background:#fff;border:1px solid #eee;width:100%;float:right; font-size:14px;}
.pre .lf{width:50%;float:left;border-right:1px solid #eee}
.pre .lf p{display:block;width:85px;text-align:center;float:left;border-right:1px solid #eee}
.pre .fr a,.pre .lf a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px;float:left;padding-left:15px}
.pre .fr{width:50%;float:right}
.pre .fr p{display:block;width:85px;text-align:center;float:left;border-right:1px solid #eee}

.tuijian{margin-top:30px;padding:15px;background-color:#f5f5f5; padding:15px 30px;}
.tuijian_title{height:55px;font-size:24px;line-height:55px;color:#4b4a4a}
.tuijian_ct>a{border-top:1px dashed #dbdbdb;width:100%;height:47px;display:flex;justify-content:space-between;align-items:center}
.tuijian_ct>a>em,.tuijian_ct>a>span{font-weight:400;font-size:14px;color:#4b4a4a}

.prolist_r_tlele {height: 60px;line-height: 60px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;}
.prolist_r_tlele>span {height: 100%;border-bottom: 3px solid #0c8cdd;font-size: 24px;color: #000;font-weight: 700;}

.nyprolist{ margin-top:15px;}
.nyprolist ul{ position:relative; margin:0 -10px;}
.nyprolist ul li{ width:33.3333%; float:left; padding:10px;}
.nyprolist ul li a{ display:block; text-align:center; border:1px solid #dedede;}
.nyprolist ul li a:hover{ border-color:#0c8cdd}
.nyprolist ul li a i{ display:block;}
.nyprolist ul li a span{ display:block;padding: 12px 20px;background: #eee; color:#333;}

.productcenter{ border:1px solid #eee; margin-top:20px;}
.productcenter .proccenthead{ padding:30px;}
.productcenter .proccenthead .thumb{width:48%; float:left; padding:10px;}
.productcenter .proccenthead .thumb img{width:100%; display:block;}
.productcenter .proccenthead .wen{ width:48%; float:right;}
.productcenter .proccenthead .wen .title{font-size: 22px;color: #009ee2;line-height: 50px;border-bottom: 1px solid #eee;}
.productcenter .proccenthead .wen .note{overflow: hidden;padding: 10px 0 15px 0;}
.productcenter .proccenthead .wen .note span{ display:block; font-size:16px; margin-bottom:8px; color:#009ee2;}
.productcenter .proccenthead .wen .note p{font: 14px Arial, "Microsoft Yahei";white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;color: #979797;line-height: 24px;}
.productcenter .proccenthead .wen  .title02 .cpaurl{width:220px;height:40px;line-height:40px;color: #fff;font-size:16px;background: #0c8cdd;text-align: center;float: left;}
.productcenter .proccenthead .wen  .title02 a {width: 135px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;background:#ff4ca7;text-align: center;display: block;float: left;margin-left: 12px;}
.xiangxi02{clear:both;overflow:hidden;padding:10px 0 0 0}
.xiangxi02 h2{margin-bottom:25px;font-size:22px;font-weight:400;color:#0c8cdd;background:#f5f5f5;line-height:60px;padding-left:30px}
.xiangxi02 table{width:100%!important;border:1px solid #ddd!important;border-collapse:collapse!important;font-size:16PX!important;word-break:break-all;word-wrap:break-word}
.xiangxi02 table td{border:1px solid #ddd!important;padding:8px!important;line-height:35px}
.xiangxi03{padding:0 30px;color:#333;line-height:30px;margin:0 0 30px 0;overflow:hidden; font-size:14px;}

.xgnews{ border-top:10px solid #f5f5f5; padding:30px; }
.xgnews h3{ padding:15px 0; font-size:22px; border-bottom:1px solid #eee;}
.xgnews .xgproli ul{ position:relative; margin:0 -10px;}
.xgnews .xgproli ul li{ padding:10px;}
.xgnews .xgproli ul li a{ display:block; border:1px solid #eee;}
.xgnews .xgproli ul li i{ display:block; overflow:hidden;}
.xgnews .xgproli ul li span{ display:block; height:36px; line-height:36px; background:#f5f5f5; text-align: center;}

.sideMenu h3{padding:10px 32px 10px 15px;cursor:pointer; font-weight:normal; color:#333; background:#ececeb; position:relative;}
.sideMenu h3:after{position:absolute; content:url(../image/dl.png); right:20px; top:50%; transform:rotate(90deg); margin-top:-13px;}
.sideMenu ul .nLi{border-bottom: 1px solid #fff;}
.sideMenu ul .nLi.on h3,.sideMenu ul .nLi h3:hover{ background:#0c8cdd; color:#fff;}
.sideMenu ul .nLi.on h3::after,.sideMenu ul .nLi h3:hover::after{content:url(../image/dlon.png); transform:rotate(-180deg);}
.sideMenu ul .nLi.on h3 a,.sideMenu ul .nLi h3:hover a{color:#fff;}
.sideMenu ul .nLi.on h3:after{content:url(../image/dlon.png); transform:rotate(-180deg);}
.sideMenu ul .nLi.on .sub{display:block}
.sideMenu ul .nLi .sub{padding:8px 0;color:#999;display:none; padding-left:15px; margin:0;    border: 1px solid #ececeb;}
.sideMenu ul .nLi .sub li{height:38px;line-height:38px;list-style:none; border-left:1px dashed #eee;border-bottom:1px dashed #eee; padding-left:15px;}
.sideMenu ul .nLi .sub li a{display:block;width:100%;height:100%;font-family:microsoft yahei;font-size:14px;color:#333;text-decoration:none;box-sizing:border-box}
.sideMenu ul .nLi .sub li a:hover{color:#0c8cdd;}

.mes_title {height: 46px;line-height: 46px;font-size: 14px;color: #333;}
.mes_bd {border: 1px solid #bbb;padding: 40px 100px;background-position: center bottom;background-repeat: no-repeat;font-size: 14px;color: #333;}
.mes_bd tr{ height:60px;}

/* 内页联系我们部分 */
.cont_text{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:40px; margin-top:40px;}
.cont_l{width:80%; float:left;}
.cont_l h3{font-size:26px; line-height:30px; font-weight:bold; color:#0c8cdd;}
.cont_l p{margin-top:20px; line-height:30px; font-size:16px;}
.cont_l .wen{width:100%; float:left; margin-top:40px;}
.cont_l .wen p{font-size:18px; line-height:32px; color:#666;}
.cont_r{width:20%;float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:40px;}
.myaddress-pic{margin-bottom:40px;}

.message{width:100%; float:left; margin-top:60px;}
.message h3{text-align:center; color:#0c8cdd; font-size:30px; line-height:36px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:40px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left; border:none;}
.message ol li:nth-child(7){float:right; border:none;}
.message ol li input{width:100%; height:50px; font-size:16px; background:none; border:1px solid #e6e6e6; color:#999; padding:0 15px; border-radius:6px;}
.message ol li textarea{padding:15px; font-size:16px; width:100%; height:180px; border:1px solid #e6e6e6; background:none; color:#999; border-radius:6px;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:18px; cursor:pointer; border:none;}
.message ol li .btn{background:#0083c4;}
.message ol li .btn2{background:#2aab3e; color:#fff;}
.message input::-webkit-outer-spin-button,.message input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
.message input::-moz-placeholder, textarea::-moz-placeholder{color: #999;}
.message input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
.message input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}