/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:arial , "微软雅黑"; color:#666; overflow-x:hidden; }
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0759b; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}

.wal{ width:auto; max-width:1400px !important; margin:0px auto;}
.f3{ width:30%;}
.f7{ width:70%;}
.fl{float:left;}
.fr{float:right;}
.h34{ height: 34px; }
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.pc-show{ display: block !important; }
.pc-hide{ display: none !important; }

.w268{ width: 268px; }
.w932{ width: 932px; }

.p_gridbox {
    background-color: white;
    box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.09);
    transform: translateY(-60px);
    overflow: visible;
    height: 144px;
}
.p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static;
}
.p_gridbox > .p_gridCell:nth-child(4n+1) {
    margin-left: 0;
    clear: left;
    margin-right: 0;
    width: 25%;
    position: relative;
}
.p_gridbox > .p_gridCell:nth-child(4n+1):before {
    content: " ";
    display: block;
    width: 2px;
    height: 60px;
    background-color: #8e8e8e;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
#c_portalResPublic_codeContainer-15832855842211372 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#demo01 {
    font-size: 14px;
    color: #00498a;
    text-align: center;
}

#demo01 {
    filter: grayscale(100%);
}
#demo01 .counter {
    font-size: 36px;
    color: #00498a;
    text-align: center;
}
.describe {
    font-size: 16px;
    color: #00498a;
    text-align: center;
    margin-top: 10px;
}


