*{ padding:0; margin:0;}
body{font-size: 14px; padding:0; background:#f1f1f1; margin:0;overflow-x: hidden;font-family:"微软雅黑"; font-size:14px;-webkit-font-smoothing:antialiased}
li{ list-style-type:none;}
a{ text-decoration:none!important}
h1,h2,h3,h4,h5,p,ol{font-weight:normal; padding:0; margin:0}
img{ display:block; max-width:100%;}
  ::-webkit-scrollbar {width:6px;height:7px;position:absolute;}
  /*::-webkit-scrollbar-thumb {background-color:#18caaf}  */
::-webkit-scrollbar-thumb {background-color:#3cadfb}
  ::-webkit-scrollbar-track {background-color:#eee)}
ol, ul {margin: 0;}
.eng {font-family: "Arial"}
.container{/*padding-right:15px;padding-left:15px;*/margin-right:auto;margin-left:auto;position:relative;}
.container:after,.row:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.container,.row{zoom:1} 
.head{ height:50px; width:100%; display:none; background:rgba(0,0,0,0.3); position:fixed; width:100%; top:0; left:0; z-index:10001;}
.head1{background: #252c34; display:block;}
.head span{ line-height:50px; color:#fff; font-size:16px; font-weight:bold; padding-left:20px;}
.banner{ height:320px;  background:#000;background: url("/images/bg-new.png") no-repeat center;}
.btn { position:absolute; right:20px; top:8px;}

.btn a{ color:#fff; text-decoration:none; background:#21b384; font-size:14px; padding:7px  20px; border-radius:2px; display:inline-block;}
.btn a:last-child{ background:#2da7ff; font-size:14px;}
.btn a:hover{ opacity:0.9;}
.notice{ position:fixed; right:-520px; bottom:0px; width:520px;; padding:25px; box-shadow:0 0 10px rgba(0,0,0,0.2); background:rgba(0,0,0,0.9); z-index:10;}
.notice h4{ color:#fff; padding:0 0 10px 0; margin-left:-10px;}
.notice h4 i{ font-size:20px; padding-right:5px;}
.notice ol{ line-height:24px; color:#aaa; padding-left:16px;}
.notice .close{  position:absolute; right:15px; top:10px;color:#fff!important; z-index:10;}

.noticeicon{ width:48x; height:48px; line-height:48px; text-align:center; position:fixed; right:0px; bottom:0; cursor:pointer; z-index:1;}
.noticeicon i{ font-size:40px;}
.noticeicon i:hover{color: #4794eb;}

.box{ width:100%;z-index:1; position:absolute; /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
.box h1{ font-size:80px; text-align:center; padding:0 0 20px 0; letter-spacing:3px; color:#fff}
.box h2{ font-size:24px; color:#eee; text-align:center; padding-bottom:20px; }
.box h3{ color:#fff; text-align:center;font-size:18px;}
.box h3 span{ font-size:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.box h3 i{ text-decoration:line-through; font-size:18px; opacity:.7;}
.btnbox{ text-align:center; padding:20px 0}
.btnbox i{ padding-right:5px;}
.btnbox a{ color:#fff; font-size:16px; transition:all 0.5s; font-weight:bold; box-shadow:2px 4px 3px rgba(0,0,0,0.1); display:inline-block; margin:0px 10px; padding:12px 48px; border-radius:2px; letter-spacing:2px; border:1px dotted #fff;}
.btnbox a:hover{box-shadow:0px 0px 16px rgba(0,0,0,0.3); background:#fff; color:blue;}

.line{height:100%; position:absolute; z-index:0; width:100%; top:0px; overflow:hidden;}

.container{ background:#f1f1f1; }
.jq22{ height:auto!important}
.filtr-item{ width:20%; float:left}
.linka{ margin:30px 15px 0 15px; overflow:hidden; display:block; background:#fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);border-radius: 3px;}
.linka:hover{box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);}
.linka ol{ color:#333; text-indent:12px; line-height:240%; font-weight:bold;}
.imgbox{ overflow:hidden; position:relative; background:#333;}
.imgbox img{ transition:all 0.5s;}
.imgbox:hover img{ transform:scale(1.05,1.05);  opacity:0.7;}
.imgbox:hover:before{ position:absolute;content: "\e60d";font-family: "iconfont"; color:#fff; font-size:24px; z-index:100; left:45%; top:45%; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
@media (max-width:1366px){
.filtr-item{ width:25%!important;}
}
@media (max-width:992px){
	.box,.line{height:10rem;}
.filtr-item{ width:50%!important;}
}
@media (max-width:480px){
	.btnbox a{ width:40%; padding:8px 0; text-align:center; margin: 0 2px; font-size:14px;}
	.filtr-item{ width:100%!important;}
}

.tabs01{background-color: #f7f8f8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);text-align:center;}
.tabs01 { overflow:hidden; padding:8px 0 8px 0;}
.tabs01 a {
    position: relative;
    display: inline-block;
    margin-left: 1px;
    padding:7px 25px;
    color: #898989;
    transition: all .3s ease-out 0s;
    font-size: 14px;
}
.tabs01 li{ display:inline-block;}
.tabs01 a:after {
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #e7e7e7;
    content: '';
	 margin-left:0; right:-1px;    margin-top: 7px;
	
	
}
.tabs01 li.active a{background-color: #333; color:#fff;}
.tabs02{ position:fixed;  top:0; left:1%; z-index:100002; background:none;}
.tabs02 a:after {
    background-color: #777;	
}


.page { text-align:center; margin:80px 0 50px 0;}
.page li{ display:inline-block;}
.page li a{ padding:7px 15px; border:1px solid #ddd; background:#fff; border-radius:2px; color:#666}
.page li.active a{ background:#009CFF; border-color:#009CFF; color:#fff;}




/*******/
.backtop{ position:fixed; right:0px; bottom:45%; z-index:10000;}
.backtop li{ background-color:#333333; overflow: hidden; margin-top:1px;
     transition:all 0.5s; }
.backtop .mabox:hover{ margin-left:0px;}
.backtop .erweima{ position:absolute; padding:15px; background-color:#333333; right:-130px; width:118px; opacity:0; margin-top:-40px; z-index:-1;
   transition:all 0.5s;
}
.backtop .mabox:hover .erweima{ right:40px;  opacity:1;}
.erweima h3{ color:#fff; text-align:center; padding-bottom:10px;}
.erweima p{ background-color:#fff; text-align:center; padding:0px 0 10px 0; margin-bottom:10px;}

.backtop li:hover{ margin-left:-105px; background-color:#333333}
.backtop li a{ position:relative; display:block;white-space:nowrap;  }
.backtop li a span{ color:#fff; position:absolute; left:56px; line-height:40px;}
.backtop li i{ font-size:24px; color:#fff; line-height:40px; width:40px; text-align: center;display: inline-block;}
.backtop li {background:#18caaf;}

.backtop li:nth-child(5) {background:#ffffff;}
.backtop li:nth-child(5) i{ color:#999; border:1px solid #ddd;}



@media (max-width:1200px)
{
.box h1{ font-size:1.1rem; padding-top:1.2rem}
.box h2{ font-size:14px;padding:0 15px 1.2rem 15px;   line-height:24px;}
}

@media (max-width:768px)
{
/*.tabs01{ margin:0px 15px;}*/
.tabs01 li{ display:block; float:left; width:25%;}
.tabs01 a {display:block; text-align:center;padding: 8px 0;}

.backtop{ bottom:0; width:100%; left:0;}
.backtop li{ width:20%; padding:0; float:left; position:relative}
.backtop li:before{ content:""; position:absolute; right:0; height:100%; width:1px; background:rgba(0,0,0,0.06)}
.backtop li a { display:block; text-align:center;}
.backtop li i{ font-size:20px; line-height:30px; padding:5px 0 0 0;}
.backtop li a span { line-height:18px; font-size:12px;
    position:relative;padding:0 0 5px 0;
    left: 0; display:block;
}
.backtop li:nth-child(5) {background:#4794eb;}
.backtop li:nth-child(5) i{ color:#fff; border:none; font-size:18px;}
.backtop li:hover{ margin-left:0;}
}