@charset "utf-8";

/*全局*/
body{background:#fff;padding:0;margin:0;font-size:14px;line-height:30px;font-family:'Microsoft YaHei';}
html,body{height:100%;min-height:800px;position:relative;}
ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff9724 !important;}
i{text-decoration:none;font-style:normal}
.W{width:1200px;margin:0 auto;}
.CL{clear:both;}
li{list-style:none;}
img{border:0;}
.Non{display:none;}

.W1{width:1070px;margin:0 auto;}

/*头部*/

.top{border-bottom:1px solid #e5e5e5;height:110px;overflow:hidden;background:#fff;}
.logo{background:url('../images/logo.jpg') no-repeat 0 50%;height:110px;width:510px;display:inline-block;}
.top .Rtxt{float:right;text-align:left;font-size:16px;width:630px;line-height:110px;color:#8a8a8a;position: relative;}

.regbtn{position: absolute;display:inline-block;padding: 0 30px;background:#2a7bf9;line-height:40px;border-radius:10px;color:#fff;cursor:pointer;top:30px;right:120px;}
.regbtn a{color:#fff}
.loginbtn{position: absolute;display:inline-block;padding: 0 30px;line-height:38px;border-radius:10px;cursor:pointer;top:30px;right:0;border:1px solid #9e9e9e;}
.loginbtn:hover{line-height:38px;border:none;background:#2a7bf9;color:#fff;}
.loginbtn:hover a{color:#fff;}

.daohang{background:#2a7bf9;clear:both;margin:2px 0 0 0;height:65px;}
.daohang a{display:inline-block;line-height:65px;height:65px;padding:0 30px;font-size:18px;color:#fff;}
.daohang a.on{background:#5698fd;}

.con{clear:both;padding:20px 0 0 0;width:1200px;margin:0 auto;}

.jdt{ width:880px; height:480px; overflow:hidden; position:relative;float:left;}
.jdt .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:15px; z-index:1; width:90px;overflow:hidden;}
.jdt .hd ul{ overflow:hidden; zoom:1; float:left;  }
.jdt .hd ul li{ float:left; margin-left:5px;  width:10px; height:10px; background:#fff; cursor:pointer;text-indent:-999em; }
.jdt .hd ul li.on{ background:#f03e00; }
.jdt .bd{ position:relative; height:100%; z-index:0;   }
.jdt .bd li{ zoom:1; vertical-align:middle; }
.jdt .bd img{ width:880px; height:480px; display:block;  }
.jdt .bd div{position:relative;display:block;height:50px;top:-50px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;color:#fff;background:#000;font-size:16px;padding:0 0 0 15px;line-height:50px;}
.jdt .bd div a{color:#fff !important;}
.jdt .prev{position:absolute;background:url('../images/prev.png') no-repeat ;background-position: 0 0;width:40px;height:50px;top:220px;left:0;display:inline-block;}
.jdt .next{position:absolute;background:url('../images/prev.png') no-repeat ;background-position: right 0;width:40px;height:50px;top:220px;right:0;display:inline-block;}

.wdcp{border:1px solid #e5e5e5;width:300px;float:right;height:478px;}
.wdcp .tab_nav{border-bottom:1px solid #e5e5e5;background: #f8f8f8;height:38px;line-height:38px;position:relative;}
.wdcp .tab_nav .title{width:149px;border-right: 1px #e5e5e5 solid;position:absolute;height:37px;border-top:3px solid #2a7bf9;color:#2a7bf9;background:#fff;text-align:center;top:-1px;font-size:16px;}
.wdcp .tab_nav .more {float: right;display: inline;color: #888;font-size: 12px;padding-right: 20px;margin-right: 10px;}

.wdcp ul{padding:0 10px;}
.wdcp ul li{height:87px;border-bottom:1px solid #2a7bf9;background:url('../images/icon.png') no-repeat ;padding:0 0 0 70px;color:#8a8a8a;}
.wdcp ul li:last-child{border:0;}

.wdcp ul li h2{padding:18px 0 0 0;color:#2a7bf9;font-size:18px;font-weight:400;}
.wdcp ul li h2 a{color:#2a7bf9;}

.wdcp ul li.cp1{background-position: 15px 30px;}
.wdcp ul li.cp2{background-position: 15px -55px;}
.wdcp ul li.cp3{background-position: 15px -140px;}
.wdcp ul li.cp4{background-position: 15px -225px;}
.wdcp ul li.cp5{background-position: 15px -310px;}

.navtop{text-align:center;color:#838383;font-size:16px;padding:15px 0 0 0;}
.navtop h3{font-size:36px;color:#000;line-height:60px;}

.sxtx{ width:100%;  overflow:hidden; position:relative;padding:30px 0 0 0;height:400px; }
.sxtx .prev,.sxtx .next{ position:absolute; left:0; top:0; margin-top:-20px; display:block; width:40px; height:400px; background:url('../images/prev1.png') 0 50% no-repeat #fff;z-index:2;}
.sxtx .next{ left:auto; right:0; background-position: right 50%; }
.sxtx .bd{padding:0 0 0 50px;}
.sxtx .bd ul{ overflow:hidden; zoom:1; }
.sxtx .bd ul li{ margin:0 25px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;width:200px;height:400px; position:relative;line-height:1.6em;}
.sxtx .bd ul li .pic img{ width:200px; height:340px; display:block;}
.sxtx .bd ul li .title{padding:5px 0 0 0;}

.more02{background:#2a7bf9;border-radius:10px;display:inline-block;padding: 0 30px;margin:10px 0 0 490px;line-height:40px;color:#fff;}

.more02 a{color:#fff;}

.mbal{clear:both;}
.mbal .hd{border-bottom:5px solid #2a7bf9;background:url('../images/mbal.png') no-repeat 10px 60px;height:40px;padding:60px 0 0 150px;}
.mbal .hd li{display:inline-block;width:120px;float:left;text-align:center;font-size:16px;height:40px;line-height:40px;cursor:pointer;}
.mbal .hd li.on{background:#5f9cfc;color:#fff;}

.mbal .bd{}
.mbal .bd ul{ overflow:hidden;margin:30px 0;}
.mbal .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; position:relative;line-height:1.6em;height:800px;}
.m1 a{display:inline-block;float:left;width:300px;padding:10px 50px;height:240px;overflow:hidden;text-align:center;}
.m1 a img{display:block;width:300px;height:210px;}
.m1 a span,.m2 a span{padding:5px 0;clear:both;display:block;}
.m2 a{display:inline-block;float:left;width:300px;padding:10px 0;height:380px;overflow:hidden;text-align:center;}
.m2 a img{display:block;width:205px;height:355px;padding:0 45px;}

.d3p{background:#efefef;clear:both;padding:30px 0 0 0;}
.yclq{width:1200px;margin:30px auto 0 auto;height:720px;text-align:center;line-height:1.6em;}
.yclq li{width:320px;float:left;height:360px;padding:0 40px;}
.yclq li img{width:190px;height:190px;border-radius:100px;}
.yclq li h3{font-size:18px;padding:10px 0;font-weight:400;}
.yclq li p{color:#838383;}

.footer{background:#727272;padding:30px 0;color:#fff;text-align:center;font-size:16px;line-height:1.8em;}
.footer a{color:#fff;}

.ewm{width:100px;height:71px;position:fixed;right:10px;bottom:10px;background:url('../images/wxts.png') no-repeat center 0;z-index:999999;cursor:pointer;}
.ewm.auto{animation:ewm 30s linear infinite alternate;-moz-animation:ewm 30s linear infinite alternate;-webkit-animation:ewm 30s linear infinite alternate;-o-animation:ewm 30s linear infinite alternate;}
.ewm.on{background:url('../images/ewm.jpg') no-repeat center 0;width:258px;height:350px;}

@keyframes ewm
	{
	 0%{bottom:-80px;}
	 5%{bottom:10px;}
	 70%{bottom:10px;}
	 95%{bottom:-80px;}
	 100%{bottom:-80px;}
	 }
	}

@-webkit-keyframes ewm
	{
	 0%{bottom:-80px;}
	 5%{bottom:10px;}
	 70%{bottom:10px;}
	 95%{bottom:-80px;}
	 100%{bottom:-80px;}
	}

@-moz-keyframes ewm
	{
	 0%{bottom:-80px;}
	 5%{bottom:10px;}
	 70%{bottom:10px;}
	 95%{bottom:-80px;}
	 100%{bottom:-80px;}
	}

@-o-keyframes ewm
	{
	 0%{bottom:-80px;}
	 5%{bottom:10px;}
	 70%{bottom:10px;}
	 95%{bottom:-80px;}
	 100%{bottom:-80px;}
	}

.pic{height:390px;clear:both;margin:2px 0 0 0;position:relative;min-width:1200px;}
.pic .hd ul{position:absolute;display:block;bottom:30px;z-index:9999;text-align:center;width:300px;left:50%;margin:0 0 0 -150px;height:20px;}
.pic .hd li{text-indent:-9999em;width:8px;height:8px;margin:4px 15px 0 15px;background:#fff;display:inline-block;border-radius:30px;}
.pic .hd li.on{box-shadow: 0 0 10px #fff;width:16px;height:16px;position:relative;top:-4px;}
.pic .bd{}
.pic .bd ul{height:390px; overflow:hidden; zoom:1; width:auto !important;}
.pic .bd ul li{height:390px;width:100% !important;}
.pic1{background:url('../images/pic1.jpg') no-repeat center 0;}
.pic2{background:url('../images/pic2.jpg') no-repeat center 0;}
.pic3{background:url('../images/pic3.jpg') no-repeat center 0;}
.pic4{background:url('../images/pic4.jpg') no-repeat center 0;}
.pic5{background:url('../images/pic5.jpg') no-repeat center 0;}

.nav{background:url('../images/nav.png') no-repeat 0 0;height:40px;margin:10px auto;padding:0 0 0 20px;font-size:14px;line-height:40px;}

.conimg{text-align:left;position:relative;}
.buy-button1{position:absolute;}

.feilei{padding:10px 0;border-bottom:3px solid #2a7bf9;}

.feilei li{display:inline-block;padding:0 20px;line-height:32px;font-size:14px;float:left;}
.feilei li.on{background:#2a7bf9;color:#fff;border-radius:5px;}
.feilei li.on a{color:#fff;}

.qq1{display:inline-block;position:absolute;width:100px;height:150px;top:390px;right:20px;cursor:pointer;}
.qq2{display:inline-block;position:absolute;width:100px;height:150px;top:320px;right:50px;cursor:pointer;}
.qq3{display:inline-block;position:absolute;width:100px;height:150px;top:350px;right:110px;cursor:pointer;}

.btn-0{ background: linear-gradient(0deg,#30dacb,#1dd59a);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:530px;text-align:center;}
.btn-1{ background: linear-gradient(0deg,#12c1fe,#0da3fe);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:665px;text-align:center;}
.btn-2{ background: linear-gradient(0deg,#aba4ff,#a28cff);   width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:800px;text-align:center;}
.btn-3{ background: linear-gradient(0deg,#ffca04,#ffba13);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:935px;text-align:center;}
.btn-4{ background: linear-gradient(0deg,#30dacb,#1dd59a);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:425px;text-align:center;}
.btn-5{ background: linear-gradient(0deg,#12c1fe,#0da3fe);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:630px;text-align:center;}
.btn-6{ background: linear-gradient(0deg,#aba4ff,#a28cff);   width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:50px;left:840px;text-align:center;}
.btn-7{ background: linear-gradient(0deg,#000,#666);   width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:400px;text-align:center;}
.btn-8{ background: linear-gradient(0deg,#30dacb,#1dd59a);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:565px;text-align:center;}
.btn-9{ background: linear-gradient(0deg,#12c1fe,#0da3fe);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:735px;text-align:center;}
.btn-10{ background: linear-gradient(0deg,#aba4ff,#a28cff);   width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:905px;text-align:center;}
.btn-11{ background: linear-gradient(0deg,#30dacb,#1dd59a);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:420px;text-align:center;}
.btn-12{ background: linear-gradient(0deg,#12c1fe,#0da3fe);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:615px;text-align:center;}
.btn-13{ background: linear-gradient(0deg,#aba4ff,#a28cff);   width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:825px;text-align:center;}
.btn-14{ background: linear-gradient(0deg,#ffca04,#ffba13);    width: 118px;    height: 35px;    line-height: 35px;    border-radius: 18px;    color: #fff;    cursor: pointer;position:absolute;bottom:40px;left:1035px;text-align:center;}

.bzmb{position:relative;}
.bzmb li{display:inline-block;width:400px;overflow:hidden;float:left;}
.bzmb a{cursor:pointer;text-align:left;float:left;display:inline-block;text-overflow: ellipsis;  white-space: nowrap;padding:0 10px;}
.clist{padding:10px 0;}
.clist li{width:300px;height:250px;float:left;text-align:center;padding:10px 50px;}
.clist li img{display:block;}

.sdymb li,.zcmb li{display:inline-block;width:120px;float:left;}

/*分页*/
.page{text-align:center;clear:both;padding:20px;margin:0px 0 0 0;}
.page a{border:1px solid #dbdbdb;line-height:14px;font-size:14px;padding:2px 10px;margin:0 3px;background:#fff;}
.page strong{background:#2bb0ff;line-height:14px;color:#fff;padding:5px 10px;display:inline-block;height:14px;font-weight:300;margin:0 3px;}

.tab {padding:10px 0;border-bottom:1px solid #ededed;height:40px;}
.tab li{display:inline-block;height:40px;padding:0 25px;line-height:40px;font-size:18px;text-align:center;background: #F1F1F1;color:#333;border-radius: 20px;margin:0 20px 0 0;cursor:pointer;}
.tab li.on{background:#59c7fa;color:#fff;}
.tab span{width:300px;text-align:right;float:right;color:#ff0000}
.tab span a{padding:0 15px;}

.tab_c{display:none;padding:10px 0 0 0;}
.tab_c.on{display:block;}

.clista{padding:10px 0;}
.clista li{width:210px;height:400px;float:left;text-align:center;padding:10px 15px;}
.clista li img{display:block}

.clista span{padding:5px 0;clear:both;display:block;}


.cyyl{width:1200px;margin:30px auto 0 auto;height:560px;text-align:center;line-height:1.6em;}
.cyyl li{width:220px;float:left;height:280px;padding:0 40px;}
.cyyl li img{width:114px;height:114px;border-radius:100px;}
.cyyl li h3{font-size:18px;padding:10px 0;font-weight:400;}
.cyyl li p{color:#838383;}

.clistb li{padding:10px 0;border-bottom:1px dotted #666;height:60px;}
.clistb li p{text-indent:2em;}

h1{font-size:26px;text-align:center;padding:15px 0;font-weight:500;}

.pc_content{clear:both;padding:10px 0;}
.pc_content img{max-width:1200px;}

.pc_content p{font-size:16px;line-height:1.6em;}
.pc_content strong{color:#ff9724;}
.pc_content section{letter-spacing: 1.5px;    font-size: 20px;line-height: 1.75em;color: rgb(249, 79, 1);    box-sizing: border-box!important;  -webkit-box-sizing: border-box!important;  word-wrap: break-word!important;text-align:center;}

.sj_content{position:relative;height:900px;}
.mobilebox{position:absolute;width:375px;height:760px;box-shadow: 0 0 18px rgba(0,0,0,.1);top:30px;left:50%;margin:0 0 0 -188px;background:#eeeff2;border-radius: 40px;}
.mobilebox .cbox{position:absolute;width:375px;height:665px;top:40px;overflow-y:scroll;box-sizing: border-box;}

.mobilebox .cbox::-webkit-scrollbar {
    display: none;
}
.mobilebox .cbox img{width:100%;display:block;}

.header-icon{display: inline-block; width: 45px;height: 10px;background: #c8c9cc;border-radius: 9px;position:absolute;top:16px;left:170px;}
.footer-icon{display: inline-block; width: 32px; height: 32px;  background: #c8c9cc; border-radius: 50%;position:absolute;bottom:16px;left:175px;}

.wzewm{text-align:center;position:absolute;top:80px;left:220px;}
.wzewm img{width:160px;height:160px;display:block;}