/*
	Name: Agent_Style v1.0 -CSS Framework
	Author: Liuqq
	Styles updated: 2016/2/18
-------------------------------*/
@charset "utf-8";
/* CSS Document */

/*联系方式*/
.clear{clear: both;}
.contact{width:1200px;margin:0 auto;}
.contact .g-title{height:24px; line-height : 24px; padding-left : 12px; margin-bottom : 10px;font-size: 20px;font-weight: bold; border-left : 5px solid #0b70c8;}
.contact .tel-img{width: 100%;text-align: center;padding:35px 0; margin-bottom : 20px;}
/*客户留言*/
.contact .message{width:1180px; padding-left : 20px; padding-top : 16px;}
.contact .message .input-area{width:908px;padding:16px 0; margin-bottom : 36px;border:1px solid #e5e5e5;background: #f9f9f9;color:#7c7c7c;}
.contact .message .input-area .input-item{ margin-bottom : 12px;overflow : hidden;}
.contact .message .input-area .input-item label{ float : left;width:100px; line-height : 30px;text-align: right;}
.contact .message .input-area .input-item input{ float : left;height:20px; line-height : 20px;padding:5px;border:1px solid #e5e5e5;}
.contact .message .input-area .input-item input.c-name{width:700px;}
.contact .message .input-area .input-item input.code{width:200px; margin-right : 5px;}
.contact .message .input-area .input-item textarea{float : left;width:700px;height:84px; line-height : 28px;padding:5px;border:1px solid #e5e5e5;resize: none;}
.contact .message .input-area .btn-submit{ display : block;margin-left : 100px;width:80px;height:32px; line-height : 32px;text-align: center;color:#fff;background: #ff9100;}

.contact .message .message-list{width:1100px;color:#7C7C7C;background: #c4e8e8;}
.contact .message .magetitle{background-color:#368FDB; height:43px; line-height:43px;overflow:hidden; zoom:1;}
.contact .message .magetitle h2{ font-size:14px; font-weight:bold; color:#FFF;}
.contact .message .magetitlel,.magetitler{ float:left; width:350px; text-align:center;}
.contact .message .magetitler{ width:750px;}
.contact .message .magem{ background-color:#D3E5F5;border-bottom: 1px dotted #56A9F1; overflow:hidden; zoom:1;}
.contact .message .mageml{ float:left; width:350px; font-size:12px;}
.contact .message .mageml ul{ margin:15px;}
.contact .message .mageml ul li{ line-height:20px; margin:10px 0;}
.contact .message .magemlh3{ font-weight:bold; font-size:15px;}
.contact .message .magemr{ float:left; width:750px; _width:750px;background-color:#e6e6e6; min-height:150px; height:auto !important; height:150px;}
.contact .message .magemrt{ background-color:#FFF; padding:10px;}
.contact .message .magemrt p{ font-size:14px; line-height:1.5;}
.contact .message .magemrb{ padding: 20px 10px; background-color:#e6e6e6;}
.contact .message .magemrb h3{ width:120px; display:inline; font-size:16px; font-weight:bold;}
.contact .message .magemrb p{ margin:10px 0; font-size:12px; color:#666;}
.contact .message .f12{ font-size:12px;}
.contact .message .number{
	background:url(/zmImages/message_1.png) no-repeat ;
	width: 100px;
	padding-left:30px;}
.contact .message .name{padding-left:30px;}
.contact .message .time{background:url(/zmImages/message_2.png) no-repeat ;
	width: 200px;
	padding-left:30px;}
.contact .message .ip{background:url(/zmImages/message_3.png) no-repeat ;
	width: 200px;
	padding-left:30px;}
.contact .message .where{background:url(/zmImages/message_4.png) no-repeat ;
	width: 200px;
	padding-left:30px;}

div.yahoo {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-top:20px
}
div.yahoo a {
	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000099; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: none
}
div.yahoo a:hover {
	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; border-bottom: #000099 1px solid
}
div.yahoo a:active {
	border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #f00; border-bottom: #000099 1px solid
}
div.yahoo span.current {
	border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000; padding-top: 2px; border-bottom: #fff 1px solid; background-color: #fff
}
div.yahoo span.disabled {
	border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid
}

.contact .C-title {line-height: 40px;margin-top: 1.6%;font-size: 19px; color: #333;letter-spacing: 1px;}
.contact2024{width: 100%;height: auto;display: table;margin:0 auto 2% auto;background: #f8f8f8;}
.contact .contact202407{width: 100%;height: auto;display: table;margin: 2% auto;}
.contact .contact202407 .Lcontact202407{width: 21%;float: left;background: #0b70c8;padding: 3% 2%;box-shadow: 0px 0px 3px #bfbdbd;}
.contact .contact202407 .Lcontact202407 figure{width: 94%;margin: 0 auto;height: auto;display: table;}
.contact .contact202407 .Lcontact202407 figure img{width: 17%;float: left;display: block;}
.contact .contact202407 .Lcontact202407 figure figcaption{float: right;font-size: 24px;color: #fff;letter-spacing: 1px;line-height: 36px;}
.contact .contact202407 .Lcontact202407 strong{display: block;font-size: 35px;text-align: center;font-weight: bold;color: #fff;line-height: 40px;margin-top: 6%;}
.contact .contact202407 ul{float: right;width: 72%;background: #fff;padding: 2.7% 1%;box-shadow: 0px 0px 3px #e1e1e1;}
.contact .contact202407 ul li{float: left;width: 25%;margin-top: 4%;margin-left: 10%;}
.contact .contact202407 ul li img{display: block;float: left;width: 9%;}
.contact .contact202407 ul li span{display: block;float: left;margin-left: 4%;font-size: 26px;line-height: 31px;text-shadow: 0px 0px 1px #333;color: #333;letter-spacing: 1px;}
.contact .contact202407 ul li:nth-of-type(1),.contact .contact202407 ul li:nth-of-type(4){margin-left: 3%;}
.contact .contact202407 ul li:nth-of-type(1), .contact .contact202407 ul li:nth-of-type(2), .contact .contact202407 ul li:nth-of-type(3){margin-top: 0;}

.contact2024_img{width: 100%;height: auto;display: table;margin:0 auto 2% auto;}
.contact2024_img img{display: block;margin: 0 auto;width: 1200px;}
#allmap{width: 100%;height: 100%;overflow: hidden;margin:0;}




/*分页*/
.pagination{ float:left; width:100%; height: 60px; line-height: 60px;
    text-align:center; border: none;margin-bottom:20px;}
.pagination .pagefy{ width: 100%;  }
.pagination .pagefy a{    border: 1px solid #cfcfcf; cursor: pointer;
  display: inline-block; height: 20px; line-height: 20px; color:#666;
  padding: 0 6px; text-align: center; margin-top: 20px; margin-right: 5px;}
.pagination .pagefy .current{ background-color:#2084DA; color: #fff;}
.pagination .pagefy a:hover{background-color: #2084DA; color: #fff;}









/*销售专员联系方式*/
.contact .saler{width:100%; margin-bottom : 30px; float: left;}
/*.contact .saler .saler-list{ float : left;width:370px;padding:0 15px; margin-top : 20px;font-weight: bold;color:#000;font-size: 14px;}
.contact .saler .saler-list li{height:26px; line-height : 16px; border-bottom : 1px dotted #ccc;margin:8px 0;}*/
.contact .saler .saler-list{ float : left;width:1200px;padding:0; margin-top : 20px;font-weight: bold;color:#000;font-size: 14px;}
.contact .saler .saler-list ul{}
.contact .saler .saler-list li{ float: left; height:26px; line-height : 16px; border-bottom : 1px dotted #ccc;margin:8px 10px;}

.contact .saler .saler-list li .lianxi3{ display : block; float : left;width:58px;}
.contact .saler .saler-list li .lianxi2{ display : block; float : left;width:114px; padding-left : 20px;background: url("/images/lianxi2.png") no-repeat;}
.contact .saler .saler-list li .lianxi4{ display : block; float : left;width:108px; padding-left : 20px;background: url("/images/lianxi4.png") no-repeat;}
.contact .saler .saler-list li .lianxi5{ display : block; float : left;width:20px;}
.contact .saler .saler-list li .lianxi5 img{width:13px;}
.contact .saler .saler-list li span:nth-child(6) img{width:16px; !important;}
.contact .saler .saler-list li .lianxi5 a .wx.fade-in{
    animation:fade-in 1s forwards;
    -webkit-animation:fade-in 1s forwards;
    -moz-animation:fade-in 1s forwards;
    -o-animation:fade-in 1s forwards;

}
@keyframes fade-in {
    0% {
        opacity: 0;
        /*-webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);*/
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);*/
        transform: translateY(0);
    }
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        /*-webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);*/
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);*/
        transform: translateY(0);
    }
}
@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        /*-webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);*/
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);*/
        transform: translateY(0);
    }
}
@-o-keyframes fade-in {
    0% {
        opacity: 0;
        /*-webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);*/
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);*/
        transform: translateY(0);
    }
}
.contact .saler .saler-list li .lianxi5 a {
    position: relative;
    cursor: pointer;
    float: left;
    display: block;
}
.contact .saler .saler-list li .lianxi5 a .wx {
    transform: translateY(-20px);
    position: absolute;
    top: -187px;
    left: -62px;
    z-index: 666;
    opacity: 0;
    display: none;
    width: 140px;
    height: 170px;
    background: #e1e1e1;
}
.contact .saler .saler-list li .lianxi5 a .wx img {
    width: 130px;
    height: 130px;
    margin: 5px;
    float: left;
}
.contact .saler .saler-list li .lianxi5 a .wx em {
    text-align: center;
    display: block;
    color: #a7a7a7;
    float: left;
    width: 140px;
    line-height: 30px;
}
.contact .saler .saler-list li .lianxi5 a .wx .sanjiao {
    border-width: 20px;
    margin: 164px 0 0 50px;
    border-color: #e1e1e1 transparent transparent  transparent;
    border-style: solid;
    width: 0;
    height: 0;
    line-height: 0;
}

/*旗下公司联系方式*/
.contact .company{width:100%; margin-top : 20px;margin-bottom : 30px; overflow : hidden;}
.contact .company li{ float : left;width:370px;padding:10px 10px 10px 20px; line-height : 1.5; border-bottom : 1px dotted #dbdbdb;}
.contact .company li .gslx1{font-size: 15px;color:#000;font-weight: bold; padding-bottom : 10px;}
.contact .company li span{float : left; display : block;color:#7c7c7c;font-size: 13px;}
.contact .company li .gslx2{ width:109px; padding-left : 22px;background: url("/images/lianxi2.png") no-repeat;}
.contact .company li .gslx3{ width:109px; padding-left : 22px;background: url("/images/lianxi3.png") no-repeat;}
.contact .company li .gslx4{ width:90px; padding-left : 16px;background: url("/images/lianxi4.png") no-repeat;}
.contact .company li .gslx5{font-size: 14px;color:#666; } 
/*开票信息*/
.contact .invoice{ margin-top : 20px;font-size: 15px;text-align: center; line-height : 35px;color:#666;text-shadow: 0 0 6px #fff,0 0 2px #fff,1px 1px 2px #666;}