@charset "utf-8";

/*===============================================技术支持：凡高网络 银灵子================================================*/

body{  min-width: 1240px;}

#j_body{ position:relative;}

.main_box{ width:1200px; margin:0 auto;}

/*===============================================header================================================*/

#header .main_box{ position:relative;height:105px; width:1200px;}

#header .logo{ position:absolute; top:0; width: 175px; }

#header .logo{ display:table; height:105px;   position:absolute; top: 0px; left:0; z-index:3;}

#header .logo a { display:table-cell; vertical-align:middle;}

#header .top_tel{height:105px; line-height:105px; position:absolute; right:0; top:0px;  padding-left:20px; background:url(../images/icon_top_tel.png) left center no-repeat; }

#header .top_tel strong{font-size:18px;   color:#424242; font-weight:bold;}



/*=================导航=================*/

#nav{ position:absolute; height:105px; right: 150px;  top:0px; background: url(../images/line_top_link.png) right center no-repeat; padding-right: 10px;}

#nav li{ float:left; position:relative;  min-width:40px;}

#nav li .a{  margin-left:-1px; font-size:15px;  height:105px;  padding:0 10px; text-align:center; display:block; background:url(../images/line_nav_li.png) right center no-repeat ;}

#nav li .a strong{position:relative; z-index: 3;  line-height:105px;  color:#242426; font-weight:bold;}

#nav li .a span{ position:absolute; bottom: 0; left:0px; width:100%; height:3px; display: inherit;  text-align:center; z-index:1;}

#nav li .a i{width:0; background:#b91d1d; display:block; margin: 0 auto; height:3px; z-index:4;}

#nav li:hover .a i{ width:100%;}

#nav li.on .a i{  width:100%;}



#nav .list{ display:none; left:0px; top: 105px; padding-top:0px; position:absolute;  width:100%; z-index: 999;   }

#nav .list .box{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#91000000', endColorstr='#91000000');background:rgba(0,0,0,0.57); padding:5px 0;}

#nav .list a{ font-weight:normal; margin:0 10px; background:none; height:28px; color:#fff !important; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-align:center;  line-height:28px;  font-size:14px; display:block;  }

#nav .list a:hover{ color:#ffa200 !important; }

 

/*================= banner===================*/

#banner{ position:relative; height:700px; overflow: hidden;}

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 700px; overflow: hidden;}

#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:40px;}

#banner .hd ul{   display:inherit;   position:relative; text-align:center;  }

#banner .hd ul li{ display:inline-block; }

#banner .hd ul li a{  border-radius:50%;  height:10px; width:10px; margin:0 3px; display:block; background:#fff;  }

#banner .hd ul li a:hover{ background:#c82222;  }

#banner .hd ul .on a{  background:#c82222;  }

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}

#banner  .bnt:hover{ }

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }

#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}

#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}/*================= 首页===================*/

#s_main_box .floor{ padding:90px 0px;}

.s_main_box{ position:relative; z-index:2; }

   

