#idBox{position:fixed; background:#fff; z-index:2147583630; width:90%; left:50%; top:50%;}
#boxTopTitle{width:100%; height:45px; background: #3333ff; line-height:45px; font-size:16px; color:#fff; font-family: ; padding:0 15px; box-sizing:border-box; position: relative;}
#boxClose{position: absolute; right: 0; top: 0; z-index: 2; display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size:24px; font-family:'黑体'; color:#fff;cursor: pointer; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s;}
#boxClose:hover{background: rgba(0,0,0,.2);}
#boxContent{
    position: relative;
    width: 100%;
}
#boxContent iframe{
    position: relative;
}


.con01bg{ margin-bottom:75px;}
.con01{ max-width:1200px; margin:0 auto;}
.con01 ul li{ float:left; width:31%; margin:3% 1% 0 1%; text-align:center;}
.con01 ul li .img{ padding-bottom:70%; position:relative; overflow:hidden;}
.con01 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con01 ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease; opacity:.5;}
.con01 ul li h2{ font-weight:normal; font-size:14px; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:768px){
.con01bg{ padding:0 1%;}
.con01 ul li{ float:left; width:48%; margin:2% 1% 0 1%; }
}

.con02bg{ margin-bottom:30px;}
.con02{ max-width:1200px; margin:0 auto;}
.con02 ul li{ float:left; width:29.33%; margin:2% 2% 20px 2%; text-align:center;}
.con02 ul li .img{ height:186px; position:relative; overflow:hidden;}
.con02 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con02 ul li:hover .img img{ transition:all .3s ease; opacity:.5;}
.con02 ul li .txt{ margin-top:5px;}
.con02 ul li .txt h2{ font-weight:normal; font-size:18px; line-height:2em; height:2em; overflow:hidden;}
.con02 ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em; overflow:hidden; color:#666;}
.more1{ text-align:center;}
.more1 a{ display:inline-block; text-align:center; border:1px solid #7d7d7d; width:98px; height:30px; line-height:30px; border-radius:50px;}
.more1 a:hover{ background:#666; color:#fff;}
.con02 ul li .more1{ margin-top:10px;}
.con02 ul li:hover .more1 a{ background:#666; color:#fff;}
@media(max-width:768px){
.con02bg{ padding:0 2%;}
.con02 ul li{ float:left; width:46%; margin:2% 2% 0 2%; }
}


.inbanner{}
.inbanner img{ display:block; width:100%;}


#layout_1483407597964{ height:auto !important;}
.inside_lt{ float:left; width:260px; margin-top:10px;}
.inside_lt #dh_style_menu2_02_1594967043106{ margin-top:5px;}
.inside_rt{ float:right; width:75%; border:1px solid #ccc; margin-top:10px;}
.h30{ height:30px;}
@media(max-width:768px){
.inside_lt{ float:none; width:94%; margin:0 3%;}
.inside_lt #text_style_02_1483407400851{ width:100% !important;}
.inside_lt #dh_style_menu2_02_1594967043106{ width:100% !important; }
.inside_rt{ float:none; width:94%; margin:15px 3% 0 3%; border:1px solid #ccc; }
}






.contact{}
.contact .info{}
.contact .info table{ border-spacing:0;}
.contact .info table td{ width:50%; padding:10px 4%; vertical-align:middle;}
.contact .info img{ display:inline-block; vertical-align:middle;}
.contact .info span{ display:inline-block; vertical-align:middle; font-size:18px; line-height:1.5em; margin-left:10px;}
.contact .info span b{ display:block;}
.contact .info span img{ max-width:100%;}
.contact .map{ margin-top:30px;}
@media(max-width:768px){
.contact .info table td{ display:block; width:100%; padding:10px 4%; }
}



.news{}
.news ul li{ background:#f9f9f9; padding:20px 20px; margin:10px 0;}
.news ul li .img{ float:left; width:48%;}
.news ul li .img img{ display:block; width:100%;}
.news ul li .txt{ float:right; width:50%;}
.news ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em;}
.news ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; margin-top:10px;}



.product{}
.product ul li{ float:left; width:31.33%; margin:2% 1% 0 1%; text-align:center;
box-shadow: #cccccc 0px 0px 15px;}
.product ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.product ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.product ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease; opacity:.5;}
.product ul li h2{ font-weight:normal; font-size:14px; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:768px){
.product ul li{ float:left; width:48%; margin:2% 1% 0 1%; }
}