/******************************** 公共style ******************************/
*{
    font-family:"Microsoft YaHei" ,sans-serif;
    box-sizing: border-box;
}
.bodyFix{ position: fixed;width: 100%;}
body{background: #f5f6fb;color: #4c4c4c; 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; padding:0; margin:0;}
.w1190{width: 1190px;margin:0 auto;}
.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;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom: 10px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
[class^="icon_"]{background: url("http://www.zhaoshang800.com/tpl/index/newimg/css_sprites.png") no-repeat;background-size: 80px 42px;display: inline-block;}
.contact .telBox a:hover,.contact p.contactLine span:hover,.formBox .entForm  p input.sub:hover,.entrust .entConBox .entCon div a:hover,.contact div.contactLine span:hover{
    background: linear-gradient(to left,#f5626e,#dd2534);background: -moz-linear-gradient( left,#f5626e,#dd2534);background: -o-linear-gradient( left,#f5626e,#dd2534);background: -webkit-linear-gradient(right,#f5626e,#dd2534);
    box-shadow: 2px 2px 4px rgba(247,57,73,0.6);-webkit-box-shadow: 2px 2px 4px rgba(247,57,73,0.6);-moz-box-shadow: 2px 2px 4px rgba(247,57,73,0.6);
}
/*背景阴影*/
.shadow8px{background: #fff;-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);}
/*三角形*/
i.triaArrow{width:0;height: 0;border-bottom: 6px solid #fff;border-left: 6px solid transparent;border-right:6px solid transparent;display: block;margin: 0 auto;position: absolute;top:-6px;left: 50%;margin-left: -6px;}

/******************************** 快捷方式 ********************************/
.shortcut{
    background: #fff;
    /*border-bottom: 1px solid #eee;*/
}
.shortcut .w1190{
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 12px;
}
.shortcut .w1190 li{
    float: left;
    margin-right: 12px;
    position: relative;
}
.shortcut .w1190 li a{
    color: #000;
    display: block;
    height:22px;
    line-height: 22px;
    margin-top: 9px;
    font-size: 12px;
}
.shortcut .w1190 li a:hover{
    color: #C8201E;
}
.shortcut .w1190 li.shortTel i.icon_shortTel{
    width:16px;
    height:16px;
    margin-top: 7px;
    background-position: -60px -90px;
    margin-right: 4px;
}
.shortcut .w1190 li.shortTel span b{
    color: #dd2534;
}
.shortcut .w1190 li.club>a{
    border: 1px solid #000;
    display: block;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    line-height: 21px;
    padding:0 8px;
}
.shortcut .w1190 li a i.icon_arrowico{
    display: inline-block;
    width:9px;
    height:6px;
    background: url("http://www.zhaoshang800.com/tpl/index/newimg/arrowIco.png") no-repeat center right;
}
.shortcut .w1190 li.club a:hover i.icon_arrowico{
    background: url("http://www.zhaoshang800.com/tpl/index/newimg/arrowIco2.png") no-repeat center right;
}
.shortcut .w1190 li a.icon_mobile{
    width:12px;
    height:30px;
    display: block;
    background-position: 0 8px;
}
.shortcut .w1190 li a.icon_mobile:hover{
    background-position: 0 -18px;
}
.shortcut .w1190 li a.icon_WeChat{
    width:20px;
    height:30px;
    display: block;
    background-position: -22px 8px;
}
.shortcut .w1190 li a.icon_WeChat:hover{
    background-position: -22px -18px;
}
/*业务合作*/
.shortcut .w1190 li >p{
    position:absolute;
    z-index: 100;
    font-size: 12px;
    left:50%;
    top: 33px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.shortcut .shorJoin a{
    display: block;
    width: 100px;
    text-align: center;
    line-height: 30px !important;
    height:30px !important;
    padding:0 14px;
    margin-top: 0 !important;
}
.shortcut .shorJoin  a:hover{
    color: #dd2534 ;
}

/******************************** header头部 ********************************/
.header{
    background: #fff;
    height:90px
}
/*logo*/
/*.logo,.logo img{
    width:215px;
    height:48px;
}*/
.logo{
    margin-top: 21px;
    margin-right: 14px;
}
/*********** 切换城市 ***********/
.myCity{
    position: relative;
}
.myCity > a{
    display: block;
    min-width:90px;
    height:24px;
    line-height: 24px;
    font-size: 14px;
    border:1px solid #C8201E;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    margin-top: 33px;
    color: #C8201E;
    padding:0 7px;
}
.myCity > a span{
    display: block;
    background: url("http://www.zhaoshang800.com/tpl/index/newimg/arrowIco2.png") no-repeat center right;
}
.myCity > a i.icon_myCityLoca{
    background-position: 0 0;
    width:13px;
    height:15px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
/*切换城市*/
.myCityCon{
    position: absolute;
    background: #fff;
    z-index: 1000;
    top:55px;
    left:0;
    width:490px;
    line-height: 24px;
    display: none;
    overflow: auto;
    overflow-x: hidden;
}
.myCityCon li:first-child{
    padding-top: 0;
}
.myCityCon li{
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding-top: 12px;
    padding-bottom: 4px;
}
.myCityCon li span,.myCityCon li .cityList, .myCityCon li a{
    float: left;
    font-size: 13px;
    line-height: 13px;
}
.myCityCon li .cityList{
    width:340px;
    overflow: hidden;
}
.myCityCon li span {
    width: 74px;
    color: #666;
}
.myCityCon li .cityList a{
    margin-right: 14px;
    margin-bottom: 12px;
    color: #333;
}
.myCityCon li .cityList a:hover{
    color: #dd2534;
}
/*当前城市*/
.header .myCity .myCityCon li.current span{
    line-height: 26px;
}
.header .myCity .myCityCon li.current a,.myCityCon li.current .cityList a{
    background: #dd2534;
    padding:0 5px;
    color: #fff;
    line-height: 26px;
}
.header .myCity .myCityCon li.current a:hover{
    color: #fff;
}
.header .myCity:hover .myCityCon{
    display: block;
}
/*切换城市*/
.citySwitTit{
    background-color: #f6f6f6;
    width: 100%;
    padding-top: 10px;
    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 20px;
    color: #666;
    cursor: pointer;
}
.cityListBox{
    padding: 20px 28px;
}
.cityListBox ul{
    display: none;
}
.cityListBox ul.focus{
    display: block;
}
.cityListBox ul li p{
    font-weight: bold;
    color: #dd2534;
}
.cityListBox ul.letter li div a{
    margin-right: 16px;
    line-height: 32px;
    color: #666;
}
.cityListBox ul.letter li div a:hover {
    color: #dd2534;
}
/************ 主题活动板块 ************/
.activityTheme{
    width:140px;
    height:80px;
    margin-left: 18px;
}
/************ 搜索 ************/
.zgSearch{
    margin-left: 18px;
    box-sizing: border-box;
    margin-top: 27px;
}
.zgSearchForm{
    width:480px;
    height:35px;
    border:1px solid #A92727;
    -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: -71px 0;
    float: right;
    margin: 14px 10px;
    margin-left:0;
}
.zgSearchForm .searTxt,.zgSearchForm .searTxt input{
    width:378px;
    height: 33px;

}
.zgSearchForm .searTxt input{
    padding:0 10px;
    background: #f5f5f5;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}
/*搜索提交按钮*/
.zgSearchForm .icon_serchSub{
    width:17px;
    height:17px;
    display: block;
    position: absolute;
    right:10px;
    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;
}

/************ 全国客服热线 ************/
.Hotline{
    margin-top: 22px;
}
.Hotline .pic{
    margin-right: 6px;
}
.Hotline .pic img{
    width:30px;
    height:30px;
    margin-top: 3px;
}
.Hotline .txt p{
    font-size: 20px;
    line-height: 20px;
    color: #1E77BF;
}
.Hotline .txt p:first-child{
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 4px;
}


/******************************** nav导航 ********************************/
nav.navBox{
    background: #288bde;
    width:100%;
    height:40px;
    line-height: 40px;
}
nav.navBox li{
    float: left;
    height:40px;
    padding:0 20px ;
}
nav.navBox li a{
    color: #fff;
    font-size: 16px;
    padding:0 14px;
    height:30px;
    line-height: 30px;
    display: block;
    margin-top: 5px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-align: center;
}
nav.navBox li a.focus,nav.navBox li a:hover{
    color: #1E77BF;
    background: #fff;
}
/*产业园区*/
nav.navBox li.navListCyyq{
    position: relative;
}
nav.navBox li.navListCyyq .navList{
    width:400px;
    padding:10px;
    position: absolute;
    left:0;
    top:40px;
    z-index: 1002;
    background: #C8201E;
    overflow: hidden;
    display: none;
}
nav.navBox li.navListCyyq .navList a{
    display: block;
    float: left;
    width:33.333%;
    font-size: 14px;
}
nav.navBox li.navListCyyq:hover .navList{
    display: block;
}

/******************************** banner轮播图 ********************************/
.bigBanner {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    background: url("http://www.zhaoshang800.com/tpl/index/newimg/defaultBanner.jpg") no-repeat;
    background-size:100% 100%;
}

.bigBanner > ul.bannerPic {
    display: none;
    /*width: 999999999px;*/
    height: 500px;
    position: absolute;
    top:0;
    left: 0;
}

.bigBanner > ul.bannerPic > li{
    float: left;
    height: 500px;
    width:100%;
    overflow: hidden;
    position: relative;
}

.bigBanner > ul.bannerPic > li > a {
    display: block;
    text-align: center;
}
.bigBanner > ul.bannerPic > li > a img{
    /*width: 1920px;*/
    height: 500px;
    margin: auto;
    text-align: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.swiBtnBox{
    display: none;
}
.bigBanner:hover .swiBtnBox{
    display: block;
}
.leftBtn,.rightBtn{
    width: 36px;
    height: 50px;
    position: absolute;
    top: 45%;
    right: 178px;
    background:rgba(0,0,0,0.5) url("http://www.zhaoshang800.com/tpl/index/newimg/arrowRight.png") no-repeat center;
    cursor: pointer;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

.leftBtn{
    left:256px;
    background:rgba(0,0,0,0.5) url("http://www.zhaoshang800.com/tpl/index/newimg/arrowLeft.png") no-repeat center;
}

.bigBannerList{
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
}

.bigBannerList > span {
    display: inline-block;
    width:8px;
    height: 8px;
    border-radius: 7px;
    margin: 0 2px;
    background: rgba(0,0,0,0.8);
    cursor: pointer;
}

.bigBannerList > span.focus {
    width: 18px;
    background: rgba(255,255,255,0.8);
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
}

/************ lfNav左侧导航 ************/
.bannerCover{
    position: relative;
    /*height:500px;*/
    z-index: 100;
}
.flNav ul{
    position: absolute;
    left:0;
    width:246px;
    height:460px;
    background: #fff;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-top: 20px;
    padding:20px 18px;
    padding-top: 0;
}
.flNav ul li{
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 5px;
    margin-top: 20px;
}
.flNav ul li:last-child{
    border-bottom: 0;
}
.flNav ul li h3{
    font-size: 14px;
    font-weight: normal;
    color: #C8201E;
    margin-bottom: 5px;
}
.flNav ul li h3 i{
    width:13px;
    height:13px;
    background-position: 0 -27px;
    margin-right: 4px;
}
.flNav ul li:nth-child(3) h3 i{
    width:14px;
    height:14px;
    background-position: -23px -27px;
}
.flNav ul li:nth-child(4) h3 i{
    width:11px;
    height:9px;
    background-position: -48px -27px;
}
.flNav ul li p a{
    font-size: 12px;
    line-height: 22px;
    margin: 0 2px;
}
.flNav ul li p a:hover{
    color: #C8201E;
}
/************ rtBox右侧广告 ************/
.rtAd{
    position: absolute;
    right: 0;
    width:168px;
}
.rtAd .hx{
    margin-top: 20px;
    width:168px;
    height: 248px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    overflow: hidden;
}
.rtAd .hx img{
    width:100%;
}

.todayNews{
    background: #fff;
    height:200px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:15px 10px;
    margin-top: 10px;
}
.todayNews h3{
    color: #C8201E;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: normal;
}
.todayNews h3 i.icon_todayNews{
    width:14px;
    height:13px;
    background-position: -50px 0;
    margin-right: 4px;
}

.todayNews li a{
    font-size: 12px;
    color: #323232;
    display: block;
    margin-bottom: 15px;
}
.todayNews li a:hover{
    color: #C8201E;
}

/************ rtBox右侧广告 ************/

.tabForm{
    position: absolute;
    z-index: 100;
    left:256px;
    bottom:-480px;
    width:756px;
    color: #fff;
    border:10px solid rgba(18,19,13,0.66);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:134px;
    background: rgba(18,19,13,0.66);
}
.tabForm .tabLfTit{
  /*  background: rgba(18,19,13,0.66);*/
}
.tabForm .tabLfTit li{
    width:80px;
    height:38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.tabForm .tabLfTit li.foucs,.tabForm .tabLfTit li:hover{
    background: rgba(65,128,187,0.41);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
}

.tabForm .tabFromCon{
    background: rgba(65,128,187,0.41);
    width: 656px;
    height:114px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border-top-left-radius:0;
/*    padding:0 10px;*/
}
.tabForm .tabFromCon ul:first-child{
    padding-left: 10px;
}
.tabForm .tabFromCon form>ul>li{
    line-height:38px;
    height:38px;
}
.tabForm .tabFromCon li>label{
    font-size: 14px;
    display: inline-block;
    width:62px;
    text-align: right;
    float: left;
    padding-right: 6px;
}
.tabForm .tabFromCon li input,.tabForm .tabFromCon li select,.tabForm .tabFromCon li textarea{
    height:23px;
    padding:0 5px;
    font-size: 12px;
    margin-top: 7px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.tabForm .tabFromCon li>input{
    float: left;
    width:202px;
}
.tabForm .tabFromCon li select{
    float: left;
    margin-right: 5px;
    width:64px;
}
.tabForm .tabFromCon li select:last-child{
    margin-right: 0;
}
.tabForm .tabFromCon li.detail .detailCon{
    display: inline-block;
    height:68px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    overflow: hidden;
}
.tabForm .tabFromCon li.detail,.tabForm .tabFromCon li.detail textarea{
    height:68px;

}
.tabForm .tabFromCon li.detail textarea{
    width:202px;
    resize: none;
    padding:5px;

}
.tabForm .tabFromCon form ul{
    width:274px;
}
.tabForm .tabFromCon div.line{
    width:1px;
    height:80px;
    background: #fff;
    margin:17px 18px;
}
.tabForm .tabFromCon li.buyType{

}
.tabForm .tabFromCon li.buyType span{
    margin-left: 15px;
}
.tabForm .tabFromCon li.buyType input{
    margin: 0;
}

.tabForm .tabFromCon .sub button{
    width:50px;
    height:50px;
    color: #fff;
    background: #C8201E;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    cursor: pointer;
    margin:32px 10px 0 10px;
}
.tabForm .tabFromCon .sub button:hover{
    background: #b21c1b;
}



.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: #C8201E;
}

/************ 城市选择 ************/
 .linkageBox .linkageCon{
	display: none;
  }
  .linkageBox .currentBox{
	background: #fff;
    position: absolute;
    /* float: left; */
    width: 202px;
    height: 23px;
    padding: 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 7px;
    right: 10px;
  }
 .linkageBox .currentBox a{
	display:none;
	font-size:14px;
	line-height:23px;
	float: left;
	margin-right:5px;
  }

.linkageBox{
	position: relative;
}
.linkageBox .linkageCon{
	position:absolute;
	left:62px;
	top:30px;
	z-index:100;
	background:#fff;
	padding:10px;
	-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);
}
.linkageBox .linkageCon .close{
	position:absolute;display:block !important;right:-15px;top:-15px;z-index:100;cursor:pointer;
}
.linkageBox .linkageCon li a{
	font-size:14px;
	line-height:14px;
	float:left;
	margin:5px
}
.linkageBox .linkageCon li a:hover, .linkageBox .currentBox a:hover{
	color:#C8201E;
}

.link{
    background: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
.foot{
	border-top:0 !important;
}