﻿@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#333333;font-family:'Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif;font-size:14px;  }

img {display:block;max-width:100%;border:none; max-height: 100%}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color:#f1891e;}
/*居中*/

.juzhong {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;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;}
input[type="submit"] {cursor:pointer;}
input[type="reset"] {cursor:pointer;}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


@font-face {
	font-family: 'Conv_GOTHAMRND-BOOK';
	src: url('../fonts/GOTHAMRND-BOOK.eot');
	src: local('☺'), url('../fonts/GOTHAMRND-BOOK.woff') format('woff'), url('../fonts/GOTHAMRND-BOOK.ttf') format('truetype'), url('../fonts/GOTHAMRND-BOOK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GOTHAMRND-LIGHT';
	src: url('../fonts/GOTHAMRND-LIGHT.eot');
	src: local('☺'), url('../fonts/GOTHAMRND-LIGHT.woff') format('woff'), url('../fonts/GOTHAMRND-LIGHT.ttf') format('truetype'), url('../fonts/GOTHAMRND-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GOTHAMRND-BOLD';
	src: url('../fonts/GOTHAMRND-BOLD.eot');
	src: local('☺'), url('../fonts/GOTHAMRND-BOLD.woff') format('woff'), url('../fonts/GOTHAMRND-BOLD.ttf') format('truetype'), url('../fonts/GOTHAMRND-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINCond-Black';
	src: url('../fonts/DINCond-Black.eot');
	src: local('☺'), url('../fonts/DINCond-Black.woff') format('woff'), url('../fonts/DINCond-Black.ttf') format('truetype'), url('../fonts/DINCond-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-Medium';
	src: url('../fonts/DIN-Medium.eot');
	src: local('☺'), url('../fonts/DIN-Medium.woff') format('woff'), url('../fonts/DIN-Medium.ttf') format('truetype'), url('../fonts/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




.nav-btnbox { display:none}
.wapshow { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}



.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.hide{display: none}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}


@-webkit-keyframes fadeIn{
	0% {
	opacity:0;	
	}
	100% {
	opacity:1;
	}
}
@keyframes fadeIn{
	0% {
	opacity:0;
	}
	100% {
		opacity:1;
	  }
}

.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}




.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


.mainbox{margin: 0 auto; max-width:1200px; }
.top{position: fixed; left: 0px; top: 0px; z-index: 9999999; width: 100%; }

.top.cur{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05); }
.top.cur .logo .hide{display: block}
.top.cur .logo .show{display: none}
.top.cur .nav li>a{color: #333}
.top.cur .yuyan{color: #333}

.top.cur .yuyan a{color: #333}
.top.cur .yuyan a:hover{color: #df891a}

.top.cur2{background: #fff;  }
.top.cur2 .logo .hide{display: block}
.top.cur2 .logo .show{display: none}
.top.cur2 .nav li>a{color: #333}


.top.cur .mainbox{height: 70px;}

.top.cur .nav li>a{line-height:80px;}
.top.cur .navdown{top: 70px}

.logo{width:140px;}
.top .mainbox{ height:80px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.nav{width:66%; }
.nav li>a{color: #fff; line-height:100px; display: block}
.nav li{position: relative; font-size: 16px;}
.navdown{background:rgba(255,255,255,0.9); position: absolute; left:50%; transform: translate(-50%,0); width:180%; top:80px;box-shadow:0px 10px 10px rgba(0,0,0,0.05); padding: 10px 0px; display: none}

.navdown a{display: block; text-align: center; line-height:35px; color: #333}
.navdown a:hover{color:#df891a;font-weight: bold}

.top .nav li.cur>a{color: #f1891e; font-weight: bold}
.top .nav li:hover>a{color: #f1891e;font-weight: bold}

.topright{width: calc(100% - 153px);}

.yuyan{font-family: 'DIN-Medium';color: #fff; width: 10%; text-align: right;font-size: 16px;}

.yuyan a{color: #fff}
.yuyan a:hover{color: #f1891e}
.yuyan em{font-size: 13px; margin: 0px 5px;}
.banner img{width: 100%}



.banner{position: relative;}
.banner .swiper-slide{}

.banner .swiper-slide img{width: 100%}


.banner .swiper-pagination { z-index: 999; left:0px; bottom:20px; width: 100% }
.banner .swiper-pagination-bullet {  background:#ffffff; opacity:1;width: 10px; height:10px;margin:0px 5px;  }
.banner .swiper-pagination-bullet-active { background: #f1891e}


.banner .swiper-button-next{ width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url("../images/totighy.png") no-repeat center center; background-size:10px auto; right:2%; opacity: 0; border: 1px solid #fff; border-radius: 100%}
.banner .swiper-button-prev{width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url(../images/tolefft.png) no-repeat center center;  background-size:10px auto; left:2%; opacity: 0; border: 1px solid #fff; border-radius: 100%}

.banner:hover .swiper-button-next{opacity: 1}
.banner:hover .swiper-button-prev{opacity: 1}


.banner .swiper-button-next:hover{background-color: #f1891e;border: 1px solid #f1891e; }
.banner .swiper-button-prev:hover{background-color: #f1891e;border: 1px solid #f1891e; }


.huisebj{background: #f6f6f6; padding-top: 60px; padding-bottom:20px;}

.syprobox ul{width: calc(100% + 40px); margin-left:-40px;}
.syprobox li{width: calc(50% - 40px); margin-left: 40px; float: left; position: relative; margin-bottom: 40px;}

.syprotxt{position: absolute; left: 5%; bottom:8%; width: 42%}
.syprotxt h2{font-size: 24px; margin-bottom: 5px;}
.syprotxt p{font-size: 16px;}



.provideobox{padding-bottom: 60px; padding-top: 30px;}

.provideotit{padding:30px 0px; text-align: center}
.provideotit h2{font-size:30px;}
.provideotit a{color: #999}
.provideotit a:hover{color: #f1891e}
.syvideo{position: relative; margin-top: 20px; cursor: pointer}

/*.syvideo:before{content: ""; position: absolute;width: 60px; height: 60px; border: 3px solid #fff; border-radius: 100%; z-index: 99; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.syvideo:after{content: ""; position: absolute;   width: 0;
    height: 0;
    border-top:15px solid transparent;
    border-left:20px solid #fff;
    border-bottom:15px solid transparent;z-index: 99; left: 50%; top: 50%; transform: translate(-30%,-50%);}

*/

#video{object-fit:fill;}


.synewsbox{ padding-top:60px; padding-bottom: 60px;}

.synews{width: 45%}

.sytit{border-bottom: 1px solid #ddd; padding-bottom: 10px; position: relative; padding-left: 15px;}
.sytit:before{content: ""; width: 4px; height: 20px; position: absolute; left: 0px; top: 8px; background: #333}
.sytit h2{font-size: 24px;}
.sytit a{color: #999}
.sytit a:hover{color: #f1891e}


.synewslist li{margin-top: 30px;}
.synewslist li .fangdapic{width: 180px;}
.synewstxt{width: calc(100% - 210px);}
.synewstxt em{font-family: 'Conv_GOTHAMRND-BOOK';}

.synewstxt p{font-size: 18px; font-weight: bold; margin: 5px 0px 10px;}

.synewstxt span{color: #888; line-height: 1.8}

.youshiboxs{padding-bottom:60px;}

.youshiboxs h2{text-align: center; font-size: 30px; text-align: center}
.youshiboxs ul{margin-top:60px;}
.youshiboxs li{text-align: center; width: 25%; float: left; cursor: pointer}
.youshiico{border: 2px solid #333; border-radius: 100%; display: inline-block; width:40%;transition: all 0.3s; }

.youshitxt p{font-size: 22px; font-weight: bold; margin: 20px 0px 10px;}
.youshitxt span{color: #666; display: block}
.youshitxt{padding: 0px 10%}

.youshiboxs li:hover .youshiico img.hide{display: block}
.youshiboxs li:hover .youshiico img.show{display: none}
.youshiboxs li:hover .youshiico{background: #333; }
.footshare li{position: relative}

.footshare li:hover .dibuma{transform: translate(-50%,0%) scale(1);}
.dibuma{width: 100px; height: 100px; padding:5px; background: #fff; position: absolute; left: 50%; bottom: 40px;  transform: translate(-50%,0%) scale(0);transition: all 0.3s;  border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1) }
.dibuma:before{ width: 0;
    height: 0;
    border-left:8px solid transparent;
    border-right: 8px solid transparent;
    border-top:8px solid #fff; content: ""; position: absolute; left: 50%; bottom:-8px; transform: translate(-50%,0)}


.footer{background: #333; color: #666; margin-top: 50px;}

.foottop{border-bottom: 1px solid #666; padding:20px 0}

.footnav{width:65%}
.footnav li{font-size: 16px;}
.footnav li a{color: #FFFFFF}
.footnav li a:hover{color: #f1891e}
.footshare{width:15%}


.footshare li{width: 30px;}

.footbot{padding: 20px 0px;}
.footbotleft{width: 70%}
.footbotleft a{color: #666}
.footbotleft a:hover{color: #f1891e}
.footbotright{width: 30%; text-align: right}

.footbotright a{font-weight: bold;color: #f1891e; font-size: 18px;}
.footbotright a:hover{text-decoration: underline}

.nybanner img{width: 100%}
.nybanner{position: relative}
.nybantxt{position: absolute; width: 100%; top:55%; transform: translate(0,-50%);}

.nybantxt h2{color: #fff; text-transform: uppercase;font-family: 'Conv_GOTHAMRND-BOOK'; font-size:24px;}
.nybantxt h2 span{font-weight: normal}

.nybantxt p{color: #f1891e;font-size: 18px; margin-top: 5px; position: relative; display: inline-block}

.nybantxt p:before{ width: 0;
    height: 0;
    border-left:6px solid transparent;
    border-right: 6px solid transparent;
    border-top:6px solid #f1891e; content: ""; position: absolute; right:-22px; top:12px;}

.miaobao{padding:30px 0px; color: #777;font-family: 'Conv_GOTHAMRND-BOLD';}

.miaobao a{color: #777}
.miaobao a:hover{color: #f1891e}


.nyaboutbox{font-size: 16px; line-height: 1.8; padding-bottom: 80px; text-align: justify}
.nyaboutbox p{padding-top:30px;}


.huisetwobj{background: #efefef}


.nyproleft{width: 250px; float: left}
.nyproleft.cur{position: fixed; top: 70px;}
.nyprolefttit{background: #333; color: #fff; padding: 30px;}

.nyprolefttit p{text-transform: uppercase;font-family: 'Conv_GOTHAMRND-BOOK'; font-size: 18px; }
.nyprolefttit h2{font-size: 24px; margin-top: 10px;}



.nyproleft ul{background: #fff; overflow: hidden}
.nyproleft li{margin: 10px 0px;}
.nyproleft li a{padding:12px 30px; display: block;font-size: 16px; color: #666}
.nyproleft li.cur a{background: #333; color: #fff; }
.nyproleft li a:hover{background: #333; color: #fff; }

.nyproright{width: calc(100% - 300px); float: right}
.nyproright ul{margin-left: -30px; width: calc(100% + 30px);}
.nyproright li{width: calc(50% - 30px); float: left; margin-left: 30px; background: #fff; margin-bottom: 30px;transition: all 0.3s;}

.protxt{padding:20px 30px;}

.protxt p{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.protxt span{display:block; color: #666; height:48px; line-height:24px; font-size: 16px;}
.protxt em{font-weight: bold; font-size: 20px; display: block; margin-top: 10px;}

.page {padding:40px 0px;}
.page a{ height:35px; padding: 0px 15px; margin: 0px 3px; line-height: 35px; background: #fff; border:1px solid #efefef}
.page a:hover{background: #333;color: #fff}
.page a.cur{background: #333;color: #fff}


.nyproright li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}


.proshowbox{background: #fff; padding: 30px;}

.proshowtxt p{padding-top: 20px;}

.proshowtit{text-align: center; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 20px;}

.nynews{margin-top: 40px;}
.nynews li{transition: all 0.3s; padding: 20px; margin-bottom: 10px;}
.nynews li .fangdapic{width: 25%}

.newstit li{margin: 0px 3px;}
.newstit li a{height: 40px; line-height: 40px; padding: 0px 30px; background: #b7b7b7;display: block; font-size: 16px;}

.newstit li a:hover{background: #333; color: #fff}

.newstit li.cur a{background: #333; color: #fff}

.nynews li .synewstxt {width:calc(75% - 150px);}
.newtime{width: 100px; height: 100px; background: #e9e9e9; color: #666;font-family: 'Conv_GOTHAMRND-BOOK';transition: all 0.3s;}

.synewstxt i{font-family: 'Conv_GOTHAMRND-BOOK'; display: block; margin-top: 2%}
.nynews li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.nynews li:hover .newtime{background: #333; color: #fff}



.newsshowtit{text-align: center; border-bottom: 1px solid #eee; padding-bottom: 30px; margin: 20px 0;}
.newsshowtit h1{font-size:24px; margin-bottom: 5px;}

.newsshowtit p{color: #666}

.nynewsshowbox{padding: 20px 0px; color: #666; line-height: 1.8; font-size: 16px;}

.nynewsshowbox p{padding-top: 20px;}
.updown {margin-top: 30px;}
.updown li{padding: 5px 0px; font-size: 16px;}
.updown li a{color: #666}
.updown li a:hover{color: #f1891e}

.wangluo{padding-bottom: 50px;}
.wangluo li{ width: 48%; position: relative; background: #000; overflow: hidden}
.wangluo li .fangdapic img{opacity: 0.6}
.xianbox{position: absolute; left:50%; top: 50%; color: #fff; transform: translate(-50%,-50%); text-align: center; width: 100%}

.xianbox h2{font-size:34px; position: relative; padding-bottom:10px; margin-bottom:20px;}
.xianbox h2:before{width: 40px; height: 4px; background: #fff; position: absolute; bottom: 0px; left: 50%; margin-left: -20px; content: ""}
.xianbox p{font-family: 'DIN-Medium'; text-transform: uppercase; letter-spacing: 1px; font-size: 20px}


.xianboxtxt{position: absolute;left:0%; top:120%; opacity: 0; width: 100%; height: 100%; color: #fff; line-height: 1.8; font-size: 18px; background: #333;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; }


.xianboxtxthezi{padding: 5%;font-family: 'Conv_GOTHAMRND-BOLD';}
.xianboxtxthezi p{padding: 5px 0px;}
.wangluo li:hover .xianboxtxt{top: 0px; opacity: 1}



.xianboxtxt img{width: 50%}



.contit{ font-size: 30px;font-weight: bold; text-align: center}

.conpic{width:40px;padding:60px 0px 0}
.conpic img{display: inline-block}
.contxts{border-bottom: 1px solid #dddddd; width: calc(100% - 60px); padding: 50px 0px}



.contxts p{ font-size: 24px; font-weight: bold}
.contxts span{font-family: 'Conv_GOTHAMRND-BOLD';font-size:24px; font-weight: bold}

.lianxi{margin-top: 40px;}
.lianxi li{width: 50%; float: left}




.conmap{margin-top: 40px}

.contactbox{ padding: 50px 0px;}

.conmiaoshu{ font-size:18px;padding: 40px 0px; text-align: center}
.confrom{padding-bottom: 60px;}
.confrom li{margin-bottom: 15px}
.confrom li span{ width: 140px;font-size: 24px; font-weight: bold; line-height: 70px}
.confrom li span em{ color: #ff414e}
.confrom li p{width: calc(100% - 150px);}
.confrom li input{width: 100%; height: 70px; border: 1px solid #fff; text-indent: 30px; font-size: 18px;}
.confrom li input:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.confrom li textarea{width: calc(100% - 60px); height:140px; border: 1px solid #fff;  padding: 30px; font-size: 18px;}
.confrom li textarea:hover{  box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.confrom li ::-webkit-input-placeholder {
  color: #999;
  font-size: 20px;
}

.confrom li ::-moz-placeholder { 
  color: #999;
  font-size: 20px;
}

.confrom li :-ms-input-placeholder {
  color: #999;
  font-size: 20px;
}



.fasong{ background: #333; height: 100px; color: #fff; font-size: 24px; font-weight: bold}
.fasong img{margin-right: 10px}
.fasong:hover{background: #f1891e; color: #fff}


.fudong{width: 70px; position: fixed; right: 0px; bottom: 10%; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); z-index: 9999999999999}
.fudong li{border-bottom: 1px solid #eee; position: relative}
.fudong li:last-child{border: none}
.fudongico{width:30px; margin: 0 auto;}
.fudong li{padding: 10px 0px;}
.fudong li:hover .erweiams{display: block}
.fudong li a>p{text-align: center; margin-top: 10px; font-size: 13px;}
.erweiams{width: 100px; text-align: center;padding:5px; background: #fff; position: absolute; top: 50%;  transform: translate(0%,-50%);transition: all 0.3s;  border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right: 80px; display: none}
.erweiams:before{ width: 0;
    height: 0;
    border-top:8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left:8px solid #fff; content: ""; position: absolute; left:100%; top:50%; transform: translate(0%,-50%)}


.dianhua{width:150px; padding: 10px; height: auto; font-family: 'Conv_GOTHAMRND-BOLD'; text-align: left}
.dianhua p{margin-top:5px;}









