﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,p,th,td {margin:0;padding:0;font-family:"微软雅黑";}
body,td,th,span {color:#444;font-family:"微软雅黑";font-size:12px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li {list-style:none;}
a {color:#444;text-decoration:none;}
a:hover {color:#f80;text-decoration:none;}
img {border:0;vertical-align:middle;}
.clear {clear:both;}
.hide {display:none;}
body {background:#fff;}

#header { width:100%; box-shadow: 0 5px 5px #ccc; border-top: 5px #2a3a6f solid;}
.header { width:1100px; height:100px; margin:0 auto;}
.logo {	float:left; margin-top:30px;}
.nav { float:right; margin:40px 0 0 0;}
.nav li { float: left; padding: 0 15px; font-size:16px;}
.nav li a { color:#666;}
.nav li a:hover { color:#d93037;}

.index_flash { width: 1100px; height:420px; margin:0 auto; position: relative; overflow:hidden; margin-top:20px;}
.index_flash img {width: 1100px; height:420px}
.index_flash .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }
.index_flash .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.index_flash .num li.on { background: #FF7700;}

.main { width:100%;}
.bgfff { padding-top:60px; padding-bottom:60px;}

.index_service { padding:40px 0;}
.index_service_title { width:1100px; margin:0 auto; text-align:center; font-size:28px; color:#333; margin-bottom:40px;}
.index_service_box { width:1100px; margin:0 auto; overflow:hidden;}
.index_service_box .serviceDiv { width: 356px;}
.index_service_box div:nth-child(3n) { margin-right:0;}
.index_service_box .serviceDiv .service_image img { width: 356px; height: 170px;}

.index_about { padding-top:80px; padding-bottom:80px; background:url(../images/index_about_bg.jpg) no-repeat center; background-size: cover;}
.aboutUs { width:1100px; margin:0 auto; overflow:hidden;}
.aboutUs_left { width:380px; height:280px; float:left;}
.aboutUs_right { width:451px; float:right; background:rgba(255,255,255,0.9); padding:40px 40px 44px 40px;}
.aboutUs_right_title { font-size:24px; color:#333;}
.aboutUs_right_content { color:#666;font-size:14px;line-height:25px;margin-top:20px;}

.news { width:1100px; margin:0 auto;}
.news_content { width:1100px; overflow:hidden;}

.focus { position:relative; width:520px; height:330px; float: left;}  
.focus img { width: 520px; height: 330px;} 
.focus .btn { position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a {position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic { position:absolute; left:0px; top:0px; }  
.focus .D1fBt { overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow { width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height:50px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a { text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg { bottom:15px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.news_center { width:540px; height:286px; float:right;}
.news_center li { padding:10px 15px; margin-bottom:15px; border:1px #e5e5e5 solid;}
.news_center_title { font-size:16px; margin-bottom:15px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_center_title a { color:#333;}
.news_center_title a:hover { color:#d94f53;}
.news_center_content { font-size:12px; color:#888; line-height:21px; margin-top:6px;}


#bannerny { width:100%; height:300px;}
#box { width:100%; background:url(../images/linkbg.png) no-repeat bottom #fbfbfb; padding-bottom:80px; overflow:hidden; padding-top:40px;}
.box { width:980px; margin:0 auto; background:#fff; padding: 40px 60px;}
.box_top {width:1100px;height:7px;float:left;background:url(../images/listbg.png) no-repeat 207px;margin-top:20px;}
.box_left {width:210px;float:left;}
.boxleft_title {width:210px;float:left;line-height:40px;border-bottom:2px solid #cd4848;font-size:20px;color:#cd4848;}
.boxleft_title span {font-family:"Arial";font-size:18px;color:#cd4848;margin-left:5px;}
.boxleft_content {width:210px;float:left;}
.boxleft_content li {width:210px;float:left;border-bottom:1px dotted #cccccc;}
.boxleft_content li a {width:180px;height:50px;line-height:50px;display:block;padding-left:30px;background:url(../images/listico3.png) no-repeat 10px 20px;font-size:14px;color:#333333;}
.boxleft_content li a:hover,.boxleft_content li a.hover {background:url(../images/listico4.png) no-repeat 10px 20px;color:#cd4848;}

.boxright_title { border-bottom:1px solid #ccc; font-size:24px; color:#333; padding-bottom:15px;}
.boxright_title span { font-size:14px; color:#666; background:url(../images/sitemapico.png) no-repeat left; padding-left:17px; float:right; margin-top:10px;}
.boxright_title span a { color:#666;}

.pages { width:100%; text-align:center; margin:20px 0; overflow:hidden; font-size:14px;}
.pages a { color:#666;}
.pages a:hover { color:#cc0000;}

.newList { }
.newList li { border-bottom:1px #e5e5e5 dashed; padding:25px 0; overflow: hidden;}
.new_image { float:left;}
.new_image img { width:300px; height:190px;}
.new_right { width:650px; float:right;}
.new_title { font-size:16px; color:#333; font-weight: bold;}
.new_content { line-height:22px; height:80px; font-size:14px; color:#7e7e7e; margin-top:10px;}
.newcon_title { padding:30px 0;	font-size:24px; color:#333; text-align:center;}
.newcon_content { line-height:30px; font-size:14px; color:#666; padding: 0 80px;}
.newcon_content p { margin-bottom:15px;}
.newcon_content img { max-width:680px;}

.box_service { overflow:hidden; padding-top:30px;}
.serviceDiv { width:316px; float:left; margin-right:15px; margin-bottom:20px;}
.box_service div:nth-child(3n) { margin-right:0;}
.service_image img { width:316px; height:170px;}
.service_title { width:100%; height:60px; line-height:60px; font-size:16px; color:#fff; text-align: center; background: #333;}
.service_title span { font-family:"Arial"; font-size:12px; color:#fff; margin-left:5px;}
.boxleft_service {width:210px;float:left;}
.boxleft_service li {width:210px;float:left;border-bottom:1px dotted #cccccc;}
.boxleft_service li a {width:160px;height:50px;line-height:50px;display:block;padding-left:50px;font-size:14px;color:#333333;}
.boxleft_service li a:hover,.boxleft_service li a.hover {color:#cd4848;}
.leftico1 {background:url(../images/serviceico1.png) no-repeat 9px 13px;}
.leftico2 {background:url(../images/serviceico2.png) no-repeat 9px 20px;}
.leftico3 {background:url(../images/serviceico3.png) no-repeat 9px 16px;}
.leftico4 {background:url(../images/serviceico4.png) no-repeat 9px 14px;}
.leftico5 {background:url(../images/serviceico5.png) no-repeat 9px 11px;}
.leftico6 {background:url(../images/serviceico6.png) no-repeat 9px 13px;}

.video_list { overflow:hidden; padding-top:40px;}
.video_list ul { float:left; width:316px; margin-right:15px; position:relative; overflow:hidden; margin-bottom:20px;}
.video_list ul img { width:316px; height:190px;}
.video_list ul#video_3 { margin-right:0px;}
.video_list ul#video_6 { margin-right:0px;}
.video_list ul#video_9 { margin-right:0px;}
.video_list ul#video_12 { margin-right:0px;}
.video_list ul li { font-size:14px; text-align:center; background:url(../images/black_bg.png); color:#FFF; position:absolute; bottom:0px; width:100%; line-height:35px;}
.video_list ul li A{COLOR: #fff; TEXT-DECORATION: none;}
.video_list ul li A:hover {COLOR: #fff; TEXT-DECORATION: none;}

.video_page { overflow:hidden; margin-top:40px;}
.video_page ul { float:right;}
.video_page li { float:left; font-size:14px; border:1px #e5e5e5 solid; padding:5px; margin-right:10px;}

#index_keyi { overflow:hidden; margin-top:40px;}
.menubox { font-size:14px; overflow:hidden;}
.menubox ul { margin:0px; padding:0px; line-height:30px;}
.menubox li { display:block; cursor:pointer; text-align:center; color:#333; width:100px; height:30px; margin-bottom:10px; float:left; background:#e5e5e5; margin-right:5px;}
.menubox li.hover{ padding:0px; background:#cc0000; color:#fff; width:100px; height:30px;}
.contentbox { padding-top:8px; font-size:14px; line-height:40px; min-height:280px;}

#footer { width:100%; padding: 30px 0; background:url(../images/bottombg.jpg) no-repeat center #000; overflow:hidden;}
.footer { width:1000px; margin:0 auto; text-align:center; color:#ccc;}
.footer p { line-height:27px;}
.footer a {COLOR: #ccc; TEXT-DECORATION: none;}
.footer a:hover {COLOR: #cc0000; TEXT-DECORATION: none;}