/*全局样式*/
@charset "utf-8";
body {font:15px/1.66 "微软雅黑",黑体,"AlibabaPuHuiTi", "Arial", "Impact";color: #444;-webkit-text-size-adjust: 100%;background-color: #fff;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
.container-fluid {
    max-width:1180px !important;
}


:root{
    --color_zhuti: #ff9e00;
    --color_hover: #ff5722;
    --transition_3:all .2s linear;
    --transition_5:all .5s linear;
    --transition_8:all .8s linear;
    --transform_scale: scale(1.08);
}

.danye img{display: block;margin: 11px 0}
.div9 img{display: block;margin: 11px 0}

.zuo{width: calc(85% - 280px);margin-right: 15%;padding: 30px 0 66px;}
.zuo .title1{font-size: 15px;color: #666;}
.zuo .title1 span{color: var(--color_zhuti);}
.zuo .title2{margin-top: 30px;}
.zuo .title2 .bt{font-weight: bold;padding-bottom: 10px;}
.zuo .title2 .div1{margin-top: 15px;text-align: right;font-size: 0;}
.zuo .title2 .div1 .imgbox{display: inline-block;vertical-align: top;position: relative;padding-bottom: 6px;}
.zuo .title2 .div1 .imgbox .img{display: inline-block;vertical-align: top;width: 16px;height: 16px;border-radius: 50%;position: relative;top:1px;}
.zuo .title2 .div1 .imgbox i{display: inline-block;vertical-align: top;font-size: 12px;color: #666;line-height: 16px;padding: 0 30px 0 8px;cursor: pointer;transition: var(--transition_3);}
.zuo .title2 .div1 .imgbox i:hover{color: var(--color_hover);text-decoration: underline;}
.zuo .title2 .div1  span{display: inline-block;vertical-align: top;font-size: 12px;color: #666;line-height: 16px;}

.renwu{position: relative;cursor: pointer;}
.tc{display: none;width: 220px;height: 70px;border: 1px solid #ddd;padding: 10px 10px 10px 70px;background: #fff;position: absolute;left: 0;top:100%;font-size: 14px;color: #666;text-align: left;}
.tc div{width: 50px;height: 50px;border-radius: 4px;position: absolute;left: 10px;top:10px;}

.zuo .title2 .div2{border-top: 1px solid #ddd;margin-top: 10px;padding-top: 16px;text-align: right;font-size: 12px;line-height: 36px;}
.zuo .title2 .div2 .shoucang{display: inline-block;vertical-align: top;}
.zuo .title2 .div2 span{display: none;vertical-align: top;border: 1px solid var(--color_zhuti);padding: 0 18px;margin-left: 15px;font-size: 14px;color: var(--color_zhuti);border-radius: 6px;cursor: pointer;transition: var(--transition_3);}
.zuo .title2 .div2 span:hover{background-color: var(--color_zhuti);color: #fff;}
.zuo .title2 .div2 span:nth-child(1){display: inline-block;}
.zuo .title2 .div2 span:nth-child(2){background: var(--color_zhuti);color: #fff;}



.title3{margin-top: 33px;position: relative;}
.title3 .div1{width: 56px;height: 80px;border: 1px solid #eee;box-shadow: 0 0 11px rgba(0, 0, 0, .06) inset;padding-top: 12px;text-align: center;position: absolute;right: calc(100% + 11px);top:0;cursor: pointer;transition: var(--transition_3);}
.title3 .div1 i{display: block;width: 37px;height: 33px;background: url("../images/ding.png") no-repeat;margin: 0 auto 4px;}
.title3 .div1:hover,.title3 .div1.click{color: var(--color_zhuti);}
.title3 .div1:hover i,.title3 .div1.click i{background-position: -38px 0;}

.title3 .div2{font-size: 0;line-height: 48px;}
.title3 .div2 .img{display: inline-block;vertical-align: top;width: 48px;height: 48px;border-radius: 50%;}
.title3 .div2 span{display: inline-block;vertical-align: top;padding-left: 15px;font-size: 15px;color: var(--color_zhuti);}
.title3 .div2 span:hover{text-decoration: underline;}
.title3 .div2 span i{padding-left: 5px;font-size: 12px;color: var(--color_hover);}
.title3 .danye{margin-top: 11px;}
.title3 .danye > img{display: block;margin: 11px 0;}
.title3 .div3{font-size: 0;margin-top: 15px;line-height:30px;position: relative;}
.title3 .div3 span{display: inline-block;vertical-align: top;font-size: 12px;color: #888;padding: 0 11px;position: relative;transition: var(--transition_3);cursor: pointer;}
.title3 .div3 span:nth-child(2):after{content: "";width: 1px;height: 14px;background: #ddd;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.title3 .div3 span:nth-child(3):after{content: "";width: 1px;height: 14px;background: #ddd;position: absolute;left: 0;top:1px;bottom: 0;margin: auto 0;}
.title3 .div3 span:nth-child(2):hover{color: var(--color_zhuti);text-decoration: underline;}
.title3 .div3 span div{display: none;}
.title3 .div3 span div:nth-child(1){display: inline;}
.title3 .div3 > div{position: absolute;right: 0;top:0;font-size: 12px;color:#0084FF;}
.title3 .div3 > div:before{display: inline-block;vertical-align:top;padding:0 4px;position: relative;top:0;transition: var(--transition_3);}
.title3 .div3 > div.active:before{transform:rotate(180deg);}
.title3 .div4{margin-top: 11px;border: 1px solid #ddd;position: relative;padding: 15px;}
.title3 .div4:after{content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  left: 26px;
  top: -4px 
}
.title3 .div4:before{content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ddd;
  position: absolute;
  left: 26px;
  top: -6px 
}

.title3 form input{width: calc(100% - 88px);float: left;height: 42px;border: 1px solid #ddd;box-shadow: 0 0 11px rgba(0, 0, 0, .06) inset;padding: 0 16px;border-radius: 6px;}
.title3 form button{width: 73px;float:right;height: 42px;border:0;box-shadow: 0 0 11px rgba(0, 0, 0, .06) inset;padding: 0 16px;background-color: #0084FF;font-size: 16px;color: #fff;border-radius: 6px;}
.title3 form button:hover{background-color: var(--color_hover);}


.title3 .div6{border-bottom: 1px solid #ddd;padding-bottom: 11px;padding-left: 40px;position: relative;margin-bottom: 16px;}
.title3 .div6 .img{width: 32px;height: 32px;position: absolute;left: -40px;top:0;}
.title3 .div6 span{display: inline;vertical-align: top;color: var(--color_zhuti);}
.title3 .div6 span:hover{text-decoration: underline;}
.title3 .div6 span i{color: var(--color_hover);}
.title3 .div6 .renwu{display: inline;vertical-align: top;}
.title3 .div6 .div7{display: inline;vertical-align: top;}
.title3 .div6 .div8{display: inline;vertical-align: top;color: var(--color_zhuti);}
.title3 .div6 .div9{display: inline;vertical-align: top;}
.title3 .div6 .div10{display: block;padding-top: 6px;color: #888;font-size: 12px;}


.title4{padding-left: 66px;position: relative;color: var(--color_zhuti);margin-top: 33px;}
.title4 .img{position: absolute;left: 0;top:0;}
.title4 form{color: #444;}
.title4 form textarea{width: 100%;max-width: 100%;height: 204px;line-height: 26px;border: 1px solid #ddd;box-shadow: 0 0 11px rgba(0, 0, 0, .06) inset;padding:10px 16px;border-radius: 6px;float: left;}
.title4 form button{width: 122px;height: 40px;border: 0;background: var(--color_zhuti);font-size: 16px;color: #fff;text-align: center;float: right;border-radius: 6px;margin-top: 10px;}
.title4 form button:hover{background-color: var(--color_hover);}


.box{position: relative;}
.you{width: 280px;min-height: 100vh;background: #fff;position:fixed;top:0;padding: 50px 15px;border: 1px solid #ddd;box-shadow: 0 0 11px rgba(0, 0, 0, .03);right: calc(50% - calc(15% + 280px))}
.you .tt1{background: var(--color_hover);line-height: 34px;margin-left: -15px;display: inline-block;padding: 0 20px 0 15px;font-weight: bold;color: #fff;border-radius: 0 33px 33px 0;}
.you .tt2{font-size: 14px;margin-top: 15px;color: #000;font-weight: bold;}
.you .tt5{text-align: center;margin-top: 22px;color: #666;}
.you .tt3{padding-left:10px;margin-top: 11px;}
.you .tt3 .renwu{width: 28px;height: 28px;margin-left: -10px;float: left;}
.you .tt3 .renwu .img{width: 100%;height: 100%;border-radius: 50%;}
.you .tt3 .tt4{padding-left: 6px;color: #888;line-height: 28px;font-size: 12px;float: left;}
.you .tt5 img{display: block;margin:8px auto 0;max-width: 90%;}

.zcbox1{display: none;position: fixed;left: 0;top:0;width: 100%;background: rgba(0, 0, 0, .6);z-index: 111;height: 100%;}
.zcbox2{display: none;position: fixed;left: 0;right: 0;top:50%;width: 400px;background: #fff;box-shadow: 0 0 11px rgba(255, 255, 255, .1);border-radius: 11px;padding: 25px;z-index: 112;margin: -150px auto 0;max-width: 96%;}
.zcbox2 .tt1{font-size: 16px;font-weight: bold;color: #000;line-height: 36px;margin-bottom: 30px;}
.zcbox2 .tt1 span{display: inline-block;border-bottom: 3px solid var(--color_zhuti);}
.zcbox2 .tt1:before{font-size: 24px;position: relative;top:4px;font-weight: normal;color: var(--color_zhuti);padding-right: 8px;}
.zcbox2 .tt2{border-bottom: 1px solid #ddd;line-height: 24px;padding-bottom: 11px;margin-bottom:11px;}
.zcbox2 .tt2 i{padding: 0 15px 0 9px;}
.zcbox2 .tt2 input{border: 0;width: calc(100% - 110px);border-left: 1px solid #ddd;padding-left: 15px;}
.zcbox2 button{width: 100%;height: 40px;background: var(--color_zhuti);font-size: 16px;color: #fff;border: 0;text-align: center;margin-top:15px;}
.zcbox2 button:nth-last-child(1){background-color:#B7B7B7;}
.zcbox2 button:hover{text-decoration: underline;}









































/*媒体查询开始*/
@media (max-width:991px) {
    .zuo{width: 100%;}
    .you{width: 100%;display: none;}







}

@media (max-width:767px) {


}
@media (max-width:600px) {


}

@media (max-width:479px) {
    .danye .ditu{height:300px;}
    .title2 .tc{left: auto;right: 0;}

    
}
 /*手机底部*/
@media (max-width:991px) {

    footer{margin-bottom: 51px;}
    .sjdibu{height:50px;background:var(--color_zhuti);position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
    .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
    .sjdibu .box1 a span{ color:#fff; font-size:22px; line-height:22px;}
    .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
    .sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
    .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} 
}