.s_more{ position: relative; overflow: hidden; width: 175px; margin: 60px auto 0 auto; display: block; text-align: center; height: 50px; line-height: 50px; background: #dfdfe4;  border-radius: 25px;}

.s_more i{ background: #b02124; position: absolute; top: 0px; left: -175px;   height: 50px; line-height: 50px;  width: 175px; ;  border-radius: 25px;}

.s_more strong{ font-size: 14px; color: #232326; position: relative; z-index: 5;}

.s_more:hover strong{color:#fff;  }

.s_more:hover i{left: 0;  }



/*================= 首页结构 ===================*/

 

.s_title{ position:relative; padding-top: 20px; text-align:center;   margin-bottom:60px; background: url(../images/bg_title_red.png) center top no-repeat;}

.s_title h1{ display:block; color: #810000; font-size: 36px; }

.s_title span{  font-size:12px; color:#a2a2a2; display: block; margin-bottom: 55px; text-transform:uppercase;}

.s_title strong{ margin-top:5px; margin-bottom:5px; background:url(../images/bg_s_title_b.png) center 12px no-repeat;  position:relative; z-index:2; color:#383b40; display:block; font-size:18px; padding:0 10px;}

.s_title p{ display:block; font-size:16px; color:#4a4a4c; font-weight:bold;}

.s_title img{ display:block; margin:0 auto;}



/*==========首页f1===========*/

 

 



/*==========解决方案===========*/ 

#s_service{ background: url('../images/bg_f2.jpg') center top no-repeat; height: 506px;}

#s_service .s_title{  background: url(../images/bg_title_fff.png) center top no-repeat;}

#s_service .s_title h1{  color: #fff;  }

#s_service .s_title span{    color:#fff;  }

#s_service .s_title p{   color:#fff;  }

#s_service ul{ margin-right:-28px;}

#s_service li{ width:220px; height:320px; margin-right: 25px; position:relative; display:block; overflow:hidden; float:left;  }

#s_service li a{ display:block;   }

#s_service li .pic_box{ position:relative; width:220px; height:250px; overflow: hidden; background:#000; }

#s_service li img{width:220px; height:250px; display:block;}

#s_service li .img{  }

#s_service li h1{ overflow:hidden; height:60px; line-height:60px; padding:0 20px; background: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#474748; font-size:15px; text-align:center; display:block; }

#s_service li:hover h1{ color:#b02124; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);}

#s_service li:hover{   margin-top:-10px; }/*==========首页f3===========*/

#s_news{ background: url('../images/bg_f4.jpg') center top no-repeat; height: 710px;  padding-top: 50px; padding-bottom:60px;}

#s_news .s_title{  background: url(../images/bg_title_fff.png) center top no-repeat;}

#s_news .s_title h1{color: #fff;  }

#s_news .s_title span{color:#fff;  }

#s_news .s_title p{color:#fff;  }

#s_news .more_box{ text-align: right; margin-top: 25px; display: block; margin-bottom: 15px;}

#s_news .more_box a{ color: #fff; }

#s_news .more_box a:hover{ text-decoration: underline;}

#s_news .hd{ display: inherit; height: 40px; text-align: center; background: url(../images/line_news.png) center no-repeat;}

#s_news .hd a{ font-size: 14px; padding: 0 30px; margin: 0 4px; height: 38px; line-height: 38px; display: inline-block; color: #fff; border: 1px solid #fff;}

#s_news .hd a.li_on{ background: #fff; color: #810000;}

 

/*=================图文折叠新闻==================*/

.left_news .title{ height:40px; line-height:40px; font-size:15px; color:#494949; display:block; border-top:3px solid #ad0015; padding-left:30px; font-weight:700; /*//background:url(../images/icon_hot.png) 10px center no-repeat #fff;*/ margin-bottom:20px;} 

.left_news li{ display:block; margin-bottom: 0px;}

.left_news li .pic_box{ display:none; position:relative;     margin-bottom: 10px; overflow: hidden; height:310px; width:450px;}

.left_news li .pic_box img{ height:310px; width:450px;}

.left_news li .pic_box h1{ display:block; height:45px; line-height:45px; position:absolute; bottom:0px; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}

.left_news li .pic_box h1 strong{ display:block; padding:0 20px; font-size:14px; color:#fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.left_news li .pic_box h1:hover { background:#000;}



.left_news .text_box {display:block; position:relative; padding-left: 10px;  background: url(../images/icon_dd_news.png) left center no-repeat; line-height:31px; position:relative; }

.left_news .text_box span{color:#fff; display:block;  text-align:center; line-height:20px; font-size:12px; position:absolute; right:0; top:0; line-height: 31px;}

.left_news .text_box span.hot{ background:#d2333d; }

.left_news .text_box  a{color:#fff;  font-size:14px; display:block; width: 330px;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }

.left_news .text_box a:hover{  color:#fff; }

.left_news li.on .pic_box{ display:block;}

.left_news li.on .text_box{ display:none;} /*=================日期新闻==================*/

.s_data_news li{  cursor: pointer; margin-bottom: 15px; position: relative; width: 605px; padding-left: 95px;}

.s_data_news li a{ display: block;}

.s_data_news li .date_box{ position: absolute; left: 0; top: 0; width:56px; padding: 15px 12px; margin-right: 10px;background: #fff; }



.s_data_news li strong{ font-size:36px; font-family: "Impact"; color: #d8d8d8; letter-spacing: 3px; display: block; text-align: center; padding-bottom: 2px; margin-bottom: 3px;  border-bottom: 1px solid #d8d8d8;}



.s_data_news li span{font-size: 15px;   color: #c0c0c0; text-align: center; display: block;}



.s_data_news li .text_box{ padding: 23px 35px; background: #fff;}



.s_data_news li .text_box h1{ color: #000; font-size: 18px; display: block; padding-bottom: 10px; }



.s_data_news li .text_box p{font-size: 12px; color: #999797; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



.s_data_news li:hover strong,.s_data_news li:hover span {color: #810000;}



.s_data_news li .text_box h1:hover{color: #810000;}



/*==========首页f4===========*/

#s_case{  background: #f6f6fa;  overflow:hidden; }

#s_case ul{   }

#s_case li{ width:300px;   position:relative; display:block; overflow:hidden; float:left;  }

#s_case li a{ display:block; width:300px;  }

#s_case li .pic_box{ position:relative; background:#000; height:195px; overflow: hidden;}

#s_case li img{width:300px; height:195px; display:block;}

#s_case li .icon_box{ opacity:0;filter:alpha(opacity=0); position: absolute; width: 100%; height: 100%; background: url(../images/icon_more.png) center no-repeat; z-index: 3; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); }

#s_case li h1{ overflow:hidden; height:60px; line-height:60px; padding:0 20px; background: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#474748; font-size:14px; text-align:center; display:block; }

#s_case li:hover h1{ color:#fff;  background: #810000;}

#s_case li:hover img{  opacity:.6;filter:alpha(opacity=.6);  }

#s_case li:hover .icon_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}

 

/*================= 公司简介 ===================*/

#s_about {position:relative; padding-bottom: 55px !important; }

#s_about .content{ position: relative; padding-left: 325px; border-bottom: 1px solid #e2e3e5; padding-bottom: 60px;}

#s_about .pic_box{ position: absolute; left: 0; top:0; width: 275px; height: 350px; overflow: hidden;}

#s_about .pic_box img{    display:block; width: 275px; height: 350px;}

#s_about .text_box{ height: 350px; display: table;}

#s_about .text_box .box{display: table-cell; vertical-align: middle;}

#s_about .text_box h1{ font-size: 24px; color: #302e2e; display: block; margin-bottom: 20px}

#s_about .text_box p{ margin-bottom: 40px; text-align: justify; line-height: 30px; color: #79797a; font-size: 14px; padding-left: 1px; }

#s_about .tel_box{ padding-left: 30px; height: 25px; line-height: 25px; position: relative;  color: #373536; background: url(../images/icon_tel_aobut.png) left center no-repeat; font-size: 16px;}

#s_about .tel_box strong{ font-weight: 700; color: #b91d1e; font-size: 22px;}

#s_about .tel_box a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #878787;}

#s_about .tel_box a:hover{ color: #b02124;}

 


/*================= 联系信息 ===================*/

#s_contact {position:relative;  padding-bottom: 90px;}

#s_contact .main_box{ position: relative;  }

#s_contact .pic_box{ position: absolute; right: 5px; top:0; }

#s_contact .pic_box .box{ width: 440px; height: 230px;  position: absolute; right: 15px; top:15px; z-index: 1; background: #eef0f3;}

#s_contact .pic_box img{display:block; width: 440px; height: 230px; position: relative; z-index: 2;}

#s_contact .text_box{   display: table; width: 685px;}

#s_contact .text_box .box{display: table-cell; vertical-align: middle;}

#s_contact .text_box h1{ font-size: 24px; color: #302e2e; display: block; margin-bottom: 20px}

#s_contact .text_box p{ margin-bottom: 25px; text-align: justify; line-height: 30px; color: #4a4a4c; font-size: 14px;  }

#s_contact .ewm_box{  position: absolute; left: 0; top: 0;}

#s_contact .ewm_box img{ width: 125px; display: block; height: auto; border: 2px solid #dbdbdb; border-radius: 3px; overflow: hidden;}

#s_contact .contact_box{height: 124px; padding-left: 210px; background: url(../images/icon_contact.png) 180px 10px no-repeat; padding-top:10px; position: relative;}

#s_contact .contact_box span{  color: #4a4a4c; font-size: 14px; display: block; height: 20px; line-height: 20px; margin-bottom: 25px;}

#s_contact .pic_box:hover .box{ right: 0px; top: 0; }

#s_contact .pic_box:hover img{ box-shadow: 0 0 20px #aaa; }



/*================footer===============*/

.footer{ position:relative; background:#1f1e26;padding:60px 0px 60px 0px; }

.footer .main_box{ position:relative;   text-align: center;}

 



#fot_nav{  display: inherit; text-align: centerc; padding: 15px 0;} 

#fot_nav a{ display:inline-block; font-size:14px; color:#4a4a4c; line-height:26px;  }

#fot_nav a:hover{ color:#fff; }

#fot_nav i{ display: inline-block; padding: 0 10px; font-size:12px; color:#4a4a4c;   }

 

 

 

.copyright{color: #4a4a4c; font-size: 14px;}

.copyright p{ color: #4a4a4c;}

.copyright a{ color:#4a4a4c;}

.copyright a:hover{ color:#fff;}



 



/*==============================--内页开始==============================-*/



/*#n_main_box{ margin-bottom:90px; }*/



#n_content{ min-height:300px; padding:60px 0 0px; }



 



/*===================内页banner================*/



#n_banner{ display:block; width:100%; height:350px; position: relative; }

/*===================面包屑导航================*/



#n_up_box{  position:relative; border-bottom:1px solid #f1f1f1;}



#n_up_box .main_box{  position: relative;  height: 60px;} 



#n_title_box{ position: absolute; left: 0; bottom: -1px; min-width: 180px; z-index: 1; background: #b02124; padding: 30px 30px 12px;}



#n_title h1{ padding:0 0 0px 0px;  font-size:22px; color:#fff;   }



#n_title h2{font-family: "Impact"; color:#fff; font-size: 32px; text-transform:uppercase;   font-weight:normal;  }#position{  font-size:12px; line-height:60px; color:#e7bcbd; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}

#position a{font-size:12px; color:#e7bcbd;}

#position span,#n_title .position a,#n_title .position i{ font-size:12px; color:#e7bcbd;}

#position em{ font-size:12px; color:#e7bcbd; font-style:normal;}

#position a:hover{ color:#fff;}

#n_left{ float: left; width: 875px;    }

#n_right{ float: right; width:247px; min-height: 399px;     }

/*===================左侧导航================*/



#n_nav{ position: absolute; right: 0; top: 0;}

#n_nav ul{ }

#n_nav li{  display:inline-block; margin-left: 40px; }

#n_nav li a{display: block;  height: 65px; position: relative;   }

#n_nav li a strong{ position: relative; z-index: 9; height: 65px; line-height: 65px; color: #5e5e5e; font-size: 14px;  }

#n_nav li a span{ display: inherit; text-align: center; position: absolute; left: 0; bottom: 0px;  width: 100%;}

#n_nav li a i{ display:inline-block; background: #b02124; height: 3px; width: 0px;}

#n_nav li.on a i{width: 100%;}

#n_nav li a:hover i{  width: 100%;}

#n_nav li.nav_title{ /*background: url(../images/icon_nav_on.png) 190px 18px no-repeat;*/}

#n_nav li.nav_title a:hover i{ width:3px;}

#n_nav li.nav_title a:hover strong{ color: #535355; }

#n_nav li.nav_title.on a i{ width:3px;}

#n_nav li.nav_title.on{background: url(../images/icon_nav_off.png) 190px 23px no-repeat;}

#n_nav li.nav_title.on:hover{background: url(../images/icon_nav_off.png) 190px 23px no-repeat;}

#n_nav li .nav_list{ display: none;}

#n_nav li .nav_list .box{ padding: 20px 30px 10px 30px; border-top: 1px solid #ececed;}

#n_nav li .nav_list a{display: block; border: 1px solid #e0e2e4; background: url(../images/icon_left_nav_jt.png) 150px center no-repeat; height:  30px; line-height: 30px; border-radius: 2px; font-size: 12px;color: #535355; overflow: hidden; margin-bottom: 10px; padding-left: 20px;}

#n_nav li .nav_list a.on{ border: 1px solid #ea353a;  color: #fff;  background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a; }

#n_nav li .nav_list a:hover{ border: 1px solid #ea353a;  color: #fff; background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a; }


 /*==========方案2===========*/

#n_nav_bar{  position:relative; border:1px solid #dde0e4; border-top:none;}
#n_nav_bar .main_box{ position:relative;   }
#n_nav_bar h1{ padding:0 0 0px 20px; background:url(../images/icon_n_title.png) left center no-repeat; font-size:24px; color:#333846; line-height:40px; font-weight:bold;}
#n_nav_bar h1 span{ font-size:14px; color:#333846; line-height:40px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}
.position{ position:absolute; right:0; top: 0px; z-index: 9; line-height: 54px; color:#a8abb1; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a,.position i{ font-size:12px; color:#a8abb1;}
.position em{ font-size:12px; color:#b02124; font-style:normal;}
.position a:hover{ color:#b02124;}

#n_nav{ position:relative; }
#n_nav .main_box{  }
#n_nav a{ display:block; min-width: 90px; position:relative;height:55px; float:left;  line-height:55px; padding:0 20px; text-align:center; color:#5a5c6b; }
#n_nav a span { display:block;  height:0px; position:absolute; z-index:2; bottom:0px; left:-1px; width:100%; background:#b02124;}
#n_nav a strong{ display:block; color:#4a4a4b; position:relative; z-index:4; font-size:16px; } 
#n_nav a:hover{ color:#720201;  }
#n_nav a:hover span{ height:55px; }
#n_nav a:hover strong{ color:#fff;}
#n_nav .on{ color:#720201; }
#n_nav .on span{  height:55px;}
#n_nav .on strong{  color:#fff;}

#n_title{}
#n_title{position:relative;  padding:0 0 50px 0;  }
#n_title h1{ font-size: 28px; font-family: "Impact";  color: rgb( 46, 70, 149 ); text-transform: uppercase;display:block; text-align:center;}
#n_title strong{color:#303342;display:block;   font-size:16px;  text-align:center; margin-top:5px; }
 


 /*==========首页f4===========*/

#n_case{   overflow:hidden; }

#n_case ul{   }

#n_case li{ width:300px;   position:relative; display:block; overflow:hidden; float:left;  }

#n_case li a{ display:block; width:300px;  }

#n_case li .pic_box{ position:relative; background:#000; height:195px; overflow: hidden;}

#n_case li img{width:300px; height:195px; display:block;}

#n_case li .icon_box{ opacity:0;filter:alpha(opacity=0); position: absolute; width: 100%; height: 100%; background: url(../images/icon_more.png) center no-repeat; z-index: 3; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); }

#n_case li h1{ overflow:hidden; height:60px; line-height:60px; padding:0 20px; background: #f6f6fa; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#474748; font-size:14px; text-align:center; display:block; }

#n_case li:hover h1{ color:#fff;  background: #810000;}

#n_case li:hover img{  opacity:.6;filter:alpha(opacity=.6);  }

#n_case li:hover .icon_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}





/*===================宣传片列表=====================*/

#n_pro{    margin: 0 auto; }

#n_pro ul{ margin:-35px;}

#n_pro li{  width:355px; margin: 34px;  position:relative; display:block; overflow:hidden; background:#f0f0f4; float:left; }

#n_pro li a{ display:block;}

#n_pro li .pic_box{ position:relative; background:#000; width:355px; height:265px; overflow: hidden;}

#n_pro li img{width:355px; height:265px; display:block; opacity:0.8; filter:alpha(opacity=80);}

#n_pro li .text_box{ position:relative; padding: 18px 20px;  }

#n_pro li .text_box p{}

#n_pro li .mark{ position:absolute; right:0px; top:0; height:100%; width:100%;   display:block; }

#n_pro li h1 a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  color:#5c5d5f; font-size:14px;  display:block; }

#n_pro li span{ color:#fff;  font-size:12px; position:absolute; right: 10px;  top:50px; display:block; transform:rotate(90deg); -ms-transform:rotate(90deg); 	/* IE 9 */-moz-transform:rotate(90deg); 	/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}

#n_pro li:hover .text_box{ }

#n_pro li:hover h1 a{ color:#b91d1d;}

#n_pro li:hover span{ color:#fff;} 



 

/*==============企业荣誉资质=====================*/

#n_honor{  overflow: hidden;}

#n_honor ul {margin: -30px -25px 0px -19px;}

#n_honor li{ float:left; width:260px;  background: #fff; border-bottom: 1px dotted #a2a2a2; padding: 35px 25px; display:block;}

#n_honor li a{ display:block; }

#n_honor li .pic_box{ width:250px; height:170px; background: #f9f9fb;  box-shadow:0 0 5px #bbb;  display:table; overflow:hidden; border:5px solid #fff; }

#n_honor li .pic_box .box{display:table-cell; vertical-align:middle; }

#n_honor li img{  max-width:250px; margin: 0 auto; height:170px; display:block; }

#n_honor li span{  display:block; padding-top:20px; font-size:15px; color:#3f3e3e; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_honor li:hover .pic_box{   }

#n_honor li:hover a{text-decoration:none;}

#n_honor li:hover span{color:#b91d1d; text-decoration:none;  }

 



/*==============联系我们=====================*/



#n_contact {position:relative; }

#n_contact .up_box{ position: relative;   padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 40px;}

#n_contact .pic_box{ position: absolute; right: 5px; top:0; }

#n_contact .pic_box .box{ width: 440px; height: 230px;  position: absolute; right: 15px; top:15px; z-index: 1; background: #eef0f3;}

#n_contact .pic_box img{display:block; width: 440px; height: 230px; position: relative; z-index: 2;}

#n_contact .text_box{   display: table; width: 685px;}

#n_contact .text_box .box{display: table-cell; vertical-align: middle;}

#n_contact .text_box h1{ font-size: 24px; color: #302e2e; display: block; margin-bottom: 20px}

#n_contact .text_box p{ margin-bottom: 25px; text-align: justify; line-height: 30px; color: #4a4a4c; font-size: 14px;  }

#n_contact .ewm_box{ border: 2px solid #dbdbdb; border-radius: 3px; overflow: hidden; }

#n_contact .ewm_box img{ width: 125px; display: block; height: auto; }

#n_contact .contact_box{height: 124px; padding-left: 210px; background: url(../images/icon_contact.png) 180px 10px no-repeat; padding-top:10px; position: relative;}

#n_contact .contact_box span{  color: #4a4a4c; font-size: 14px; display: block; height: 20px; line-height: 20px; margin-bottom: 25px;}

#n_contact .pic_box:hover .box{   }

#n_contact .pic_box:hover img{  }





#n_contact .map{   border: 1px solid #dddfe1;}



#n_contact .map iframe{ display: block;}



 

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



#n_news{ overflow:hidden; }



#n_news ul{ margin:-27px; margin-left:-27px;}



#n_news li{ width:365px;  padding:40px 26px 32px 26px;  float: left; display: block; border-bottom: 1px solid #e7e6e9; }



#n_news li .box{  }



#n_news li .pic_box{width:365px; height:255px; position:relative; overflow: hidden;}



#n_news li img{width:365px; height:255px; display:block;  }



#n_news li .text_box{ position:relative; padding:20px 0 0px 0; }



#n_news li .text_box h1 { display: block; background: url(../images/icon_news_more.png) right center no-repeat; padding-right: 20px; }



#n_news li .text_box h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#353535; font-size:16px;  display:block; margin-bottom:8px;}



#n_news .text_box span{color:#a4a4a5; font-size:12px; display: block; margin-bottom: 10px;  }



#n_news .text_box h2{ display:block;  color:#6e6e6e; font-size:12px; position:absolute; right:0px; bottom:5px;  }



#n_news .text_box h2 strong{ color: #cd1b1b; font-size: 14px ; padding-left: 10px;}



#n_news li .text_box p{line-height:22px;  color:#676769; height:44px; overflow:hidden; font-size:12px;}



#n_news li:hover h1{  background: url(../images/icon_news_more_hover.png) right center no-repeat;}



#n_news li:hover h1 a{ color: #b02124;  }



#n_news li:hover .box{  }

 



/*==============新闻详情=====================*/

.n_article { margin-top:0px; }

.n_article .main_box{ position:relative; text-align:center;}

.n_article .ar_title{ position:relative; /* padding:40px 0 0 0;  */}

.n_article .ar_title h1{ font-size:22px; text-align:center; font-weight:bold; display:block; line-height:25px; margin-bottom:20px; color:#5b5c5e;}

.n_article .ar_title h2{ display:inline-block; background:url(../images/icon_date.png) left center no-repeat; padding-left:20px; text-align:center; font-size:13px;   color:#8a8b8c; }

.n_article .ar_article{ padding:30px 0px; font-size:14px; color:#6f6f71; text-align: justify;}

.n_article .article p{font-size:14px; color:#6f6f71;}

#ar_fot{ position:relative; padding:20px 0; border-top:1px solid #ddd;}

#ar_fot h1{ display:block; font-size:13px; line-height:30px; color:#5c5e5f; }

#ar_fot h1 a{ font-size:13px; color:#5c5e5f; font-weight:normal;}

#ar_fot h1 a:hover{ color:#005b65;}



 

/*==============分享插件——银灵子=====================*/



.shart_box{ position: absolute; left: 0px; top: 0; height: 36px; background:url(../images/icon_shart.png) left center no-repeat; padding-left: 50px; width: 0; overflow: hidden; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}



.shart_box strong{ position: absolute; }



.shart_box:hover{ width: auto;}

 



/*==============分享插件——银灵子=====================*/



.shart_box{ position:absolute; right:0px; top:0px;}



#j_shart_s_24 .bds_count{ font-size:12px;}



#j_shart_s_24{  position:relative;}



#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}



#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}



#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}



#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}



#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}



#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}



#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}



#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}



#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}



#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_count{font-size:12px}



/*==============分页——银灵子=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: right; padding-top: 40px;}


.page a{ padding:0 15px; height:36px; line-height:36px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:12px; }

.page b{ padding:0 15px; height:36px; line-height:36px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:12px; }

.page span{ padding:0 15px; height:36px; line-height:36px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:12px; }

.page .on{ background:#b02124; color:#fff !important;border:1px solid #b02124;}

.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page span{ background:#b02124; color:#fff !important;border:1px solid #b02124;}

.page a:hover{ background:#b02124; color:#fff !important; text-decoration:none; border:1px solid #b02124; }

.page a:hover font{ color:#fff;}

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

 


/*头部*/
.b_center{ margin:0 auto; }
.i_blank{ height:157px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  background:#ffffff; /*height:157px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ position:fixed; top:0; left:0; z-index:999;transition:all 0.3s; }
.tpos .top_bg{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
.top_one{height:103px;overflow:hidden; transition:all 0.3s;}
.top_two{height:54px; background:url(../images/top_bg1.png) center top no-repeat;}
.tpos .top_one{ height:0;}
.logo_l{  float:left; display:inline;}
.logo_l img{ width:316px; height:103px;transition:all 0.3s;}
/*.tpos .logo_l img{ height:104px;}*/
.logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.logo_txt{ float:left; margin-left:19px; font-size:16px; line-height:80px;}
.top_r{  float:right; display:inline;}
.top_tel{ float:right;background:url(../images/top_bg3.png) left center no-repeat; height:36px; overflow:hidden;font-size:18px; color:#ec270f; line-height:52px; padding-left:37px; margin-top:12px; letter-spacing:2px; font-weight:bold;}
.top_tel:hover{text-decoration:none;transition:all 0.3s;opacity:0.7;filter:Alpha(opacity=70);}
.top_r .search_con{ clear:both; float:left;width:327px; height:75px; z-index:100; overflow:hidden; margin-top:33px; padding:1px;/*border:1px solid #eaeaea;*/}
.top_r .search_con .input1{ height:35px; line-height:35px;  border:0;background:url(../images/top_bg2.png) #f6f6f6 8px center no-repeat; padding-left:47px; padding-right:5px; width:209px; float:left; outline:none; font-size:12px; color:#afafaf;}
.top_r .search_con .bnts{ float:left; width:66px; height:35px; background:#ec270f; outline:none; cursor:pointer; border:0; font-size:16px; color:#fff;}
.top_r .search_con .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_r .top_language{height:39px; line-height:39px; margin-top:33px; /*margin-left:15px;*/ float:left; font-size:30px; color: #FF0000; font-weight:bold; font-family:"宋体";}
.top_r .top_language a{ color:#666;}
.top_r .top_language a:Hover{ color:#ec270f;}
 
.menu {width:100%; max-width:1200px;}
.nav{clear:both; float:left;}
.nav li.m{ float:left; text-align:center;width:136px; /*margin-left:37px; */ position:relative;/*background: url(../images/top_bg2.png) right center no-repeat;*/text-align:center;}
.nav li.m:first-child{ width:55px; margin-right:32px;}
.nav h3 a{ height:54px;line-height:54px;display:block; font-size:18px; font-weight:300; color:#fff; text-decoration:none;  transition:all 0.3s; overflow:hidden;}
.tpos .nav h3 a{ height:54px; line-height:54px;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:54px;}
.tpos .nav h3 a span{ height:47px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.nav h3{ font-weight:normal;}
/*.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0px;height: 3px;opacity: 0;background-color: #d1a909;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.nav a:hover{color:#ffcd00;}
.nav li.on{ }
.nav li.on h3 a{ color:#ffcd00;}
.nav a:hover span{transform:translateY(-100%);}
/*.nav li.m.on:last-child{ background:#d5761f;}*/
/*.nav li.on h3 a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/

.tpos .nav .sub{ top:60px;}
.nav .sub{ display:none; /*默认隐藏*/ width:100%;  padding:0;background:rgba(255, 255, 255, 0.9); position:absolute; top:54px; left:0px;  z-index:110; padding-top:5px; padding-bottom:5px; /*border-top:2px solid #ededed; */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}
.nav .sub dl{width:100%; margin:0 auto; text-align:center;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{ height:34px; line-height:34px; display:block; color:#6c6c6c;font-size:13px; /* width:147px;*/ border-bottom:1px solid #f1f1f1; }
.nav .sub dd a:hover{ color:#fff; text-decoration:none; background-color:#ed260f;}
.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}
.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}
.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}
.nav .sub dd .top_img a:hover h2{ color:#f4ae17}
.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}


/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}

