*{ margin: 0px; padding: 0px;list-style: none; font-family: "微软雅黑";}
a{ text-decoration: none;}
/*a:hover{ color: #fff;}*/
body{ min-width: 1200px; position: relative;}
.clear{ clear: both;}
.cont{ width: 1200px; margin: auto;}
.top{ background: #161719; height: 60px; width: 100%; position: fixed; z-index: 99999;}
.logo img{ float: left;}
.logor{ color: #fff;  line-height: 32px; float: left; font-size: 16px;} 
.logo{ height: 50px; margin-top: 4px; overflow: hidden; float: left; margin-right: 70px;}
.logof{ margin: 8px 9px 0px;}
.loginwp{	
	
    border: 2px solid #09f;    
    background: rgba(0,153,255,.3);
    position: relative;
    display: inline-block;
    color: #09f;
    font-size: 14px;
    line-height: 32px;
    margin-top: 12px;
    text-align: center; border-radius: 50px;}
			
.cont .loginwp{ color: #09f;}
.cont .loginwp:hover{ background: #09f; color: #fff;}




.nav>li .nav_active{color: #09f; }
.nav>li{ float: left; color: #fff; }
.nav>li a:hover{ color: #09f; background: #141414; }
.nav>li a{ color: #fff; line-height: 60px; padding: 0px; font-size: 16px; display:block;padding: 0 24px;}
.nav .nav_active{ color: #09f;}
.nav{ float: left;}
.login{ color: #c5c5c5; font-size: 14px; float:right; line-height: 60px; width: 100px;}
.login a{ cursor: pointer; text-decoration:none;color:#fff; display: block; width: 100px;}
/*header_end*/
.s_nav{ width: 100%;  border-bottom: 1px solid #e6e7ec;  height: 55px;}
.s_left{font-size: 16px; color: #333;  width: 65px; display: block; text-align: center; float: left; height: 55px;line-height: 55px; }
.s_right{ float: right;}
.s_right li{ float: left;}
.s_right li a{ font-size: 14px; color: #333; height: 55px; line-height: 55px; margin-left: 47px; }
.s_right .s_right_active{ color: #0099ff; background: url(../images/g_b_bg_03.jpg) bottom repeat-x; height: 55px; display: block;}
.s_right a:hover{color: #0099ff; background: url(../images/g_b_bg_03.jpg) bottom repeat-x; height: 55px; display: block;}
.g_none{ display: none;}
/*s_nav end*/



.footer{ background: #161719; font-size: 14px; padding: 20px 0;}
.gfooterw{ background: #161719; overflow: hidden; padding: 50px 0px 40px; overflow: hidden }
.gfooterwc{ width: 1200px; margin: auto;}
.gfootrtop dl{ float: left; width: 179px;}
.gfootrtop dl dt{ color: #fff; font-size: 18px; font-weight: 400;padding-bottom: 19px}
.gfootrtop dl dd a{ color: #ccc; font-size: 14px; line-height: 35px;}
.gfootrtopl{ width: 716px; overflow: hidden; float: left}
.gfootrtopc{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding:0px 61px;}
/*.gfootrtopc .p1 .imgph{ width: 20px; display: inline-block; margin-right: 3px}*/
.gfootrtopc h5{color: #fff; font-size: 18px; padding-bottom: 28px ; font-weight: normal;}
.gfootrtopc .p1{ font-size: 22px; color: #0099ff; margin-bottom: 18px ;background: url(../images/ph.png) center left no-repeat; background-size:20px 20px; padding-left:26px}
.gfootrtopc .p2{ font-size: 12px; color: #ccc; margin-bottom: 10px }
.gfootrtopr{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding-left:65px;  text-align: center;}
.gfootrtopr h5{color: #fff; font-size: 18px; padding-bottom: 12px ; font-weight: normal;}
.gfootrtopr img{ display: block; margin: auto; width: 102px;}
.gfootrtopr .p3{ color: #fff; font-size: 12px ;margin-top: 10px;}
.footerFriend{
    width:1200px;
    overflow:hidden;
    border-top:1px solid #2A2B2D;
    padding-top: 30px;
}
.footerFriend p{
    width:1200px;
    overflow:hidden;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    padding-bottom: 20px;
    box-sizing:inherit !important;
    -webkit-box-sizing:inherit !important;
    line-height: 28px;
}
.footerFriend p a{
    display:inline-block;
    color:#646464;	
    margin-right:4px;
    text-align:left;
    line-height:30px;
    font-size:14px;
}
.footerFriend p a:hover{
    color:#a9a9a9;
}
.footer_bottom {
    width: 100%;
    min-width: 1200;
    color: #939393;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.footer_bottom a{
    color: #939393;
}
.footer_bottom a:hover{
    color: #939393;
    text-decoration:underline;
}
.footer_bottom p{ margin-bottom: 0px;}



    html {
      overflow-y: auto;
    }

    body {
      background-color: #fff;
    }

    .header {
      width: 100%;
    }

    .offerPos {
      position: relative;
      height: 60px;
    }

    .header_extend {
      position: absolute;
      left: 0;
      top: 0;
    }

    .home-page .child #yanshizhan {
      border: 2px solid #0099ff;
      border-radius: 15px;
      color: #42b8f1;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      width: 100px;
      margin: 25px auto 0px;
    }

	.child #yanshizhan {
    border: 2px solid #0099ff;
    border-radius: 15px;   
    color: #42b8f1;   
    font-size: 14px;
    height: 30px;
    line-height: 30px;
	width:100px;
	margin:25px auto 0px;	
	}

.suspension {
      position: fixed;
      z-index: 55;
      right: 10px;
      bottom: 10%;
      width: 252px;
      height: 204px;
    }

    .suspension-box {
      position: relative;
      float: right;
    }

    .suspension-box a.a {
      display: block;
      width: 50px;
      height: 50px;
      background-color:#313131;
      margin-bottom: 1px;
      cursor: pointer;
	   opacity: 0.8;
      filter: alpha(opacity=80);
    }

    .suspension-box a.back_top {
      background-color:#313131;
	  opacity: 0.8;
      filter: alpha(opacity=80);
    }

    .suspension-box a.qq:hover,
    .suspension-box a.tel:hover,
    .suspension-box a.code:hover {
      
	   background-color:#313131;
	     opacity: 1;
      filter: alpha(opacity=100);
    }

    .suspension-box a.back_top:hover {
       background-color:#313131;
	     opacity: 1;
      filter: alpha(opacity=100);
    }

    .suspension-box a i {
      display: block;
      float: left;
      width: 25px;
      height: 25px;
      margin-left: 14px;
      margin-top: 15px;
      background-image: url(../images/suspension-bg.png);
      background-repeat: no-repeat;
      text-indent: -9999px;
    }

    .suspension-box a.qq i {
      background-position: 0 0;
    }

    .suspension-box a.tel i {
      background-position: -25px 0;
    }

    .suspension-box a.code i {
      background-position: 0 -25px;
    }

    .suspension-box a.back_top i {
      background-position: -28px -25px;
    }

    .suspension-box div.code {
      position: absolute;
      left: -200px;
      *left: -207px;
      top: 0px;
      display: none;
      width: 178px;
      height: 198px;
     
      background-color: #fff;
      border: 1px solid #D9D9D9;
	  
    }
	.suspension-box div.code img{width:155px;height:155px; margin:5px auto 0; display:block}

    .suspension-box div.code p {
     
      margin-top: 5px;
      text-align: center;
	  font-size:14px
    }

    .suspension-box div.code i {
      width: 8px;
      height: 15px;
      position: absolute;
      top: 118px;
      right: -8px;
      background-image: url(../images/trangle-right-suspension.png);
      background-repeat: no-repeat;
    }

    .suspension-box div.tencent {
      position: absolute;
      left: -187px;
      top: 51px;
      width: 177px;
      height: 64px;
      display: none;
      background-color: #fff;
      border: 1px solid #D7D7D7;
    }

    .suspension-box div.tencent p.tencent-p {
      width: 75px;
      float: right;
      margin-right: 52px;
      margin-top: 18px;
      font-size: 16px;
      color: #333;
    }

    .suspension-box div.tencent i.tencent-i {
      width: 8px;
      height: 15px;
      position: absolute;
      top: 10px;
      right: -8px;
      text-indent: -9999px;
      background-image: url(../images/trangle-right-suspension.png);
      background-repeat: no-repeat;
    }

    .suspension-box div.tencent b.tencent-b {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 62px;
      height: 64px;
      background-image: url(../images/circle-tencent.png);
      background-repeat: no-repeat;
    }

    .suspension-box div.tencent span.tencent-span {
      position: absolute;
      left: 8px;
      top: 7px;
      border-radius: 22px;
      width: 45px;
      height: 48px;
      text-align: center;
      z-index: 99;
      overflow: hidden;
    }

    .suspension-box div.tencent .tencent-qq {
      position: absolute;
      left: 3px;
      top: 0px;
      height: 45px;
      width: 39px;
    }

    .suspension-box div.tel {
      position: absolute;
      left: -187px;
      top: 102px;
      display: none;
      width: 177px;
      height: 85px;
      background-color: #fff;
      border: 1px solid #D7D7D7;
    }

    .suspension-box div.tel i {
      width: 8px;
      height: 15px;
      position: absolute;
      top: 20px;
      right: -8px;
      background-image: url(../images/trangle-right-suspension.png);
      background-repeat: no-repeat;
    }

    .suspension-box div.tel strong {
      display: block;
      margin-left: 17px;
      margin-top: 16px;
      font-size: 16px;
      font-weight: normal;
    }

    .suspension-box div.tel p {
      margin-left: 17px;
      font-size: 23px;
      font-family: arial;
      color: #FD696D;
    }

    .icon {
      margin-top: -5px;
    }

    .nav a.cart-title-name {
      color: #000;
      text-decoration: none;
      line-height: normal;
    }

    .nav a.cart-title-name:hover {
      color: #ef353d;
      text-decoration: underline;
      line-height: normal;
    }

    .nav a font {
      padding: 8px 15px;
      background: #fd7878;
      border-radius: 5px;
    }

    .nav a font:hover {
      padding: 8px 15px;
      background: #ea5050;
      border-radius: 5px;
    }

    .suspension-mobile {
      position: fixed;
      z-index: 55;
      right: 10px;
      bottom: 30px;
      width: 50px;
      height: 50px;
    }

    .suspension-mobile .suspension-box {
      display: none;
    }

    .suspension-mobile .suspension-box a.a {
      width: 70px;
      height: 70px;
    }

    .suspension-mobile .suspension-box a i {
      margin-left: 24px;
      margin-top: 25px;
    }

    .suspension-mobile .suspension-box a.back_top {
      border-radius: 35px;
      background: #000;
      opacity: 0.8
    }
	
	
	.launchBtn {
            margin-top: 20px;
            margin-left: 45px;
            height: 22px;
            background-repeat: no-repeat;
            text-indent: 15px;
            line-height: 22px;
            cursor: pointer;
          }

          .bg {
            background-image: url(../images/qqbtn.png);
          }
/*20190428 404页面*/
.y404{ display: block; margin:66px auto 100px; }
.y404bg{background: #f4f4f4;}
.y404btnw{width: 344px; margin:39px auto 154px;}
.y404txt{ text-align: center; font-size: 30px;color: #5f6bf1; margin-top: 120px;}
.y404txt2{ text-align: center; font-size: 22px;color: #5f6bf1;}

.y404btnw a{ display: block; height: 50px; width: 168px;  background: #5f6bf1; border-radius:5px ; color: #fff; font-size: 18px; line-height: 50px; text-align: center;}
.y404btnw a:nth-child(1){ float: left;}
.y404btnw a:nth-child(2){ float: right;}
/*20190614问题修改*/


.y_banner2{ overflow:hidden}
.y_banner2 div{ width:900px; margin:80px auto 0; overflow:hidden}
.y_banner2 div a{ width:136px; height:40px;display:block; background:#fff; line-height:40px; text-align:center; font-size:16px; color:#594bff; border-radius:100px; margin-top:80px}
.y_banner2 div h1{ color:#fff; font-size:45px; font-weight:border}
.y_banner2 div span{ display:block; width:40px; height:8px; border-radius:90px; background:#fff; margin:24px 0}
.y_banner2 div p{font-size:16px; color:#fff}
.y_banner2 div a:hover{ background-color:#f8b938; color:#fff}



.y_banner{ overflow:hidden}
.y_banner div{ width:1200px; margin:60px auto 0; overflow:hidden}
.y_banner div a{ width:136px; height:40px;display:block; background:#fff; line-height:40px; text-align:center; font-size:16px; color:#594bff; border-radius:100px; margin-top:80px}
.y_banner div h1{ color:#fff; font-size:45px; font-weight:border}
.y_banner div span{ display:block; width:40px; height:8px; border-radius:90px; background:#fff; margin:24px 0}
.y_banner div p{font-size:16px; color:#fff}
.y_banner div a:hover{ background-color:#f8b938; color:#fff}
.btna{ width:1200px; margin:auto; overflow:hidden}
.btna a{ width:150px; height:60px;display:block; margin-top:289px; margin-left:125px}
.new_body{ width:1200px; margin:auto}
#ClCache{ display:none}
.new_bodybg{ background:#f2f2f2}
.new_bodytitle{ font-size:14px; line-height:50px; color:#666}
.new_bodymian{padding:24px 40px 40px 40px; background:#fff; margin-bottom:40px}
.new_bodymian h1{ display:block; font-size:30px; color:#222; margin:30px auto; text-align:center }
.new_bodymian p{ font-size:14px; color:#333; line-height:24px; margin-bottom:20px}
.new_bodymian .lai{text-align: center;  color: #999999;  font-size: 14px;margin-bottom:30px }


 .sed_nav_w{ position: relative; }
.sed_nav{     position: absolute;  z-index: 9;  background: #fff; display: none;    padding-bottom: 5px;    width: 100px;  top: 60px;  left: 0px;}
.sed_nav li a{ font-size: 14px; display:block;width:100px;height:39px; line-height:39px; text-align: center; color: #333; padding: 0px;}
.sed_nav li{ line-height: 48px;cursor:pointer}
.sed_nav_active{ background: #f1f1f1;}
.sed_nav li:hover{ background: #f1f1f1;}
.sed_nav_w:hover .sed_nav{ display: block;}
.sed_nav>li:hover a{ color:#0099ff;  background: #fff;}


/*index banner*/

.video .box .videobtn {
	width: 200px;
	height: 46px;
	color: #09f;
	display: block;
	border-radius: 6rem;
	background: #fff;
	margin: auto;
	line-height: 46px;
	font-size: 16px;
	opacity: .9;
}

.video .box .videobtn:hover {
	opacity: 1;
}

.video {
	width: 100%;
	height: 200px;
	background: #09f;
}

.video .box {
	display: block;
	width: 100%;
	height: 200px;
	padding-top: 50px;
	color: #fff;
	text-align: center;
	
}

.video .box h1 {
	font-size: 30px;
	text-align: center;
	padding-bottom: 20px;
	font-weight: normal;
}

.video .box .con-box-p {
	font-size: 16px;
	text-align: center;
}


.beian { width:330px;margin:0 auto; padding:3px 0 20px;}
.beianl p{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393; font-size:12px}
.beianr{color:#939393; font-size:12px;float:right; line-height: 20px;}
.beian .beianl p:hover{ opacity: .8;}
.beian .beianr:hover{ opacity: .8;}