/**********************************tan kuang***********************************/

.fu{position: fixed;width: 100%;top:200px;z-index: 30001;}
.fu_main{margin: auto;width: 500px;position: relative;height: 400px}
.fu_main .guan{
    position: absolute;
    right: 30px;
    top:71px;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    background:red;
    opacity: 0;
}


/****************************************public************************************/
body{padding: 0px;margin: 0px;}
.clear{clear: both}
.float_left{float: left}
.float_right{float: right}
.center{text-align: center}



/*******************************************head************************************/
#top_bg{background: #f8f8f8 !important;border-bottom:1px solid #cfcfcf;}
#top_bg, #top_bg a, #top_bg span, #top_bg p{color:#666 !important;}
#top_bg a:hover{color:#e00024 !important;}
#top_left{color:#666 !important;}
#top_right{color:#666 !important;}
.lianxi{padding-right: 20px;}
.act_kefu{margin-right: 30px;}
.float_left{float: left}
.float_right{float: right}
.clear{clear: both;}
.header_right{margin-top: 15px !important;}

@media only screen and (min-width: 1181px) {
    .header_right a{font-size: 14px;padding:0px 13px !important;}
}

@media only screen and (min-width: 961px) and (max-width: 1179px) {
    #top_bg #top{width: 96% !important;}
}
@media only screen and (max-width: 961px){
    .lianxi{display: none;}
    #top_bg #top{width: 96% !important;}
}
@media only screen and (max-width: 501px){
    .lianxi{display: none;}
    #top_bg #top{width: 96% !important;}
    .con_query button{font-size:14px!important;}
}

/******************************banner******************************/
#banner{
    width:100%;
    height:auto;
}
.slideshow {
    clear: both;
    width: 100%;
}
.slideshow li {
    position: relative;
    overflow: hidden;
}
.slideshow li img {
    width:100%; height:auto; min-width:410px;
}
.slideshow span.title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-indent: 10px;
}
.slideshow span.title .title_txt{
    margin-left:10%;
}
.slideshow span.title, .slidebar li {
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000);
    color: #FFF;
    overflow: hidden;
}
.slidebar li {
    float: left;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
}
.frame {
    background: none;
    border: 0px solid #fff;
    margin-bottom: 0px;
}
.temp {
    margin: 0;
}
.slidebar {
    position: absolute;
    bottom:20px;
    right: 10%;
}
.slideshow span.title, .slidebar li {
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);
    color: #FFF;
    overflow: hidden;
}
.slidebar li.on {
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);
    color: #ff0;
    font-weight: 700;
}
.block {
    margin: 0;
    position: relative;
}
#frameHlicAe {
    margin: 0px !important;
    border: 0px !important;
}
.comiis_wrapad {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
.comiis_wrapad img {
    float: left;
    margin-top: 0px;
}
#slidesImgs li {
    width: 100%;
    height: auto;
    display: none;
}
#slidesImgs li a{
    display:block;
    width: 100%;
    height:auto;
}


