/*html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}*/
/****  reset  *****/
body{margin: 0;padding: 0;font-family: "Microsoft Yahei",Arial,"Helvetica Neue",Helvetica;color: #4c4c4c;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 14px;}
ul, ol, li, p, a, b, i, em, fieldset,textarea{border:0;list-style: none;padding: 0;margin: 0;text-decoration: none;font-style: normal;font-weight: normal;outline-style: none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
em,i,b,h1,h2,h3,h4,h5{font-weight: normal;font-style: normal;display:inline-block;margin: 0;padding: 0;}
a{display: block;text-decoration: none;cursor: pointer;-webkit-tap-highlight-color: transparent;color: #313131;}
a:visited,a:hover{text-decoration: none;outline: none;}
table {border-collapse: collapse; border-spacing: 0;}
img{border:none;*border:0;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
input,textarea,button{resize: none;outline:none;border:0;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;font-family: "Microsoft Yahei";}

.clear{height:0; overflow:hidden; clear:both}
.clearfix{zoom:1;}
.clearfix:before, .clearfix:after {display: table; line-height: 0; content: '';} 
.clearfix:after {clear: both;} 
.fl{float: left;}
.fr{float: right;}
.width1200{width: 1200px;margin:0 auto;overflow: hidden;}

/*common*/
.Title{float: left;border-bottom: 1px solid #176ac3;/* padding-bottom: 18px; */overflow: hidden;width: 100%;}
.Title h1{font-size: 17px;float: left;background: #176ac3;color: #fff; font-weight: bold;padding: 4px 10px;cursor: pointer;}
.Title h1.Title_hui{background: #a6aeb7;}
.Title a{font-size: 14px;float: right;margin-top: 2px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;border: 1px solid #e6e6e6;color: #666666;padding: 2px 8px;border-radius: 4px;}
.Title a:hover{color:#c41f0b;}
.Rollbox{/* height: 300px; */overflow: hidden;margin-top: 12px;float: right;width: 100%;}
.Rollbox ul li{line-height: 38px;border-bottom: 1px dashed #ebebeb;float: left;width: 100%;}
.Rollbox ul i{width: 6px;height: 6px;/*background: #c7c7c7;*//* border-radius: 99%; */margin-right: 10px;float: left;margin-top: 16px;background: url(../images/dian.png) no-repeat;}
.Rollbox ul a{overflow: hidden;float: left;width: 90%;}
.Rollbox ul h6{float: left;max-width: 88%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;font-weight: normal;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}
.Rollbox ul h6:hover{color: #c41f0b;text-decoration: underline;}
.Rollbox ul li img{/* float: left; */margin-left: 6px;}
.Rollbox ul em{float: right;color: #8f8f8f;font-size: 12px;}
.Com_t_b{padding: 20px 0;}
.red{color:#c41f0b;}
.red:hover{text-decoration: underline;}


/*header*/
.header{background: #015ab6;height: 120px;}
.header .logo{float: left;}
.header .logo img{/* width:761px; */height: auto;float: left;margin-top: 8px;}

.header .header_r{width: 230px;margin-top: 15px;}
.header .header_r a{color: #fff;float: right;margin-left: 20px;margin-top: 14px;}
.header .header_r a:hover span{color: #b2d8ff;}
.header .header_r a span{font-size: 16px; }

.header .header_r2{height:25px;width: 210px;margin-top: 15px;border-radius:25px;text-align:center;background-color: #004995}
.header .header_r2 input{height:25px;width:85%;margin-left: 0px;border-radius:25px;background-color: #004995;color: #4f92d7;}

/*navbox*/
.navbox{color: #fff;background: #015ab6;font-size: 16px;min-width: 1200px;border-top: 1px solid #347bc5;border-bottom: 2px solid #c41f0b;/* margin-bottom: 10px; */}
.navbox ul.nav{line-height: 48px;overflow: hidden;}
.navbox ul li{float: left;text-align: center;width: 11.1%;position: relative;}
.navbox ul li:last-child{margin-right: 0;}
.navbox li a{color: #fff;position: relative;/* font-weight: bold; */transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}
.navbox li a:hover,.navbox li>a.active,.navbox li>a.on{color: #fff;background: #c41f0b;}

/**** ======= top_banner ======= *****/
.top_banner{}
.top_banner_l{width: 1200px;height: 370px;}
.top_banner_r{width: 580px;overflow: hidden;}
.top_banner_r .title i{background: url(../images/more3.png) no-repeat center;width: 9px;height: 7px;margin-left: 5px;}
.top_banner_r .title a:hover{color:#c41f0b;}
.top_banner_r .title a:hover i{background-image: url(../images/more4.png);}

.pro{width: 409px;height: 360px;overflow: hidden;margin-left: 40px;}
.m_t10{margin-top: 15px;}

.sma{width: 140px;text-align: center;}
.sma .sma_title{background: #327ed0;color: #fff;height: 44px;line-height: 44px;font-size: 16px;font-weight: bold;}
.sma .ma{border: 1px solid #e5e5e5;height: 313px;overflow: hidden;}
.sma .ma img{display: block;margin: 0 auto;margin-top: 12px;margin-bottom: 7px;}

.imp{height: 84px; }
.imp h3{width: 100%;}
.imp h3 a{font-size: 20px;font-weight: bold;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 94%;float: left;}
.imp h3 a:hover{color:#c41f0b;text-decoration: underline;}
.imp span{color: #999;width: 100%;min-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 8px;text-indent: 30px;height: 42px;display: block;line-height: 23px;}

/**** ======= index_2 ======= *****/
.index_2{width: 373px;}
.index_2 .Rollbox ul a{width: 95%;}
.index_2 .Rollbox ul h6{max-width: 91%;}
.m_r{margin-right: 40px;}

.index_3{width: 570px;}
.index_3 .Rollbox ul a{width: 94%; }
.index_3 .Rollbox ul h6{width: 100%;}
.index_3 .tab .active{color: #c41f0b;background: #efdfdd;}
.index_3 .tab{text-align: center;margin: 12px 0 0px 0;width: 100%;overflow: hidden;float: left;}
.index_3 .tab h4{background-color: #f5f5f5;border: 1px solid #e6e6e6;padding: 4px 14px;margin: 0 10px;display: inline-block; *float: left; }
.index_3 .tab h4:hover{color:#c41f0b;cursor: pointer;background: #efdfdd;}

ul.infoteam{overflow: hidden;float: left;}
ul.infoteam li{padding: 18px 0;border-bottom: 1px dashed #ebebeb;}
ul.infoteam .time{background: #c41f0b;color: #fff;text-align: center;padding: 8px 8px;width: 64px;}
ul.infoteam .time h1{display: block; font-size: 24px;}
ul.infoteam .time em{font-size: 12px;}
ul.infoteam .caption{width: 85%;}
ul.infoteam .caption a{font-size: 16px;color: #333;overflow: hidden;width: 100%;height: 22px;}
ul.infoteam .caption a:hover{color:#c41f0b;text-decoration: underline;}
ul.infoteam .caption em{color: #999999;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 8px;display: block;height: 40px;}

.sp{margin-top: 12px; }
.lzsp{position: relative;width: 373px;height: 260px;margin-top: 5px;overflow: hidden;}
.lzsp a:hover{background:#000;} 
.lzsp a{background: #000;}
.lzsp a img{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;width: 100%;}
.lzsp span{background: url(../images/bf.png) no-repeat center;width: 50px;height: 50px;position: absolute;z-index: 2;top: 104px;bottom: 0;left: 160px;0}
.lzsp a:hover img{filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
/*.lzsp a:hover span{display: block;}*/
.sp .Rollbox{width: 288px;}
.sp .Rollbox ul li{line-height: 32px; }

.kuai{
    float: left;
    margin-top: 8px;
}
.kuai ul li{float:left;position:relative;height: 8px;width: 121px;/* margin: 0 6px; */display: inline-block;overflow: hidden;text-indent: -100px;font-size: 0;/* border-radius: 50%; */background: #ddd;cursor: pointer;}
.kuai ul li:hover{}
.kuai ul li .hx{width: 20px;height: 8px;position:absolute;left: 0;top: 0;content: "";z-index: 1;}
.kuai ul li:hover .hx{background: #c41f0b;width: 100%;transition: width 0.2s;-moz-transition:width 0.2s; /* Firefox 4 */ -webkit-transition:width 0.2s; /* Safari and Chrome */ -o-transition:width 0.2s; /* Opera */}
.kuai ul li.active{background: #c41f0b;}

.down{margin-top: 14px;}

.complaint{width: 373px;_width: 570px;height: 207px;background: #e8f3fc;/* border: 1px solid #ebebeb; *//* margin-top: 25px; *//* padding-left: 60px; *//* padding-top: 10px; */padding-bottom: 10px;}
.complaint .ts{margin-top: 18px;margin-right: 18px;margin-left: 16px;}
.complaint ul{width: 98%;margin-left: 8px;margin-top: 6px;}
.complaint ul li{margin: 10px; }
.complaint ul li img{margin-right: 6px; }

/*dibudemo*/
#dibudemo {background: #FFF;overflow: hidden;/* border: 1px solid #CCC; */width: 1200px;height: 214px;text-align: center;padding-top: 15px;float: left;}
#dibudemo img {border: 1px solid #bbbbbb;margin-right: 15px;width: 278px;/* height: 142px;*/}
#dibuindemo{width: 800%; float: left; } 
#dibuindemo li{float: left; list-style: none; }
#dibuindemo li span{line-height: 30px;}
#dibudemo1 {float: left; } 
#dibudemo2 {float: left;}

/*friend*/
.friend{padding: 12px 0;}
.friend ul{overflow: hidden;}
.friend span{float: left; color: #9dc0e5; margin: 5px 10px; }
.friend a{color: #333;float: left;font-size: 15px;border: 1px solid #d5d5d5;padding: 4px 0px;margin: 4px 4px;width: 140px;overflow: hidden;height: 20px;display: block;white-space: nowrap;text-overflow: ellipsis;text-align: center;background: #eee;}
.friend a:hover{color: #347bc5;text-decoration:underline;}

/*bottom*/
.bottom{background: #e9e9e9;color: #fff;border-top: 4px solid #015ab6;}
.bottom_info{/* border-top: 1px solid #347bc5; */text-align: center;padding: 16px 0;line-height: 24px;font-size: 14px;color: #333333;}

/*location*/
.location{vertical-align: middle;border-bottom: 1px solid #ebebeb;/* margin-top: 10px; *//* margin-bottom: 10px; */height: 40px;line-height: 40px;}
.location .fl{font-size: 16px;color: #333;font-weight: bold;width: 200px;}
.location .fr{width: 80%;text-align: right;}
.location img{margin-right: 6px;margin-top: -3px;}
.location a{display: inline-block;}
.location a:hover{color:#c41f0b;text-decoration: underline;}

/*news_list*/
.news_list{min-height: 540px;}
.news_list .imp{margin-bottom: 20px; }
.news_list .imp h3 a{font-size: 20px; font-weight: bold; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left;}
.news_list .imp h3 a:hover,.news_list .imp a:hover{color:#c41f0b;}
.news_list .imp a{display: inline-block;}
.news_list .Rollbox ul a{width: 90%;}
.news_list .Rollbox ul h6{width: 100%; }

/*news_show*/
.news_show{min-height: 540px;text-align: center;padding-bottom: 0;}
.news_show h3{display: block;font-size: 22px;font-weight: bold;color: #333;margin-bottom: 20px;margin-top: 10px;}
.news_show em{color: #999; margin: 0 14px; }
.news_show .news_cont{text-align: left;text-indent: 30px;color: #333;line-height: 24px;margin: 36px auto 0;/* width: 88%; */overflow: hidden;}
.news_show .news_cont p{text-indent: 30px;margin-bottom: 22px;word-break: break-all;}
.news_show .news_cont img{display: block;margin: 0 auto;overflow: hidden;margin-top: 10px;margin-bottom: 10px;border: #e5e5e5 1px solid;padding: 10px;}

/*xgyd*/
.xgyd{
    margin-bottom: 20px;
    padding-top: 0;
}
.xgyd dd{    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 10px;}
.xgyd dd span{
    display: block;
    width: 70px;
    height: 30px;
    line-height: 38px;
    text-align: center;
    color: #c41f0b;
    font-weight: bold;
    border-bottom: solid 1px #c41f0b;
    }
.xgyd a{color: #999;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    width: 100%;
    overflow: hidden;
    display: block;}
.xgyd a:hover{color:#c41f0b;}


/*pageControl*/
.pageControl{text-align: center;margin:0 auto;color:#666!important;height:40px;padding: 10px 0 40px;}
.pageControl em{margin-right:4px;position:relative;top:-3px;}
.pageControl span{margin-right:4px;font-size:14px;color:#ccc;}
.pageControl span.unAbleBtn{padding:3px 8px;border:1px solid #e4e4e4;cursor:default;}
.pageControl span.CyPagesCur{padding: 6px 18px;border: 1px solid #015ab6;color:#fff;background-color: #015ab6;border-radius:2px;cursor:default;}
.pageControl .cygopageGo,.pageControl a{text-decoration:none;margin-right:4px;font-size:14px;padding: 6px 18px;border:1px solid #d7d7d7;border-radius:2px;cursor:pointer;background-color:#f5f5f5;color:#666;display: inline-block;}
.pageControl .cygopageGo:hover,.pageControl a:hover{background-color: #015ab6;border-color: #015ab6;color:#fff;}
.pageControl .cygopageBox{margin-left:7px;color:#888;}
.pageControl .cygopageTit{margin-right:3px;color:#666;}
.pageControl .cygopageNum{font-size:14px;width:30px;text-align:center;height: 30px;line-height: 30px;border:1px solid #d9d9d9;color:#666;border-radius:2px;}
.pageControl .cygopageTit2{margin-left:3px;color:#666;}
.pageControl .cygopageGo{padding: 6px 18px!important;}
.pagebox-container{display:block;text-align:center;padding:5px 0;margin:30px auto;}
.pageControl .select { outline: none; font-size:14px; color:#333; line-height:normal; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;border-radius:2px;border:1px solid #d7d7d7; padding:4px;}


