@charset "utf-8";
/* CSS Document */
html,body{overflow-x: hidden; overflow-y: auto;    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
* { padding:0; margin:0; box-sizing:border-box; outline:none; }
a { text-decoration:none; outline:none; color:#333;}
a:focus { outline:0; text-decoration:none;}
a:link { outline:0; text-decoration:none;}	
a:visited { outline:0; text-decoration:none;}	
a:hover { outline:0; text-decoration:none;}	
a:active { outline:0; text-decoration:none;}


.left { float:left; display:inline;}
.right { float:right; display:inline;}
.color { color:#ef444b;}
ul li { list-style:none; margin: 0px; padding: 0px;}

.top_main{ background-color: #fafafa; border-bottom: 1px solid #e5e5e5; text-align: right;}
.top_main ul{float: right; margin-top: 5px;}
.top_main ul li{ float: left; padding-bottom: 8px;}
.top_main ul li a{ color: #5f5f5f; font-size: 12px; padding-left: 10px; padding-right: 10px;}

.navbar-form{ padding: 20px 0px 0px 0px; margin-bottom: 0px;}
.navbar-brand {
    float: left;
    height: 56px;
    padding: 0px;
	margin-top: 10px;
}
@media (max-width:1024px){.navbar-brand img{ width:180px;  }}
@media (max-width:1024px){.navbar-brand{ height: 20px;}}
.navbar-nav{ margin-top: 24px; margin-left: 20px;}
.banner-box{width:2000px;height:440px;position:relative;overflow:hidden;left: 50%; margin-left:-1000px;}
.banner-box_con{width:2000px;height:366px;position:relative;overflow:hidden;left: 50%; margin-left:-1000px;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:2000px;margin:0 auto;overflow:hidden; }
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:140px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}

.banner-box .hd {position:absolute;top:260px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:12px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#d1261e;}
.box_con{width:2000px;height:220px;position:relative;overflow:hidden;left: 50%; margin-left:-1000px;}

.index_block{ margin-top: 30px; padding-top: 30px; margin-bottom: 30px; width: 100%; float: left}
.index_block .index_title{ text-align: center; margin-bottom: 20px; }
.indexnew_bg{ background: url(../img/indexcolumn_bg04.jpg) no-repeat center; padding-bottom: 40px; }
.block_home{ width: 100%; float:left;}
.block_home ul{ width: 20%; text-align: center; float: left; margin: 10px 28px;}
.block_home ul img{ border: 1px solid #dbdbdb; padding: 35px;}
.block_home ul h3{ font-size: 16px; font-weight: bold;}
.block_home ul p{ font-size: 12px; color: #555;}

.phone_block{ margin-top: 20px;}
.phone{text-align: center; height: 280px;}
.phone img{ border: 1px solid #dbdbdb; padding: 30px;}
.phone h3{ font-size: 16px; font-weight: bold;}
.phone p{ font-size: 12px; color: #555;}

.main_left{ width:42%;margin-right:8px; float:left; background-color: #e9e5e6; padding: 15px; margin-top: 20px;}
.focus{min-height:325px;position:relative;z-index:100;}
.focus_top{ min-height:325px;background:#fff;}
.focus_top li{ position:absolute;left:0;top:0;width:100%;text-align:center;}
.focus_top li img{ position:relative;width:100%;height:325px;}
.focus_top li .tit{ position:absolute;left:0; bottom:0px;background:url(../img/focus_top.png);padding:10px 0 10px 0px;width:100%;text-align:center;}
.focus_top li h4{ margin:0px; padding:0px; margin-bottom:0px;}
.focus_top li .tit a{color:#fff; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; float:left; width:100%;}
.focus_top li .tit a:hover{text-decoration:underline;}
.focus_bottom {position:absolute;bottom:40px;width:100%;left:0;text-align:center;z-index:20;}
.focus_bottom span{background:url(../img/focus_bottom.png) left top no-repeat;width:12px;height:12px;display:inline-block;cursor:pointer;margin:0 2px;}
.focus_bottom span.on{background:url(../img/focus_bottom.png) right top no-repeat;}
.focus .next{background:url(../img/left-arrow.png) no-repeat;width:20px;height:34px;position:absolute;left:10px;top:44%;opacity:0.7;cursor:pointer;z-index:20;}
.focus .por{background:url(../img/right-arrow.png) no-repeat;width:20px;height:34px;position:absolute; right:10px;top:44%;opacity:0.7;cursor:pointer;z-index:20;}
.focus .next:hover,.focus .por:hover{opacity:1;filter:alpha(opacity=10);}

.new_b{ background-color: #faf9f9; border: 1px solid #f2f2f2;width: 100%; float: left; margin-bottom: 18px; padding: 9px 0px;}
.main_right{ width: 55%; float: right; margin-top: 20px; }
.new_b ul.new_c{width: 70%; float: left; margin-left: 20px; }
.new_b ul.new_c h3{ font-size: 16px; color: #24425c; font-weight: bold; margin-top: 10px;}
.new_b ul.new_c p{ font-size: 14px;}
.new_b ul.new_c p span a{color: #b81847;}
.new_b ul.new_r{ width: 15%; border-left: 1px solid #f2f2f2;float: right; text-align: right; margin-right: 40px; margin-top: 20px;}
.new_b ul.new_r span{ width: 100%; float: left;}
.new_b ul.new_r span.date{ font-size: 26px;color: #24425c;}

.pro_more{ width: 99%; background: url(../img/pro_t_bg.jpg) no-repeat; text-align: right; padding: 15px 20px;   margin-top: 20px; float: left; height: 51px;}
.pro_more span a{ color: #fff; font-weight: bold; padding: 10px 20px; font-size: 16px;}

.main_pro li{ width:33%; float:left; height:auto; position:relative; text-align:center;}
.main_pro li img{width: 100%;height: auto;}
.main_pro li .textShow{ position:absolute; top:0; left:0; width:100%; display:none; height:100%; background:url(../img/h_32.png) ;  padding-left: 20%; padding-right: 20%;}
.main_pro li .textShow h2{ padding:10% 0 4.5px; font-size:24px; font-weight: bold;  }
.main_pro li .textShow span{font-size:16px; font-weight: bold;}
.main_pro li .textShow a{ color:#fff; font-size:16px; display:block; height:100%; background:url(../img/h_28.png) no-repeat center 65%;}
.main_pro li:hover .textShow{ display:block;} 
	
@media (max-width:1024px){.main_pro li{ width:49.5%; }}
@media (max-width:767px){.main_pro li{ width:99%; }}
@media (max-width:991px){.main_right{ width: 100%; float:none; margin-top: 20px; }}
@media (max-width:767px){.main_left{ width:100%; margin-bottom: 20px;}.focus{min-height:35px;}.focus_top{ min-height:325px;}
.focus_top li img{ height:auto;}}

.page-title{height: 12rem;
    /* margin-bottom: 3rem; */
    background-size: cover;
    background-position: center center;
    position: relative;}
.page-title .mask {
    background: rgba(50,50,50,.5);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
container {
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
}

.page-title h3 {
    line-height: 9rem;
    color: #fff;
}
.mtitle {
    font-size: 2rem;
    color: #333;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 3rem;
	position: relative;
}
.am-u-sm-12 {
    width: 100%;
}
.mtitle i {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    background: #aaa;
    margin-right: 1rem;
}
.page-title h3 span {
    font-size: 2rem;
    color: #fff;
    border-color: rgba(255,255,255,.2);
}
.mtitle span {
    font-size: 1.4rem;
    color: #666;
    margin-left: 10px;
    padding-left: 10px;
}
.page-title .breadcrumbs {
    float: right;
    font-size: 2rem;
    color: rgba(255,255,255,.5);
}
.page-title .breadcrumbs span{ font-size: 18px;}
.listpage{ background-color: #f5f5f5}
.listpage h3{ font-size: 2rem; font-weight: bold; margin-top: 3px;  padding-top: 4px; }
.listpage h3 span{border-right: 1px solid #ddd; padding-right: 10px; margin-right: 10px; padding-bottom: 4px;}

.pager-header{ padding-top: 40px; margin-bottom: 20px;}
.page-con{ background-color: #fff; padding: 2rem 3rem;margin-bottom: 5rem; }
.listpage h1{font-size: 22px;    margin: 0; color: #555;    font-weight: 600; line-height: 36px;}
.page_new_list a {padding: 2rem 0;border-bottom: 1px dashed #ddd;display: block;}
.page_new_list a:hover{border-bottom: 1px dashed #333; }
.page_new_list a .meta { margin: 0; color: #aaa;font-size: 1.4rem; margin-top: 10px;}
.page_new_list a p {color: #888;margin: 5px 0;    font-size: 1.5rem;line-height: 2;}

.page{ text-align:center; margin:0; padding-bottom:8px; margin-top:20px; clear:both; font-size: 14px;}
.page a{ border:1px solid #ccc; padding:8px; color:#444;}
.page a:hover{ background-color:#a63293; color:#fff;} 

.news_con{ width: 99%}
.news_con h1{ text-align: center; font-size: 24px; border-bottom: 1px dashed #ccc; margin: 10px 0px; padding-bottom: 15px;}
.news_con span{ text-align: center; line-height: 32px; width: 100%; float: left; color: #999; margin-bottom: 20px; margin-top: 4px;}
.news_con p{ text-indent: 2em; line-height: 32px; color: #555; font-size: 16px; margin: 4px 10px;}
.mid_pic{text-align: center; margin-top: 20px; float:none;}
.news_con img{ margin-top: 20px;display:inline-block;text-align: center;}

.page_pro_list ul{ background-color: #fff; width: 31%; float: left; margin-left: 2%; height:340px; padding-top: 26px; margin-top: 20px;}
.page_pro_list2 ul{ background-color: #fff; width: 100%; float: left; margin-left: 0px ;height:auto; padding-top: 26px;padding-bottom: 20px; margin-top: 20px;}
.page_pro_list ul img,.page_pro_list2 ul img{ max-width: 300px; max-height: 300px}
.page_pro_list ul span,.page_pro_list2 ul span{ text-align: center;width: 90%; float: left; font-size: 16px; margin-left: 5%; margin-right: 5%; margin-top: 8%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page_pro_list ul span a:hover,.page_pro_list2 ul span a:hover{ color: #b24885}

.pro_con{ width: 99%}
.pro_con h1{ text-align: center; font-size: 24px; border-bottom: 1px dashed #ccc; margin: 20px 0px; padding-bottom: 35px;}
.pro_con span{ text-align: center; line-height: 32px; width: 100%; float: left; color: #999; margin-bottom: 20px; margin-top: 4px;}
.pro_con p{ text-indent: 2em; line-height: 32px; color: #555; font-size: 16px; margin: 4px 10px;}
.pro_con img{ margin-top: 20px; text-align: center;display:inline-block; margin-bottom: 20px;}

.download_tit{ border-bottom: 1px solid #a63293; margin-bottom: 20px; width: 100%; float: left; line-height: 30px;}
.download_tit h3{ font-size: 18px; color: #a63293; width: 80%; float: left; padding-bottom: 5px;}
.download_tit span{ width: 20%; text-align: center; float:right;}
.download_tit span a:hover{ color: #a63293}
.list_content{ margin-top:0px; margin-bottom:30px; }
.list_content dt{ width:100%; float:left}
.list_content dt a{display:block; float:left; padding:8px 0px 5px 4%; width:100%; background:url(../img/dot2.jpg) no-repeat 1% 14px; color:#555;font-size:16px; font-weight: normal; line-height: 30px;}
.list_content dt span.contitle{ width:40%; float:left;white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.list_content dt span.file_type{ width:20%; float: left; text-align: center}
.list_content dt span.file_size{ width:12%; float: left; text-align: center}
.list_content dt span.file_level{ width:12%; float: left; text-align: center}
.list_content dt span.contime{ margin-right:15px; text-align:right; float:right; color:#666; font-size:16px; }
.list_content dt a:hover{ color:#b24885;}

.dt01{ border-bottom:1px dotted #dedede; margin-bottom:10px; padding-bottom:10px;}
.dt02{}

.login_page{ background: url(../img/login_bg.jpg) no-repeat center center; height: 582px;}
.login_right{ width: 380px; background-color: #fff; padding: 20px 30px 30px 20px; float: right; margin-top: 120px;border-radius:6px}
.login_right h3{ font-size: 24px; margin-bottom: 26px; width: 100%; float: left;}
.login_right .btn{ width: 100%; background-color: #2e6ec4; color: #fff; font-size:18px; line-height: 26px;} 
.login_right .control-label{}
.l_phone{ background-color: #fafafa; padding: 10px; }
.login_phone{background-color: #fff; margin-top: 0px;padding: 20px;}
.login_phone .form-group{ }
.login_phone .btn{ width: 100%; background-color: #2e6ec4; color: #fff; font-size:18px; line-height: 26px;}
footer{ background-color: #f5f4f4; border-top: 2px solid #982660; padding: 20px 0px;}
footer p{ margin: 0px; padding: 0px; text-align: center; font-size: 12px; line-height: 24px;}

.pro_r{width: 19%; float: right; margin-left: 20px; }
.pro_part{ background-color: #fff; padding: 20px 10px; margin-top:8px; float: left;width: 100%; }
.pro_part ul li{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 42px; background: url(../img/focus_top.png) no-repeat 8px 20px; padding-left: 20px;}
.pro_link{ background-color: #fff; margin-bottom: 40px; padding: 20px 10px;}
.link-pages{ padding-top: -20px; margin-bottom: 20px;}
.pro_link ul li{line-height: 28px; background: url(../img/focus_top.png) no-repeat 18px 14px; padding-left: 40px;}