﻿html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output,textarea, ruby, section, summary,
time, mark, audio, video,input,button{margin: 0;padding: 0;border: 0;vertical-align: baseline;color:#222;font-family: "Microsoft Yahei",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
textarea{ outline: none; }
/*input,textarea{ outline-color:#D30005; }*/
/*input:focus,textarea:focus{border:1px solid #D30005;}
*/a{text-decoration: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size: 14px;line-height: 1.8;background:#fff;}
ol, ul {list-style: none;}
ul{font-size: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input:focus{
	border-color:#D30005;
}
.container{width:1200px;margin:0 auto;}
.main_top{margin-top: 30px;}
.main_box{display: block;border: 1px solid #f2f3f7;border-radius: 5px;margin-bottom: 20px;padding-bottom: 20px;background: #fff;position: relative;}
.m_b_0{padding-bottom: 0;}
.bg {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: .6;z-index: 10;}
cite,i,em{font-style:normal;}
.clearfix:after{display:block;clear:both;content:'';}
.nicescroll::-webkit-scrollbar{ width:6px;} 
.nicescroll::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#f6f6f6; } 
.nicescroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius:3px;background:#fff;}


/*header*/
.fixed_head{
    height: 90px;
}
.header{    border-bottom: 1px solid #f2f3f7;/* height: 118px; */background:#fff;padding: 20px 0;font-size: 0;/* margin-bottom: 1px; */position: fixed;width: 100%;top: 0;left: 0;z-index: 100;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
    border-bottom: 1px solid #f2f3f7;}
.header .logo{display: inline-block;vertical-align: middle;width: 26%;}
.header .logo img{height: 70px;}
.header .head{width: 74%;display: inline-block;vertical-align: middle;/* height: 60px; *//* line-height: 60px; */}
.header .phone{display:inline-block;vertical-align:middle;font-size: 22px;color: #d30005;font-weight:550;letter-spacing:1px;}
.header .phone i{font-size:26px;color: #d30005;}

.header .search{position: relative;border: 1px solid #D30005;border-radius: 5px;width: 500px;display: inline-block;vertical-align: middle;margin: 0px 161px 0 60px;height: 34px;}
.header .search i.iconsousuo{cursor: pointer;font-size: 19px;position: absolute;right: 11px;top: 0;line-height: 34px;text-align: center;color: #666;}
.header .search i.iconsousuo:hover{color: #D30005;}
.header .search .sc-text{outline: none;display: inline-block;vertical-align: middle;height: 35px;line-height:35px;font-size:14px;width: 260px;text-indent: 15px;transition: .3s;background: transparent;}

.header .search .search_list{display: inline-block;vertical-align: middle;font-size: 23px;position: relative;width: 65px;/* background: #D30005; */border-right: 1px solid #D30005;height: 35px;line-height: 30px;}
.header .search .search_list p{font-size: 16px;color: #D30005;text-align: center;cursor: pointer;}
.header .search .search_list p span{font-size: 17px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.header .search .search_list p i{color: #D30005;font-size: 22px;right: 0;position: static;display: inline-block;vertical-align: middle;}
.header .search .search_list .drop{display: none;position: absolute;top: 35px;left: -1px;width: 200px;padding-left: 20px;background: #fff;z-index: 99;border:1px solid #f5f5f5;border-bottom: none;border-left:#D30005;}
.header .search .search_list .drop span.on{color: #D30005;}
.drop_serise{width: 200px;display: none;position: absolute;left: 221px;top: 35px;background: #fff;z-index: 99;border: 1px solid #f5f5f5;}
.drop_serise b{font-weight: normal;height: 36px;line-height: 36px;font-size: 15px;text-indent: 16px;background: #f5f5f5;display: block;}
.drop_serise i{font-size: 14px;color: #666;line-height: 30px;height: 30px;display: block;border-bottom: 1px solid #f5f5f5;text-indent: 18px;cursor: pointer;}
.drop_serise i.on,.form_drop .item2 i:hover{color: #ff4f53;}

.Letter_word{z-index: 12;width: 21px;display: block;position: absolute;top: 0;left: 0px;background: #ff4f53;color: #fff;height: 100%;}

.Letter_word span{width: 22px;height: 22px;line-height: 25px;text-align: center;display: block;font-size: 12px;cursor: pointer;}
.Letter_word span.on,.form_drop .Letter_word span:hover{background: #fff;color: #ff4f53;}
.LetterBox{height: 510px;overflow-y: auto;}
.Letter b{height: 30px;line-height: 30px;font-size: 17px;text-indent: 16px;background: #f5f5f5;display: block;}
.letter_list .letter_top{border-bottom: 1px solid #f5f5f5;font-size: 13px;line-height: 35px;height: 35px;text-indent: 18px;cursor: pointer;position: relative;display:block;font-style: normal;}
.letter_list.on .letter_top,.letter_list:hover .letter_top{color: #ff4f53;}



.header .user{float:right;position: relative;padding: 0 0 0 15px;line-height: 32px;letter-spacing: 2px;}
/*.header .user a{color:#999;font-size: 14px;}*/
.header .user a{
        /* border: 1px solid #d30005; */
        color: #888f9d;
        /* width: 65px; */
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        height: 26px;
        line-height: 26px;
        font-size:14px;
        margin-top: 5px;
}
.header .user a img{
   height: 32px;
   display:inline-block;
   vertical-align:middle;
   margin-right: 8px;
   margin-top: -2px;
}
.header .user a:hover{color: #D30005;}
.header .user .userinfo{height: 33px;position: relative;top: 0;left: 0;}
.header .user .userinfo img{border-radius: 50%;height: 30px;display: inline-block;vertical-align: middle;}
.header .user .userinfo label{cursor: pointer;margin-left:10px;display: inline-block;vertical-align: middle;}
.header .user .userinfo label:hover i,.header .user .userinfo label:hover em{color: #D30005;}
.header .user .userinfo label em{font-style: normal;font-size: 15px;color: #666;display: inline-block;vertical-align: middle;letter-spacing: 1px;}
.header .user .userinfo label i{font-style: normal;font-size: 25px;color: #333;display: inline-block;vertical-align: middle;}
.header .user .userinfo p{position: absolute;top: 35px;right: 0;background: #fff;width: 135px;display: none;background: url('../images/beijing.png') no-repeat center center;background-size: 100% 100%;z-index: 112;padding: 20px 0 15px;}
.header .user .userinfo p.on{display: block;}
.header .user .userinfo p span{cursor:pointer;font-size: 15px;color: #333;display: block;margin:0 15px;line-height: 36px;}
.header .user .userinfo p span i{font-size: 23px;display:inline-block;vertical-align:middle;margin-right:5px;}
.header .user .userinfo p span:hover{color: #D30005;}
/*provices*/
.provices{display: inline-block;cursor:pointer;position:relative;vertical-align: middle;width: 110px;margin-left: 15px;}
.provices .name{border:1px solid transparent;border-bottom:  none;cursor:pointer;line-height: 45px;text-align:left;color:  #4284d9;position:  relative;z-index: 1;background: #fff;}
.provices .name:hover span{color:#D30005;}
.provices .name:hover,.provices .name:hover i{color:#D30005;}
.provices .name i{display: inline-block;vertical-align:  middle;color: #D30005;font-size: 20px;}
.provices .name span{display: inline-block;vertical-align: middle;font-size: 15px;color: #666;margin-left: 10px;}
.provices .name span.ct{color: #888f9d;}
.province{position: absolute;background: #fff;width: 613px;z-index: 1000;top: 70px;left: 0;box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);border: 1px solid #f5f5f5;display:none;}
.province.province1{top:61px;}
.province.active{display:block;}
.province .pro{padding: 10px 40px 10px 6px;line-height: 35px;position:relative;border-bottom: 1px solid #f5f5f5;}
.province .pro em.iconclose{position:absolute;right: 14px;top: 5px;font-size: 23px;color:#333;}
.province .pro em.iconclose:hover{
	color: #D30005;
}
.province .pro .pro_search{position:relative;}
.pro_search span{display:block;width: 100%;position:absolute;box-shadow:0px 0px 1px 0px rgba(0,0,0,.1);left: 0;background: #fff;text-align: left;max-height: 248px;display:none;overflow-y: auto;}
.pro_search span em{display:block;font-style:normal;font-size:13px;color:#666;border-bottom: 1px solid #f5f5f5;line-height: 30px;text-indent: 20px;}
.let{padding: 0px 0 10px 0;display: block;line-height: 20px;border-bottom: 1px solid #f5f5f5; box-shadow: 0px 1px 2px rgba(0,0,0,.1);}
.let span{width: 22px;height: 22px;display: inline-block;vertical-align:middle;font-size:12px;color:#333;text-align:center;border-radius:2px;background: #f9f9f9;line-height: 22px;margin-left: 6px;margin-top: 10px;cursor:pointer;border: 1px solid #f5f5f5;}
.let span:hover,.let span.on{background:#D30005;color:#fff;}
a.pro_search{border:1px solid #f5f5f5;border-radius:2px;}
.province .pro a{color:#333;display: inline-block;height: 32px;line-height: 32px;border-radius: 2px;font-size: 15px;padding-left: 10px;text-align: center;}
.province .pro a:hover{color:#D30005;}
.province .citypop{width: 100%;max-height:300px;overflow-x: hidden;}
.province .citypop dl{border-top: dashed 1px #f5f5f5;margin: 0;overflow: hidden;padding: 8px 0;/* font-size: 0.76rem; */}
.province .citypop dl.first{background:#f5f5f5;}
.province .citypop dl dt{width: 150px;text-align: right;font-weight: bold;float: left;}
.province .citypop dl dt label{height: 1.5rem;line-height: 1.5rem;display: inline-block;float: right;color: #333;padding: 0;font-size: 0.76rem;font-size: 14px;}
.province .citypop dl dt b{color: #000;height: 1.5rem;line-height: 1.5rem;display: inline-block;float: left;padding: 0;font-size: 15px;padding-left: 18px;}
.province .citypop dl dd{width: 75%;float: left;}
.province .citypop dl dd a{line-height: 26px;display: block;float: left;padding: 0 0.5rem;margin-right: 10px;white-space: nowrap;font-size: 13px;border-radius: 4px;}
.province .citypop dl dd a.active,.province .citypop dl dd a:hover{background: #D30005;color: #fff;}

/*nav*/
.navtab{font-size: 0;width: 732px;display: inline-block;/* padding-top: 30px; *//* border-bottom: 3px solid #D30005; */z-index: 111;background: #fff;height: 37px;margin-left: 30px;}
.navtab a.nav{display: inline-block;vertical-align: middle;font-size: 16px;height: 37px;line-height: 37px;color: #888f9d; padding: 0 15px;text-align: center;position: relative;margin-right: 10px;border-top-right-radius: 2px;border-top-left-radius: 2px;/* font-weight: 550; */letter-spacing: 2px;}
.navtab a.nav:after{
    display:block;
    content:'';
    clear:both;
    width:40px;
    height:4px;
    border-radius:3px;
    background:transparent;
    position:absolute;
    left:50%;
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0);
    margin-left: -21px;
}
.navtab a.nav:hover{color:#444a57;}
.navtab a.nav.on{
    font-weight: 550;color:#444a57;
}
.navtab a.nav.on:after{

box-shadow: 0px -2px 2px 0px rgba(0,0,0,.1);
    background:#d30005;
}


/*footer*/
/*.goTop{z-index:111;position: fixed;left: 50%;margin-left: 535px;bottom: 120px;display: none;}*/
/*.goTop p{border-radius: 6px;text-align: center;cursor: pointer;display: block;z-index: 1000;line-height: 60px;width: 60px;height: 60px;border:1px solid #D30005;color: #D30005;background: #fff;}*/
/*.goTop p:hover{background: #D30005;color: #fff;}*/
/*.goTop p span{font-size: 30px;}*/
/**/
.aside_right{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
    background: rgba(0,0,0,.87);
    height: 100%;
    width: 36px;
}
.aside_right .aside_top{
    position: absolute;
    top: 0px;
    right: 0;
}
.aside_right .aside_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
} 
.aside_right p{
    position: relative;
    width: 36px;
    text-align: center;
    display: block;
    line-height: 44px;
    height: 44px;
    padding:5px 0;
    margin: 10px 0;
    background: rgba(0,0,0,.6);
}
.aside_right p span{font-size: 20px;color: #fe6257;}
.aside_right p a{
    display: block;
    font-size: 15px;
}
.aside_right p:hover{
    background:#484C4F;

}
.aside_right p:hover span{
/*     color:#d30005; */
}
.aside_right p b{position: absolute;
    width: 100px;
    right:-140px;
    padding-right:40px;
    top: 5px;
    background: rgba(84,84,84,.84);
    border-radius: 4px;
    line-height: 44px;
    font-weight:normal;
    cursor:pointer;
    height: 44px;
    font-size:15px;
    letter-spacing:2px;
    color:#fff;
    z-index: -1;
    transition:all .3s linear;
}
/* .aside_right p:after{
    position:absolute;
    display:block;
    content:'';
    clear:both;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid rgba(84,84,84,1);
    top: 50%;
    right: 28px;
    margin-top: -10px;
} */
.aside_right p:hover b{
    right:0;
}
.aside_right p b:hover{
    background:#d30005;
}
.aside_right p label{
    position: absolute;
    width: 180px;
    right: -180px;
    top: 5px;
    background: #fff;
    border-radius: 4px;
    /* padding: 10px 0 0; */
    line-height: 44px;
    height: 44px;
    z-index: -1;
    transition:all .3s linear;
}
.aside_right p:hover label{
    right:58px;
}
.aside_right p label.webqrcode{
    width: 101px;
    height: 101px;
    padding: 10px;
    /* line-height: 120px; */
}
.aside_right p label:after{
    position:absolute;
    display:block;
    content:'';
    clear:both;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid transparent;
    border-left:8px solid #fff;
    top: 50%;
    right: -16px;
    margin-top: -10px;
}
.aside_right p label.webqrcode:after{
    top:24px;
}
.aside_right p label i{
    font-size: 21px;
    color: #d30005;
}
.aside_right p label img{
}
/**/
.loadmore{    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #D30005;
    border: 1px solid #D30005;
    border-radius: 21px;
    text-align: center;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    width: 200px;
    text-align: center;}
.loadmore:hover{color: #fff;background: #D30005;}
.loading{width:120px;margin:0 auto;/* margin-top:15px; */height:60px;line-height: 60px;text-align: center;font-size: 16px;color:#888f9d;}
.loading img{/* float:left; */height: 26px;/* margin:14px 10px 0 0; */display: inline-block;margin-right: 10px;vertical-align: middle;}


.friendly-link{margin-top:15px;line-height:26px;font-size:13px;}
.friendly-link .content-tit{height: 30px;line-height: 30px;display: block;font-weight: 600;font-size: 15px;color: #6d5f5f;}
.friendly-link a{color:#666;margin-right: 10px;}
.friendly-link a:hover{color:#0f368a}
.Contact{margin: 0 auto;padding: 20px 0 0;background:#fff;border-top: 2px solid #D30005;/*margin-top: 30px;*/}
.Contact ul{width: 80%;display:inline-block;font-size:0px;vertical-align: middle;border-right: 1px solid #f5f5f5;}
.Contact ul li{float:left;}
.Contact ul li div p a:hover{color:#D30005; cursor:pointer;}
.Contact ul li div p a{display: inline-block;vertical-align: middle;width: 25%;color:#222;}
.Contact ul li div p.contact-tit{font-weight: 600;font-size: 15px;color:#6d5f5f;}
.Contact ul li div p.default{color:#D30005;font-weight:600;font-size: 16px;}
.Contact ul li div p.default i{display:inline-block;    margin-right: 5px;}
.Contact ul li div p{text-align:left;font-size: 14px;line-height: 30px;color: #333;}
.Contact .contact-rg{width: 19%;display:inline-block;vertical-align: middle;}
.Contact .contact-rg p{line-height: 37px;text-align:center;font-size: 15px;font-weight: 500;color: #333;}
.Contact .contact-rg img{margin: 0 auto;display: block;}

.copyright{color:#9b9b9b;font-size:12px;line-height:22px;padding: 20px 0;text-align:center;}

.foot{padding:0 0 10px 0;margin-top: -10px;}
.foot img{display:block;margin:0 auto 3px;}
.foot span{display: block;width: 100%;line-height: 27px;text-align: center;font-size: 13px;color:#9b9b9b;}
.foot span a{color:#9b9b9b;}
.foot span a:hover{color:#000;}

/* group_active */
.group_active li {width: 25%;display: inline-block;vertical-align: middle;}
.group_active li .detail{padding: 12px;width: 92%;margin: 0 auto;border-radius: 4px;cursor:pointer;transition: all .3s linear;} 
.group_active li .detail:hover{transform: translate3d(0,0,-5px);box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15);}
.group_active li .detail .img img{    height: 198px;max-width: 100%;display: block;margin: 0 auto;}
.group_active li .detail .img label{display: block;line-height: 50px;font-weight: 550;font-size: 18px;text-align: left;color: #444a58;}
.group_active li .detail .img span em{font-style: normal;position: absolute;top: 0;color: #555;line-height: 25px;display: block;height: 25px;left: 0px;}
.group_active li .detail .info{padding: 10px 0;position: relative;padding-right: 90px;padding-left: 60px;}
.group_active li .detail .info a{display: block;position: absolute;top: 50%;margin-top: -21px;font-size: 14px;left: 0px;width: 50px;line-height: 30px;height: 30px;border-radius: 3px;cursor: pointer;}
.group_active li .detail .info p{display: block;font-size: 14px;line-height: 25px;}
.group_active li .detail .info p i{font-style: normal;color: #D30005;}
.group_active li .detail .info a img{width:45px;}
.group_active li .detail .info button{position: absolute;right: 0;top: 50%;height: 30px;line-height: 30px;font-size: 13px;width: 85px;border-radius: 3px;margin-top: -15px;background: url(/Templates/default/Images/btn.png) no-repeat center center;background-size: 100% 100%;color: #fff;}

/*comments*/
.news_comment{width: 90%;display: block;margin: 40px auto 30px;}
.comment-box .textarea{border: 1px solid #f2f3f7;margin-top:20px;padding: 15px;border-radius: 5px;}
.comment-box textarea{width:100%;border:0;height:120px;font-size:14px;resize: none;}
.comment-box .state{font-size:14px;line-height: 44px;color:#666;margin-top: 10px;}
.comment-box .state button{float:right;height:34px;width:100px;background: #D30005;color:#fff;border-radius:4px;border:0px;text-align: center;margin-top: 8px;cursor: pointer;}
.comment-box .state button:hover{opacity:.8;}
.comment-box .state .box_l{float: right;margin-right: 30px;height: 34px;line-height: 34px;margin-top: 5px;color: #666;font-size: 15px;}
.comment-box .state .box_l input{border:1px solid #f2f3f7;height: 34px;line-height: 34px;border-radius: 3px;text-indent: 5px;}
.comment-box .state .box_l span{display: inline-block;vertical-align: middle;margin-right: 5px;}
.comment-box .state .box_l a:hover{color: #D30005;}
.comment-list li{padding: 30px 0 0 0;border-bottom: 1px solid #f2f3f7;/* margin-bottom: 40px; */padding-bottom: 30px;/* margin-top: 40px; */}
.comment-list li:first-child{/* border-top:0; */}
.comment-list li .operate{margin: 15px 0 0 75px;}
.comment-list li .operate span {cursor: pointer;color: #888f9d;font-size: 17px;margin-left: 0px;margin-right: 20px;}
.comment-list li .operate span i{font-size: 18px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 10px;}
.comment-user{font-size: 13px;/* line-height:42px; *//* height:42px; */overflow: hidden;}
.comment-user .comment_img{display: inline-block;vertical-align: middle;width: 60px;}
.comment-user .comment_img img{width: 60px;height: 60px;border-radius:50%;display: block;margin:10px auto;}
.comment-user .comment_info{display: inline-block;vertical-align: middle;font-size: 15px;color: #888f9d;line-height: 30px;margin-left: 15px;}
.comment-user .comment_info span{font-size: 15px;display: block;}
.comment-ct{padding: 15px 0 5px 75px;font-size: 15px;color:#666;}
.reply-comment{margin-left: 75px;display: block;width: 900px;margin-top: 15px;}
.reply-comment .textarea{padding: 15px;border:1px solid #f2f3f7;/* width:900px; */border-radius: 5px;}
.reply-comment .textarea textarea{display:block;height:70px;font-size:15px;resize:none;width:100%;}
.reply-comment .state{font-size:14px;line-height: 44px;color:#666;/* margin-top: 10px; *//* width:920px; */}
.reply-comment .state button{float:right;height:34px;width:100px;background: #D30005;color:#fff;border-radius:4px;border:0px;text-align: center;margin-top: 8px;cursor: pointer;}
.reply-comment .state button:hover{opacity:.8;}
.replybox{overflow:hidden;/* margin: 15px 75px; *//* text-align:left; */font-size: 14px;background: #F3F7F8;border-radius: 3px;overflow: hidden;/* padding: 15px; */width: 900px;/* color: #D30005; */margin-left: 75px;margin-top: 15px;padding-bottom: 15px;}
.replybox p{/* width:100%; */margin: 15px 15px 0;}
.replybox p label{height: 27px;color: #888f9d;font-style:normal;display: block;}
.replybox p label a{color: #196cc8;}
.replybox p span{color: #444a58;line-height: 24px;font-size: 14px;padding:0;display: block;margin: 0 15px;}
.replybox p label i{/* color:#999; */float: right;font-size: 13px;}








































