/*�峰濮*/
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: 1200px; width:1200px;}
.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;}
.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 p{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(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152247_2104467953.png)no-repeat 1vw center;font-size: 0.80vw;}
.head_r a:nth-child(2){border-right:1px solid #eee;background: url(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152207_1895204708.png)no-repeat 1vw center; }
.name{margin-left:20px;margin-top:26px;}
.name p{font-size:18px;font-weight: bold;color: #2d7dd2;width:200px;}
/*��*/
.top{height:100px;}
.logo{margin-top: 1.2vw;}
.top d img{margin-top: 2.3vw;margin-left: 0.3vw}

.nav{ width:auto; height:100px;}
.nav>ul>li{ float: left; display: block; padding: 0 20px; 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(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152303_709686539.png);}
.banner-box .banner-btn a.next{background-image:url(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152320_1155552461.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(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152348_223064796.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:28px;}
.prod_a a.on{color:#f8a000;}

.search-bg{width:150px;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 div {display: block;line-height: 50px !important;height: 50px;background: #f5f5f5;position: relative;z-index: 2;}
.prod_cont table tr td div a {font-size: 16px;}
.prod_cont table tr td:hover img {transform: scale(1.1);}
.prod_cont table tr td:hover div {background:#2d7dd2;}
.prod_cont table tr td:hover div 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: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:after{content: "";position: absolute;width: 58px;height: 58px;background: url(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152410_1481257096.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:before{transform: perspective(200px) rotateX(0);}
.case_d table tr td:hover: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;}




/**/
.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:22%;margin-top: 42px;font-size: 14px;color: #b6b6b6;line-height: 35px;}
.foot_dh li:nth-child(4){width:30%;}
.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;}
/**/
.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: 70px;display: inline-block;color: #888;line-height: 70px;text-align: left;}
.copy span a{ color: #888; font-size:14px;}
.copy span a:hover{ color: #fff;}



/*�*/
.mbx_navigation{ height: 50px !important; line-height: 30px !important;font-size: 16px !important; text-align: left !important;transition: 0.1s all;}
.strong_title{display:none;}


#bodycon{padding:50px 0 50px 0 !important;}

#en_pro_page_box{clear: both;}


/*�*/
.nynewsproject{padding: 20px; position: relative;  margin: 0 0 2% 0;    height: 178px; box-shadow: 0 0 1px #ddd;transition:all .3s ease-in-out;}
.nynewsproject:hover{box-shadow: 0px 20px 50px #eee;}
.nynewsimg{float: left; overflow: hidden;width: 20%; border:1px #eee solid;}
.nynewsimg img{width: 100%;}
.nynewscont{float: right; padding-top: 1%;width: 78%; text-align:left;}
.nynewstitil{padding-bottom:10px;}
.nynewstitil a{    font-size: 20px;   font-weight: bold; line-height:40px;}
.nynewsdate{position: absolute;bottom:34px; left:287px;}
.nynewsdate div{float:left;}
.nynewsnote{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*产��*/
.nyproductproject{width:348px; padding:10px; border:1px #e1e1e1 solid; float:left; margin: 0 20px 20px 0;}
.nyproductproject:nth-child(3n){margin-right:0;}
.nyproductproject img{width:100%;}
.nyproductdate,.nyproductnote{display:none; }
.nyproducttitil{text-align:center; line-height:40px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;}


#webdh{display: none;}
.lzc_en_pro_content{width: 100% !important;}



/*��*/
.about_listbg{padding-top:50px;}
.about_list a{display:block; float:left; width:198px; height:42px; line-height:42px; text-align:center; color:#333;  background:#f5f5f5; border:1px #fff solid;}
.about_list a:hover,.about_list a.on{color:#fff;  background:#2d7dd2; }


.about_n > .about_main{  line-height:28px; font-size:14px; float: left; width:670px;}
.about_main2{    float: right !important;}
.about_r{ float:right;     padding: 20px 0 0 0;position: relative;}
.about_r:after{display:block;content:"";width:479px;height:370px;border:2px solid #2d7dd2;    top: 40px;right: 20px;z-index: -1;position: absolute;}
.about_r2{float:left;    padding: 0px;}
.about_t{ width:627px; background:url(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152440_1818402416.png) top right no-repeat; font-size:28px; line-height:36px; font-weight:bold; color:#2d7dd2; margin:15px 0 23px; float: left;}
.ft{ margin-top: 10px; margin-left: 45px;    background: none;}
.about_t span{font-family:Arial; font-size:30px; color:#999; font-weight:400; text-transform:uppercase;}
.about_n > .about_main span {color: #2d7dd2; font-size: 18px; font-weight: bold;}
.txt{ border: 1px solid #eee;}


.about_wh p{font-size:16px;line-height:30px;text-indent: 2em;}
.about_wh p strong{display:block;text-indent:0 !important;font-size: 20px;}
.about_wh ul {list-style: none;float:left;width: 48%;}
.about_wh ul+ul{float:right;margin-top:45px;}
.about_wh ul p {font-size: 22px;padding-bottom: 16px;}
.about_wh li {font-size: 14px;line-height: 28px;}


/*系��*/

.contactA {width:100%;background:#f5f5f5;}
.contactA_T {padding:50px;overflow:hidden;border-bottom:1px solid #e2e2e2;position:relative}
.contactA_T_l {left:50px;width:280px;position:absolute;top:50px}
.contactA_T_l>p {font-size:22px;color:#bbb;text-align:justify;line-height:25px}
.contactA_T_l>span {display:block;font-size:40px;color:#333333;line-height:40px;margin:15px 0px;font-family:Microsoft Jhenghei;font-weight:bold}
.contactA_T_l>i {display:block;font-style:normal;color:#999999;line-height:32px;letter-spacing:0.05rem}
.contactA_T_l>a {display:inline-block;width:180px;line-height:50px;color:#fff;text-align:center;font-size:18px;letter-spacing:0.05rem;
margin-top:36px;
    background: -moz-linear-gradient(left,#3a8ff6 0%,#2d7dd2 100%);
    background: -webkit-linear-gradient(left, #3a8ff6 0%,#2d7dd2 100%);
    background: linear-gradient(to right, #3a8ff6 0%,#2d7dd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07b8fe', endColorstr='#2d7dd2',GradientType=1 );}
.contactA_T_l>a:hover{color:#FFF;text-decoration: none;}

.contactA_T_R {position:absolute;width:260px;right:200px;text-align:center;top:50px}
.contactA_T_R p {font-size:16px;line-height:22px;margin-top:0;color:#454545}
.contactA_T_R img {width:160px;display:block;margin:0 auto 15px;    border: 10px solid #FFF;}
.contactA_T .R2{right:16px !important;;}

.contact_A_page {height:100%}
.contactA_T_m {width: 380px;
    margin: 0 auto;
    padding: 0px 50px;
    height: 250px;
    border-left: 1px solid #e2e2e2;
    float: left;
    margin-left: 300px;}
.contactA_T_m div {width:100%;margin-bottom:40px}
.contactA_T_m div span {font-size:22px;color:#2d7dd2;display:block;line-height:30px}
.contactA_T_m div strong {display:block;font-family:"Arial";font-size:36px;color:#427649;line-height:36px;margin:5px 0px 10px}
.contactA_T_m div p {color:#999999;line-height:15px;font-size:13px;display:block}
.contactA_T_m>p {font-size:16px;color:#666666;line-height:35px}
.contactA_B {padding:50px;height:460px;overflow:hidden;position:relative;z-index:10}
.con_img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.con_img i {display:block;background:url(http://login.114my.cn/memberpic/huibai18293en/uploadfile/image/20210708/20210708152504_401510993.png) no-repeat;width:35px;height:50px;margin:0 auto 40px;animation:myanimate 0.5s infinite alternate;-webkit-animation:myanimate 0.5s infinite alternate}
.con_img a {width:150px;padding:12px 0px;background:#cf1717;text-align:center;border-radius:6px;color:#fff;display:inline-block}


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


.video0317{width:60%; height:498px; margin:0 auto;}
.video0317 iframe{width:100% !important; height:100% !important;}

/*����*/
.my-kefu{position: fixed;right: 0px;top:20%;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(http://login.114my.cn/memberpic/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;}
