/******************************** 公共style ******************************/
*{
    font-family:"Microsoft YaHei" ,sans-serif;
    box-sizing: border-box;
}
.bodyFix{ position: fixed;width: 100%;}
body{background:#fff;color: #333;}
html{font-family: 'Helvetica Neue',Tahoma,Arial,PingFangSC-Regular,'Hiragino Sans GB','Microsoft Yahei',sans-serif; line-height: 1}
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,li,dl,dt,dd,button{margin:0;padding:0;border:none;}
img{vertical-align: middle;}
ul,ol{list-style: none;}
a{ color: #4c4c4c;text-decoration: none;}
input,button,textarea,select{border:none;outline: none;vertical-align: middle;}
.w1190{width: 1190px;margin:0 auto;}
.w1100{width: 1100px;margin:0 auto;}
.w700{width: 700px;}
.w470{width: 470px;}
.minW1100{min-width: 1100px;}
.minW1190{min-width: 1190px;}
.clearFix::after,.clearFix::before{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.lf{float: left;}
.rt{float: right;}
[class^="icon_"]{background: url("../images/css_sprites.png") no-repeat;background-size: 500px 500px;display: inline-block;}
.mt18{margin-top:18px;}
.mt24{margin-top:24px;}
.mt20{margin-top:20px}
.mt14{margin-top:14px;}
.hDD25 a:hover,.hDD25 a.focus{color: #dd2534;}
.leftBox{width: 870px;}
.rightBox{width:300px;}
.shadow8px{-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);box-shadow: 0 0 8px rgba(0,0,0,0.2);}

/******************************** 快捷方式 ********************************/
.shortcut{
    border-bottom: 1px solid #eee;
}
.shortcut .w1190{
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}
.shortcut .w1190 li.shortTel{
    float: left;
    margin-right: 12px;
    position: relative;
    line-height: 30px;
}
.shortcut .w1190 li.shortTel a{
    display: block;
}
.shortcut .w1190 li.shortTel a:hover{
    color: #dd2534;
}
.shortcut .w1190 li i.icon_shortTel{
    width:16px;
    height:16px;
    margin-top: 7px;
    background-position: 0 0;
    margin-right: 4px;
}
.shortcut .w1190 li.shortTel span b{
    color: #dd2534;
}

/******************************** 快捷方式-城市切换 ********************************/
.switCityBox{
    margin-right: 24px;
    position: relative;
    height: 100px;
    line-height: 100px;
}
.switCityBox>p.city{
    cursor: pointer;
    font-size: 14px;
}
.switCityBox .icon_shortCity{
    width:10px;
    height:7px;
    background-position: -110px -120px;
    margin-left: 4px;
}
.sCityTxt{
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

/****************** 城市切换模块 *****************/
.myCityCon{
    position: absolute;
    background: #fff;
    z-index: 1000;
    top:60px;
    left:0;
    display: none;
    width:420px;
    line-height: 24px;
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.myCityCon ul.letter>li{
    /*overflow: hidden;*/
    border-bottom: 1px dashed #ccc;
    padding-top: 14px;
    padding-bottom: 4px;
    width:100%;
}
.myCityCon li:last-child{
    border-bottom: 0;
}
.myCityCon li span,.myCityCon li .cityList, .myCityCon li a{
    float: left;
    font-size: 13px;
    line-height: 13px;
}
.myCityCon li .cityList a{
    margin-right: 14px;
    margin-bottom: 10px;
    color: #666;
}
.myCityCon li .cityList a:hover{
    color: #dd2534;
}

/*切换城市*/
.citySwitTit{
    background-color: #f6f6f6;
    width: 100%;
    padding-top: 8px;
    padding-left: 16px;
    overflow: hidden;
    position: relative;
}
.citySwitTit .on{
    border: 1px solid #E6DFDE;
    border-bottom: 0;
    background-color: #fff;
}
.citySwitTit span{
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 16px;
    color: #666;
    cursor: pointer;
}
.cityListBox{
    padding: 0 16px;
}
.cityListBox>ul{
    display: none;
}
.cityListBox>ul.focus{
    display: block;
}
.cityListBox ul.letter>li>p{
    font-weight: bold;
    color: #dd2534;
    line-height: 1;
    margin-top:10px;
    margin-bottom: 8px;
}
.cityListBox ul.letter>li .one>li a{
    margin-right: 14px;
    line-height: 24px;
    color: #666;
    text-align: center;
    display: block;
}
.cityListBox ul.letter>li .one>li{
    display: block;
    line-height: 30px;
}
.cityListBox ul.letter>li .one{
    position: relative;
}
.cityListBox ul.letter>li .one>li .two{
    position: absolute;
    top:24px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px;
    width: 100%;
    display: none;
    background: #fff;
    z-index: 1000;
    /*overflow: hidden;*/
}
.cityListBox ul.letter>li .one>li .two>i{
    display: inline-block;
    border-bottom:8px solid #ccc ;
    border-left: 6px solid transparent ;
    border-right: 6px solid transparent ;
    position: absolute;
    top:-8px;
    left:100px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.cityListBox ul.letter>li .one>li .two a{
    float: left;
}

.cityListBox ul.letter>li .one>li a:hover{
    color: #dd2534;
}
.cityListBox ul.letter>li .one>li:hover .two{
    display: block;
}

/****************************** head ******************************/
.header{
    height:100px;
}
.header .logo{
    height: 100px;
    line-height: 100px;
}
/*@font-face{*/
    /*font-family: 'mykaiti';*/
    /*src: url('../font/kaiti.TTF');*/
    /*src: url('../font/kaiti.eot?#iefix') format('embedded-opentype'),*/
    /*url('../font/kaiti.woff') format('woff'),*/
    /*url('../font/kaiti.ttf') format('truetype'),*/
    /*url('../font/kaiti.svg#webfont34M5alKg') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
.header .logo h1{
    /*font-family: mykaiti,sans-serif !important;*/
    font-size: 32px;
    font-weight: bold;
}
/******************* 搜索 ******************/
.zgSearch{
    box-sizing: border-box;
    margin-top: 32px;
}
.zgSearchForm{
    width:480px;
    height:35px;
    border:1px solid #dd2534;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    /* overflow: hidden;*/
    font-size: 14px;
    position: relative;
}
/*搜索类型*/
.zgSearchForm .searchType{
    width:100px;
    height:33px;
    border-right: 1px solid #A92727;
    line-height: 33px;
    padding-left: 18px;
    cursor: pointer;
}
.zgSearchForm .searchType i.icon_arrow{
    width:9px;
    height:6px;
    background-position: -110px -100px;
    float: right;
    margin: 14px 10px;
    margin-left:0;
}
.zgSearchForm .searTxt,.zgSearchForm .searTxt input{
    width:310px;
    height: 33px;
}
.zgSearchForm .searTxt input{
    padding:0 10px;
    background: #f5f5f5;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}
/*搜索提交按钮*/
.zgSearchForm .icon_serchSub{
    width:70px;
    height:34px;
    display: block;
    position: absolute;
    right:-1px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -23px 0;
    cursor: pointer;
    background: #DD2534;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    color: #fff;
    font-size: 16px;
}
/************ 搜索类型切换 ************/
.searTypeBox{
    position: relative;
}
.searTypeList{
    background: #fff;
    font-size: 14px;
    width:100px;
    text-align: center;
    position: absolute;
    top:33px;
    left:0;
    z-index: 1001;
    display: none;
}
.searTypeList li a{
    display: block;
    width:100%;
    line-height: 35px;
    height:35px;;
}
.searTypeList li a:hover {
    color: #fff;
    background: #dd2534;
}

/****************************** nav导航 ******************************/
.navBox{
    background: #dd2534;
    height:44px;
    line-height: 44px;
}
.navBox>ul li{
    float: left;
    position: relative;
}
.navBox>ul li>a,.navBox li .sonNav a{
    color: #fff;
    display: block;
    padding:0 30px;
    font-size: 16px;
    background: url("../images/navBoxIcon.png") no-repeat;
    background-position: right 14px;
}
.navBox>ul li>a.focus,.navBox>ul li>a:hover{
    text-decoration: underline;;
    background: #cc2331;
}
/****************************** nav子导航 ******************************/
.navBox li .sonNav{
    background: #dd2534;
    position: absolute;
    left:0;
    top:44px;
    width: 100%;
    z-index: 111;
    display: none;
}
.navBox li .sonNav a{
    display: block;
    width:100%;
    font-size: 15px;
    background: transparent;
    text-align: center;
}
.navBox li .sonNav a:hover{
    background: #cc2331;
}

/****************************** 左标题 ******************************/
.proLfTit{
    background: url("../images/lfTitBg.png") no-repeat left;
    height:38px;
    line-height: 38px;
    border-bottom: 2px solid #DD2534;
    padding: 0 10px;
}
.proLfTit h3{
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
}
.proLfTit h3::before{
    content: '';
    width: 4px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 11px;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.proLfTit a{
    float: right;
    color: #333;
    font-size: 14px;
    font-weight: normal;
}
.proLfTit a::after{
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url("../images/css_sprites.png") no-repeat;
    -webkit-background-size:500px;
    background-size:500px;
    background-position: 0 -30px;
    margin-left: 4px;
}
.proLfTit a:hover{
    color: #dd2534;
}
.proLfTit a:hover::after{
    background-position: -14px -30px;
}
/****************************** 居中标题 ******************************/
.proCenTit{
    background: url("../images/cenTitBg.png") no-repeat center;

    height:38px;
    line-height: 38px;
    border-bottom: 2px solid #DD2534;
    padding: 0 10px;
}
.proCenTit h3{
    color: #fff;
    font-size: 16px;
    text-align: center;
}
/******************************** 面包屑 ********************************/
.crumbs{
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
    margin: 20px auto;
}
.crumbs i.icon_crumb{
    display: inline-block;
    width:11px;
    height: 14px;
    background-position: -110px -50px;
}
.crumbs a{
    color: #666;
}
.crumbs .current{
    color: #999;
}


/****************************** footer版权栏 ******************************/
footer{
    border-top: 1px solid #eaeaea;
    margin-top: 40px;
    padding:30px 0;
}
footer p{
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}
footer p a{
    color: #333;
}
footer p a:hover{
    color: #dd2534;
}

/******************************** 需求表单 ********************************/
.iformBox .iformCon{
    border:1px solid #eaeaea;
    border-top: 0;
    padding:20px;
}
.iformBox .iformCon2{
    border:0;
    background: #fff;
}
.iformBox .iformCon .iformTit{
    text-align: center;
    margin-bottom: 20px;
}
.iformBox .iformCon .iformTit h3{
    font-weight: 400;
    font-size: 24px;
    color: #DD2534;
    margin-bottom: 8px;
}
.iformBox .iformCon .iformTit p{
    font-size: 14px;
    color: #a8a8a8;
}
.iformBox .iformCon form .formTxt>p input,.iformBox .iformCon form .formTxt>p textarea{
    font-size: 15px;
    margin-bottom: 14px;
    padding: 5px 10px;
    background: #f5f5f5;
    color: #4d4d4d;
}
.iformBox .iformCon form .formTxt>p.type input{
    padding:0px;
    width: 18px;
    height: 18px;
    margin-top: 10px;
}
.iformBox .iformCon form .formTxt>p.type label{
    margin-left: 4px;
}
.iformBox .iformCon form .formTxt>p.type{
    padding:0 160px;
}
.iformBox .iformCon form .formTxt>p.type input:nth-of-type(2){
    margin-left: 20px;
}
.iformBox .iformCon form .formTxt>p input{
    width:520px;
    height:44px;
}
.iformBox .iformCon form .formTxt>p textarea{
    width:520px;
    height: 146px;
    resize: none;
}

.form-agreement {
    box-sizing: border-box;
    margin: 14px auto;
    font-size: 0;
    text-align: center;
}

.form-agreement-label {
    color: #666666;
    font-size: 12px;
}

.form-agreement-checkbox {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.form-agreement-link {
    color: #108EEA;
    text-decoration: none;
    cursor: pointer;
}

.iformBox .iformCon form .subCon p.sub input{
    width: 360px;
    height: 40px;
    background: none;
    border: 2px solid #DD2534;
    font-size: 16px;
    color: #DD2534;
    text-align: center;
    display: block;
    margin:0 auto;
    cursor: pointer;
}
.iformBox .iformCon form .subCon p.sub input:hover{
    background: #DD2534;
    color: #fff;
}