html,body,div,nav,ul,li,img,input,form{margin:0;padding:0;box-sizing:border-box;}
body{overflow-x:hidden;font-family:'Microsoft Yahei';font-size:14px;background:#fff;color:#000;}
HTML,body{width:100%;min-width:1400px}
.clearfix:after {content: "";display: block;height: 0;line-height:0;clear: both;visibility: hidden;}
.clearfix {zoom: 1; /*兼容ie6*/}
input,select,option{outline:none;}
a{text-decoration:none;color:#333;}
ul,li,p{list-style:none;}
p{margin:0;}
.fl{float:left;}
.fr{float:right;}
.dni{display:none!important;}
.dn{display:none;}
.tac{text-align:center;}
.taj{text-align:justify;}
.tar{text-align:right;}
.toh,.label li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
img{width:100%;height:100%;border:none;display: block;}
.container-fluid{width:100%;}
.container{width:1200px;margin:0 auto;}
.cred{color:#e30b23!important;}
.mt15{margin-top:15px;}
.mr0{margin-right:0;}
h1,h2,h3,h4{margin:0px;}
.product-pic{overflow: hidden;position: relative;}
.posa{position:absolute;left:0}
.posr{position: relative;}
/* 头部开始 */
.header{height: 92px;
       
        background-image: -webkit-linear-gradient(81deg,#006ab9 0%, #21bbff 100%);
        background-image: -o-linear-gradient(81deg,#006ab9 0%, #21bbff 100%);
        background-image: -m-linear-gradient(81deg,#006ab9 0%, #21bbff 100%);
         background-image: linear-gradient(81deg,#006ab9 0%, #21bbff 100%), linear-gradient(#20232e, #20232e);
        background-blend-mode: normal, normal;}
.header .container{position:relative}
.header li{float: left;width: 88px;height: 92px;}
.header li .indexnav{color: #fff;display: block;line-height: 92px;width: 100%;text-align: center;font-size:16px}
.header .active,.header .indexli:hover
{
   
    background-image: -webkit-linear-gradient(-30deg,#1eb1f9 0%, #1e94f9 100%);
    background-image: -o-linear-gradient(-30deg,#1eb1f9 0%, #1e94f9 100%);
    background-image: -m-linear-gradient(-30deg,#1eb1f9 0%, #1e94f9 100%);
    background-image: linear-gradient(-30deg,#1eb1f9 0%, #1e94f9 100%), linear-gradient(#ebebeb, #ebebeb);
    background-blend-mode: normal, normal;opacity: .9;}
.header img{margin-top: 16px;height:auto}
.aboutqtkj:hover .aboutnav{display:block}
/*轮播*/
.flexslider{position:relative;width:100%;height:524px;overflow:hidden;zoom:1;}
.flexslider .slides li{width:100%;height:524px}
.slides{width:100%;height:100%;}
.flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background: url(/Themes/Images/iconimg.png) no-repeat -72px 0;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0;width: 32px;}
.flexslider .slides a img{position: absolute;top: 0;left: 50%;width: 1920px;height: 100%;margin-left: -960px;display:block}
.footer{height: 258px;background-color: #242030;color: #b1acc0;font-size:16px;margin-top: 10px;}
.iconlist{padding-top: 43px;}
.iconlist i{float: left;width: 24px;height: 26px;background: url(/Themes/Images/iconimg.png)no-repeat -128px -55px;margin: 0 224px 0 22px;}
.iconlist i:nth-of-type(2){width: 26px;height: 20px;background: url(/Themes/Images/iconimg.png)no-repeat 0 -55px;}
.iconlist i:nth-of-type(3){width: 22px;height: 25px;background: url(/Themes/Images/iconimg.png)no-repeat -66px -55px;}
.datalist{margin-top: 8px;border-top: 2px solid #342a4f;padding-top: 17px;}
.datalist li{float: left;margin-left: 20px;line-height: 30px;}
.datalist li:nth-of-type(1){width: 250px;}
.datalist li:nth-of-type(2){width: 256px;}
.footer .jszc{text-align: center;margin-top: 32px;}
.jszc a{color: #b1acc0;}
.rignav{position: fixed;top: 40%;right: 20px;}
.rignav li{width: 71px;height: 71px;background-color: #ebebeb;border-radius: 10px;color: #232323;font-size: 14px;text-align: center;padding: 13px 0;margin-bottom: 5px;}
.rignav li i{display: inline-block;width: 22px;height: 26px;background: url(/Themes/Images/iconimg.png)no-repeat 0 -104px;}
.rignav li:nth-of-type(2){
                          background-image: -webkit-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
                          background-image: -o-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
                          background-image: -m-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
                          background-image: linear-gradient(-30deg, #38a7fe 0%, #884eff 100%), linear-gradient(#ebebeb, #ebebeb);background-blend-mode: normal, normal;
                          }
.rignav li:nth-of-type(2) span{width: 28px;height: 31px;display: inline-block;background: url(/Themes/Images/index/top.png)no-repeat;margin-top: 7px;}
.headphone{margin:14px 0 0 15px;font-size: 16px;color: #fff;line-height: 26px;padding: 6px 10px;border-radius: 8px;border:1px solid #fff}
.aboutqtkj{position:relative;}
.aboutnav{position:absolute;right:0;top:92px;width: 880px;height: 250px;background:rgba(255,255,255,.8);font-size: 14px;color: #232323;z-index:9999;padding:25px 60px;box-shadow: 4px 3px 21px 0px 
		rgba(118, 118, 118, 0.75);}
.aboutnav .itemul{margin-right:66px}
.aboutnav .itemul .aboutitemnav{width: 68px;height: 25px;line-height:25px;text-align:center;margin:12px 0}
.aboutnav .itemul .title-li{color: #0e8dd7;margin-bottom:15px}
.aboutnav .itemul .title-li .bgfline{position: relative;width: 40px;height: 1px;background-color: #0e8dd7;display: inline-block;float:left;margin-left:12px;margin-top:4px}
.aboutnav .itemul .title-li .bgfline::before{content: "";position: absolute;left: -10px;width: 20px;height: 1px;background: linear-gradient(to right, #fff,#0e8dd7);}
.aboutnav .itemul .title-li .bgfline::after{content: "";position: absolute;right: -10px;width: 20px;height: 1px;background: linear-gradient(to right, #0e8dd7,#fff);}
.aboutnav .itemul .aboutitemnav:hover{background:#e7e7e7}
.aboutnav .itemul .aboutitemnav:hover a{color:#0e8dd7;}
.aboutnav .itemul .title-li:hover{background:none}

.msgno{position:fixed;right:0;bottom:0;width:158px;height:56px;background:url(/Themes/Images/index/msg.png)no-repeat center center;cursor: pointer;z-index:9999}
.msgok{width:500px;height:480px;position:fixed;right:131px;bottom:0;background:#e8e8e8;z-index:999999}
.msgtitle{height:48px;line-height:48px;
         
          background-image: -webkit-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: -o-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: -m-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
           background-image: linear-gradient(-30deg, #38a7fe 0%, #884eff 100%), linear-gradient(#ffffff, #ffffff);
          background-blend-mode: normal, normal;padding:0 23px}
.msgtitle img{width:168px;height:auto;margin-top:10px}
.msgtitle span{color:#fff;font-size:34px;padding:4px;line-height:38px;cursor: pointer;}
.msgok .text{font-size:14px;color:#333;line-height:24px;margin-top:10px;padding:0 25px}
.msgform{padding:0 25px;font-size:14px}
.msgform span{color:#f00}
.msgform input{width:100%;height:38px;background:#fff;border:0;color:#333;padding:0 6px;box-sizing:border-box}
.itemipt p{margin:10px 0;color:#333;font-size:16px}
.itemipt textarea{height:94px;width:100%;border:0;background:#fff;font-size:14px;color:#333;padding:6px;box-sizing:border-box}
.msgbtn{width:100%;height:38px;color:#fff;
      
        background-image: -webkit-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
        background-image: -o-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
        background-image: -m-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: linear-gradient(-30deg, #38a7fe 0%, #884eff 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        text-align:center;line-height:38px;font-size:18px;margin-top:20px}