/*头部导航*/
.headerBox{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 110px; transition: 0.5s; background-color:rgba(255,255,255,0.8); } }
.headerBox .header{  }
.headerBox .header .logo{ width: 95%; display: inline-block; /*background: url(../images/logo1.png) no-repeat;*/ padding-left:5%; margin-top:20px; transition: 0.5s; }
.header ul:after{ content: ''; display: block; clear: both; visibility: hidden; }
.header li{width:12.5%; float: left; position: relative; line-height: 110px; transition: .5s; }
.header li.on > a ,.number a
.header li:hover > a{ background: #231816; color: #FFFFFF; }

.header_indTop .header li.on > a ,
.header_indTop .header li:hover > a{ background: #231816;   color: #FFFFFF; }
.header ul{ width:100%;}
.header li a{ font-size: 18px; color: #000; position: relative; display: block; }
.header li:last-child dl{ right: 0;  }
.header dl{ position: absolute; width: 170px; line-height: 38px; background: #353535; /*padding: 12px 0;*/ display: none; }
.header li:nth-of-type(3) dl{ width: 200px; }
.headerBox .header dd a{ font-weight: normal; color: #FFFFFF; }
.header dd a:hover ,
.header dd.on a{ background: #231816; font-weight: bold; }
.header li:hover dl{ display: block; }
.header_indTop{ height: 70px; background: #FFFFFF;  transition: 0.5s; }
.header_indTop .header .logo{ background: url("../image/logo2.png") no-repeat; margin: 4px 0 0; }
.header_indTop .header li{ line-height: 70px; }
.header_indTop .header li a{ color: #333; }
.header_indTop .header dd a{ font-weight: normal; color: #FFFFFF; }

.header_indTopA{ height: 110px; background: #FFFFFF;  }
.header_indTopA .header .logo{ /*background: url(../image/logo2.png) no-repeat;*/background: url("../image/TYlogo.png") no-repeat; margin: 19px 0 0; }
.header_indTopA .header li{ line-height: 110px; }
.header_indTopA .header li a{ color: #333; }
.header_indTopA .header dd a{ font-weight: normal; color: #FFFFFF; }
.header_indTopA li.on > a, .header_indTopA li:hover > a {
    background: #231816;
    color: #FFFFFF;
}

.header .menu{ width: 26px; line-height: 60px !important; }
.header .menu img{ width: 100%; }
.header .menu img.off{ display: none; }

.header_indTop .header .menu img.on{ display: none; }
.header_indTop .header .menu img.off{ display: inline-block; }

.header .headerNav{ padding: 37px 0 0; transition: .5s; }
.header .headerNav .box{ float: left; position: relative; }
.header .headerNav .num{ position: absolute; right: 2px; top: 0; width: 160px;z-index :20; background: #231816; border-radius: 64px; height: 35px; line-height: 35px; padding: 0 14px; font-size: 18px; color: #FFFFFF; display: none; }
.header .headerNav .box:hover .num{ display: block; }
.header .headerNav a{ float: left; position: relative; z-index: 30; }
.header .headerNav .ico {
    background: #fff url("../image/phone1.png") no-repeat center;
}
.header .headerNav .ico:hover {
    background: #231816 url("../image/phone2.png") no-repeat center;
}
.header_indTop .header .headerNav{ padding: 16px 0 0; }

.header .headerNav .box .ico {
    background: #fff url("../image/phone1.png") no-repeat center;
}
.header .headerNav .box:hover .ico {
    background: #231816 url("../image/phone2.png") no-repeat center;
}

.header .headerNav a{
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #FFFFFF;
    padding: 0;
    line-height: 35px;
    text-align: center;
    color: #231816;
    font-size: 14px;
    float: left;
    margin-left: 14px;
}.header_indTop .header .headerNav a{ color: #231816; }
.header_indTop .header .headerNav a.off{ display: none; }
.header .headerNav a:hover{ background: #231816; border-color: #231816; color: #FFFFFF; }
.header .headerNav a:hover .on{ display: none; }
.header .headerNav a .off{ display: none; }
.header .headerNav a:hover .off{ display: inline-block; }
.header_indTop  .header .headerNav a{ box-sizing: border-box; border: 1px solid #dfdfdf; }
/*pc*/
/*经过显示*/

.header .headerNav .ico {
    background: #fff url("../image/phone1.png") no-repeat center;
}
.header .headerNav .ico:hover {
    background: #231816 url("../image/phone2.png") no-repeat center;
}

/*尾部*/


/*手机菜单*/
.navRight{ height:100%; width:100%; overflow:hidden; position:fixed; z-index:101; right:-100%; top:0px; background: #fff;}
.navRight .closeBtn{ height:20px; width:20px; position:absolute; right:3%; z-index:22; top:18px;}
.navRight .closeBtn img{ width: 100%; }
.navRight .logo {
    position: absolute;
    left: 3%;
    top: 10px;
    height: 40px;
}
.navRight .logo img{ height: 100%; }
.navRight .parole{ position: absolute; right: calc(3% + 32px); top: 12px; }
.navRight .parole a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #dedede;
    border-radius: 50%;
    text-align: center;
    margin: 0 0 0 6px;
    font-size: 12px;
    color: #231816;
}.navRight .list{ margin: 58px 0 0; box-sizing: border-box; border-top: 1px solid #f2f2f2; }
 .navRight .parole a img {
    width: 54%;
    margin: -2px 0 0;
}
.navRight .list li{ font-size: 15px;line-height: 46px; }
.navRight .list li.no{ background: none; }
.navRight .list li > a{ display: block; color: #484848; height: 50px; font-size: 16px; background: url("../image/m-nav1.png") no-repeat right center; background-size: 14px; }
.navRight .list li .add{ color: #a9a9a9; background: url("../image/m-nav2.png") no-repeat right center; background-size: 14px; }
.navRight .list li dl {
    display: none;
    padding-left: 14px;
    position: relative;
    z-index: 10;
    background: #fff;
}
.navRight .list li dd{ line-height: 50px; }
.navRight .list li dd a{ font-size: 16px; display: block; color: #484848; }
.navRight .list li .on a{ color: #a9a9a9; }
.pageBg{ position:fixed; z-index:20; width:100%; height:100%; display:none; background:url("../../../../tycooler.com/images/head_bg3.png") repeat; left:0px; top:0px;}
.m-navRight{ padding: 0 3%; }

.m-seekbox{ position: absolute; bottom: 20px; left: 3%; right: 3%; }
.m-seekbox input{ line-height: 38px; border: 1px solid #cccccc; width: 100%; border-radius: 64px; padding: 0 46px 0 14px; box-sizing: border-box; font-size: 14px; }
.m-seekbox a{ position: absolute; right: 0; top: 0; line-height: 38px; width: 46px; text-align: center; }

/*内页banner*/





/*分页*/
.number{ text-align: center; }
.number a{ display: inline-block; padding: 0 16px; line-height: 28px; border: 1px solid #dadada; border-radius: 6px; font-size: 14px; color: #999999; margin: 0 6px; }
.number a:hover ,
.number a.on{ color: #FFFFFF; background: #29166f; border-color: #29166f; }
.number a.page-num-current { color: #FFFFFF; background: #29166f; border-color: #29166f; }

.number_more{ line-height: 38px; font-size: 14px; text-align: center; color: #000; display: block; display: none; }

.number span {
    display: inline-block;
    padding: 0 16px;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-size: 14px;
    color: #999999;
    margin: 0 6px;
}
.number a {
    display: inline-block;
    padding: 0 16px;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-size: 14px;
    color: #999999;
    margin: 0 6px;
}
.number_more span {
    display: inline-block;
    padding: 0 10px;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-size: 12px;
    color: #999999;
    margin: 0 4px;
}
.number_more a {
    display: inline-block;
    padding: 0 10px;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-size: 12px;
    color: #999999;
    margin: 0 4px;
}
/*内容*/


/*尾部*/
.footerDiv{  }
.footerTop{ padding: 50px 0 40px; background: url("../image/footer1902_01.jpg") no-repeat; background-size: cover; }
.footerTop dl{  }
.footerTop dt{ font-size: 15px; font-weight: bold; color: #FFFFFF; margin-bottom: 8px;}
.footerTop dd{ height: 27px; line-height: 27px; font-size: 14px; }
.footerTop dd a{ color: #7e7e7e; }
.footerTop dd a:hover{ color: #FFFFFF; text-decoration: underline; }
.footerTop ul{ overflow: hidden; float: left; }
.footerTop li{ float: left; margin:0px 33px; }
.footerTop .eqBox{     width: 130px; }
.footerTop .eq{ width: 108px; margin-top:5px;padding-left: 11px;}
.footerTop .eq img{ width: 100%; }
.footerTop .name{ font-size: 14px; color: #7e7e7e; text-align: center; }
.footerShare{ overflow: hidden; margin: 10px 0 0; }
.footerShare a{ display: inline-block; float: left;}
.footerShare a:nth-of-type(1){  margin-right: 27px; margin-left: 7px; }
.footerShare a:nth-of-type(2){  margin-right: 22px; }
.footerShare .off{ display: none; }
.footerShare a:hover .on{display: none; }
.footerShare a:hover .off{ display: inline-block; }

.footerBtm{ background: #181818; line-height: 42px; }
.footerBtm .p{ font-size: 14px; color: #525252;  }
.footerBtm .p a{ font-size: 14px; color: #525252;  }




/*上下篇*/
.piecebBox{ position: relative; }
.piece{ text-align: center; }
.piece_more{ display: none; }

.piece a{ display: inline-block; width: 248px; height: 47px; line-height: 47px; border-radius: 64px; text-align: center; font-size: 14px; color: #777777; box-shadow: 0 0 15px rgba(129,129,129,0.2); margin: 0 23px; color: #3A3A3A; }
.piece .list{ background: url("../../../../tycooler.com/images/cer.png") no-repeat 98px center; text-align: left; text-indent: 121px; }
.piece .list:hover{ background: url("../../../../tycooler.com/images/ceron.png") no-repeat 98px center;}
.piece .prev{ background: url("../../../../tycooler.com/images/left2_on.png") no-repeat 60px center; }
.piece .prev:hover{ background: url("../../../../tycooler.com/images/left_off.png") no-repeat 60px center;}
.piece .next{ background: url("../../../../tycooler.com/images/right2_on.png") no-repeat 188px center; }
.piece .next:hover{ background: url("../../../../tycooler.com/images/right2_off.png") no-repeat 188px center;}


/*回到顶部*/
.SideBox{ position: fixed; right: 4px; top: 30%; z-index: 12; }
.SideBox li{ background: url("../image/bg_01.png") repeat; width: 52px; height: 51px; margin-bottom: 1px; position: relative; }
.SideBox li a{  display: block; height: 100%; position: relative; z-index: 10; }
.SideBox .liow1 a{ background: url("../image/Side1.png") no-repeat center; }
.SideBox .liow2 a{ background: url("../image/Side2.png") no-repeat center; }
.SideBox .liow3 a{ background: url("../image/Side3.png") no-repeat center; }
.SideBox .liow4 a{ background: url("../image/Side4.png") no-repeat center; }
.SideBox .Top_btn span{ background: url("../image/Side5.png") no-repeat center; display: block; height: 100%; }
.SideBox li .box{ position: absolute; right: -1000%; top: 0%; background: #000000; min-height: 51px; color: #FFFFFF; min-width: 160px; font-size: 16px; padding: 16px 12px; box-sizing: border-box; transition: .7s; z-index: 9; }
.SideBox li:hover{ background: #000000; }
.SideBox li:hover .box{ right: 100%; }