﻿
/*common*/


.title_sk1 {
font-size: 22px;
padding: 0;
margin-bottom: 20px;
}

/*content*/


.cn_two_left
{
    width:70%;
    float:left;
}
.cn_two_right
{
    width:25%;
    float:right;
    
}
.archive_content p{margin:0;}
.archive_content .read_more{float:right;display:block;margin-bottom:10px;}
.cnl,.cnr{margin-bottom:30px;}
.ul_archives li
{
list-style-type: none;
margin: 0 0 6px 0;
padding: 0 0 5px 15px;
background: url(../images/index/arrow.png) no-repeat 0px 5px;
border-bottom:1px solid #eaeaea;
overflow:hidden;
}
.ul_archives li a,.ul_archives li a:link{color:#333;font-size:14px;}
.ul_archives li a:hover{color:#05A;text-decoration:underline;}
.archive_tmore{padding:0px;color:#999;font-size:11px;}
.archive_title h2{font-size:24px;}
.archive_title h2 a,.archive_title h2 a:link{color:#333;}
.archive_title h2 a:hover{color:#0D79B8;text-decoration:underline;}



        
.btn {
    display: inline-block;
    padding: 15px 60px;
    font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    -webkit-transition-property: background-color box-shadow;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: background-color box-shadow;
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: background-color box-shadow;
    -ms-transition-duration: 200ms;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-property: background-color box-shadow;
    -o-transition-duration: 200ms;
    -o-transition-timing-function: ease-in-out;
    transition-property: background-color box-shadow;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    cursor:pointer;
    box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
}
.btn:hover
{
    box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -ms-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    color:White;
 
}
.btn_s1
{
    padding: 13px 60px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 18px;
}
.btn_s2
{
    padding: 10px 40px;
    font-weight: 600;
    border-radius: 3px;
    font-size: 16px;
}
.btn_s3
{
    padding: 8px 30px;
    font-weight: 600;
    border-radius: 3px;
    font-size: 14px;
}
.btn_s4
{
    font-size: 12px;
    line-height:18px;
    padding: 5px 15px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

.btn_s5
{
    font-size: 10px;
    line-height:16px;
    padding: 3px 10px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.btn_s51
{
    font-size: 10px;
    line-height:16px;
    padding: 3px 5px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.btn_s6
{
    font-size: 8px;
    line-height:14px;
    padding: 2px 5px;
    font-weight:normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}

.btn_s7
{
    font-size: 8px;
    line-height:14px;
    padding: 0px 5px;
    font-weight:normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.btn:active {
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.btn.red { background-color: #f33e6f;}.btn.red:hover { background-color: #f2265d;}
.btn.blue { background-color: #2d91ea;}.btn.blue:hover { background-color: #1785e6;}
.btn.bluex{background-color:#0DACE7;}.btn.bluex:hover{background-color:#109BD8;}

.cn_action a, .cn_action a:link{color:#fff;}


/*screen 768px;*/
@media only screen and (max-width: 768px) 
{
    .archive_img img{width:100%;}
    .cn_two_left,.cn_two_right{width:100%;float:none;}
     .cn_two_left{margin-bottom:20px;}
}

/*screen 480px;*/
@media only screen and (max-width: 480px) 
{
    
}


/*screen 320px;*/
@media only screen and(max-width:320px)
{
     .cn_two_left,.cn_two_right{width:100%;float:none;}
}

