@charset "utf-8";
h1,h2,h3,h4,p{margin:0;padding:0;}
.contact-banner{height:320px;background:url(/uploads/image/ciabout/contactus_banner.jpg) no-repeat center;padding-top:90px;color:#fff;background-size:cover}
.introducebanner-nav2{background:#f5f5f5;}
.introducebanner-nav2 li{float: left;width: 150px;height: 50px;text-align: center;line-height: 50px;}
.introducebanner-nav2 li:hover{background: #ffad33;}
.introducebanner-nav2 li:hover a{color: #fff;}
.introducebanner-nav2 li.active{background: #ff9900;}
.introducebanner-nav2 li.active a{color: #fff;}
.introducebanner-nav2 li a{color: #333333;font-size: 16px;display: block;}
.contact_info{padding-top:60px;background:#fff;padding-bottom:50px;}
.contact_info li{width:413px;height:160px;background:#f8f8f8;float:left;padding-top:25px;padding-left:30px;margin-right:20px;}
.contact_icon{display:block;background-image:url(/uploads/image/ciabout/contact.png);display:inline-block;vertical-align:middle}
.contact_info li .tel_icon{width: 24px;
    height: 24px;
    background-position: -164px -350px;
    margin-right: 10px;}
.qq_icon{width: 25px;
    height: 28px;
    background-position: -20px -348px;
    margin-right: 10px;}
.chat_btn:hover{background:#f90;color:#fff;}
.chat_btn{width:100px;height:30px;line-height:28px;border:1px solid #ff9900;text-align:center;font-size:14px;color:#f90;display:inline-block;border-radius:4px;margin-left:10px;transition:all .5s ease}
.vm{vertical-align:middle}
.mail_icon{    width: 25px;
    height: 28px;
    background-position: -92px -348px;
    margin-right: 10px;}
/*打款账号*/
.payment{padding-bottom:50px;}
.payment h2{margin-bottom:40px;}
.payment ul{margin-top:35px;}
.payment ul li{    margin-right: 20px;
       background: #f8f8f8;
    width: 630px;
    height: 160px;
    float: left;padding:20px;margin-bottom:10px;}
.payment ul li:hover .boxstyasd{opacity:1;cursor:pointer}
.payment ul li .boxstyasd{opacity:0;transition:all .5s ease}
.contact_bank{width:270px;height:50px;background-position:0 -142px;}
.contact_hzbank{    width: 260px;
    height: 100px;
    background-position: -663px -285px;}
.contact_zfb{     width: 178px;
    margin-left: 60px;
    height: 62px;
    margin-top: 30px;
    /* padding-top: 30px; */
    background-position: -345px -315px;}

.dis-inline{display:inline-block}
/*地图*/
.address_box{  
    height:300px;
    display: inline-block;float:left;
    width: 780px;
    overflow: hidden;}
.address_box_left{

    height: 300px;
    display: inline-block;float:left;
  width:500px;

    overflow: hidden;
}
.address_box_left img{width:100%;height:100%;}
.address_box_parent{

}
.contact_ditu{
    margin:0 auto;
    padding-bottom:50px;min-width: 1280px;
    overflow: hidden;
}
.contact_add{width:1280px;background:#f5f5f5;position:relative;margin:0 auto;}
.contact_ditu li{width:318px;height:240px;background:#fff;padding:30px 15px;float:left;cursor:pointer;transition: all .3s;margin:10px;background:#f8f8f8}
.contact_addtitle{
    padding-left:30px;padding-top:40px;padding-right:45px;height:140px;
}
.contact_addtitle .clearfix{display:inline-block;line-height:20px;    width: 100%;}
.contact_addtitle p{display:inline-block;}
.contact_addtitle b{font-size: 14px;
    border: 1px solid #f90;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
    color: #f90;
    border-radius: 4px;
    transition: all .5s ease;}
/*.contact_ditu li:hover{
    box-shadow: 0 13px 35px 0 rgba(0,0,0,.19);
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1);   
    position: relative;
    z-index: 9;
}*/
.contact_address{width:21px;height:24px;background-position:-22px -248px;margin-top:6px;margin-right:10px;}
.iw_poi_title {color:#cc5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#ditucontent1 .center{width:305px!important;}
#ditucontent1 .bottom{height:25px!important;}
#ditucontent2 .center{width:303px!important;}
#ditucontent2 .bottom{height:25px!important;}
#ditucontent3 .center{width:252px!important;}
#ditucontent3 .bottom{height:25px!important;}
#ditucontent4 .center{width:327px!important;}
#ditucontent4 .bottom{height:25px!important;}
#ditucontent5 .center{width:252px!important;}
#ditucontent5 .bottom{height:25px!important;}
.ditucontentitem{position:absolute;left:50%;margin-left:-865px;}

/*2020-10-10*/
.contact_list{width:1352px;margin:auto;}
.contact_list li{position:relative;}
.contact_item{margin-top:50px;}
.contact_item h3{    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;}
.boxstyasd{cursor:pointer;}
.contact_item .click_ditu{position:absolute;left:30px;bottom:30px;color: #b3b3b3;padding-left:26px;background:url(/uploads/image/ciabout/pos.png) no-repeat left center;}
.contact_item .click_ditu:hover{background:url(/uploads/image/ciabout/pos_hover.png) no-repeat left center;color:#f90}
.ditu_title .boxstyasd{width: 40px;
	height: 24px;border-radius: 4px;
	border: solid 1px #ff9900;cursor:pointer;}