html{ background:#fff; color:#666666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#333; font-size:14px; font-family:'微软雅黑';}
a{ color:#333;}
a:hover{color:#06559c;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}

.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}


#lxwm_nr { margin: 0 20px 20px;	font-size:14px;}
#lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc;	padding-left: 20px;}

#prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}

#con_lx{ width: 90%; height:auto; overflow:hidden; line-height:2.0; font-size:14px; margin-bottom:20px;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:38px; padding-left:20px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}


/** header **/
#top_line_bj{ height: 30px; width: 100%; background: #f4f4f4;}
#top_line{ width: 1400px; height: 30px; line-height: 30px;}
#top_line a{ padding: 0 10px;}
#top_index{ width:1400px; height:100px;}
#logo{ float:left; padding:25px 0 0 0;}
#top_tel{ float: right; margin-top: 35px; background: url(../Image/top_tel.png) no-repeat left top; color: #0045a2; font-family: arial; font-size: 24px; font-weight: bold; padding: 17px 0 0 48px;}
#nav{ float: left; height: 100px; padding-left: 65px}
#nav li{ float: left; width: 117px; height: 70px; padding-top: 30px; text-align: center; transition: 0.3s;}
#nav li a{ display: inline-block; position: relative; color: #333333; width: auto; height: 40px; line-height: 40px; font-size: 18px;}
#nav li a::before{ position: absolute; left: 50%; bottom: 0; height: 2px; background: #fff; width: 0; content: ''; transition: 0.3s;}
#nav l.active>a:before{width: 100%;}
#nav l.active>a{color: #1b2734;}
#nav li .navson{display: none; text-align: center; position: absolute;left: 50%;transform: translateX(-50%); top:130px;z-index: 100000;width: 100%; background: rgba(0,0,0,.8); padding: 20px 0;}
#nav li .navson dl{ width: 1200px;}
#nav li .navson dt{ display: block; float: left; border-bottom: 1px solid rgba(255,255,255,0.3); width:12%; transition:0.3s; height: 50px; line-height: 50px;text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
#nav li .navson dt a{ font-size: 15px !important; color: #fff!important;}
#nav li .navson dt:hover{background: #ffc71c;}
#nav li .navson dt:hover a{ color: #333 !important;}
#nav li .navson dt a:before{ display: none;}
#nav li:hover{ background: #013596;}
#nav li:hover a{ color: #fff;}
#nav li:hover a::before{ width: 100%; left: 0;}

.flash{ width:100%; height:958px; margin:0 auto; text-align:center; position:relative; z-index:0;}
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:958px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height:958px;}

#ssbj{ background: #013596; width: 100%; height: 80px;}
#ssnr{ width: 1400px; height: 80px; line-height: 80px;}
#ssnr .left{ color: #fff;}
#ssnr .left a{ padding: 0 10px; color: #8a98c3;}
#ssnr .left a:hover{ color: #fff;}

.ss{ width:435px; height:50px; float: right; margin: 14px 0 0 0;}
.sou_left{float:left; width:310px; height:50px; line-height:50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: none; text-align:left; color:#787878; background: #fff; padding-left:20px;}
.ss_pic{ float:right;}

#home_bj{ width: 100%; height: 60px; background: #f3f5f7;}
#home{ width: 1400px; height: 60px;}
#home .left{ height: 60px; line-height: 60px; background: url(../Image/home.png) no-repeat left center; padding-left: 30px;}
#home .right li{ float: right; width: 127px; text-align: center; height: 60px; line-height: 60px; transition:0.3s;}
#home .right .on{ background: url(../Image/lbhove.png) no-repeat center bottom;}


/** footer **/
#end_nr_bj{ background: #013596; width: 100%; height: auto; overflow: hidden; color: #ffffff;}

#end_nr_bj .main .tit{ font-size: 19px; font-weight: bold; text-align: left; color: #fff; position: relative; height: 40px;}
#end_nr_bj .main .content{ color: #fff; padding-top: 10px;}
#end_nr_bj .main .left{ width: 360px;}
#end_nr_bj .main .right{ padding-left: 50px;}

#end_line_bj{ height: 50px; line-height: 50px; background: #002b7b; text-align: center;}
#end_line{ width: 1400px; height: 50px; line-height: 50px; color: #fff;}
#end_line a{ color: #fff;}

#end_nav_bj{ background: #ffc71c; width: 100%; height: 70px;}
#end_nav{ width: 1200px; height: 70px; line-height: 70px; text-align: center;}
#end_nav li{ display: inline-block; color: #000; font-size: 16px; padding: 0 50px;}
#end_nav li a{ color: #000;}

#end_nr_bj table{ text-transform: uppercase; line-height: 35px;}
#end_nr_bj table input{ width: 240px; height: 34px; background: #fff; border:1px solid #fff; padding-left: 10px;}
#end_nr_bj table textarea{ width: 510px; height: 70px; background: #fff; border:1px solid #fff; color: #999999; padding: 10px; margin-top: 10px;}
#end_nr_bj table #submit{ width: 150px; height: 40px; background: #ffc71c; border:1px solid #ffc71c; color: #333; border-radius: 5px; font-size: 16px; margin-top: 10px; padding: 0;}
#end_nr_bj table input::-webkit-input-placeholder {
        color: #999999;
      }
#end_nr_bj table input::-moz-input-placeholder {
        color: #999999;
      }
