﻿@charset "utf-8";

/*body css*/
body{margin:0;font-family:"微软雅黑",Arial,"宋体";font-size:14px; line-height:170%;*overflow-y:hidden;color:#333; background:#fff;}
a{color:#939393;text-decoration:none;transition-duration:500ms;}
a:hover{text-decoration:none;transition-duration:500ms; color:#f00;}a:focus{outline:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.rela{position:relative;}.abso{position:absolute;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;color:#333;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_5,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;_overflow:hidden;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_20{height:20px;}

h4,h5,h6{ font-weight:normal;}
/*定义新型浏览器特性*/
/*
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:#000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
*/

.bg_01{ background:#f8f8f8; padding-top:30px; padding-bottom:30px;}

/*标题*/
.title_01{ text-align:center; padding:40px 0; overflow:hidden;}
.title_01 h3{ font-size:24px; line-height:40px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #333; display:inline-table;}
.title_01 p{ color:#999; }
.title_02{ font-size:18px; padding:15px 0;}
.title_03{ font-size:16px; padding:15px 0; font-weight: bold;}
.more_01{ text-align:center;}
.more_01 a{ border:1px solid #999; border-radius:4px; padding:15px 50px; display:inline-block;}
.more_01 a:hover{ background:#333; color:#fff;}
.bg_i{ background:#f5f5f5; overflow:hidden;}

.ban_01{ background:url("img/ban_01.jpg");}
.ban_02{ background:url("img/ban_02.jpg");}
.ban_03{ background:url("img/ban_03.jpg");}
.ban_04{ background:url("img/ban_04.jpg");}
.ban_01,.ban_02,.ban_03,.ban_04{ background-size:auto 100%; background-position:center;}
.ban_title{ height:250px; color:#fff; display:table;}
.ban_title p{display: table-cell; vertical-align:middle;}
.ban_title span{ font-size:24px; display:block; margin-bottom:15px;}
.sub_title{ border-bottom:1px solid #f0f0f0; color:#aaa; padding:15px 0; margin-bottom:30px;}
@media (max-width:992px) {
.ban_title{ height:180px;}
.ban_title span{ font-size:18px;margin-bottom:5px;}
}
@media (max-width:768px) {
.ban_title{ height:120px;}
.ban_title p{ font-size:12px;}
.ban_title span{ font-size:16px;margin-bottom:5px;}
.sub_title{ margin-bottom:15px;}
}

/*header*/
.header_box{position:fixed;top:0px;left:0px; right:0;z-index:99;}
.header_hei{ height: 120px; overflow: hidden;}
.small_nav_bg{ background:#f0f0f0; overflow:hidden;}
.small_nav{ float:right; position:relative;}
.small_nav li{float:left; line-height:30px;}
.small_nav li a{ padding:0 5px;}
.small_nav li i{ width:16px; height:13px; margin:0 0 -3px 0; display:inline-block; background:url("img/lang.png");}
.small_nav .lang_01{ background-position:0 -370px;}
.small_nav .lang_02{ background-position:0 -66px;}
.small_nav .lang_03{ background-position:0 -50px;}


/*****新闻资讯************/

.i_news_nav{ overflow:hidden; text-align:center; line-height:50px; margin-bottom:50px;}
.i_news_nav li { display:inline;}
.i_news_nav li a{ border:1px solid #666; padding:10px 25px; margin:10px;}
.i_news_nav .active a{ font-weight:bold;}


.news_i ul{ }
.news_i li{ margin-bottom:20px; display:inline-block; vertical-align:top; float:inherit;  margin-right:-3px;}
.news_i li span{ overflow:hidden; display:block; border:1px solid #eee;}
.news_i li img{ max-width:100%; transition: all 0.6s;background-size: 100% 100%;width: 100%;height: 230px;}
.news_i li h3{ font-size:14px; margin:5px 0 5px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:305px;}
.news_i li p{ color:#999;}
.news_i li:hover img{transform: scale(1.1);}
.news_i .time{ position:absolute; top:0; left:15px; padding:3px 10px; text-align:center; color:#ccc; background:#333; z-index:2; font-family:"Arial"; }
.news_i .time b{display:block; font-size:24px; }

.news_show_title{ border-bottom:1px dashed #ccc; margin-bottom:20px;}
.news_show_title h2{ font-weight:normal; padding-bottom:5px;}
.news_show_title p{ color:#999; padding-bottom:5px;}
.news_show_title p i{ padding: 0 5px; }
.news_show p{ margin: 15px 0;}
.news_show img{ max-width:100%; display:block; margin:10px auto;}
.prenext{ margin-top:20px;}

.news_list{ color:#999;}
.news_list li{ overflow:hidden; margin-bottom:15px;  border-bottom:1px dashed #ccc; padding-bottom:15px;}
.news_list .nl_title{font-size:18px; }
.news_list .nl_icon{ padding:5px 0; font-size:12px;}
.news_list .nl_icon span{ display:inline-block; padding-right:20px;}
.news_list .nl_icon span i{ margin-right:5px; }
.news_list .nl_pic{ overflow:hidden;}
.news_list .nl_pic img{ float:left; width:200px; margin-right:15px;}





.kehu_i{}
.kehu_i ul{border-top:1px solid #ccc;border-left:1px solid #ccc; overflow:hidden;}
.kehu_i li{ border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:center; overflow:hidden; padding:0;}
.kehu_i li img{width:100%;}
.link_i{ text-align:center;margin-bottom:50px;}
.link_i a{ padding:5px 10px; display:inline-block;}

/*****关于我们************/

.nav_i{ text-align:center; margin-bottom:50px;}
.nav_i li{ display:inline; }
.nav_i li a{ border:1px solid #999; padding:6px 15px; margin:0 5px;}
.nav_i li a:hover{ background:#333; color:#fff;}

.about{ overflow:hidden; }
.about img{ max-width:100%; margin:10px auto; display:block; border:1px solid #ddd; padding:10px; border-radius:4px;}
.about p{ text-indent:2em;}
.about_a{ width:50%; padding:0 15px; margin-bottom:20px; display:inline-block; vertical-align:top; float:inherit;  margin-right:-3px;}	

.about_history{ background:url(img/history_line.gif) 120px repeat-y; padding-right:15px; margin-left:auto;margin-right:auto; width: 800px;}
.about_history dl{overflow:hidden;background:url(img/history_icon.gif) 113px 24px no-repeat;}
.about_history dt{width:120px; float:left; text-align:right; padding:20px 10px;}
.about_history dt span{font-size:24px; display:block;}
.about_history dd{width:100%; float:right; margin:0 -120px 0 -20px; padding:10px 120px 10px 20px; border-bottom:1px dashed #b70243;}

.nav_pro{ margin-bottom:20px;}
.nav_pro h3{ font-weight:bold; font-size:16px; margin-bottom:10px;}
.nav_pro li{ }
.nav_pro li a{ display:block;  padding:5px 0;}
.nav_pro li a:before{content:"? " ;}

.search{ margin-bottom:30px; overflow:hidden; border:1px solid #999;}
.search .key{ width:80%; float:left; line-height:30px; text-indent:1em; outline:none; border:none;}
.search .sub{width:20%; font-size:16px; color:#999; float:right; background:none; border:none; line-height:30px; text-align:center;border-left:1px solid #999;}

.message div{ padding-bottom:10px;}
.message p{ font-weight:bold; padding-bottom:5px;}
.message input[type="text"],.message input[type="password"]{ width:100%; padding:5px;}
.message textarea{ width:100%; padding:5px; height:180px; overflow:auto;}
.message .msg_tijiao{ border:1px solid #999; display:inline-block; width:100%; text-align:center; padding:10px 0; background:#fff; cursor:pointer;}
.message .msg_tijiao:hover{ background:#f00; color:#fff; border-color:#f00;}
.message .message_title{ margin:20px 0;}

.contact{}
.contact dl{ overflow:hidden; margin-bottom:20px;}
.contact dt{ float:left; width:120px; height:120px; margin-top: 15px; font-size:0px; text-align:center; border-radius:50%;}
.contact dt img{ width:100%; }
.contact dd{ float:right; width:100%; padding:0 140px 0 0; margin:0 -140px 0 0;}

@media (max-width:1200px) {


}
@media (max-width:992px) {
.about_a{ width:100%; margin-bottom:0;}
.search.search{margin-top: 30px;}
}
@media (max-width:768px) {
.news_i .time{ display:none;}
.news_i li p{ line-height:120%;}
.news_list .nl_pic img{ float:none; width:100%; margin-right:0;}

.prenext{ margin-bottom:20px; }
.about_history{ width:100%;  }

.page_list .num{ display:none;}
}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:5px 13px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}




/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}






































