* { margin: 0px;  }

/*苹果设备表单修正*/
input:focus,[contenteditable]:focus {outline: none; }
input, button, select, textarea {
    outline: none; 
    resize: none;
    background: transparent;
    border: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type="button"], input[type="submit"], input[type="reset"] { 
    -webkit-appearance: none;
    appearance: none;
} 

* img {
    image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

* .layui-laypage-curr .layui-laypage-em { background-color: #D60000!important; }
* .layui-laypage-default a:hover { color: #D60000!important; }
/*表格修饰*/
*.layui-border-box{ border-top-width: 0px; border-right-width: 0px; }
*.layui-table-tool{ background-color: #FFF;margin: 0px; padding: 8px;}
*.layui-table tbody tr:hover{ background-color: #FCFDEE; }
*.layui-table img{ height:20px; }
*.layui-table-view{ margin-top: 0px; padding-top: 0px; }

*.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0066FF; color: #fff }
*.layui-form-checked[lay-skin=primary] i{ border-color: #0066FF!important; background-color: #0066FF; color: #fff }
/*弹层工具栏*/
*.layui-layer-setwin .layui-layer-close2 {
    
}

.layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    top: -3px;
    right: -6px;
    background-color: transparent;
    border: 0;
    background-image: url(/up/adm/gif/x.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
} 
.layui-layer-setwin .layui-layer-close2:hover {
    background-color: transparent;
    background-image: url(/up/adm/gif/x1.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.layui-icon-close:before {
    content: "";
}
* .layui-layer-title{  background-size: 100%; background-position: top; border-bottom-width: 0px !important; border-bottom-style: none; border-bottom-color: #F00; color: #000 !important; background-color: #fff !important;  }
* .layui-table-cell span{ font-weight: bold;  }
* .layui-layer-ico{color: #FFF !important;}
* .layui-layer-border{ border: 0px solid #fff!important }
* .layui-table-edit:focus{ border-color: #0066FF!important }
/*大化最小化关闭按钮*/

*.layui-layer-setwin .layui-layer-close1 { background-image: url(/up/adm/ico/36.png)!important; background-repeat: no-repeat; background-position: center center!important; }

*.layui-layer-min cite { display: none; }
#page {text-align: center; margin: 20px; }
/*下拉菜单*/
.site-dropdown,
.site-dropdown .layui-menu{ background-color: #ebf2f8;top: 0px; margin-top: 0px; }
.site-dropdown .layui-menu li{ color: #000; font-size: 12px; }
.site-dropdown .layui-menu li:hover{ background-color: #03F; color: #FFF; }

/*响应式宽度*/
.f-20,.f-25,.f-30,.f-33,.f-50,.f-60,.f-70,.f-75,.f-80,.f-100{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;display: inline-block; }
.f-20{ width: 20%; float: left; padding-right: 10px;}
.f-25{ width: 25%; float: left; padding-right: 10px;}
.f-30{ width: 30%; float: left;}
.f-33{ width: 33.33%; float: left; padding-right: 10px; }
.f-40{ width: 40%;float: left; }
.f-50{ width: 50%; float: left;}
.f-60{ width: 60%; }
.f-70{ width: 70%; }
.f-75{ width: 75%; }
.f-80{ width: 80%; }
.f-100{ width: 100%; clear: both; }
.f-zuo{ float: left; }
.f-you{ float: right; }
    
.header {  background-color: #000; color: #FFF; padding-right: 30px; padding-left: 30px; }
.header .topleft { height: 55px; line-height: 55px; }
.header .topleft span{float: left;}
.header .topleft img{ height: 25px; margin-right: 10px; }
.header  a { color: #dcdcdc; text-decoration: none; display: inline-block; line-height: 30px; padding-right: 10px; padding-left: 10px;  }
.header  a:hover { color: #fff; }
.header .right { height: 55px; line-height: 55px; float: right; }
.header .topleft .on,.header .right .on { color: #000; background-color: #FFF; border-radius: 2px; }

.header .logo { font-size: 36px; line-height: 50px; margin-top: 15px; position: absolute; left: 25px; top: 60px; }
.header .logo img{max-height: 70px; }

.search { text-align: center;}
.search form { margin-top: 5px; border: 0px solid #FFF; border-radius: 4px; opacity: .9; margin-right: auto; margin-left: auto; width: auto; display: inline-block; background-color: #FFF; margin-bottom: 50px; }
.search form input { border-radius: 4px; padding: 14px; border: 0px none #FFF; width: 550px; vertical-align: middle; font-size: 16px; letter-spacing: 1px; }
.search form #btn { line-height: 48px; background-color: #03F; display: inline-block; height: 48px; vertical-align: middle; width: 98px; color: #FFF; text-decoration: none; border-radius: 0px 4px 4px 0px; letter-spacing: 4px; float: right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.search .lx { margin-right: auto; margin-left: auto; margin-top: 0px; }
.search .lx a { color: #D4D4D4; text-decoration: none; line-height: 28px; display: inline-block; padding-right: 10px; padding-left: 10px; font-size: 11pt;color: #fff; }
.search .lx .on {position: relative;font-weight: bold; font-size: 11pt; color: #03F; background-color: #FFF; border-radius:4px; }
.search .lx .on s{  text-align: center; text-decoration: none; border-radius: 0px 3px 3px 0px; width: 0; height: 0; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; display: block; margin: auto; position: absolute; z-index: 99; bottom: -10px; left: 34px;}

.search .lx span { margin-left: 50px; font-family: "楷体"; }

/*动画*/
@keyframes sx { from {top: -50%;}to { top: 20%; }}
@supports (-webkit-transform: scale(0)) {
 .yanse {
    background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     -webkit-background-size: 200% 100%;
     animation: bgp 3s infinite linear;
    }
    }
 @-webkit-keyframes bgp { 
        0% { background-position: 0 0;}
      100% {background-position: -100% 0;}
    }

.flex img { height: 50px; animation: daxiao 2s;}
@keyframes daxiao
{
     0%{-webkit-transform:perspective(400px) rotateY(180deg); z-index: 0;}
    100%{-webkit-transform:perspective(400px) rotateY(0deg); z-index: 0;} 
}
.flex form input{ position: relative; animation: myfirst 2s; }

@keyframes myfirst
{
    from {width: 0;opacity:0 ; z-index: 0; }
    to {width: 550px;opacity:1 ;z-index: 0;}
}

.feiguang{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABbAQMAAAAm+GvaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURatpANmcO6w5b1MAAAC1SURBVDjL7dCxUQNQDATRZQgcUgJ04lboxJRGKVcCIQHDEtxnzj1Apo2eJAB4VDUAcFH1vfGk6lvjWdXOXFW/T9xUv06o+tn5QdUP/pk/y3DHvHDHvHLHhDEPJ7pYo8ylUeapUea5UebaKHNrlLFR5sS5P4xpHKZxmMZhGodpHKZxmMbvm8MYwxjDGMMYwxjDGMMYwxjDGMMYwxjDGMMYwxjDGMMYwxjDGMMYwxjDGMMYwxjzA/BpFJCTWhQKAAAAAElFTkSuQmCC"); background-clip: text; -webkit-background-clip: text; color: transparent; animation: moveBg 10s linear infinite;}
@keyframes moveBg{0%{background-position: 0% 30%;} 100%{background-position: 1000% 500%;}}
/*金色*/
.jinse{background-image: linear-gradient(to right,#E8A833,#EBC874,#AE7222);color: transparent; }

.but_tx { cursor: pointer; border-radius: 2px; overflow: hidden; text-decoration: none; z-index: 3; margin: 0px; text-align: center; text-shadow: 0px 0px 0px; position: relative; padding: 0px; }
.but_tx span { display: block; position: relative; z-index: 10; font-weight: normal; color: #FFF; padding-right: 10px; padding-left: 10px; }
.but_tx:after, .but_tx:before { padding: 18px 0 11px; content: ''; position: absolute; top: 0; left: calc(-100% - 30px); height: calc(100% - 29px); width: calc(100% + 20px); border-radius: 2px; -webkit-transform: skew(-20deg); transform: skew(-20deg); }
.but_tx:after { -webkit-transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1) 0.2s; transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1) 0.2s; z-index: 0; opacity: 0.4; background-color: #fff; }
.but_tx:before { z-index: 5; -webkit-transition: left 1s cubic-bezier(0.86, 0, 0.07, 1); transition: left 1s cubic-bezier(0.86, 0, 0.07, 1); background-color: #00F;;}
.but_tx:hover:after { left: calc(0% - 10px); -webkit-transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1); transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1); }
.but_tx:hover:before { left: calc(0% - 10px); -webkit-transition: left 1s cubic-bezier(0.86, 0, 0.07, 1); transition: left 1s cubic-bezier(0.86, 0, 0.07, 1); }



.footer { font-size: 12px; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.footer p{padding-bottom: 7px; }
.content { margin: auto; max-width: 1280px;padding: 30px; }
.content #list{ min-height: 550px; float: left; width: 70%; }
.content #list ul{ overflow: hidden;margin: 20px;}
.content #list li { padding-top: 20px; padding-bottom: 20px; }
.content #list li a { font-size: 16px; display: inline-block; color: #2440b3; margin-bottom: 7px;  }
.content #list li a b{border-radius: 2px; color: #FFF; text-decoration: none; display: inline-block; margin-right: 7px; padding-right: 7px; padding-left: 7px;font-size: 12px; line-height:20px;}
.content #list li span { border-radius: 2px;font-size: 14px; margin-right: 7px; padding-right: 7px; padding-left: 7px; display: inline-block; background-color: #f5f5f5; line-height: 22px; color: #333333; }

.content .img3  { overflow: hidden; }
.content .img3 li { float: left; width: 33.33%; padding-top: 15px; height:205px; }
.content .img3 li a{ position: relative;display: block; margin: 20px;text-align: center; box-shadow: 0px 0px 1px #ccc;transition: all 0.5s; height:170px;background-repeat: no-repeat; background-position: center center;}
.content .img3 li a:hover{box-shadow: 0px 0px 15px #ccc; margin-top: 10px; }
.content .img3 img{ display: block; width: 100%;  }
.content .img3 li a b{ text-shadow: 1px 1px 1px #fff;display: block; font-size: 24px; position: absolute; left: 15px; top: 50px; line-height: 30px; height: 30px; color:#000; }
.content .img3 li a u { text-shadow: 1px 1px 1px #fff;position: absolute; left: 15px; right:80px;text-align: left; top: 85px; text-decoration: none;}

.content .img4  { overflow: hidden; }
.content .img4 li { float: left; width: 25%; padding-top: 15px; height:175px; }
.content .img4 li a{ position: relative;display: block; margin: 20px;text-align: center; box-shadow: 0px 0px 0px #ccc; border: 1px solid #E8EAEE; transition: all 0.5s; height:140px;background-repeat: no-repeat; background-position: center center;}
.content .img4 li a:hover{box-shadow: 0px 5px 5px #ccc;border: 1px solid #c5ccd9; margin-top: 10px; }
.content .img4 img{ display: block; width: 100%;  }
.content .img4 li a b{ text-shadow: 1px 1px 1px #fff;display: block; font-size: 22px; position: absolute; left: 15px; top: 30px; line-height: 30px; height: 30px; color:#000; }
.content .img4 li a u { text-shadow: 1px 1px 1px #fff;position: absolute; left: 15px; right:15px;text-align: left; top: 60px; text-decoration: none;}

.content .img5 { overflow: hidden; }
.content .img5 li { float: left; width: 20%; padding-top: 15px; height:175px; }
.content .img5 li a{ position: relative;display: block; margin: 20px;text-align: center; box-shadow: 0px 0px 1px #ccc;transition: all 0.5s; height:130px;background-repeat: no-repeat; background-position: center center;}
.content .img5 li a:hover{box-shadow: 0px 0px 15px #ccc; margin-top: 10px; }
.content .img5 img{ display: block; width: 100%;  }
.content .img5 li a b{ text-shadow: 1px 1px 1px #fff;display: block; font-size: 22px; position: absolute; left: 15px; top: 50px; line-height: 30px; height: 30px; color:#000; }
.content .img5 li a u { text-shadow: 1px 1px 1px #fff;position: absolute; left: 15px; right:15px;text-align: left; top: 85px; text-decoration: none;}

.content .tab div { overflow: hidden; padding-top: 10px; }
.content .tab a { font-size: 16px; text-decoration: none; display: inline-block; height: 32px; line-height: 32px; border: 1px solid #f1f1f1; margin-right: 7px; margin-bottom: 7px; padding-right: 15px; padding-left: 15px; color: #333; float: left; border-radius: 16px; }
.content .tab #d {overflow: hidden;}
.content .tab #d ul li a{ width:auto; }
.content .tab li { float: left; list-style-type: none; position: relative; }
.content .tab #r { overflow: hidden; margin-bottom: 10px; }
.content .tab .on { border: 1px solid #06F; color: #FFF; background-color: #03F; }
#ts{ color: #999; padding-top: 20px;}

.content .tab #m ul li img { position: absolute; top: -10px; right: 0px; }

.content #page { clear: both; }

.content .ycgg{ min-height: 550px;width: 100%; }
.content .ycgg li{margin-bottom: 20px; width: 80px;margin-right: 2%;float: left;position: relative;}
.content .ycgg li a{display: block;text-align: center;position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding-top: 80px; }
.content .ycgg li img { max-width: 100%; }


.x1 { background-color: #F2F2F2; clear: both; height: 1px; margin-top: 10px; margin-bottom: 10px; }

/*开关*/
.kg{ display: inline-block; }
.kg i { line-height: 24px; height: 20px; width: 40px; border: 1px solid #CCC; display: block; float: right; border-radius: 10px; position: relative; }
.kg i s{ background-color: #d1d1d1; height: 18px; width: 18px; display: block; border-radius: 50%; position: absolute; left: 1px; top: 1px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.kg i .on{ background-color: #3366FF; left: 20px; }

.kp{ padding: 15px; background-color: #FFF; border-radius: 4px; box-shadow: 0px 0px 5px #CCCCCC; margin: 15px; }
.kp #ico { height: 100px; width: 100px; margin-right: 10px; margin-bottom: 150px; }
.kp #ico img { height: 100px; width: 100px; display: block; margin: auto; }
.kp ul li .kg { float: right; }
.kp img { max-width:100%;}
.kp span { font-size: 16px; font-weight: bold; margin-top: 7px; }
.kp .logo-h { float: right; margin-top: 5px; }
.kp h3 { font-size: 16px; font-weight: bold; }
.kp h4 { font-size: 14px; text-align: center; margin-bottom: 7px; }
.kp ul { padding-top: 5px; padding-bottom: 15px; }
.kp p b { display: block; font-weight: normal; margin-right: 10px; line-height: 26px; color: #666; }
.kp p i { font-style: normal; margin-top: 7px; margin-left: 8px; }
.kp ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; padding-top: 10px; padding-bottom: 10px; color: #909090; }

.f4 { overflow: hidden;  padding: 10px; }
.f4 li{ float: left; width: 25%; height:120px;}
.f4 li a{border: 1px solid #f2f2f2; text-align: center; display: block; margin: 10px;padding: 20px; transition: all 0.5s; background-color:#fff}
.f4 li a:hover{ box-shadow: 0px 0px 20px #ccc;}
.f4 li img { max-width: 100%; }

.con img{ max-width:100%;}

.btn { padding-right: 20px; padding-left: 20px; line-height: 42px; background-color: #03F; display: inline-block;  vertical-align: middle; color: #FFF; text-decoration: none; border-radius: 4px; letter-spacing: 1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align: center;  }
.btn:hover { background-color: #63F; color: #FC0;}