#end_nr_bj table input::-ms-input-placeholder {
        color: #999999;
      }



/** main **/ 
.main{ width:1400px; height:auto; padding: 50px 0; line-height: 30px;}
.jj_tit{ text-align: center;}
.jj_tit p{ color: #333333; font-weight: bold; font-size: 30px; position: relative; height: 50px; display: inline-block;}
.jj_tit p::before{ position: absolute; content: ''; bottom: 0; background: #ffc71c; width: 60%; height: 2px; left: 20%;}
.jj_tit span{ display: block; color: #666666; font-size: 16px; padding-top: 10px;}

#jjlb{ text-align: center; padding: 30px 0;}
#jjlb li{ display: inline-block; margin: 0 40px;}
#jjlb li .pic{ background: url(../Image/picbj.png) no-repeat center top; text-align: center; width: 188px; height: 163px; line-height: 163px; transition:0.3s;}
#jjlb li .pic img{ display: inline-block; vertical-align: middle;}
#jjlb li .nr{ text-align: center; color: #333333; font-size: 16px; padding-top: 15px;}
#jjlb li:hover .pic{ background: url(../Image/picbj1.png) no-repeat center top; transform:rotate(360deg);}

#hui{ background: #eeeeee; width: 1400px; height: 580px; position: relative; z-index: 2;}
#blue{ background: #013596; width: 100%; height: auto; position: relative; margin-top: -100px; z-index: 1;}


.slideGroup{ width:1400px; text-align:left; }
.slideGroup .parHd{ height:auto; position:relative; padding: 0 30px;  }
.slideGroup .parHd .tit{ float: left; background: url(../Image/cpicon.png) no-repeat left top; padding-left: 50px; line-height: 22px;}
.slideGroup .parHd .tit p{ font-size: 20px; color: #013596;}
.slideGroup .parHd .tit span{ color: #333333; font-size: 14px; text-transform: uppercase;}
.slideGroup .parHd ul{ float: left; text-align: center; height: 40px;  padding-left: 60px; }
.slideGroup .parHd ul li{ float: left; padding:0 30px; border-radius: 5px; margin: 0 0 0 20px; height: 40px; line-height: 40px; background: #013596; cursor:pointer;}
.slideGroup .parHd ul li a{ color: #fff;}
.slideGroup .parHd ul li.on{ height:40px;  background: #ffc71c; color: #333;}
.slideGroup .parHd ul li.on a{ color: #333;}
.slideGroup .slideBox{ zoom:1; padding:30px 0 0; position:relative;   }
.slideGroup .sPrev{ position:absolute; left:-30px; top:210px; display:block; width:45px; height:94px; background: url(../Image/cp_left.png) no-repeat left top; transition: 0.3s; z-index: 10;}
.slideGroup .sNext{ position:absolute; right:-30px; top:210px; display:block; width:45px; height:94px; background: url(../Image/cp_right.png) no-repeat left top; transition: 0.3s; z-index: 10;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ background-position-x: -45px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 10px; width: 321px; height: 406px; float:left; background: #013596; _display:inline; overflow:hidden;}
.slideGroup .parBd ul li .pic{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.slideGroup .parBd ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.slideGroup .parBd ul li .content{ line-height: 25px; color: #fff; padding: 20px; }
.slideGroup .parBd ul li .content .tit{ font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #2e58a6;}
.slideGroup .parBd ul li .content span{ display: block; color: #ffc71c; font-size: 14px; text-align: right; padding-top: 5px;}

#blue .main{ padding: 180px 0 250px;}
.about_tit{ text-align: center;}
.about_tit p{ display: inline-block; color: #fff; font-weight: bold; font-size: 30px; position: relative; height: 50px;}
.about_tit p::before{ position: absolute; height: 2px; width: 90%; left: 5%; background: #ffc71c; content: ''; bottom: 0;}
.about_tit p span{ font-size: 24px; color: #9da8cc; text-transform: uppercase; padding-left: 10px;}
.about_tit i{ display: block; font-style: normal; color: #7391c7; font-size: 16px; padding-top: 10px;}
#blue .content{ width: 80%; color: #fff; padding: 50px 0; text-align: center;}
#blue .more{ text-align: center; width: 200px; height: 45px; background: #ffc71c; border-radius: 5px; line-height: 45px; color: #333; font-size: 14px;}

#rybj{ background: #fff; width: 1256px; padding: 0 50px; height: 192px; border: 11px solid #ffc71c; border-left: 22px solid #ffc71c; border-right: 22px solid #ffc71c; position: relative; z-index: 2; margin-top: -120px;}
#cpnr{ position: absolute; bottom: 15px;}
#cpnr .swiper-container {
  width: 1256px;
  height: 100%;
  position: relative;  
  padding-top: 15px;
}
#cpnr .swiper-slide {
  text-align: center;
  transition:0.3s;
  overflow: hidden;
  position: relative;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#cpnr .swiper-slide .pic{ display: block; width: 100%; height: 235px; overflow: hidden;}
#cpnr .swiper-slide .pic img{ width: 100%; height: 235px; transition:0.3s;}
#cpnr .swiper-slide p{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); transition:0.3s;}
#cpnr .swiper-slide p img{ opacity: 0; display: none;}
#cpnr .swiper-slide p a{ color: #fff;}
#cpnr .swiper-slide:hover p{ height: 100%; background: rgba(1,53,150,0.9);}
#cpnr .swiper-slide:hover p span{ display: block; width: 100%; padding-top: 65px;}
#cpnr .swiper-slide:hover p img{ opacity: 1; display: inline-block;}
#cpnr .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr .swiper-container .swiper-button-next,#cpnr .swiper-container .swiper-button-prev{ background: url(../Image/right.png) no-repeat center #c40001; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s;}
#cpnr .swiper-container .swiper-button-prev{ background: url(../Image/left.png) no-repeat center #0053b0; right: auto; left: 45%;}
#cpnr .swiper-container .swiper-button-next{ left: auto; right: 45%;}
#cpnr .swiper-container .swiper-button-prev:hover{ background: url(../Image/left.png) no-repeat center #e9ad45; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-container .swiper-button-next:hover{ background: url(../Image/right.png) no-repeat center #e9ad45; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-container #more{ position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}
#cpnr .swiper-container #more a{ display: block; width: 35px; margin: 0 auto; height: 35px; line-height: 35px; background: #c5c5c5;}



#gg{ background: url(../Image/gg.png) no-repeat center top; width: 100%; height: 300px;}
.tit_in{ border-left: 6px solid #ffc71c; padding-left: 10px; height: 57px;}
.tit_in p{ color: #013596; font-size: 30px; font-weight: bold;}
.tit_in p span{ color: #999999; font-size: 24px; font-weight: normal; text-transform: uppercase; padding-left: 10px;}
.tit_in i{ font-style: normal; color: #333333; font-size: 16px;}



#indexNews{ width: 690px; float: right; margin-top: 40px;}
#indexNews li{ float: left; border:1px solid #999999; padding: 15px; width: 180px; height: 525px; background: #fff; transition: 0.5s;}
#indexNews li .pic{ padding: 0;}
#indexNews li .pic img{ width: 100%; height: 140px;}
#indexNews li .font{ padding: 0 0 0 4% !important; line-height: 3rem;}
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 17px; line-height: 25px; }
#indexNews li .news_info{ color: #666666; font-size: 14px; line-height: 25px; padding-top: 20px;}
#indexNews li .news_time{ float: left; line-height: 30px; text-align: left; font-weight: normal !important; color: #b6b6b6; font-size: 16px; padding: 0 !important; margin: 20% 0 15%;}
#indexNews li .news_time span{display: block; margin:0 auto; width: 100%; text-align: left; height: 40px; color: #494949; font-size: 40px; font-weight: bold; border-bottom: 1px solid #999999;}
#indexNews li:hover{ background: #0045a2; box-shadow:0 0 10px #979797;}
#indexNews li:hover .news_time{ color: #fff;}
#indexNews li:hover .news_time span{ color: #fff;}
#indexNews li:hover .news_title{ color: #fff;}
#indexNews li:hover .news_info{ color: #fff;}
#indexNews li:nth-of-type(2){ margin: 0 20px;}


#xw_pic{ width: 690px; float: left; text-align: center; margin-top: 40px; position: relative; }
#xw_pic .pic{ width: 690px; height: 435px;}
#xw_pic .pic img{ width: 690px; height: 435px;}

#xw_font{ width: 688px; height: 120px; line-height: 3rem; background: #fff; border:1px solid #999999;}
#xw_font .left{ width: 128px; height: 120px; line-height: 2.5rem; text-align: center; font-weight: normal !important; background: #0045a2; color: #fff; font-size: 16px;}
#xw_font .left span{display: block; font-weight: bold; margin:0 auto; width: 90%; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 40px; border-bottom: 1px solid #4576b7; padding-top: 5px;}
#xw_font .right{ text-align: left; width: 77%; line-height: 2rem; padding: 2%;}
#xw_font .right .tit{ font-weight: bold; font-size: 18px; color: #4f4f4f; width: 100%; padding-bottom: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#xw_font .right .tit a{ color: #4f4f4f;}
#xw_font .right .content{ color: #666666; font-size: 14px; line-height: 25px;}


#ys_cp{ width: 600px; float: left; text-align: center; padding: 150px 0 50px;}

.slideTxtBox{ width:744px; text-align:left; float: right;  }
.slideTxtBox .hd{ height:502px; float: left; width: 119px;}
.slideTxtBox .hd ul{ height:502px; width: 119px; }
.slideTxtBox .hd ul li{ float:left; width: 119px; height: 84px; cursor:pointer; text-align: center; padding-top: 27px; }
.slideTxtBox .hd ul li p{ width: 56px; height: 56px; line-height: 56px; overflow: hidden;}
.slideTxtBox .hd ul li p img{ display: block; vertical-align: middle; margin-left: 0; transition:0.3s;}
.slideTxtBox .hd ul li.on{ height:84px; background:url(../Image/yspic11.jpg) no-repeat right center; }
.slideTxtBox .hd ul li:nth-of-type(2).on{ background:url(../Image/yspic22.jpg) no-repeat right center; }
.slideTxtBox .hd ul li:nth-of-type(3).on{ background:url(../Image/yspic33.jpg) no-repeat right center; }
.slideTxtBox .hd ul li:nth-of-type(4).on{ background:url(../Image/yspic44.jpg) no-repeat right center; }
.slideTxtBox .hd ul li.on p img{ margin-left: -56px;}
.slideTxtBox .bd{ width: 625px; height: 502px; float: right;}
.slideTxtBox .bd ul{ width: 625px; height: 502px;  }
.slideTxtBox .bd ul li{ width: 625px; height: 502px; background: url(../Image/yspic1.jpg) no-repeat left top; transition:0.3s;}
.slideTxtBox .bd ul:nth-of-type(2) li{ background: url(../Image/yspic2.jpg) no-repeat left top;}
.slideTxtBox .bd ul:nth-of-type(3) li{ background: url(../Image/yspic3.jpg) no-repeat left top;}
.slideTxtBox .bd ul:nth-of-type(4) li{ background: url(../Image/yspic4.jpg) no-repeat left top;}
.slideTxtBox .bd ul li .tit{ text-align: center; padding-top: 90px; line-height: 40px; position: relative; padding-bottom: 20px;}
.slideTxtBox .bd ul li .tit p{ color: #fff; font-size: 30px; font-weight: bold;}
.slideTxtBox .bd ul li .tit span{ font-size: 16px; font-family: arial; text-transform: uppercase; color: #fff;}
.slideTxtBox .bd ul li .tit::before{ position: absolute; bottom: 0; height: 1px; background: #fff; width: 10%; left: 45%; content: '';}
.slideTxtBox .bd ul li .content{ width: 425px; text-align: center; color: #fff; font-size: 16px; padding-top: 70px; line-height: 30px;}



#gsjj_bj{ background: url(../Image/jjbj.jpg) no-repeat center top; width: 100%; height: auto; position: relative;}
#gsjjpic{ float: right; margin-top: 50px;}
#gsjjnr{ float: left; width: 770px; margin-top: 50px; font-size: 15px; line-height: 35px;}


#qywhbj{ background: url(../Image/whbj.jpg) no-repeat center top; width: 100%; height: auto; }
#whtit{ text-align: center; position: relative;}
#whtit span{ display: block; text-transform: uppercase; color: #414244; font-size: 70px; font-weight: bold;}
#whtit p{ width: 100%; position: absolute; color: #fff; font-size: 45px; font-weight: bold; z-index: 1; top: 25px;}
#qywhbj .content{ color: #fff; width: 75%; text-align: center; padding: 70px 0 0; margin: 0 auto;}
#qywhbj ul{ text-align: center;}
#qywhbj li{ display: inline-block; width: 19%; text-align: center; color: #fff; padding: 5% 0 2%;}
#qywhbj li .bt{ font-size: 20px; padding: 5% 0 3%; font-weight: bold;}
#qywhbj li .nr{ font-size: 16px; height: 30px;}
#qywhbj li:hover .pic img{animation: swing 1s;}
@-webkit-keyframes swing{
  20%{-webkit-transform:rotate(15deg);}
  40%{-webkit-transform:rotate(-10deg);}
  60%{-webkit-transform:rotate(5deg);}
  80%{-webkit-transform:rotate(-5deg);}
  100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
  20%{-moz-transform:rotate(15deg);}
  40%{-moz-transform:rotate(-10deg);}
  60%{-moz-transform:rotate(5deg);}
  80%{-moz-transform:rotate(-5deg);}
  100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
  20%{-ms-transform:rotate(15deg);}
  40%{-ms-transform:rotate(-10deg);}
  60%{-ms-transform:rotate(5deg);}
  80%{-ms-transform:rotate(-5deg);}
  100%{-ms-transform:rotate(0);}
}
@keyframes swing{
  20%{transform:rotate(15deg);}
  40%{transform:rotate(-10deg);}
  60%{transform:rotate(5deg);}
  80%{transform:rotate(-5deg);}
  100%{transform:rotate(0);}
}


#zzry{ width: 100%; margin: 30px auto;}
#zzry .swiper-container {
  width: 100%;
  height: 100%;
}
#zzry .swiper-slide {
  text-align: center;
  background: #fff;
  overflow: hidden;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#zzry .swiper-slide img{ max-width: 100%; transition:0.3s;}
#zzry .swiper-slide:hover img{ transform: scale(1.1);}


#cpnr1{ margin-top: 20px;}
#cpnr1 .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;  
  padding-top: 15px;
}
#cpnr1 .swiper-slide {
  text-align: center;
  transition:0.3s;
  overflow: hidden;
  position: relative;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#cpnr1 .swiper-slide .pic{ display: block; width: 100%; height: 235px; overflow: hidden;}
#cpnr1 .swiper-slide .pic img{ width: 100%; height: 235px; transition:0.3s;}
#cpnr1 .swiper-slide p{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); transition:0.3s;}
#cpnr1 .swiper-slide p img{ opacity: 0; display: none;}
#cpnr1 .swiper-slide p a{ color: #fff;}
#cpnr1 .swiper-slide:hover p{ height: 100%; background: rgba(1,53,150,0.9);}
#cpnr1 .swiper-slide:hover p span{ display: block; width: 100%; padding-top: 65px;}
#cpnr1 .swiper-slide:hover p img{ opacity: 1; display: inline-block;}
#cpnr1 .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#cpnr1 .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr1 .swiper-container .swiper-button-next,#cpnr1 .swiper-container .swiper-button-prev{ background: url(../Image/right.png) no-repeat center #c40001; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s;}
#cpnr1 .swiper-container .swiper-button-prev{ background: url(../Image/left.png) no-repeat center #0053b0; right: auto; left: 45%;}
#cpnr1 .swiper-container .swiper-button-next{ left: auto; right: 45%;}
#cpnr1 .swiper-container .swiper-button-prev:hover{ background: url(../Image/left.png) no-repeat center #e9ad45; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr1 .swiper-container .swiper-button-next:hover{ background: url(../Image/right.png) no-repeat center #e9ad45; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr1 .swiper-container #more{ position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}
#cpnr1 .swiper-container #more a{ display: block; width: 35px; margin: 0 auto; height: 35px; line-height: 35px; background: #c5c5c5;}



._news.news2 ul li{ height:auto;margin-bottom:30px; float: left; width: 423px; margin: 0 20px;}
._news.news2.double ul li{width:49%}
._news.news2 ul li .news_thum{position:relative;height:auto;overflow:hidden;width:100%}
._news.news2 ul li .img{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
._news.news2 ul li .img img{  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
._news.news2 ul li .news_time{width:auto;height:auto;line-height:35px;position:absolute;padding:0 10px;font-size:12px;left:0;bottom:0;color:#fff;background:rgba(0,0,0,.4);font-family:helveticaneuethn;transition:all .36s ease 0s}
._news.news2 ul li .news2_des{width:100%;height:auto;padding:20px;background:rgba(0,0,0,.01);box-sizing:border-box;transition:all .36s ease 0s}
._news.news2 ul li .news2_des b{display:block;font-weight:400;font-size:18px;line-height:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px;color:#3e3e3e;padding-bottom:5px;position:relative}
._news.news2 ul li .news2_des b:after{ content: ''; width:0;height:1px;position:absolute;left:0;bottom:0;background:#fff;transition:all .36s ease 0s}
._news.news2 ul li .news2_des .text{display:block;line-height:24px;height:48px;font-size:12px;overflow:hidden; opacity: .7;}

._news.news2 ul li:hover .news2_des{color:#fff;background:#013596}
._news.news2 ul li:hover .news2_des b{color:#fff}
._news.news2 ul li:hover .news_time{background:#013596}
._news.news2 ul li:hover .news2_des b:after{width:100%}



.news-detail-content {
  padding: 3%;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,.1);
  position: relative;;
}
.news-detail-content .news-detail-title {
  padding-bottom: 30px;
  text-align: left;
}
.news-detail-content .news-detail-title .h3 {
    width: 100%;
    font-size: 28px;
    color: #004ea1;
    line-height: 2.2;
    position: relative;
    padding-bottom: 10px;
}
.news-detail-content .news-detail-title .h3::after{
    width: 40px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0px;
    bottom: 5px;
    background: #004ea1;
}
.news-detail-content .news-detail-title .b {
  font-size: 13px;
  color: #999999;
  line-height: 20px;
  margin-top: 10px;
}
.news-detail-content .news-detail {
  padding: 0 0 30px;
  line-height: 30px;
}
.news-detail-content .news-detail table{ margin: 2% auto; width: 70%;}
.news-detail-content .news-detail table td{ border: 1px solid #efefef; text-align: center;}
.news-detail-content .news-detail p {
  font-size: 14px;
  color: #595959;
  line-height: 30px;
}
.news-detail-content .news-detail img {
  display: block;
  max-width: 100%;
  margin: 0 auto;  
}
.news-detail-content .newsPage {
  padding: 0 12px;
  color: #999;
  font-size: 1.2rem;
  line-height: 30px;
  margin: 15px 0 30px;
  padding-top: 20px;
  border-top: 1px solid #efefef;
}
.news-detail-content .newsPage a {
  color: #999;
}
.news-detail-content .newsPage a:hover {
  color: #333;
}



.cooperation ul li { height: auto; display: block; float: left; width: 423px; color: #013596; margin: 0 24px 40px; position: relative;}
/*.cooperation ul li::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; content: ''; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) .4s;}*/
.cooperation ul li .thum { width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.cooperation ul li .thum img {  width: 100%; height: 100%; left: 0; position: absolute; -webkit-transition: all .5s;}
.cooperation-cont { width: 70%; height: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  padding: 20px; transition:0.3s; opacity: 0;}
.cooperation-cont .bl { width: 0; height: 2px; background: #013596; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s;}
.cooperation-cont .bl.l1 { top: 0;}
.cooperation-cont .bl.l2 { left: auto; right: 0;}
.cooperation ul li:hover .thum img { -webkit-transform: scale(1.05); -webkit-filter:grayscale(0);  -webkit-filter:grayscale(100%);}
.cooperation ul li:nth-child(even) { margin-right: 0;}
.cooperation ul li:hover .bl.l1 { width: 100%;}

.cooperation ul li:hover .bl.l2 {
  width: 100%;
  right: 0;
}
.cooperation ul li:hover .cooperation-cont { opacity: 1;}
.cooperation ul li:hover .cooperation-cont::before {
  height: 100%;
}

.cooperation ul li:hover .cooperation-cont::after {
  height: 100%;
}

.cooperation-cont::after,
.cooperation-cont::before {
  width: 2px;
  display: block;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .5s;
  content: '';
  background: #013596;
}

.cooperation-cont::after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}



.cooperation-cont h3 {
  font-size: 28px;
  line-height: 40px;
  color: #013596;
  font-weight: bold;
}

.cooperation-cont p {
  opacity: .7;
  text-transform: uppercase;
  font-size: 12px;
}


.cplx{ float: left; width: 500px; margin-top: 30px; padding-left: 100px;}
.cply{ float: right; width: 700px; margin-top: 30px;}
.product-content{ padding: 30px 0 0; line-height: 30px;}
.cply table{ text-transform: uppercase; line-height: 35px; width: 700px;}
.cply table input{ width: 320px; height: 34px; background: #eeeeee; border:1px solid #eeeeee; padding-left: 10px;}
.cply table textarea{ width: 672px; height: 90px; background: #eeeeee; border:1px solid #eeeeee; color: #999999; padding: 10px; margin-top: 10px;}
.cply table #submit{ width: 150px; height: 40px; background: #ffc71c; border:1px solid #ffc71c; color: #333; border-radius: 5px; font-size: 16px; margin-top: 10px; padding: 0;}
.cply table input::-webkit-input-placeholder {
        color: #999999;
      }
.cply table input::-moz-input-placeholder {
        color: #999999;
      }
.cply table input::-ms-input-placeholder {
        color: #999999;
      }


.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

.de-product-list ul li {
  position: relative;
  float: left;
  width: 423px;
  margin: 0 20px 40px;
  height: auto;
  overflow: hidden;
  background: #f6f6f6;
}
.de-product-list ul li a {
  display: block;
}
.de-product-list ul li .title {
  font-size: 16px;
  width: 423px;
  text-align: center;
  margin: 15px 0;
  transition:0.3s;  
}
.de-product-list ul li .title h4 {
  color: #013596;
  font-size: 16px;  
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.de-product-list ul li .title span {
  display: block;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.de-product-list ul li #hovertit{ background: #f6f6f6; padding: 3% 0; width: 100%; text-align: center; position: absolute; left: 0; bottom: -50%; z-index: 2;transition:0.4s; opacity: 0;}
.de-product-list ul li #hovertit h4{ color: #595959; font-size: 16px; margin: 0;}
.de-product-list ul li #hovertit span{ display: block; color: #666;}
.de-product-list ul li #hovertit ul{ text-align: center; margin-top: 10px; padding: 0 39px;}
.de-product-list ul li #hovertit ul li{ display: inline-block; margin: 0 10px; border: 1px solid #013596; border-radius: 5px; width: 150px; height: 40px; line-height: 40px;}
.de-product-list ul li #hovertit ul li:nth-of-type(2){ background: #013596; color: #fff;}
.de-product-list ul li:hover #hovertit{ bottom: 0; opacity: 1;}
.de-product-list ul li:hover #hovertit li{ color: #333;}




#cpbj1{ background: url(../Image/cpbj1.jpg) no-repeat center top; width: 100%; height: auto;}
#cpbj2{ background: url(../Image/cpbj2.jpg) no-repeat right bottom; width: 100%; height: auto; font-size: 16px;}
#cpbj2 .main{ line-height: 40px !important;}
#cpbj3{ background: url(../Image/cpbj3.jpg) no-repeat right top; width: 100%; height: auto;}
.o_product{ clear: both; padding: 50px 0 0;}
.o_product .o_product_img{ float: left; width: 635px; height: 0; padding-bottom: 33%; position: relative; overflow: hidden;background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.5);}
.o_product .o_product_img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

.o_product .o_product_info{ float: right; width: 725px;}
.o_product .o_product_info .cptit{ border-bottom: 1px solid #d9d9d9; padding-bottom: 20px;}
.o_product .o_product_info .cptit h2{ color: #333333; font-size: 24px; line-height: 40px; margin: 0;}
.o_product .o_product_info .cptit .content{ padding: 0;}
.o_product .o_product_info .o_product_detail{ font-size: 14px; color: #999; margin-top: 20px;}
.o_product .o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%; height: auto; margin-bottom: 10px;}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}
.o_product_data span{ display: block;}
.o_product_data span.key{ float: left; color: #e74d45; font-size: 18px; border-left: 2px solid #e74d45; padding-left: 15px;}
.o_product_data span.val{ float: left; height: auto; line-height: 25px; width: 380px; padding-left: 5px;}
.colhs{ color: #FE4200;}
.o_product_data span.val b{ color:#FE4200; font-size: 16px;}

.o_product_detail li{ width: 148px; height: 142px; float: left; margin: 10px 20px 20px 0;}
.o_product_detail li .pic{ width: 146px; height: 110px; border: 2px solid #e5e5e5; transition:0.3s;}
.o_product_detail li .pic img{ width: 146px; height: 110px;}
.o_product_detail li p{ height: 30px; line-height: 30px; text-align: center; font-size: 12px;}
.o_product_detail li:hover .pic{ border: 2px solid #013596;}
.o_product_info #cptel{ float: left; width: 280px; height: 50px; line-height: 50px; background: #013596; text-align: left; color: #fff;}
.o_product_info #cptel i{ display: block; float: left; width: 22px; height: 50px; line-height: 50px; margin: 0 20px 0 30px;}
.o_product_info #cptel i img{  display: inline-block; width: 22px; height: 22px; vertical-align: middle;}
.o_product_info .go_order{  border: none; outline: none; transition:0.3s; cursor: pointer;}
.o_product_info .go_order i{ display: block; float: left; width: 22px; height: 50px; line-height: 50px; margin: 0 20px 0 30px;}
.o_product_info .go_order i img{  display: inline-block; width: 22px; vertical-align: middle;}

.o_product_info .go_order .btn{ float: right;display: block; width:186px; line-height:50px; text-align: left; background-color: #ffc71c; color: #333; font-size: .875rem; padding:0; position: relative; overflow: hidden;}
.o_product_info .go_order .btn::before{ content: ''; position: absolute; width:100%; height:300%;background-color: rgba(255,255,255,.16); left: -50%;margin: auto;;bottom: 0%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
.o_product_info .go_order .btn span{ position: relative; z-index:2;}

.o_product_info .go_order .btn:hover{ background-color: #ffd657;}
.o_product_info .go_order .btn:hover::before{transform: rotate(30deg) translateX(100%);}
#fwms{ margin-top: 20px;}
#fwms .tit{ background: url(../Image/cp_fw.png) no-repeat left center; padding-left: 30px; color: #333333; font-size: 16px; height: 30px; line-height: 30px;}
#fwms ul{ padding-top: 15px;}
#fwms ul li{ float: left; border: 1px solid #cecece; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 15px; transition:0.3s; cursor: pointer;}
#fwms ul li:hover{ background: #e74d45; color: #fff; border: 1px solid #e74d45;}


#cpbj3 ul{ padding: 30px 0;}
#cpbj3 li{ float: left; width: 300px; margin: 0 25px; text-align: center; color: #fff;}
#cpbj3 li .tit{ position: relative; padding-bottom: 10px; margin-top: 20px;}
#cpbj3 li .tit p{ font-size: 24px; font-weight: bold;}
#cpbj3 li .tit span{ color: rgba(255,255,255,0.5); font-size: 12px; font-family: arial; text-transform: uppercase;}
#cpbj3 li .tit::before{ position: absolute; content: ''; bottom: 0; height: 1px; width: 20%; left: 40%; background: #fff;}
#cpbj3 li .content{ width: 95%; font-size: 15px; padding-top: 20px;}



/** sidebar **/
#sidebar{ width:250px; height:auto; overflow:hidden; float:left;}
#main_right{ width:920px; height:auto; overflow:hidden; float:right;}
.content{ padding: 20px 0 0; line-height: 30px;}
#content_zy{ line-height: 30px; padding: 20px 5px;}
#zi_banner{ width: 100%; height: 300px; background: url(../Image/banner.jpg) no-repeat center; border-top: 2px solid #013596;}


#pro_list{ text-align: center; margin-top: 20px;}
#pro_list li{ display: inline-block; width: 155px; margin: 0 5px 5px; height:40px; background: #0045a2; font-size: 15px; line-height:40px; border: 1px solid #efefef; border-radius: 5px; text-align: center; transition: 0.3s;}
#pro_list li a{ color: #fff;}
#pro_list li:hover{ background: #cb1a20;}
#pro_list li:hover a{ color: #fff;}


.title_zy{ height: 40px; line-height: 40px; border-bottom: 2px solid #06559c;}
.title_zy .left{ height: 40px; background: #06559c; padding: 0 30px; color: #fff; font-size: 16px;}
.title_zy .right{ color: #666;}
.title_zy .right a{ color: #666;}
.title_zy .right a:hover{ color: #f00;}

.left_bt{ background: #06559c; height: 100px; line-height: 100px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 5px;}
.left_lx{ background: #06559c; padding: 20px 0; text-align: center; color: #fff; font-size: 18px;}
.left_lx p{ font-family: impact; font-size: 30px; padding-top: 10px;}




/** zy **/ 
.n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;}
.n_detailCon li{ width:100%; height:auto;position: relative; border-bottom: 1px dotted #ccc; }
.n_detailCon li a{ height:auto; width:890px; display:block; margin: 0 auto; padding: 30px 0; position: relative; z-index: 1; }
.n_detailCon li .n_detailPic{ width:230px; height: 173px; float:left; margin-left:10px; border: 1px solid #ccc;}
.n_detailCon li .n_detailPic img{ width: 230px; height: 173px;}
.n_detailCon li .n_detailR{ width:620px; float:right; padding-right:10px;}
.n_detailCon li .n_detailR .n_detailTitle{ height:30px; width:100%; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.n_detailCon li .n_detailR .n_detailNr{ width:100%; padding:5px 0 10px; line-height:25px; color:#6b6b6b;}
.n_detailCon li .n_detailR .n_time{ line-height:25px; height:25px; color:#a8a8a8; font-size:12px;}
.n_detailCon li .n_detailR .more{ padding: 0; border: none; color: #fff; font-size: 14px; line-height: 30px; width: 100px; height: 30px; background: #b8b8b8; text-align: center; float: left; transition: 0.3s;}
.n_detailCon li:after,.picScroll-left .bd ul li:before { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px dotted transparent; width: 100%; z-index: 0; top: 50%; left: 0; height: 0; transition: 0.3s all;}
.n_detailCon li:hover:after{ width: 100%; height: 100%; top: 0; left: 0; background: #f0f0f0;}
.n_detailCon li:hover .more{ background: #e63a1e;}



#por_left{width:400px; height:auto; margin-right:20px; float:left;}
#por_right{float:right; width: 458px; height:auto; overflow:hidden;}
#cpms{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; color: #999; padding: 10px 0; margin-bottom: 10px;}
#cpms span{ color: #cc0000;}
.dg1{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #060508; float: left; transition:all 0.3s linear 0s;}
.dg2{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #b72300; float: left; margin-left: 20px; transition:all 0.3s linear 0s;}
.dg2 a{ color: #fff;}
.dg1 a{ color: #fff;}
.dg1:hover{ background: #f90;}
.dg2:hover{ background: #f90; background-size: 21%;}

#cp_tel{ background: url(../Image/tel1.png) no-repeat left top; float: left; padding: 23px 0 0 45px; width: 200px; line-height: 30px; color: #d80000; font-size: 30px; font-family: impact;  margin:10px 0;}
#cp_tel span{ font-size: 20px; font-family: "方正正中黑简体";}
.dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;}


/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; overflow:hidden;margin:0 8px 20px; width:287px; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s;}
.pro li .li-img{ width:285px; height: 218px; line-height: 218px; background: #fff; border:1px solid #eaeaea; padding: 0 !important;}
.pro li img{ max-width:285px; max-height: 211px; vertical-align: middle;}
.pro li p{ height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pro li:hover{ background: #333;}
.pro a{color:#444;}
.pro a:hover{color:#fff;}

/*************index&goods**************/
.news{}
.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d;text-align:left; font-size: 18px; margin-bottom: 10px;}
.info_title{ height:35px;background:#ececec; margin-top: 20px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#333; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 80px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

/*sitemap*/
/*.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}*/

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}