﻿@charset "utf-8";


/*返回顶部*/
.gotop{ position:fixed; right:10px; bottom:100px;  width:60px; height:79px; z-index:99999;}
.gotop a{ display:block; background:url(../images/top.png) center center no-repeat; width:60px; height:79px;}

/*头部*/
.header{ width:1200px; margin:0 auto; height:86px; }
.header h1{ width:288px; height:86px; float:left;}
.header h1 a{ display:block; width:333px; height:86px; background:url(../images/logo.png) left center no-repeat;}
.head_right{ float:right; width:683px; }
.select{  /*width: 274px; */float:right; margin:15px 0 10px 0; position: relative;}
.select>ul{ float:left; }
.select>ul>li{ float:left; cursor:pointer; position:relative;}
.select>ul>li:first-child>a{ background:url(../images/down.png) 108px center no-repeat; /*padding-right:29px;*/}
.select>ul>li>a{ padding:0 9px;   color:#888888; border-right:0px solid #e7e7e7;}
.select>ul>li:nth-of-type(2)>a{ color:#034fda;}
.select>ul>li>em{ position:absolute; right:70px; top: 25px; width:23px; height:26px; display:block; background:url(../images/select.png) 0px 0px no-repeat; z-index:99999; display:none;}
.div_select{  position:absolute; right:0;   top: 13px;   width: 199px;  z-index:9999;   padding-top: 26px; display:none;}
.div_select>ul{ padding:20px 0px 10px; width: 196px; border:1px solid #cccccc; background:#fff;overflow:hidden; }
.div_select>ul>li{ /* width:143px; */ /* float:left; */ text-align:center; margin-bottom:20px;}
.div_select>ul>li>a{ color:#666666; display: block; text-align: center;}
.div_select>ul>li:hover>a{ color:#d7000f; }
.select>ul>li:hover>.div_select{ display:block;}
.select>ul>li:hover>em{ display:block;}

/*搜索*/
.form_h {  /* background: #fff; */ /* margin-top:-3px; */ height:30px; position: absolute;  right: 0;   top: -3px;/* overflow:hidden; */ }
.form_h .text{ display:none;  border: 1px solid #cccccc; line-height: 23px; padding: 0px 28px 0px 8px; width: 151px;  background: #fff;  box-sizing: border-box; color:#888888;position: absolute;right: 0;top: 0;border-radius: 22px;}
.form_h .sub{  border:none; background: url(../images/search.png) left top no-repeat; height: 25px;  width: 25px; position: absolute;   right: 0px;   top: 0px; cursor:pointer;z-index: 999999999999;}
.form_h:hover .sub{ background-position:left bottom; }
.form_h:hover .text{ z-index:99999999; display:block;}


/*导航*/
.nav{ clear:both; width:683px;}
.nav >li{ float:left; margin-right:33px; width:69px; text-align:center; line-height:40px; position:relative;}
.nav >li:last-child{ margin-right:0px;}
.nav >li >a{ font-size:16px; display:block;}
.nav >li:hover >a,.nav >li.current >a{ color:#d7000f;}
.nav >li:hover,.nav >li.current { border-bottom:2px solid #d7000f; }
.nav> li> ul{ display:none; position:absolute; top:42px; left:-50px; width: 168px;border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; z-index:9999999;}
.nav> li:hover> ul{ display:block;}
.nav> li> ul> li{ line-height:40px; width: 168px; background:#fff; border-bottom:1px solid #c9c9c9; }
.nav> li> ul> li:hover{ background:#d7000f;  }
.nav> li> ul> li:hover >a{ display:block; color:#fff;}



/*底部*/
.footer{ width:100%; min-width:1200px; background:url(../images/f_bg.png) #ededed left top repeat-x;}
.foot{ width:1200px; margin:0 auto;  padding:20px 0px 23px 0px;}
.f_left{ width:8９5px; float:left; overflow:hidden; padding:20px 0 0 0;}
.f_left span{ background:url(../images/f_logo.png) left center no-repeat; width:268px; height:70px; border-right:1px solid #a5a5a5; display:block; float:left; margin-right:18px;}
.f_tel{ float:left; padding-left:10px; font-size:12px; color:#555555; line-height:25px;}
.f_tel p{ font-size:12px; }
.f_right{ float:right; /*width: 193px;*/}
.f_right li{ width: 90px; height: 90px; float:left; margin-right:12px;}
.f_right li:nth-child(2n){ margin-right:0px;}
.f_right li img{  width: 110px;   height: 110px;   -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}
.f_right li:hover img{  -webkit-transition: -webkit-transform 0.15s linear; -moz-transition: -moz-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; transition: transform 0.15s linear; -webkit-transform: scale(1.15);  -moz-transform: scale(1.15);  -ms-transform: scale(1.15);  -o-transform: scale(1.15);  transform: scale(1.15);}
.clear{ height:0px; width:100%; visibility:hidden; overflow:hidden;}



