﻿html, body { margin: 0; padding: 0; }
.pagebox {width: 1200px; margin: 0px auto; }
body { overflow-x: hidden; }
a { text-decoration: none!important; }
    a:hover { text-decoration: none!important; }
    a:active { text-decoration: none!important; }
    a:visited { text-decoration: none!important; }
    a:focus { text-decoration: none!important; }

/*e_ContentMajorStyleBox-001*/
.fl-left{ float:left}
.fl-right{ float:right}

#c_ads_banner-15325738220206274 .p_MatteIcon .iconfont:before { content: '\e602'; }
#c_ads_banner-15325738220206274 { left: -360px; z-index: 100; width: 1920px; height: 652px; }

.c_ads_banner-07002 { width: 1914px; height: 186px;  }
.rslides { position: relative; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; overflow: hidden; list-style-image: none; padding-top: 0px; }
    .rslides LI { position: absolute; width: 100%; display: none; top: 0px; left: 0px; -webkit-backface-visibility: hidden; }
        .rslides LI:first-child { position: relative; display: block; float: left; }
    .rslides IMG { border-bottom: 0px; border-left: 0px; width: 100%; display: block; float: left; height: auto; border-top: 0px; border-right: 0px; }
.slide_container { position: relative; font-family: 'iconfont'!important; width: 100%; margin-bottom: 0px; float: left; }
.slide { position: relative; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; overflow: hidden; list-style-image: none; padding-top: 0px; }
    .slide LI { position: absolute; width: 100%; top: 0px; left: 0px; }
    .slide IMG { z-index: 1; border-bottom: 0px; position: relative; border-left: 0px; width: 100%; display: block; height: auto; border-top: 0px; border-right: 0px; }
    .slide .caption { z-index: 2; position: absolute; padding-bottom: 10px; margin: 0px; padding-left: 20px; bottom: 0px; padding-right: 20px; display: block; max-width: none; background: #000; color: #fff; font-size: 20px; right: 0px; padding-top: 10px; left: 0px; text-shadow: none; }
.slide_nav { z-index: 3; transition: 1s all; position: absolute; margin-top: -45px; width: 38px; height: 61px; line-height: 61px; font-size: 30px; text-align: center; overflow: hidden; top: 52%; text-decoration: none; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #000; }
    .slide_nav:active { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1; }
    .slide_nav:hover { opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; }
    .slide_nav:before { content: "\e687"; display: inline-block; margin-left: -2px; }
.next.slide_nav { background-position: right top; right: 0px; left: auto; }
    .next.slide_nav:before { content: "\e6ae"; }
.c_ads_banner-07002 .p_MatteIcon .iconfont:before { content: '\e602'; }


#top_bar_outer{background:#0066cb; }
#top_bar{height:34px; line-height:35px;color:#fff}
#top_bar .freeship{width:316px; height:34px; padding-left:36px; background:url(../images/ico-img.png) -166px top no-repeat; overflow:hidden;}
#top_bar .crossn{margin-right:5px;}


 .header{height: 93px;}
.logo{margin-top: 20px;left: -3px;background:#fff;float:left}
.logo img{height: 60px;}
.h_nav{ line-height:93px;width: 700px; float: right;}
.h_nav li{ float:left; position:relative;}
.h_nav li a{ font-size:16px; color:#333;padding:0 22px;display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{ color:#e50112; text-decoration:none;}

.h_nav ul li:hover .erj{display:block;}
.h_nav ul li .erj { background:#fff; width:195px; /*height:155px;*/ padding:6px 0 0; border:solid 1px #211816;  top:93px; left:0; z-index:999; position:absolute;display:none;}
.h_nav ul li .erj li { clear:both; background:none; width:100%}
.h_nav ul li .erj li a { width:151px; color:#000; font-size:14px; font-weight:normal; height:30px; line-height:30px; display:block; background:url(../Images/h_ico10.gif) no-repeat 20px center; padding:0 0 0 24px;}
.h_nav ul li .erj li a:hover { color:#fff; background:url(../Images/h_ico11.gif) no-repeat 20px center #c32d3a;}
.h_nav ul li .erj:nth-child(2){width:390px;}
.h_nav ul li .erj:nth-child(2) li{width:50%;clear: none;}


/*走进怡帆机电*/
.zj_bg { background:url(../Images/bbg.jpg) center top 165px no-repeat; height:605px;}
.zj_con dl { padding:34px 0 0 12px;}
.zj_con dl dt { float:left; width:550px;  overflow:hidden;}
.zj_con dl dt a img { width:650px; height:472px;}
.zj_con dd { float: right; width:520px; padding:25px 0 0;}
.zj_con dd b{  height:55px; display:block;}
.zj_con dd b a { font-size:30px;color:#d32c3b;}
.zj_con dd em { display:block; font-size:20px; color:#333; font-weight:bold;}
.zj_con dd p { line-height:24px; font-size:15px; color:#333; text-indent:32px; padding:10px 0 0;}
.zj_con dd i { background:url(../Images/zj_spbg.gif) no-repeat;  height:40px; line-height:40px; display:block;padding-top:10px}
.zj_con dd i a { width:124px; text-align:center;background:#e70012; font-size:14px; color:#fff; display:block; float:right;}



/*common_tl*/
.w100b {min-width: 1200px;}
.common_tl2,.common_tl{position: relative;text-align: center;padding-top: 45px;padding-bottom: 15px;}
.common_tl i{position: absolute;height: 1px;background: #555;top: 78px;z-index: -3;left: 0px;}
.common_tl h2{font-size:30px;font-weight:600;width: 200px; background:#fff;color: #333;margin: 0 auto; z-index: 9;}
.common_tl2 span,.common_tl span{
    height: 57px;
    width: 200px;font-family:Arial;
    display: block;font-size: 20px;
    color: #666;
    text-transform: uppercase;
    margin: 10px auto 0 auto;
    position: relative;
    z-index: 9;
    padding: 0 5px;
}

.common_tl2 h2{font-size:30px;font-weight:600;width: 200px; background:#ededed;color: #333;margin: 0 auto; z-index: 9;}

.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.case_home {
  background: #ededed; height:915px;
  padding: 30px 0px;
}
.case_home .case_com ul {

}
.case_home .case_com ul li {
   
  width: 33%;
  float: left;
  padding: 0px 10px;
}
.case_home .case_com ul li .pic_ca {
  position: relative;overflow:hidden;height:320px;
  overflow: hidden; 
  cursor: pointer;
}
.case_home .case_com ul li .pic_ca img {
  overflow: hidden; border:1px solid #ddd;width:100%;height:300px;
 transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}
.case_home .case_com ul li .pic_ca:hover img{
    transform: scale(1.2);border-radius:15px;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.case_home .case_com ul li .pic_ca i {
  display: block;
  padding-bottom: 96%;
}
.case_home .case_com ul li .pic_ca .zhe_a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url(../images/zhe_bg.png);
  display: none;
}
.case_home .case_com ul li .pic_ca .zhe_a .zhe_n {
  width: 226px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 35%;
  margin-left: -53px;
  text-align: center;
}
.case_home .case_com ul li .pic_ca .zhe_a .zhe_n p {
  line-height: 20px;
  color: #fff;
  height: 40px;
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  margin-bottom: 15px;
  font-family: "微软雅黑";
}
.case_home .case_com ul li .pic_ca .zhe_a .zhe_n img {
  max-height: 100%;
  max-width: 100%;
}
.case_home .case_com ul li .pic_ca:hover .zhe_a {
  display: block;
}
.case_home .case_com ul li .text_ca {
  text-align: center;
  padding: 10px;
}
.case_home .case_com ul li .text_ca p {
  color: #3c3c3c;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  width: 100%;
}
.case_home .case_com ul li a {
  color: #205da5;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  width: 100%;
}
.case_home .case_com ul li a:hover {
  font-weight: 700;
}


.news{
  /*background: url(../Images/bg3.jpg) center top no-repeat;*/
  padding: 30px 0; 
  overflow: hidden;
}
.news .fl-left{
  overflow: hidden;
}
.news .fl-left,
.news .fl-left iframe,
.news .fl-left embed,
.news .fl-left object,
.news .fl-left video{
  width: 500px;
}
.news .fl-left img{
width:100%;
 height:320px;
}
.news .nr{
     width:500px;
  margin-top:-10px;
}
.news .list{
  width:660px;
  margin-top:-10px;
}
.news .list a{
  display:block;
  margin-top:10px;
  padding:0px 14px 12px 100px;
  position:relative;
  height:100px;
  border-bottom:1px dashed #dedede;
}
.news .list a:hover{
  border-color:#71452e;
}
.news .list a div{
  position:absolute;
  width:110px;
  height:110px;
  left:14px;
}
.news .list a div img{
  width:100%;
  height:100%;border-radius:100%;
}
.news .list a h1{
  font-size:14px;
  color:#333;
  line-height:30px;
  font-weight:600;
}
.news .nr a h1{
  font-size:16px;
  color:#333;padding-top:25px;padding-bottom:15px;
  line-height:30px;
  font-weight:600;
}
.news .list a font{
  font-size:12px;font-weight:normal;
  color:#888;float:right;
  padding-left:20px;
  background:url(../Images/arrow.png) left no-repeat;
}
.news .nr a p,.news .list a p{
  margin:5px 0 0;
  color:#888;
  font-size:14px;
  line-height:18px;
}

.news .list .time{
    width:67px;
    height:72px;
    font-family: Arial;
    font-size: 14px;
    color: #ccc;
    text-align: center;
}
.news .list .time p{
    font-size: 52px;
    color: #cccccc;
    line-height:42px;
}


 .threeli li { float: left; margin-right:1% ;}
  .isol{height: 360px;}
 .isol .imgshow {height: 260px;overflow: hidden;border:1px solid #dedede;padding:15px;}
 .isol .title2 { padding: 10px 0;    font-size: 14px; font-weight:600; text-align:center;   line-height: 30px;}
 .isol .parg { padding: 0px 10px 30px 10px; min-height: 75px; max-height: 75px;}
  .isol .parg p { width:50%;float:left;text-align: left;}
 .isol .imgshow img{
    transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}
 .isol li:hover .imgshow img{
    transform: scale(1.2);border-radius:15px;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.isol .title .topic{ padding: 30px 0 0px; text-align: center;}



/*页尾*/
.footwrap {
	clear:both;
}
.footer {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}
.fotnav {
	height: 40px;background-color: #0066cb;
	line-height: 40px;margin-top: 5px;padding-left:18%;
	font-size: 13px;
}
.fotnav a {
	padding-right: 45px;
	padding-left: 45px;
	text-align: left;
	color: #fff;font-size: 14px;
}
.fotnav a:hover {
	font-size: 15px;overflow:hidden;
     transform: scale(1.2);border-radius:15px;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.fotnav a.nobg {
	background: none;
	padding-left: 45px;
}
.fottxt {
	margin-top: 5px;font-size: 15px;
	padding-left: 298px;
	line-height: 20px;
	color: #555;
	background: url(../Images/yan.jpg) no-repeat left 0px;
}
.fottxt a {
	color: #999;
}
.fotphone {
	position: absolute;
	right: 200px;
	top: 20px;
	background: url(../Images/footphone.png) no-repeat left center;
	color: #fff;
}
.fotphone dd {
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

