/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

#copy { display: none;}
a {color: #666; text-decoration: none;}
a:hover { color:#2d7dd2;text-decoration: none; border-bottom-style:}

.page{ margin:0 auto; min-width: 1225px; width:1225px;}
.bg{ width: 100%; min-width: 1200px;}

.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}
.top60 {padding-top:60px;}
.top70 {padding-top:70px;}
.top80 {padding-top:80px;}
.top90 {padding-top:90px;}
.top100 {padding-top:100px;}


/*英文样式*/
.font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.en {font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
/*公共标题样式*/
.t{}
.t i{display: block;font-style: normal;font-size:50px;color: #f8f8f8;font-weight: bold;}
.t p{font-size: 40px;color: #222;margin-top:-40px;font-weight: bold;}
.t p>b{color: #2d7dd2;}
.t span{display: block;font-size: 16px;margin-top: 8px;}



/*抬头*/

.head_bg{border-bottom: 1px solid #eee;}
.head{height:2.5vw;}
.head_l h1{font-size:13px;color: #666;line-height: 2.5vw}
.head_r a{display: block;float: left;line-height: 2.5vw;width:5vw;border-left: 1px solid #eee;padding-left: 3.5vw; background: url(//memberpic.114my.com.cn/huibai/uploadfile/image/20210626/20210626123936_1197507405.png)no-repeat 1vw center;font-size: 0.80vw;}
.head_r a:nth-child(2){border-right:1px solid #eee;background: url(//memberpic.114my.com.cn/huibai/uploadfile/image/20210626/20210626124120_1521875366.jpg)no-repeat 1vw center; }
.name{margin-left:9px;margin-top:26px;}
.name p{font-size:22px;font-weight: bold;color: #2d7dd2;letter-spacing:1.8px;}
.name span{display: block;font-size:12px;color: #d5d5d5;}
.lj{ float:right;}
/*导航*/
.top{height:100px;}
.logo{margin-top: 1.2vw;}
.top d img{margin-top: 2.3vw;margin-left: 0.3vw}
.lj{ float:right;margin-top:30px;}

.nav{ width:auto; height:100px;}
.nav>ul>li{ float: left; display: block; padding: 0 10px; height:100px; position: relative;}
.nav>ul>li>a{ display: block; color: #333; font-size:16px; text-align: center; position: relative; z-index: 3333; line-height:100px; line-height:96px;}
.nav ul li:after{content: ''; display: block;width: 0; height: 4px; background:#2d7dd2; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;z-index: 2222; margin: 0 auto;}
.nav ul li.navcurrent:after,.nav ul li:hover:after{width:100%;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a {margin: 0 auto;color: #222;}


/*幻灯片*/
.banner-box,.banner-box .bd li{height:500px;background: #000;}
.banner-box .banner-btn a.prev{background-image:url(//memberpic.114my.com.cn/dghstdq/uploadfile/image/20210618/20210618190401_746928002.png);}
.banner-box .banner-btn a.next{background-image:url(//memberpic.114my.com.cn/dghstdq/uploadfile/image/20210618/20210618190457_294903132.png);}
.banner-box .hd ul li.on{background:#0b74ce;}
.banner-box{min-width:1200px;position:relative;overflow:hidden;margin: 0 auto;}
.banner-box .bd{ width:100% !important;}
.banner-b{position: absolute;bottom: 0;}
.banner-box .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:60px;height:60px;position:absolute;opacity:0.4;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all linear; top:250px;background-repeat:no-repeat; }
.banner-btn a.prev{animation:prev 1.5s linear infinite;} 
.banner-btn a.next{animation:next 1.5s linear infinite;}
@keyframes prev{
	0%{left:60px;opacity:1;}
	50%{left:80px;opacity:0.1;}
	100%{left:60px;opacity:1;}
}

@keyframes next{
	0%{right:60px;opacity:1;}
    50%{right:80px;opacity:0.1;}
	100%{right:60px;opacity:1;}
}


.banner-box .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ width: 32px;}



/*导航下拉*/

.nav ul li>ul{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;width:190px;border-top: #2d7dd2 3px solid;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9999;left:50%;top:100px; margin-left:-94px; text-align:center;}
.nav ul li>ul a{background: #2d7dd2;-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .1);box-shadow: 0 6px 10px rgba(0, 0, 0, .1);padding: 20px 0;width:190px;height: 14px;line-height: 14px; display: block;color: #fff;font-size: 14px;  -webkit-transition: none ease-out .3s;    transition: none ease-out .3s;    -webkit-transition-property: color, background, text-indent, opacity;    transition-property: color, background, text-indent, opacity;}
.nav ul li>ul a:hover{background: #fff; text-indent: 10px;color: #2d7dd2;}
.nav ul li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


.top .tel{margin-top: 2rem;}
.tel{font-size:1.3rem;color: #2d7dd2;background: url(//memberpic.114my.com.cn/huibai/uploadfile/image/20210626/20210626190400_2140933619.png)no-repeat center left;padding-left:1.7vw;}


/*产品*/
.prod_wt{padding:30px;background:#2d7dd2;height: 40px;}
.prod_a a{float: left;font-size: 17px;line-height: 40px;color: #fff;}
.prod_a a+a{margin-left:22px;}
.prod_a a.on{color:#f8a000;}

.search-bg{width:400px;height:40px;line-height:40px;padding-left: 10px;float: left;}
.search-i {width: 32px;overflow: hidden;height: 32px;float: left;margin-top: 10px;}

.search-bg #infoname{height: 40px !important;line-height: 40px !important;width: 100% !important;}
.prod_r form{background:#fff;height: 40px;border-radius: 40px;}


.prod_cont table tr td {display: block;float: left;width: 280px;padding: 0px !important;overflow: hidden;position: relative;border: 1px #eee solid;}
.prod_cont table tr td img {transition: all .5s;}
.prod_cont table tr td span {display: block;line-height: 50px !important;height: 50px;background: #f5f5f5;position: relative;z-index: 2;}
.prod_cont table tr td span a {font-size: 16px;}
.prod_cont table tr td:hover img {transform: scale(1.1);}
.prod_cont table tr td:hover span {background:#2d7dd2;}
.prod_cont table tr td:hover span a{color:#fff;}
.prod_cont table tr td+td{margin-left: 24px;}
.prod_cont table tr+tr{margin-top: 24px;display: block;}


/*应用案例*/
.case_a a{display: block;width: 180px;height: 50px;line-height: 50px;border-radius: 50px;text-align: center;color: #fff;background: #2d7dd2;margin-top:30px;}
.case_a a:hover{background:#f8a000;}

.case_d table tr td{display: block;float: left;width: 280px;padding: 0px !important;margin-top: 24px;overflow: hidden;position: relative;border: 1px #eee solid;}
.case_d table tr td > a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.case_d table tr td > a:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;transition: all 0.3s;transform: perspective(400px) rotateX(-90deg);-moz-transform: perspective(400px) rotateX(-90deg);-webkit-transform: perspective(400px) rotateX(-90deg);-o-transform: perspective(400px) rotateX(-90deg);transform-origin: top;z-index: 2;opacity: .6;}
.case_d table tr td > a:after{content: "";position: absolute;width: 58px;height: 58px;background: url(//memberpic.114my.com.cn/dgruiguan/uploadfile/image/20210608/20210608094459_884959127.png) no-repeat;left: 50%;top: 50%;margin-left: -30px;opacity: 0;transition: all 0.3s;z-index: 3;}
.case_d table tr td:hover a:before{transform: perspective(200px) rotateX(0);}
.case_d table tr td:hover a:after{transition-delay: .1s;margin-top: -40px;opacity: 1;}
.case_d table tr td+td{margin-left: 24px;}
.case_d table tr td img{transition: all .5s;}
.case_d table tr td:hover img{transform: scale(1.1);}
.case_d table tr td br{display:none;}
.case_d table tr td div{display: block;line-height: 50px !important;height: 50px;background: #f5f5f5;position: relative;z-index: 2;}
.case_d table tr td div a{font-size:16px;}
.case_d table tr td:hover span{background: #2d7dd2;}
.case_d table tr td:hover span a{color:#fff;}



/**/
.Partner_d img{border: 1px #eee solid;}





/*友情链接*/
.links{width:100%; overflow:hidden; padding:25px 0; background: #2d7dd2;}
.linksW{width:1200px; min-width:1200px; margin:0 auto;}
.links_l{float:left; width:117px; border-right:solid 1px #fff;}
.links_lm{font-size:16px; line-height:18px; color:#fff;}
.links_len{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:30px; color:#fff; filter:Alpha(opacity=40); opacity:0.4;}
.links_r{float:left; width:800px; padding-top:5px; color:#999; padding-left: 30px;}
.links_r a{font-size:15px; color:#999;}

/*版权*/
.foot_dh{ width:100%; min-width:1300px;background:#272727;}
.foot_dh ul{width:1200px; min-width:1200px; margin:0 auto;}
.foot_dh li span{ font-size:16px; display:block; padding-bottom:12px; padding-top:18px;}
.foot_dh li p {font-size: 17px;color: #ddd;text-align: center;font-weight: bold;padding-bottom: 5px;}
.foot_dh li {float: left;width: 15%;margin-top: 42px;font-size: 14px;color: #b6b6b6;line-height: 35px;}
.foot_dh li span a{ display:block; font-weight:bold; color:#fff; font-size:20px; color:#ddd; padding-bottom:15px;}
.foot_dh li a{ display:block; font-size:14px; color:#b6b6b6; line-height:35px;}
.foot_dh li a:hover {color: #fff;}
.foot_dh li:nth-child(4) {width: 360px;}
.foot_dh li:nth-child(5) {float: right; width:255px;}
/*切换*/
.erweimatab {padding-top: 56px;}
.erweimacon dl+dl{ display:none;}
.erweimatab dt{ width:38px; height:38px; cursor:pointer; background:#363636; border-radius:50%; -webkit-transition:all .4s ease; transition:all .4s ease;}
.erweimatab dt+dt{ margin-top:18px;}
.erweimatab dt.on{ background:#2d7dd2;}
.foot_dh li dl img {width: 180px;height: 180px;padding: 10px;border: 1px solid #363636;}
.copy_bg{ border-top: 1px solid #333; margin-top:59px; font-size:14px; }
.copy{width:1200px; min-width:1200px; margin:0 auto;}
.copy span {width:100%;height: 90px;display: inline-block;color: #888;line-height: 40px;text-align: left;}
.copy span a{ color: #888; font-size:14px;}
.copy span a:hover{ color: #fff;}



/*浮动*/
.my-kefu{position: fixed;right: 0px;top:20% !important;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background: #2d7dd2;margin-top: 1px;padding: 9px 0;height: 80px;width: 77px;}
.my-kefu li i{background: url(//memberpic.114my.com.cn/dgyuehongfan/uploadfile/image/20171220/20171220175102_1029219638.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#2d7dd2;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 15px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;display:flex;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}