*{ padding:0; margin:0;}



a{ text-decoration: none; }



a:hover{text-decoration: underline;}

.clear{clear: both;}

body{



font-family: "Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;



 color: #000; 

font-size:16px;

  }



.w980{width: 1200px; margin: 0 auto; overflow: hidden;}



.w800{ max-width: 1000px; margin: 0 auto; }



#dianji{display: none;}



h2{text-align: center; font-size: 35px;}





#header{margin: 0 auto; width: 100%;  background: #fff; color: #fff; position: fixed; top: 0; z-index: 999;











box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s;

    

  transition: 0.3s;



background: rgba(28, 134, 209 ,1);



}

#header .title{display: none;}



#header .btn{display: none;}



ul ,li{list-style: none;}



.logo{float: left;  width: 150px; }







.nav{float: right; }



.nav li{float: left;   margin-left: 20px; line-height: 60px; font-weight: bold;}



.nav .hover a{border-bottom:1px solid #fff; }



.nav li a:link{color: #fff; text-decoration: none; padding-bottom: 10px;}



.nav li a:hover{border-bottom:1px solid #fff; }





.nav li a:visited {color: #fff;}















.indexcontent{font-size: 20px; font-weight: normal; padding-top: 20px; padding-bottom: 50px;}







.site_banner{

width: 100%;

 height: 600px;

text-align: center;

overflow: hidden;

margin: 0 auto;

background: #004067;

color: #fff;

margin-top: 60px;



 position: relative;

}





.place {color: #8a8a8a; font-size: 13px;}

.place a{color: #8a8a8a; font-size: 13px;}











.banner_bg{margin: 0 auto; width: 100%;   max-width: 1440px; padding-top: 150px;  height: 500px;



 background: url(../images/ylsbg.png) no-repeat center 170px; 



 position: relative; 



  z-index: 100; 

	



	}



.sun{

   

    position: absolute;

    z-index: 20;

    width: 660px;

    height: 660px;

         



 background: #f09221;



        text-align: center;

        top:200px;

        left: 50%;

        margin-left: -330px;

    

    border-radius: 50%;

     box-shadow: 0 0 46px 17px rgba(249, 194, 113, 0.49);

    animation: sun 20s infinite ease-in-out alternate;



}

#apptop{font-weight: bold; margin-top: 100px;}
#applist{ background: url(../images/ylsapplogo.png) no-repeat 0px 12px; background-size:100px 100px;}
.appcontent{float: left; margin-left: 150px; padding-top: 30px; padding-bottom: 30px;}

.demoline{border-bottom: 1px solid #d6d6d6; height: 10px;}

.col1 , .col2{width: 50%; float: left;}


.col1 img , .col2 img{width: 220px !important;}

.colall{text-align: center; padding-top: 30px; padding-bottom: 30px;}

.appdown{width: 210px; margin: 0 auto; margin-top: 18px;}

.ios{float: left; text-align: center;}
.ios img{width: 100px;}

.ios:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.android:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.android{float: left; margin-left: 10px; text-align: center;}

.android img{width: 100px;}













@keyframes sun {





    0% {

        background: #ffdd94;

        transform: translateY(50px);

         box-shadow: 0 0 36px 17px rgba(249, 194, 113, 0.49);

       

       

    }

    50% {

        transform: translateY(-80px);

      background: #f6b65b;

        box-shadow: 0 0 30px 20px rgba(255, 236, 150, 0.5);

         

        

    }

    100% {

       

         transform: scale(1.1);

           box-shadow: 0 0 36px 17px rgba(249, 194, 113, 0.3);



            background: #f9c16f; 



    }

}





.banner_bg h1{  font-size: 40px;  letter-spacing: 2px; }



.banner_bg p{ padding-top:20px;  font-size: 26px; font-weight: normal; letter-spacing: 2px; }





.banner_bg .pc{display: block; margin: 0 auto;  margin-top: 50px;  width: 180px; text-align: center;  line-height: 50px;  padding: 5px 8px 5px 8px;     border-radius:5px;    

    border-color: rgba(255,255,255,.2); color: #67bbf7; background: #fff;  font-size: 28px;}







.prob{background: url(../images/chilun.png) no-repeat 90% -50%; margin-top: 50px;}

.prob ul{padding-top: 50px; display: block;}

.prob li{background: url(../images/duihao.png) no-repeat 0px 0px;  height: 50px;  padding-left:45px; padding-top: 5px;}





.tedian{margin-top: 50px;}



.liucheng{padding-top: 30px; text-align: center; background: #ececec; margin-top: 50px; padding-bottom: 30px; }



.liucheng .content{padding-bottom: 40px;}

.liucheng dl{float: left; width:25%; text-align: center; }



.liucheng dd{ text-align: center; font-size:18px;  padding: 10px;  }

.liucheng img{width: 114px; height:114px;  margin: 0 auto; padding-bottom: 20px; overflow: hidden;}





.one{background: url(../images/dayuhao.png)no-repeat 100% 25%;}





.jingyan{text-align: center; margin-top:40px; overflow: hidden; }



.jingyan  p{height: 220px; overflow: hidden; }



.jingyan img{border-radius: 1px;}



.jingyan img:hover{filter:alpha(Opacity=70); -moz-opacity:0.7; opacity: 0.7}





.jingyan  a{color: #000; }



.jingyan H2{margin: 0 auto; display: block; font-size: 35px; }

.jingyan strong{margin: 0 auto; display: block; line-height: 50px; margin-bottom: 15px; font-size: 18px;}



.jingyan .content dt{   color: #666;     font-size: 16px; margin-top: 10px; font-weight: bold;}



.jingyan .content dl{    margin-bottom: 20px;

    height: 82px;

    overflow: hidden;

}

.jingyan .content dd{margin-top: 10px; font-size: 14px;  margin-left: 1%;  }



.jingyan .content a{width: 32.3%; float: left;  color: #666;  overflow: hidden; margin-right:1%; }



.jingyan a:hover{text-decoration: none; color: #15499a;}



.wenda{margin-top: 50px;}

.wenda a{color: #000; }





.wenda .content{margin-top: 40px;}



.wenda .content h3{line-height: 35px; font-weight: normal; font-size: 16px;}









.t_all{ width: 100%;   padding-bottom: 50px;  }

.t_all .tedian_content{text-align: left; }





.t_all .tedian_content_l{margin-top: 100px; display: block; float: left; width: 30%; padding: 2%; box-sizing: border-box; overflow: hidden; }



.t_all .tedian_content_l dt{min-height: 50px; font-size: 28px;    }



.t_all .tedian_content_l dd{padding-top: 20px;}





.t_all .tedian_content_r{  width: 65%;  overflow: hidden;  float: right;}

.t_all .tedian_content_r img{width: 100%;  max-width: 750px; box-sizing: border-box;}









.tedian2 .tedian_content_l{margin-top: 40px; display: block; float: left; width: 30%; padding: 2%; box-sizing:



}



.tedian3 .tedian_content_l{margin-top: 50px; display: block; float: left; width: 30%; padding: 2%; box-sizing:



}



.tedian5 .tedian_content_l{margin-top: 40px; display: block; float: left; width: 30%; padding: 2%; box-sizing:



}











#banben{ width: 100%;  padding-top: 50px;   }





#banben dt{font-size: 35px; font-weight: bold; line-height: 80px; padding-bottom: 10px; }







#banben .banben_content_l{  display: block; float: left; width: 50%;  box-sizing: border-box; overflow: hidden;  }



.banben_content_l dd{  color: #333;

    

    line-height: 20px; padding-left: 55px; padding-top: 20px; padding-bottom: 20px;}







.banben_content_l .y01{ background: url(../images/y01.png) no-repeat 0 15px;}

.banben_content_l .y02{background: url(../images/y02.png) no-repeat 0 3px; }

.banben_content_l .y03{background: url(../images/y03.png) no-repeat 0 16px;}



#banben .banben_content_r{ float: right; text-align: left; }



#banben .banben_content_r .title{font-size: 35px; font-weight: bold; line-height: 80px; padding-bottom: 10px; }



#banben .banben_content_r li a{ color: #333;

    text-decoration: none;

    line-height: 35px;

}



#banben .banben_content_r li a:hover{

    text-decoration: underline;

    

}











#banben .banben_content_r em{

       color: #B4B4B4;

    font-size: 14px;

    

    

    margin-right: 10px;

    font-weight: normal;

    font-style: normal;

}











.gongneng{  }

.gongneng dl{float: left; width:20%; text-align: center; }

.gongneng dt{ text-align: center; font-size: 20px; line-height: 32px; padding-bottom: 20px; color: #1e88e5; }

.gongneng dd{ text-align: center; font-size:16px;  padding: 10px;  }

.gongneng img{width: 88px; height: 88px;  margin: 0 auto; padding-bottom: 20px; overflow: hidden;}







.gongneng .content { width: auto; float: left;  }







.buy {padding-bottom: 150px; margin-top: 60px;}



.buy .box{width:31%;  margin-left: 1%; float: left; height: auto; box-sizing:border-box; box-shadow:0 0 10px 0 rgba(55,61,65,.2);





line-height: 23px;  text-align: center;}











.buy .price{ font-size: 16px;  background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%);  color: #fff; text-align: center;

    padding: 30px 0;

    }



.buy b {

    font-weight: 700;



    font-size: 24px;

}







.buy p {padding: 8px 0px;}





.buy .content { padding: 5%; min-height: 200px; }



.buy .buy-btn {background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) ; 

    color: #fff;

    border-radius: 2px;

    text-decoration: none;

    padding: 10px 30px;

        text-align: center;

    margin: 0 auto;

    display: block;

    width: 25%;



    margin-bottom: 30px;



}















.bgcolor2{color: #515151;}











.why{ margin: 0 auto;  align-items: center; text-align: center;  width: 100%; margin-top: 60px;  padding: 2%;  box-sizing: border-box; overflow: hidden;  background: #ececec;}



.why .title{height: 50px; line-height: 50px; font-weight: bold; text-align: center; font-size: 30px; margin-bottom: 30px;  }









.about{ padding-bottom: 80px; margin-top: 60px;}



.contact{ text-align: center; padding-left: 5px; padding-right: 5px;  }







.buy .title{ text-align: center; font-weight: bold; font-size: 30px;  line-height: 30px; padding-top: 80px; padding-bottom: 80px; }





.about .title{line-height: 180px;  text-align: center; font-size: 25px; }



.logs .title{line-height: 180px; text-align: center; font-size: 25px; }





.logs li{list-style:disc; text-align: left; }





.contact{margin-top: 60px;}



.contact .title{line-height: 180px;  text-align: center; font-size: 25px; }





.about p{line-height: 28px; padding-bottom: 20px; display: block; }







.contact p{line-height: 38px; }









footer.black-bg {

    width: 100%;

    background: #222;

    padding: 70px 0;

    text-align: center;

   

}





footer.black-bg img {

   width: 30px;

   text-align: center;

   

}







footer.black-bg a {color: #fff;

    

}

footer.black-bg p {

    padding: 0;

    margin: 0;

    color: #fff;

    text-align: center;

    line-height: 1.5;

}













.articlelist{background: #f3f3f3;}



.articleview{background: #f3f3f3;}







.listbox{ margin-top: 20px;  padding:40px 40px 20px 40px;  float: left; overflow: hidden; background: #fff;}





.listbox ul{ display: block;

   padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 1px dashed #bbb;



}













.listbox .left{ float: left; margin-top:15px; border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px; overflow: hidden; }

.listbox .left img{ width: 224px; height: 150px;  }





.listbox .right{ float: left; margin-left: 20px;  width: 586px; }





.listbox h2{line-height: 40px;   overflow: hidden;   font-size: 20px;  color:#6699cc; text-align: left;}



.listbox .title a{ color: #0051A1;}



.listbox .info{ font-size: 14px; margin-top:10px;  display: block; color: #707885; }



.listbox .info small{ font-size: 14px; padding-left: 15px;  }



.listbox .intro{    color: #555555; font-size: 14px; line-height: 180%;  margin-top: 10px;  color: #707885;}





.listbox .more {margin-top: 25px;}



.listbox .more a {

    height: 26px;

    line-height: 26px;





    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 140px;

  

    border: 1px solid #003F8C;

    text-align: center;

    

    

   

    font-size: 14px;

    color: #003F8C;







}



.listbox .more a:hover {

text-decoration: none;

}







.dede_pages li { float: left; padding: 4px 5px; }





.dede_pages li a { padding: 3px 8px; border: 1px solid #bebdbe; border-radius: 3px; margin: 0 3px 3px 0; }





.dede_pages select{ font-size: 20px;  }











.pright {

    margin-top: 20px;

    overflow: hidden;

    float: right;

    width: 270px;

    color: #5a6978}



.pright a{

   color: #333;

    text-decoration: none;

    line-height: 30px;



}



.pright a:hover{

  

    text-decoration: underline;

}















.tbox {

    background-color: #FFF;

   

    border-top: solid 3px #26CC8E;  padding: 10px; 



}





    .tbox  dt{line-height: 30px; height: 30px; background: #fff; }



.tbox .d6{ display: block; font-size: 14px; }





.tbox  li{overflow: hidden; height: 30px;}







.search {margin-top: 90px;}



.form{position: relative;  margin-top: 30px;  }





.search-keyword {

    width: 100%;

    height: 50px; 

    background-color: #FFF;

    border: none;

    color: #2f3239;

    font-size: 13px;

   

    resize: none;

    text-indent: 38px;





}





.search-submit{display: block; position: absolute; z-index: 10; right: 5px; top: 2px; width: 60px; height: 45px;}





.arc_content{ 

    margin-top: 20px; padding: 20px 100px;

    box-sizing:border-box;  

    box-shadow: 0 1px 5px -1px rgba(0,0,0,.13); 



 border-bottom: 1px solid #dedede; 



  background: #FFF;

 }



.arc_content h2{text-align: center; border-bottom: 1px solid #dedede; line-height: 55px; font-size: 28px; margin-top: 20px;}



.arc_content .info{font-size: 13px; text-align: center; line-height: 35px; color: #bebebe; }.



.arc_content .info small{padding: 50px;}



.arc_content .content{margin-top: 20px; padding: 5px; line-height: 25px; overflow: hidden; }



.arc_content .content img{width: auto; max-width: 800px; border-radius: 5px; }



#newdigg{ width:99%; max-width: 500px; margin: 0 auto; overflow: hidden; font-size: 13px; margin-top: 40px; font-weight: bold; }



.digg_good{float: left;   box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);  color: #454545;   background: #f8f8f8; height: 30px;  margin: 0 auto; padding: 8px; text-align: center; border-radius: 6px;}









.digg_act, .digg_num, .digg_percent{float: left;   text-align: center; padding: 5px;}







.digg_bad{float: right;   box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);  color: #454545;  background: #f8f8f8; height: 30px;  margin: 0 auto; padding: 8px; text-align: center; border-radius: 6px;}



.context{margin-top: 20px; }

.context .title{text-align: left;}



.context ul{margin-top: 15px; font-size: 14px;}



.context li{line-height: 30px; height: 30px; overflow: hidden;}

.context a{color: #333;}





.context .yuedugengduo {margin-top: 10px;}

.context .yuedugengduo a{padding-right: 10px;}







.resultbar{padding-top: 10px; padding-left: 5px;}











.tagspage{ 

  

    box-sizing:border-box;  

    box-shadow: 0 1px 5px -1px rgba(0,0,0,.13); 



 border-bottom: 1px solid #dedede; 



  background: #FFF;

 }



 .tagspage a{ 

   color: #333;

 }





 .tagspage .tag_content{  margin-top: 120px; margin-bottom: 50px;  }





 @media screen and (max-width: 600px) { 

 img{width: 100%;}



#header {

    position: fixed;

    z-index: 2997;

    top: 0px;

    right: 0;

    width: 100%;

    height: auto;



}



#header .btn {

    display: block;

    width: 50px;

    height: 40px;

    float: right;

    background: url(../images/santiao.png) -10px 10px no-repeat;

}



.top-box {

      background: #1c86d1;

   

    transition-duration: 0.6s;

   

    margin: 0 auto;

    position: relative;

}

.logo img {

    height: 44px;

    width: auto;

    transition-duration: 0.6s;

}









.nav {

    display: none;

    position: absolute;

    z-index: 99999;

    top:50px;

    right: 0;

   

    float: none;



   background: #1c86d1;

   margin-left: 50%;

    

    width: 50%;

    height: auto;

   



   text-align: left;

    

    box-shadow: 0 1px 1px #eee;

   

   

     box-shadow: 1px 0 5px rgba(0,0,0,0.1);

     transition: width .2s;

}



.nav a {

    color: #333; padding-left: 30px;

}



.nav li {

    margin-left: 0;

    float: none;

    line-height: 180%;

    border-top: 1px solid #eeeeee;

    font-weight: normal;

}



.site_banner {margin-top: 0;}

input:checked~.nav{

     display: block; 

  

}







.liucheng dl{width: 50%;}











.listbox .left{ float: left;  border-radius: 4px; margin-top: 0;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px; 

width: 30%;  overflow: hidden;}





.arc_content .content img{width: 100%;}













.listbox .left img{width: 100%; height: auto; overflow: hidden; }

h2{font-size: 24px;}

.w980{width:100%; margin: 0 auto;  }



.w800{ width:100%;  margin: 0 auto; margin-top: 60px;}





.arc_content{ 

   padding: 20px 8px;

    box-sizing:border-box;  

    box-shadow: 0 1px 5px -1px rgba(0,0,0,.13); 



 border-bottom: 1px solid #dedede; 



  background: #FFF;

 }



.intro,.more{display: none;}

.listbox{ margin-top: 20px;  overflow: hidden; background: #fff; padding: 0;}





.listbox ul {

    display: block;

    border-bottom: 1px dashed #bbb;

    padding: 16px 5px;

    margin-bottom: 1px;

}







.listbox .title {

    color: #333;

    font-size:18px;

    line-height: 26px;

    font-weight: normal;

    text-align: left;

}

.listbox .title a {

    color: #333;

}

.listbox .right{ float: left; margin-left: 2%;  width: 68%; line-height:  }





.pright{display: block;height: 0;width: 0;overflow: hidden;}



.buy{padding-bottom: 0;}

.buy .box{width: 100%;

float: none; padding-bottom: 20px;}

.buy .content{min-height: 50px;}







.jingyan .content a {

    

    width: 100%;

   

    color: #666;

    overflow: hidden;

   

}





.jingyan p {

    float: left;

    width: 50%;

    overflow: hidden;

    height: auto;

}



.jingyan .content dl {

    float: left;

    width: 50%; overflow: hidden;

}

.jingyan .content dt {

    color: #666;

    font-size: 13px;

    margin-top: 0px;

    height: 16px;

    line-height: 16px;

    overflow: hidden;

    font-weight:normal;



}

.jingyan .content dd {

    

    height: 76px;

  

    overflow: hidden;

  



}

#banben .banben_content_l {

    

    width: 100%;   text-align: center;

    

}

.banben_content_l dd {

    

 

    padding-top: 3px;



}



.wenda{display: block; height: 0; overflow: hidden;}





#banben .banben_content_r{float: none;}





#banben .banben_content_r .title{text-align: center;}





.new_con{display: block; height: 0; overflow: hidden;}







.t_all .tedian_content_l {

    margin-top: 10px;

    display: block;

    padding-bottom: 0px important;

    width: 100%;

    padding: 2%;

    box-sizing: border-box;

    overflow: hidden;

}



.t_all .tedian_content_r {

    width: 100%;

    overflow: hidden;

    float: right;

}



.new-wrap {

  

    padding-bottom: 5px;

     margin-top: 1px !important; 

     padding-top: 1px!important;

    display: block;

}



.new_lst {



    position: relative;

    overflow:visible;

    display: block!important;   

}





.tedian {

    margin-top: 0px;

}



.site_banner {

  

    height: 300px;



   

  

}



.banner_bg {

    

    padding-top: 80px;

    height: 500px;

    background:none; 



}





.liucheng {margin-top: 0;}



.banner_bg h1 {

    font-size: 25px;

    

}



.banner_bg p {

   

    appcontent-size: 20px;

   

}



.banner_bg a {display: block; height: 0; overflow: hidden;}



.prob{padding-top: 30px;}



}