/*
全站样式文件
*/

*{padding:0px;margin:0px;}

a{text-decoration:none}
/*  position: fixed; 头部固定  */
.Qtop{position:absolute;width:100%;height:160px;top: 0px;z-index:1000;   }

.Qhead{margin:5px auto;width:100%;height:auto;}
.Qhead ul{height:auto;padding:5px 0;overflow:hidden; padding-left:8px;   }
.Qhead ul li{float:left;width:96%;height:30px;line-height:30px;background:#f60;text-align:left;border-bottom:1px solid #f3f3f3;   }
.Qhead ul li a{color:#000;}

.Qcomment{width:94%;padding:10px 3%;line-height:24px;}

.Qfoot{width:100%;height:130px;background:#222222;text-align:center;padding:1px 0;margin:1px 0 0 0;border-top:1px solid #ccc;filter: alpha(opacity=80); opacity: 0.8;}
.Qfoot span{line-height:25px;font-size:14px;color:#fff;}

/*彩块*/
.bianmin li {float: left;width:90%;overflow: hidden;padding:10px;display: inline;margin:10px 5px 8px 10px;line-height: 25px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
.bianmin i, .bianmin i:hover {color: #fff;}
.bianmin .bg1 {background-color: #4593ff;}
.bianmin .bg2 {background-color: #ff702d;}
.bianmin .bg3 {background-color: #ef2a48;}
.bianmin .bg4 {background-color: #b56fae;}
.bianmin .bg5 {background-color: #88b07e;}
.bianmin .bg6 {background-color: #FCB867;}
.bianmin .bg7 {background-color: #7A3700;}

/* 调用广播 quotation2 */
#quotation2{width:95%;height:335px;overflow:hidden;margin:5px auto 0 auto;}
#quotation2 li{line-height:22px;padding-top:5px;padding-bottom:5px;text-align:left;border-bottom:1px dashed #cccccc;list-style:none;}
#quotation2 li span {float:right;width:28%;overflow:hidden;}
#quotation2 li span2{float:right;width:22%;text-align:center;overflow:hidden;}
#quotation2 li span3{float:right;width:8%;}

.Qidiv{width:100%;margin-top:5px;}
.Qidiv .Qtitle{padding:8px 0;background:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.Qidiv .Qtitle h3{display:inline-block;height:20px;line-height:20px;font-size:1.1em;margin-left:8px;padding-left:6px;border-left:3px solid #f60;}
.Qidiv .Qtitle span{float:right;padding-right:8px;}


.Qidiv .Qlist{width:94%;padding:5px 3%;}
.Qidiv .Qlist li{padding-right:50px;height:30px;line-height:30px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Qidiv .Qlist li i{font-size:12px;padding-right:5px;color:#999;}
.Qidiv .Qlist li span{position:absolute;right:0;top:0;text-align:right;}

.Qidiv .Qlist2{width:94%;padding:5px 3%;}
.Qidiv .Qlist2 li{line-height:25px; color:#ccc;}

.Qpage ,#page{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:5px;}
.Qpage li ,#page li{display:inline-block;margin:8px 6px;padding:5px 10px;background:#fff;border:1px solid #ddd;border-radius:3px;}
.Qpage li span ,#page li span{color:#f60;}

.Qclass{width:100%;height:auto;}
.Qclass ul{height:auto;padding:5px 0;overflow:hidden; padding-left:8px;   }
.Qclass ul li{float:left;width:23%;height:26px;line-height:26px;text-align:center;margin:1px; border:1px solid #f3f3f3;   }
.Qclass ul li a{color:#fff;}


.Qhtml{padding:8px 0 0 0;}
.Qhtml .Qnext{width:96%;padding:5px 2% 0 2%;border-top:1px dashed #ccc;}
.Qhtml .Qnext li{line-height:26px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

.topmenu1{float:left;margin-left:7px;margin-top:5px;padding:2px;border:1px solid #f3f3f3;width:16%;height:30px;line-height:30px;display:block;font-size:14px;font-weight:bold;color:#FFF;background:#fff;text-align:center;}
.topmenu2{float:left;margin-left:7px;margin-top:5px;padding:2px;border:1px solid #f8f8f8;width:16%;height:30px;line-height:30px;display:block;font-size:14px;font-weight:bold;color:#FFF;background:#5D5E5D;text-align:center;}
.topmenu3{float:left;margin-left:7px;margin-top:5px;padding:2px;border:1px solid #f8f8f8;width:16%;height:30px;line-height:30px;display:block;font-size:14px;font-weight:bold;color:#FFF;background:#3367D6;text-align:center;}

.sfts{margin:10px auto;width:98%;line-height:35px;background:#f8f8f8;font-size:14px;font-weight:bold;color:red;text-align:center;}

.userreg{margin:5px auto;float:left;width:98%;height:30px;font-weight:bold;     }
.input_pl{margin:5px auto;padding-left:10px;width:50%;height:30px;line-height:30px;color:#666666;border:1px solid #ccc;font-size:14px;        }

#clear {margin:0;padding:0;clear:both;background:#ffffff;}

    #menuBar {position: absolute;left: -200px;width: 226px;top: 20px;clip: rect()}  
    #glider {position: absolute;left: 210px;top: 0px;width: 80px}  
    #glidetextLink {background: url(sidebar_icon.png) 0 0 no-repeat;width: 26px;height: 500px;cursor:pointer;}  

.mymove{
        background:#fff;
            -webkit-animation: mymove 5s infinite;
            /* Chrome, Safari, Opera */
            animation: mymove 5s infinite;
        }
        /* Chrome, Safari, Opera */
        @-webkit-keyframes mymove {
                 50%  {background-color:#f8f8f8;} 
        }
        /* Standard syntax */
        @keyframes mymove {
                 50%  {background-color:#f8f8f8;} 
        }

/*页面CSS结束*/

/*编辑菜单开关代码*/
        .edit{  
            opacity: 0;  /* 编辑菜单 div 隐藏*/
	width:100px;
        position:absolute;z-index:9999;
	height:50px;line-height:50px;
        background:red;border:1px solid #fff;
        text-align:center;
        font-size:18px;font-weight:bold;color:#fff;
        }  
        .see:hover .edit{    
            opacity: 1;  /* 鼠标经过 see div 时 edit div 显示*/
        }  


/*编辑菜单开关结束*/


/*菜单开始*/
.navi_head{
	height:50px;
       
}

.navi_body{
	overflow:hidden;
	height:50px;
	/* background:rgba(36,97,158,0.9);*/
	background:rgba(28,28,28,0.7);
	transition:height ease 0.5s;
}
.navi_body:hover{
	height:165px;
}

.navi_head>div>span{
	width:120px;
	text-align:center;
	height:160px;

	display:inline-block;

	color:#fff;
	font-size:16px;
	vertical-align:top;
}

.navi_head>div>span>p a{
	color:#CCC;
	font-weight:bold;
	text-decoration:none;
}
.navi_head>div>span>p a:hover{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}


.navi_title{
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	margin-top:0;

}

.navi_head>div>span:hover{
	background:rgba(100,100,100,0.5);
}
/*菜单结束*/


/*菜单图标开始*/
.menu-icon{ 
        width: 30px;  
        height: 3px;  
        border-top: 3px solid #DD575C;  
        border-bottom: 3px solid #DD575C;  
        background-color: #DD575C;  
        padding: 5px 0;  
                background-clip:content-box;  
 }
/*菜单图标结束*/


/*首页幻灯开始*/
.roll_img_mb_01{ overflow:hidden; position:relative;}
.roll_img_mb_01 .img_box{ height:450px; overflow:hidden; text-align:center;}
.roll_img_mb_01 .img_box img{ vertical-align:middle; min-height:450px; width:100%; }
.roll_img_mb_01 .nav_box{ overflow:hidden; height:30px; position:absolute; right:100px; bottom:0px;}
.roll_img_mb_01 .nav_box li{ width:20px; height:20px; font-size:1px; overflow:hidden; background:#ddd; border-radius:30px; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{ background:#c00;}

.roll_img_mb_02{ overflow:hidden; position:relative;}
.roll_img_mb_02 .img_box{ height:610px; overflow:hidden; text-align:center;}
.roll_img_mb_02 .img_box img{ vertical-align:middle; min-height:610px; width:100%; }
.roll_img_mb_02 .nav_box{ overflow:hidden; height:30px; position:absolute; right:100px; bottom:0px;}
.roll_img_mb_02 .nav_box li{ width:20px; height:20px; font-size:1px; overflow:hidden; background:#ddd; border-radius:30px; float:left; margin:4px;}
.roll_img_mb_02 .nav_box .li_on{ background:#c00;}

/*首页幻灯结束*/

/*固定的悬浮窗开始*/
.yb_conct{position:fixed;z-index:9999999;top:190px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;list-style:none;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#FF0000 url(/images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#24AC00 url(/images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#007CC3 url(/images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*固定的悬浮窗结束*/

/*-----------------------------------*\
  $RESET
\*-----------------------------------*/



input, select, button, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  font: inherit;
  color: inherit;
}

/*-----------------------------------*\
  $OBJECTS
\*-----------------------------------*/

.butt, .input {
  padding: .75rem;
  margin: .375rem;

  background-color: transparent;
  border-radius: 4px;
}

  .butt:focus, .input:focus {
    outline: none;
  }

.butt {
  border: 2px solid #f35626;
  line-height: 1.375;
  padding-left: 1.5rem;
  padding-right: 1.5rem;

  font-weight: 700;

  color: #f35626;

  cursor: pointer;
  -webkit-animation: hue 60s infinite linear;
}

  .butt--primary {
    background-color: #f35626;
    color: #fff;
  }

.input {
  border: 1px solid #c0c8c9;
  border-radius: 4px;
}

  .input--dropdown {
    background-image: url("ddown.png");
    background-image: url("ddown.svg?3"), none;
    background-repeat: no-repeat;
    background-size: 1.5rem 1rem;
    background-position: right center;
  }

/*-----------------------------------*\
  $TYPOGRAPHY
\*-----------------------------------*/

h1, .alpha {
  margin-bottom: 1.5rem;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1;
  letter-spacing: -.05em;
}

h2, .beta {
  margin-bottom: .75rem;

  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
}

@media (min-width: 650px) {
  .mega {
    font-size: 6rem;
    line-height: 1;
  }
}

.subhead, .meta {
  color: #7b8993;
}

.promo {
  text-align: center;
}

p, hr, form {
  margin-bottom: 1.5rem;
}

hr {
  border: none;
  margin-top: -1px;
  height: 1px;
  background-color: #c0c8c9;
  background-image: -webkit-linear-gradient(0deg, #fff, #c0c8c9, #fff);
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-animation: hue 60s infinite linear;
}

  a:hover {
    color: #f35626;
  }

/*-----------------------------------*\
  $LAYOUT
\*-----------------------------------*/

.wrap {
  max-width: 38rem;
  margin: 0 auto;
}

.island {
  padding: 1.5rem;
}

.isle {
  padding: .75rem;
}

.spit {
  padding: .375rem;
}



/*-----------------------------------*\
  $HEADER
\*-----------------------------------*/

.site__header {
  -webkit-animation: bounceInUp 1s;
}

  .site__title {
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
  }

.site__content {
  -webkit-animation: bounceInUp 1s;
  -webkit-animation-delay: .1s;
}

  .site__content form {
    -webkit-animation: bounceInUp 1s;
    -webkit-animation-delay: .1s;
  }

/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}