*{font-family:"微软雅黑", Helvetica, Tahoma, Arial, sans-serif; font-size: 12px;}
html, body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td ,img,textarea{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
fieldset, img { border: 0; }
body{min-width:1400px;}
img { display:inline-block; }
:focus { outline: 0; }
li {display: list-item;text-align: -webkit-match-parent;}
em, i, u {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family:"Microsoft YaHei" }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size:100%; }
input, button, textarea, select { *font-size: 100%;font-family:"Microsoft YaHei";}
ol, ul {margin:0; padding: 0; list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left; }
:link, :visited, ins { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


.width_1200{width:1200px; margin:0 auto;}

.clear{clear: both;}
/*顶部*/
.top_content{
    width: 100%; height:17px; padding:8px 0; background: #f5f5f5;
}
.top_content_left{
    width: 100px; float: left;
}
.top_content_left img{
    float: left; width: 26px; height: 26px; border-radius: 50%; margin-top: -5px; margin-right: 10px;
}
.top_content_left a{
    height: 17px; line-height: 17px; padding-left: 10px;  font-size: 12px; color: #000000; cursor: pointer;
}
.top_content_left a:nth-child(1){
    color: #e12121; padding-right: 10px; padding-left: 0; border-right: 1px solid #bcbcbc;
}
.top_content_left span{
    height: 20px; padding-left: 10px; border-left: 1px solid #bcbcbc; cursor: pointer;
}
.top_content_right{
    width: 450px; float: right;
}
.top_content_right ul li{
    float: right; margin-left: 20px;
}
.top_content_right ul li a{
    color: #000000;
}
/*头部*/
.member_join{
    width: 156px; height: 42px; position: relative; margin-top: 40px; float: left; margin-left: 45px;
}
.member_join span{
    font-weight: bold; font-size: 18px; line-height: 30px; margin-left: 5px; margin-top: 10px; float: left;
}
.header_search{
    width: 497px; height: 42px; background: url("../images/search.png") no-repeat; float: right; margin-top: 40px;
}
.header_search input{
    width: 360px; height: 40px; margin-top: 1px; float:left; margin-left: 20px; border: none; background: none; font-size: 16px;
}
.header_search span{
    width: 110px; height: 42px; display: inline-block; float: right; cursor: pointer;
}

.menu{
    width: 100%; height: 54px; background: #2b4d7b;
}
.menu a{
    height:50px; line-height: 54px; border-bottom: 4px solid #2b4d7b; color: #ffffff; float: left; margin-right: 54px; display: inline-block; font-size: 18px;
}
.menu a.cover{
    border-bottom: 4px solid #008aff;
}
.menu a:last-child{
    margin: 0;
}
.menu a:hover{
    border-bottom: 4px solid #008aff; cursor: pointer;
}


/*首页楼层标题*/
.common_title{
    width: 100%; height: 22px; line-height: 22px;
}
.common_title i{
    width: 5px; height: 22px; background: #008aff; display: inline-block; float: left; margin-right: 10px;
}
.common_title b{
    font-size: 20px;
}

.common_title_right{
    width: 500px; height: 22px; float: right; text-align: right;
}
.common_title_right a{
    color: #666666; font-size: 16px; margin: 0 3px 0 2px;
}
.common_title_right a.cover{
    color: #008aff;
}
.common_title_right span{
    color: #666666; font-size: 16px;
}


.footer{
    width: 100%; padding-top: 25px; border-top: 1px solid #f5f6f9;
}
.footer p{
    height: 18px; line-height: 18px; text-align: center; margin-bottom: 20px;
}
.footer p a{
    font-size: 14px; height: 18px; line-height: 18px; display: inline-block; color:#505050; padding: 0 25px; border-right: 1px solid #505050;
}
.footer p a:last-child{
    border-right: 0;
}
.footer p span{
    font-size: 14px; color:#505050; margin: 0 10px;
}


.index_goods_lists{
    margin-top: 30px; overflow: auto;
}
.index_goods_lists ul li{
    width: 276px; height: 228px; float: left; margin-right: 31px; margin-bottom: 38px; position: relative;
}
.index_goods_lists ul li:nth-child(4n){
    margin-right: 0;
}
.index_goods_lists ul li div.content{
    width: 276px; height: 216px; background: #FFFFFF; border-radius: 4px;
}
.index_goods_lists ul li div.img{
    width: 276px; height: 155px; background-size: 276px 155px;
}
.index_goods_lists ul li div.download{
   width: 276px; height: 155px; background: rgba(0,0,0,0.35); position: absolute; top: 0; left: 0; text-align: center; display: none;
}
.index_goods_lists ul li div p{
    margin-top: 94px;
}
.index_goods_lists ul li span{
    width: 256px; height: 61px; line-height: 61px; padding: 0 10px; font-size: 16px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;
}
.index_goods_lists ul li span:hover{
    color: #008aff;
}
.index_goods_lists ul li span:hover a{
    color: #008aff;
}
.index_goods_lists ul li a{
    cursor: pointer; color: #505050; font-size: 16px;
}
.index_goods_lists ul li:hover{
    background: url("../images/3.png") no-repeat bottom; background-size: 276px 11px;
}
.index_goods_lists ul li:hover div.download{
    display: block;
}

.go_top{
    width: 68px; height: 68px; line-height: 68px; background: #dfe0e3; border-radius: 4px; text-align: center; position: fixed; bottom: 50px; left: 50%; margin-left: 620px; cursor: pointer;
}
.go_top img{
    vertical-align: middle;
}
.go_top:hover{
    background: #008aff;
}

.show_content{
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -moz-transition:  top 0.5s;
}

.common_input input[type='checkbox']{}
.common_input input[type='checkbox'] + label{}
.common_input input[type='checkbox']:checked + label{}

.common_input input[type='radio']{}
.common_input input[type='radio'] + label{}
.common_input input[type='radio']:checked + label{}


.index_search_content{
    margin-top: 35px; height: 100px;
}
.index_search_li{
    width: 160px; height: 40px; background: #ffffff; line-height: 40px; padding: 0 10px; border:1px solid #e7e7e7; border-radius: 20px; position: relative; float: left; margin-right: 12px; margin-bottom: 10px;
}
.index_search_li span{
    font-size: 16px; color: #202020;
}
.index_search_li i{
    font-style: normal; width: 90px; text-align: right; height: 40px; display: inline-block; overflow: hidden; float: right; margin-right: 5px; font-size: 16px;
}
.index_search_li img{
    float: right; margin-top:15px;
}
.index_search_li ul{
    display: none;
}
.index_search_li:hover ul{
    display: block; min-width: 80px; z-index: 9; background:#FFFFFF; border: 1px solid #e7e7e7; position: absolute; top:36px; right: 10px; padding: 3px 0;
}
.index_search_li ul li{
    padding: 0 10px; text-align: right; height: 28px; line-height: 28px; margin: 3px 0; font-size: 14px; overflow: hidden; display: block;
}
.index_search_li ul li:hover{
    background: #f3f3f3; color: #008aff;
}
.index_search_li ul li a{
    font-size: 14px; color: #333333;
}
.index_search_btn{
    width: 120px; height: 42px; line-height: 42px; text-align: center; cursor: pointer; border-radius: 20px; float: right; background: #008aff; color: #FFFFFF; font-size: 16px;
}


.download_content{
    width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 99; background: rgba(0,0,0,0.5); display: none;
}


.common_title_li{
    float: left; height: 20px; line-height: 20px; font-size: 12px;
}
.common_title_li a{
    color: #333333;
}
.common_title_li span{
    color: #959595;
}

.pay_content{
    width: 100%; text-align: center;
}
.pay_content span{
    font-size: 18px; line-height: 32px; float: left;
}
.pay_content input[type='radio']{display: none}
.pay_content input[type='radio']+label{background:url(../images/radio.png) no-repeat left center; background-position: 0 10px; padding-left:25px; margin-left: 44px; display: inline-block; height: 32px; line-height: 32px; cursor: pointer; float: left;}
.pay_content input[type='radio']:checked+label{background:url(../images/radio-checked.png) no-repeat left center;}

.goods_content{
    width: 780px; padding: 10px; background: #f5f6f9;
}
.goods_content img{
    max-width: 100%;
}

.common_pay_button{
    width: 150px; height: 45px; line-height: 45px; background: #008aff; color: #ffffff; display: inline-block; font-size: 16px; border-radius: 40px; cursor: pointer;
}


/*商品详情右侧*/
.goods_right_top_content{
    width: 310px; padding:0 20px; font-size: 16px; background: #ffffff;
}
.goods_right_tips{
    width: 100%;
}
.goods_right_tips span{
    padding: 0 12px; height: 30px; line-height: 30px; display: inline-block; float: left; border: 1px solid #d2d2d2; color: #B2B2B2; font-size: 16px; margin-top: 4px; margin-bottom: 4px; margin-right: 10px;
}

.goods_right_btn{
    width: 155px; height: 44px; line-height: 44px; color: #ffffff; font-size: 16px;
    background: #008aff; border-radius: 20px; font-weight: bold; margin-right: 10px;
    display: inline-block; float: left; text-align: center; cursor: pointer;
}


.member_like{
    width:275px; padding: 0 34px 30px 34px; margin-top: 20px; background: #ffffff;
}
.member_like ul li{
    width: 100%; margin-bottom: 30px; border: 1px solid #ebebeb;
}
.member_like ul li img{
    width: 100%;
}
.member_like ul li span{
    width: 255px; padding: 10px; height: 30px; line-height: 30px; display: block; overflow: hidden; color: #333333; font-size: 16px;
}
.member_like ul li a{color: #333333;}



/*新闻列表*/
.news_list{
    width: 1200px; margin: 0 auto;
    margin-top: 30px; border-top:1px solid #C5C5C5;
}
.news_list ul li{
    width: 100%; height: 105px; border-bottom: 1px solid #C5C5C5; padding: 40px 0;
}
.news_list ul li div.data{
    width: 75px; float: left; text-align: center;
}
.news_list ul li div.title{
    width: 790px; float: left; margin-left: 60px;
}
.news_list ul li div.title b{
    display: block; color: #2d2d2d; height: 34px; line-height: 34px; font-size: 20px; font-weight: normal; overflow: hidden;
}
.news_list ul li div.title span{
    font-size: 16px; color: #C5C5C5; height: 30px; line-height: 30px; width: 740px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;
}
.news_list ul li div.title a{
    color: #008AFF; line-height: 30px; font-size: 16px; cursor: pointer;
}
.news_list ul li div.img{
    float: right; width: 174px; height: 104px; background-size: auto 104px;
}


.news_detail_title{
    text-align: center; margin-top: 25px; padding-top: 50px;
}
.news_detail_title b{
    font-size: 26px;
}
.news_detail_title span{
    color: #333333; font-size: 16px;
}
.news_detail_content{
    width: 100%; border-top: 1px solid #d9d9d9; margin-top: 34px; padding-top: 30px;
}
.news_detail_content img{
    max-width: 100%; text-align: center; margin: 0 auto;
}


/*案例列表*/
.case_lists{
    width: 1200px; margin: 0 auto;
}
.case_lists ul li{
    width: 100%; margin-bottom: 60px; height: 400px;
}
.case_lists ul li div{
    width: 380px; height: 280px; float: left; background: #ffffff; position: relative; padding: 30px;
}
.case_lists ul li div span{
    display: block; font-size: 16px; color: #666666;
}
.case_lists ul li div b{
    display: block; font-size: 32px; line-height: 48px; margin-top: 24px; height: 150px; overflow: hidden;
}
.case_lists ul li div a{
    display: block; font-size: 16px; color: #666666; position: absolute; bottom: 30px; left: 30px;
}
.case_lists ul li img{
    width: 720px; height: 400px; float: right;
}