@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}






/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix{*zoom:1}
i,em{ font-style:normal;}

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

.bantest {position: relative;width: 100%;overflow: hidden;}  
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}
.banner .slick-prev {left: 10%; display: none; background:url(../images/ban_prev.png) no-repeat;}
.banner .slick-next {right: 10%; display: none;background:url(../images/ban_next.png) no-repeat;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #016abc;width: 15px;height: 15px;color: #854200; border-radius: 15px;border:0; box-shadow:0 0 0.3rem #016abc; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background-color: #016abc;border:0;width: 60px;} 
.small{font:40px Arial, Helvetica, sans-serif; color:#1180c6; position:absolute; bottom:9%; left:12%; z-index:1;}
.small b{ font-weight:normal; padding-right:8px;}
.small i{ padding-left:8px; font-size:20px;}

.numb{ height:105px; padding-top:25px; background:#1180c6; overflow:hidden;}
.numb li{ font:16px "Microsoft YaHei UI"; color:#d2e7f4; font-weight:lighter; float:left; margin-right:125px;}
.numb li span{ display:block; color:#fff; font:50px Arial, Helvetica, sans-serif;}
.numb li span em{font:16px "Microsoft YaHei UI"; color:#d2e7f4; font-weight:lighter;}
.numb li:nth-child(5){ margin-right:0;}
.numb li:last-child{ margin-right:0; float:right;}


.tit{ font:38px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px; font-weight:bold;}
.tit a{ color:#333;}
.tit b{ color:#1180c6;}
.tit em{ display:block; font-size:22px; padding:12px 0 0; font-weight:normal;}

.guide{ height:545px; overflow:hidden; background:#f2f2f2; padding-top:110px;}
.guide dt{ width:645px; height:420px; float:right; overflow:hidden; position:relative;}
.guide dt em{ display:none;width:645px; height:420px; background:rgba(0,0,0,0.4) url(../images/guide_v.png) no-repeat center center; position:absolute; top:0;}
.guide dt img{ display:block;width:645px; height:420px;}
.guide dd{ width:530px; float:left;}
.guide dd h3{ font:38px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.guide dd h3 em{ display:block;}
.guide dd h3 b{ color:#1180c6;}
.guide dd p{ width:485px; padding:36px 0 33px; border-bottom:1px solid #dcdcdc; margin-bottom:34px; font:16px "Microsoft YaHei UI"; line-height:32px; color:#666;}
.guide dd h5{ font:32px "Microsoft YaHei UI"; line-height:50px; font-weight:bold; color:#333; background:url(../images/guide_icon1.png) no-repeat left center; padding-left:48px; height:50px;}
.guide dd h5 em{ display:block; float:left; line-height:50px;}
.guide dd h5 em:last-child{ margin-left:60px; background:url(../images/guide_icon2.png) no-repeat left center; padding-left:50px;}

.chanp{ margin-top:90px;}
.chanp1{ height:560px; position:relative;}
.chanp dl{ width:188px; height:503px; float:left; overflow:hidden; position:relative;}
.chanp dt:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.chanp dt{ color:#fff; position:relative;}
.chanp dt h5{ position:absolute; top:50px; left:30px; font:28px "Microsoft YaHei UI"; font-weight:bold;}
.chanp dt span{ display:block; margin-top:22px;}
.chanp dt span em{ display:block;}
.chanp dt i{ display:block; font:16px "Microsoft YaHei UI"; line-height:27px; margin:30px 20px 0 0;}
.chanp dt b{ display:block; width:32px; height:32px; background:rgba(255,255,255,0.8); border-radius:32px; font:30px Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; line-height:32px; color:#000; font-weight:normal; margin-top:110px;}
.chanp dd{ position:absolute; width:535px; height:140px; top:330px; left:50px;background:rgba(255,255,255,0.9); display:none;}
.chanp dd span{ font:28px "Microsoft YaHei UI"; font-weight:bold; color:#000; padding:30px 0 0 55px; float:left;}
.chanp dd span em{ display:block;}
.chanp dd i{ display:block; float:left; width:200px; font:18px "Microsoft YaHei UI"; line-height:27px; color:#000; padding:44px 0 0 35px;}
.chanp dd img{ display:block; float:left; padding:40px 0 0 36px;}
.chanp dd b{ font:72px Arial, Helvetica, sans-serif; font-weight:bold; color:#1180c6; position:absolute; top:-45px; left:52px;}
.chanp .cur{ width:636px;}
.chanp .cur dt h5{ display:none;}
.chanp .cur dd{ display:block;}

/*.pro{ background:#f2f2f2 url(../images/nproduct_bg.png) no-repeat center top; padding-top:85px;}
.tit01{ height:72px; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:28px;}
.tit01 em a{ display:block; float:left; font:30px "Microsoft YaHei UI"; font-weight:bold; line-height:72px; color:#fff;}
.tit01 span{ display:block; float:right; text-align:right; font:16px "Microsoft YaHei UI"; line-height:72px; color:#fff;}
.tit01 span a{ display:inline-block; color:#fff; padding-left:53px;}
.tit01 span a:last-child{ float:right;}
.pro1{ height:985px;overflow:hidden;}
.pro1 ul{ position:relative;}
.pro1 li{ float:left; overflow:hidden; width:300px; height:513px; overflow:hidden; position:relative;}
.pro1 li em,.pro2 li em{ display:block; font:22px "Microsoft YaHei UI"; color:#000; position:absolute; top:40px; left:25px; padding-bottom:15px;}
.pro1 li em:before,.pro2 li em:before{ content:""; position:absolute; bottom:0; width:45px; height:2px; background:#999;}
.pro1 li span,.pro2 li span{display:block;position: absolute;bottom: 0;height: 0;width: 100%; text-align: center;font: 16px "Microsoft YaHei UI"; font-weight:bold;color: #fff;
    background:rgba(17,128,198,0.8);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro li:hover span,.pro2 li:hover span{ height:100%;display:none;}
.pro1 .li1 span{ line-height:513px;}
.pro1 .li2{ height:347px;}
.pro1 .li2 span{ line-height:347px;}
.pro1 .li3,.pro .li4{ height:434px;}
.pro1 .li3 span,.pro1 .li4 span{ line-height:434px;}
.pro1 .li5{ height:478px; margin-top:-87px;}
.pro1 .li5 span{ line-height:478px;}
.pro1 .li6{ width:600px; height:391px;}
.pro1 .li6 span{ line-height:391px;}
.pro1 .li7{ position:absolute; top:513px; left:0; width:300px; height:312px;}
.pro1 .li7 span{ line-height:312px;}

.pro2{ height:1020px; overflow:hidden;}
.pro2 .tit01{ border-bottom:1px solid #d8d8d8;}
.pro2 .tit01 a{ color:#000;}*/
.pro{ background:#f2f2f2 url(../images/nproduct_bg.png) no-repeat center top; padding-top:85px;}
.tit01{ height:72px; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:28px;}
.tit01 em a{ display:block; float:left; font:30px "Microsoft YaHei UI"; font-weight:bold; line-height:72px; color:#fff;}
.tit01 span{ display:block; float:right; text-align:right; font:16px "Microsoft YaHei UI"; line-height:72px; color:#fff;}
.tit01 span a{ display:inline-block; color:#fff; padding-left:53px;}
.tit01 span a:last-child{ float:right;}
.pro1{height: 1120px;overflow:hidden;}
.pro1 ul{ position:relative;}
.pro1 li{float:left;overflow:hidden;width:300px;height: 400px;overflow:hidden;position:relative;background: #fff;display: flex;align-items: center;justify-content: center;padding-top: 90px;}
.pro1 li img{width:100%;height: 100%;}
.pro1 li em,.pro2 li em{display:block;font:22px "Microsoft YaHei UI";color:#000;position:absolute;top: 25px;left:25px;padding-bottom:15px;}
.pro1 li em:before,.pro2 li em:before{ content:""; position:absolute; bottom:0; width:45px; height:2px; background:#999;}
.pro1 li span,.pro2 li span{display:block;position: absolute;bottom: 0;height: 0;width: 100%; text-align: center;font: 16px "Microsoft YaHei UI"; font-weight:bold;color: #fff;
    background:rgba(17,128,198,0.8);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro li:hover span,.pro2 li:hover span{ height:100%;display:none;}
.pro1 .li1 span{ line-height:513px;}
.pro1 .li2{ height:347px;}
.pro1 .li2 span{ line-height:347px;}
.pro1 .li3,.pro .li4{ height:434px;}
.pro1 .li3 span,.pro1 .li4 span{ line-height:434px;}
.pro1 .li5{ height:478px; margin-top:-87px;}
.pro1 .li5 span{ line-height:478px;}
.pro1 .li6{ width:600px; height:391px;}
.pro1 .li6 span{ line-height:391px;}
.pro1 .li7{ position:absolute; top:513px; left:0; width:300px; height:312px;}
.pro1 .li7 span{ line-height:312px;}

.pro2{height: 1170px;overflow:hidden;}
.pro2 .tit01{ border-bottom:1px solid #d8d8d8;}
.pro2 .tit01 a{ color:#000;}
/*.pro2 ul{ position:relative; height:850px;}*/
/*.pro2 li{ width:400px; height:241px; position:relative; overflow:hidden;}*/
/*.pro2 li span{ line-height:241px;}*/
/*.pro2 .li1{ height:482px; position:absolute; top:296px; left:400px;}*/
/*.pro2 .li1 span{ line-height:482px;}*/
/*.pro2 .li2{ width:800px; height:296px; position:absolute; top:0; right:0;}*/
/*.pro2 .li2 span{ line-height:296px;}*/
/*.pro2 .li3{ position:absolute; top:296px; right:0;}*/
/*.pro2 .li4{ height:444px;}*/
/*.pro2 .li4 span{ line-height:444px;}*/
/*.pro2 .li5{ height:334px;}*/
/*.pro2 .li5 span{ line-height:334px;}*/
/*.pro2 .li6{ position:absolute; top:537px; right:0;}*/

.dingz{ height:910px; margin-top:85px;}
.dingz dl{ height:695px; overflow:hidden; position:relative;}
.dingz dt img{ display:block; width:1200px; height:695px;}
.dingz dd{ width:1200px; position:absolute; bottom:15px;}
.dingz dd p{ width:353px; height:160px; float:left; overflow:hidden; background:#fff; margin-left:12px; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#333; padding:40px 0 0 30px; position:relative;}
.dingz dd p span{ display:block; font:18px "Microsoft YaHei UI"; line-height:27px; color:#848484; margin-top:23px;}
.dingz dd p b{ display:block; font:60px Impact; color:#ccc; position:absolute; bottom:-13px; right:0;}
.dingz dd p:hover b{ color:#1180c6;}

.process{ height:275px; overflow:hidden;}
.process h5{ width:180px; height:100px; border-top:1px solid #000; border-bottom:1px solid #000; overflow:hidden; float:left; font:28px "Microsoft YaHei UI"; color:#333; padding-top:40px; text-align:center;}
.process h5 em{ display:block; font:18px "Microsoft YaHei UI"; color:#848484; padding-top:px;}
.process ul{ width:954px; height:140px; float:right;}
.process li{ width:125px; float:left; margin-left:34px;font:16px "Microsoft YaHei UI"; color:#8d8d8d; text-align:center;}
.process li span{ display:block; position:relative; width:105px; height:105px; margin:0 auto 20px;}
.process li span em{position:absolute;width:100%;height:100%;top:0;left: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; background:#f2f2f2; border-radius:105px;}
.process li span i{position:absolute;width:100%;height:100%;top:0;left:0;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; background:#1180c6; border-radius:105px;}
.process li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.process li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.process li:hover{ color:#1180c6;}


.super{ background:#f2f2f2; padding-top:100px;}
.super dl{ width:18.59%; float:left; position:relative;overflow:hidden;height:860px; box-shadow:0 15px 2rem #ccc;}
.super dl:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff; z-index:1;}
.super dl:last-child:before{ background:none;}
.super dt{ position:relative;}
.super dt p{ font:2rem "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#fff; position:absolute; bottom:0; left:0; padding:10% 0; width:100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.87) 87%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.87) 87%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.87) 87%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.super dt p em{ display:block; font:1.125rem "Microsoft YaHei UI"; color:#bbb; margin:5% 0;}
.super dt p b{ display:block; width:47px; height:47px; margin:0 auto; background:url(../images/ys_more.png) no-repeat;}
.super dd{ display:none; width:100%; position:absolute; bottom:0; background:#fff; padding:3% 3%; box-sizing:border-box;}
.super dd .suppd{ width:45%; float:left;}
.super dd .suppd h5{ font-size:2rem; font-weight:bold; color:#333;}
.super dd .suppd h5 span{ display:block; width:100%; float:left;}
.super dd .suppd h5 img{ display:block; float:right; width:30%;}
.super dd .suppd h5 b{ color:#1180c6;}
.super dd .suppd p{ font-size:1rem; line-height:1.625rem; color:#848484; margin-top:2rem;}
.super dd .supppic{ width:45%; float:right;}
.super dd .supppic p{ width:48.5%; float:left; position:relative; overflow:hidden;}
.super dd .supppic p img{ display:block; width:100%;}
.super dd .supppic p em{ display:block; position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); font:16px "Microsoft YaHei UI"; text-align:center; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.super dd .supppic p:last-child{ float:right;}
.super .cur{ width:62.8125%;}
.super .cur dt p{ display:none;}
.super .cur dd{ display:block;}
@media (min-width: 1200px) and (max-width: 1680px) {
.super dd .suppd h5,.super dt p{font-size:1.5rem;}	
.super dt p em{ display:block; font-size:1rem }
.super dd .suppd p{ font-size:0.9rem;}
}


.case{ margin-top:100px; height:1010px;}
.case dl{ width:387px; height:380px; float:left; margin:0 16px 18px 0; border:1px solid #e5e5e5; float:left; background:#1180c5; position:relative;}
.case dt{ width:387px; height:420px; overflow:hidden;}
.case dt img{ display:block; width:387px; height:290px;}
.case dt span{ display:block; width:315px; margin:20px auto 0; font:20px "Microsoft YaHei UI"; color:#fff;}
.case dt span em{ display:block; font:16px "Microsoft YaHei UI"; color:#fff; margin-top:4px;}
.case dd{ width:329px; height:330px; padding:50px 30px 0 30px; background:#1180c6; position:absolute; top:0; display:none;}
.case dd h3 a{ display:block; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#fff;}
.case dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#fff; margin:15px 0 50px;}
.case dd span{ display:block; height:41px;}
.case dd span a{ display:block; width:110px; height:41px; border-radius:30px; background:#fff; font:14px "Microsoft YaHei UI"; font-weight:bold; color:#1180c6; text-transform:uppercase; text-align:center; line-height:41px; float:left;}
.case dd span a:last-child{ width:185px; height:35px; font:14px "Microsoft YaHei UI"; text-align:center; color:#fff; border:3px solid #fff; line-height:35px; float:right; background:none;}
.case dl:nth-child(4),.case dl:nth-child(7){ margin-right:0;}
.case dl:hover dd{ display:block;}

.sheb{ height:1010px; margin-top:80px; overflow:hidden; background:url(../images/sheb_bg.jpg) no-repeat center 145px;}
.sheb p{ height:500px; padding-top:30px; border-top:1px solid #ccc;}
.sheb p span{ display:block; width:300px; float:left; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#333; position:relative;}
.sheb p span em{ display:block; font:18px "Microsoft YaHei UI"; color:#b6b6b6;}
.sheb span:before{ content:""; position:absolute; top:9px; left:-20px; width:10px; height:10px; border-radius:10px; background:#1180c6;}
.sheb1{ background:#fff; height:270px;}
.sheb1 h5{ width:250px; height:230px; padding:40px 0 0 50px; overflow:hidden; background:#1180c6; font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:36px; float:left; color:#fff;}
.sheb1 h5 em{ display:block; font:22px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin-top:45px;}
.sheb2{ width:841px; float:right; margin:45px 30px 0 0; overflow:hidden;}
.sheb2 li{ height:224px; border-bottom:1px solid #333; float:left; margin-right:23px; width:265px; overflow:hidden; position:relative;}
.sheb2 li img{ display:block; width:265px; height:162px;}
.sheb2 li em{ display:block; height:60px; font:16px "Microsoft YaHei UI"; line-height:60px; color:#666; background:url(../images/sheb_arr.jpg) no-repeat right center;}
.sheb2 li:hover img{ border:2px solid #1180c6; box-sizing:border-box;}
.sheb2 li:hover em{ color:#1180c6; font-weight:bold;}
.sheb2 li:before{content: '';
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.sheb2 li:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }



/*新闻资讯*/
.new{ height:900px; overflow:hidden;}
.new .tit{ height:120px;}
.new h2{ height:70px; font:24px "Microsoft YaHei UI"; line-height:70px;}
.new h2 a{ display:block; color:#000;}
.new h2 span{ float:right; font:16px "Microsoft YaHei UI"; line-height:70px;}
.new dl{ height:468px;}
.new dt{ width:587px; height:412px; float:left; overflow:hidden; position:relative;}
.new dt img{ display:block;width:587px; height:412px; position:relative; overflow:hidden;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new dt:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new dt em{ display:block; height:50px; font:16px "Microsoft YaHei UI"; line-height:50px; color:#fff; background:rgba(0,0,0,0.4); width:100%; position:absolute; bottom:0; text-align:center;}
.new dd{ width:585px; float:right; overflow:hidden;}
.new dd h5{ height:124px; margin-bottom:20px; background:#f5f5f5;}
.new dd h5 em{ display:block; width:110px; float:left; text-align:center; font:48px "Microsoft YaHei UI"; color:#333; padding-top:18px; height:106px; border-right:1px solid #fff;}
.new dd h5 em i{ display:block; font:18px Arial, Helvetica, sans-serif; color:#808080;}
.new dd h5 span{ display:block; width:420px; float:right; padding:24px 30px 0 0;}
.new dd h5 span a{ display:block; font:16px "Microsoft YaHei UI"; color:#333;}
.new dd h5 span i{ display:block; font:14px "Microsoft YaHei UI"; line-height:22px; color:#848484; margin-top:12px;}
.new dd h5:hover em{ background:#1180c6; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.new dd h5:hover em i{ color:#fff;}
.new dd h5:hover{ background:#fff; box-shadow:0 0 1rem #ccc;}

.faq{ height:128px; border:2px solid #1180c6; overflow:hidden;}
.faq h3 a{ display:block; float:left; width:145px; height:128px; background:#1180c6; font:24px "Microsoft YaHei UI"; text-align:center; line-height:125px; color:#fff;}
.faq2{ width:995px; float:right; margin:26px 20px 0 0; overflow:hidden;}
.faq li{ width:33.33%; float:left;}
.faq li a{ display:block; font:14px "Microsoft YaHei UI"; height:40px; line-height:40px; overflow:hidden; color:#848484;}
.faq li a:hover{ color:#333;}


.link{ background:#243343; font:14px "Microsoft YaHei UI"; line-height:30px; height:auto; color:#999999;}
.link a{ display: inline-block;padding:0 17px; color:#999;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#1180c6;}

@media (min-width: 1200px) and (max-width: 1680px) {
}


@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
}
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-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);
  }
}