#header{position:fixed; z-index:999999; top:0; left:0; width:100%; height:auto; background:#fff;}

.top{width:100%; height:88px;}
.logo{float:left; width:225px; height:76px; margin:6px 0; overflow:hidden;}
.logo img{display:inline-block; width:100%; height:auto;}

.language{float:right; height:18px; margin:35px auto;}
.language a{display:block; float:left; padding-left:22px; color:#999; font-size:12px; line-height:18px;}


/*头部导航*/
.ph_menu{display:none;}

.pc_menu{float:right;}
.pc_menu ul .nli{float:left; margin:26px 13px;}
.pc_menu ul .nli a{float:left; height:36px; border-radius:5px; line-height:36px; padding:0 12px; color:#333; font-size:18px; position:relative;}
.pc_menu ul .on a,
.pc_menu ul .nli:hover a{background:#ff5d00; color:#fff;}

.pos_fix{position:fixed; top:0px; z-index:21; left:0;}

/*手机导航*/
.ph_lan{width:100%; height:18px; line-height:18px; padding:10px 0; text-align:center;}
.ph_lan a{display:inline-block; padding-left:22px; color:#666; font-size:12px;}


.ph_menu{display:none; position:absolute; z-index:1000; top:46px; width:100%; height:auto; background:#eee; overflow:hidden;}
.ph_menu ul{width:100%; margin:0 auto;}
.ph_menu ul .ph_nli{width:100%; height:24px; line-height:24px; padding:6px 0; margin:3px 0; border-top:1px solid #ddd;}
.ph_menu ul .ph_nli:first-child{border:none;}
.ph_menu ul .ph_nli a{display:block; width:96%; margin:0 auto; color:#666; text-align:center;}
.ph_menu ul .ph_nli a:hover{color:#333;}

#ph_btn{display:none; position:absolute; z-index:10; top:10px; right:10px; margin-left:-8px; width:26px; height:60px; cursor:pointer;}
#ph_btn span{position:absolute; z-index:1; top:29px; right:0; display:inline-block; width:22px; height:2px; background:#333; -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;}
#ph_btn span::after,
#ph_btn span::before{position: absolute; right: 0; top:-10px; display: inline-block;  width:26px;  height:2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:#333;  }

#ph_btn span::after{top:-9px;}
#ph_btn span::before{top:9px;}

#ph_btn.active span{background-color:transparent;}
#ph_btn.active span::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px;}
#ph_btn.active span::before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:0px;}

/*首页关于影为*/
.m_company{width:96%; height:auto; margin:100px auto; overflow:hidden;}
.l_com_img{float:left; width:530px; height:auto; overflow:hidden;}
.l_com_img img{display:block; width:100%; height:auto; transition:all 1s;}
.l_com_img img:hover{transform:scale(1.1); transition:all 1s;}
.r_com_txt{float:right; width:560px; height:auto; overflow:hidden;}
.r_com_txt h2{font-size:28px; line-height:50px; margin-top:20px; color:#555;}
.r_com_txt span{display:block; color:#48bbd8; font-size:20px; line-height:50px;}
.r_com_txt .com_txtp{max-height:150px; font-size:15px; line-height:30px; overflow:hidden;}
.r_com_txt a{display:block; margin-top:10px; color:#ff5d00; font-size:16px; line-height:28px; transition:all .5s;}
.r_com_txt a:hover{padding-left:15px; transition:all .5s;}

/*解决方案*/
.m_method{position:relative; z-index:1; width:100%; height:auto; overflow:hidden;}
.m_method .m_tit1{position:absolute; z-index:1; top:12%; width:100%; color:#444; font-size:28px; line-height:40px; text-align:center;}

/*首页公司产品*/
.m_pro{width:100%; height:auto; margin:100px auto 60px; overflow:hidden;}
.m_tit{width:100%; height:auto; overflow:hidden;}
.m_tit h2{font-size:28px; line-height:38px; text-align:center;}
.m_tit h2 a{color:#333;}

.m_tit_bot{margin:20px auto 30px;}

.m_listpro{width:100%; height:auto; margin:80px auto 0; overflow:hidden;}
.m_listpro ul{height:auto; padding:6px; overflow:hidden;}
.m_listpro ul li{float:left; width:270px; height:auto; margin-right:36px;}
.m_listpro ul li:hover{box-shadow:0 0 5px #666;}
.m_listpro ul li:nth-child(4){margin-right:0;}
.m_listpro ul li dl{width:100%; height:auto; overflow:hidden;}
.m_listpro ul li dl dt{position:relative; z-index:1; width:100%; height:auto; background:#ededed; overflow:hidden;}
.m_listpro ul li dl dt img{display:block; width:100%; height:100%; overflow:hidden;}
.m_listpro ul li dl dt .pro_img{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.m_listpro ul li dl dd{position:relative; width:100%; height:120px; overflow:hidden;}
.m_listpro ul li dl dd h3{width:90%; padding:0 5%; color:#444; font-size:20px; line-height:40px;}
.m_listpro ul li dl dd p{width:90%; height:50px; padding:0 5%; color:#888; font-size:14px; line-height:25px; overflow:hidden;}
.m_listpro ul li dl dd span{position:absolute; z-index:1; left:0; bottom:0; width:100%; height:2px; background:#53b9ce;}
.m_listpro ul li:hover dl dd span{animation:changewidth 1s linear;}
@keyframes changewidth {
  0% {    
    width:100%;
    left:0;
  }
  50% {
    width:0;
    left:50%;
  }
  100% {
    width:100%;
    left:0;
  }
}

/*首页公司新闻*/
.bg_f2{background:#f9f9f9;}
.m_news{width:100%; height:auto; margin:80px auto; overflow:hidden;}

/*首页新闻列表*/
.ph_news{display:none;}

.m_listnews{width:100%; height:auto; margin:60px auto 0; overflow:hidden;}
.m_listnews ul{width:100%; height:auto; overflow:hidden;}
.m_listnews ul li{float:left; width:380px; height:auto; margin-right:30px;}

.m_listnews ul li:nth-child(3){margin-right:0;}
.m_listnews ul li dl{width:100%; height:auto; overflow:hidden;}
.m_listnews ul li dl dt{position:relative; z-index:1; width:100%; height:auto; background:#ededed; overflow:hidden;}
.m_listnews ul li dl dt img{display:block; width:100%; height:100%; overflow:hidden; transition:transform 1s;}
.m_listnews ul li:hover dl dt img{transform:scale(1.1); transition:transform 1s;}
.m_listnews ul li dl dt .news_img{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.m_listnews ul li dl dd{width:100%; height:150px; overflow:hidden;}
.m_listnews ul li dl dd h3{margin:20px 0 5px; color:#333; font-size:20px; line-height:40px; transition:all 1s;}
.m_listnews ul li:hover dl dd h3{padding-left:15px; transition:all 1s;}
.m_listnews ul li dl dd p{height:50px; color:#666; font-size:15px; line-height:25px; overflow:hidden;}
.m_listnews ul li dl dd span{float:left; display:inline-block; margin-top:10px; font-size:14px; line-height:25px; color:#666;}
.m_listnews ul li dl dd .look_more1{float:right; display:inline-block; margin-top:10px;}
.look_more1 a{font-size:14px; color:#53b9ce; text-decoration:underline;}

/*首页联系我们*/
.m_contact{width:100%; height:auto; margin:80px auto 20px; overflow:hidden;}
.m_contact .contact_us{width:1000px; height:auto; margin:60px auto 0; overflow:hidden;}
.contact_us .l_contact{float:left; width:700px; height:auto; overflow:hidden;}
.l_contact ul{float:left; width:100%; height:auto; overflow:hidden;}
.l_contact ul li{float:left; width:45%; height:auto; margin:10px 0; color:#666; font-size:18px; line-height:30px; overflow:hidden;}
/*.l_contact ul li:first-child,
.l_contact ul li:nth-child(3){margin-right:10%}*/

.l_contact ul li span{display:inline-block; padding-left:65px; background:url(../images/m_contactbg.png) no-repeat left 3px;}
.l_contact ul li span.m_kf{line-height:60px;background-position:left -400px;}
.l_contact ul li span.m_tel{line-height:60px;}
.l_contact ul li span.m_adres{background-position:left -129px;}
.l_contact ul li span.m_email{line-height:60px; background-position:left -256px;}
.r_contact{float:right; width:150px; height:auto; margin-right:10px; overflow:hidden;}
.r_contact .ewm{width:150px; height:150px; overflow:hidden;}
.r_contact .ewm_txt{font-size:17px; color:#666; line-height:30px; text-align:center;}

/*底部*/
#footer{width:100%; height:auto; background:#3eb2d2; overflow:hidden;}
.footer{width:100%; height:auto; margin:60px auto; overflow:hidden;}
.footer_nav{width:100%; height:auto; text-align:center; font-size:18px; color:#fff;}
.footer_nav a{display:inline-block; margin:0 15px; font-size:18px; color:#fff; text-align:center;}
.footer_nav span:last-child{display:none;}
.copyright{width:100%; height:auto; margin-top:20px; font-size:16px; color:#fff; line-height:25px; text-align:center;}


/*回到顶部*/
#top{display:none; position:fixed; z-index:10; right:10px; bottom:20px; transition:all 1s; cursor:pointer;}
#top span{display:block; width:50px; height:26px; border-radius:5px; line-height:26px; color:#fff; font-size:14px; text-align:center; background:#999;}


/*内页banner*/
.inner_banner{width:100%; height:auto; margin-top:88px; overflow:hidden;}

/*关于我们页面*/
.inner_nav{width:100%; height:80px; background:#f7f9f8; font-size:0; text-align:center;}
.inner_nav a{display:inline-block; margin:20px 5px; padding:0 15px; border:1px solid #ddd; color:#333; font-size:16px; line-height:38px;}
.inner_nav a:hover,
.inner_nav .am-active,
.inner_nav .on{border:1px solid #ff5d00; background:#ff5d00; color:#fff;}

.am-sticky{position:fixed; z-index:10;}


#about1{height:auto; overflow:hidden; margin:30px auto;}
.l_about{float:left; width:260px; height:auto; margin-top:-1px; overflow:hidden;}
.l_about .top_about{position:relative; width:100%; height:180px; margin:0 auto 1px; background:#48bbd8;}
.l_about .top_about:after{position:absolute; z-index:1; right:-13px; bottom:-3px; content:""; width:0; height:0; border-top:20px solid #fff; border-left:20px solid transparent; border-right:20px solid transparent; transform:rotate(-45deg);}
.l_about .top_about h2{float:left; width:80%; margin:30px 10% 10px; color:#fff; font-size:24px; line-height:40px; text-align:right;}
.l_about .top_about span{float:right; width:60%; height:1px; margin:0 10% 0 30%; background:#fff;}
.l_about .top_about p{float:left; width:80%; margin:10px 10% 20px; color:#fff; font-size:14px; text-align:right; line-height:30px;}
.l_about .about_img{width:100%; height:auto; overflow:hidden;}
.l_about .about_img img{width:100%; height:auto;}

.r_about{float:left; width:900px; height:auto; margin-left:40px; overflow:hidden;}
.r_about .about_tit1{height:30px; margin:40px auto 20px; padding-left:10px; border-left:5px solid #ff5d00; font-weight:bold; font-size:18px; line-height:30px;}
.r_about .about_txt{width:880px; padding-right:20px; padding-bottom:30px;/* border-bottom:1px solid #ddd;*/ line-height:26px; font-size:15px;}
/*.r_about .about_txt2{width:880px; padding-right:20px; padding-bottom:30px; line-height:26px; font-size:15px;}*/

/*公司文化*/
.a_tit1{width:100%; height:90px; margin:80px auto 50px; text-align:center;}
.a_tit1 h2{font-size:24px; line-height:40px; color:#333;}
.a_tit1 span{display:block; width:30px; height:2px; margin:10px auto; background:#ff5d00;}
.a_tit1 p{color:#878787; font-size:14px; line-height:28px;}
.culture{width:100%; height:450px; margin:0 auto 120px;}
.culture ul{width:100%; height:100%; padding:10px 0; overflow:hidden;}
.culture ul li{float:left; width:380px; height:100%; margin:0 10px; background:rgba(41,169,201,.68); overflow:hidden; transition:all .5s;}
.culture ul li:nth-child(2){background:rgba(255,93,0,.68);}

.culture ul li:hover{margin-top:-10px; transition:all .5s;}
.culture ul li h3{margin:50px 8% 10px; padding-bottom:20px; border-bottom:1px solid #fff; color:#fff; font-size:20px; line-height:50px; text-align:center;}
.culture ul li .culture_txt{height:auto; margin:30px 10%; max-height:208px; color:#fff; font-size:15px; line-height:26px; overflow:hidden;}

/*ph端*/
.ph_cult{display:none;}
.cul_box{width:100%; height:auto; overflow:hidden;}
.cul_box .culture_txt{display:none;}
.culture ul li .cul_box h3{position:relative; z-index:1; line-height:40px; font-size:18px; margin-top:10px; padding-bottom:10px; border-bottom:none;}
.culture ul li .cul_box h3 span{position:absolute; z-index:10; top:0; right:5px; font-size:16px; display:inline-block; width:40px; line-height:40px;}


.a_contact{width:100%; height:auto; margin:0 auto 100px; overflow:hidden;}
.l_lianxi{float:left; width:420px; height:auto; overflow:hidden;}
.l_lianxi p{font-weight:bold; font-size:20px; color:#34B4D3; line-height:40px;}
.l_lianxi h3{font-size:18px; line-height:60px;}
.l_lianxi span{display:inline-block;width:350px; margin-top:5px; padding:5px 0; padding-left:60px; background:url(../images/a_contactico.png) no-repeat left 10px; font-size:15px; line-height:60px;}
.l_lianxi span.a_email{background-position:left -109px;}
.l_lianxi span.a_website{background-position:left -237px;}
.l_lianxi span.a_adres{background-position:left -381px;}

.r_map{float:right; width:700px; height:400px; overflow:hidden;}

/*新闻列表页*/
.news_list{width:86%; height:auto; margin:50px auto 80px; overflow:hidden;}
.news_list ul{width:100%; height:auto; overflow:hidden;}
.news_list ul li{width:100%; height:auto; overflow:hidden;}
.news_list ul li .l_img{position:relative; z-index:1; float:left; width:50%; height:auto; overflow:hidden;}
.news_list ul li .l_img img{display:block; width:100%; height:100%; overflow:hidden;}
.news_list ul li .l_img .news_img{position:absolute; z-index:1; top:0; left:0; transition:all 1s;}
.news_list ul li .l_img:hover .news_img{transform:scale(1.1); transition:all 1s;}
.r_newsbox{float:right; width:44%; height:100%; margin:0 3%;}
.r_newsbox h3{width:100%; height:50px; padding:50px 0 10px; font-size:18px; line-height:50px; text-align:center;}
.r_newsbox h3 a{color:#333;}
.r_newsbox span{display:block; width:5%; height:3px; margin:0 auto 10px; background:#666; transition:all 1s;}
.news_list ul li:hover{background:#f5f5f5;}
.r_newsbox:hover span{width:100%; background:#48bbd8; transition:all 1s;}
.r_newsbox p{height:125px; margin:30px 2% 20px; font-size:15px; line-height:25px; color:#666; overflow:hidden;}
.r_newsbox .more_news{display:block; width:70px; height:24px; margin:0 auto; border:1px solid #48bbd8; border-radius:2px; color:#48bbd8; font-size:16px; text-align:center; line-height:24px;}
.news_list ul li:nth-child(2n+2) .l_img{float:right;}
.news_list ul li:nth-child(2n+2) .r_newsbox{float:left;}

/*新闻详情页*/
.show_news{width:100%; height:auto; margin:50px auto 80px; overflow:hidden;}
.s_news_tit{width:100%; height:auto; padding-bottom:20px; border-radius:3px; background:#48bbd8; overflow:hidden; color:#fff;}
.s_news_tit p{height:auto; margin-top:30px; font-size:20px; line-height:40px; text-align:center; overflow:hidden;}
.s_news_tit span{display:block; width:100%; font-size:14px; text-align:center;}
.show_news .s_news_box{width:96%; height:auto; margin:20px auto 80px; line-height:180%; font-size:15px; overflow:hidden;}

/*解决方案*/
.method_1,
.method_2,
.method_3{width:100%; padding:100px 0; margin:0 auto;}
.method_2{background:#f9f9f9;}
.method_box1{width:100%; height:auto; overflow:hidden;}
.l_method{width:45%; height:auto; margin:auto; overflow:hidden;}
.meth_txtbox{display:table-cell; width:100%; height:100%;vertical-align:middle;}
.meth_txtbox h3{font-size:20px; line-height:60px; color:#48bbd8;}
.l_method .method_txt{width:100%; overflow:hidden; color:#666; line-height:25px; vertical-align:middle;}
.r_method{width:44%; height:480px; overflow:hidden;}
.method_img1{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.r_method img{display:inline-block; width:100%; height:auto;vertical-align:middle;}

.pro_nav{width:100%; height:200px; margin:50px 0;}
.pro_nav .l_navtxt{float:left; width:400px; margin:0 50px; font-size:36px; line-height:50px; text-align:center; color:#333;}
.l_navtxt .catname{display:table-cell; width:360px; height:200px; vertical-align:middle;}
.r_navlist{float:right; height:186px; margin:7px 5px;}
.r_navlist ul{}
.r_navlist ul li{float:left; width:162px; height:auto; margin:0 4px; overflow:hidden;}
.r_navlist ul li .img_nav{position:relative; z-index:1; width:100%; height:auto; overflow:hidden;}
.r_navlist ul li .img_nav .pro_navbg{position:absolute; z-index:1; top:0; left:0;}
.r_navlist .img_nav img{display:block; width:100%; height:100%; overflow:hidden;}
.r_navlist ul li span{display:block; width:100%; height:24px; font-size:15px; line-height:24px; color:#333; text-align:center;}
.r_navlist ul li:hover span{background:#46bcd8; color:#fff;}

/*产品中心*/
.bg_e{background:#eee;}
.pro_tab{width:100%; height:60px; overflow:hidden;}
.pro_tab ul{width:100%; text-align:center; font-size:0; color:#333;}
.pro_tab ul li{display:inline-block; margin:1px 15px 2px; border-bottom:2px solid transparent; line-height:57px; font-size:18px; cursor:pointer;}
.pro_tab ul li.active,
.pro_tab ul li:hover{border-bottom:2px solid #46bcd8; color:#46bcd8;}

/*.pro_content{display:none;}*/
.pro_wrap1,
.pro_wrap2,
.pro_wrap3{width:100%; padding:100px 0; margin:0 auto;}
.pro_wrap2{background:#f9f9f9;}
.pro_box{width:100%; height:auto; overflow:hidden;}
.l_protxt{width:45%; height:auto; margin:auto; overflow:hidden;}
.l_protxt .pro_txt{display:table-cell; width:100%; height:100%; line-height:25px; color:#666; vertical-align:middle;}
.r_proimg{width:44%; height:480px; overflow:hidden;}
.product_img{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.r_proimg img{display:inline-block; width:100%; height:auto;vertical-align:middle;}

.pro_imglist{width:60%; height:600px; margin:30px auto; position:relative; overflow:hidden;}



.xind_radio{padding-top:6%;box-sizing: border-box;width: 100%; background: url("../images/20220609151901.jpg") no-repeat 50%; background-size:cover;}
.xind_radio .xind_radio_inner{position: relative;width: 100%;max-width: 1200px; margin:0 auto -3px;}
.xind_radio_bg{width: 100%;}
.xind_radio li{position: absolute;box-sizing: border-box;}
.xind_radio li .con{width: 100%;text-align: center;}
.xind_radio li a{display: block; color:#333;}
.xind_radio li:hover a{color: #333;}
.xind_radio li img{width: 100%;}
.xind_radio li span{display: none;}
.xind_radio li img.default{display:block;}
.xind_radio li img.hover{display:none;}
.xind_radio li:hover img.default{display:none;}
.xind_radio li:hover img.hover{display:block;}
.ip2_wai li{width:13%;padding:6.5% 0;}
.ip2_nei li{width: 11%;padding: 5.5% 0;}
.ip2_nei li a,
.ip2_nei li:hover a{color:#fff;}
.ip2_wai .p1{font:17px/36px "microsoft yahei";}
.ip2_nei .p1{font:17px/30px "microsoft yahei";}
.ind_page2 .p2{font:12px/14px "Arial";}
.ind_page2 .p1 span{display: none;}
.ip2_wai li.li1,
.ip2_wai li.li4{top:39.2%;}
.ip2_wai li.li2,
.ip2_wai li.li3{top:1.5%;}
.ip2_wai li.li1{left:0.5%;}
.ip2_wai li.li4{right:0.5%;}
.ip2_wai li.li2{left:24.3%}
.ip2_wai li.li3{right:24.3%}
.ip2_nei li.li1,
.ip2_nei li.li4{top:72.73%;}
.ip2_nei li.li2,
.ip2_nei li.li3{top:45.73%;}
.ip2_nei li.li1{left:20.5%;}
.ip2_nei li.li4{right:20.5%;}
.ip2_nei li.li2{left:31.9%}
.ip2_nei li.li3{right:31.9%}
@media (max-width: 1150px){
    .xind_radio li span{display:block;}
}

@media (max-width: 768px){
    .ip2_nei .p1{font-size: 12px;line-height:24px;}

    .ip2_wai .p1{font-size: 12px;line-height:24px;}
    .ip2_nei .p1{font-size: 12px;line-height:24px;}
}


@media (max-width: 500px){
    .ip2_wai .p1{font-size: 10px;line-height:13px;}
    .ip2_nei .p1{font-size: 10px;line-height:13px;}
}


.mycenter{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}


@media (max-width: 1300px){
    .pd12{box-sizing: border-box;padding-left:50px;padding-right: 50px;}
}

@media (max-width: 767px){
    .pd12{box-sizing: border-box;padding-left:5%;padding-right: 5%;}
}