@charset "utf-8";
/* CSS Document 
** author:新动力
** URL:http://www.xinpower.cn/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;list-style:none;}
img{border:none;border:0;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:visited{}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif; background:#fff; color:#333;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px;}
h1,h2,h3,h4{ font-weight:normal;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
#warper{  padding:20px 0;}
input::-webkit-input-placeholder {
color: #d9d9d9;
}
input:-moz-placeholder { /*Mozilla Firefox 4 to 18*/
color: #d9d9d9;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #d9d9d9;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #d9d9d9;
}
textarea::-webkit-input-placeholder {
color: #d9d9d9;
}
textarea:-moz-placeholder { /*Mozilla Firefox 4 to 18*/
color: #d9d9d9;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #d9d9d9;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #d9d9d9;
}
/*top*/
.top{ height:40px; line-height:40px; background:#f4f4f4;}
.top p{ float:left; color:#a9a9a9;}
.top_r{ float:right;}
.top_r a{ color:#9a9a9a; display:inline-block; padding:0px 12px;}
.top_r em{ color:#a9a9a9;}

/* logo区域设置 */ 
.head{ height:130px;}
.logo{  margin:0px 0; float:left; }
.logo img{ display:block; float:left; margin-top:36px;}
.logo h3{ float:left;  font-weight:bold; font-size:40px; line-height:130px;}
.logo span{ color:#999999; letter-spacing:2px;}
.logo_line{ background:url(../images/logo_line.png) no-repeat 0 0; width:1px; height:50px; margin:42px 27px 0 0;}
.logo_txt p{ font-size:22px; font-weight:bold;   margin-top:40px; margin-bottom:2px;}
.logo_txt em{ font-size:14px; color:#666666;}
.head_tel{ background:url(../images/logo-tel.png) no-repeat left center; padding-left:50px; margin-top:38px;}
.head_tel p{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;  font-size:32px; line-height:32px;  }
.head_tel em{ color:#666666;}
.head_tel em i{ }


/* 导航区域设置 */
.nav {
	position:relative;
    width: 100%;
	background-color:#142038;
	z-index:999;
}
.nav .w1200{ overflow:visible;}
.menu {
    height: 60px;
}
.menu .nav_li{	height:60px; line-height:60px; float:left; width:171px; text-align:center; position:relative; }
.menu .nav_li:after{
	content:'';
	display:block;
	width:1px;
	height:20px;
	background:rgba(255,255,255,0.32);
	position:absolute;
	top:20px;
	right:0;	
}
.menu .nav_li:last-child:after{ width:0;}
.menu .nav_li:hover, .menu .nav_li.on{ background-color:#f8bd01;}
.menu .nav_li>a{ color:#fff; font-size:16px; display:block;}
.nav .sub_nav{ display:none; position:absolute; left:0px; top:60px;  z-index:1000; width:171px; background-color:rgba(255,255,255,.75);}
.nav .sub_nav li{ height:44px; line-height:44px;}
.nav .sub_nav li a{ font-size:14px;  color:#333;  width:171px;  padding:0; display:block;}
.nav .sub_nav li:hover{ font-weight:bold;}
.nav .sub_nav li:hover a{ color:#142038;}


/*轮播图*/
.banner{width:100%;height:650px;overflow:hidden;position:relative;}
.banner .bd{position:relative;height:650px;z-index:0;}
.banner .bd li{width:100%;height:800px;zoom:1;vertical-align:middle;}
.banner .bd li .pic_a{display:block;width:100%;height:100%; position: relative;}
.banner .bd .pic1{ background: url(../images/ban1.jpg) no-repeat center 0;}
.banner .bd .pic2{background:url(../images/ban2.jpg) no-repeat center 0; }
.banner .bd .pic3{background:url(../images/ban3.jpg) no-repeat center 0; }
.banner .bd .more{ display: block;width:260px; height: 40px; border: 1px solid #fff; position: absolute; top: 420px; left: 50%; margin-left: -550px; border-radius: 26px; overflow: hidden;transform-style: preserve-3d; transform:rotateZ(130deg) translate3d(500px,0,0); transform-origin:left; opacity:0;   transition: all 1.8s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.banner .bd .more.active{transform: rotateX(0deg) translate3d(0,0,0); opacity:1;} 
.banner .bd .more span{position:absolute; z-index: 3; width:260px; height:40px;font-size: 16px; color: #fff; text-align: center; line-height: 40px; }
.banner .bd .more:hover{background-color:#f68100; border: 1px solid #f68100;}
.banner .hd{position:absolute;z-index:12;bottom:34px;overflow:hidden;float:left; left:50%; margin-left: -120px; width: 240px; height: 4px;}
.banner .hd ul{zoom:1;overflow:hidden; width: 240px;}
.banner .hd ul li{float:left;width:60px;height:4px; margin:0px 10px;text-align:center; background-color: #ffffff; position: relative; border-radius: 2px;}
.banner .hd ul li.on{ background-color: #0091db;}
.banner .hd ul li:hover{ cursor:pointer;}
.banner_ctr{ height:90px;position:absolute;top:50%; margin-top:-45px; z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=50);}

/*产品中心*/
.ind-prolist{ width:110%;}
.ind-prolist li{ float:left; width:283px; margin-right:20px; margin-bottom:20px;}
.pro_img {
    width:283px;
    height:235px;
    position: relative;
    overflow: hidden; text-align:center;
}
.pro_img img{ width:100%;}
.blue-blk{ position:absolute; left:0; top:308px; height:258px; width:283px; background:url(../images/b-b-l.png) no-repeat center; background-color:rgba(248,189,1,.58); transition:all 0.4s;}
.ind-prolist li p{ height:50px; width:283px; line-height:50px; text-align:center; font-size:16px; color:#666; background-color:#e0e0e0;}
.ind-prolist li:hover .blue-blk{ top:0;}
.ind-prolist li:hover p{ background-color:#f8bd01; color:#666666;}
.pro_list .ind-prolist li{ margin-right:37px; margin-bottom:36px;}
/*页脚*/
.footWrap{background:#142038;height:280px;overflow:hidden; position: relative; z-index: 2; padding-top:40px;}
.footer{width:1200px;margin: 0 auto;height:320px; overflow:hidden;}
.footer h4{ color:#fff; font-size:22px; position:relative;}
.footer h4:after{ content:''; display:block; position:absolute; left:0; bottom:-10px; background-color:#535353; height:1px; width:94px;}
.foot1{ float:left; width:418px;}
.foot1 h3{ margin-top:40px;  line-height:52px; overflow:hidden; color:#989898;}
.foot1 h3 a{ display:inline-block; width:134px; text-align:left; color:#989898; font-size:16px;}
.footWrap h2{ width:412px; overflow:hidden; margin:15px 0 20px;}
.foot{ width:760px; float:right; overflow:hidden; height:300px;}
.foot ul{ width:450px; float:left;}
.foot li{  line-height:36px; height:36px; color:#989898;}
.foot li img{ vertical-align:middle; padding-right:5px;}
.foot li a{ color:#989898; padding:0 8px;}
.foot .fwz{ padding-top:32px;}
.fwz li{ width:225px; font-size:17px; line-height:36px; color:#b6b6b6; font-weight:bold; float:left;}
.fwz li i{ font-size:24px; text-transform:capitalize; font-weight:bold;}
.fwz li img{ display:block; width:23px; height:24px; float:left; padding:5px 8px 0 0;}
.foot h5{ width:260px; height:123px; margin-bottom:18px;}
.foot h5 img{ display:block; width:113px; height:113px; border:5px solid #fff; float:left;}
.foot h5 span{ display:block; float:right; width:118px; color:#989898; margin-top:26px;}
.foot h5 span em{ display:block; font-size:24px; color:#989898; background:url(../images/code_bg.png) no-repeat left center; padding-left:40px; line-height:35px; margin-bottom:8px;}
.ewm-box { margin-top:-22px;}
.ewm-box p{ background:url(../images/f7.png) no-repeat left center; height:36px; padding-left:36px; color:#989898;}
.ewm-box p a{ color:#989898; line-height:36px;}

/*友情链接*/
.link{ background:url(../images/link_bg.jpg) no-repeat center top; background-color:#111a2c;}
.link span{ font-size:16px;color:#787878; display:block; float:left; height:48px; line-height:48px; padding-left:38px; }
.link p{ width:1080px; float:left; margin-top:14px;}
.link a{ display:inline-block; color:#787878; padding:0 5px;}	
.link a:hover{ text-decoration:underline; color:#e7e7e7;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999;top:360px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#f8bd01 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#f8bd01 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#f8bd01 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#f8bd01 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*固定的悬浮窗end*/




/*内页banner*/
.ban-ny{width:100%; height:360px; background-color:#ccc;}
.ban-about{ background:url(../images/ban-about.jpg) no-repeat center 0;}
.ban-news{ background:url(../images/ban-news.jpg) no-repeat center 0;}
.ban-pro{ background:url(../images/ban-pro.jpg) no-repeat center 0;}


/*网站位置*/
.mub02address { width: 100%; border-bottom: 1px solid #e4e4e4;}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}
.mub02address .con {
    width: 100%;
    height: 43px;
}
.mub02address .homePage {
    display: block;
    width: 43px;
    height: 43px;
    background:url(../images/ny-index.png) no-repeat center;
    float: left;
}
.mub02address p {
    height: 43px;
    width: 84%;
    line-height: 43px;
    font-size: 13px;
    color: #999999;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mub02address p a {  color: #999999;  padding: 0 4px; }
.mub02address p a:hover { text-decoration: underline;  color: #999999;  padding: 0 4px;  }


.sideMen-pro{ width:268px; background-color:#fff; overflow:hidden; border: 1px solid #e4e4e4; border-bottom:none;}
.sideMen-pro h3{ height:59px; line-height:59px; color:#333; font-size:18px; text-indent:40px; border: 1px solid #e4e4e4; border-left:none; border-right:none; border-top:none; }
.sideMen-pro h3 em{ display:none;} 
.sideMen-pro h3 a{ display:block; background:url(../images/pro_2.png) no-repeat 10px center;}
.proList .sideMen-pro h3 a.on{ color:#14a73c; font-weight:bold;  color:#14a73c;  background:url(../images/pro_on.png) no-repeat 10px center;}
.sideMen-pro h3:hover a{ color:#14a73c;}
.sideMen-pro ul{ display:block; }
.sideMen-pro ul li { width:50%; border-bottom:1px dashed #f2f2f2; float:left;} 
.sideMen-pro ul li a{ color:#333; font-size:13px; height:36px; line-height:36px; padding-left:30px; display:block; background:url(../images/jian.png) no-repeat 19px center;}
.sideMen-pro ul li a:hover { color:#14a73c;}
.proList .sideMen-pro ul li a.on{ color:#14a73c; font-weight:bold; background-image:url(../images/jian-w.png);}
.barnav{ width: 100%; border-bottom: 1px solid #e4e4e4; height:43px; line-height:43px;}
.barnav .w1200{
    font-size: 13px;
    overflow: hidden;
	color:#999;
    white-space: nowrap;
    text-overflow: ellipsis;
	background: url(../images/mub02address_homePage.png) no-repeat left center; text-indent:36px;
}
.barnav .w1200 a, .barnav .w1200 b{ color:#999;}


/* 网站地图 */
.map_main {
    overflow: hidden;
    border: solid 5px #F0F0F0;
    padding-bottom: 30px;
    background: #fff;
	width:1220px;
	margin:30px auto;
}
.sitemap_con {
    width: 1120px;
    margin: 0 auto;
    color: #666;
}
.sitemap_con .map_top {
    border-bottom: solid 1px #d7d7d7;
}
.site_r_link {
    width: auto;
    margin-top: 20px;
    border: 1px solid #cdcdcd;
    background: #F8F8F8;
    padding: 5px 10px;
    float: right;
}
.site_plc {
    padding: 5px 0;
    text-indent: 10px;
}
.sitemap_con h4 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    margin:30px 0 8px;
    margin-right: 10px;
}
.b4 {
    border: 1px dashed #b3b3b3;
    padding: 10px 5px;
}
.b4 ul {
    padding: 0 11px;
}
.b4 li {
    float: left;
    line-height: 25px;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 133px;
    overflow: hidden;
    margin: 0 10px;
}
.b4 li:hover a{ color: #0091db; text-decoration: underline;}
.zabtcon dl { width:1100px; height:25px; line-height:25px; margin-bottom:10px; padding:0 11px;}
.zabtcon dl dt{ float:left;}
.zabtcon dl dt a{ font-weight:bold;  color:#0091db; padding-right:20px;}
.zabtcon dl dt a:hover{ text-decoration:underline;}
.zabtcon dl dd{ float:left;}
.b4 .zabtcon dl ul { padding: 0;}
.b4 .zabtcon dl ul li{ padding-right:20px; margin:0; width:auto;}
.p2 {
    float: right;
    margin-right: 58px;
}

/*优势*/
.index-fangan {
    height:964px;
    overflow: hidden;
}
.index-fangan .title {
    font-size: 52px;
    color: #000000;
    text-align: center;
    position: relative;
}
.index-fangan .title::after {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    background-color: #0d6fb8;
    margin: 8px auto 11px;
}
.index-fangan .title2 {
    color: #000000;
    font-size: 18px;
    text-align: center;
}
.index-fangan .fangan-tab {
    overflow: hidden;
}
.index-fangan .fangan-tab .bd img {
    width: 100%;
    height: 602px;
}
.index-fangan .fangan-tab .bd .cover {
    position: absolute;
    bottom: 50px;
    left: 35px;
    width: 1045px;
    background-color: rgba(0, 0, 0, .8);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #FFFFFF;
    font-size: 15px;
}
.index-fangan .fangan-tab .bd .cover .t {
    font-size: 24px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-fangan .fangan-tab .bd .cover .p {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    z-index:10;
}
.index-fangan .fangan-tab .bd .cover .p a {
    font-size: 14px;
    color: #2c88d8;
    text-decoration: underline;
}
.index-fangan .fangan-tab .hd {
    height: 105px;
    background: #efefef;
    width:1200px;
    margin:0 auto;
    border-bottom:1px solid #cecece;
}
.index-fangan .fangan-tab .hd ul li {
    float: left;
    width: 299px;
    height: 105px;
    line-height:98px;
    border-right: 1px solid #cecece;
    position: relative;
    transition: all 0.5s linear;
    overflow: hidden;
    vertical-align: top;
    cursor:pointer;
}

.index-fangan .fangan-tab .hd ul li span{
    color: #282828;
}
.index-fangan .fangan-tab .hd ul li:first-child {
    border-left: 1px solid #cecece;
}
.index-fangan .fangan-tab .hd ul li span {
    display: block;
    font-size:16px;
    float:left;
}
.index-fangan .fangan-tab .hd ul li span {
    color: #282828;
}
.index-fangan .fangan-tab .hd ul li .img {
    padding:30px 20px;
    float:left;
}
.index-fangan .fangan-tab .hd ul li img.none {
    display: none;
    float:left;
    padding:40px 20px;
}
.index-fangan .fangan-tab .hd ul li.active {
    background-color:#142038;
    height: 131px;
    transform: translateY(-25px);
    border: none;
}
.index-fangan .fangan-tab .hd ul li.active img {
    display: none;
}
.index-fangan .fangan-tab .hd ul li.active img.none {
    display: inline;
}
.index-fangan .fangan-tab .hd ul li.active span {
    color: #FFFFFF;
    transform: translateY(12px);
}
.warp {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index:1;
}

.fangan-tab h3{font-size:38px; color: #333;line-height: 46px;text-align:center;}
.fangan-tab p{font-size: 16px; color: #666; margin:10px 0;text-align:center;}
.fangan-tab span hr{width:54px; height:2px; background: #999; float: left; margin:8px; margin-right:10px;margin-left:838px;border: none;}

.process{padding: 55px 0;background: #f5f5f5;}
.pccenter{width:1200px;margin:0 auto;}
.pctab{ margin:40px 0 80px 0;}
.pctab li{ float:left; width:16.6666%; height:210px; background:#fff; transition:all .3s ease; position:relative; cursor:pointer;}
.pctab li:nth-child(1){ border-radius:20px 0 0 20px;}
.pctab li:nth-child(6){ border-radius:0 20px 20px 0;}
.pctop{ font-size:18px; color:#999999; font-weight:lighter; text-align:center; padding-top:48px;transition:all .3s ease;}
.pctop:before{ content:''; display:block; width:34px; height:2px; background:#cccccc; margin:0 auto 28px auto;}
.pctop span{ display:block; width:52px; height:62px; background:url(../images/lc.png) no-repeat 0 0; margin:0 auto; transition:all .5s ease;}
.pctab li:nth-child(2) .pctop span{ background-position-x:-82px;}
.pctab li:nth-child(3) .pctop span{ background-position-x:-169px;}
.pctab li:nth-child(4) .pctop span{ background-position-x:-259px;}
.pctab li:nth-child(5) .pctop span{ background-position-x:-342px;}
.pctab li:nth-child(6) .pctop span{ background-position-x:-412px;}
.pctab .pcwa{ position:absolute; top:270px; left:20px; font-size:16px; font-weight: lighter;color:#999999; width:450px;transition:all .5s ease; opacity:0;}
.pctab li.cur .pcwa{ top:250px; opacity:1;}

.pctab li+li:after{ content:''; display:block; position:absolute; width:1px; height:118px; background:#eeeeee; left:0; top:0; bottom:0; margin:auto 0;}
.pctab li:before{ content:''; display:block; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:26px; height:10px; opacity:0; transition:all .3s ease; background:url(../images/sj.png) no-repeat center;}
.pctab li.cur{ background:#0091db;}
.pctab li.cur .pctop{ color:#d3f0de;} 
.pctab li.cur .pctop span{ background-position-y:-79px;}
.pctab li.cur:before{ opacity:1; bottom:-10px;}
.pctab li.cur:after{ display:none;}
.sidenavcur{
    background-color:#0091db !important;
}
.sidenavcur span{
        color: #ffffff !important;
}

.section {padding-bottom:60px;overflow:hidden;}
.section-title {margin:60px 0 30px 0;text-align: center;font-size: 40px;}
.section-title strong {color: #f8bd01;}
.section-title p {margin: 0;font-size: 0;}
.section-title span {display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;}
.section-title span:before,.section-title span:after {position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #f8bd01;margin-top: -1px;}
.section-title span:before {right: 100%;}
.section-title span:after {left: 100%;}

.in-yin {margin: 0 0 0 -18px;}
.in-yin li {float: left;width: 25%;}
.in-yin li a {display: block;position: relative;margin: 0 0 0 18px;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .tit {position: absolute;left: 0;bottom: 0;width: 100%;background-color: #f8bd01;text-align: center;font-size: 18px;line-height: 85px;font-weight: bold;color: #333;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .tit i {position: absolute;left: 50%;top: -23px;width: 46px;height: 46px;background: no-repeat center #142038;margin-left: -23px;border-radius: 50%;}
.in-yin li .text {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-yin li .wrap {color: #fff;padding: 80px 30px 0;}
.in-yin li .wrap i {width: 64px;height: 64px;background: no-repeat center #f8bd01;margin: 0 auto;border-radius: 50%;display: block;}
.in-yin li .wrap h4 {margin: 0;position: relative;line-height: 70px;font-size: 26px;text-align: center;}
.in-yin li .wrap h4:after {position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 30px;background-color: #fff;margin-left: -15px;}
.in-yin li .wrap p {font-size: 16px;line-height: 1.8;text-align: justify;margin: 15px 0 0;}
.in-yin li a:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.in-yin li a:hover .tit {bottom: -108px;}
.in-yin li a:hover .text {top: 0;}

.bg1 {color: #fff;background: url(../images/cp_bg.jpg) no-repeat center;}
.bg2 {color: #fff;background: url(../images/ys_bg.jpg) no-repeat center 0 #f5f5f5;}
.bg3 {background: url(../images/ban01.jpg) no-repeat;height:228px;position:relative;}

.yunu-pro {color: #333;}
.yunu-pro .sd {float: left;width: 260px;background-color: #fff;}
.yunu-pro .sd h4 {margin: 0;line-height: 80px;text-align: center;font-size: 24px;background-color: #f8bd01;}
.yunu-pro .sd .tit {line-height: 65px;background: #efefef url(../images/cp_ico02.png) no-repeat 210px center;font-weight: bold;border-bottom: 1px solid #efefef;}
.yunu-pro .sd .tit a {display: block;background: url(../images/cp_ico01.png) no-repeat 25px center;padding-left: 55px;}
.yunu-pro .sd ul {overflow: hidden;margin: 0 15px;}
.yunu-pro .sd li a {display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 45px;border-bottom: #efefef 1px solid;background: url(../images/cp_ico03.png) no-repeat 18px center;padding-left: 45px;}
.yunu-pro .sd .tel {margin: 10px;background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px;padding: 72px 0 30px;text-align: center;}
.yunu-pro .sd .tel strong {display: block;font-size: 30px;}
.yunu-pro .mn {float: right;width: 920px;}
.yunu-pro .mn ul {margin-left: -10px;margin-top: -10px;}
.yunu-pro .mn li {float: left;width: 33.333333%;}
.yunu-pro .mn li a {display: block;margin: 10px 0 0 10px;background-color: #fff;}
.yunu-pro .mn li .m {height: 195px;line-height: 195px;}
.yunu-pro .mn li p {margin: 0;padding: 0 15px;text-align: center;line-height: 55px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color: #e0e0e0;}
.yunu-pro .mn li a:hover p {background-color: #f8bd01;color: #333;}

.in-flow {background:url(../images/liuc_line.png) no-repeat 165px 45px;overflow:hidden;}
.in-flow li {float:left;width:171px;text-align:center;color:#333;font-weight:bold;font-size: 14px;}
.in-flow li .icon{display:block;width:100px;height:100px;margin:0 auto 12px;position:relative;}
.in-flow li .icon i:before{content:'';}
.in-flow li .icon i,.in-flow li .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)}
.in-flow li .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.in-flow li .icon i.hover{background-position:0 -100px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.in-flow li.i1 .icon i:before{background-position:0 -200px;}
.in-flow li.i2 .icon i:before{background-position:0 -300px;}
.in-flow li.i3 .icon i:before{background-position:0 -400px;}
.in-flow li.i4 .icon i:before{background-position:0 -500px;}
.in-flow li.i5 .icon i:before{background-position:0 -600px;}
.in-flow li.i6 .icon i:before{background-position:0 -700px;}
.in-flow li.i7 .icon i:before{background-position:0 -800px;}
.in-flow li:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.in-flow li:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.in-tel {float: right;width: 530px;position:absolute;top:94px;right:360px;}
.in-tel .btn {float: right;display: block;background: url(../images/ban_btn.png) no-repeat;width: 128px;height: 50px;line-height: 50px;overflow: hidden;padding: 0 0 0 20px;color: #333;}
.in-tel .btn:hover {-webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
.in-tel p {margin: 0 158px 0 0;background: url(../images/ban_tel.png) no-repeat 0 center;padding-left: 45px;font-size:15px;}
.in-tel p strong {display: block;font-size: 30px;color: #fff;line-height: 1;}