/*1029626114@qq.com*/

@charset "utf-8";

.g_guide{background:url(../images/ppbg.jpg) no-repeat center top;height: 619px;padding-top: 115px;box-sizing: border-box;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.ppleft{float: left;width:24%;padding-top: 30px;}

.ppleft h2{height: 178px;font-size:36px;color:#333333;position: relative;}

.ppleft h2 em{display: block;font-size:20px;color:#333333;}

.ppleft h2:before{content: "";position: absolute;width:69px;height: 4px;left:0;top:142px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1107da+0,014dfc+100 */

background: #1107da; /* Old browsers */

background: -moz-linear-gradient(left,  #1107da 0%, #014dfc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #1107da 0%,#014dfc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #1107da 0%,#014dfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1107da', endColorstr='#014dfc',GradientType=1 ); /* IE6-9 */



}

.ppleft p{font-size:14px;line-height: 30px;}



.ppr{float: right;width:21.5%;}

.ppr dl{height: 62px;margin-bottom: 32px;}

.ppr dt{float: right;width:62px;height: 62px;background: #f2f2f2;border-radius: 50%;}

.ppr dt img{width:62px;height: 62px;display: block;}

.ppr dd{float: left;text-align: right;width: 75%;padding-top: 9px;}

.ppr h3{font-size:22px;font-weight: bold;color:#333;}

.ppr h3 em{display: block;font-size:14px;font-weight: normal;color:#666666;}





.ppr dl:nth-child(1){animation-delay: 0.1s;}

.ppr dl:nth-child(2){animation-delay: 0.2s;}

.ppr dl:nth-child(3){animation-delay: 0.3s;}

.ppr dl:nth-child(4){animation-delay: 0.4s;}

.ppr dl:nth-child(5){animation-delay: 0.5s;}





.g_pro{background: #f7f7f7;padding-top: 72px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.g_pro h2 a{display: block;height: 142px;text-align: center;font-size: 36px;font-weight: bold;color:#333333;padding-top: 10px;box-sizing: border-box;width:1200px;margin:0 auto;letter-spacing: 5px;}

.g_pro h2 span{display: block;height: 26px;line-height: 26px;position: relative;font-size:14px;color: rgba(51,51,51,.3);text-transform: uppercase;font-weight: normal;}

.g_pro h2 span:before{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;left:35%;top:12px;}

.g_pro h2 span:after{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;right:35%;top:12px;}

.g_pro h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;}





.g_pro .fltit{height: 200px;}

.g_pro .fltit dl{height:86px;background: #fff;margin-bottom: 7px;border-radius: 5px;}

.g_pro .fltit dt a{display: block; float: left;width:16%;line-height:86px; position: relative;margin-right: 3%;

background: #0249fa; /* Old browsers */

background: -moz-linear-gradient(left,  #0249fa 0%, #0f0ddd 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #0249fa 0%,#0f0ddd 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #0249fa 0%,#0f0ddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0249fa', endColorstr='#0f0ddd',GradientType=1 ); /* IE6-9 */

border-radius: 0.5rem;font-size: 20px;color:#fff;text-align:center;}

.g_pro .fltit dt a:before{content: "";position: absolute;right:-10px;top:23px;

width: 0;

height: 0;

border-style: solid;

border-width: 20px 0 20px 20px;

border-color: transparent transparent transparent #0f0ddd;

}





.g_pro .fltit dd{float: left;width: 78%;}

.g_pro .fltit dd a{line-height:86px;display: inline-block;font-size: 16px;color:#333333;position: relative;padding:0 1.8%;}

.g_pro .fltit dd a:hover{color:#0f10de;}

.g_pro .fltit dd a:before{content: "";position: absolute;width:1px;height: 10px;background: #e5e5e5;right:0;top:38px;}

.g_pro .fltit dl:nth-child(2) dd{padding-top: 6px;}

.g_pro .fltit dl:nth-child(2) dd a{line-height: 36px;}

.g_pro .fltit dl:nth-child(2) dd a:before{top:12px;}







.fllst{position: absolute;left:0;top:0;width:49.68%;}

.flbd li{width:100%;overflow: hidden;}

.flbd li img{width:100%;display: block;transition: all 0.3s linear 0s;}

.flbd li:hover img{transform: scale(1.1);}



.flhd{position: absolute;left:43%;top:21rem;}

.flhd li{float: left;width:14px;height: 14px;background: #fff;border-radius: 50%;margin-right: 1.25rem;}

.flhd li.on{background: #004bbe;}



.prolst li{float: left;width:16.1%;margin-right: 0.5%;margin-bottom: 0.3rem;transition: all 0.3s linear 0s;overflow: hidden;}

.prolst li:nth-child(3n){margin-right: 0;}

.prolst li img{width:100%;display: block;}

.prolst li:hover{transform: scale(1.01);}



.prolst li em{display: block;background: #fff;width:100%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size:20px;color:#333333;}

.prolst li:hover em{font-weight: bold;}

.prolst li:hover{box-shadow: 10px 16px 21px rgba(155,155,155,.3)}

.prolst li:nth-child(1),

.prolst li:nth-child(4)

{margin-left: 50%;}

.prolst2{padding-bottom: 70px;}

.prolst2 li{float: left;width:16.1%;margin-right: 0.5%;margin-bottom: 0.3rem;transition: all 0.3s linear 0s;overflow: hidden;}

.prolst2 li:nth-child(6){margin-right: 0;}

.prolst2 li img{width:100%;display: block;}

.prolst2 li em{display: block;background: #fff;width:100%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size:20px;color:#333333;}

.prolst2 li:hover em{font-weight: bold;}

.prolst2 li:hover{box-shadow: 10px 16px 21px rgba(155,155,155,.3)}

.prolst2 li:hover{transform: scale(1.01);}







.g_fa{padding-top: 76px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.g_fa h2 a{letter-spacing: 5px;display: block;height: 158px;text-align: center;font-size: 36px;font-weight: bold;color:#333333;padding-top: 10px;box-sizing: border-box;width:1200px;margin:0 auto;}

.g_fa h2 span{display: block;height: 26px;line-height: 26px;position: relative;font-size:14px;color: rgba(51,51,51,.3);text-transform: uppercase;font-weight: normal;}

.g_fa h2 span:before{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;left:38%;top:12px;}

.g_fa h2 span:after{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;right:38%;top:12px;}

.g_fa h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;}



.m_fa{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.m_fa dl{position: relative;}

.m_fa dt{width: 100%;overflow: hidden;}

.m_fa dt img{width:100%;display: block;}

.m_fa dd{position: absolute;left:13.5%;top:5rem;width:39%;}

.m_fa h3 a{display: block;height: 2.5rem;line-height: 2.5rem;font-size:30px;color:#fff;font-weight: normal;margin-bottom: 0.8rem;}

.m_fa p{margin-bottom: 1.5rem;}

.m_fa p em{display: block;position:relative;padding-left: 1rem;font-size:16px;line-height: 30px;color:#fff;}

.m_fa p em:before{content: "";position: absolute;width:6px;height: 6px;background: #fff;border-radius: 50%;left:0;top:11px;}

.m_fa span a{display: block;width:156px;height: 44px;line-height: 44px;border:1px solid #fff;border-radius: 10px;padding-left: 26px;font-size:16px;color:#fff;position: relative;box-sizing: border-box;}

.m_fa span a:before{content: "";position: absolute;background:url(../images/faicojt.png) no-repeat;width: 28px;height: 28px;left:104px;top:9px;}





.fahd{width:73%;position: absolute;left:50%;margin-left: -36.5%;bottom: 0;height:6.2rem;background: rgba(255,255,255,.15); }

.fahd li{float: left;width:20%;text-align: center;font-size:18px;color:#fff;height:6.2rem;}

.fahd li i{display: block;width: 3.5rem;margin:0.5rem auto 0;}

.fahd li i img{width: 100%;display: block;}

.fahd li em{display: block;color:#fff;}

.fahd li.on{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#014dfc+2,1107da+99 */

background: #014dfc; /* Old browsers */

background: -moz-linear-gradient(45deg,  #014dfc 2%, #1107da 99%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #014dfc 2%,#1107da 99%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #014dfc 2%,#1107da 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014dfc', endColorstr='#1107da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}





.famore a{float: left;width:20%;text-align: center;font-size:18px;color:#fff;height:6.2rem;}

.famore a i{display: block;width: 3.5rem;margin:0.5rem auto 0;}

.famore a i img{width: 100%;display: block;}

.famore a em{display: block;color:#fff;}





.g_kefu{background:url(../images/kfbg.jpg) no-repeat center top;padding-top: 47px;box-sizing: border-box;overflow: hidden;width: 100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.g_kefu h2 a{letter-spacing: 5px;display: block;height: 100px;text-align: center;font-size: 36px;font-weight: bold;color: #023f80;box-sizing: border-box;width:1200px;margin:0 auto;}

.g_kefu h2 span{display: block;height: 26px;line-height: 26px;position: relative;font-size:14px;color: rgba(51,51,51,.3);text-transform: uppercase;font-weight: normal;}

.g_kefu h2 span:before{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;left:35%;top:12px;}

.g_kefu h2 span:after{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;right:35%;top:12px;}

.g_kefu h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;}



.g_kefu dl{

float: left;

width: 25%;

padding: 0 .3%;

padding-bottom: 52px;

box-sizing: border-box;

position: relative;

}



.g_kefu dt{width: 100%;overflow: hidden;}

.g_kefu dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}

.g_kefu dl:hover dt img{transform: scale(1.1);}



.g_kefu .m_kefu{margin-left: 3%;}

.g_kefu .tempWrap{width: 100%!important;}

.g_kefu dd{background: #fff;box-shadow: 7px 3px 18px rgba(0,0,0,.2);padding: 25px 5% 20px;box-sizing: border-box;}

.g_kefu h3 a{display: block;height: 56px;line-height: 56px;text-align: center;font-size:20px;color:#333333;font-weight: bold;position: relative;margin-bottom: 18px;}

.g_kefu h3 a:before{content: "";position: absolute;width:63px;height: 1px;left:50%;margin-left: -32px;top:53px;background: #343d4b;border-top: 1px solid #6a717b;border-bottom: 1px solid #c9cbcf}



.g_kefu p{font-size:16px;line-height: 30px;color:#666666;text-align: center;margin-bottom: 13px;}

.g_kefu span a{display: block;text-align: center;font-size:14px;color:#004bbe;height: 36px;line-height: 36px;}

.g_kefu span i{display: inline-block;position: relative;top:4px;}



.g_hz{margin-bottom: 48px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.g_hz .content{height: 140px;border-bottom: 1px solid #f4f4f4;}

.g_hz li{float: left;width:100%; padding-left:50px;}

.g_hz li img{width:100%; display: block;transition: all 0.3s linear 0s;}

.g_hz li:hover img{transform: scale(1.1);}





.g_hz .slick-slide { padding: 0 10px; }

.g_hz .slick-prev,.g_hz .slick-next{position: absolute;width:24px;height: 24px;border:none;font-size:0;}

.g_hz .slick-prev{background:url(../images/jt.png) no-repeat;left:-60px;top:60px;}

.g_hz .slick-next{background:url(../images/jt.png) no-repeat right 0;right:-60px;top:60px;}











.g_pt{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;overflow: hidden;padding-bottom: 14px;margin-top: 15px;}

.g_pt h2{letter-spacing: 5px;display: block;height: 90px;text-align: center;font-size: 36px;font-weight: bold;color: #023f80;box-sizing: border-box;width:1200px;margin:0 auto;}

.g_pt h2 span{display: block;height: 26px;line-height: 26px;position: relative;font-size:14px;color: rgba(51,51,51,.3);text-transform: uppercase;font-weight: normal;}

.g_pt h2 span:before{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;left:35%;top:12px;}

.g_pt h2 span:after{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;right:35%;top:12px;}

.g_pt h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;}





.leit{width: 100%;display: block;height:30.4rem;}

.leit ul{width: 100%;}

.leit li{width:15.57%;float: left;position: relative;height: 30.4rem;cursor: pointer;box-sizing: border-box;}

.leit li img{display: block;}

.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,.7); }

.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{position: absolute;left: 0;top:0;width: 100%;height:100%;}



.shu2 span{padding-top: 9.3rem;position: relative;display: block;}

.shu2 span i{display: block;width: 4.5rem;margin:0 auto 1rem;border-radius: 50%;

background: #043ef4; /* Old browsers */

background: -moz-linear-gradient(45deg,  #043ef4 0%, #023f80 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #043ef4 0%,#023f80 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #043ef4 0%,#023f80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043ef4', endColorstr='#023f80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.shu2 span i img{width: 100%;display: block;}

.shu2 span em{display: block;font-size:30px;color:rgba(255,255,255,1);text-transform: uppercase;font-weight: normal;text-align: center;}

.shu2 span b{display: block;font-weight: normal;font-size:16px;color:rgba(255,255,255,.6);padding-top: 0.5rem;text-transform:capitalize; }



.bock{width: 90%;position: absolute; border-bottom: 14px solid #0441f6;

	background: #fff;  

	 left: 5%;bottom:-14px; opacity:0;height:8.75rem;padding:1.5rem 3% 0; -webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;}



.bock h3{line-height: 2rem;height: 2rem; font-size: 1.25rem;color:#333333;font-weight: bold;margin-bottom: 0.5rem;}

.bock h3 em{display: inline-block;font-size:0.9rem;color:#333333;font-weight: normal;padding-left: 2%;width:80%;}

.bock p{font-size: 0.75rem;color:#666666;line-height: 1.1rem;}

.leit .cur .bock{opacity: 1;}

.leit .cur{width:53.177%;}

.leit .cur .mo{opacity: 0;}

.leit .cur .shu2{display:none;}









/*新闻资讯*/

.g_nswsbj{padding:80px 0; box-sizing: border-box;  font-family:"Microsoft Yahei";overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.g_nswsbj h2 a{letter-spacing: 5px;display: block;height: 130px;text-align: center;font-size: 36px;font-weight: bold;color:#333333;box-sizing: border-box;width:1200px;margin:0 auto;}

.g_nswsbj h2 span{display: block;height: 26px;line-height: 26px;position: relative;font-size:14px;color: rgba(51,51,51,.3);text-transform: uppercase;font-weight: normal;}

.g_nswsbj h2 span:before{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;left:35%;top:12px;}

.g_nswsbj h2 span:after{content: "";position: absolute;width: 50px;height: 1px;background: #c5c5c5;right:35%;top:12px;}

.g_nswsbj h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;}

.g_nswsbj i{font-style: normal;}





.news31{width:54.2%; float: left; }

.news31 .newstit{color:#333333;height: 72px;line-height: 72px; position: relative; display: block; font-weight: normal;}

.news31 .newstit i a{ text-decoration: none; position: relative; font-size: 26px; display:block;height:72px; color:#333333; font-weight: bold;}

.news31 .newstit span{height:72px; color:#666666; font-size: 16px; text-transform: uppercase; float: right;}

.news31 .newstit span a{color:#666666;}



.news_nr2{position: relative; overflow: hidden;}

.news_nr2 dl{float: left;width:48%;margin-right: 3%;margin-bottom: 25px;}

.news_nr2 dl:nth-child(2){margin-right: 0;}

.news_nr2 dt{width:100%;margin-bottom: 10px;overflow: hidden;}

.news_nr2 dt img{width: 100%; display: block;}

.news_nr2 dd h3{font-size: 20px; font-weight: bold;height: 36px; line-height: 36px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 18px; }

.news_nr2 dl a{ text-decoration: none; }

.news_nr2 dd p{overflow: hidden;font-size: 16px; line-height: 30px; color:#555555;}

.news_nr2 dd p em{color:#004bbe;}

.news_nr2 dl dt img{ -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_nr2 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.news_nr2 li a{display: block;height: 60px;line-height: 60px;border-bottom: 1px solid #dcdcdc;font-size:18px;color:#777777;padding-left: 24px;position: relative;}

.news_nr2 li a:before{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;border:2px solid #a9a9a9;left:0;top:25px;}

.news_nr2 li span{font-size:14px;color:#888888;display: block;line-height: 60px;}

.news231{float: right; width: 36.2%;} 

.news231 .newstit{color:#333333;height: 72px;line-height: 72px;position: relative; display: block; font-weight: normal;}

.news231 .newstit i a{ text-decoration: none; position: relative; font-size: 26px; display:block;height:72px; color:#333333; font-weight: bold;}

.news231 .newstit span{height:72px; color:#666666; font-size: 16px; text-transform: uppercase; float: right;}

.news231 .newstit span a{color:#666666;}





.news231 .news_c h3{width: 100%;height:90px; line-height:90px; position: relative;font-size: 16px; color: #333333;padding:0 8%;box-sizing: border-box;background: #f6f6f6;border-bottom: 1px solid #fff; font-weight: normal;}

.news231 .news_c h3 a{text-decoration: none;}

.news231 .news_c h3:before{ content:""; position:absolute; top:42px;  width:5px; height:5px; border:2px solid #a9a9a9; background:#fff;left:22px;border-radius: 100%; }

.news231 .news_c h3:after{ content:""; position:absolute; top:32px;  width:24px; height:24px; background:url(../images/dtico1.png) no-repeat;right:23px;border-radius: 100%; }

.news231 .news_c h3 a{color: #333;}







.news231 .news_c h3:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043ef4+0,0d17e2+100 */

background: #043ef4; /* Old browsers */

background: -moz-linear-gradient(left,  #043ef4 0%, #023f80 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #043ef4 0%,#023f80 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #043ef4 0%,#023f80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043ef4', endColorstr='#023f80',GradientType=1 ); /* IE6-9 */

}

.news231 .news_c h3:hover a{color: #fff;}

.news231 .news_c h3:hover:before{ border-color: #fff;background: none;}

.news231 .news_c h3:hover:after{ background:url(../images/dtico2.png) no-repeat right 0; }

















.g_about {background:url(../images/abbg.jpg) no-repeat center top;height: 840px;padding-top: 420px;box-sizing: border-box;}

.g_about .content2{width: 1200px;margin:0 auto;}

.g_about dd h3 a{letter-spacing: 5px;display: block;height: 94px;text-align: center;font-size:36px;color:#333333;}

.g_about dd h3 em{ display:block; font-size:20px;color:#666666;font-weight: normal;padding-top: 6px;}

.g_about dd p{padding: 0 50px;text-align: center;font-size:16px;line-height: 30px;color:#666666;height: 125px;}

.g_about dd p a{ color:#0a26e9;}

.g_about li{ width:356px; height:132px; box-shadow: 3px 0 8px rgba(0,0,0,.25); float:left; border-radius:10px;margin-right: 58px;position: relative;padding-left: 133px;padding-top: 34px; box-sizing: border-box;}

.g_about li:nth-child(3){margin-right: 0;}

.g_about li em{ display:block; width:84px; height:84px; overflow:hidden;position: absolute;left:45px;top:30px;}

.g_about li em img{transition: .5s; display:block;}

.g_about li span{ display:block; font:30px "Microsoft YaHei UI"; color:#333333;}

.g_about li span i{ display:block; font:20px "Microsoft YaHei UI"; color:#333333; margin-top:8px; text-transform:uppercase;}

.g_about li:hover span,.g_about li:hover span i{font-weight: bold;}

.g_about li:nth-child(1){animation-delay: 0.1s;}

.g_about li:nth-child(2){animation-delay: 0.2s;}

.g_about li:nth-child(3){animation-delay: 0.3s;}













/* 友情链接 */

.g_link{height: 52px;position: relative;margin-top: -60px;z-index:111;}

.linkcon{width: 1128px;border-top: 1px solid #5c5c5c;}

.g_link h2{float: left; width: 90px;height: 52px;line-height: 52px;font-size: 14px;font-weight: normal;color:#fff;}

.link_c{line-height:52px; overflow:hidden;float: left;width: 980px; font-size: 14px;}

.link_c a{ white-space:nowrap; padding:0 20px;float: left; height: 52px; line-height:52px; color:rgba(255,255,255,.6);display: block;}

.link_c .lasta a{background: none;}











 @media screen and (max-width:1401px) {             

 .content{width:1200px;}

.g_pro .fltit dd a{padding: 0 1.2%;}

.prolst li em{font-size:16px;}

.m_fa p em{font-size:14px;}

.fahd li,.famore a{font-size:16px;}

.linkcon{width: 1028px;}

.link_c{width: 800px;}

.link_c a{padding:0 15px;}

















}

































@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}

100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}

}

@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}

40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}

50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}

80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}

90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}

100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}

}

.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}

.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}

.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}

.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}

.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}

.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}







@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}

}

@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}

}

@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}

20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}

90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}

100%{opacity:0}

}



@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}

20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}

90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}

100%{opacity:0}

}









html {font-size: 10px;-webkit-text-size-adjust: none;}

@media screen and (min-width: 1200px) {html {font-size: 15px;}}

@media screen and (min-width: 1280px) {html {font-size: 16px;}}

@media screen and (min-width: 1366px) {html {font-size: 17px;}}

@media screen and (min-width: 1440px) {html {font-size: 18px;}}

@media screen and (min-width: 1600px) {html {font-size: 20px;}}

@media screen and (min-width: 1920px) {html {font-size: 24px;}}