@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:'微软雅黑'; color:#333;}
ul,li,dl,dd,dt,h1,h2,h3,h4,h5,p{ margin:0; padding:0; list-style:none;}
a{ color:#333; text-decoration:none;}
.clear{ clear:both;}
::-webkit-scrollbar{width: 0px;}    

/*index*/
.header{ width:100%; height:560px; }
.header .head{ width:1100px; margin:0 auto; }
.header .logo{ float:left;margin-top:20px;margin-left: -70px;}
.header .nav{ float:right;  margin-top:40px;}
.header .nav li{ float:left;margin-left:16px; margin-right:16px; border-bottom:rgba(255,255,255,0) solid 2px; transition:all ease 0.4s;}
.header .nav li a{ padding:20px 10px; line-height:60px; font-size:18px; color:#fff; }
.header .nav li:hover{ border-bottom:#fff solid 2px;}
.slogan{ position:absolute; left:50%; margin-left:-447px; top:300px;}

.ind_about{ width:1100px; margin:200px auto 0; }
.ind_about .pic{ float:left;}
.ind_about .txt{ float:left; width:600px; margin-left:70px;}
.ind_about .txt h3{ line-height:80px; color:#fff; font-size:30px;}
.ind_about .txt p{ line-height:30px;color:#ccc; margin-bottom:20px; text-indent:2em; font-size:14px;}
.ind_about .txt span{ padding:4px 8px; background:#b30000; border-radius:5px; margin-top:20px; }
.ind_about .txt span a{ font-size:14px; color:#fff;}

.ind_news{ width:1100px; margin:140px auto; }
.ind_news .ind_news_left{ width:500px; float:left;}
.ind_news .ind_news_left .pic{}
.ind_news .ind_news_left .txt{ margin-top:20px;}
.ind_news .ind_news_left .txt .date{ width:70px; height:80px; float:left;}
.ind_news .ind_news_left .txt .date .day{ font-size:60px; font-weight:bold; color:#999; line-height:60px;}
.ind_news .ind_news_left .txt .date .year{ font-size:16px; font-weight:bold; color:#999; line-height:16px;}
.ind_news .ind_news_left .txt .title{ width:410px; float:right;}
.ind_news .ind_news_left .txt .title h3{ line-height:40px;}
.ind_news .ind_news_left .txt .title h3:hover a{ color:#f00;}
.ind_news .ind_news_left .txt .title p{ font-size:14px; color:#666;}
.ind_news .ind_news_right{ width:500px; float:right;}
.ind_news .ind_news_right li{ margin-bottom:20px;}
.ind_news .ind_news_right li .date{ width:70px; height:80px; float:left;}
.ind_news .ind_news_right li .date .day{ font-size:60px; font-weight:bold; color:#999; line-height:60px;}
.ind_news .ind_news_right li .date .year{ font-size:16px; font-weight:bold; color:#999; line-height:16px;}
.ind_news .ind_news_right li .title{ width:410px; float:right;}
.ind_news .ind_news_right li .title h3{ line-height:40px;}
.ind_news .ind_news_right li .title h3:hover a{ color:#f00;}
.ind_news .ind_news_right li .title p{ font-size:14px; color:#666;}

.guanming{ width:1100px; margin:0 auto;}
.guanming .top_title img{ display:table; margin:160px auto 100px;}
.guanming .pic{ display:table; margin:60px auto;}

.business{ width:900px; margin:140px auto 0;}
.business .business1{ width:900px; height:200px; float:left; background:#999;margin:20px 0;}
.business .business2{ width:440px; height:200px; float:left;background:#999; margin-right:20px;}
.business .business3{ width:440px; height:200px; float:left;background:#999;}

.ind_foot{ position:relative; }
.ind_foot .ind_footer{ position:absolute; bottom:0; left:50%; width:1920px; margin-left:-960px; }
.ind_footer .foot{ width:1100px; margin:0 auto; padding:60px 0 40px; }
.ind_footer .foot .foot_logo{ width:360px; float:left;}
.ind_footer .foot .foot_logo img{ width:60%; margin:0 auto;}
.ind_footer .foot .foot_contact{ width:400px; float:left;}
.ind_footer .foot .foot_contact h3{ color:#fff; font-size:26px; font-weight:normal; line-height:26px;border-bottom:#fff solid 1px; padding-bottom:20px; margin-bottom:20px; padding-top:30px;}
.ind_footer .foot .foot_contact h3 span{color:#fff;font-size:20px;  }
.ind_footer .foot .foot_contact p{color:#fff; font-size:14px; color:#fff; line-height:26px;}
.ind_footer .foot .qrcode{ float:right;}
.ind_footer .foot .qrcode p{ color:#fff; text-align:center; font-size:12px; color:#fff;}
.ind_footer .cr{ width:100%; height:40px; background:#222; line-height:40px; text-align:center; color:#999; font-size:14px;}
.ind_footer .cr a{ color:#999;}

/*content*/
.content{ width:1100px; margin:40px auto 60px;}
.content .subnav{ float:left; width:300px; }
.content .subnav dd{ line-height:60px; padding:0 30px;border:#ddd solid 1px; margin:10px 0;}
.content .subnav dd:hover{ background:#999;}
.content .subnav dd:hover a{ color:#fff;}
.content .con_right{ float:right; width:740px;  padding:10px; line-height:40px; text-align:justify;}

/*serve*/
.pos{ padding-bottom:20px; background:url(home.png) 4px 4px no-repeat; padding-left:32px; background-size:20px 20px; }
.pos a{ line-height:30px;}
.serve{}
.serve ul li{ display:table; margin:10px auto; }


/*news*/
.news_left{ width:800px; float:left;}
.news_left li{ padding:20px 0; border-bottom:#ddd solid 1px;}
.news_left li .pic{ width:183px; float:left; margin-right:30px;}
.news_left li .txt{ width:510px; float:left;}
.news_left li .txt h4{ margin-bottom:10px;}
.news_left li .txt h4:hover{ color:#f00;}
.news_left li .txt P{ font-size:14px; color:#666; line-height:20px;}
.news_left li .txt span{font-size:14px; line-height:40px;color:#999;}
.news_right{ width:250px; float:right; }
.news_right li{ list-style:inside; }
.news_right h3{ line-height:40px; color:#00C; border-bottom:#ddd solid 1px;}
.news_right li a{ line-height:30px; color:#999; font-size:14px;}
.news_right li:hover a{ color:#f00;}
.page_num{ margin-top:20px;}
.page_num li{ float:left; padding:4px 8px; margin:0 4px; border:#eee solid 1px;}
.page_num li:last-child{ display:none;}
.page_num li.thisclass{ background:#999; color:#fff;}

/*news_con*/
.news_con{ width:800px; float:left;}
.news_con h3{ line-height:40px; text-align:center;border-bottom:#eee solid 1px; margin-bottom:20px;}
.news_con h3 .time{ font-size:13px; color:#999; display:table; margin:0 auto; font-weight:normal; }
.news_con p{ font-size:14px; line-height:24px; color:#666;}
.pre_next{ margin-top:20px; border-top:#eee solid 1px; padding-top:10px;}
.pre_next span{font-size:14px;}
.pre_next span a{ font-size:14px;}
.pre_next span a:hover{ color:#f00;}
.goback{ display:table; margin:20px auto;}
.goback a{ padding:4px 8px; background:#f00; color:#fff;}
.dianpu{ margin-top:20px;}

/*hongjiu*/
.pro_left{ width:800px; float:left;}
.pro_left > li{ float:left; width:240px; margin-right:40px; margin-bottom:40px; }
.pro_left > li:nth-child(3n){ margin-right:0;}
.pro_left > li .pic img{ width:100%;}
.pro_left .lightning{  width:100%; margin-bottom:20px;}
.pro_left .lightning img{ float:left; width:40%;}
.pro_left .lightning .txt{ float:right;width:56%;}
.pro_left .lightning .txt h3{ text-align:center; line-height:50px;}
.pro_left .lightning .txt p{ font-size:14px; line-height:28px; color:#666;}
.pro_left .fox{  width:100%;margin-bottom: 20px;} 
.pro_left .fox img{ float:left;width:40%;}
.pro_left .fox .txt{ float:right;width:56%;}
.pro_left .fox .txt h3{ text-align:center; line-height:50px;}
.pro_left .fox .txt p{ font-size:14px; line-height:28px; color:#666;}


/*ind_footer*/


/*footer*/
.footer{ background:#333;}
.footer .foot{ width:1100px; margin:0 auto; padding:60px 0 40px; }
.footer .foot .foot_logo{ width:360px; float:left;}
.footer .foot .foot_logo img{ width:60%; margin:0 auto;}
.footer .foot .foot_contact{ width:400px; float:left;}
.footer .foot .foot_contact h3{ color:#999; font-size:26px; font-weight:normal; line-height:26px;border-bottom:#999 solid 1px; padding-bottom:20px; margin-bottom:20px; padding-top:30px;}
.footer .foot .foot_contact h3 span{color:#999;font-size:20px; }
.footer .foot .foot_contact p{color:#fff; font-size:14px; color:#999; line-height:26px;}
.footer .foot .qrcode{ float:right;}
.footer .foot .qrcode p{ color:#fff; text-align:center; font-size:12px; color:#999;}
.footer .cr{ width:100%; height:40px; background:#222; line-height:40px; text-align:center; color:#999; font-size:14px;}
.footer .cr a{ color:#999}
#top{ position:fixed; right:100px; bottom:100px;  width:50px; height:50px; }