/****************************con******************************/
.con{padding-top:40px;}
.con_new{margin: auto;width:80%}
.con_new_left{width: 100%;padding: 0px 0px 0px 0px}
.con_new_right{width: 100%;padding: 0px 0px 0px 0px}
.con_new_left ul, .con_new_right ul{padding-top: 10px;}
.con_new span{float: right}
.con_new .th a{display: block;height:30px;padding-top: 16px;color:#e43c1f !important;font-size: 14px;}
.con_new .th a:hover{color:#E60012 !important;font-weight: bold;}
.con_new .new_main a{font-size: 16px;color: #333;}
.con_new .new_main a:hover{color:#E60012}
.con_new .new_main span{font-size: 14px;color: #333}
.con_new .new_main p{font-size: 14px;line-height: 28px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding-top:7px;color: #666;height: 63px;text-overflow: ellipsis;overflow: hidden;}
.con_new li{margin-top:15px;}
.con_new li:first-child{margin: 0px;}
.con_new .new_main_b{border: 1px solid #ccc;padding-left:10px;}
.con_new_left .new_main_b .a{font-size: 16px;color: #333;display: block;float: left;height: 26px;padding-top:4px;}
.con_new_left .new_main_b:hover .a{color:#E60012}
.con_new_left .new_main_b span{font-size: 14px;color: #333;display: block;height: 25px;padding:5px 10px 0px 10px;}
.con_new_left .new_main_b p{font-size: 14px;line-height: 28px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding-top:7px;color: #666}
.con_new .new_main_b:hover{border: 1px solid #e43c1f;}
.con_new .new_main_b:hover span{color:white;background: #e43c1f}

.con_new_right .th a{display: block;height:30px;padding-top: 16px;color:#57C4C5 !important;font-size: 14px;}
.con_new_right .th a:hover{color:#57C4C5 !important;font-weight: bold;}
.con_new_right li{margin-top: 20px;border-bottom: 1px #ccc dashed;padding-bottom: 7px;}
.con_new_right .new_main{background: url("/themes/default/img/index/dian.jpg") no-repeat 6px;padding-left:20px;}
.con_about{padding-top:40px;position: relative}
.jieshao{position: absolute;top:160px;padding-bottom: 20px;}
.jieshao_main{margin:auto;width:62%;padding:0px 4% 20px 4%;}
.jieshao p{font-size: 16px;color: white;-webkit-margin-before: 0em;-webkit-margin-after: 0em; text-indent:2em;text-align: justify;line-height: 30px}
.jieshao .more{text-align:center;position: absolute;top:-15px;width: 100%}
.jieshao .more button{outline: medium;height:30px;background: #e43c1f;border: 1px solid #e43c1f;border-radius: 4px;color:white;padding:0px 10px;}
.jieshao .more button:hover{background: none;border: 1px solid #e43c1f;color:#e43c1f;background: #1C1C1A;}
.jieshao .xian{margin:auto;border-top: 1px solid #bbb;height: 2px;position: relative;height: 50px;margin-top: 10px;width:80%}
.con_query{padding-top: 20px;padding-left: 5px;}
.con_query .weight{width: 79%;height: 40px;border-radius: 8px;border: 1px solid #57C4C5;outline: none;padding-left: 1%;font-size: 16px;}
.con_query .weight_b{width: 18%;height: 42px;background: #57C4C5;border: 1px solid #57C4C5;outline: none;border-radius:8px;font-size: 16px;color: #fff;}
.con_query .query{width: 79%;height: 40px;border-radius: 8px;border: 1px solid #e43c1f;outline: none;padding-left: 1%;font-size: 16px;}
.con_query .query_b{width: 18%;height: 42px;background: #e43c1f;border: 1px solid #e43c1f;outline: none;border-radius:8px;font-size: 16px;color: #fff;}
.ke_pos{position: absolute;top: 9px;right: 115px;font-size: 16px;}
/******************************about_gun*****************************/

div.slideBox{margin: auto; position:relative; width:80% !important;overflow:hidden;border-radius: 8px;height:450px !important;}

div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;width:100%;height:450px !important;overflow: hidden;}
div.slideBox ul.items li a{ float:left;height: 100% !important; line-height:normal !important; padding:0px !important; border:none;width:100%;/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{height: 100% !important;margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:10px; top:5px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:15px; height:15px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#DA362B;}


/******************************about_gun end*****************************/

.con_youzheng_main{margin: auto;width: 80%;padding-top: 40px;}
.con_youzheng_left{width: 52%;padding: 0px 2% 0px 0px;}
.con_youzheng_left li{margin-bottom:55px;height:110px;overflow: hidden;width:100%; }
.con_youzheng_left li:last-child{margin: 0px;}
.con_youzheng_left_l{width:52px;}
.con_youzheng_left_r{width:84%;}
.con_youzheng_left h2{font-size: 20px;color:#e43c1f;-webkit-margin-before: 0em;  -webkit-margin-after: 0em; margin-bottom: 5px;}
.con_youzheng_left span{color: #666;font-size: 16px;text-align: justify;line-height: 26px;}
.con_youzheng_right{width: 46%;padding-top: 85px;}


.con_cangku{background: #ECECEC;padding: 60px 0px 40px 0px}


.con_ritao{margin: auto;width: 80%}
.con_ritao_left{width: 48%;margin-top: 20px;padding:50px 2% 0px 0% ;height: 580px;overflow: hidden;}
.con_ritao_right{width: 48%;padding:30px 0% 0px 2% ;height: 580px;overflow: hidden;}
.con_ritao_right{position: relative;}
.con_ritao_right_mid{margin-top: 25px;overflow-y:auto}
.con_ritao .shai .img{border: 1px #afafaf solid;border-radius: 4px;padding:5px;}
.wgtTop{display: none !important;}





/***********************************ri tao xiao guo**********************************/

.shai{ width:100%; height:440px; overflow:hidden; position:relative;margin-top: 25px;padding-bottom: 20px;}
.b-img{ height:246px !important;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:440px; float:left;position: relative;overflow: hidden}
.shai_zi{position:absolute;top:260px;font-size: 16px;text-align: left;margin-top: 5px;}
.shai_zi h2{color: #444;font-size: 18px;margin-bottom: 10px;text-align: center}
.shai_zi p{color: #666;font-size: 14px;line-height: 24px;text-indent:2em}
/*.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}*/
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:246px; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:246px; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../img/images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:75px;cursor: pointer;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../img/images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:75px;cursor: pointer;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.con_tuijian{margin: auto;width: 80%;}

.con_tuijian_left{width: 135px;float: left;margin-right: 40px;}
/***********************************无缝滚动**********************************/
.con_tuijian_right{float: left;width:80%;}
a,img{border:0;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:100%;margin:20px auto;}
.scroll2{width:100%;color:#333333;margin:0 auto;overflow:hidden;height: 114px !important;}
.scroll2 img{border:solid 1px #ddd;margin:0 5px;}
.scroll2 a:hover img{border:solid 1px #990000;}
/***********************************无缝滚动结束**********************************/


.con_lianxi{margin: auto;width: 80%;margin-top: 40px;padding-bottom: 20px;}
.con_lianxi_main{width: 30%;padding-top: 15px;}
.con_lianxi_main img{margin-right: 20px;}
.con_lianxi_main img, .con_lianxi_main .neirong{float: left;}
.con_lianxi_main .neirong h2{font-weight: normal;padding-top: 15px;margin-bottom: 3px;}
.con_lianxi_main .neirong a{font-size: 14px ;color: #666;}
.con_lianxi_main .neirong a:hover{color: red;}
.con_lianxi .active{width: 13%;margin: 0px;padding: 0px;}
.con_lianxi .active1{width: 35%;padding-top: 15px;}
.con_lianxi .active2{width: 22%;padding-top: 15px;}

@media only screen and (min-width: 1366px) {
    /***************************联系**************************/
    .con_lianxi_main{width: 27%;padding-top: 15px;}
    .con_lianxi .active{width: 13%;margin: 0px;padding: 0px;}
    .con_lianxi .active1{width: 33%;padding-top: 15px;}

}
@media only screen and (min-width: 1180px) {
    .con_new_left{width: 46%;padding: 0px 4% 0px 0px}
    .con_new_right{width: 46%;padding: 0px 0px 0px 4%}
    .con_new{width: 1180px;}
    .xian{width: 1160px !important;}
    #demo3{width: 1160px !important;}
    .gun_main{width: 1160px;}
    .con_youzheng_main{width: 1160px;}
    .con_ritao{width: 1160px;}
    .con_tuijian{width: 1160px;}
    .con_lianxi{width: 1160px;}
    /***************************新闻**************************/
    .con_new_left .new_main_b .a{width: 425px;overflow: hidden;line-height:24px;text-overflow :ellipsis;white-space:nowrap}
    .new_main a{display: block;width: 425px;overflow: hidden;height:20px;text-overflow :ellipsis;white-space:nowrap}

}
@media only screen and (min-width: 961px) and (max-width: 1179px) {
    /***************************新闻**************************/
    .con_new_left .new_main_b .a{width: 460px;overflow: hidden;line-height:24px;text-overflow :ellipsis;white-space:nowrap}
    .new_main a{display: block;width: 460px;overflow: hidden;height:20px;text-overflow :ellipsis;white-space:nowrap}
    .con_new_left, .con_new_right{margin: auto;float: none!important;width: 80%;}
    .con_new_right{margin-top: 40px;}
    /***************************关于我们**************************/
    .jieshao_main{text-overflow: ellipsis;}
    .bg_about .act{height: 870px !important;}

    /***************************邮政**************************/
    .con_youzheng_main .con_youzheng_left{float: none;width: 100% !important;}
    .con_youzheng_main .con_youzheng_left_l{}
    .con_youzheng_main .con_youzheng_right{display: none;}
    /***************************联系**************************/
    .con_tuijian_left{display: none;}
    .con_tuijian_right{width:100%}
    .con_lianxi_main{text-align: center;width:33.333% !important;}
    .con_lianxi_main img{float: none}
    .neirong{float: none;width: 100%;text-align: center}
    .con_lianxi .active{display: none}
    .con_youzheng_left_r li{width: 100% !important;}
    .ke_pos{position: absolute;top: 9px;right: 150px;font-size: 16px;}

}

@media only screen and (max-width: 960px) {
    /***************************新闻**************************/
    .con_new_left .new_main_b .a{width: 230px;overflow: hidden;line-height:24px;text-overflow :ellipsis;white-space:nowrap}
    .new_main a{display: block;width:230px;overflow: hidden;height:20px;text-overflow :ellipsis;white-space:nowrap}

    .con_new_right{margin-top: 40px;}
    /***************************关于我们**************************/
    .jieshao_main{text-overflow: ellipsis;}
    .bg_about .act{height: 870px !important;}

    /***************************邮政**************************/
    .con_youzheng_main .con_youzheng_left{float: none;width: 100% !important;}
    .con_youzheng_main .con_youzheng_left_l{}
    .con_youzheng_main .con_youzheng_right{display: none;}
    /***************************联系**************************/
    .con_tuijian_left{display: none;}
    .con_tuijian_right{width:100%}
    .con_lianxi_main{text-align: center;width:33.333% !important;}
    .con_lianxi_main img{float: none}
    .neirong{float: none;width: 100%;text-align: center}
    .active1 .neirong a{display:block;height:20px;width:100%;text-wrap:normal;}
    .con_lianxi .active{display: none}
    /***************************日淘晒单、微博**************************/
    .con_ritao_left, .con_ritao_right{float: none !important;width: 100%;}
    .con_ritao_right{margin-top: 30px;}
    .con_ritao_left{height: 450px;overflow: hidden;}
    #banner .title_txt{display: none;}
    .ke_pos{position: absolute;top: 9px;right: 150px;font-size: 16px;}

}
@media only screen and (max-width: 500px) {
    .ke_pos{position: absolute;top: 9px;right: 86px;font-size: 16px;}

}
