.seobanner{ background:url("/autoweb/images/case_new/seobanner.jpg") no-repeat center !important;}
.container .banner{ background:url("/autoweb/images/case_new/banner.jpg") no-repeat center;}
.showtemplate{ position:relative;}
.btn{ cursor:pointer; height:40px; text-align:center;    line-height: 40px; background: #fff; border-radius: 20px; margin-bottom: 20px;}
.container .showtemplate {height: 100%; min-height: 300px;width:1200px;  margin:0 auto;}
.template_nav{     border-radius: 8px;height:100%;box-shadow: 0px 2px 20px rgb(192,192,191,0.2); background-color:#fff; margin-top: -56px; z-index: 9999;}
.selecttab{ height:98px; border-bottom:2px solid #eee; }
.tab,.search{ float:left;    position: absolute;}
.search{ margin-right:20px; right: 10px;text-align: center; height: 38px;width: 330px;border-radius: 30px; border: 1px solid #eee;margin-top: 28px;}
.search input{height: 36px;width: 300px;border:none;}
.tabactive{color:#ff8400 !important; border-bottom:2px solid #ff8400 !important;}
.searchdiv {
    position: absolute;
    left: 290px;
    right: 0px;
    top: 10px;
    bottom: 0;
}
.weipctemplate{}
.selecttab ul li:first-child{ margin-left:30px;}
.selecttab ul li{ height: 64px;cursor:pointer; float:left; margin-right:60px;  font-size:16px; color:#333; font-weight:bold; margin-top:34px;}
.selectclass{display: -webkit-box;height: 100%;}
.selectclass ul{ margin-left:30px;  padding-bottom:34px;}
.selectclass ul li:hover{ color:#ff8400;}
.selectclass ul li{ cursor:pointer; text-align: center;float:left; width:126px; font-size:14px; color:#333;margin-top:34px;    position: relative;}
.selectclass ul li span{ width:1px; height:10px; background:#ccc;    position: absolute; margin-top: 5px;right: 0px;}
/*.selectclass ul li:first-child{color:green;}*/
.acts{color:#ff8400 !important;}
.template_body{ margin-top:80px;     min-height: 300px; height: 100%;}
.h5template{ }
.h5,.pc{ margin-bottom:60px; height:310px;margin-left:30px;float: left; text-align:center;}
.h5:first-child,.pc:first-child{margin-left:0px;}
.h5:nth-child(4),.pc:first-child{margin-left:0px;}
.h5:nth-child(7),.pc:first-child{margin-left:0px;}

.h5item,.pcitem{ background: url(/autoweb/images/case_new/PC.png) no-repeat center;height: 270px; width: 380px;}
.h5item .pcimg,.pcitem .pcimg{width: 266px;
    height: 190px;
    position: relative;
    left: 42px;
    top: 10px;}
.pcitem .pcimg{left: -1px;}
/*.pcitem_hide{background: rgba(0,0,0,0.7) !important;}*/
.h5item .mobileimg{width: 69px;
    margin-top: 15px;
    margin-right: 1px;
    height: 125px;}
.h5mobile{ z-index: 999; position: relative;background: url(/autoweb/images/case_new/small_mobile.png) no-repeat center; height: 170px;width: 80px;float: right;margin-top: 70px; margin-right: 7px;}
.name{ font-size:14px; color:#999;}
.h5item_hide,.pcitem_hide{ margin-top: -2px; display:none;  background:rgba(0,0,0,0.75); z-index: 9999;border-radius: 4px;height: 250px; width: 380px;    position: absolute;}
.h5item_hide .left{ float: left;width: 96px;margin-top: 75px; margin-left:46px}
.h5item_hide .btn2,.pcitem_hide .btn2{ background:#ff8400; color:#fff;}
.h5item_hide .right{ float: left;width: 142px;margin-top: 65px; margin-left:40px; border-left:1px solid #333;}
/*.h5item_hide .right img{ margin-left:40px;}*/
.pcitem_hide .left{ width:96px; margin:0 auto;    margin-top: 70px;}
.weipctemlate{ }
.wei{  margin-bottom:60px; width:278px;float:left; text-align:center;margin-left: 28px;}
.wei:first-child{margin-left: 0px;}
.wei:nth-child(5){margin-left:0px;}
.wei:nth-child(7){margin-left:0px;}
.weipcitem{ background: url(/autoweb/images/case_new/big_mobile.png) no-repeat center;height: 414px; width: 207px;margin: 0 auto; }
.wei .name{ margin-top:40px;}
.weipcitem .weiimg{ width: 179px;height: 330px;margin-top: 40px;}
.weipcitem_hide{  display:none; background:rgba(0,0,0,0.7);width: 181px;height: 330px;position: absolute; margin-top: 40px; margin-left: 49px; text-align: center;  }
.qrcode{ width:120px; height:120px;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); margin-bottom:20px;}
.weipcitem_hide p
{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 90px;
    width: 150px;    
    
}
.seotemlate{}

.seoitem 
{
     height:440px;
     /*border:1px solid #eee;  */
     margin-bottom:60px;  
    
}
.seoleft{ width:541px; margin-top:36px; margin-left:30px; float:left;}
.seopc{background: url(/autoweb/images/case_new/big_PC.png) no-repeat center; height: 370px;
    width: 540px; margin:0 auto}
.seoright{ text-align:left;width:400px;  float:left; margin-top:60px; margin-left:146px;}
.title{ font-size:24px;  color:#333; }
.detail{line-height: 25px; margin-top:24px;font-size:14px;color:#999;}
.keywork{ line-height: 25px; margin-top:24px; font-size:14px;color:#ff8400;}
.seoright .btn
{
    margin-top: 45px;
    border: 1px solid #ddd;
    width: 100px;
}
.seoleft2
{
    margin-top: 60px;
    width: 400px;
    margin-left: 100px;
    float: left;
    padding-right: 146px;
    height: 400px;
    text-align:left;
}
.seoright2{ width:540px; margin-top:36px;float:left;}
.seoleft2 .btn
{
    margin-top: 30px;
    border: 1px solid #ddd;
    width: 100px;
}
.seoright .btn:hover,.seoleft2 .btn:hover
{
    border:none;
    color:#fff;
    background:#ff8400;
}
.seoimg{ width: 390px; height: 276px;/*margin-left: 75px;*/margin-top: 17px;}

.specPages {padding-bottom: 40px; text-align:center; /*width:580px;*/ width:50%; margin:0 auto;  padding-top: 20px;overflow:hidden; clear: both;display: flex;
    justify-content: center;}
.specPages a, .specPages span{display:block;  margin-right: 5px;width:30px;height: 30px;line-height: 30px;float:left;border:1px solid #ddd;  background: #fff;}
.specPages .pageNum{background:#fff;color:#666;}
.specPages .current,.specPages .pageNum:hover{background:#F4721C;color:#fff;  border: 1px solid #F4721C;}
.specPages .prev, .specPages .next{width:60px;}
.specPages .ellipse{background:none;border:none;}
.searchdiv{ cursor:pointer;}
.searchdiv img{ width:auto;}
.h5item_hide img{ width:auto;}
.h5item_hide div{box-sizing:unset;}
.pc:nth-child(4){margin-left:0px;}
.pc:nth-child(7){margin-left:0px;}
.qrcodeDIV{width:133px; height:133px;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); margin-bottom:20px; background-color:#fff}