body, html, ul{ margin: 0; padding: 0;}
/*@font-face*/
/*{*/
/*font-family: myFirstFont;*/
/*src: url('../font/方正兰亭纤黑_GBK.TTF');*/
/*}*/
body{ font-family: "Microsoft YaHei"; color: #666; font-size: 14px; max-width: 100%; overflow-x: hidden; line-height: 1.6;}
a{font-family: myFirstFont; color: #000; font-size: 14px; text-decoration: none;}
.bghoveranimater.bgmanimation{
transition:all 0.4s ease 0s;
}
.transition,.transition a,.transition a span{ transition:all 0.3s ease 0s;}
a:hover,a:hover span{ color: #008ad0 !important; text-decoration:none !important;}
li,ol{ list-style: none;}
img{ display: block; width: 100%; max-width: 100%;}
input:focus{ outline: none;}
.wordspace{ display: block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.fl{ float: left;}
.fr{ float: right;}
.cl{ clear: both;}
.show{ display: block;}
.hide{ display: none;}
/*.pd4{ padding: 4px;}*/
.pdb4{ padding: 4% 0;}
.fl100{ float: left; width: 100%;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.corlhome{ color: #008ad0;}
.colblack{ color: #000;}
.cor29{ color: #292929;}
.colf{ color: #fff;}
.color82{ color: #828282;}
.bghome{ background-color: #008ad0;}
.bgf9{ background-color: #f9f9f9;}
.bgf{ background-color: #fff;}
.hgauto{ height: auto; overflow: hidden;}
a.hovenone,a.hovenone span{ color: #fff !important;}
.line2{ line-height: 2;}
.radius50{ border-radius: 50%; -webit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.wd1600{ max-width: 1400px; margin: 0 auto;}
.boxzing{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
/*header*/
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1200; background-color: #fff;webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
box-shadow: 0 0 6px rgba(0,0,0,0.25);}
.logo{ width: 240px; margin:19px 0;}
.h_wx{ width: 64px; margin-top: 28px;}
.h_lg{ margin:45px 4% 0 0;}
.h_lg a{ display: inline-block; color: #008ad0; font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin-left: 6px; text-align: center; border: 1px solid #008ad0;}
.h_lg a.cur{ background-color: #008ad0; color: #fff;}
.h_lg a.cur:hover{ color: #fff !important;}
.nav{ width: 47.2%; margin: 0 auto; height: 120px;}
.nav li{ float: left; position: relative; width: 13.666666%; height: 100%;}
.nav_name{ display: block; position: relative; font-size: 18px; width: 100%; height:120px; line-height: 120px; text-align: center;}
.line{ display: block; position: absolute; left: 50%; margin-left:-40%; bottom: 0; width: 0; height: 3px; transition:all 0.3s ease 0s;}
.nav li a.nav_name:hover .line,.nav li.cur a.nav_name .line{ background-color: #008ad0; width: 80%;}
.sub_nav{ display: none; position: absolute; left: 50%; margin-left: -90%; top: 120px; z-index: 1200; width:180%; padding-top: 7px; background-color: #fff;}
.nav .sub_nav li{ float: none; width: 100%;}
.nav .sub_nav li a{ display: block; font-size: 15px; height:48px; line-height: 48px; text-align: center; transition:all 0.3s ease 0s;}
.nav .sub_nav li a:hover{ box-shadow: #ddd 1px 1px 8px; font-size: 16px; height: 60px; line-height: 60px; margin:-6px; background-color: #fff;}
.nav .sub_nav li a:hover span{ background: url("../images/t_nav_slider_icon.png") no-repeat left center; padding-left: 18px;}
.wap_tap{ display: none; background-image:url("../images/wap_h_ac.png"); background-repeat: no-repeat; background-size:36px 36px; background-position: top center; width: 36px; height: 36px; margin-top: 6px;}
.wap_tap.on{ background-image:url("../images/wap_h_ho.png");}
/*pc下拉*/
.nav li a{ display: block; position: relative; font-size: 16px; width: 100%; height: 100%; line-height:120px; box-sizing: border-box; text-align: center; transition:all 0.3s ease 0s;}
.main_menu .current-menu-item a{color: #008ad0;}
.main_menu .current-menu-item ul li a{color: #000;}
.nav li a:after { display: block; position: absolute; left: 50%; margin-left:-40%; bottom: 0; width: 0; height: 3px; background-color: #008ad0; transition:all 0.3s ease 0s; content:'';}
.nav #main_menu{ display: block; width: 100%; height: 100%;}
.nav li .sub-menu{display: none; position: absolute; left: 50%; margin-left: -90%; top: 120px; z-index: 1200; width:180%; padding-top: 7px; background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.nav li .sub-menu li{ float: none; width: auto; height:48px; line-height: 48px; text-align: center;}
.nav li .sub-menu li a{ display: inline-block; line-height: 48px; width: auto; height: auto; font-size: 14px; border-bottom: 0; box-sizing: inherit; transition:all 0.3s ease 0s;}
.main_menu .current-menu-item ul .current-menu-item li a{color: #008ad0;}
.nav li .sub-menu li a:after{ background-color: inherit; width:auto;}
.nav li .sub-menu li:hover{ box-shadow: #ddd 1px 1px 8px; font-size: 16px; height: 60px; line-height: 60px; margin:-6px; background-color: #fff;}
.nav li .sub-menu li:hover a{ background: url("../images/t_nav_slider_icon.png") no-repeat left center; padding-left: 18px;}
.nav li a:hover:after,.nav li.current-menu-item a:after,.nav li.nav_cur a:after{ background-color: #008ad0; width: 80%;}
/*.head{ height: 120px; background-image:url("../images/h_bg.png"); background-repeat: no-repeat; background-size:280px 120px; background-position: top center;}*/
.head{ height: 120px;}
/*下拉*/
.wap_tap_sub{ display: none; position:fixed; top: 50px; left: 0; width: 100%; height: 100%; z-index: 666; background-color: #fff;}
.h_sublist{background-color:#008ad0; padding: 3% 0 4%;}
.h_subname{ display: block; color: #fff; line-height:3; padding: 0 15px;}
.h_subname span{ display: block; padding-left: 22px; background-image: url("../images/wap_subicon1.png"); background-repeat: no-repeat; background-position: left center; background-size: 14px auto; border-bottom: 1px dotted #fff;}
.h_sublg{ padding-top: 6%;}
.h_sublg a{ display: inline-block; color: #fff; font-size: 15px; padding: 4px 22%; border: 1px solid #fff; border-radius: 20px;}
.sub_list{ display: none; background-color: #207a20;}
.sub_box{ padding-left: 22px; border-bottom: 1px dashed #6fa06f; line-height:3.2;}
.sub_box a{ display: block; color: #94ee94; font-size: 14px; padding-left: 16px; background-image: url("../img/wap_subicon2.png"); background-repeat: no-repeat; background-position: left center; background-size: 7px auto;}
.wap_tap_sub a:hover,.wap_tap_sub a:hover span{ color: #fff !important;}
.wap_sublist{ display: none; padding:0 15px;}
.wap_sublist ul{ padding: 7px 0; border-bottom: 1px dotted #fff;}
.wap_sublist li a{ display: block; color: #fff; font-size: 13px; padding:0 22px; line-height: 2.4;}
/*右侧浮选框*/
.right_fixed{ position: fixed; top: 50%; margin-top: -5%; right: 2%; z-index: 2000; width: 50px;}
.right_fixed li{ width: 50px; height: 50px; margin: 14px 0;}
.right_fixed li a{ display: block; height: 50px; line-height: 50px; background-color: #414141; text-align: right;}
.right_fixed li a img{ display: inline-block; width: 50px; height: 50px; vertical-align: middle;}
.right_fixed li a span{ display: none; color: #fff; font-size: 15px;}
.right_fixed li a:hover{ background-color: #2a93f8; width:144px; border-radius: 20px; margin-left: -94px; -webkit-border-radius: 40px; -o-border-radius: 20px; -moz-border-radius: 20px;}
.right_fixed li a:hover span{ display: inline-block; color: #fff!important;}
/*横线*/
.title_line{ display: inline-block; height: 1px;}
/*图片放大*/
.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.7s; -moz-transition:all 0.7s; -webkit-transition:all 0.7s; -o-transition:all 0.7s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
/*按钮效果*/
.item_more{ display: none; background-color: #fff; position:relative; z-index: 30; width:216px; margin: 0 auto; text-align: center; color: #fff; line-height: 40px; overflow: hidden; border: 2px solid #43b2ec;}
.btn .btn-bg{
background:-webkit-linear-gradient(left,#44b3ec,#1e84fe);
position: absolute;
left: -15px;
right: 40px;
top: -20px;
bottom: -20px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
.btn .btn-label{
color: #fff;
float: left;
position: relative;
z-index: 2;
padding: 0 54px;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn .btn-icon{
font-family: "宋体";
color: #248cfb;
font-weight: bold;
float: left;
width: 40px;
z-index: 2;
position: relative;
height: 40px;
}
.btn:hover .btn-bg{ right:-4px;}
.btn:hover .btn-icon{ color: #fff;}
/*预加载动画*/
.load{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99999;}
.load_img{ position: absolute; top: 50%; left: 50%; margin-left: -126px; margin-top: -55px; width: 110px; height: 110px;}
.load_shimg{ z-index: 9999;}
.load_shbd{ z-index: 8888;}
@-webkit-keyframes gogogo {
0%{
-webkit-transform: rotate(0deg);
}
50%{
-webkit-transform: rotate(180deg);
}
100%{
- -webkit-transform: rotate(360deg);
-webkit-transform: scale(1.4);
}
}
@-webkit-keyframes gogogo2 {
0%{
}
50%{
}
75%{
-webkit-transform: scale(1.2);
}
100%{
-webkit-transform: scale(1.2);
}
}
/*.load_shimg{*/
/*-webkit-animation:gogogo2 2s infinite linear ;*/
/*}*/
/*.load_shbd{*/
/*-webkit-animation:gogogo 2s infinite linear ;*/
/*}*/
.load_text{position: absolute; top: 50%; left: 50%; margin-left:-2px; margin-top: -55px; width: 140px; height: 110px;}
/*公共底部*/
.footer{ background-image: url("../images/foot_bg.png"); background-repeat: no-repeat; background-position:bottom center; /*background-size: 100% 146px;*/}
.foot_box{ padding:2% 0; color: #fff;}
.foot a{ color: #fff;}
.foot_l{ width:70%;}
.foot_r{ width: 30%;}
.foot_menue a{ margin-right: 4%;}
.footer a:hover{ color: #fff !important;}
.copyright,.foot_click{ padding-top:2%;}
.copyright div{ padding-left: 18px; background-image: url("../images/copyright_icon.png"); background-position: left center; background-repeat:no-repeat; background-size: 14px 14px;}
.foot_share a{ display: inline-block; width: 30px; margin: 0 4px;}
.foot_click a{ padding: 0 1.4%;}
/*wap下拉-微信*/
.h_sublist li{ padding: 0 15px; line-height: 3;}
.h_sublist li a{ display: block; color: #fff; padding-left: 22px; background-image: url("../images/wap_subicon1.png"); background-repeat: no-repeat; background-position: left center; background-size: 14px auto; border-bottom: 1px dotted #fff;}
.h_sublist li .sub-menu{ display: none; padding: 7px 0; border-bottom:1px dotted #fff;}
.h_sublist li .sub-menu li{ line-height: 2.4;}
.h_sublist li .sub-menu li a{ background-image: none; border: 0; display: block; color: #fff; font-size: 13px; padding: 0 7px;}
.foot_share a{ position: relative;}
.foot_fadewx{ display: none; width: 80px; height: 80px; padding: 2px; border: 1px solid #999; border-radius: 5px; background-color: #fff; position: absolute; top: -86px; left: -31px; z-index: 30;}
/* 证书限高*/
.honor .boxzing a{height: 270px;}
.aboutus_menu li{ display: inline-block;
position: relative;
padding: 2% 1.6%;
text-align: center;}
.aboutus_menu .current-menu-item{border-bottom:2px solid #008ad0;}
.aboutus_menu li:hover{border-bottom:2px solid #008ad0;}
#crumbs{float:left;}
.position b{float:left;font-weight:normal;}
#footernav_menu li{ display: inline-block;
white-space: nowrap;
padding: 0 10px;}
.clearboth{clear:both;}
.pro_vtctitle{ letter-spacing: 2px; letter-spacing: 2px;
border-bottom: 1px solid #008ad0;
display: inline-block;
padding-bottom: 10px;}
.pc-banner .swiper-wrapper img{margin: 0 auto;}
.pro_vtcinfor p{ padding: 1.4% 0 1.4% 22px;
background-image: url(../images/pro_vinfo_icon.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 9px 9px;
margin: 0 auto;
font-size: 16px;}
.aligncenter{text-align: center;
align-items: center;
margin: 0 auto;}
.pro_vcont table{ height: auto !important;border-collapse:collapse;border-left: solid 1px #d9e5f3;
width: 100% !important;
}
.pro_vcont table tr{border-top: solid 1px #d9e5f3;}
.pro_vcont table tr td{ padding-left: 10px;
border-right: solid 1px #d9e5f3;border-bottom: solid 1px #d9e5f3;}
.pro_vcont table div{padding-left: 10px;}
/*兼容移动端*/
.tableyidong{width: 100%; overflow-x: auto;}
.tableyidong table{table-layout:fixed;}
.tableyidong table td{padding-left: 10px;}
.yt_pfujian li{padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;}
.yt_pfujian li img{width: 50px;height: 50px;}
@media screen and (min-width: 1400px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (min-width: 979px) {
}
@media screen and (max-width: 979px) {
iframe{width: 100%;
height: auto;}
}
@media screen and (max-width: 768px) {
iframe{width: 100%;
height: auto;}
}
@media screen and (max-width: 479px) {
iframe{width: 100%;
height: auto;}
}
@media screen and (max-width: 375px) {
iframe{width: 100%;
height: auto;}
}
@media screen and (max-width:320px) {
iframe{width: 100%;
height: auto;}
}
.wp-pagenavi .current{
color: #fff !important;
background: -webkit-linear-gradient(left,#44b3ec,#1e84fe);
border-radius: 6px;
padding: 0.6% 0.8%;
margin: 0 4px;
border: none;
}
.page .wp-pagenavi a, .page .wp-pagenavi span{
padding: 0.6% 1%;
margin: 0 4px;
color: #737373;
border:none;
}
.team_box{height: 146px;}
.team_box .appl_gd div{/* text-align:justify; */margin-top: 10px;}
.pro_vcont .pyingyong table{border-left:none;}
.pro_vcont .pyingyong table tr {
border-top: none;
}
.pro_vcont .pyingyong table tr td {
padding-left: none;
border-right:none;
border-bottom: none;
}
.pyingyong ul{overflow: hidden;padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;}
.pyingyong ul li{ float: left;
width: 20%;
padding: 0 13px;
box-sizing: border-box;
margin-top: 15px;
display: inline;
}
.pyingyong ul h5{ font-family: myFirstFont;
color: #000;
font-size: 14px;
text-decoration: none;margin-left: 13px;
padding-left: 20px;
background-image: url(../images/applica_icon.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 14px 19px;}
.banner_img img{ margin: 0 auto;max-height: 500px;
width: 100%;}
/*.wap-hide .banner_img img{ height: 500px;}*/
/*#platform > div:nth-child(2) > div:nth-child(2) > span{}}*/
.qywh3 p{ padding: 0px;
margin-block-start: 0px !important;
margin-block-end: 0px !important;}
.body_proview .pyingyong img{width: 100%;height:154px;}
.qywh3 img{width: 100%;}