@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.chanp01{padding: 100px 0 40px;}
.cp_t{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 90px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #ec1b24;padding: 0 20px;}
.cp_t span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 8px 0 0;}
.cp_t em{font-weight: normal;}

.cp_l{width: 380px;padding: 30px 0 0;}
.cp_l h3{background: url(/template/images/cp_line.gif) no-repeat;padding: 0 0 0 28px;width: 272px;height: 120px;}
.cp_l h3 a{font-size: 18px;color: #333;display: block;letter-spacing: 4px;font-weight: normal;}
.cp_l h3 em{display: block;width: 568px;height: 36px;margin: 5px 0 15px;}
.cp_l h3 em img{width: 265px;height: 36px;}
.cp_l ul{padding: 0 0 0 28px;}
.cp_l ul li,.cp_l span{height: 58px;line-height: 58px;overflow: hidden;position: relative;}
.cp_l ul li a,.cp_l span a{font-size: 18px;color: #666;display: block;background: url(/template/images/cp_ico01.gif) no-repeat 0 25px;padding-left: 32px;}
.cp_l ul li i,.cp_l span i{background: url(/template/images/cp_ico03.gif) no-repeat 205px 23px;width: 352px;height: 58px;position: absolute;top: 0;left: 0;display: none;}
.cp_l ul li i:before,.cp_l span i:before{ content: "";width: 12px;height: 12px;background: #ec1b24;position: absolute;left: 213px;top: 22px;border-radius: 50%;
transition:all 1s;
transition-timing-function:linear;
transition-delay: 0.3s;
/* Safari and Chrome */
-webkit-transition:all 1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:0.3s;
/* Opera */
-o-transition:all 1s;
-o-transition-timing-function:linear;
-o-transition-delay:0.3s;
}
.cp_l ul li.on a,.cp_l span a:hover{color: #ec1b24;font-weight: bold;background: url(/template/images/cp_ico02.gif) no-repeat 0 25px;}
.cp_l ul li.on i,.cp_l span a:hover i{display: block;}
.cp_l ul li.on i:hover:before,.cp_l span a:hover i:hover:before{left: 270px;}
.cp_l span{display:block;padding: 0 0 0 28px;}

.cp_r{width: 815px;margin-right: -15px;padding: 30px 0 0;}
.cp_r p{background: url(/template/images/cp_k.gif) no-repeat;width: 815px;height: 386px;padding: 0 20px 20px 0;line-height: 0;}
.cp_r p a{display: block;width: 815px;height: 386px;line-height: 0;overflow: hidden;}
.cp_r p img,.chanp02 ul li em img,.fuw_m dl dt img,.case_con dl dd img,.jz_m dl dt img,.news dt img,.photo_r ul li img{width: 815px;height: 386px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r p img:hover,.chanp02 ul li em img:hover,.fuw_m dl dt img:hover,.case_con dl dd img:hover,.jz_m dl dt img:hover,.news dt img:hover,.photo_r ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/**/
.chanp02{padding: 0 0 40px;}
.chanp02 p{width:40px;height:40px;cursor:pointer;position:absolute;top:90px;line-height:0;border-radius:50%;-webkit-transition:transform .3s;transition:transform .3s;}
.chanp02 p img{width:40px;height:40px;}
.cp_lico{left:-60px;}
.cp_rico{right:-50px;}
.chanp02 p:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}

.cp_qie{width: 1200px;overflow: hidden;}
.chanp02 ul li{width: 283px;float: left;position: relative;margin-right: 18px;}
.chanp02 ul li:before{content: "";width: 10px;height: 20px;background: #ec1b24;position: absolute;top: 160px;left: 0; z-index:10;}
.chanp02 ul li em{width: 283px;height: 212px;display: block;line-height: 0;overflow: hidden;}
.chanp02 ul li em img{width: 283px;height: 212px;}
.chanp02 ul li span{display: block;font-size: 16px;color: #666;width: 283px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;padding: 8px 0 0;}
.chanp02 ul li i{display: none;width: 70px;height: 70px;border-radius: 50%;position: absolute;top: 64px;left: 50%;background: #fff;margin-left: -35px;z-index: 20;}
.chanp02 ul li i img{width: 70px;height: 70px;}
.chanp02 ul li i:before{content:'';border: rgba(236,27,36,0.5) 8px solid;position: absolute;top: -8px;left: -8px;border-radius: 50%;width: 70px;height: 70px;transition: 0.5s;}
.chanp02 ul li i:hover:before{transform: scale(1.5);opacity: 0;}
.chanp02 ul li:hover i{display: block;}

/*专注品质*/
.pinz_bg{background:#f2f2f2 url(/template/images/pinz_wz.gif) no-repeat center 312px;padding: 50px 0;}
.pinz_l{padding: 30px 0 0;width: 315px;}
.pinz_l dl{width: 315px;height: 200px;padding-top: 35px;-webkit-transition:transform .3s;transition:transform .3s;}
.pinz_l dl:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.pinz_l dl dt{width: 315px;height: 70px;overflow: hidden;font-size: 24px;color: #333;line-height: 70px;overflow: hidden;font-weight: bold;background: url(/template/images/pinz_line.gif) no-repeat 0 65px;}
.pinz_l dl dt em{width: 52px;height: 48px;display: block;float: left;line-height: 0;padding: 10px 15px 0 0;}
.pinz_l dl dt em img{width: 52px;height: 48px;}
.pinz_l dl dd{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;padding: 15px 0 0;}
.pinz_c{width: 465px;height: 442px;padding: 20px 0 0 40px;overflow: hidden;}
.pinz_c img{width: 465px;height: 442px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz_c img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*四大核心服务*/
.fuw{padding: 60px 0 100px;}
.fuw_t{padding: 30px 0 0;}
.fuw_t ul li{float:left;width:300px;height:220px;position:relative;text-align:center;cursor: pointer;background: url(/template/images/fuw_line.gif) no-repeat 0 40px;}
.fuw_t ul li .hover,.fuw_t ul li .default{background:url(/template/images/iserve_bg.png);}
.fuw_t ul li b{display: block;font-size: 22px;color: #333;margin-top: 112px;height: 46px;line-height: 60px;overflow: hidden;}
.fuw_t ul li span{display: block;font-size: 12px;color: #d0d0d0;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.fuw_t ul li i{display:block;width:112px;height:112px;margin:0 auto;background:url(/template/images/iserve_icon.png);}
.fuw_t ul li .hover,.fuw_t ul li .default{margin-left: -56px;position:absolute;width: 112px;height: 112px;top:0;left:50%;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.fuw_t ul li .default{background-position:0 0;}
.fuw_t ul li .hover{background-position:0 -112px;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.fuw_t ul li.fuw_li01 .default i{background-position:0 0;}
.fuw_t ul li.fuw_li01 .hover i{background-position:-112px 0;}
.fuw_t ul li.fuw_li02 .default i{background-position:0 -112px;}
.fuw_t ul li.fuw_li02 .hover i{background-position:-112px -112px;}
.fuw_t ul li.fuw_li03 .default i{background-position:0 -224px;}
.fuw_t ul li.fuw_li03 .hover i{background-position:-112px -224px;}
.fuw_t ul li.fuw_li04 .default i{background-position:0 -336px;}
.fuw_t ul li.fuw_li04 .hover i{background-position:-112px -336px;}
.fuw_t ul li:hover .hover,.fuw_t ul li.on .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.fuw_t ul li:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.fuw_t ul li.fuw_li01{background: none;}
.fuw_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 188px;left: 136px;
border-top:15px solid #ec1b24; 
border-left:15px solid transparent;
border-right:15px solid transparent;
}
.fuw_m dl dt{width: 780px;height: 390px;float: left;line-height: 0;overflow: hidden;}
.fuw_m dl dt img{width: 780px;height: 390px;}
.fuw_m dl dd{background: url(/template/images/fuw_k.jpg) no-repeat;width: 375px;height: 285px;float: left;overflow: hidden;padding: 105px 0 0 45px;}
.fuw_m dl dd h5{font-size: 30px;color: #333;line-height: 40px;height: 100px;}
.fuw_m dl dd h5 i{display: block;font-size: 16px;color: #ec1b24; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.fuw_m dl dd p{font-size: 16px;color: #9a9a9a;line-height: 30px;width: 320px;}

/*优势*/
.case{padding: 0 0 90px;}
.ibrand-num{overflow:hidden;padding:40px 0 0;}
.ibrand-num li{float:left;width:240px;height:155px;text-align:center;color:#ec1b24;font-size:26px;position: relative;font-weight: bold;background: url(/template/images/ys_line01.gif) no-repeat 0 30px;padding: 10px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.ibrand-num li:first-child{background: none;}
.ibrand-num li span{padding-right: 10px;display: inline-block;height: 60px;}
.ibrand-num li b{display:block;font-size: 24px;color: #333;font-weight: normal; padding:15px 0 0;}
.ibrand-num li i{display: block;font-size: 18px;color: #fff;width: 32px;text-align: center;height: 32px;line-height: 32px;overflow: hidden;background: #333;border-radius: 50%;position: absolute;top: 0;}
.ibrand-num li.num01 i,.ibrand-num li.num02 i{left: 150px;}
.ibrand-num li.num03 i,.ibrand-num li.num04 i,.ibrand-num li.num05 i{left: 135px;}
.ibrand-num li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.cases { width: 100%; min-width: 1200px; height: 672px; position: relative; overflow: hidden; }
.case_con { width: 1200px; position: absolute; left: 50%; margin-left: -600px; }
.case_con .tempWrap .case_m { margin-left: -1200px !important; }
.case_con .tempWrap, .case_con .tempWrap .case_m { overflow: visible !important; }
.case_con dl { width: 1200px; height: 572px; overflow: visible; position: relative;}
.case_con dl dd { width: 1200px; height: 572px; overflow: hidden; line-height: 0;}
.case_con dl dd img { width: 1200px; height: 572px;}
.case_con dl dt {position: absolute;right: 0;top: 92px; height: 360px;width: 390px;background: rgba(236,27,36,0.8);border-radius: 40px 0 0 0;padding: 50px 45px 0;overflow: hidden;}
.case_con dl dt h4 { height: 80px;line-height: 40px;width: 390px;}
.case_con dl dt h4 em{display: block;height: 58px;height: 58px;float: left;line-height: 0;margin: 5px 20px 0 0;position: relative;background:#fff;border-radius:50%;}
.case_con dl dt h4 em:before{content: "";width: 8px;height: 8px;background: #fff;position: absolute;bottom: -15px;left: 26px;border-radius: 50%;}
.case_con dl dt h4 em img{width: 58px;height: 58px;}
.case_con dl dt h4 b{display: block;float: left;font-size: 30px;color: #fff;width: 300px;}
.case_con dl dt h4 i{display: block;}
.case_desc{font-size: 14px;color: #f7e8e8;line-height: 25px;overflow: hidden;padding-top: 15px;}
.case_con dl dt p{padding: 5px 0 0;}
.case_con dl dt span{display: block;font-size: 220px;position: absolute;bottom: -30px;right: 0;color: rgba(255,255,255,0.2);font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 160px;}
.case_bot{background: #eee;height: 100px; width: 1200px; position: absolute; left: 50%; margin-left: -600px;bottom: 0;}
.case_bot ul li{font-size: 20px;color: #333;width: 302px;text-align: center;height: 100px;float: left;background: url(/template/images/ys_line02.gif) no-repeat right 38px;line-height: 30px;margin-left: -2px;cursor: pointer;}
.case_bot ul li i{display: block;padding: 16px 0 0;}
.case_bot ul li.on{background: #d7342f;color: #fff;}
.case_bot ul li.nobor{background-image: none;}
.case .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 572px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.case .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 572px; cursor: pointer; }
.case .prev { left: -50%; margin-left: -680px; }
.case .next { left: 50%; margin-left: 680px; }
.case .pnBtn .arrow {display: block; position: absolute; top: 0; z-index: 1; width: 80px; height: 572px;}
.case .prev .arrow { right: -80px; background:#fff url(/template/images/ys_lico01.png) no-repeat center; }
.case .prev .arrow:hover { right: -80px; background:#fff url(/template/images/ys_lico02.png) no-repeat center; }
.case .next .arrow { left: -80px; background:#fff url(/template/images/ys_rico01.png) no-repeat center; }
.case .next .arrow:hover { left: -80px; background:#fff url(/template/images/ys_rico02.png) no-repeat center; }

/*应用案例*/
.jz{padding: 0 0 50px;}
.jz_t{padding: 40px 0 0;height: 65px;overflow: hidden;}
.jz_t ul li{width: 190px;float: left;padding: 0 55px;}
.jz_t ul li a{display: block;font-size: 16px;color: #333;width: 186px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;float: left;border: #f2f2f2 2px solid;border-radius: 20px;}
.jz_t ul li.on a{background: #ec1b24;color: #fff;border: #ec1b24 2px solid;}
.jz_m dl dt{width: 840px;height: 420px;float: right;line-height: 0;overflow: hidden;}
.jz_m dl dt img{width: 840px;height: 420px;}
.jz_m dl dd{width: 295px;height: 365px;background: #333;float: left;overflow: hidden;padding: 55px 35px 0 30px;}
.jz_m dl dd h5{height: 135px;}
.jz_m dl dd h5 b{display: block;font-size: 18px;color: #7d2c2f;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;height: 30px;}
.jz_m dl dd h5 a{display: block;font-size: 24px;color: #fff;font-weight: normal;line-height: 36px;height: 72px;overflow: hidden;}
.jz_m dl dd span{display: block;font-size: 20px;color: #e0e0e0;height: 40px;line-height: 40px;overflow: hidden;}
.jz_m .jz_desc{color: #d0d0d0;font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;}

/*合作客户*/
.hz{background: #fafafa;padding: 0 0 100px;}
.hz_t{background:url(/template/images/hz_line.gif) no-repeat center 48px;height: 100px;line-height: 100px;overflow: hidden;text-align: center;}
.hz_t a{font-size: 30px;color: #333;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 135px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hz ul li img{width: 240px;height: 135px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n) a:before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 21;}

/*广告条*/
.ban01{background:url(/template/images/ban01.jpg) no-repeat center 0;height: 300px;overflow: hidden;}
.ban01 p{padding: 230px 0 0 20px;}
.ban01 p em{display: block;float: left;width: 142px;}
.ban01 p em a{display: block;font-size: 18px;color: #fff;width: 142px;text-align: center;height: 38px;line-height: 38px;background: #ec1b24;overflow: hidden;border-radius: 20px;}
.ban01 p em a:hover,.news dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban01 p span{display: block;float: left;font-size: 18px;color: #333;padding: 0 0 0 20px;line-height: 38px;font-weight: bold;}

/*新闻中心*/
.news_main{padding: 90px 0;}
.news,.wd{ width:560px;}
.news_t{ height:50px;line-height: 40px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t a{font-size: 24px;color: #333;font-weight: normal;}
.news_t a:hover{color: #ec1b24;}
.news_t span{display: block;float: right;width: 24px;padding: 8px 5px 0 0;line-height: 0;}
.news_t span img{width: 24px;height: 24px;}
.news dl{ width:560px; padding:20px 0;border-bottom: #d5d5d5 1px dashed; display: inline-block;margin-bottom: 15px;}
.news dt{ width:560px; height:160px;overflow: hidden;line-height: 0;}
.news dt img{ width:560px; height:315px;}
.news dd{width:560px; padding:10px 0 0;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:16px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 560px;}
.news dd h3 a:hover,.news ul li a:hover,.wd dl dt a:hover{color: #ec1b24;}
.news .news_desc{ font-size:14px; color:#666; height:50px; line-height:25px;overflow: hidden;}
.news dd span{display: block;padding: 15px 0 0;}
.news dd span a{display: block;font-size: 14px;color: #fff;font-weight: bold;width: 140px;text-align: center;height: 30px;line-height: 30px;background: #ec1b24;overflow: hidden;border-radius: 20px;}
.news ul li{ height:30px; line-height:30px; overflow:hidden;width: 560px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(/template/images/news_ico01.gif) no-repeat 0 11px;padding-left: 30px;}
.news ul li a:hover{background:url(/template/images/news_ico02.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #aaa;width: 100px; text-align:right;}

/*常见问题*/
.wd_m{padding: 20px 0 0;height: 390px;overflow: hidden;}
.wd dl{height: 120px;width: 560px;padding-top: 15px;}
.wd dl dt{height: 36px;line-height: 36px;overflow: hidden;}
.wd dl dt a{font-size: 16px;color: #666; background:url(/template/images/wd_ico01.gif) no-repeat;padding-left: 60px;display: block;height: 36px;}
.wd dl dt a:hover{ background:url(/template/images/wd_ico02.gif) no-repeat;}
.wd dl dd{width: 500px;margin-left: 60px;font-size: 14px;color: #aaa;height: 50px;line-height: 25px;overflow: hidden;border-bottom: #ededed 1px dashed;padding:5px 0 20px;}

/*关于我们*/
.ab_bg{background: #f7f7f7; overflow:hidden;}
.about{height: 463px;}
.about:before{content: "";width: 360px;height: 180px;background: #ec1b24;position: absolute;bottom: 0;left: 100%;}
.about dl{position: relative;}
.about dl dt{width: 960px;height: 463px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;}
.about dl dt img{width: 960px;height: 463px;}
.about dl dt em{display: block;background:rgba(0,0,0,0.4) url(/template/images/ab_video.png) no-repeat center;position: absolute;top: 0;right: 0;width: 960px;height: 463px;}

.video{width: 960px;height: 463px;z-index: 5000;position: relative;}

.video_btn{width: 960px;height: 463px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee;width: 960px; height: 540px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 960px; height: 540px; overflow: hidden;}
.video_con img{width: 960px; height: 540px;}

.about dl dd{width: 500px;float: right;padding:50px 50px 0 0;}
.ab_t{background: url(/template/images/ab_line01.gif) no-repeat;padding-left: 45px;height: 78px;line-height: 78px;overflow: hidden;}
.ab_t a{font-size: 48px;color: #333;}
.ab_t i{font-weight: normal;}
.about .ab_desc{font-size: 16px;color: #666;line-height: 36px;height: 180px;overflow: hidden;padding: 30px 0 0;letter-spacing: 2px;}
.about .ab_more{display: block;line-height: 36px;margin-top: -36px;text-align: right;padding-right: 20px;}
.about .ab_more a{font-size: 16px;color: #ec1b24;}
.about ul li{width: 150px;float: left;text-align: center;background: url(/template/images/ab_line02.gif) no-repeat 0 36px;height: 70px;margin-top: 55px;}
.about ul li a{display: block;font-size: 16px;color: #333;}
.about ul li em{display: block;width: 32px;height: 34px;line-height: 0;overflow: hidden;margin: 0 auto 10px;}
.about ul li em img{width: 32px;height: 68px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li a:hover{color: #ec1b24;}
.about ul li a:hover em img{margin-top: -34px;}
.about ul li:first-child{background: none;}

/*匠艺风采*/
.photo_bg{padding: 50px 0 30px;background: #f7f7f7;}
.photo_l{ background:url(/template/images/photo_tbg.gif) no-repeat;height: 95px;width: 280px;overflow: hidden;margin-top: 30px;}
.photo_l a{font-size: 22px;color: #333;}
.photo_l b{display: block;margin: 42px 0 0;line-height: 35px;height: 35px;overflow: hidden;letter-spacing: 2px;}
.photo_r{width: 880px;}
.photo_r ul li{width: 200px;float: left;margin-left: 18px;}
.photo_r ul li em{display: block;width: 200px;height: 150px;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 200px;height: 150px;}
.photo_r ul li span{font-size: 14px;color: #666;display: block;width: 200px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;}

/*友情链接*/
.f_link{height: 57px;line-height: 57px;overflow: hidden;margin: -57px 0 0 600px;width: 600px;}
.f_link b{display: block;float: left;font-size: 16px;color: #fff;width: 90px;text-align: right;}
.f_link p{font-size: 14px;color: #f7e0e6;float: left;width: 510px;}
.f_link p a{font-size: 14px;color: #f7e0e6; padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}