*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:0;margin:0;padding:0;}
/** 设置默认字体 **/
body{min-width:1200px;}
body,textarea,input,button,select,keygen,legend{font:12px/1.5 Calibri; color:#666;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:lighter;}
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#b12923; text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;} img{border:0px;}
.f1{font-size:24px; color:#b12923;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

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


/*===============================================header================================================*/
#header{ position:relative; top:0; width:100%; height:90px;  z-index:9; }
#header .main_box{ height:90px;margin:0 auto; width:1200px; position:relative;}


/*=================导航=================*/
#nav{position:absolute; left:290px; top:0;}
#nav ul{}
#nav li{display:block; float:left; position: relative; width:113px; line-height:90px;}
#nav li .a{display: inherit; width:112px; text-align:center; height:90px; position:relative; text-transform:uppercase;}
#nav li .a strong{display:block; font-size:16px; font-weight:500;  color:#333; text-align:center; }
#nav li .a span{position:absolute; top:60px; left:0; width:100%;text-align:center;}
#nav li .a i{display:block; margin:0 auto; background:#990011; text-align:center;  z-index:4; height:2px; width:0; }
#nav .on .a i{width:44px;}
#nav li.on strong{color:#990011;}
#nav li .a:hover i{width:44px;}
#nav li .a:hover strong{color:#990011;}

#nav  .list{display:none; z-index:99; left: -40px; top: 70px;position: absolute;width: 190px;padding-top: 20px; background: url(../images/bg_nav_list.png) center 11px no-repeat;}
#nav  .list .box{background: rgba(0,0,0,0.5); overflow:hidden; }
#nav  .list .box a{height:36px; color:#fff ; text-align:center; border-bottom:1px solid #333;  line-height:36px;  font-size:14px; display:block;}
#nav  .list a:hover{color:#fff; background:#990011;}

.yy{z-index: 100;position:absolute; right:0; top:35px;width: 100px;}
.yy .box{position: relative;}
.yy p{text-align: left; background: url(../images/jt.png) no-repeat right center; color:#333; font-size:16px;}
.yy p i{margin-left: 10px;}
.yy ul{position: absolute;left: 0px;top: 30px;background: #333;width: 100px;visibility: hidden;opacity: 0;transition: all 0.3s; z-index:999999999;}
.yy:hover ul{visibility: visible;opacity: 1;}
.yy li{line-height: 30px; margin:0;}
.yy a{ width:100px;display: block; text-align:center;color: #FFF;}
.yy a:hover{text-decoration: none;display: block;background: #990011;width: 100px;color: #FFF;}


.img_size dd img,.img_size li img,.img_size1 .pic{ -moz-transition: all 2s ease !important;
-webkit-transition: all 2s ease-in-out !important;
-o-transition: all 2s ease-in-out !important;
-ms-transition: all 3s ease-in-out !important;
transition: all 2s ease-in-out !important; } 


/*缓动*/
#login_box .content,#banner .bnt,#nav li .a i,.list_box,#bnt_site_map,.ewm_box *,#s_about li .text_box,#s_news  .hd *,#s_case li .text_box,#n_news *,#n_zizhi li .pic_box,#n_job .hd a,#n_dsj dd,#n_dsj dd .pic_box,#link_box li,#n_join a,#n_case li .text_box,#n_case li span,.foot1 a:hover { 
-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; } 
{ -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
#n_contact .map,#n_join{ -moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; } 

#nav li *{ -moz-transition: all 0s ease;
-webkit-transition: all 0s ease;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out; }




/*=============底部================*/   
.footer{ background:#1f1f1f; padding:50px 0;}
.footer h1{font-size: 18px;color: #fff;font-weight: bold;line-height:30px; padding-bottom:20px;}
.footer i{ width:25px; height:3px; background:#990011; display:block; margin-bottom:20px;}

.foot1{ float:left; margin-right:90px;}
.foot1 a {color: #9c9c9c; font-size:15px; line-height:26px;}
.foot1 a:hover {color: #990011;text-decoration: underline;}

.foot_contact {float: left;margin-right: 85px;}
.foot_contact p {line-height: 30px;font-size: 15px;color: #9c9c9c;}
.foot_contact p:nth-of-type(1){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;}
.foot_contact p:nth-of-type(2){ background:url(../images/tub2.png) no-repeat center left; padding-left:24px;}
.foot_contact p:nth-of-type(3){ background:url(../images/tub3.png) no-repeat left 5px;  padding-left:24px; }
.foot_contact p:nth-of-type(4){ background:url(../images/tub3.png) no-repeat left 5px;  padding-left:24px; }


.footer2{ background:#141414; padding:30px 0 20px 0;}
.banquan{ float:left; font-size:15px; color:#9c9c9c;}
.banquan p{font-size:15px; color:#9c9c9c;}

.foot_icon{ float:right; width:168px;}
.foot_icon li{ float:left; width:25px; height:25px; margin-left:8px;}
.foot_icon .icon_box{ width:25px; height:25px;}
.foot_icon li.li1 .icon_box{ background:url(../images/t1.png) center no-repeat;}

.foot_icon li.li1:hover .icon_box{background:url(../images/t01.png) center no-repeat;}

.foot_icon li.li2 .icon_box{ background:url(../images/t2.png) center no-repeat;}

.foot_icon li.li2:hover .icon_box{background:url(../images/t02.png) center no-repeat;}

.foot_icon li.li3 .icon_box{ background:url(../images/t3.png) center no-repeat;}

.foot_icon li.li3:hover .icon_box{background:url(../images/t03.png) center no-repeat;}

.foot_icon li.li4 .icon_box{ background:url(../images/t4.png) center no-repeat;}

.foot_icon li.li4:hover .icon_box{background:url(../images/t04.png) center no-repeat;}

.foot_icon li.li5 .icon_box{ background:url(../images/t5.png) center no-repeat;}

.foot_icon li.li5:hover .icon_box{background:url(../images/t05.png) center no-repeat;}